/*
Theme Name: Dash Attack Dash Back
Theme URI: https://www.rivalsofaether.com
Author: George Rogers
Author URI: georgerogers.com
Description: Made with love by flashy and George for Rivals Of Aether
Version: 6.0
*/

@font-face {
font-family: 'Orator Std Medium';
font-style: normal;
font-weight: normal;
src: local('Orator Std Medium'), url('./fonts/OratorStd.woff') format('woff');
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height:110%;
}

.a2a_kit_size_32 {
	line-height: 0px !important;
	margin-left:4px;
}

#a2apage_full {
	background-color:#261C53;
	border:none;
}

#a2apage_full a {color:#99ffff;}
#a2apage_full a:hover {color:black;}
#a2apage_full a:visited {color:#99ffff;}

/*.a2a_overlay {
	background:#CCC !important;
	opacity:.7 !important;
}*/

a.a2a_i, i.a2a_i {border:none !important;}

/*******COMMENTS**************/
#respond.comment-respond {
	margin-top:10px;
	padding-top:10px;
	border-top:4px solid #34246b;
}

#comments {
	border-top:2px solid #34246b;
	border-bottom:2px solid #34246b;
	padding:10px 0;
	margin-bottom:20px;
}

ol.commentlist {padding-left:25px;}

ol.commentlist li  {
	list-style-type:none;
}

li.comment.depth-1, li.comment.depth-3 {
    padding: 20px 15px;
	border-radius:3px;
	margin-bottom:10px;
	background-color:#5c4d8d;
    width: 100%;
}

li.comment.depth-2, li.comment.depth-4 {
	margin-top:15px;
    padding: 20px 15px;
	border-radius:3px;
	margin-bottom:10px;
	background-color:#4a3a7e;
    width: 100%;
}

li.comment p {
	clear:both;
	margin-left:45px;
	padding-top:5px;
	border-top:2px dotted #34246b;
}

#reply-title{
	margin-top: 20px;
}

.reply {text-align:right;}
.reply a {
	/*border:2px solid #34246b;*/
	background-color:rgba(255,255,255,0.2);
    padding: 8px 12px;
	border-radius:4px;
}

.comment-author {float:left;}
.comment-meta {float:right;}

.comment-form-comment label {display:none;}
.comment-form-author label {text-transform:uppercase;}
.comment-form-email label {text-transform:uppercase;}

.comment-awaiting-moderation {float:right;vertical-align:middle;}

#comment {
	border-radius: 4px;
}

#author, #email {
	border-radius: 4px;
	display:block;
	margin-top: -6px;
}

#wp-comment-cookies-consent{
	margin-right: 8px;
}

textarea#comment {
	display:block;
	width:100%;
}


/*COMMENTS FORM*/
.comment-form-url {
	display:none;
}




/**IDEAPUSH***************
CSS in frontendstyle.css*/







/**COOKIE CONSENT CONTENT*****/
#cookieConsent {
	font-size: 0.8em;
	position:fixed;
	display:none;
	z-index:999;
	background-color:#261C53;
	bottom:0;
	width:100%;
	border-top: 4px solid #925BFF;
	box-shadow: 0 -5px 10px rgba(0,0,0, .3);
}
	
#closeCookieConsent {
	float:right;
    width: 26px;
    height: 26px;
	/*background-image: url('./img/cookie-policy/X.png');
	border:2px solid #5e577f;*/
	background-color:#474065;
	border-radius:4px;
	cursor:pointer;
	margin:2px 0 10px 10px;
	text-align: center;
}

#cookieConsentContent {
	position:relative;
	margin:0 auto;
	padding:10px 30px;
	padding-bottom: 40px;
	text-align:left;
}

#cookieConsentOK {
	background-color: #5120b7; /*#925BFF;*/
	padding:0px 15px;
	margin:0 5px 0 0;
	/*border: 2px solid #5e577f;*/
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
}

.secondaryButton {
	background-color:#474065;
	display:inline-block;
	color:#fff;
	padding:0px 15px;
	margin:0 5px 0 10px;
	/*border: 2px solid #5e577f;*/
	border-radius:4px;
	cursor:pointer;
}

/****************
******GLOBAL*****
****************/

.hr{
    margin-top: 12px;
	margin-bottom: 40px;
    border-top: 2px solid #776b9e;
}

.no-pad {
	padding:0;
}

img {
	max-width:100%;
	height:auto;
}

.unstyled {list-style-type:none;}

.unstyled li {margin-bottom:15px;}

@font-face {
	/*Pixel Subheading*/
    font-family: 'elepixel3regular';
	font-display:auto;
    src: url('fonts/elepixel3-webfont.woff2') format('woff2'),
         url('fonts/elepixel3-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	/*Pixel Page Title*/
    font-family: 'elepixelbigregular';
	font-display:auto;
    src: url('fonts/elepixelbig-webfont.woff2') format('woff2'),
         url('fonts/elepixelbig-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
	width:100%;
	font-size:16px;
    overflow-x: hidden;
}

body {
    font-family: "Ubuntu", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    /* font-size: 16px; */
    /* color: #99FFFF; */
    color: #fff;
    background-color: #261c53;
    overflow-x: hidden;
    /*overflow-y: scroll;*/
    line-height: 150%;
    cursor: default;
}

h1, h2 {
	/*font-weight:bold;*/
}

.pixel-subheading {
	font-family: 'elepixel3regular';
	font-size:24px;
	margin-bottom:6px;
}

a {color: #99ffff;}

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

.small-text {
	font-size:0.7em;
	color:#d7d7d7;
}

.medium-text {
	font-size: 1.4em;
}

.big-text {
	font-size: 1.6em;
}

#page-content {
	margin-top:0;
	background-color:#534388; /*#4a3a7e;*/
	padding: 60px 60px;
	padding-top: 40px;
	/*font-family: 'Rokkitt', serif;
	border-left:1px solid #35256b;
	border-right:1px solid #35256b;*/
	/* max-width: 1120px; */
	/* These are technically the same, but use both for full browser support. Stops long words from breaking out of container and adds hyphens where it breaks.  */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/**Legacy Classes from multiple old versions of blog**/
.alignright, .img_float_right {
	display:inline;
	float:right;
	margin-left:1.5em;
}

.alignleft, .img_float_left {
	display:inline;
	float:left;
	margin-right:1.5em;
}

.aligncenter {
	clear:both;
	display:block;
	margin:0 auto;
}

/** /legacy classes **/

#page-content h1 {
	margin-bottom:1rem;
	line-height:2.2rem;
}

.main-content {
	padding-top: 40px;
	
	background:#4a3a7e url('./img/main-content-bg.png?v=13') repeat-x;
	background-size: 1292px 720px;
    background-attachment: fixed;
    /*background-position-y: 60px;*/
}

.page-title {
	text-align:center;
	border-radius: 16px 16px 0 0;
	padding-top:40px;
    padding-bottom:32px;
	
	background-color: #170f39;
    background-size: cover;
    background-position: bottom;
}

.page-bg1 {
	background-image: url('./img/vs_bg_1.png?v=24');
}
.page-bg2 {
	background-image: url('./img/vs_bg_2.png?v=24');
}
.page-bg3 {
	background-image: url('./img/vs_bg_3.png?v=24');
}
.page-bg4 {
	background-image: url('./img/vs_bg_4.png?v=24');
}
.page-bg5 {
	background-image: url('./img/vs_bg_5.png?v=24');
}

.page-title h1 {
	/*font-family: 'elepixelbigregular';
	font-weight:bold;*/
	font-size:3em;
	display:inline-block;
	line-height: 1;
	/*filter: drop-shadow(3px 3px 0px #261c53);*/
}


.article-date {
	/*margin-bottom:0;*/
	margin-bottom:0;
}





.dwkb-update-timestamp {margin-left:10px; font-size:14px;}

.media {
	margin-top:15px;
}

.media-body {
	padding-left:15px;
}

.related-dwkb {
	margin:20px 0 10px 0;
}

.uppercase {text-transform: uppercase;}

.sidebar-header {
	font-family: 'elepixelbigregular';
}




/************************
*********MAIN NAV********
************************/

.navbar{
}

#main-nav {
	background-color: #170f39;
	height:60px;
	box-shadow: 0 3px 12px rgba(0,0,0,.23),0 3px 12px rgba(0,0,0,.16);
	font-size:16px;
	overflow:hidden;
	transition: height 0.1s;
}

#main-nav .container {padding-right:0;padding-left:0;}

#menu-main-nav li a, #menu-jp-nav li a {
	font-family: "Ubuntu", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	display: block;
	height:60px;
	color:#fff;
	padding: 16px 16px 0 16px;
	font-size:1.1em;
	text-decoration:none;
	text-transform: uppercase;
}

