/**
 * WWE theme override styles
 * @author: vasu
 */

 * {
     -ms-text-size-adjust:100%;
     -webkit-text-size-adjust:100%
 }

 .hidden {
     display: none;
 }

 sup {
    font-size: 11px;
    top: -5px;
 }
 
 body.rgcl.page-template-page-signin,
 body.rgcl.page-template-page-register,
 body.rgcl.page-template-page-profile {
    font-family:"Roboto", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px;
    -webkit-font-smoothing : initial !important;
 }

 body.rgcl {
    font-family: 'Sintony', sans-serif !important;
    font-size: 16px;
    -webkit-font-smoothing : initial;
    line-height: 24px;
 }

 .rgcl a {
     color: #009CDE;
     text-decoration: none;
     cursor: pointer;
 }

 .rgcl hr {
     border-top: 1px solid #c4c4c4;
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .rgcl .footer hr {
     margin-top: 0;
 }

 .rgcl .jumbotron p {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 10px;
}

 .rgcl .dropdown-menu .bcStatic a {
     display: block;
     padding-bottom: 5px;
 }

 .rgcl .dropdown-menu .bcStatic img {
     display: none;
 }

 .rgcl.page-template-page-signin .container,
 .rgcl.page-template-page-register .container,
 .rgcl.page-template-page-profile .container {
     width: 1000px;
 }

 .rgcl #captureSignInLink,
 .rgcl #captureSignOutLink {
     margin-left: 20px;
 }

 .rgcl #captureSignOutLink {
     display: none;
 }

 .rgcl.register #captureSignInLink,
 .rgcl.register #navbar .empty {
     display: none;
 }

 .rgcl.register .navbar-nav {
     margin-right: 0;
 }

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

 .rgcl a.btn {
    color: #ffffff;
    font-size: 16px;
    display: initial;
    border-radius: 0px;
 }

 .rgcl a.btn:hover {
  
 }

 .rgcl .content {
     display: block;
     margin-left: auto;
     margin-right: auto;
     position: relative;
     margin-top: 129px;
     padding-bottom: 20px;
 }

 /*.rgcl .content a {
     color: #DA291C !important;
 }*/

 .rgcl .content a.btn {
     color: #FFFFFF !important;
     /* background-color: #DA291C; */
     border-radius: 0;
 }

 .rgcl .center-block {
     float: none;
 }

 .rgcl .w-820 {
     width: 820px;
 }

 .rgcl .nav-wrapper {
     position: fixed;
     width: 100%;
     z-index: 999;
 }

 body.rgcl .navbar a {
    /* font-family: 'Roboto', sans-serif !important; */
 }

 body.rgcl .navbar.navbar-white a {
    font-family: 'Sintony', sans-serif !important;
 }

 .rgcl .navbar {
     border-radius: 0;
     background-color: #000000;
     max-height: 45px;
     min-height: 45px;
     margin-bottom: 0;
     border: 0;
 }

 .rgcl .navbar-white {
    background-color: #D0D3D4;
    min-height: 84px;
    max-height: 94px;
    border-bottom: 1px solid #BBBDC0;
    margin-bottom: 20px;
    padding-top: 7px;
    padding-bottom: 10px;
 }

 .rgcl.home .navbar-white {
    margin-bottom: 0;
 }

 .rgcl .navbar-white .site-links {
    float: right;
    margin-top: 27px;
 }

 .rgcl .navbar-white .site-links > .nav_item {
    display: inline-block;
    margin-left: 60px;
 }

 .rgcl .navbar-white .site-links > .nav_item a {
     font-size: 18px;
     text-decoration: none;
     color: #000000;
 }

