/*
Theme Name: Antihero Site Style 2017
Theme URI: http: //antihero-game.com/
Description: Antihero's 2017 Site Style based off of Salient Theme
Author: Rick Feit - Render Perfect Productions, Inc.
Author URI: http: //antihero-game.com/
Template: salient
Version: 0.1
*/
/* Antihero 2017 Site Style ******************************************/
/*
Color Pallette-   Yellow: #e8e776;   Purple: #846190;
*/

/* Typography **************************************/
/*
@font-face {
    font-family: 'de-walpergens-pica';
    src: url('fonts/imfepiit28p-webfont.woff2') format('woff2'),
         url('fonts/imfepiit28p-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'english';
    src: url('fonts/imfeenrm28p-webfont.woff2') format('woff2'),
         url('fonts/imfeenrm28p-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/
@font-face {
    font-family: 'futura';
    src: url('fonts/futura-medium-webfont.woff2') format('woff2'),
         url('fonts/futura-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*
IM Fell English: font-family: "english", serif;
IM Fell DW Pica: font-family: font-family: "de-walpergens-pica",serif;
Futura: font-family: "futura",sans-serif;
*/
html {
    height: 100%;
    background-color: #000;
}
html body, body p, ul, li {
    font-family: IM Fell English, serif;
    font-size: 15px;
    color: rgba(255,255,255,0.6);
}
.bold, strong, b {
    font-family: inherit;
}
h1 {
    font-family: IM Fell English, serif;
}
h2, h4, h5, h6 {
    font-family: "futura",sans-serif;
}
h3 {
    font-family: IM Fell DW Pica,serif;
    font-style: italic;
}
.column-link {
    z-index: 100;
    cursor: pointer;
}

/* Buttons ---- */
a.btn.primary, 
article.post .more-link span, 
.blog-recent .more-link span {
    position: relative;
    display: block;
    padding: 12px 40px;
    font-size: 20px;
    font-family: IM Fell English, serif;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: center;
    color: #2e221d;
    background-image: url(images/button-bg-regular.png);
    border: 3px solid #000;
    transition: none !important;
}
a.btn.primary:hover, 
article.post .more-link span:hover, 
.blog-recent .more-link span:hover {
    background-image: url(images/button-bg-active.png) !important;
    color: #fff;
}



/* Sitewide *****************************************/
html .container-wrap, 
html .ascend .container-wrap {
    background-color: transparent;
    background-image: url(images/bg-pattern.gif);
    background-repeat: repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.splatter-text {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10% 0 30px;
}
.splatter-text:before {
    content: url(images/splatter-bg_alpha.png);
    position: absolute;
    display: block;
    top: 20px; left: -90px;
    z-index: -1;
}
.splatter-text h2 {
    font-size: 18px;
    line-height: 1.6;
    text-shadow: 3px 3px 0 black, -3px -3px 0 black, -3px 3px 0 black, 3px -3px 0 black;
}
.splatter-text strong, 
.splatter-text b, 
.splatter-text bold {
    color: #e8e776;
}



/* Header ******************************************/
body #header-outer, 
body[data-header-color="dark"] #header-outer {
    background-color: transparent !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    transition: background 0.3s ease-out;
}
body #header-outer.small-nav, 
body[data-header-color="dark"] #header-outer.small-nav {
    background: rgba(0,0,0,0.95) !important;
}
body[data-header-color="dark"] header#top nav ul li a {
    color: #fff;
    font-family: IM Fell DW Pica,serif;
    font-style: italic;
    font-size: 18px;
    text-shadow: 2px 2px 0 black, -2px -2px 0 black, -2px 2px 0 black, 2px -2px 0 black;
    padding-bottom: 28px !important;
}
body[data-header-color="dark"] header#top nav ul li a:hover {
    color: #fff !important;
    opacity: 0.6;
}

/* Header Social Links (Cloned from Footer - site.js) */
body #header-outer ul#social {
    position: absolute;
    display: block;
    right: 40px;
    line-height: 1;
}
body #header-outer ul#social li {
    position: relative;
    display: block;
    margin-bottom: 20px;
}
body #header-outer ul#social li a {
    position: relative;
    display: block;
    transform: scale(1);
    transition: all 0.25s ease-out;
}
body #header-outer ul#social li a:hover {
    transform: scale(1.1);
}
body #header-outer ul#social [class*="fa-"] {
    font-size: 30px;
    text-shadow: 2px 2px 0 black, -2px -2px 0 black, -2px 2px 0 black, 2px -2px 0 black;
}

/* Mobile Slide Out Side Menu */
#slide-out-widget-area .inner .off-canvas-menu-container li a {
    font-family: IM Fell DW Pica,serif;
    font-style: italic;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #000;
}
body #slide-out-widget-area a.slide_out_area_close .icon-default-style[class^="icon-"] {
    color: #000 !important;
}



/* Footer ******************************************/
#footer-outer {
    background-color: #000;
}
#footer-outer .row {
    padding: 0 0 30px;
}
#footer-outer .span_6 {
    width: 100%;
    float: none;
    text-align: center;
}

/* Footer Top Gradient */
#footer-outer:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 55px;
    top: -55px; left: 0;
    background-image: url(images/footer-gradient_alpha.png);
    background-repeat: repeat-x;
    background-position: top left;
    z-index: 0;
}

/* Footer Logos */
#footer-outer .footer-logos {
    position: relative;
    display: block;
    width: 100%; height: auto;
    font-size: 0;
    text-align: center;
    margin-bottom: 12px;
}
#footer-outer .footer-logos .footer-logo-img {
    position: relative;
    display: inline-block;
    width: 33%; height: auto;
    vertical-align: bottom;
    padding-top: 20px;
}
#footer-outer .footer-logos .footer-logo-img:last-child {
    padding-top: 0;
}
#footer-outer .footer-logos .footer-logo-img > img {
    position: relative;
    display: block;
    width: 80%; height: auto;
    margin: 0 auto;
}
#footer-outer .footer-logos #teen-rating {
    max-width: 80px;
}
#footer-outer .footer-logos #tim-conkling {
    max-width: 180px;
    top: 12px;
}
#footer-outer .footer-logos #versus-evil {
    max-width: 140px;
}

/* Footer Newsletter */
#footer-outer .footer-newsletter {
    position: relative;
    display: block;
    width: 100%; height: auto;
    cursor: pointer;
}
#footer-outer .footer-newsletter:before {
    content: '';
    position: relative;
    display: block;
    width: 80%; padding-bottom: 75%;
    margin: -40px auto 0;
    background-image: url(images/newsletter-bg-sprite_alpha.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-position: left top;
    -webkit-background-size: 100% 200%;
    background-size: 100% 200%;
    z-index: 0;
}
#footer-outer .footer-newsletter:hover::before {
    background-position: left bottom;
}
#footer-outer .footer-newsletter a {
    position: absolute;
    display: block;
    width: 100%; height: 100%;
    top: 0; left: 0;
    z-index: 5;
    text-indent: -9999px;
}