#menu-main-nav li a:hover, #menu-jp-nav li a:hover {color:#000; background-color:#fff;}

#menu-main-nav li:first-child a, #menu-jp-nav li:first-child a, .home-link {
	text-indent: -5000px;
	overflow:hidden;
	background-image: url('./img/main-nav-logo.png');
	background-repeat: no-repeat;
	width:95px;
	height:60px;
	padding:0;
	text-align:center;
	margin-right:15px;
	background-size: 190px 60px;
	/* margin:0 16px -24px 0; */
}

#menu-main-nav li:first-child a:link:hover, #menu-jp-nav li:first-child a:link:hover, #menu-main-nav li:first-child a:visited:hover , #menu-jp-nav li:first-child a:visited:hover, .home-link:hover, .home-link:visited:hover {
	background-position: -95px 0;
	background-color: inherit;
}

.current-menu-item:not(:first-child) {background-color:#fff;}
.current-menu-item a {color:#000!important;}

.top_bar_right {
	float: right;
	padding: 8px 0;
	margin: auto 0;
	margin-right: 16px;
}

.social-icons a {
	margin-left:3px;
	margin-right:3px;
}

.social-icons img {
	border-radius:4px;
	transition:all 0.2s;
}

.social-icons img:hover {
	background-color:#fff;
	box-shadow:0 0 0 2px #fff;
	transition:all 0s;
}

#menu-item-26 {
	background-color: #241b48; /*#2e2652;*/
	background-image: url('./img/front-page/beta-flag-for-website-nav.png');
	background-repeat:no-repeat;
	background-position:right top;
}

#menu-item-26.current-menu-item {background-color:#fff;}

/****MOBILE SPECIFIC MAIN NAV*****/

.mobile-sticky {
	position:fixed;
	z-index: 3;
	width: 100%;
	background-color: #170f39;
	box-shadow: 0 2px 10px rgba(0,0,0, .3);
}

#menu-main-nav-1 li a, #menu-jp-nav-1 li a {
	font-family: "Ubuntu", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	display: block;
	height:60px;
	color:#fff;
	padding: 16px 16px 0 16px;
	font-size:1.1em;
	text-decoration:none;
	text-transform: uppercase;
	text-align:center;
}

#menu-main-nav-1 li:first-child a, #menu-jp-nav-1 li:first-child a {display:none;}

#menu-main-nav-1 li a:hover, #menu-jp-nav-1 li a:hover {
	background-color:#fff;
	color:#000;
}

.mobile-menu {
	padding: 16px 0;
	border-top:2px solid #fff;
	text-align: center;
}

.mobile-menu:first-child a {
	margin-left:54px;
}

/**************************
********FRONT/HOME PAGE****
**************************/


#home-upper-section {
	position:relative;
	background-image: url('./img/front-page/bg-header-back.jpg');
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center 0;
	overflow:hidden;
	background-color:#5a6a81;
}

.roa-logo-container {max-width:600px;}

#roa-logo {
	position:relative;
	display:block;
	margin:10px auto 0;
	z-index:1;
    filter: drop-shadow(0 0 4px rgba(0,0,0,0.3));
}

#home-spacer {height:300px;}

.home-teaser-text {margin-bottom:0;padding:0 15px;}

.home-teaser-text p {
	font-size:18px;
	line-height:1.6rem;
	text-align:left;
}

/*for foreground cliff*/
.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.upper-bg1-layer {
    background-position: center 0;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -100;
}

/*Foreground cliff image*/
#upper-bg1 {
	overflow:hidden;
	background-image: url('./img/front-page/bg-header-front.png');
	background-size: auto 100%;
	bottom:-200px;
	left:-440px;
	/* height:654px; */
	/* width:896px; */
	z-index:1;
}

#fp-header-text {
	position:relative;
	color:#fff;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0px 3px #000, 0 2px 6px #000;
    line-height: 150%;
	padding-top:20px;
	z-index:1;
}

#fp-header-text p {
	margin:0;
	padding:0 10px;
}

.fp-header-btn-wrap {
    margin: 0 8px;
}