.rgcl .navbar-white .site-links > .nav_item a:hover {
    color: #414042;
}

 .rgcl .navbar .navbar-brand > img {
    height: 100%;
 }

 .rgcl .navbar .container-fluid {
     padding-left: 35px;
     padding-right: 35px;
     width: auto;
 }

 .rgcl .janrain-buttons {
     position: relative;
     top: 12px;
     left: 0px;
     -webkit-font-smoothing : initial;
     z-index: 1;
 }

 .rgcl.ehf .janrain-buttons {
     margin-left: 20px;
 }

 .rgcl .janrain-buttons a.signin-link,
 .rgcl .janrain-buttons a.signout-link {
     padding: 5px 9px;
     text-decoration: none;
     -webkit-font-smoothing : antialiased;
 }

 .rgcl .janrain-buttons a.signin-link:hover,
 .rgcl .janrain-buttons a.signout-link:hover {
     color: #D0D3D4;
 }

 @media screen and (min-width: 1600px) {
    .rgcl .navbar .container-fluid{
        padding-left: 120px;
        padding-right: 120px;
    }

    .rgcl .content-module-fullbleedbanner .header {
        /* top: 185px; */
    }
 }
 
 .user-email.mobile {
    display: block;
    padding-left: 20px;
    margin-bottom: 0.3em;
    font-size: 18px;
 }
 
  .rgcl .navbar-brand {
    height: 65px;
    padding: 2px 0 0 0;
    width: 319px;
 }

 .rgcl .navbar-nav {
     margin-top: 6px;
     margin-right: 20px;
 }

 .rgcl .navbar-nav > li > .dropdown-menu {
        background-color: #000000;
        border: none;
        box-shadow: none;
        right: -10px;
 }

 .rgcl .navbar-nav > li > .dropdown-menu .divider {
    background-color: #383838;
    width: 84%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    margin-bottom: 6px;
 }
 
 .rgcl .navbar-nav > li {
     margin-left: 0px;
 }

 .rgcl .navbar-nav > li:not(:first-child) {
     margin-left: 20px;
 }

 .rgcl .navbar-nav > li.empty {
     margin-left: 0px;
 }

 .rgcl .navbar-nav > li > a {
     color: #FFFFFF;
     padding-top: 7px;
     padding-bottom: 7px;
     -webkit-font-smoothing : antialiased;
     font-size: 16px;
 }

 .rgcl .navbar-nav > li > a:hover {
    color: #D0D3D4;
 }

 .rgcl .navbar-nav > li > .dropdown-menu > li {
     margin-bottom: 0px
 }

 .rgcl .navbar-nav > li > .dropdown-menu > li > a,
 .rgcl .navbar-nav > li > .dropdown-menu > li a {
    color: #D0D3D4;
    padding-left: 15px;
    text-decoration: none;
 }

 .rgcl .navbar-nav > li > .dropdown-menu > li a:focus,
 .rgcl .navbar-nav > li > .dropdown-menu > li a:hover {
     color: #fff;
     background: none;
     font-weight: bold;
 }

 .rgcl .navbar-nav > li > a:hover,
 .rgcl .navbar-nav > li.open > a:hover,
 .rgcl .navbar-nav > li.open > a:focus,
 .rgcl .navbar-nav > li.active > a:hover {
     background: none;
 }

 .rgcl .navbar-nav > li:not(:first-child) > a:hover,
 .rgcl .navbar-nav > li:not(:first-child).open > a:hover,
 .rgcl .navbar-nav > li:not(:first-child).active > a:hover {
     /*background-color: #06598B;*/
 }

 .rgcl .navbar-nav > li:not(:first-child).open > a,
 .rgcl .navbar-nav > li:not(:first-child).active > a {
    /*background-color: #DA291C;*/
 }

 .rgcl .navbar > .container .navbar-brand, 
 .rgcl .navbar > .container-fluid .navbar-brand {
     margin-left: auto;
 }

 .rgcl.fr .navbar > .container .navbar-brand, 
 .rgcl.fr .navbar > .container-fluid .navbar-brand {
     /* margin-left: 46px; */
 }

 .rgcl .second-col {
     display: none;
 }

 .rgcl .second-col {
     float: right;
     margin-top: 25px;
     width: 330px;
     display: block;
 }
 
 .rgcl .content h1 {
     font-size: 48px;
     margin-bottom: 10px;
     color: #000000;
     font-weight: 700;
     /* padding-top: 25px; */
     margin-top: 0;
     line-height: 48px;
     font-family: rift, sans-serif;
 }

 .rgcl.error404 .content h1 {
     margin-top: 20px;
 }

 .rgcl.page-template-page-SUPPORT .wrapper .header .title {
     display: none;
 }

 .rgcl .content h2 {
     font-size: 22px;
     color: #000000;
     margin-top: 20px;
     margin-bottom: 10px;
     line-height: 28px;
 }

 p {
     /* font-size: 16px;
     line-height: 26px;
     color: #000;
     text-align: left; */
 }

 .rgcl .game_container p {
     line-height: initial;
 }

 .rgcl .content .page hr.before-form {
     margin-bottom: 0;
 }

 .rgcl .field .input-group {
     display: block;
 }

 .rgcl .footer .container {
     width: 1100px;
 }

 .rgcl .footer-part-wrapper {
     display: block;
     margin-bottom: 20px;
     text-align: center;
     margin-top: 10px;
 }

 .rgcl .footer-part-wrapper .footer-part {
     display: inline-block;
     padding: 0 20px 0 0;
     vertical-align: middle;
 }

 .rgcl .copyright {
     color: #818b93;
     font-size: 12px;
 }

 .rgcl .footer-part .footer-link {
     white-space: nowrap;
     font-size: 12px;
     font-weight: normal;
     color: #3d3d3d;
     display: inline-block;
     margin-right: 10px;
 }

 .rgcl .footer-logo-wrapper {
     display: inline-block;
 }

 .rgcl .footer-logo-wrapper .footer-logo {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    padding-top: 4px;
 }

 .rgcl .footer-logo-wrapper .footer-logo-link {
    font-size: 11px;
    display: inline-block;
    border-left: 1px solid #333;
    padding-left: 10px;
 }

 .rgcl .footer-logo-wrapper .footer-logo-link a {
     color: #333;
     display: block;
     line-height: 1.48;
 }

 .rgcl .footer-logo-wrapper .footer-logo-link .lines {
     display: block;
     text-align: left;
 }

 .rgcl .footer-logo-wrapper .footer-logo-link .lines.line-1 {
     font-weight: 600;
     text-align: left;
 }

 .rgcl .right hr:first-of-type {
     margin-bottom: 0;
 }

 .rgcl ul li {
     margin-bottom: 12px;
 }

 .rgcl .left {
    margin-top: 115px;
    display: none;
    visibility: hidden;
}

