/*!
 * Varyn styles
 */
@font-face {
    font-family: 'Montserrat';
    src: url('/common/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'MontserratBold';
    src: url('/common/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'AftaSansRegular';
    src: url('/common/AftaSansThin-Regular.otf') format('otf');
}

@font-face {
    font-family: 'AftaSansItalic';
    src: url('/common/AftaSansThin-Italic.otf') format('otf');
}

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

html {
    margin: 0;
    padding: 0;
}

body {
    padding-bottom: 40px;
    color: #1d1d1d;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    line-height: 1.55em;
}

.varyn-red {
    color: #690606;
}

.varyn-red-background {
    background-color: #690606;
}

.text-normal {
    color: #1d1d1d;
}

.text-light {
    color: #e4e4e4;
}

.text-alt-dark {
    color: #2e0000;
}

.text-alt-light {
    color: #aec9ff;
}

.bg-post {
    background-color: #f1f1f1;
}

.bg-info {
    background-color: #d9f2ff;
}

.copyright {
    color: #0088cc;
    margin-top: 1em;
}

.text-error {
    color: #ac2925;
}

.text-danger {
    color: #ac2925;
}

.text-success {
    color: #2bac38;
}

.text-info {
    color: #0088cc;
}

.card-container {
    display: flex;
    width: 100%;
}

.card-light {
    color: #1d1d1d;
    background-color: #d9edf7;
}

.card-alt-light {
    color: #2e0000;
    background-color: #fdd4de;
}

.card-dark {
    color: #e4e4e4;
    background-color: #690606;
}

.card-alt-dark {
    color: #c9d1ff;
    background-color: #2f185e;
}

.text-micro {
    font-size: 9pt;
}

.text-small {
    font-size: 10pt;
}

.text-large {
    font-size: 18pt;
}

.indent-1 {
    padding-left: 1rem;
}

.indent-2 {
    padding-left: 2rem;
}

iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

input [type="radio"] {
    margin-left: 20px;
    padding-left: 20px;
}
.text-padded {
    padding: .5rem;
}

.div-padded {
    padding: 2em;
}

.iframe-container {
    position: relative;
    padding-bottom: 56.5%;
    max-width: 100%;
    height: auto;
}

.navbar-static-top {
    border-radius: 8px;
}

.navbar-brand img {
    margin-top: -10px;
    margin-left: 1em;
    width: 100px;
    height: 35px;
}

.navbar-item {
    padding: 0 1em;
}

.navbar-item.active {
    background-color: #eeeeee;
}

.navbar-item:hover {
    background-color: #e8e8e8;
}

.top-promo-area {
    padding-top: 1rem;
}

.carousel-indicators {
    bottom: 0;
}

.carousel-indicators > button {
    background-color: #000000 !important;
    height: 5px !important;
}

.carousel-inner > .item > img {
    width:640px;
    height:250px;
}

.carousel-caption {
    padding-top: 10px;
    padding-bottom: 0;
}

.carousel-caption h3 {
    display: none;
}

.sliderContainer {
    height: 250px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.sliderCaption {
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.8);
    border-radius: 8px;
}

.thumbnail-img {
    width: 300px;
    height: 220px;
    border: 0;
}

.gameModule {
    min-height: 440px;
}

.ad300 {
    display: block;
    position: relative;
    margin: auto;
    width: 300px;
    min-width: 300px;
    min-height: 250px;
    text-align: center;
    vertical-align: middle;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.adContainer412 {
    display: block;
    position: relative;
    margin: auto;
    width: 100%;
    height: 412px;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.ad300x412 {
    display: block;
    position: relative;
    margin: auto;
    width: 300px;
    height: 412px;
    max-width: 300px;
    max-height: 412px;
    text-align: center;
    vertical-align: middle;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.ad320 {
    display: inline-block;
    width: 320px;
    height: 150px;
    text-align: center;
    vertical-align: middle;
}

#ad300-subtitle {
    z-index: 9999;
    width: 100%;
    text-align: center;
    color: #5d5d5d;
    margin-top: 0;
    font-size: 8pt;
}

.popupCover {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    background-color: rgba(0,0,0,0.65);
    z-index: 10000;
}

#popupFrame {
    position: relative;
    clear: left;
    width: 480px;
    border-radius: 8px;
    margin: 200px auto;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.7);
    padding: 1px 8px 8px 8px;
    background-color: #690606;
    color: #ffffff;
    z-index: 10001;
}

.modal-content-varyn {
    background-color: #690006;
    color: #ffffff;
}

.infoMessageArea {
    padding: 12px;
}

#popupFrame h3 {
    color: #FFFFFF;
}

#infoMessagePopup {
    display: none;
}