.fp-header-btn {
    font-size: 20px;
    text-align: right;
    text-shadow: 0 0 0 #000;
    line-height: 100%;
    background-color: #456;
    background-image: url('./img/front-page/btn_steam.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 180px 48px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.8);
    padding: 13px 0;
    padding-right: 5px;
    overflow: hidden;
    width: 180px;
    height: 48px;
    border-radius: 4px;
    display: inline-block;
    transition: box-shadow 0.2s;
}

.fp-header-btn-jp {background-image: url('./img/front-page/btn_steam_jp.png');}

.fp-header-btn-xb {
	background-image: url('./img/front-page/btn-xbox.png');
    background-color: #009900;
    padding-right: 10px;
}

.fp-header-btn-sw {
    background-image: url('./img/front-page/btn_switch.png');
    background-color: #E60012;
    padding-right: 10px;
}

.fp-header-btn-sw-jp {
    background-image: url('./img/front-page/btn_switch_jp.png');
    background-color: #E60012;
    padding-right: 10px;
}

.fp-header-btn:hover {
    box-shadow: 0 0 4px 4px #fff;
    transition: box-shadow 0.1s;
}

.fp-header-text {font-weight:bold;}

.fp-header-text-small {font-size:14px;}

#video-bar {
	position:relative;
    font-size: 16px !important;
    text-align: center;
    padding-top: 12px;
	z-index:2;
}

.fp-video-thumb {
	position:relative;
    background-color: #170f39;
    background-size: 180px 90px;
    background-position: center;
    box-shadow: 0 0 0 4px #170f39;
    border-radius: 0;
    width: 180px;
    height: 90px;
    margin: 0 6px;
    display: inline-block;
    transition: box-shadow .2s;

}

.fp-video-thumb video {max-width:100%;}

.fp-video-thumb-small {
    width: 150px;
    height: 75px;
}

.fp-video-play-btn {
	position:absolute;
	z-index:2;
    background-image: url('./img/front-page/btn-play.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    width: 100%;
    height: 100%;
    transition: all 0.2s;
	cursor:pointer;
}

	.fp-video-play-btn:hover {
		transform: translateY(-4px);
	}

#home-upper-divider {
	position:relative;
	height:44px;
	background-color: #170f39; /*#261C53;*/
	margin-top:-30px;
	z-index:1;
}

.home-light-bg {background-color:#4a3a7e;padding-bottom: 5px;}
.home-dark-bg {background-color:#3f316d;padding-bottom: 5px;}

.heading-shadow {
	filter: drop-shadow(3px 3px 0px #261c53);
}

.intro-image{
	/*border: 2px solid #170f39;*/
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
    box-sizing: content-box;
	/*background: #3f316d;*/
    float: right;
    /*width: 320px;*/
    margin-left: 36px;
	margin-top: 4px;
}

.intro-image-m{
	/*border: 2px solid #261c53;*/
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
    box-sizing: content-box;
	background: #3f316d;
	
	width: 320px;
	margin: 32px auto;
	
	display:none;
}

/*.english {
	background-image: url('./img/front-page/US-icon-v2.png');
	background-position:0 16px;
	background-repeat:no-repeat;
	padding-left:35px;
	display:inline-block;
}*/


.home-post-date .comments-icon {
	display:inline-block;
	width:17px;
	height:14px;
	background-image: url('./img/comment-icon-home.png');
	vertical-align:middle;
}

.comments-icon {
	display:inline-block;
	width:17px;
	height:14px;
	background-image: url('./img/comment-icon.png');
	vertical-align:middle;
}

#characterSelect a {
	display:inline-block;
	vertical-align:middle;
	height:34px;
	width:34px;
	background-size:682px 72px;
}

a.characterSelect:nth-child(1)  {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') 0 0;
}

a.characterSelect:nth-child(1):hover , a.characterSelected.characterSelect:nth-child(1) {
	background-position: 0 -36px;
}

a.characterSelect:nth-child(2) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -36px 0;
}

a.characterSelect:nth-child(2):hover , a.characterSelected.characterSelect:nth-child(2) {
	background-position: -36px -36px;
}

a.characterSelect:nth-child(3) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -72px 0;
}

a.characterSelect:nth-child(3):hover , a.characterSelected.characterSelect:nth-child(3) {
	background-position: -72px -36px;
}

a.characterSelect:nth-child(4) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -108px 0;
}

a.characterSelect:nth-child(4):hover , a.characterSelected.characterSelect:nth-child(4) {
	background-position: -108px -36px;
}

a.characterSelect:nth-child(5) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -144px 0;
}

a.characterSelect:nth-child(5):hover , a.characterSelected.characterSelect:nth-child(5) {
	background-position: -144px -36px;
}

a.characterSelect:nth-child(6) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -180px 0;
}

a.characterSelect:nth-child(6):hover , a.characterSelected.characterSelect:nth-child(6) {
	background-position: -180px -36px;
}

a.characterSelect:nth-child(7) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -216px 0;
}

a.characterSelect:nth-child(7):hover , a.characterSelected.characterSelect:nth-child(7) {
	background-position: -216px -36px;
}

a.characterSelect:nth-child(8) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -252px 0;
}

a.characterSelect:nth-child(8):hover , a.characterSelected.characterSelect:nth-child(8) {
	background-position: -252px -36px;
}

a.characterSelect:nth-child(9) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -288px 0;
}

a.characterSelect:nth-child(9):hover , a.characterSelected.characterSelect:nth-child(9) {
	background-position: -288px -36px;
}

a.characterSelect:nth-child(10) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -324px 0;
}

a.characterSelect:nth-child(10):hover , a.characterSelected.characterSelect:nth-child(10) {
	background-position: -324px -36px;
}

a.characterSelect:nth-child(11) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -360px 0;
}

a.characterSelect:nth-child(11):hover , a.characterSelected.characterSelect:nth-child(11) {
	background-position: -360px -36px;
}

a.characterSelect:nth-child(12) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -396px 0;
}

a.characterSelect:nth-child(12):hover , a.characterSelected.characterSelect:nth-child(12) {
	background-position: -396px -36px;
}

a.characterSelect:nth-child(13) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -432px 0;
}

a.characterSelect:nth-child(13):hover , a.characterSelected.characterSelect:nth-child(13) {
	background-position: -432px -36px;
}

a.characterSelect:nth-child(14) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -468px 0;
}

a.characterSelect:nth-child(14):hover , a.characterSelected.characterSelect:nth-child(14) {
	background-position: -468px -36px;
}
a.characterSelect:nth-child(15) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -540px 0;
}

a.characterSelect:nth-child(15):hover , a.characterSelected.characterSelect:nth-child(15) {
	background-position: -540px -36px;
}
a.characterSelect:nth-child(16) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -576px 0;
}

a.characterSelect:nth-child(16):hover , a.characterSelected.characterSelect:nth-child(16) {
	background-position: -576px -36px;
}
a.characterSelect:nth-child(17) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -612px 0;
}

a.characterSelect:nth-child(17):hover , a.characterSelected.characterSelect:nth-child(17) {
	background-position: -612px -36px;
}
a.characterSelect:nth-child(18) {
	background: url('./img/characters/character-faces-strip@2x.png?v=16') -648px 0;
}