/* Footer Links */
#footer-outer .footer-links {
    position: relative;
    display: block;
    width: 100%; height: auto;
    text-align: center;
}

/* Hide Copyright & 2nd Social Links */
#footer-outer #copyright {
    display: none;
    visibility: hidden;
}

/* Gamepedia Link in Footer (6/30/17) */
a#gamepedia-link {
    position: absolute;
    display: block;
    width: 25%;
    max-width: 280px;
    min-width: 180px;
    top: 0; right: 0;
    text-align: center;
}
a#gamepedia-link span {
    font-size: 14px;
}
a#gamepedia-link img {
    position: relative;
    display: block;
    width: 100%; height: auto;
}



/* Homepage ****************************************/
.container-wrap {
    padding-top: 0 !important;
    padding-bottom: 60px;
}

/* Homepage Banner */
.home #home-banner {
    padding-top: 10% !important;
    overflow: visible;    
}
.home #home-banner:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%; height: 110%;
    top: 0; left: 0;
    background-image: url(images/antihero-home-banner-NewDLC_alpha.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center 70%;
}
.home .row #home-banner .col.section-title {
    padding: 0 0 35% 0;
    border-bottom: 0;
}
.home .row #home-banner .col.section-title h1 {
    position: relative;
    display: block;
    margin: 0 auto;
    font-size: 50px;
    font-family: IM Fell English, serif;
    line-height: 1.2;
    color: #fff;
    text-shadow: 3px 3px 0 black, -3px -3px 0 black, -3px 3px 0 black, 3px -3px 0 black, 5px 5px 10px rgba(0,0,0,0.7);
}
.home .row #home-banner .col.section-title h1 > strong, 
.home .row #home-banner .col.section-title h1 > bold, 
.home .row #home-banner .col.section-title h1 > b {
    color: #e8e776;
    font-weight: bold;    
}

/* Coming Soon */
.home .coming-soon {
    position: relative;
    display: block;
    width: 100%; height: auto;
    padding-bottom: 5%;
    top: -60px;
    transform: scale(1);
}
.home .coming-soon .vc_col-sm-6:before {
    content: '';
    position: absolute;
    display: block;
    left: 25%; bottom: -25%;
    width: 50%;
    height: 150%;
    z-index: 0;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
    opacity: 1;
}
.home .coming-soon h3, 
.home .coming-soon h4 {
    position: relative;
    display: block;
    text-shadow: 2px 2px 0 black, -2px -2px 0 black, -2px 2px 0 black, 2px -2px 0 black;
    z-index: 99;
    transition: all 0.3s ease-out;
}
.home .coming-soon h3 {
    font-size: 48px;
}
.home .coming-soon h4 {
    font-size: 30px;
    color: #e8e776;
}
.home .coming-soon:hover {
    transform: scale(1.05);
}
.home .coming-soon:hover h3 {
    color: #e8e776;
}
.home .coming-soon:hover h4 {
    color: #fff;
}

/* Homepage Video Box */
.home .nectar-video-box {
    border: 3px solid #e8e776;
}
.home .nectar-video-box img {
    position: relative;
    display: block;
    width: 100%; height: auto;
}

.homepage-desktop {
    padding-bottom: 40px !important;
}
.homepage-mobile {
    display: none; visibility: hidden;
}



/* Game Page ****************************************/
.gamepage-desktop {
    display: block;
    visibility: visible;
}
.gamepage-mobile {
    display: none;
    visibility: hidden;
}

/* Top Row w/ Video Trailer */
#game-trailer h2 {
    padding-top: 10%;
    
}
#game-trailer h3 {
    font-size: 40px;
    color: #e8e776;
    font-weight: bold;
}