#subscribePopup {
    display: none;
}

#registrationPopup {
    display: none;
}

#resetPasswordPopup {
    display: none;
}

#loginPopup {
    display: none;
}

#forgotPasswordPopup {
    display: none;
}

.logoImg {
    border-radius: 50%;
    border: 4px solid #ff9595;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.8);
    float: right;
    margin: 12px 16px;
    width: 124px;
    height: 124px;
}

.popupCloseButton {
    position: absolute;
    height: 24px;
    width: 24px;
    top: -12px;
    right: -12px;
    cursor: pointer;
    z-index: 10000;
}

#emailInput {
    color: #3c3c3c;
    width: 65%;
    margin: 0;
    float: left;
}

#subscribeButton {
    color: #ffffff;
}

.color-white {
    color: #ffffff;
    opacity: .8;
    font-size: 24pt;
}

.popupFieldGroup {
    clear: left;
    position: relative;
    width: 98%;
    padding-bottom: 3%;
    min-height: 50px;
}

.popupMessageArea {
    display: none;
}

.popupMessageResponseOK {
    color: #48ac33;
}

.popupMessageResponseError {
    color: #f10c04;
}

.gameTitle {
    color: #303030;
    text-decoration: none;
    margin-top: 0;
}

a.gameTitle:hover {
    text-decoration: none;
}

.gameTitle h3 {
    margin-top: 0;
}

.gamedescription {
    min-height: 80px;
}

.gameModuleInfo {
    padding-left: 10px;
    padding-top: 8px;
}

footer {
    border-color: #e7e7e7;
    padding: 1em;
}

#footer-nav > a {
    font-weight: bold;
    padding-left: 2rem;
    padding-right: 2rem;
    text-decoration: none;
}

.social {
    width: 100%;
    text-align: center;
}

.social-game-info {
    display: block;
    float: right;
    text-align: center;
}

.social ul li {
    display: inline;
    margin: 0 8px 0 8px;
}

.social-game-info ul li {
    display: inline;
    margin: 0 4px 0 4px;
}

.facebook {
    background: url(/images/icn-facebook.png) no-repeat 0 0;
    width: 50px;
    height: 50px;
    display: inline-block;
}

.twitter {
    background: url(/images/icn-twitter.png) no-repeat 0 0;
    width: 50px;
    height: 50px;
    display: inline-block;
}

.linkedin {
    background: url(/images/icn-linkedin.png) no-repeat 0 0;
    width: 50px;
    height: 50px;
    display: inline-block;
}

.pinterest {
    background: url(/images/icn-pinterest.png) no-repeat 0 0;
    width: 50px;
    height: 50px;
    display: inline-block;
}

.instagram {
    background: url(/images/icn-instagram.png) no-repeat 0 0;
    width: 50px;
    height: 50px;
    display: inline-block;
}

.youtube {
    background: url(/images/icn-youtube.png) no-repeat 0 0;
    width: 50px;
    height: 50px;
    display: inline-block;
}

.emailShare {
    background: url(/images/icn-send.png) no-repeat 0 0;
    width: 51px;
    height: 51px;
    display: inline-block;
}