a.characterSelect:nth-child(18):hover , a.characterSelected.characterSelect:nth-child(18) {
	background-position: -648px -36px;
}

/*******************************
/********NEWS/BLOG HOME PAGE****
*******************************/

#news {
	color: #3f316b;
	padding:64px 0 36px 0;
	background-color:#FFF; /*#BBB5CF;*/
	/*background-image: url('./img/front-page/front-page-pattern.png');*/
	background-repeat: repeat-x;
	background-position: top;
	/*
	background-repeat: repeat-x;
	background-image:url('./img/grid-bg.png?v=18');
	background-size: 1024px 480px;
	background-position: center -96px;
	*/
}

#news h1 {
	font-size:3rem;
	margin-bottom:30px;
	/*filter: drop-shadow(3px 3px 0px #cacaca); */ /*#776b9e*/
}

#home-news-feed {
	background-color:#3f316b;
}

#home-recent-posts {
	position:relative;
	z-index:1;
	/*border-radius: 5px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	background-color:#fff;*/
	margin:0;
}

#news-ranno {
	position:absolute;
	top:10px;
	left:-664px;
	z-index:0;
}

#news-maypul {
	position:absolute;
	top:-7px;
	right:-411px;
	z-index:0;
}

#news-ranno-tongue {
	position:absolute;
	z-index:0;
	top:156px;
	left:250px;
}

#news a {
	color: #005C8F; /*#0097EF;*/
}

#news a:hover {
	color: #000;
}

.article-title {margin-bottom:2px;}
.article-date-news {margin-bottom:15px;}

.home-single-post {
    padding: 20px;
    /*box-shadow: 0 0 0 2px #BBB5CE inset;*/
	box-shadow: 0 0 4px 0 #776b9e;
	transition: 0.1s all;
	background-color:#fff;
}

.home-single-post:hover {
	/*animation: bump 1s ease-out;*/
	/*transform: scale(1.01);*/
	box-shadow: 0 0 4px 1px #776b9e;
}

.home-post-date {
	color: #005C8F;
	font-size: 0.8em;
}

.home-single-post:first-child {
	border-left:none;
}

.home-single-post:last-child {
	border-right:none;
}

.article-title {
	padding-top:10px;
	/*border-top:2px solid #34246b;
	box-shadow:0 -4px 3px rgba(0,0,0,0.2);*/
}

/* News home border below title/author
.article-date-news {
	padding:5px 0;
	border-bottom:2px solid #34246b;
	box-shadow:0 4px 3px rgba(0,0,0,0.2);
}*/

.article-tags {
	border-bottom:4px solid #34246b;
	padding-bottom:40px;
	margin-bottom:40px;
}

.home-single-post .wp-post-image {
	width:100%;
	height:auto;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
}

.home-single-post h3 {
	margin:10px 0 0 0;
	height: 2.5em;
	font-size:1.125em;
	line-height:1;
	overflow:hidden;
}

.home-single-post p {
	margin:0 5px;
	font-size:0.9em;
}

#news h3 a {font-weight:bold;}

.home-recent-posts-buttons {
	padding-top:25px;
	padding-left:25px;
}

.home-recent-posts-buttons img {
	margin-bottom:20px;
	/*opacity:.2;*/
}

.home-news-read {
	margin-top:20px;
    margin-bottom: 24px;
    font-size: 0.8em;
	text-align: center;
}

.home-news-read a {
	/*background-color:#3f316d;*/
	color:#3f316d;
	border-radius: 4px;
    /*box-shadow: 0 2px 6px 0 rgba(0,0,0,0.8);*/
	box-shadow:0 0 0 2px;
    padding: 4px 8px;
	font-weight:bold;
}

.sidebar-column {
  border-left: 4px solid #34246b;
  padding-left: 15px;
  padding-bottom:8px;
}
	
.sidebar-column h2 {
	font-size:1.7em;
	line-height:1em;
	/*font-weight:bold;*/
}

.page-numbers {
	padding:4px 14px;
	border-radius:4px;
	/*
	border-top:2px solid #34246b;
	border-right:2px solid #34246b;
	border-bottom:2px solid #34246b;
	border-left:2px solid #34246b;
	*/
    background-color: rgba(255,255,255,0.2);
	margin:0 3px;
}

/*.page-numbers:last-of-type {border-right:2px solid #34246b;}*/

a.page-numbers:hover {background-color:#34246b;}

/*.sidebar-column .media .media-body p {margin-bottom:0;}*/


/*****ABOUT SECTION********/

#about {
	position:relative;
	padding:60px 0 60px 0;
	line-height:1.85em;
	background-image: url('./img/front-page/stage-air-clouds-tile.png?v=8');
	background-repeat: repeat-x;
	background-position: bottom;
}

.about-bg {
	margin-top: -64px;
	position:absolute;
	opacity: 0.75;
	
	width: 10080px; /* 2880px, 5760px, 8640px */
	height: 270px;
	background-image: url('./img/vs_bg_front.jpg?v=11');
	background-repeat:repeat-x;
	
	animation: about-bg-anim 60s infinite linear;
}

@keyframes about-bg-anim{
	0%{ transform: translate3d(-2880px,0,0) }
	100%{ transform: translate3d(-5760px,0,0) }
	/*
	0%{ background-position: 0 0; }
	100%{ background-position: 100% 0; }
	*/
}

#about h1 {margin-bottom:30px;}

/*****CHARACTER SECTION*******/

#character {
	position:relative;
	z-index:1;
	padding:60px 0 60px 0;
	background-image:url('./img/front-page/stage-earth-tile.png?v=0');
	background-repeat: repeat-x;
	background-position: bottom;
}

/*.character-page {
	background-image:url('./img/css-bg-light.png?v=10');
	background-repeat: no-repeat;
	background-position: center -24px;
	background-size: 1440px 303px; /*960px 202px;
}*/

.character-top {
	border-top: 2px solid #776b9e;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
}

#characterSelect {
	margin: 0 auto 18px auto;
	max-width:820px;
	text-align:center;
	/*height:52px;
	overflow:hidden;*/
	background-color: #776b9e;
    padding: 8px;
    padding-top: 0px;
    border-radius: 8px;
}

.characterSelect {
	cursor:pointer;
	display:inline-block;
	margin-top:8px;
}

img.img-fluid.characterSelect {
	width:40px;
	height:32px;
}

#character h1 {
	margin:0 0 30px 0;
}

#character ul {
	font-size:0.8em;
	line-height:1.6em;
	margin:1em 0 1em 1.25em;
	padding:0;
}

#characterCarousel {
	/*border-bottom:2px solid #776b9e;*/
	padding-bottom:4px;
}