.bordered-video .nectar-video-box {
    border-style: solid;
    border-width: 19px 25px 23px 17px;
    behavior: url(css/css3pie/PIE.htc);
    -moz-border-image: url(images/border_video-1600x900.png) 100 120 120 100 round;
    -webkit-border-image: url(images/border_video-1600x900.png) 100 120 120 100 round;
    -o-border-image: url(images/border_video-1600x900.png) 100 120 120 100 round;
    border-image: url(images/border_video-1600x900.png) 100 120 120 100 round;
}
.bordered-video .nectar-video-box:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%; height: 100%;
    top: 0; left: 0;
    z-index: 1;
    background-color: rgba(0,0,0,0.5);
}
.bordered-video .nectar_video_lightbox span {
    display: none; visibility: hidden;
}
.bordered-video .nectar-video-box a.nectar_video_lightbox {
    width: 100px; height: 100px;
    margin-top: -50px; margin-left: -50px;
    border-radius: 0 !important;
    background-image: url(images/video-play-button.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    z-index: 5;
}
.bordered-video .nectar-video-box[data-color="default-accent-color"] a.nectar_video_lightbox {
    background-color: transparent !important;
}

/* Character Sprite Animations ---- */
/* Mouseover Char Row Scale */
.char-box {
    position: relative;
    display: block;
}
.char-box .char-row {
    position: relative;
    opacity: 0.5;
    transition: all 0.25s ease-out;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.char-box .char-row.inView {
    opacity: 1;
}

/* Character Descriptions */
.char-row .char-desc {
    padding-top: 40px;
    padding-right: 15%;
}
.char-row .char-desc h3 {
    font-size: 46px;
    line-height: 1;
    color: #fff;
}
.char-row .char-desc h4 {
    font-size: 24px;
}
.char-row .char-desc p {
    color: rgba(255,255,255,0.6);
}
.char-row.flip .char-desc {
    padding-right: 0;
    padding-left: 15%;
}
.char-row .char-bg {
    margin: 0 0 0 auto;
}
/* Yellow */
.char-row-yellow .char-bg {
    background-image: url(images/circle-bg-yellow_alphaglow.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.char-row-yellow .char-desc h4, 
.char-row-yellow .char-desc p > strong, 
.char-row-yellow .char-desc p > bold, 
.char-row-yellow .char-desc p > b {
    color: #e8e776;
}
/* Purple */
.char-row-purple .char-bg {
    background-image: url(images/circle-bg-purple_alphaglow.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.char-row-purple .char-desc {
    padding-top: 5%;
}
.char-row-purple .char-desc h4, 
.char-row-purple .char-desc p > strong, 
.char-row-purple .char-desc p > bold, 
.char-row-purple .char-desc p > b {
    color: #846190;
}
/* Blue */
.char-row-blue .char-bg {
    background-image: url(images/circle-bg-blue_alphaglow.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.char-row-blue .char-desc {
    padding-top: 8%;
}
.char-row-blue .char-desc h4, 
.char-row-blue .char-desc p > strong, 
.char-row-blue .char-desc p > bold, 
.char-row-blue .char-desc p > b {
    color: #697de7;
}
/* Red */
.char-row-red .char-bg {
    background-image: url(images/circle-bg-red_alphaglow.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.char-row-red .char-desc h4, 
.char-row-red .char-desc p > strong, 
.char-row-red .char-desc p > bold, 
.char-row-red .char-desc p > b {
    color: #e43131;
}
/* Turqoise */
.char-row-turq .char-bg {
    background-image: url(images/circle-bg-turq_alphaglow.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.char-row-turq .char-desc h4, 
.char-row-turq .char-desc p > strong, 
.char-row-turq .char-desc p > bold, 
.char-row-turq .char-desc p > b {
    color: #69efff;
}
/* Green */
.char-row-green .char-bg {
    background-image: url(images/circle-bg-green_alphaglow.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.char-row-green .char-desc h4, 
.char-row-green .char-desc p > strong, 
.char-row-green .char-desc p > bold, 
.char-row-green .char-desc p > b {
    color: #57bb4f;
}

/* Character Sprite Animations */
.char-sprite {
    position: relative;
    display: block;
    margin: 0 auto;    
}
.char-sprite#MasterThief {
    width: 246px; height: 300px;
    background-image: url(images/sprites/master_thief-sprite-vertical.png);
    background-position: 0 0;
}
.inView .char-sprite#MasterThief {
    -webkit-animation: MasterThiefsprite 6.63333333s steps(199) infinite;
    -moz-animation: MasterThiefsprite 6.63333333s steps(199) infinite;
    -o-animation: MasterThiefsprite 6.63333333s steps(199) infinite;
    animation: MasterThiefsprite 6.63333333s steps(199) infinite;
}
.char-sprite#Assassin {
    width: 290px; height: 280px;
    background-image: url(images/sprites/assassin-sprite-vertical.png);
    left: 10px;
}
.inView .char-sprite#Assassin {
    -webkit-animation: Assassinsprite 5.1s steps(153) infinite;
    -moz-animation: Assassinsprite 5.1s steps(153) infinite;
    -o-animation: Assassinsprite 5.1s steps(153) infinite;
    animation: Assassinsprite 5.1s steps(153) infinite;
}
.char-sprite#Saboteur {
    width: 316px; height: 400px;
    background-image: url(images/sprites/saboteur-sprite-vertical2.png);
    top: -40px; left: 20px;
    transform: scaleX(-1);
}
.inView .char-sprite#Saboteur {
    -webkit-animation: Saboteursprite 5.16666667s steps(155) infinite;
    -moz-animation: Saboteursprite 5.16666667s steps(155) infinite;
    -o-animation: Saboteursprite 5.16666667s steps(155) infinite;
    animation: Saboteursprite 5.16666667s steps(155) infinite;
}
.char-sprite#Thug {
    width: 230px; height: 256px;
    background-image: url(images/sprites/thug-sprite-vertical.png);
}
.inView .char-sprite#Thug {
    -webkit-animation: Thugsprite 5.36666667s steps(161) infinite;
    -moz-animation: Thugsprite 5.36666667s steps(161) infinite;
    -o-animation: Thugsprite 5.36666667s steps(161) infinite;
    animation: Thugsprite 5.36666667s steps(161) infinite;
}
.char-sprite#Truant {
    width: 340px; height: 316px;
    background-image: url(images/sprites/truant-sprite-verticalNEW.png);
    transform: scaleX(-1);
    left: -40px; top: -20px;
}
.inView .char-sprite#Truant {
    -webkit-animation: Truantsprite 4.5s steps(135) infinite;
    -moz-animation: Truantsprite 4.5s steps(135) infinite;
    -o-animation: Truantsprite 4.5s steps(135) infinite;
    animation: Truantsprite 4.5s steps(135) infinite;
}
.char-sprite#Urchin {
    width: 186px; height: 256px;
    background-image: url(images/sprites/urchin-sprite-vertical.png);
    left: -20px; top: -10px;
}
.inView .char-sprite#Urchin {
    -webkit-animation: Urchinsprite 5.33333333s steps(160) infinite;
    -moz-animation: Urchinsprite 5.33333333s steps(160) infinite;
    -o-animation: Urchinsprite 5.33333333s steps(160) infinite;
    animation: Urchinsprite 5.33333333s steps(160) infinite;
}
.char-sprite#Gang {
    width: 370px; height: 290px;
    background-image: url(images/sprites/gang-sprite-vertical2.png);
    top: -20px; left: -20px;
}
.inView .char-sprite#Gang {
    -webkit-animation: Gangsprite 5.3s steps(159) infinite;
    -moz-animation: Gangsprite 5.3s steps(159) infinite;
    -o-animation: Gangsprite 5.3s steps(159) infinite;
    animation: Gangsprite 5.3s steps(159) infinite;
}

/* Spritesheet Animations */
@-webkit-keyframes MasterThiefsprite {
    100% {
       background-position: 0 -59700px;
     }
}
@-moz-keyframes MasterThiefsprite {
    100% {
       background-position: 0 -59700px;
     }
}
@-o-keyframes MasterThiefsprite {
    100% {
       background-position: 0 -59700px;
     }
}
@keyframes MasterThiefsprite {
    100% {
       background-position: 0 -59700px;
     }
}
@-webkit-keyframes Assassinsprite {
    100% {
       background-position: 0 -42840px;
     }
}
@-moz-keyframes Assassinsprite {
    100% {
       background-position: 0 -42840px;
     }
}
@-o-keyframes Assassinsprite {
    100% {
       background-position: 0 -42840px;
     }
}
@keyframes Assassinsprite {
    100% {
       background-position: 0 -42840px;
     }
}
@-webkit-keyframes Saboteursprite {
    100% {
       background-position: 0 -62000px;
     }
}
@-moz-keyframes Saboteursprite {
    100% {
       background-position: 0 -62000px;
     }
}
@-o-keyframes Saboteursprite {
    100% {
       background-position: 0 -62000px;
     }
}
@keyframes Saboteursprite {
    100% {
       background-position: 0 -62000px;
     }
}
@-webkit-keyframes Thugsprite {
    100% {
       background-position: 0 -41216px;
     }
}
@-moz-keyframes Thugsprite {
    100% {
       background-position: 0 -41216px;
     }
}
@-o-keyframes Thugsprite {
    100% {
       background-position: 0 -41216px;
     }
}
@keyframes Thugsprite {
    100% {
       background-position: 0 -41216px;
     }
}
@-webkit-keyframes Truantsprite {
    100% {
       background-position: 0 -44415px;
     }
}
@-moz-keyframes Truantsprite {
    100% {
       background-position: 0 -44415px;
     }
}
@-o-keyframes Truantsprite {
    100% {
       background-position: 0 -44415px;
     }
}
@keyframes Truantsprite {
    100% {
       background-position: 0 -44415px;
     }
}
@-webkit-keyframes Urchinsprite {
    100% {
       background-position: 0 -40960px;
     }
}
@-moz-keyframes Urchinsprite {
    100% {
       background-position: 0 -40960px;
     }
}
@-o-keyframes Urchinsprite {
    100% {
       background-position: 0 -40960px;
     }
}
@keyframes Urchinsprite {
    100% {
       background-position: 0 -40960px;
     }
}
@-webkit-keyframes Gangsprite {
    100% {
       background-position: 0 -46110px;
     }
}
@-moz-keyframes Gangsprite {
    100% {
       background-position: 0 -46110px;
     }
}
@-o-keyframes Gangsprite {
    100% {
       background-position: 0 -46110px;
     }
}
@keyframes Gangsprite {
    100% {
       background-position: 0 -46110px;
     }
}