.rgcl.page-template-page-profile .left {
    display: inline-block;
}

.rgcl .left ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rgcl .left ul li {
    border-bottom: 1px solid #C4C4C4;
    padding: 6px 0;
    font-size: 18px;
    display: none;
}

.rgcl .left ul li a {
    color: #DA291C;
    text-decoration: none;
}

.rgcl.page-template-page-profile .left ul li.logged-in-profile.active a {
    color: #000 !important;
    font-weight: bold;
}

.rgcl .left ul li a:hover {
    color: #414042;
}

.rgcl .live-chat-wrapper {
    margin-bottom: 15px;
}

.rgcl .live-chat-wrapper .live-chat {
    background: url('../images/live-chat.png') 0 0 no-repeat;
    width: 114px;
    height: 31px;
    display: inline-block;
    margin-top: 10px;
}

.rgcl .left ul li.left-links {
    display: none;
}

.rgcl .left ul li.left-links.active {
    display: block;
}


/*MARKETING PAGE STYLES*/

.rgcl.home > .container {
    max-width: initial !important;
    width: 100%;
    margin: 0;
}

.rgcl.home .container {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    /*margin: 0;
    width: 100%;
    max-width: initial;*/
}

.rgcl .content-module-fullbleedbanner .container {
    /* min-height: 500px; */
}

.rgcl .container .jumbotron, 
.rgcl .container-fluid .jumbotron {
    padding: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.rgcl .content-module-fullbleedbanner .header .headline {
    font-size: 50px;
    line-height: 53px;
    font-family: rift, sans-serif; 
    font-weight: 700; 
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
}

.rgcl .content-module-fullbleedbanner .header .headline p {
    color: #fff;
    padding-bottom: 0px;
    font-weight: 700;
    line-height: 48px !important;
    font-size: 48px !important;
    margin-bottom: 0;
}

.rgcl .content-module-fullbleedbanner .header .body {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 20px;
}

.rgcl .content-module-fullbleedbanner .header .button {
    color: #FFFFFF !important;
}

/*.rgcl.home .dtc-headline-container-wrapper {
    background-color: #000000;
    margin-top: 0;
    border-top: 1px solid #000000;
    padding-bottom: 1px;
    margin-bottom: 0;
}

.rgcl.home .dtc-headline-container-wrapper .dtc-trial-btn {
    margin-bottom: 25px;
}

.rgcl.home .dtc-headline-container .dtc-headline-main-title {
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
}

.rgcl.home .navbar {
    margin-bottom: 0;
}

.rgcl.home p.dtc-i-agree {
    color: #ffffff;
}

.rgcl.home {
    -webkit-font-smoothing : antialiased;
}

.rgcl.home #dtc-email-form {
    padding-bottom: 40px;
    height: auto;
}

.rgcl.home .dtc-max-width-cont .dtc-text-wrapper {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.rgcl.home .dtc-max-width-cont .dtc-text-wrapper .title {
    font-size: 45px;
    margin-top: 50px;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 55px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}
.rgcl.home .dtc-max-width-cont .dtc-text-wrapper p {
    text-align: center;
}

.rgcl.home .dtc-max-width-cont .dtc-text-wrapper .logos {
    margin-top: 25px;
    text-align: center;
    margin-bottom: 60px;
}

.rgcl.home #carousel-main-caption {
    margin-bottom: 10px;
}*/

.rgcl .caret {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    border-left: inherit;
    content: '';
    border-radius: 1px;
    display: inline-block;
    height: 9px;
    position: absolute;
    right: -3px;
    top: 44%;
    width: 9px;
    color: white;
    -webkit-transform: translate3d(-50%,-40%,0) rotate(135deg);
    -moz-transform: translate3d(-50%,-40%,0) rotate(135deg);
    transform: translate3d(-50%,-40%,0) rotate(135deg);
}

.rgcl #help_dropdown {
    background-color: transparent;
}