/*#character .character-gif img:nth-child(1) {margin:8px auto 0 auto;}*/
.character-gif {
	text-align:center;
	margin-top: -2px;
    margin-bottom: 16px;
}
.character-gif video {
	max-width:100%;
    margin:8px auto;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
    /*box-shadow: 0 0 0 2px #170f39;*/
}

.character-name {
	text-align:center;
	margin-bottom:16px;
}

.character-name-heading {
    border-radius: 24px;
    background-color: #261c53;
	margin-top:4px;
	margin-bottom:16px;
}

	.character-col-0 {
		border-right: #925BFF 2px solid;
		border-left: #925BFF 2px solid; /*492D80*/
	}
	.character-col-1 {
		border-right: #F6561C 2px solid;
		border-left: #F6561C 2px solid; /*7B2B0E*/
	}
	.character-col-2 {
		border-right: #00B7EF 2px solid;
		border-left: #00B7EF 2px solid; /*005B77*/
	}
	.character-col-3 {
		border-right: #FF9DED 2px solid;
		border-left: #FF9DED 2px solid; /*804E76*/
	}
	.character-col-4 {
		border-right: #33CA22 2px solid;
		border-left: #33CA22 2px solid; /*196511*/
	}

.character-name h2 {
	text-transform:uppercase;
	padding-top:8px;
}

.character-name h3 {
	margin-top:-4px;
	padding-bottom:10px;
	font-size:1em;
}

.character-img {
	width: 100%;
    max-width: 350px;
	margin: 0 auto;
    border-radius: 50%;
    background-color: #4a3a7e;
}

.character-img img {
	width:100%;
    filter: drop-shadow(-32px 0px 0px #3f316d);
}

.character-img-light {
    background-color: #60528E;
}

.character-img-light img {
    filter: drop-shadow(-32px 0px 0px #534388);
}

.character-read {
	margin-top:20px;
    margin-bottom: 24px;
    font-size: 0.8em;
	text-align: center;
}

.character-read a {
	border-radius: 4px;
    box-shadow: 0 0 0 2px;
    padding: 4px 8px;
}

.character-intro {
	border-bottom: 2px #776b9e solid;
    padding-bottom: 16px;
}

.character-intro-full {
    margin-top: 16px;
	padding-top: 24px;
    border-top: 2px solid #776b9e;
}

.character-intro-full ul {
	padding-left: 16px;
}

.character-back-btn {
    font-size: 0.8em;
    text-align: center;
}

	.character-back-btn a {
		border-radius: 4px;
		box-shadow: 0 0 0 2px;
		width: 64px;
		height: 36px;
		display: block;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
	
	.character-back-tri{
		position: absolute;
		width: 0;
		height: 0;
		border-left: 16px solid transparent;
		border-right: 16px solid transparent;
		border-bottom: 16px solid #99ffff;
		top: 8px;
		left: 16px;
	}
	
	.character-back-rect{
		background-color: #99ffff;
		position: absolute;
		width: 32px;
		height: 2px;
		top: 24px;
		left: 16px;
	}

/*****COMMUNITY SECTION********/

#community {padding:30px 0 60px 0;}
#community h1 {text-align:center;margin:0 0 10px 0;}


/*****TEAM SECTION************/
#staff {
	color:#776b9e;
	padding:64px 0 64px 0;
	background-color:#FFF;
	/*background-image: url('./img/front-page/front-page-pattern.png');*/
	background-repeat: repeat-x;
	background-position: top;
    /*box-shadow: 0 0 0 8px #4a3a7e inset;*/
	position: relative;
}

#staff h1 {
	color:#3f316b;
	font-size: 3rem;
    margin-bottom: 30px;
    /*filter: drop-shadow(3px 3px 0px #cacaca); */
}

#staff h4 {
	color:#3f316b;
}

#staff-clairen {
	position:absolute;
	z-index:0;
	width:2000px;
	/*left:400px;*/
    transform: translateX(40px);
}

#contributors {
	margin-top:-20px;
	margin-bottom:40px;
}

.staff_body {
    width: 100%;
    height: 160px;
    margin-top: 32px;
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    line-height: 120%;
	
    box-shadow: 0 0px 1px 0 #776b9e;
    border-radius: 12px 4px 4px 12px;
	background-image: url("./img/front-page/staff-whitefade.png");
	background-repeat: no-repeat;
	background-size: 99% 100%;
}

.staff_body_wrap {
    float: left !important;
    margin: 0 auto;
}

#team h2 {
	text-align:center;
	font-size:2.5em;
	margin-bottom:18px;
}

.staff_picture {
	background: rgba(0,0,0,0.1);
    width: 160px;
    height: 160px;
    border-radius: 12px;
    overflow: visible;
}

.staff_picture img {
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	height:auto;
}

.staff_name {
	position: absolute;
	top: 16px;
	left: 180px;
	font-size:1.6em;
	font-weight:400;
	/*transition: all .5s;*/
	border-radius: 4px;
	margin-bottom:8px;
}

.staff_name a {
	color: #005C8F;
}

	.staff_name a:hover {
		color: #000;
	}
	
.staff_role {
	position: absolute;
    font-size: 16px;
    top: 48px;
    left: 180px;
    margin-right: 8px;
}

.staff_past {
    font-size: 11px;
    font-style: italic;
    margin-top: 8px;
}

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

.staff2_body {
    position: relative;
    height: 32px;
}

.staff2_left {
    font-size: 16px;
    position: relative;
    right: 51%;
    top: 0;
}

.staff2_left a {
	color: #005C8F; /*#0083DB;*/
    position: absolute;
    right: 0;
}

	.staff2_left a:hover {
		color: #000;
	}

.staff2_right {
    font-size: 12px;
    font-style: italic;
    position: relative;
    left: 51%;
    top: 1px;
}


/*******************************
/*********CHARACTER PAGE********
*******************************/

.character-name-full {text-align:center;}
.character-name-full h2 {margin-bottom:8px;text-transform:uppercase;}
.character-name-full h3 {margin-bottom:20px;font-size:1.1em;}
.character-name-full img {margin-bottom:20px;}

.special-moves {
	text-align:center;
	margin-top:40px;
	margin-bottom:20px;
}

.special-moves h2 {text-align:left;}

/*******************************
/***********ESPORTS PAGE********
*******************************/
body.page-template-esports {
	font-family: 'Orator Std Medium';
}

#esports-splash {
	min-height:656px;
	position:relative;
	background-image: url('./img/esports/esports-hero.png');
	background-size:auto 100%;
	background-position:center 0;
	overflow:hidden;
	background-color:#5a6a81;
	text-align:center;
}

.rcs-logo {margin:60px auto 0 auto;}

.splash-buttons {
	margin:55px auto 50px auto;
}