/* Mobile Char. Container Hidden on Large Resolutions */
.char-box-mobile {
    display: none; visibility: hidden;
}
.char-box-desktop {
    display: block;
    visibility: visible;
}



/* Blog ****************************************/
.blog .container-wrap, 
.single .container-wrap {
    margin-top: -100px;
    padding-top: 140px !important;
}

.blog p > a:hover, .single p > a:hover, .archive p > a:hover {
    color: #e8e776;
    text-decoration: underline;
}

.single .row .col.section-title h1, 
.single .row .col.section-title h2 {
    font-family: "futura",sans-serif;
}

.archive #page-header-wrap {
    margin-top: -100px;
}
.archive .page-header-bg-image:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%; height: 100%;
    top: 0; left: 0;
    background-color: rgba(0,0,0,0.4);
}
.archive #page-header-bg .subheader {
    font-family: IM Fell DW Pica,serif;
    font-style: italic;
    text-shadow: 3px 3px 0 black, -3px -3px 0 black, -3px 3px 0 black, 3px -3px 0 black;
}
.archive #page-header-bg h1 {
    font-family: IM Fell English, serif;
    font-weight: bold;
    font-size: 50px;
    text-shadow: 3px 3px 0 black, -3px -3px 0 black, -3px 3px 0 black, 3px -3px 0 black;
}

.post-header span {
    font-family: IM Fell DW Pica,serif;
    font-style: italic;
    font-size: 15px !important;
}
article.post h2.title {
    margin-bottom: 6px;
}
html body.blog p {
    font-size: 16px;
}
article.post .more-link span, 
.blog-recent .more-link span {
    font-size: 18px;
    font-weight: bold;
    max-width: 240px;
    line-height: 1;
    padding: 10px 30px;
    margin: 0 0 0 auto;
    border: 3px solid #000;
}
article.post .more-link span:hover {
    background-color: transparent !important;
}
article.post .post-meta .date {
    margin-bottom: 0;
    padding-bottom: 10px;
}

html body #pagination > a {
    font-size: 15px !important;
}
#post-area #pagination {
    position: relative;
    display: block;
    padding-left: 0;
    height: auto;
    text-align: center;
    z-index: 10;
}
#pagination span.current {
    color: #000 !important;
    font-weight: bold;
}
#pagination .prev a, 
#pagination .next a {
    font-size: 50px;
}

/* Hide Blog Stuff */
.blog .nectar-love-wrap, 
html .single-post #single-meta, 
.comments-section {
    display: none;
     visibility: hidden;
}



/* Sitewide ****************************************/
/* Page Banners ---- */
.page-banner {
    padding-top: 140px !important;
    overflow: visible;
}
.page-banner.wpb_row > .row-bg-wrap:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%; height: 75px;
    top: inherit;
    left: 0; bottom: -1px;
    background-image: url(images/bg-pattern-bottom_smallalpha.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: bottom left;
    background-repeat: repeat-x;
}
.row .page-banner .col.section-title {
    padding: 0 0 60px 0;
    border-bottom: 0;
}
.row .page-banner .col.section-title h1 {
    font-family: IM Fell English, serif;
    font-size: 60px;
    text-shadow: 3px 3px 0 black, -3px -3px 0 black, -3px 3px 0 black, 3px -3px 0 black;
}