.facebook-small {
    background: url(/images/icn-facebook-small.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.twitter-small {
    background: url(/images/icn-twitter-small.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.linkedin-small {
    background: url(/images/icn-linkedin-small.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.email-small {
    background: url(/images/icn-send-small.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.instagram-small {
    background: url(/images/icn-instagram-small.png) no-repeat 0 0;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.varyn-shield-icon {
    background: url(/images/varyn-shield-96x96.png) no-repeat 0 0;
    background-size: contain;
    width: 40px;
    height: 40px;
    padding: 4px 8px 4px 8px;
    display: inline-block;
}

.sprite:hover {
    transform: scale(1.25);
}

#Missing {
    height: 250px;
    margin-bottom: 16px;
    padding-top: 32px;
    padding-left: 40px;
    color: #303030;
}

#gameContainer {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.panel-body {
    color: #303030;
}

.panel-padded {
    padding-left: 4em;
    padding-right: 4em;
}

@media (min-width: 576px) {
    .panel-padded {
        padding-left: 2px;
        padding-right: 2px;
    }
    .panel {
        border: none;
    }
    .panel-body {
        padding: 5px;
    }
}

@media (min-width: 768px) {
    .sidebar {
        width: 20%;
        height: 100%;
        position: fixed;
        bottom: 0;
        left: auto;
        display: block;
        padding: 90px 20px 20px 20px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .col-md-6 {
        width: 49%;
    }
}

@media (max-width: 768px) {
    .sidebar {
        display: none;
    }
}

@media (min-width: 992px) {
    .col-lg-4 {
        width: 32%;
    }
}

.panel-gutter-2 {
    margin: 2em 4em;
}

.btn-md,
.btn-group-md > .btn {
    padding: 8px 12px;
    font-size: 12pt;
    font-weight: bold;
    line-height: 1.33;
    border-radius: 4px;
}

.btn-varyn {
    background-color: #690006;
    color: #ffffff;
    background-image: url(/images/varyn-button4.png);
    background-repeat: no-repeat;
    background-position: 10px, left;
    background-size: 24px 24px;
    padding-left: 40px;
    height: 50px;
}

.btn-varyn:hover {
    background-color: #af0006;
}

.btn-gapi-signin {
    font-family: 'Roboto', sans-serif;
    background-color: #ffffff;
    background-image: url(/images/google_button_logo.png);
    background-repeat: no-repeat;
    background-position: 10px, left;
    background-size: 22px 22px;
    color: #444444;
    padding: 0 0 0 12px;
    margin: 0;
    height: 50px;
    white-space: nowrap;
}

.btn-gapi-signin:hover {
    background-color: #d1e0ff;
    color: #444444;
}

.btn-facebook {
    background-color: #3b5998;
    background-image: url(/images/facebook_button4.svg);
    background-repeat: no-repeat;
    background-position: 10px, left;
    background-size: 22px 22px;
    color: #ffffff;
    padding-left: 40px;
    height: 50px;
}

.btn-facebook:hover {
    background-color: #428ed4;
}

.btn-twitter-signin {
    background-color: #e1e1e1;
    background-image: url(/images/twitter-button4.png);
    background-repeat: no-repeat;
    background-position: 10px, left;
    background-size: 22px 22px;
    color: #141414;
    border-color: #c0c0c0;
    padding-left: 40px;
    height: 50px;
}

.btn-twitter-signin:hover {
    background-color: #afafaf;
}

.btn-apple-signin {
    background-color: #010101;
    color: #ffffff;
    background-image: url(/images/apple.svg);
    background-repeat: no-repeat;
    background-position: left 10px top 10px;
    background-size: 32px 32px;
    padding-left: 40px;
    height: 50px;
    font-size: 0.96em;
    border-color: #222222;
}

.btn-apple-signin:hover {
    color: #eeeeee;
    background-color: #222222;
}

.required-field {
    color: #ff0000;
    font-size: 10pt;
    vertical-align: super;
}

#login-form label {
    min-width: 132px;
    padding: 8px 8px 0 8px;
}

#registration-form label {
    min-width: 132px;
    padding: 8px 8px 0 8px;
}

#forgot-password-form label {
    min-width: 132px;
    padding: 8px 8px 0 8px;
}

.form-group-gender {
    display: inline-flex;
}

.form-group-gender label {
    min-width: 7rem;
    width: 7rem;
}

.optional-small {
    display: inline-block;
    margin-left: 0;
    color: #a7a7a7;
    font-size: 0.5em;
}

.popup-form-input {
    display: inline-block;
    margin: 8px;
    padding: 6px 12px;
    height: 34px;
    color: #555555;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.popup-form-input-error {
    display: inline-block;
    margin: 8px;
    padding: 6px 12px;
    height: 34px;
    font-size: 12pt;
    color: #f10c04;
    border: 1px solid #ac2925;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(96, 0, 0, 0.75);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.popup-form-address-input {
    display: none;
}

.profile-sign-up input {
    margin: 8px;
    min-width: 200px;
}

.username-is-unique {
    display: inline-block;
    background: url(/images/green_tick.png) no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    line-height: 48px;
    margin-top: 100%;
    margin-right: -1rem;
}

.username-is-not-unique {
    display: inline-block;
    background: url(/images/red_x.png) no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    line-height: 48px;
    margin-top: 100%;
    margin-right: -1rem;
}

.password-match {
    background: url(/images/green_tick.png) no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    display: none;
    float: right;
    line-height: 48px;
    margin: -12px 0;
}

.password-no-match {
    background: url(/images/red_x.png) no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    display: none;
    float: right;
    line-height: 48px;
    margin: -12px 0;
}

#profile-forgot-password {
    float: right;
    font-size: 10pt;
}

.loginPopup-auxLinks {
    float: right;
    padding-top: 12px;
    font-size: 8pt;
}

.loginPopup-auxLinks a {
    color: #ff9bba;
}

#user-profile {
    margin-bottom: 24px;
}

.rememberme-container {
    font-size: 10pt;
    padding-left: 24px;
}

.register-login-option {
    display: block;
    float: right;
    margin-top: 0.5rem;
    font-size: 10pt;
}

.sub-link-group {
    font-size: 10pt;
    padding: 0.5rem 2rem;
}

.leader-1 {
    margin-top: 1em;
}

.leader-2 {
    margin-top: 2em;
}

.leader-3 {
    margin-top: 3em;
}

.leader-4 {
    margin-top: 4em;
}

.trailer-1 {
    margin-bottom: 1em;
}

.trailer-2 {
    margin-bottom: 2em;
}

.trailer-3 {
    margin-bottom: 3em;
}

.trailer-4 {
    margin-bottom: 4em;
}

.left-1 {
    margin-left: 1em;
}

.left-2 {
    margin-left: 2em;
}

.left-3 {
    margin-left: 3em;
}

.left-4 {
    margin-left: 4em;
}

.right-1 {
    margin-right: 1em;
}

.right-2 {
    margin-right: 2em;
}

.right-3 {
    margin-right: 3em;
}

.right-4 {
    margin-right: 4em;
}

.topmost {
    z-index: 10000;
}

/* ================================================== */
/* Sidebar */

.menubar a {
    color: #444444;
}

.menubar a:hover {
    color: #444444;
    text-decoration: none;
}

.menubar li {
    list-style-type: none;
}

.menubar a.level-1 {
    color: #444444;
    font-size: 28pt;
}

.menubar ul.level-1 {
    padding-left: 20px;
}

.menubar ul.level-2 {
    padding-left: 15px;
    font-size: 10pt;
    display: block;
    height: 100%;
}

.menubar li.level-2 {
    font-size: 12pt;
    padding: 5px 10px;
}

.menubar a.level-2:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #d1d1d1;
    display: block;
    height: 100%;
}

.nav-sidebar {
    margin-right: -21px;
    margin-left: -20px;
    padding-left: 30px;
}

/* ================================================== */
/* Content */

#images img, #logo-icon img {
    width: 45%;
    padding: 10px;
}

blockquote {
    padding: 5px 0;
    margin: 0;
    font-size: 12pt;
    border-left: none;
}

/* ================================================== */
/* Bootstrap overrides                                */

.col-4 {
    width: 32%;
}

.col-6 {
    width: 48%;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    transition-duration: 1s;
    opacity: 0;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-control {
    z-index: 2;
}

.panel-primary {
    border-color: rgba(58, 0, 0, 0.4);
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* ================================================== */
/* Word Press template overrides style.css            */

.site-content article {
    border-bottom: 4px double #ededed;
    margin-bottom: 72px;
    margin-bottom: 5.142857143rem;
    padding-bottom: 24px;
    padding-bottom: 1.714285714rem;
    padding-left: 5%;
    padding-right: 2%;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

#main {
    padding-left: 15px;
    padding-right: 15px;
}

.entry-content {
    font-family: "AftaSansRegular", "Open Sans", Arial;
    font-size: 14pt;
    line-height: 1.6666;
}

.entry-content-info {
    font-family: "AftaSansItalic", "Open Sans", Arial;
    font-size: 14pt;
    font-style: italic;
    line-height: 1.6666;
}

.entry-content-strong {
    font-family: "MontserratBold";
    font-size: 14pt;
    line-height: 1.6666;
}

.wp-caption-text {
    font-size: 10pt;
    font-style: italic;
    color: #212121;
}

.email-contact-form label {
    width: 120px;
    padding: 12px;
}

#email-contact-message label {
    vertical-align: top;
}

.email-contact-form textarea {
    padding: 12px;
    height: 128px;
    width: 50%
}

.validation-slider-area {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 1rem;
    text-align: center;
}

.register-agreement-slider {
    height: 52px;
}

.showPasswordButton {
    display: inline-block;
    cursor: pointer;
    font-size: 0.5em;
    margin-top: 100%;
    margin-right: -1rem;
}

.slider-label {
    display: inline-block;
    padding: 1rem 2rem;
    margin: auto 0;
}

input[type=range].validation-slider {
    display: inline-block;
    -webkit-appearance: none;
    width: 50%;
    margin: 8px 0;
    background-color: rgba(0, 0, 0, 0);
}
input[type=range].validation-slider:focus {
    outline: none;
}
input[type=range].validation-slider::-webkit-slider-runnable-track {
    width: 50%;
    height: 12px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0 0 1px #0d0d0d;
    background: rgba(48, 113, 169, 0.78);
    border-radius: 7.1px;
    border: 0.2px solid #a0a0a0;
}
input[type=range].validation-slider::-moz-range-track {
    width: 100%;
    height: 12px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0 0 1px #0d0d0d;
    background: rgba(48, 113, 169, 0.78);
    border-radius: 7.1px;
    border: 0.2px solid #a0a0a0;
}
input[type=range].validation-slider::-ms-track {
    width: 100%;
    height: 12px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range].validation-slider::-webkit-slider-thumb {
    box-shadow: 0.9px 0.9px 1px #000031, 0 0 0.9px #00004b;
    border: 1.8px solid #a0a0a0;
    height: 26px;
    width: 26px;
    border-radius: 15px;
    background: #5cb85c;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7.5px;
}
input[type=range].validation-slider::-moz-range-thumb {
    box-shadow: 0.9px 0.9px 1px #000031, 0 0 0.9px #00004b;
    border: 1.8px solid #a0a0a0;
    height: 26px;
    width: 26px;
    border-radius: 15px;
    background: #5cb85c;
    cursor: pointer;
}
input[type=range].validation-slider::-ms-thumb {
    box-shadow: 0.9px 0.9px 1px #000031, 0 0 0.9px #00004b;
    border: 1.8px solid #a0a0a0;
    height: 26px;
    width: 26px;
    border-radius: 14px;
    background: #5cb85c;
    cursor: pointer;
}
input[type=range].validation-slider::-ms-fill-lower {
    background: rgba(42, 100, 149, 0.78);
    border: 0.2px solid #a0a0a0;
    border-radius: 15px;
    box-shadow: 1px 1px 1px #000000, 0 0 1px #0d0d0d;
}
input[type=range].validation-slider::-ms-fill-upper {
    background: rgba(48, 113, 169, 0.78);
    border: 0.2px solid #a0a0a0;
    border-radius: 15px;
    box-shadow: 1px 1px 1px #000000, 0 0 1px #0d0d0d;
}
input[type=range].validation-slider:focus::-webkit-slider-runnable-track {
    background: rgba(54, 126, 189, 0.78);
}
input[type=range].validation-slider:focus::-ms-fill-lower {
    background: rgba(48, 113, 169, 0.78);
}
input[type=range].validation-slider:focus::-ms-fill-upper {
    background: rgba(54, 126, 189, 0.78);
}

.avatarThumbnail {
    padding: 2px;
    width: 90px;
    height: 90px;
    border-radius: 1rem;
}

.post-left-column .avatarThumbnail {
    width: 100%;
    height: auto;
}

.post-item {
    padding: 1.5em;
    border-radius: 12px;
    border: 1px solid rgba(54, 126, 189, 0.3);
}

.post-left-column {
    margin: 0;
    padding: 0;
}

.post-content {
}

.post-content h2 {
    margin-top: 0;
}

.post-content .help-block {
    margin-bottom: 0;
}

.post-content .post-info {
    margin-bottom: 0;
    color: #5e5e5e;
    border-bottom: 1px solid rgba(54, 126, 189, 0.2);
}

.post-content .post-footer {
    margin-bottom: 0;
    color: #000fb3;
    text-align: right;
    border-top: 1px solid rgba(54, 126, 189, 0.2);
}

.post-meta {
    padding: 0.25rem;
    color: #5e5e5e;
    font-size: smaller;
}

.hljs {
    background: transparent;
}

.img-left {
    display: block;
    max-height: 200px;
    width: auto;
    height: auto;
    border: 0;
    float: left;
    margin: 8px 20px 8px 4px;
}

.img-right {
    display: block;
    max-height: 200px;
    width: auto;
    height: auto;
    border: 0;
    float: right;
    margin: 8px 20px 8px 4px;
}

.img-full-width {
    display: block;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    border: 0;
    margin: 0;
    padding: 0;
}

.figure-caption {
    text-align: right;
    font-size: 10pt;
}

.conf-nav {
    margin-top: 2em;
}

.conf-promo {
    width: 100%;
    padding: 0;
}

.conf-promo img {
    display: block;
    margin: 0 auto;
    min-width: 300px;
    min-height: 250px;
    max-width: 300px;
    max-height: 250px;
}

.conf-promo p {
    font-family: "AftaSansRegular",Helvetica,Arial,sans-serif;
    font-size: 12pt;
    padding: 0.5em 1em;
}

.conf-nav h4 {
    text-align: center;
}

.conf-topic-container {
    padding-bottom: 2em;
}

.conf-topic {
    padding: 1rem 1rem;
}

.conf-comment {
    padding: 1rem 1rem;
}

.conf-reply {
    padding: 1rem 1rem;
}

.conf-replies-container {
    padding: 0 0.5rem 1em 0.5rem;
}

.conf-topic-preview {
    text-align: left;
    margin: 0.5rem;
    padding: 1rem;
}

.conf-topic-preview h4 {
    text-align: left;
}

.conf-topic-preview p {
    font-family: "AftaSansRegular",Helvetica,Arial,sans-serif;
    font-size: 12pt;
}

.badge {
    font-family: "AftaSansRegular",Helvetica,Arial,sans-serif;
}

.badge-success {
    background-color: #06cc03;
}

.badge-nav {
    margin-top: -1em;
}

.game-options-container {
    width: 100%;
    height: inherit;
}

.favorite-button {
    display: block;
    float: right;
    background-size: contain;
    margin: 4px;
    height: 32px;
    width: 32px;
    cursor: pointer;
}

#label-industry {
    display: none;
}

#industry {
    display: none;
}