.splash-buttons a.button {
	display:inline-block;
	padding:6px 18px;
	border:1px solid white;
	width:192px;
	background-image: url('./img/esports/splash-button.png');
	color:white;
}

.d-md-none.splash-buttons a.button {display:block;margin:0 auto;}

.splash-buttons a.button.btn-special {
	background-image: url('./img/esports/splash-button-special.png');
}

#stage-voting, #compendium {
	position:relative;
	padding:30px 0;
	background-image: url('./img/esports/rcs-pattern.png');
	z-index:1;
}

#schedule, #resources {
	padding:30px 0;
	background-color:#ffffff;
	color:#272727;
	z-index:0;
}

#champ-kragg {
	position:absolute;
	top:-110px;
	left:-600px;
	z-index:0;
}

#champ-wrastor {
	position:absolute;
	top:-10px;
	right:-600px;
	z-index:0;
}

#schedule .media {
	background-color: #e4f0f1;
    border-radius: 0 3px 3px 0;
	color:black;
}

h2 {margin-bottom:30px;}

.starter-stages img {max-width:184px;}
.starter-stages a {width:17%;}


/*******************************
/***********RIVALS COMMUNITY AWARDS SHOW PAGE********
*******************************/

/*.awards-box:hover {margin-top:-6px;}
.clickToggler {transition:0.3s;}*/
.submitbtn {
	background-color:#f6f63c;
	color:#261d44;
	font-family:inherit;
	font-size:14px;
	cursor:pointer;
	border:0;
	outline-color:#f6f63c;
	font-weight:500;
	outline:0;
	text-decoration:none;
	width:100px;
	border-radius:2px;
	height:auto;
	box-shadow:none;
	line-height:1.45em;
	text-align:center;
}