/* Ribbon Heading ---- */
.row .col .ribbon-text h4 {
    margin-bottom: 0;
}
.ribbon-text.vc_separator {
    position: relative;
    display: block;
}
.ribbon-text.vc_separator h4 {
    font-family: IM Fell English, serif;
    font-size: 50px;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    width: 40%;
    white-space: inherit;
    text-align: center;
    background-image: url(images/ribbon-mid-purple_alpha.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    display: block;
    margin: 0 auto;
    z-index: 5;
}
.ribbon-text.vc_separator.vc_separator_align_center h4 {
    padding: 44px 0 30px 0;
}
.ribbon-text.vc_separator .vc_sep_holder {
    display: none;
    visibility: hidden;
}
.ribbon-text.vc_separator .vc_sep_holder .vc_sep_line {
    height: auto;
    border-top: 0;
    border-color: transparent;
    top: inherit;
}

/* Paint Splatter Heading ---- */
.wpb_wrapper > .splat-head {
    margin-bottom: 0;
}
.row .splat-head .col.section-title {
    position: relative;
    display: block;
    padding: 20px 0;
    border-bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
}
.row .splat-head-purple .col.section-title {
    background-image: url(images/splat-purple-bg_alpha.png);
}
.row .splat-head-blue .col.section-title {
    background-image: url(images/splat-blue-bg_alpha.png);
}
.row .splat-head-red .col.section-title {
    background-image: url(images/splat-red-bg_alpha.png);
}
.row .splat-head .col.section-title h2 {
    position: relative;
    font-family: IM Fell DW Pica,serif;
    font-size: 40px;
    font-style: italic;
    line-height: 1;
    margin-bottom: 0;
}

/* Paint Splatter Box Text(Steal Now Page) ---- */
.splatter-text-row {
    position: absolute;
    display: block;
    width: 100%; height: auto;
    bottom: 20px; left: 0;
    z-index: 5;
}
.splatter-text-row .ribbon-text-box {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 30px 0;
    background-image: url(images/ribbon-wide-purple_alpha.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    z-index: 99;
    transform: scale(1);
    transition: all 0.25s ease-out;
}
.splatter-text-row .ribbon-text-box h2 {
    font-size: 26px;
    font-family: IM Fell DW Pica,serif;
    font-style: italic;
    color: #fff;
}
.splatter-text-row .ribbon-text-box:hover {
    transform: scale(1.05);
}
.splatter-text-row .ribbon-text-box a {
    color: #fff;
}

/* Carousel Styling ---- */
/* Carousel */
.owl-carousel .owl-item {
    padding-right: 30px;
}
.owl-carousel .owl-item:last-child {
    padding-right: 0;
}
.owl-carousel .owl-item .img-with-aniamtion-wrap {
    margin-bottom: 20px !important;
}
.owl-carousel .owl-item .wpb_text_column {
    padding-left: 10px;
    padding-right: 10px;
}
.owl-carousel .owl-item h3 {
    font-size: 30px;
}
.owl-carousel .owl-item:last-child {
    padding-right: 30px;
}
/* Controls */
.owl-theme .owl-nav [class*='owl-'] {
    display: block !important;
    margin: 0; padding: 0;
    border-radius: 0;
    background: transparent;
    font-family: FontAwesome;
}
.owl-theme .owl-nav [class*='owl-']:before {
    content: '\f104';
    position: absolute;
    display: block;
    top: 30%; left: -50px;
    font-size: 40px;
    color: #fff;
}
.owl-theme .owl-nav .owl-next:before {
    content: '\f105';
    left: inherit; right: -50px;
}
/* Dot Controls */
.owl-theme .owl-dots .owl-dot span {
    background-color: #fff;
    width: 10px; height: 10px;
}

/* Hide Controls on CaroFredSel (Carosuel You Use when not meant to rotate) */
.carousel-wrap[data-full-width="false"] .control-wrap {
    display: none; visibility: hidden;
}

/* Wallpaper Text Links */
.wallpaper-links {
    position: relative;
    display: block;
    text-align: center;
}
.wallpaper-links p {
    position: relative;
    display: inline-block;
}
.wallpaper-links p:after {
    content: '-';
    position: relative;
    display: inline-block;
    margin: 0 5px;
}
.wallpaper-links p:last-child::after {
    display: none;
    visibility: hidden;
}

.wallpaper-links p a {
    transition: none;
}
.wallpaper-links p a:hover {
    color: #fff;
    text-decoration: underline;
}


/* Mailchimp Newsletter */
#mc_embed_signup {
    position: relative;
    display: block;
    background: transparent url(images/wood-texture-bg.png) !important;
    font-family: IM Fell English, serif !important;
    color: #fff !important;
    border: 3px solid #000;
}
#mc_embed_signup form {
    padding: 0 !important;
}
#mc_embed_signup h2 {
    position: absolute;
    display: block;
    width: 100%; height: 38px;
    top: 0; left: 0;
    margin: 0 !important;
    background-image: url(images/form-head-bg.png);
    background-repeat: repeat-x;
    background-position: top left;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    text-align: center;
    font-family: IM Fell DW Pica,serif !important;
    font-style: italic;
    font-weight: normal !important;
    font-size: 32px !important;
    color: #fff;
    text-shadow: 1px 1px 0 black, -1px -1px 0 black, -1px 1px 0 black, 1px -1px 0 black;
}
#mc_embed_signup h2:before, 
#mc_embed_signup h2:after {
    content: '';
    position: absolute;
    display: block;
    background-image: url(images/form-head-left.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 23px; height: 45px;
    top: 0; left: -23px;
    z-index: 9;
}
#mc_embed_signup h2:after {
    background-image: url(images/form-head-right.png);
    left: 100%;
}
#mc_embed_signup .indicates-required, 
#mc_embed_signup .mc-field-group label {
    font-family: "futura",sans-serif;
    text-align: center;
}
#mc_embed_signup .indicates-required {
    font-size: 16px !important;
}
#mc_embed_signup .asterisk {
    display: none; visibility: hidden;
}
#mc_embed_signup .mc-field-group label {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px !important;
}
#mc_embed_signup .mc-field-group {
    width: 100% !important;
}
#mc_embed_signup .mc-field-group input {
    background-image: url(images/form-input-bg.png);
    background-repeat: repeat-x;
    background-position: top left;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    border-radius: 0;
    border: 3px solid #000 !important;
}
#mc_embed_signup_scroll {
    padding: 50px 20px 20px 20px;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    font-family: IM Fell DW Pica,serif;
    font-style: italic;
    border: 3px solid #000;
    border-radius: 0 !important;
    font-size: 18px !important;
    color: #fff !important;
    background-color: #e85c41 !important;
}
#mc_embed_signup .button {
    position: relative;
    display: block !important;
    background-color: transparent !important;
    background-image: url(images/button-bg-regular.png);
    background-repeat: repeat-x;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: top left;
    padding: 12px 40px !important;
    height: auto !important;
    border-radius: 2px !important;
    border: 3px solid #000 !important;
    color: #2e221d !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    letter-spacing: 0.5px;
    font-family: IM Fell English, serif;
    margin: 0 auto !important;
}
#mc_embed_signup .button:hover {
    background-image: url(images/button-bg-active.png) !important;
    color: #fff !important;
}
/* Text Input */
input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date] {
    font-family: "futura",sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

/* Footer Newsletter (smaller) */
#footer-outer #mc_embed_signup_scroll {
    padding: 36px 20px 20px 20px;
}
#footer-outer #mc_embed_signup {
    background: transparent !important;
    max-width: 340px;
    margin: 0 auto;
}
#footer-outer #mc_embed_signup h2 {
    font-size: 24px !important;
    background-image: none !important;
}
#footer-outer #mc_embed_signup h2:before, 
#footer-outer #mc_embed_signup h2:after {
    display: none; visibility: hidden;
}
#footer-outer #mc_embed_signup .indicates-required {
    display: none; visibility: hidden;
}
#footer-outer #mc_embed_signup .mc-field-group label {
    font-size: 16px;
    line-height: 1;
}
#footer-outer #mc_embed_signup .mc-field-group input {
    background-image: none;
    background-color: transparent;
    border: 2px solid #e8e776 !important;
}
body:not([data-form-style="minimal"]) #footer-outer #footer-widgets .col input[type=text]:focus, body:not([data-form-style="minimal"]) #footer-outer #footer-widgets .col input[type=email]:focus {
    background-color: transparent;
}
#footer-outer #mc_embed_signup .button {
    font-size: 16px !important;
    padding: 8px 30px !important;
}
#footer-outer div.clear {
    padding-bottom: 0;
}
#footer-outer .widget {
    margin-bottom: 0;
}
#footer-outer input[type=email] {
    padding: 6px !important;
}