.rgcl .icon-div {
    display: none;
}

.rgcl .navbar-brand.mob-logo {
    display: none;
}

@media screen and (max-width: 1200px) {
    .rgcl .navbar .navbar-brand {
        /* width: 300px; */
    }
}

 @media screen and (max-width: 992px) {
    
    .rgcl .container,
    .rgcl .content {
        width: auto !important;
    }

    .rgcl .navbar .container-fluid,
    .rgcl .content-module-fullbleedbanner .header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .rgcl .navbar-inverse .navbar-left {
        float: left;
    }

    .rgcl .navbar-inverse .navbar-toggle {
        border-color: transparent;
        margin-left: 5px;
        margin-top: 15px;
    }

    .rgcl .navbar-brand {
        height: 80px;
        padding: 9px 0 0 0;
        width: 260px;
    }

    .rgcl .navbar .navbar-brand > img {
        width: 100%;
    }

    .rgcl .navbar-white .site-links > .nav_item {
        margin-left: 23px;
    }

    .rgcl .navbar-inverse .navbar-toggle:focus, 
    .rgcl .navbar-inverse .navbar-toggle:hover {
        background: none;
    }
 }

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

    .rgcl #captureSignOutLink {
        display: inline-block;
    }

    .rgcl.page-template-page-profile .container,
    .rgcl.page-template-page-signin .container,
    .rgcl.page-template-page-register .container {
        width: auto;
    }

    .rgcl .content-module-fullbleedbanner .header .headline p {
        color: #000;
    }

    .rgcl .content-module-fullbleedbanner .container {
        min-height: auto;
    }

    .rgcl .content-module-fullbleedbanner .header .headline {
        font-size: 30px;
        line-height: 32px;
        padding-top: 30px;
    }

    .rgcl .content-module-fullbleedbanner .header .body {
        font-size: 14px;
        line-height: 16px;
        color: #000;
    }

    .rgcl .container {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .rgcl .content {
        margin-top: 61px;
    }

    .rgcl .janrain-buttons {
        top: 17px;
        position: absolute;
        right: 15px;
        left: initial;
    }

    .rgcl.ehf .janrain-buttons {
        margin-left: 20px;
    }
    
    .rgcl .janrain-buttons a.signin-link,
    .rgcl .janrain-buttons a.signout-link {
        padding: 6px;
        text-decoration: none;
        font-size: 14px;
        -webkit-font-smoothing: initial;
    }
    
    .rgcl .container {
        width: auto;
    }
    
    .rgcl .row {
        margin-left: 0;
        margin-right: 0;
    }

    .rgcl .w-820 {
        width: auto;
    }

    .rgcl a.btn {
        /* background-color: #DA291C; */
        color: #fff;
    }

    .rgcl .navbar {
        background-color: #fff;
        min-height: 55px;
        max-height: 55px;
        border-bottom: 1px solid #BBBDC0;
    }

    .rgcl .navbar .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
        background-color: #000000;
    }

    .content-module-fullbleedbanner .header {
        top: 200px;
        padding-top: 0;
    }

    .fullbleed-gradient {
        display: none;
    }

    .rgcl .navbar-brand.mob-logo {
        display: initial;
    }

    .rgcl .navbar-white {
        display: none;
    }

    .rgcl .navbar-inverse .navbar-brand {
        float: none;
        display: block;
        width: 210px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 2px;
        height: 61px;
    }

    .rgcl .navbar-inverse ul.navbar-nav {
        margin-top: 0;
    }

    .rgcl .navbar-inverse .navbar-collapse {
        border-color: #232828;
    }

    .rgcl .navbar-inverse .navbar-nav > li.empty {
        display: none;
    }

    .rgcl .navbar-nav > li:not(:first-child) {
        margin-left: 0;
    }

    .rgcl .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        width: 100%;
        background-color: #4E5555;
    }

    .rgcl .left {
        height: 100vh;
        background: #000000;
        position: fixed;
        color: #ffffff;
        z-index: 9999;
        padding: 0;
        top: 55px;
        min-width: 210px;
        display: none;
        margin-top: 0;
        margin-left: -10px;
        visibility: visible;
    }

    .rgcl.admin-bar .left {
        top: 101px;
    }

    .rgcl.page-template-page-profile .left {
        display: none;
    }

    .rgcl .left ul {
        padding-top: 10px;
    }

    .rgcl .left ul li {
        border-bottom: 1px solid #7C878E;
        padding: 6px 0;
        padding-left: 20px;
        display: block;
    }

    .rgcl .left ul li a {
        color: #ffffff !important;
    }

    .rgcl.page-template-page-profile .left ul li.logged-in-profile.active a {
        color: #FFFFFF !important;
    }

    .rgcl #hamburger {
        width: 24px;
        height: 15px;
        position: absolute;
        top: 20px;
        left: 15px;
        margin: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    .rgcl #hamburger span {
        display: block;
        position: absolute;
        height: 2px;
        width: 50%;
        background: #ffffff;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .rgcl #hamburger span:nth-child(even) {
        left: 50%;
        border-radius: 0 9px 9px 0;
    }

    .rgcl #hamburger span:nth-child(odd) {
        left:0px;
        border-radius: 9px 0 0 9px;
    }

    .rgcl #hamburger span:nth-child(1), 
    .rgcl #hamburger span:nth-child(2) {
        top: 0px;
    }

    .rgcl #hamburger span:nth-child(3), 
    .rgcl #hamburger span:nth-child(4) {
        top: 7px;
    }

    .rgcl #hamburger span:nth-child(5), 
    .rgcl #hamburger span:nth-child(6) {
        top: 14px;
    }

    .rgcl #hamburger.open span:nth-child(1),
    .rgcl #hamburger.open span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .rgcl #hamburger.open span:nth-child(2),
    .rgcl #hamburger.open span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .rgcl #hamburger.open span:nth-child(1) {
        left: 2px;
        top: 4px;
    }

    .rgcl #hamburger.open span:nth-child(2) {
        left: calc(50% - 2px);
        top: 4px;
    }

    .rgcl #hamburger.open span:nth-child(3) {
        left: -50%;
        opacity: 0;
    }

    .rgcl #hamburger.open span:nth-child(4) {
        left: 100%;
        opacity: 0;
    }

    .rgcl #hamburger.open span:nth-child(5) {
        left: 2px;
        top: 12px;
    }

    .rgcl #hamburger.open span:nth-child(6) {
        left: calc(50% - 2px);
        top: 12px;
    }

    .rgcl .second-col {
        width: auto;
        float: none;
    }

    .rgcl.home .dtc-max-width-cont .dtc-text-wrapper .title {
        font-size: 2em;
        line-height: 1.125em;
    }

    .rgcl .footer-part-wrapper .footer-part {
        padding:0;
    }

    .rgcl .footer .container {
        padding: 0;
    }

    .rgcl.fr .navbar > .container .navbar-brand, 
    .rgcl.fr .navbar > .container-fluid .navbar-brand {
        margin-left: auto;
    }

}   

@media screen and (max-width: 480px) {
    .rgcl .navbar-inverse .navbar-brand {
        margin-left: 50px !important;
    }
    .rgcl.fr .navbar-inverse .navbar-brand {
        /* margin-left: 40px !important; */
    }
}

@media screen and (max-width: 320px) {
    .rgcl .navbar-inverse .navbar-brand {
        margin-left: 40px !important;
        width: 180px;
        padding-top: 7px;
        height: auto;
    }

    .rgcl .janrain-buttons a.signin-link, 
    .rgcl .janrain-buttons a.signout-link {
        padding: 5px;
    }

    .rgcl.fr .navbar-inverse .navbar-brand {
        /* margin-left: 40px !important; */
        width: 153px;
        padding-top: 10px;
        height: auto;
    }

    .rgcl.fr .janrain-buttons a.signin-link, 
    .rgcl.fr .janrain-buttons a.signout-link {
        padding: 3px;
    }
}