#accept {
    display: none;
}

.tag {
    padding: 0.25rem 0.5rem;
    text-decoration: none;
    border-radius: 0.25rem;
    border-color: #4f5057;
    background-color: #00004b;
    color: white;
}

.tag:hover {
    color: #bbbbbb;
}

.iconEye {
    display: inline-block;
    color: #fff;
    fill: currentColor;
    vertical-align: middle;
    content: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/%3e%3cpath fill-rule='evenodd' d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3e%3c/svg%3e");
}

.iconEyeSlash {
    display: inline-block;
    color: #fff;
    fill: currentColor;
    vertical-align: middle;
    content: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/%3e%3cpath fill-rule='evenodd' d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/%3e%3cpath fill-rule='evenodd' d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z'/%3e%3c/svg%3e");
}

.iconStar {
    display: inline-block;
    fill: currentColor;
    vertical-align: middle;
    content: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z'/%3e%3c/svg%3e");
}

.iconStarFill {
    display: inline-block;
    fill: currentColor;
    vertical-align: middle;
    content: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/%3e%3c/svg%3e");
}

.iconStarHalf {
    display: inline-block;
    fill: currentColor;
    vertical-align: middle;
    content: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M5.354 5.119 7.538.792A.516.516 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.537.537 0 0 1 16 6.32a.548.548 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.52.52 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.58.58 0 0 1 .085-.302.513.513 0 0 1 .37-.245l4.898-.696zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.565.565 0 0 1 .162-.505l2.907-2.77-4.052-.576a.525.525 0 0 1-.393-.288L8.001 2.223 8 2.226v9.8z'/%3e%3c/svg%3e");
}

.iconChevronRight {
    display: inline-block;
    fill: currentColor;
    vertical-align: middle;
    content: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.iconChevronLeft {
    display: inline-block;
    fill: currentColor;
    vertical-align: middle;
    content: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.iconInfo {
    display: inline-block;
    fill: currentColor;
    vertical-align: middle;
    content: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3e%3cpath fill-rule='evenodd' d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3e%3c/svg%3e");
}

.iconPerson {
    display: inline-block;
    fill: currentColor;
    vertical-align: middle;
    content: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3e%3c/svg%3e");
}

.iconUserProfile {
    display: inline-block;
    border-radius: 0.25rem;
    width: 25px;
    max-width: 25px;
    height: 25px;
    max-height: 25px;
}