/* Buttons */
.nectar-button[data-color-override="false"].regular-button {
    background-color: transparent !important;
}
.nectar-button {
    font-family: IM Fell English, serif;
    font-weight: bold !important;
    color: #2e221d !important;
    letter-spacing: 0 !important;
    background-image: url('images/button-bg-regular.png') !important;
    background-color: transparent !important;
    background-size: cover !important;
    text-transform: none;
    opacity: 1 !important;
}
.nectar-button.medium {
    font-size: 24px;
}
.nectar-button.jumbo {
    font-size: 32px;
    z-index: 999;
}
.nectar-button:hover {
    opacity: 1 !important;
    color: #fff !important;
    background-image: url('images/button-bg-active.png') !important;
    background-color: transparent !important;
    background-size: cover !important;
}


/* Mixer Tournament 2017 Page Specifics */
#tournament-intro, 
#tournament-bracket { 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#302e2c+0,151410+100 */
    background: #302e2c; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #302e2c 0%, #151410 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #302e2c 0%,#151410 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #302e2c 0%,#151410 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#302e2c', endColorstr='#151410',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#tournament-intro h2 {
    color: #23bbed;
}
#tournament-intro p {
    color: #a7a6a1;
}
#tournament-intro p > b, 
#tournament-intro p > strong {
    color: #fff;
    font-weight: bold;
}

#char-images {
    position: absolute;
    display: block;
    width: 100%;
    z-index: 999;
    transform: translateY(-100px);
}

#tournament-players {
    background-image: url(images/mixer-bg-pattern.png);
    font-size: 0;
    z-index: 99;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    box-shadow: 0 15px 75px 1px rgba(0,0,0,0.6);
}
#tournament-players .ribbon-text.vc_separator {
    margin-top: -100px;
}
#tournament-players .ribbon-text.vc_separator h4 {
    color: #fff;
    font-family: IM Fell DW Pica,serif;
    font-style: italic;
    font-size: 32px;
    background-image: url(images/ribbon-mixer-blue-purple_alpha.png);
    -webkit-background-size: 60% auto;
    background-size: 60% auto;
    padding: 30px 0 20px 0;
}
#tournament-players .wpb_raw_html {
    position: relative;
    display: inline-block;
    width: 20%;
    vertical-align: top;
    margin-top: 40px;
    font-size: 18px;
}
#tournament-players .wpb_raw_html a.tournament-player .img-circle {
    transition: all 0.2s ease-in-out;
    transform: scale(1);
}
#tournament-players .wpb_raw_html:hover a.tournament-player .img-circle {
    transform: scale(1.2);
}
#tournament-players .wpb_raw_html a.tournament-player {
    position: relative;
    display: block;
    width: 100%; height: auto;
    text-align: center;
}
#tournament-players .wpb_raw_html a.tournament-player .img-circle {
    position: relative;
    display: block;
    width: 88px; height: 88px;
    border-radius: 50%;
    background-color: black;
    margin: 0 auto 12px;
    border: 3px solid yellow;
    overflow: hidden;
    box-shadow: 0 0 80px rgba(0,0,0,0.5);
}
#tournament-players .wpb_raw_html a.tournament-player .img-circle img {
    position: absolute;
    display: block;
    width: 100%; height: auto;
    top: 0; left: 0;
}
#tournament-players .wpb_raw_html a.tournament-player span {
    position: relative;
    display: block;
    font-size: 16px;
    color: #fff;
    text-shadow: 0px 1px 0 black, 1px 0 black, 0 -1px black, -1px 0 black;
    font-weight: bold;
    word-wrap: break-word;
    transition: all 0.2s ease-in-out;
    transform: translateY(0);
}
#tournament-players .wpb_raw_html:hover a.tournament-player span {
    color: yellow;
    transform: translateY(4px);
}
#tournament-players .img-with-aniamtion-wrap {
    position: absolute;
    display: block;
    width: 100%; height: auto;
}
#tournament-players img.img-with-animation.corner-image {
    position: absolute;
    display: block;
}
#tournament-players img.img-with-animation.corner-image.top-left {
    top: 0; left: 0;
}

#bracket-banner {
    position: absolute;
    display: block;
}
#bracket-banner img {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 14%; height: auto;
    min-width: 300px;
}
#tournament-bracket {
    overflow: auto;
}
/*#tournament-bracket:before {
    content: '';
    position: absolute;
    display: block;
    top: 0; left: 37.5%;
    width: 25%; 
    background-image: url(http://antihero-game.com/wp-content/uploads/2017/08/Bracket-Banner_Top.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-bottom: 30%;
} */
#tournament-bracket > .col.span_12 {
    position: relative;
    display: block;
    width: 1200px !important;
    height: 400px !important;
    margin-left: 50%;
    left: -600px;
}
#tournament-bracket > .col.span_12:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%; height: 100%;
    top: 0; left: 0;
    background-image: url(http://antihero-game.com/wp-content/uploads/2017/08/tournament-bracket_10_alt.png);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: 97.5% auto;
    background-size: 97.5% auto;
}

#tournament-bracket .column {
    position: relative;
    display: block;
}
body #tournament-bracket.vc_row-fluid  .vc_col-sm-3 {
    width: 23.404255317% !important;
    padding: 0 !important;
    clear: none !important;
}
body #tournament-bracket.vc_row-fluid .vc_col-sm-6 {
    width: 48.93617020799999% !important;
    left: 2.5%;
}
#tournament-bracket .column .match, 
#tournament-bracket .column .middle {
    position: relative;
}
#tournament-bracket .column .match .player-top, 
#tournament-bracket .column .match .player-bottom {
    position: relative;
    display: block;
    width: 100%; height: auto;
    font-size: 13px !important;
}

#tournament-bracket .column.column-outside .match {
    top: 62px;
}
#tournament-bracket .column.column-outside .match > .player-bottom {
    top: 36px;
}


#tournament-bracket .column.column-2 .match > .player-bottom {
    top: 84px;
}
#tournament-bracket .column.column-2 .match:nth-child(1) {
    top: -14px;
}
#tournament-bracket .column.column-2 .match:nth-child(2) {
    top: 150px;
}

#tournament-bracket .tournament-bracket-left .column.column-3 .match {
    left: -20px;
}
#tournament-bracket .tournament-bracket-right .column.column-3 .match {
    right: -20px;
}
#tournament-bracket .column.column-3 .match {
    top: 40px;
}
#tournament-bracket .column.column-3 .match > .player-bottom {
    top: 190px;
}

#tournament-bracket .column.column-inside .match {
    top: 140px;
}

#tournament-bracket .tournament-bracket-left .column.column-inside .middle {
    left: -10px;
}
#tournament-bracket .tournament-bracket-right .column.column-inside .middle {
    right: -10px;
}
#tournament-bracket .column.column-inside .middle.final {
    top: 150px;
}
#tournament-bracket .column.column-inside .middle.elimination {
    top: 240px;
}