.submitbtn:hover {background-color:#fff;}

.nominateButton:focus {outline-color:#f6f63c;}
.buttonHidden {display:none;}

.nominee-text-field {
	z-index:10;
	width:75%;
	color:#fcff61;
	font-size:16px;
	font-family:inherit;
	font-weight:400;
	cursor:pointer;
	transform: translateY(30px);
	border-bottom-color:#fcff61;
	border-bottom-width:1px;
	border-bottom-style:solid;
	transition: 0.5s linear;
	display:block;
	line-height:20px;
	background: transparent;
	border-right:0;
	border-left:0;
	border-top:0;
	outline:none;
	
}

.nominee-text-field::placeholder {color:#fcff61;opacity:1;}
.nominee-text-field:focus-within {outline:none;}

/*.formAnimate:focus {
	transform-origin:middle;
	animation:blind-in 1s;
	-webkit-animation: blind-in 1s;
	border-bottom-width:2px;
	border-bottom-color:#fcff61;
	border-bottom-style:solid;
	transition:0.5 linear;
}*/

@-webkit-keyframes blind-in {
      0% { transform: scaleX(0); }
    100% { transform: scaleX(0.7); }
}

@keyframes blind-in {
      0% { transform: scaleX(0); }
    100% { transform: scaleX(0.7); }
}


/*******************************
/***********SUPPORT PAGE********
*******************************/

.dwkb-category-box {
	padding:5px 10px;
	border-radius:3px;
	background-color:#5c4d8d;
}

/* SUPPORT PAGE PAGINATION */
.nav-links {
	margin-top:10px;
}

nav.pagination h2.screen-reader-text {
	display:none;
}

.nav-links .page-numbers {
	padding:4px 14px;
	border-top:2px solid #34246b;
	border-right:2px solid #34246b;
	border-bottom:2px solid #34246b;
	border-left:2px solid #34246b;
	margin-right:0;
	margin-left:0;
}

a.page-numbers:hover {background-color:#34246b;}


/*******************************
/***********STORE PAGE**********
*******************************/

/*https://www.sitepoint.com/how-to-build-your-own-progressive-image-loader/*/

.store-upper {
	margin-bottom:40px;
}

.btn-secondary.is-checked {
    color: #fff;
    background-color: #261c53;
    border-color: #160e38;
}

select {
	border-radius:0.25rem;
	font-size:1px solid transparent;
	line-height:1.5;
	display:inline-block;
	font-weight:400;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	padding:0.375rem 0.75rem;
	width:145px;
}

.grid-item {
	/*margin-bottom:1.5rem;*/
	margin-bottom:0;
	text-align: left;
}

.grid-item img {
	text-align:center;
	margin-bottom:10px;
	
}

.grid-item img:hover {cursor:default;}

/*progressive image load*/
a.progressive {
	position:relative;
	display:block;
	padding: 100% 0 0 0;
	margin-bottom:10px;
	overflow:hidden;
	outline:none;
}

a.progressive:not(.replace) {
  cursor: default;
}

a.progressive img {
    border-radius: 20px;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	max-width:none;
	height:auto;
	border:0 none;
	cursor:pointer;
}

a.progressive img.preview {
  filter: blur(2vw);
  transform: scale(1.05);
}

a.progressive img.reveal {
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform, opacity;
  animation: reveal 1s ease-out;
}

.store-frame {
    border-radius: 0 !important;
	z-index:1;
}

@keyframes reveal {
  0% {transform: scale(1.05); opacity: 0;}
  100% {transform: scale(1); opacity: 1;}
}


.grid-item > .price {margin: -2px 0 5px 0;}
.grid-item > .description {
	height:8rem;
	overflow:hidden;
	text-align:left;
}

.name {
	font-size:1.3em;
	margin-bottom: 0.2rem;
}
.released {}

.store-filter, .store-sort {display:inline-block;}

.store-filter{
	margin-right:24px;
}

.filters-button-group {
	margin-right:24px;
}

.available a {color:#155724;font-size:0.9rem;}
.available {
	display:inline-block;
	background-color:#d4edda;
	padding:0 8px;
	border-radius:2px;
	margin:0.5rem 0 0.3rem 0;
	border:1px solid #c3e6cb;
}

.unavailable {
	display:inline-block;
	background-color:#f8d7da;
	color:#721c24;
	padding:0 8px;
	border-radius:2px;
	margin:0.5rem 0 0.3rem 0;
	border:1px solid #f5c6cb;
	font-size:0.9rem;
}

.no-price {display:none;}

/**************************
********PRESS PAGE*********
**************************/

.press section {margin-bottom:30px;}
.press h2 {
	font-size:2.3rem;
	padding-bottom:4px;
	/* border-bottom:1px solid #c6bee3; */
}

.press .d-md-block .img-fluid {}

h2.contact {line-height:1.8em;}

#sidebar-press-kit {
	border-right:4px solid #35256b;
	padding-right:32px;
}

#sidebar-press-kit h5 {
	margin-top:10px;
	margin-bottom:0px;
}

#main-press-kit {
	padding-left:32px;
}

a.image-kits {
	display:block;
	transition: 0.1s all;
}
a.image-kits h5 {color:#fff;}

a.image-kits:hover {
	/*animation: bump 1s ease-out;*/
	transform: scale(1.02);
}

@keyframes bump {
  0% {transform: scale(1.03); opacity: 1;}
  100% {transform: scale(1); opacity: 1;}
}

ul.press-quote {list-style-type:none;}

ul.press-quote li {
	background-color:#5c4d8d;
	margin-bottom:20px;
	padding:10px;
	border-radius:4px;
}

a.progressive-16x9 {
	padding:56.25% 0 0 0;
	margin-bottom: 28px;
	overflow:hidden;
	border-radius: 2px;
}
a.progressive-16x9 img {
	border-radius: 2px;
}

/*********************
******FEEDBACK********
*********************/

.idea-vote-container {
	padding: 9px 0 !important;
}

.fa-thumbs-o-up, .fa-thumbs-o-down {
    margin: 4px !important;
    margin-top: 8px !important;
}

.ideapush-search-input {
	border-radius: 4px;
}

.create-idea-form-reveal-reveal {
	color:#261C53 !important;
	animation: fade 0.5s ease-in;
}

@keyframes fade {
  0% {color: #fff;}
  100% {color: #261C53}
}

.ui-dialog-content {
	text-align:center;
}

.idea-image-preview {
	float:left;
	width:64px;
	height:64px;
	margin-top:5px;
	margin-right:10px;
	overflow: hidden;
}

.idea-image-preview img {
	
}

.inner-dialog-box {
	background-color:#170f39;
}

.inner-dialog-box > nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover {background-color:#fff;}



/*Disable profile image uploading to feedback form if desired:
input.ideapush-user-profile-attachment, label.ideapush-user-profile-attachment-label {
	display:none;
}*/

.ideapush-idea-filter {
	display:none !important;
}

.ideapush-dialog .ui-button, .ideapush-dialog .ui-button:hover, .ideapush-dialog .ui-button:focus {
	background:#4a3a7e!important;
	border-color:#4a3a7e!important;
}

.ideapush-idea-search {
	margin-bottom: 24px;
}

/*********************
*TOP 50 CUSTOM CSS****
*********************/

.top50vid {
	position:absolute;
	bottom:1px;
	right:1px;
	width:424px;
	height:238.5px;
}

.top50vid6 {
	z-index:1;
	position:absolute;
	top:31%;
	left:50.8%;
	width:37%;
	height:37%;
	/*width:378px;
	height:213px;*/
}

.top50vid7 {
	/*z-index:1;*/
	position:absolute;
	bottom:2.7%;
	left:4.3%;
	width:41.2%;
	height:41.2%;
	/*width:378px;
	height:213px;*/
}

.tag-full-width .top50vid {
	width:278px;
	height:156px;
}


/**********************
*STEAM WORKSHOP MANUAL*
**********************/

.is-search-input {
	width:100%;
	padding:0 5px;
	height:2.5em;
	font-size:16px;
}

/*div .is-ajax-search-result {
	width:100%;
	max-width:1010px;
}*/

.is-form-style input.is-search-input {
	font-size:16px !important;
}

.is-ajax-search label {display:inline !important;}

.important {
	margin:30px 0;
	border:3px solid #776b9e;
	border-radius:10px;
	padding:12px 24px;
}

h3.manual {
	padding-bottom:10px;
	border-bottom:2px solid #776b9e;
	margin-top:40px;
	margin-bottom:20px;
}

.code-line {
    background-color: #34246b;
    border-radius: 5px;
    padding: 2px;
    white-space: nowrap;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.type {
    color: #c3e88d;
}

.function {
    color: #c792ea;
}

.variable {
    color: #ffcb6b;
}

.macro {
    color: #f78c6b;
}

code {
    background-color: #34246b;
    padding: 15px;
    display: block;
    color: #fff;
    line-height: 1.4em;
    border-radius: 10px;
}

code .comment, .code-line .comment {color: #776b9e;}

.code-table {
    width: 100%;
    margin: 30px 0;
    border: none;
    border-color: #34246b;
}

.code-table th {
    padding: 10px;
    background-color: #34246b;
    text-align: left;
    font-weight: normal;
    min-width: 100px;
}

.code-table td {
    padding: 5px 10px;
}

.su-column-size-1-2 {
    width: 48%;
}

.su-column {
    display: block;
    margin: 0 4% 0 0;
    float: left;
    box-sizing: border-box;
}

[class*=su-column]+[class*=su-column]:last-child {
    float: right;
}

[class*="su-column"] + [class*="su-column"]:last-child {
    margin-right: 0;
}

.su-column code {
    font-size: 100%;
}

.su-column-inner>*:first-child, .su-accordion>*:first-child, .su-spoiler-content>*:first-child, .su-service-content>*:first-child, .su-box-content>*:first-child, .su-note-inner>*:first-child, .su-expand-content>*:first-child, .su-lightbox-content>*:first-child {
    margin-top: 0;
}

.su-column-inner>*:last-child, .su-tabs-pane>*:last-child, .su-accordion>*:last-child, .su-spoiler-content>*:last-child, .su-service-content>*:last-child, .su-box-content>*:last-child, .su-note-inner>*:last-child, .su-expand-content>*:last-child, .su-lightbox-content>*:last-child {
    margin-bottom: 0;
}

code .tab {margin-left:25px;}

#nav-toggler-block {display:none;}

.color-square {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 5px;
}

.color-square.color1 {
    background-color: #59946c;
}

.color-square.color2 {
    background-color: #336634;
}

.color-square.color3 {
    background-color: #204021;
}

/*.documentation-search-form input {width:100%;}*/

/*********************
********FOOTER********
*********************/

footer {
	text-align: center;
    padding: 40px 0;
    height: 420px;
	color:#fff;
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: fixed;
}

.footer-bg {
	background: url(https://www.rivalsofaether.com/wp-content/themes/dashATKdashBCK-v12/img/front-page/stage-fire-tile.png?v=5);
	background-color: #261C53;
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    background-position: bottom;
    z-index: -1;
}

.copyright-date {margin-bottom:5px;}

footer .social-icons {margin-bottom:35px;}

footer .mr-3 {margin-right:4px!important;}

/*.box-me {
	border:2px solid #5c4d8d;
	padding:2px 8px;
	border-radius:4px;
}

a.box-me:hover {background:#5c4d8d;}*/

/*********************
********EXTRAS********
*********************/

/* Reddit card embed styling */
.reddit-post {background-color:#FFF;}


/*********************
****Media Queries*****
*****LARGER than*****/


/* Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.fp-btn-links{
		margin: 20px 0 20px 0;
	}

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	
	/**font scaling for single line stuff that breaks layouts**/
	.p-vw {font-size:1.1vw;}
	.cookieMobile {display:none;}
	
	.character-name {text-align:center;}
	
	.home-single-post {
		max-width:24%;
	}
	
	.home-single-post:nth-child(1), .home-single-post:nth-child(2), .home-single-post:nth-child(3) {
	margin-right:1.33%;
}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.fp-btn-links{
		margin: 20px 0 70px 0;
	}
	#upper-bg1 {
		left:-340px;
	}
	#home-upper-section {
		margin-top:0;
	}
	
	/*.character-name {text-align:right;}*/
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	#upper-bg1 {
	left: -440px;
	}
}

/*********************
****Media Queries*****
*****SMALLER than****/


/* Large devices (desktops, less than 1440px)*/
@media (max-width: 1439.98px) {
	#news-ranno, #news-maypul, #news-ranno-tongue, #champ-kragg, #champ-wrastor {display:none;}
	
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	.character-name img{
		max-width: 300px;
	}

	.intro-image {margin-top:12px;}
	
	.character-img {
		max-width: 300px;
	}
	
	.page-numbers { 
		padding:4px 8px; /*pagination*/
	}
	
	#characterSelect{
		width: 100%;
		max-width: 100%;
		margin-bottom:36px;
	}
	
	.top-bar-right {display:none;}
	
	.top50vid {
		width:349px;
		height:197px;	
	} 
	
	.top50vid6 {
		width:37%;
		height:37%;
		/*width:311px;
		height:175px;*/
	}
	
	.tag-full-width .top50vid {
		width:229px;
		height:129px
	}
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	#menu-main-nav li:first-child a, #menu-jp-nav li:first-child a  {
		display:none;
	}
	
	.intro-image{
		display:none;
	}
	
	.intro-image-m{
		display:block;
	}
	
	.home-single-post h3{
		height: 3.5em;
		font-size: 1em;
	}
	
	.home-link
	
	.roa-logo-container {
		max-width:500px;
	}
	
	#fp-header-text {
		font-size:16px;
	}
	#upper-bg1 {
		left:0px;
		top:150px;
	}
	/*#home-upper-section {
		margin-top:60px;
	}*/
	
	.character-top{
		border: 0;
		padding: 0;
	}

	.characterSelectLarge {
		display:none;
	}
	
	.character-name{
		padding-bottom: 8px;
		/*border-bottom: 2px #776b9e solid;*/
	}
	
	.character-name-heading {
	}
	.character-name img{
		max-width:100%;
	}

	.character-img {
		max-width: 350px;
	}
	
	.character-gif {
		margin:15px 0;
	}
	
	#characterCarousel {
		border: 0;
	}
	
	/*
	.character-name h3 {margin-bottom:12px;}
	*/
	
	/*
	.staff_name {
		font-size:1.2em;
		width: 200px;
	}
	*/
	
	/*.main-content {margin-top:60px;}*/
	
	#page-content {
		padding: 40px 20px;
	}
	
	.sidebar-column {
		border-left:none;
		border-top:4px solid #34246b;
		padding-top:12px;
		margin-top:40px;
	}	
	
	.top50vid, .tag-full-width .top50vid {
	width:282px;
	height:159px;
	}
	
	.top50vid6 {
		width:37%;
		height:37%;
	/*width:252px;
	height:142px;*/
	}

 }

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.awards-box {margin-bottom:15px;}
	
	.fp-video-thumb {
		width: 90px;
		height: 45px;
	}

	.fp-video-thumb-small {
		width: 70px;
		height: 35px;
	}
	
	.fp-video-play-btn {
		width: 100%;
		height: 100%;
		background-size:20px 20px;
	}
	
	.home-recent-posts-buttons {
		padding-top:25px;
		padding-left:0;

	}
	.home-single-post {
		border-right:none;
		border-top:4px solid #FFF;
	}
	.home-single-post:last-child {
		border-right:none;
	}
	.home-single-post:first-child {
		border-top:none;
	}
	.home-single-post h3{
		height: 1.25em;
		margin-top: 16px;
		font-size: 1.125em;
	}
	
	.filters-button-group {
		display:none;
	}
	
	.p-vw {font-size:16px;}

	.character-top {
	}
	
	img.img-fluid.characterSelect {
		position: absolute;
		margin-top: 6px;
		top: 50%;
		transform: translateY(-50%);
	}
	
	/*
	.character-name h2 {
		margin-top:12px;
	}
	*/
	
	.characterSelectLarge {
		display:none;
	}
	
	.character-gif {
		margin-bottom:10px;
	}
	.character-gif img {
		max-width: 80%;
	}
	
	#sidebar-press-kit {
		border-right:none;
		margin-bottom:25px;
	}
	
	.staff_name {
		font-size:1.3em;
	}

	#sidebar-press-kit {
		padding-right:15px;
	}
	#main-press-kit {
		padding-left:15px;
	}
	
	ul.press-quote {padding-left:0;}
	
	.cookieDesktop {display:none;}
	
	.page-numbers { 
		padding:4px 4px; /*pagination*/
	}
	
	.top50vid, .tag-full-width .top50vid {
	width:41.4%;
	height:41.4%;
	}
	
	.top50vid6 {
	width:37%;
	height:37%;
	}
	
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.about-bg {
		background-size: auto 135px;
	}
	
	.fp-btn-links{
		margin: 10px 0 10px 0;
	}

	.fp-header-btn {
		width: 140px;
		height: 37px;
		background-size: 140px 37px;
	}
	.store-filter {margin-bottom:5px;}
	
	.home-single-post h3{
		font-size: 1em;
	}
	
	#characterSelect div.col-2 {padding:0;}
	.character-name-full {text-align:left;}
	
	.staff_name {
		font-size:1.1em;
		top:16px;
	}
	
	.staff_role {
		font-size:0.7em;
		line-height: 120%;
	}
	
	.main-content {
		padding-top:0;
	}
	
	.page-title {
		border-radius: 0;
	}
	
	#page-content {
		padding: 20px;
		padding-top: 40px;
		margin-top: 0;
		border-radius: 0;
	}
	
	.store-upper .float-right {float:none !important; margin-top:20px;}
}

/* Extra large devices (large desktops)
 No media query since the extra-large breakpoint has no upper bound on its width*/

a.a2a_dd  {color:rgba(153,255,255,0.8);}
a.a2a_dd:hover {color:rgba(153,255,255,1);}

iframe {max-width:100%;}

.modal-content {
	background-color:#261C53;
	margin-top:33%;
}