/* Rogue to the Top! Page 2017 */
#rogue-intro p {
    color: #a7a6a1;
}
#rogue-intro p > b, 
#rogue-intro p > strong, 
#rogue-intro p > bold {
    color: #fff;
}

#rogue-form #mc_embed_signup .asterisk {
    display: inline-block; visibility: visible;
}
#rogue-form #mc_embed_signup .asterisk {
    color: #e8e776!important;
}
#rogue-form #mc_embed_signup .indicates-required {
    font-family: IM Fell DW Pica,serif;
    margin-right: 0 !important;
}
#rogue-form #mc_embed_signup .mc-field-group {
    padding-bottom: 8px;
}
#rogue-form #mc_embed_signup .mc-field-group label {
    font-family: IM Fell English, serif;
    font-size: 16px;
    text-align: left;
    margin-bottom: 5px !important;
}
#rogue-form input {
    padding: 10px !important;
}
#rogue-form #mc_embed_signup .button {
    margin-right: 0 !important;
}

#leaderboards {
    border-top: 1px solid black;
    box-shadow: 0 15px 75px 1px rgba(0,0,0,0.6);
    background: url(images/wood-texture-bg.png);
}
#leaderboards .ribbon-text.vc_separator {
    margin-top: -110px;
}
#leaderboards .ribbon-text.vc_separator h4 {
    color: #fff;
    font-family: IM Fell DW Pica,serif;
    font-style: italic;
    font-size: 32px;
    -webkit-background-size: 60% auto;
    background-size: 60% auto;
    padding: 30px 0 20px 0;
}

#leaderboards #leaderboard-head h3 {
    font-family: IM Fell English, serif;
    font-size: 24px;
    font-style: normal;
    color: #c4a480;
}
#leaderboards #leaderboard-head, 
#leaderboards .leaderboard-row {
    width: 70%; height: auto;
    margin-left: auto; margin-right: auto;
    margin-bottom: 0 !important;
}
#leaderboards .leaderboard-row {
    background: url(images/wood-texture-bg_lighter.png);
    border: 3px solid black;
    box-shadow: 6px 6px 10px 3px rgba(0,0,0,0.45);
    margin-bottom: 10px !important;
}

#leaderboards .leaderboard-row .leaderboard-rank .wpb_text_column {
    position: relative;
    display: block;
    width: 55px; height: 45px;
    background-image: url(images/rank_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-top: 8px;
    margin: 3px auto 5px;
    box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.4);
}
#leaderboards .leaderboard-row .leaderboard-rank .wpb_text_column p {
    font-family: IM Fell English, serif;
    font-weight: bold;
    line-height: 1;
    font-size: 24px;
    color: black;
}

#leaderboards .leaderboard-row .leaderboard-player .wpb_text_column > .wpb_wrapper {
    transform: translateY(-2px) translateX(-10px);
}
#leaderboards .leaderboard-row .leaderboard-player .wpb_text_column p {
    position: relative;
    display: block;
    width: 60%;
    margin: 0 auto;
    padding: 4px 10px;
    color: white;
    font-family: IM Fell DW Pica,serif;
    font-style: italic;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0.5px;
    background-color: #7486c5;
    border: 3px solid black;
    box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.4);
}
#leaderboards .leaderboard-row .leaderboard-player .wpb_text_column p:before {
    content: url('images/player_left.png');
    position: absolute;
    display: block;
    top: 1px;
    left: -16px;
    z-index: -1;
}
#leaderboards .leaderboard-row .leaderboard-player .wpb_text_column p:after {
    content: url('images/player_right.png');
    position: absolute;
    display: block;
    top: 1px;
    right: -24px;
    z-index: -1;
}

#leaderboards .leaderboard-row .leaderboard-wins {
    border-left: 3px solid black;
    background: url(images/wood-texture-mid.png);
    background-repeat: repeat;
}
#leaderboards .leaderboard-row .leaderboard-wins .wpb_text_column p {
    font-family: 'futura';
    font-weight: bold;
    line-height: 1;
    font-size: 18px;
    color: #e8e776;
    text-shadow: 2px 2px 0 black, -2px -2px 0 black, -2px 2px 0 black, 2px -2px 0 black;
}

/* Privacy Policy Update 5/23/18 ***************/
.important-info {
    position: relative;
}
.important-info .wpb_text_column a:hover {
    color: white;
    text-decoration: underline;
}

.important-info .wpb_wrapper > .wpb_row {
    padding-top: 100px !important;
}
.important-info .wpb_wrapper > .wpb_row.information-nav {
    padding-top: 60px !important;
}

.information-nav ul {
    margin-bottom: 0;
}

.important-info .wpb_text_column ul li {
    margin-bottom: 20px;
}
.important-info .information-nav .wpb_text_column ul li {
    margin-bottom: 6px;
}


/* Tablet Resolutions */
@media screen and (max-width: 1000px) {
    .home .row #home-banner .col.section-title h1 {
        width: 100%;
        font-size: 40px;
    }
    .home .row #home-banner .col.section-title {
        padding: 0 0 41% 0;
    }
    
    .splatter-text {
        margin-top: 0;
    }
    
    .page-banner {
        padding-top: 80px !important;
    }
    .row .page-banner .col.section-title h1 {
        font-size: 44px;
    }
    
    .gamepage-desktop {
        display: none;
        visibility: hidden;
    }
    .gamepage-mobile {
        display: block;
        visibility: visible;
    }
    
    #game-trailer h2, 
    #game-trailer h3 {
        text-align: center !important;
    }
    #game-trailer h2 {
        padding-top: 0;
    }
    #game-trailer .bordered-video .nectar-video-box {
        position: relative;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .ribbon-text.vc_separator h4 {
        font-size: 36px;
    }
    .ribbon-text.vc_separator.vc_separator_align_center h4 {
        padding: 30px 0 20px 0;
    }
    .ribbon-text.vc_separator .vc_sep_holder_l {
        left: 25px;
    }
    .ribbon-text.vc_separator .vc_sep_holder_r {
        right: 26px;
    }
    
    .char-box-mobile {
        display: block; visibility: visible;
    }
    .char-box-desktop {
        display: none; visibility: hidden;
    }
    
    .char-row .char-desc {
        text-align: center;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 30px;
    }
    
    #footer-widgets .container .col.span_6 {
        width: 100% !important;
    }
    
    #footer-outer .footer-logos {
        text-align: center;
    }
    #footer-outer .footer-newsletter:before {
        width: 100%;
        margin: 0 auto;
    }
    #footer-outer .footer-rating {
        margin-right: auto;
    }
    #footer-outer .footer-links {
        text-align: center;
    }
    
    a#gamepedia-link {
        position: relative;
        top: inherit; right: inherit;
        margin: 20px auto 0;
    }
    
    #copyright, 
    #copyright ul#social {
        text-align: center;
    }
    body #footer-outer #copyright .col ul {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
        float: none !important;
    }
    #footer-outer #copyright li {
        float: none !important;
        display: inline-block;
    }

    #char-images.full-width-content.vc_row-fluid .vc_col-sm-6 {
        width: 48.93617020799999% !important;
    }
    
    #tournament-players .ribbon-text.vc_separator h4, 
    #leaderboards .ribbon-text.vc_separator h4 {
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
    }
    #tournament-players .wpb_raw_html {
        width: 20%;
    }
    #tournament-bracket > .col.span_12 {
        margin-left: 0;
        left: inherit;
    }
    body #tournament-bracket.vc_row-fluid .vc_col-sm-6 {
        left: inherit;
    }
    body #tournament-bracket.vc_row-fluid .vc_col-sm-3 {
        margin-right: 12px !important;
    }
    body #tournament-bracket.vc_row-fluid .vc_col-sm-3:last-child {
        margin-right: 0 !important;
    }
    body #tournament-bracket.vc_row-fluid .vc_col-sm-6:last-child {
        margin-left: 2%  !important;
    }
    #tournament-bracket .tournament-bracket-right .column.column-2 .match {
        left: -10px
    }
    
    body #leaderboards .vc_row-fluid .vc_col-sm-2 {
        width: 14.89361702% !important;
    }
    body #leaderboards .vc_row-fluid .vc_col-sm-8 {
        width: 65.95744680199999% !important;
    }
    #leaderboards .col, 
    body #leaderboards .vc_row-fluid .wpb_column {
        margin-bottom: 0 !important;
    }
    #leaderboards #leaderboard-head, 
    #leaderboards .leaderboard-row {
        width: 100%; height: auto;
        margin-left: auto; margin-right: auto;
        margin-bottom: 0 !important;
    }
    #leaderboards .leaderboard-row .leaderboard-player .wpb_text_column > .wpb_wrapper {
        transform: none;
    }
    #leaderboards .leaderboard-row .leaderboard-player .wpb_text_column p {
        margin-top: 8px;
    }
    #leaderboards .leaderboard-row .leaderboard-player .wpb_text_column p:before, 
    #leaderboards .leaderboard-row .leaderboard-player .wpb_text_column p:after {
        content: '';
        display: none;
        visibility: hidden;
    }
    #leaderboards .leaderboard-row .leaderboard-wins {
        border-left: none;
        background: transparent;
    }
    #leaderboards .leaderboard-row .leaderboard-wins .wpb_text_column p {
        padding-top: 14px;
    }
}

/* Mobile Resolutions */
@media screen and (max-width: 768px) {
    .home #home-banner:after {
        -webkit-background-size: auto 100%;
        background-size: auto 100%;
        background-position: center center;
    }
    .home .row #home-banner .col.section-title h1 {
        font-size: 30px;
        text-shadow: 1px 1px 0 black, -1px -1px 0 black, -1px 1px 0 black, 1px -1px 0 black
    }
    
    .home #home-banner .awards-box {
        display: none;
        visibility: hidden;
    }
    
    .homepage-desktop {
        display: none; visibility: hidden;
    }
    .homepage-mobile {
        position: relative;
        width: 100%; height: auto;
        display: block; visibility: visible;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .splatter-text {
        text-align: center;
        padding: 12px 0 0;
    }
    .splatter-text:before {
        content: '';
    }
    .splatter-text h2 {
        font-size: 18px;
        line-height: 1.5;
        text-shadow: 1px 1px 0 black, -1px -1px 0 black, -1px 1px 0 black, 1px -1px 0 black;
    }
    
    .char-row .char-desc h3 {
        font-size: 36px;
    }
    .char-row .char-desc h4 {
        font-size: 18px;
    }
}

@media screen and (max-width: 690px) {
    .home .row #home-banner .col.section-title h1 {
        font-size: 26px;
    }
    
    #game-trailer h3 {
        font-size: 30px;
    }
    
    .ribbon-text.vc_separator h4 {
        width: 80%;
        font-size: 40px;
    }
    .ribbon-text.vc_separator .vc_sep_holder {
        display: none;
        visibility: hidden;
    }
    
    .row .splat-head .col.section-title {
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
    }
    .row .splat-head .col.section-title h2 {
        font-size: 30px;
    }
    
    .splatter-text-blue {
        background: transparent;
    }
    .splatter-text-blue h2 {
        font-size: 26px;
        text-shadow: 1px 1px 0 black, -1px -1px 0 black, -1px 1px 0 black, 1px -1px 0 black;
    }
    .splatter-text-blue h2 > strong {
        font-size: 30px;
    }
    
    .splatter-text-row .ribbon-text-box {
        background: transparent;
    }
    .splatter-text-row .ribbon-text-box h2 {
        text-shadow: 2px 2px 0 black, -2px -2px 0 black, -2px 2px 0 black, 2px -2px 0 black;
    }

    #tournament-players .wpb_raw_html {
        width: 50%;
    }

    #leaderboards .leaderboard-row .leaderboard-player .wpb_text_column p {
        width: 100%;
        padding: 0;
        border: none;
        background-color: transparent;
        box-shadow: none;
        margin-top: 14px;
        text-shadow: 3px 3px 3px rgba(0,0,0,0.55);
    }
}

/* Small Screns (Mostly Text Fixes) */
@media screen and (max-width: 500px) {
    body #header-outer ul#social {
        right: 10px;
    }
    body.home #header-outer ul#social {
        top: 140px;
    }
    body #header-outer ul#social [class*="fa-"] {
        font-size: 20px;
    }
    body #header-outer ul#social li {
        margin-bottom: 12px;
    }
    
    .home #home-banner:after {
        opacity: 0.65;
        top: -30px;
    }
    .home .row #home-banner .col.section-title {
        padding: 20px 0 200px;
    }
    .home .row #home-banner .col.section-title h1 {
        font-size: 17px;
        letter-spacing: -0.5px;
    }
    .home #home-banner .wpb_wrapper > div {
        margin-bottom: 0;
    }
    .home #home-banner .coming-soon {
        text-align: center;
    }
    .home #home-banner .coming-soon h3 {
        display: block;
        text-align: center !important;
        font-size: 22px;
    }
    
    #game-trailer .bordered-video .nectar-video-box {
        width: 100%;
    }
    
    #mc_embed_signup h2 {
        font-size: 22px !important;
    }
    #mc_embed_signup .indicates-required {
        font-size: 14px !important;
    }
    
    a.btn.primary {
        font-size: 18px;
    }
}