/*
Theme Name: Clean
Theme URI: http://underscores.me/
Author: Automattic
Author URI: http://automattic.com/
Description: Hi. I'm a starter theme called Clean, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Clean
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Clean is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
5.1 Links
5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
10.1 Posts and pages
10.2 Asides
10.3 Comments
11.0 Infinite scroll
12.0 Media
12.1 Captions
12.2 Galleries
--------------------------------------------------------------*/
/* Variables */
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline; }
html {
font-size: 62.5%;
/* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-y: scroll;
/* Keeps page centered in all browsers regardless of content height */
-webkit-text-size-adjust: 100%;
/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%;
/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }
*,
*:before,
*:after {
/* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
body {
background: #000;
/* Fallback for when there is no custom background color defined. */ }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block; }
ol, ul {
list-style: none; }
table {
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0; }
caption, th, td {
font-weight: normal;
text-align: left; }
blockquote:before, blockquote:after,
q:before, q:after {
content: ""; }
blockquote, q {
quotes: "" ""; }
a:focus {
outline: thin dotted; }
a:hover,
a:active {
outline: 0; }
a img {
border: 0; }
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
/*!
TYPEPLATE
URL ........... http://typeplate.com
VERSION ....... 1.1.4
Github ........ https://github.com/typeplate/bower
AUTHORS ....... Dennis Gaebel (@gryghostvisuals) & Zachary Kain (@zakkain)
LICENSE ....... Creative Commmons Attribution 3.0 (http://creativecommons.org/licenses/by/3.0)
LICENSE URL ... https://github.com/typeplate/bower/blob/master/license.txt
*/
@font-face {
font-family: "Ampersand";
src: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua");
unicode-range: U+0026; }
@font-face {
font-family: "Ampersand";
src: local("Georgia");
unicode-range: U+270C; }
body {
word-wrap: break-word; }
pre code {
word-wrap: normal; }
/**
* Dropcap Sass @include
* Use the following Sass @include with any selector you feel necessary.
*
@include dropcap($dropcap-float-position, $dropcap-font-size, $dropcap-font-family, $dropcap-txt-indent, $dropcap-margin, $dropcap-padding, $dropcap-color, $dropcap-line-height, $dropcap-bg);
*
* Extend this object into your custom stylesheet. Let the variables do the work.
*
*/
html {
font: normal 112.5%/1.65 sans-serif; }
body {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none;
color: #575757; }
small {
font-size: 65%; }
h1, h2, h3, h4, h5, h6 {
text-rendering: optimizeLegibility;
line-height: 1;
margin-top: 0; }
.tera {
font-size: 117px;
font-size: 6.5 rem;
margin-bottom: 4.56923px;
margin-bottom: 0.25385rem;
font-family: "Roboto", sans-serif;
font-weight: 700; }
.tera a {
text-decoration: none; }
.giga {
font-size: 90px;
font-size: 5 rem;
margin-bottom: 5.94px;
margin-bottom: 0.33rem;
font-family: "Roboto", sans-serif;
font-weight: 700; }
.giga a {
text-decoration: none; }
.mega {
font-size: 72px;
font-size: 4 rem;
margin-bottom: 7.425px;
margin-bottom: 0.4125rem;
font-family: "Roboto", sans-serif;
font-weight: 700; }
.mega a {
text-decoration: none; }
.alpha, h1 {
font-size: 60px;
font-size: 3.33333 rem;
margin-bottom: 8.91px;
margin-bottom: 0.495rem;
font-family: "Roboto", sans-serif;
font-weight: 700; }
.alpha a, h1 a {
text-decoration: none; }
.beta, h2 {
font-size: 48px;
font-size: 2.66667 rem;
margin-bottom: 11.1375px;
margin-bottom: 0.61875rem;
font-family: "Roboto", sans-serif;
font-weight: 700; }
.beta a, h2 a {
text-decoration: none; }
.gamma, h3 {
font-size: 36px;
font-size: 2 rem;
margin-bottom: 14.85px;
margin-bottom: 0.825rem;
font-family: "Roboto", sans-serif;
font-weight: 700; }
.gamma a, h3 a {
text-decoration: none; }
.delta, h4 {
font-size: 24px;
font-size: 1.33333 rem;
margin-bottom: 22.275px;
margin-bottom: 1.2375rem;
font-family: "Roboto", sans-serif;
font-weight: 700; }
.delta a, h4 a {
text-decoration: none; }
.epsilon, h5 {
font-size: 21px;
font-size: 1.16667 rem;
margin-bottom: 25.45714px;
margin-bottom: 1.41429rem;
font-family: "Roboto", sans-serif;
font-weight: 700; }
.epsilon a, h5 a {
text-decoration: none; }
.zeta, h6 {
font-size: 18px;
font-size: 1 rem;
margin-bottom: 29.7px;
margin-bottom: 1.65rem;
font-family: "Roboto", sans-serif;
font-weight: 700; }
.zeta a, h6 a {
text-decoration: none; }
p {
margin: auto auto 1.5em; }
abbr,
acronym,
blockquote,
code,
dir,
kbd,
listing,
plaintext,
q,
samp,
tt,
var,
xmp {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none; }
pre code {
white-space: -moz-pre-wrap;
white-space: pre-wrap; }
pre {
white-space: pre; }
code {
white-space: pre;
font-family: monospace; }
/**
* Abbreviations Markup
*
HMTL
*
* Extend this object into your markup.
*
*/
abbr {
font-variant: small-caps;
font-weight: 600;
text-transform: lowercase;
color: gray; }
abbr[title]:hover {
cursor: help; }
h1,
h2,
h3,
h4,
h5,
h6 {
color: #222; }
p + .drop-cap {
text-indent: 0;
margin-top: 0; }
.drop-cap:first-letter {
float: left;
margin: inherit;
padding: inherit;
font-size: 4em;
font-family: inherit;
line-height: 1;
text-indent: 0;
background: transparent;
color: inherit; }
/**
* Lining Definition Style Markup
*
*
* Extend this object into your markup.
*
*/
.lining dt,
.lining dd {
display: inline;
margin: 0; }
.lining dt + dt:before,
.lining dd + dt:before {
content: "A";
white-space: pre; }
.lining dd + dd:before {
content: ", "; }
.lining dd:before {
content: ": ";
margin-left: -0.2rem; }
/**
* Dictionary Definition Style Markup
*
*
* Extend this object into your markup.
*
*/
.dictionary-style dt {
display: inline;
counter-reset: definitions; }
.dictionary-style dt + dt:before {
content: ", ";
margin-left: -0.2rem; }
.dictionary-style dd {
display: block;
counter-increment: definitions; }
.dictionary-style dd:before {
content: counter(definitions, decimal) ". "; }
/**
* Blockquote Markup
*
*
* Extend this object into your markup.
*
*/
/**
* Pull Quotes Markup
*
*
* Extend this object into your custom stylesheet.
*
*/
.pull-quote {
position: relative;
padding: 1 em; }
.pull-quote:before, .pull-quote:after {
height: 1 em;
opacity: 0.5;
position: absolute;
font-size: 4em;
color: #dc976e; }
.pull-quote:before {
content: '?';
top: 0;
left: 0; }
.pull-quote:after {
content: '?';
bottom: 0;
right: 0; }
/**
* Figures Markup
*
Fig. 4.2 | Type Anatomy, an excerpt from Mark Boulton's book"Designing for the Web"
*
* Extend this object into your markup.
*
*/
/**
* Footnote Markup : Replace 'X' with your unique number for each footnote
*
*
* Extend this object into your markup.
*
*/
h3 {
margin-bottom: 36px; }
.site-title {
margin-top: 1em;
font-size: 2rem; }
.site-title a, .site-title a:visited {
color: #ff4646; }
.site-title a:hover {
color: #ff6060; }
.entry-title {
color: #333; }
.site-description {
color: #fff;
margin-bottom: 1.5em; }
.widget-title {
font-size: 1.33333rem;
color: #575757; }
.entry-meta, .site-description {
font-size: 1rem;
font-weight: 300;
font-family: "Roboto", sans-serif; }
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
font-weight: normal;
font-style: normal; }
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-fw {
width: 1.28571429em;
text-align: center; }
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none; }
.fa-ul > li {
position: relative; }
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center; }
.fa-li.fa-lg {
left: -1.85714286em; }
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right {
margin-left: .3em; }
/* Deprecated as of 4.4.0 */
.pull-right {
float: right; }
.pull-left {
float: left; }
.fa.pull-left {
margin-right: .3em; }
.fa.pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none; }
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #ffffff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000"; }
.fa-music:before {
content: "\f001"; }
.fa-search:before {
content: "\f002"; }
.fa-envelope-o:before {
content: "\f003"; }
.fa-heart:before {
content: "\f004"; }
.fa-star:before {
content: "\f005"; }
.fa-star-o:before {
content: "\f006"; }
.fa-user:before {
content: "\f007"; }
.fa-film:before {
content: "\f008"; }
.fa-th-large:before {
content: "\f009"; }
.fa-th:before {
content: "\f00a"; }
.fa-th-list:before {
content: "\f00b"; }
.fa-check:before {
content: "\f00c"; }
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d"; }
.fa-search-plus:before {
content: "\f00e"; }
.fa-search-minus:before {
content: "\f010"; }
.fa-power-off:before {
content: "\f011"; }
.fa-signal:before {
content: "\f012"; }
.fa-gear:before,
.fa-cog:before {
content: "\f013"; }
.fa-trash-o:before {
content: "\f014"; }
.fa-home:before {
content: "\f015"; }
.fa-file-o:before {
content: "\f016"; }
.fa-clock-o:before {
content: "\f017"; }
.fa-road:before {
content: "\f018"; }
.fa-download:before {
content: "\f019"; }
.fa-arrow-circle-o-down:before {
content: "\f01a"; }
.fa-arrow-circle-o-up:before {
content: "\f01b"; }
.fa-inbox:before {
content: "\f01c"; }
.fa-play-circle-o:before {
content: "\f01d"; }
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e"; }
.fa-refresh:before {
content: "\f021"; }
.fa-list-alt:before {
content: "\f022"; }
.fa-lock:before {
content: "\f023"; }
.fa-flag:before {
content: "\f024"; }
.fa-headphones:before {
content: "\f025"; }
.fa-volume-off:before {
content: "\f026"; }
.fa-volume-down:before {
content: "\f027"; }
.fa-volume-up:before {
content: "\f028"; }
.fa-qrcode:before {
content: "\f029"; }
.fa-barcode:before {
content: "\f02a"; }
.fa-tag:before {
content: "\f02b"; }
.fa-tags:before {
content: "\f02c"; }
.fa-book:before {
content: "\f02d"; }
.fa-bookmark:before {
content: "\f02e"; }
.fa-print:before {
content: "\f02f"; }
.fa-camera:before {
content: "\f030"; }
.fa-font:before {
content: "\f031"; }
.fa-bold:before {
content: "\f032"; }
.fa-italic:before {
content: "\f033"; }
.fa-text-height:before {
content: "\f034"; }
.fa-text-width:before {
content: "\f035"; }
.fa-align-left:before {
content: "\f036"; }
.fa-align-center:before {
content: "\f037"; }
.fa-align-right:before {
content: "\f038"; }
.fa-align-justify:before {
content: "\f039"; }
.fa-list:before {
content: "\f03a"; }
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b"; }
.fa-indent:before {
content: "\f03c"; }
.fa-video-camera:before {
content: "\f03d"; }
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e"; }
.fa-pencil:before {
content: "\f040"; }
.fa-map-marker:before {
content: "\f041"; }
.fa-adjust:before {
content: "\f042"; }
.fa-tint:before {
content: "\f043"; }
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044"; }
.fa-share-square-o:before {
content: "\f045"; }
.fa-check-square-o:before {
content: "\f046"; }
.fa-arrows:before {
content: "\f047"; }
.fa-step-backward:before {
content: "\f048"; }
.fa-fast-backward:before {
content: "\f049"; }
.fa-backward:before {
content: "\f04a"; }
.fa-play:before {
content: "\f04b"; }
.fa-pause:before {
content: "\f04c"; }
.fa-stop:before {
content: "\f04d"; }
.fa-forward:before {
content: "\f04e"; }
.fa-fast-forward:before {
content: "\f050"; }
.fa-step-forward:before {
content: "\f051"; }
.fa-eject:before {
content: "\f052"; }
.fa-chevron-left:before {
content: "\f053"; }
.fa-chevron-right:before {
content: "\f054"; }
.fa-plus-circle:before {
content: "\f055"; }
.fa-minus-circle:before {
content: "\f056"; }
.fa-times-circle:before {
content: "\f057"; }
.fa-check-circle:before {
content: "\f058"; }
.fa-question-circle:before {
content: "\f059"; }
.fa-info-circle:before {
content: "\f05a"; }
.fa-crosshairs:before {
content: "\f05b"; }
.fa-times-circle-o:before {
content: "\f05c"; }
.fa-check-circle-o:before {
content: "\f05d"; }
.fa-ban:before {
content: "\f05e"; }
.fa-arrow-left:before {
content: "\f060"; }
.fa-arrow-right:before {
content: "\f061"; }
.fa-arrow-up:before {
content: "\f062"; }
.fa-arrow-down:before {
content: "\f063"; }
.fa-mail-forward:before,
.fa-share:before {
content: "\f064"; }
.fa-expand:before {
content: "\f065"; }
.fa-compress:before {
content: "\f066"; }
.fa-plus:before {
content: "\f067"; }
.fa-minus:before {
content: "\f068"; }
.fa-asterisk:before {
content: "\f069"; }
.fa-exclamation-circle:before {
content: "\f06a"; }
.fa-gift:before {
content: "\f06b"; }
.fa-leaf:before {
content: "\f06c"; }
.fa-fire:before {
content: "\f06d"; }
.fa-eye:before {
content: "\f06e"; }
.fa-eye-slash:before {
content: "\f070"; }
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071"; }
.fa-plane:before {
content: "\f072"; }
.fa-calendar:before {
content: "\f073"; }
.fa-random:before {
content: "\f074"; }
.fa-comment:before {
content: "\f075"; }
.fa-magnet:before {
content: "\f076"; }
.fa-chevron-up:before {
content: "\f077"; }
.fa-chevron-down:before {
content: "\f078"; }
.fa-retweet:before {
content: "\f079"; }
.fa-shopping-cart:before {
content: "\f07a"; }
.fa-folder:before {
content: "\f07b"; }
.fa-folder-open:before {
content: "\f07c"; }
.fa-arrows-v:before {
content: "\f07d"; }
.fa-arrows-h:before {
content: "\f07e"; }
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080"; }
.fa-twitter-square:before {
content: "\f081"; }
.fa-facebook-square:before {
content: "\f082"; }
.fa-camera-retro:before {
content: "\f083"; }
.fa-key:before {
content: "\f084"; }
.fa-gears:before,
.fa-cogs:before {
content: "\f085"; }
.fa-comments:before {
content: "\f086"; }
.fa-thumbs-o-up:before {
content: "\f087"; }
.fa-thumbs-o-down:before {
content: "\f088"; }
.fa-star-half:before {
content: "\f089"; }
.fa-heart-o:before {
content: "\f08a"; }
.fa-sign-out:before {
content: "\f08b"; }
.fa-linkedin-square:before {
content: "\f08c"; }
.fa-thumb-tack:before {
content: "\f08d"; }
.fa-external-link:before {
content: "\f08e"; }
.fa-sign-in:before {
content: "\f090"; }
.fa-trophy:before {
content: "\f091"; }
.fa-github-square:before {
content: "\f092"; }
.fa-upload:before {
content: "\f093"; }
.fa-lemon-o:before {
content: "\f094"; }
.fa-phone:before {
content: "\f095"; }
.fa-square-o:before {
content: "\f096"; }
.fa-bookmark-o:before {
content: "\f097"; }
.fa-phone-square:before {
content: "\f098"; }
.fa-twitter:before {
content: "\f099"; }
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a"; }
.fa-github:before {
content: "\f09b"; }
.fa-unlock:before {
content: "\f09c"; }
.fa-credit-card:before {
content: "\f09d"; }
.fa-feed:before,
.fa-rss:before {
content: "\f09e"; }
.fa-hdd-o:before {
content: "\f0a0"; }
.fa-bullhorn:before {
content: "\f0a1"; }
.fa-bell:before {
content: "\f0f3"; }
.fa-certificate:before {
content: "\f0a3"; }
.fa-hand-o-right:before {
content: "\f0a4"; }
.fa-hand-o-left:before {
content: "\f0a5"; }
.fa-hand-o-up:before {
content: "\f0a6"; }
.fa-hand-o-down:before {
content: "\f0a7"; }
.fa-arrow-circle-left:before {
content: "\f0a8"; }
.fa-arrow-circle-right:before {
content: "\f0a9"; }
.fa-arrow-circle-up:before {
content: "\f0aa"; }
.fa-arrow-circle-down:before {
content: "\f0ab"; }
.fa-globe:before {
content: "\f0ac"; }
.fa-wrench:before {
content: "\f0ad"; }
.fa-tasks:before {
content: "\f0ae"; }
.fa-filter:before {
content: "\f0b0"; }
.fa-briefcase:before {
content: "\f0b1"; }
.fa-arrows-alt:before {
content: "\f0b2"; }
.fa-group:before,
.fa-users:before {
content: "\f0c0"; }
.fa-chain:before,
.fa-link:before {
content: "\f0c1"; }
.fa-cloud:before {
content: "\f0c2"; }
.fa-flask:before {
content: "\f0c3"; }
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4"; }
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5"; }
.fa-paperclip:before {
content: "\f0c6"; }
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7"; }
.fa-square:before {
content: "\f0c8"; }
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9"; }
.fa-list-ul:before {
content: "\f0ca"; }
.fa-list-ol:before {
content: "\f0cb"; }
.fa-strikethrough:before {
content: "\f0cc"; }
.fa-underline:before {
content: "\f0cd"; }
.fa-table:before {
content: "\f0ce"; }
.fa-magic:before {
content: "\f0d0"; }
.fa-truck:before {
content: "\f0d1"; }
.fa-pinterest:before {
content: "\f0d2"; }
.fa-pinterest-square:before {
content: "\f0d3"; }
.fa-google-plus-square:before {
content: "\f0d4"; }
.fa-google-plus:before {
content: "\f0d5"; }
.fa-money:before {
content: "\f0d6"; }
.fa-caret-down:before {
content: "\f0d7"; }
.fa-caret-up:before {
content: "\f0d8"; }
.fa-caret-left:before {
content: "\f0d9"; }
.fa-caret-right:before {
content: "\f0da"; }
.fa-columns:before {
content: "\f0db"; }
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc"; }
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd"; }
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de"; }
.fa-envelope:before {
content: "\f0e0"; }
.fa-linkedin:before {
content: "\f0e1"; }
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2"; }
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3"; }
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4"; }
.fa-comment-o:before {
content: "\f0e5"; }
.fa-comments-o:before {
content: "\f0e6"; }
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7"; }
.fa-sitemap:before {
content: "\f0e8"; }
.fa-umbrella:before {
content: "\f0e9"; }
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea"; }
.fa-lightbulb-o:before {
content: "\f0eb"; }
.fa-exchange:before {
content: "\f0ec"; }
.fa-cloud-download:before {
content: "\f0ed"; }
.fa-cloud-upload:before {
content: "\f0ee"; }
.fa-user-md:before {
content: "\f0f0"; }
.fa-stethoscope:before {
content: "\f0f1"; }
.fa-suitcase:before {
content: "\f0f2"; }
.fa-bell-o:before {
content: "\f0a2"; }
.fa-coffee:before {
content: "\f0f4"; }
.fa-cutlery:before {
content: "\f0f5"; }
.fa-file-text-o:before {
content: "\f0f6"; }
.fa-building-o:before {
content: "\f0f7"; }
.fa-hospital-o:before {
content: "\f0f8"; }
.fa-ambulance:before {
content: "\f0f9"; }
.fa-medkit:before {
content: "\f0fa"; }
.fa-fighter-jet:before {
content: "\f0fb"; }
.fa-beer:before {
content: "\f0fc"; }
.fa-h-square:before {
content: "\f0fd"; }
.fa-plus-square:before {
content: "\f0fe"; }
.fa-angle-double-left:before {
content: "\f100"; }
.fa-angle-double-right:before {
content: "\f101"; }
.fa-angle-double-up:before {
content: "\f102"; }
.fa-angle-double-down:before {
content: "\f103"; }
.fa-angle-left:before {
content: "\f104"; }
.fa-angle-right:before {
content: "\f105"; }
.fa-angle-up:before {
content: "\f106"; }
.fa-angle-down:before {
content: "\f107"; }
.fa-desktop:before {
content: "\f108"; }
.fa-laptop:before {
content: "\f109"; }
.fa-tablet:before {
content: "\f10a"; }
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b"; }
.fa-circle-o:before {
content: "\f10c"; }
.fa-quote-left:before {
content: "\f10d"; }
.fa-quote-right:before {
content: "\f10e"; }
.fa-spinner:before {
content: "\f110"; }
.fa-circle:before {
content: "\f111"; }
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112"; }
.fa-github-alt:before {
content: "\f113"; }
.fa-folder-o:before {
content: "\f114"; }
.fa-folder-open-o:before {
content: "\f115"; }
.fa-smile-o:before {
content: "\f118"; }
.fa-frown-o:before {
content: "\f119"; }
.fa-meh-o:before {
content: "\f11a"; }
.fa-gamepad:before {
content: "\f11b"; }
.fa-keyboard-o:before {
content: "\f11c"; }
.fa-flag-o:before {
content: "\f11d"; }
.fa-flag-checkered:before {
content: "\f11e"; }
.fa-terminal:before {
content: "\f120"; }
.fa-code:before {
content: "\f121"; }
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122"; }
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123"; }
.fa-location-arrow:before {
content: "\f124"; }
.fa-crop:before {
content: "\f125"; }
.fa-code-fork:before {
content: "\f126"; }
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127"; }
.fa-question:before {
content: "\f128"; }
.fa-info:before {
content: "\f129"; }
.fa-exclamation:before {
content: "\f12a"; }
.fa-superscript:before {
content: "\f12b"; }
.fa-subscript:before {
content: "\f12c"; }
.fa-eraser:before {
content: "\f12d"; }
.fa-puzzle-piece:before {
content: "\f12e"; }
.fa-microphone:before {
content: "\f130"; }
.fa-microphone-slash:before {
content: "\f131"; }
.fa-shield:before {
content: "\f132"; }
.fa-calendar-o:before {
content: "\f133"; }
.fa-fire-extinguisher:before {
content: "\f134"; }
.fa-rocket:before {
content: "\f135"; }
.fa-maxcdn:before {
content: "\f136"; }
.fa-chevron-circle-left:before {
content: "\f137"; }
.fa-chevron-circle-right:before {
content: "\f138"; }
.fa-chevron-circle-up:before {
content: "\f139"; }
.fa-chevron-circle-down:before {
content: "\f13a"; }
.fa-html5:before {
content: "\f13b"; }
.fa-css3:before {
content: "\f13c"; }
.fa-anchor:before {
content: "\f13d"; }
.fa-unlock-alt:before {
content: "\f13e"; }
.fa-bullseye:before {
content: "\f140"; }
.fa-ellipsis-h:before {
content: "\f141"; }
.fa-ellipsis-v:before {
content: "\f142"; }
.fa-rss-square:before {
content: "\f143"; }
.fa-play-circle:before {
content: "\f144"; }
.fa-ticket:before {
content: "\f145"; }
.fa-minus-square:before {
content: "\f146"; }
.fa-minus-square-o:before {
content: "\f147"; }
.fa-level-up:before {
content: "\f148"; }
.fa-level-down:before {
content: "\f149"; }
.fa-check-square:before {
content: "\f14a"; }
.fa-pencil-square:before {
content: "\f14b"; }
.fa-external-link-square:before {
content: "\f14c"; }
.fa-share-square:before {
content: "\f14d"; }
.fa-compass:before {
content: "\f14e"; }
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150"; }
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151"; }
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152"; }
.fa-euro:before,
.fa-eur:before {
content: "\f153"; }
.fa-gbp:before {
content: "\f154"; }
.fa-dollar:before,
.fa-usd:before {
content: "\f155"; }
.fa-rupee:before,
.fa-inr:before {
content: "\f156"; }
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157"; }
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158"; }
.fa-won:before,
.fa-krw:before {
content: "\f159"; }
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a"; }
.fa-file:before {
content: "\f15b"; }
.fa-file-text:before {
content: "\f15c"; }
.fa-sort-alpha-asc:before {
content: "\f15d"; }
.fa-sort-alpha-desc:before {
content: "\f15e"; }
.fa-sort-amount-asc:before {
content: "\f160"; }
.fa-sort-amount-desc:before {
content: "\f161"; }
.fa-sort-numeric-asc:before {
content: "\f162"; }
.fa-sort-numeric-desc:before {
content: "\f163"; }
.fa-thumbs-up:before {
content: "\f164"; }
.fa-thumbs-down:before {
content: "\f165"; }
.fa-youtube-square:before {
content: "\f166"; }
.fa-youtube:before {
content: "\f167"; }
.fa-xing:before {
content: "\f168"; }
.fa-xing-square:before {
content: "\f169"; }
.fa-youtube-play:before {
content: "\f16a"; }
.fa-dropbox:before {
content: "\f16b"; }
.fa-stack-overflow:before {
content: "\f16c"; }
.fa-instagram:before {
content: "\f16d"; }
.fa-flickr:before {
content: "\f16e"; }
.fa-adn:before {
content: "\f170"; }
.fa-bitbucket:before {
content: "\f171"; }
.fa-bitbucket-square:before {
content: "\f172"; }
.fa-tumblr:before {
content: "\f173"; }
.fa-tumblr-square:before {
content: "\f174"; }
.fa-long-arrow-down:before {
content: "\f175"; }
.fa-long-arrow-up:before {
content: "\f176"; }
.fa-long-arrow-left:before {
content: "\f177"; }
.fa-long-arrow-right:before {
content: "\f178"; }
.fa-apple:before {
content: "\f179"; }
.fa-windows:before {
content: "\f17a"; }
.fa-android:before {
content: "\f17b"; }
.fa-linux:before {
content: "\f17c"; }
.fa-dribbble:before {
content: "\f17d"; }
.fa-skype:before {
content: "\f17e"; }
.fa-foursquare:before {
content: "\f180"; }
.fa-trello:before {
content: "\f181"; }
.fa-female:before {
content: "\f182"; }
.fa-male:before {
content: "\f183"; }
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184"; }
.fa-sun-o:before {
content: "\f185"; }
.fa-moon-o:before {
content: "\f186"; }
.fa-archive:before {
content: "\f187"; }
.fa-bug:before {
content: "\f188"; }
.fa-vk:before {
content: "\f189"; }
.fa-weibo:before {
content: "\f18a"; }
.fa-renren:before {
content: "\f18b"; }
.fa-pagelines:before {
content: "\f18c"; }
.fa-stack-exchange:before {
content: "\f18d"; }
.fa-arrow-circle-o-right:before {
content: "\f18e"; }
.fa-arrow-circle-o-left:before {
content: "\f190"; }
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191"; }
.fa-dot-circle-o:before {
content: "\f192"; }
.fa-wheelchair:before {
content: "\f193"; }
.fa-vimeo-square:before {
content: "\f194"; }
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195"; }
.fa-plus-square-o:before {
content: "\f196"; }
.fa-space-shuttle:before {
content: "\f197"; }
.fa-slack:before {
content: "\f198"; }
.fa-envelope-square:before {
content: "\f199"; }
.fa-wordpress:before {
content: "\f19a"; }
.fa-openid:before {
content: "\f19b"; }
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c"; }
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d"; }
.fa-yahoo:before {
content: "\f19e"; }
.fa-google:before {
content: "\f1a0"; }
.fa-reddit:before {
content: "\f1a1"; }
.fa-reddit-square:before {
content: "\f1a2"; }
.fa-stumbleupon-circle:before {
content: "\f1a3"; }
.fa-stumbleupon:before {
content: "\f1a4"; }
.fa-delicious:before {
content: "\f1a5"; }
.fa-digg:before {
content: "\f1a6"; }
.fa-pied-piper-pp:before {
content: "\f1a7"; }
.fa-pied-piper-alt:before {
content: "\f1a8"; }
.fa-drupal:before {
content: "\f1a9"; }
.fa-joomla:before {
content: "\f1aa"; }
.fa-language:before {
content: "\f1ab"; }
.fa-fax:before {
content: "\f1ac"; }
.fa-building:before {
content: "\f1ad"; }
.fa-child:before {
content: "\f1ae"; }
.fa-paw:before {
content: "\f1b0"; }
.fa-spoon:before {
content: "\f1b1"; }
.fa-cube:before {
content: "\f1b2"; }
.fa-cubes:before {
content: "\f1b3"; }
.fa-behance:before {
content: "\f1b4"; }
.fa-behance-square:before {
content: "\f1b5"; }
.fa-steam:before {
content: "\f1b6"; }
.fa-steam-square:before {
content: "\f1b7"; }
.fa-recycle:before {
content: "\f1b8"; }
.fa-automobile:before,
.fa-car:before {
content: "\f1b9"; }
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba"; }
.fa-tree:before {
content: "\f1bb"; }
.fa-spotify:before {
content: "\f1bc"; }
.fa-deviantart:before {
content: "\f1bd"; }
.fa-soundcloud:before {
content: "\f1be"; }
.fa-database:before {
content: "\f1c0"; }
.fa-file-pdf-o:before {
content: "\f1c1"; }
.fa-file-word-o:before {
content: "\f1c2"; }
.fa-file-excel-o:before {
content: "\f1c3"; }
.fa-file-powerpoint-o:before {
content: "\f1c4"; }
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5"; }
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6"; }
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7"; }
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8"; }
.fa-file-code-o:before {
content: "\f1c9"; }
.fa-vine:before {
content: "\f1ca"; }
.fa-codepen:before {
content: "\f1cb"; }
.fa-jsfiddle:before {
content: "\f1cc"; }
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd"; }
.fa-circle-o-notch:before {
content: "\f1ce"; }
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0"; }
.fa-ge:before,
.fa-empire:before {
content: "\f1d1"; }
.fa-git-square:before {
content: "\f1d2"; }
.fa-git:before {
content: "\f1d3"; }
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4"; }
.fa-tencent-weibo:before {
content: "\f1d5"; }
.fa-qq:before {
content: "\f1d6"; }
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7"; }
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8"; }
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9"; }
.fa-history:before {
content: "\f1da"; }
.fa-circle-thin:before {
content: "\f1db"; }
.fa-header:before {
content: "\f1dc"; }
.fa-paragraph:before {
content: "\f1dd"; }
.fa-sliders:before {
content: "\f1de"; }
.fa-share-alt:before {
content: "\f1e0"; }
.fa-share-alt-square:before {
content: "\f1e1"; }
.fa-bomb:before {
content: "\f1e2"; }
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3"; }
.fa-tty:before {
content: "\f1e4"; }
.fa-binoculars:before {
content: "\f1e5"; }
.fa-plug:before {
content: "\f1e6"; }
.fa-slideshare:before {
content: "\f1e7"; }
.fa-twitch:before {
content: "\f1e8"; }
.fa-yelp:before {
content: "\f1e9"; }
.fa-newspaper-o:before {
content: "\f1ea"; }
.fa-wifi:before {
content: "\f1eb"; }
.fa-calculator:before {
content: "\f1ec"; }
.fa-paypal:before {
content: "\f1ed"; }
.fa-google-wallet:before {
content: "\f1ee"; }
.fa-cc-visa:before {
content: "\f1f0"; }
.fa-cc-mastercard:before {
content: "\f1f1"; }
.fa-cc-discover:before {
content: "\f1f2"; }
.fa-cc-amex:before {
content: "\f1f3"; }
.fa-cc-paypal:before {
content: "\f1f4"; }
.fa-cc-stripe:before {
content: "\f1f5"; }
.fa-bell-slash:before {
content: "\f1f6"; }
.fa-bell-slash-o:before {
content: "\f1f7"; }
.fa-trash:before {
content: "\f1f8"; }
.fa-copyright:before {
content: "\f1f9"; }
.fa-at:before {
content: "\f1fa"; }
.fa-eyedropper:before {
content: "\f1fb"; }
.fa-paint-brush:before {
content: "\f1fc"; }
.fa-birthday-cake:before {
content: "\f1fd"; }
.fa-area-chart:before {
content: "\f1fe"; }
.fa-pie-chart:before {
content: "\f200"; }
.fa-line-chart:before {
content: "\f201"; }
.fa-lastfm:before {
content: "\f202"; }
.fa-lastfm-square:before {
content: "\f203"; }
.fa-toggle-off:before {
content: "\f204"; }
.fa-toggle-on:before {
content: "\f205"; }
.fa-bicycle:before {
content: "\f206"; }
.fa-bus:before {
content: "\f207"; }
.fa-ioxhost:before {
content: "\f208"; }
.fa-angellist:before {
content: "\f209"; }
.fa-cc:before {
content: "\f20a"; }
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b"; }
.fa-meanpath:before {
content: "\f20c"; }
.fa-buysellads:before {
content: "\f20d"; }
.fa-connectdevelop:before {
content: "\f20e"; }
.fa-dashcube:before {
content: "\f210"; }
.fa-forumbee:before {
content: "\f211"; }
.fa-leanpub:before {
content: "\f212"; }
.fa-sellsy:before {
content: "\f213"; }
.fa-shirtsinbulk:before {
content: "\f214"; }
.fa-simplybuilt:before {
content: "\f215"; }
.fa-skyatlas:before {
content: "\f216"; }
.fa-cart-plus:before {
content: "\f217"; }
.fa-cart-arrow-down:before {
content: "\f218"; }
.fa-diamond:before {
content: "\f219"; }
.fa-ship:before {
content: "\f21a"; }
.fa-user-secret:before {
content: "\f21b"; }
.fa-motorcycle:before {
content: "\f21c"; }
.fa-street-view:before {
content: "\f21d"; }
.fa-heartbeat:before {
content: "\f21e"; }
.fa-venus:before {
content: "\f221"; }
.fa-mars:before {
content: "\f222"; }
.fa-mercury:before {
content: "\f223"; }
.fa-intersex:before,
.fa-transgender:before {
content: "\f224"; }
.fa-transgender-alt:before {
content: "\f225"; }
.fa-venus-double:before {
content: "\f226"; }
.fa-mars-double:before {
content: "\f227"; }
.fa-venus-mars:before {
content: "\f228"; }
.fa-mars-stroke:before {
content: "\f229"; }
.fa-mars-stroke-v:before {
content: "\f22a"; }
.fa-mars-stroke-h:before {
content: "\f22b"; }
.fa-neuter:before {
content: "\f22c"; }
.fa-genderless:before {
content: "\f22d"; }
.fa-facebook-official:before {
content: "\f230"; }
.fa-pinterest-p:before {
content: "\f231"; }
.fa-whatsapp:before {
content: "\f232"; }
.fa-server:before {
content: "\f233"; }
.fa-user-plus:before {
content: "\f234"; }
.fa-user-times:before {
content: "\f235"; }
.fa-hotel:before,
.fa-bed:before {
content: "\f236"; }
.fa-viacoin:before {
content: "\f237"; }
.fa-train:before {
content: "\f238"; }
.fa-subway:before {
content: "\f239"; }
.fa-medium:before {
content: "\f23a"; }
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b"; }
.fa-optin-monster:before {
content: "\f23c"; }
.fa-opencart:before {
content: "\f23d"; }
.fa-expeditedssl:before {
content: "\f23e"; }
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240"; }
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241"; }
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242"; }
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243"; }
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244"; }
.fa-mouse-pointer:before {
content: "\f245"; }
.fa-i-cursor:before {
content: "\f246"; }
.fa-object-group:before {
content: "\f247"; }
.fa-object-ungroup:before {
content: "\f248"; }
.fa-sticky-note:before {
content: "\f249"; }
.fa-sticky-note-o:before {
content: "\f24a"; }
.fa-cc-jcb:before {
content: "\f24b"; }
.fa-cc-diners-club:before {
content: "\f24c"; }
.fa-clone:before {
content: "\f24d"; }
.fa-balance-scale:before {
content: "\f24e"; }
.fa-hourglass-o:before {
content: "\f250"; }
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251"; }
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252"; }
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253"; }
.fa-hourglass:before {
content: "\f254"; }
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255"; }
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256"; }
.fa-hand-scissors-o:before {
content: "\f257"; }
.fa-hand-lizard-o:before {
content: "\f258"; }
.fa-hand-spock-o:before {
content: "\f259"; }
.fa-hand-pointer-o:before {
content: "\f25a"; }
.fa-hand-peace-o:before {
content: "\f25b"; }
.fa-trademark:before {
content: "\f25c"; }
.fa-registered:before {
content: "\f25d"; }
.fa-creative-commons:before {
content: "\f25e"; }
.fa-gg:before {
content: "\f260"; }
.fa-gg-circle:before {
content: "\f261"; }
.fa-tripadvisor:before {
content: "\f262"; }
.fa-odnoklassniki:before {
content: "\f263"; }
.fa-odnoklassniki-square:before {
content: "\f264"; }
.fa-get-pocket:before {
content: "\f265"; }
.fa-wikipedia-w:before {
content: "\f266"; }
.fa-safari:before {
content: "\f267"; }
.fa-chrome:before {
content: "\f268"; }
.fa-firefox:before {
content: "\f269"; }
.fa-opera:before {
content: "\f26a"; }
.fa-internet-explorer:before {
content: "\f26b"; }
.fa-tv:before,
.fa-television:before {
content: "\f26c"; }
.fa-contao:before {
content: "\f26d"; }
.fa-500px:before {
content: "\f26e"; }
.fa-amazon:before {
content: "\f270"; }
.fa-calendar-plus-o:before {
content: "\f271"; }
.fa-calendar-minus-o:before {
content: "\f272"; }
.fa-calendar-times-o:before {
content: "\f273"; }
.fa-calendar-check-o:before {
content: "\f274"; }
.fa-industry:before {
content: "\f275"; }
.fa-map-pin:before {
content: "\f276"; }
.fa-map-signs:before {
content: "\f277"; }
.fa-map-o:before {
content: "\f278"; }
.fa-map:before {
content: "\f279"; }
.fa-commenting:before {
content: "\f27a"; }
.fa-commenting-o:before {
content: "\f27b"; }
.fa-houzz:before {
content: "\f27c"; }
.fa-vimeo:before {
content: "\f27d"; }
.fa-black-tie:before {
content: "\f27e"; }
.fa-fonticons:before {
content: "\f280"; }
.fa-reddit-alien:before {
content: "\f281"; }
.fa-edge:before {
content: "\f282"; }
.fa-credit-card-alt:before {
content: "\f283"; }
.fa-codiepie:before {
content: "\f284"; }
.fa-modx:before {
content: "\f285"; }
.fa-fort-awesome:before {
content: "\f286"; }
.fa-usb:before {
content: "\f287"; }
.fa-product-hunt:before {
content: "\f288"; }
.fa-mixcloud:before {
content: "\f289"; }
.fa-scribd:before {
content: "\f28a"; }
.fa-pause-circle:before {
content: "\f28b"; }
.fa-pause-circle-o:before {
content: "\f28c"; }
.fa-stop-circle:before {
content: "\f28d"; }
.fa-stop-circle-o:before {
content: "\f28e"; }
.fa-shopping-bag:before {
content: "\f290"; }
.fa-shopping-basket:before {
content: "\f291"; }
.fa-hashtag:before {
content: "\f292"; }
.fa-bluetooth:before {
content: "\f293"; }
.fa-bluetooth-b:before {
content: "\f294"; }
.fa-percent:before {
content: "\f295"; }
.fa-gitlab:before {
content: "\f296"; }
.fa-wpbeginner:before {
content: "\f297"; }
.fa-wpforms:before {
content: "\f298"; }
.fa-envira:before {
content: "\f299"; }
.fa-universal-access:before {
content: "\f29a"; }
.fa-wheelchair-alt:before {
content: "\f29b"; }
.fa-question-circle-o:before {
content: "\f29c"; }
.fa-blind:before {
content: "\f29d"; }
.fa-audio-description:before {
content: "\f29e"; }
.fa-volume-control-phone:before {
content: "\f2a0"; }
.fa-braille:before {
content: "\f2a1"; }
.fa-assistive-listening-systems:before {
content: "\f2a2"; }
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3"; }
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4"; }
.fa-glide:before {
content: "\f2a5"; }
.fa-glide-g:before {
content: "\f2a6"; }
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7"; }
.fa-low-vision:before {
content: "\f2a8"; }
.fa-viadeo:before {
content: "\f2a9"; }
.fa-viadeo-square:before {
content: "\f2aa"; }
.fa-snapchat:before {
content: "\f2ab"; }
.fa-snapchat-ghost:before {
content: "\f2ac"; }
.fa-snapchat-square:before {
content: "\f2ad"; }
.fa-pied-piper:before {
content: "\f2ae"; }
.fa-first-order:before {
content: "\f2b0"; }
.fa-yoast:before {
content: "\f2b1"; }
.fa-themeisle:before {
content: "\f2b2"; }
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3"; }
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4"; }
.fa-handshake-o:before {
content: "\f2b5"; }
.fa-envelope-open:before {
content: "\f2b6"; }
.fa-envelope-open-o:before {
content: "\f2b7"; }
.fa-linode:before {
content: "\f2b8"; }
.fa-address-book:before {
content: "\f2b9"; }
.fa-address-book-o:before {
content: "\f2ba"; }
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb"; }
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc"; }
.fa-user-circle:before {
content: "\f2bd"; }
.fa-user-circle-o:before {
content: "\f2be"; }
.fa-user-o:before {
content: "\f2c0"; }
.fa-id-badge:before {
content: "\f2c1"; }
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2"; }
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3"; }
.fa-quora:before {
content: "\f2c4"; }
.fa-free-code-camp:before {
content: "\f2c5"; }
.fa-telegram:before {
content: "\f2c6"; }
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7"; }
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8"; }
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9"; }
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca"; }
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb"; }
.fa-shower:before {
content: "\f2cc"; }
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd"; }
.fa-podcast:before {
content: "\f2ce"; }
.fa-window-maximize:before {
content: "\f2d0"; }
.fa-window-minimize:before {
content: "\f2d1"; }
.fa-window-restore:before {
content: "\f2d2"; }
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3"; }
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4"; }
.fa-bandcamp:before {
content: "\f2d5"; }
.fa-grav:before {
content: "\f2d6"; }
.fa-etsy:before {
content: "\f2d7"; }
.fa-imdb:before {
content: "\f2d8"; }
.fa-ravelry:before {
content: "\f2d9"; }
.fa-eercast:before {
content: "\f2da"; }
.fa-microchip:before {
content: "\f2db"; }
.fa-snowflake-o:before {
content: "\f2dc"; }
.fa-superpowers:before {
content: "\f2dd"; }
.fa-wpexplorer:before {
content: "\f2de"; }
.fa-meetup:before {
content: "\f2e0"; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
strong {
font-weight: bold; }
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em; }
ul, ol {
margin: 0 0 1.5em 3em; }
ul {
list-style: disc; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em; }
dt, dd {
float: left; }
dt {
font-weight: bold;
clear: left;
margin-right: .5em; }
dd {
margin-bottom: 1em; }
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */ }
figure {
margin: 0; }
p:empty {
display: none; }
.progress {
width: 100%;
height: 5px; }
.progress-wrap {
background: #f80;
overflow: hidden;
position: relative;
margin-bottom: 5px; }
.progress-wrap .progress-bar {
background: #ddd;
left: 0;
position: absolute;
top: 0; }
table {
margin: 0 0 1.5em;
width: 100%; }
th {
font-weight: bold; }
/* =============================================================================
DEMO STUFF
============================================================================= */
.demo-title {
margin-bottom: 24px;
color: #ff9650;
font-size: 28px; }
.items {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 24px; }
.item {
margin: 12px; }
/* =============================================================================
MENU TOGGLE SWITCHES
============================================================================= */
/**
* Toggle Switch Globals
*
* All switches should take on the class `cmn-toggle-switch` as well as their
* variant that will give them unique properties. This class is an overview
* class that acts as a reset for all versions of the icon.
*/
.cmn-toggle-switch {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 50px;
height: 44px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
transition: background 0.3s; }
.cmn-toggle-switch:focus {
outline: none; }
.cmn-toggle-switch span {
display: block;
position: absolute;
top: 20.5px;
left: 12px;
right: 12px;
height: 3px;
background: white; }
.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 3px;
background-color: #fff;
content: ""; }
.cmn-toggle-switch span::before {
top: -8.5px; }
.cmn-toggle-switch span::after {
bottom: -8.5px; }
/**
* Style 1
*
* Rotating hamburger icon (rot), that simply rotates 90 degrees when activated.
* Nothing too fancy, simple transition.
*/
.cmn-toggle-switch__rot {
background-color: #28aadc; }
.cmn-toggle-switch__rot span {
transition: transform 0.3s; }
/* active state, i.e. menu open */
.cmn-toggle-switch__rot.active {
background-color: #166888; }
.cmn-toggle-switch__rot.active span {
transform: rotate(90deg); }
/**
* Style 2
*
* Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
* down to center and transform into an "x".
*/
.cmn-toggle-switch__htx span {
transition: background 0s 0.3s; }
.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
transition-duration: 0.3s, 0.3s;
transition-delay: 0.3s, 0s; }
.cmn-toggle-switch__htx span::before {
transition-property: top, transform; }
.cmn-toggle-switch__htx span::after {
transition-property: bottom, transform; }
/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active span {
background: none; }
.cmn-toggle-switch__htx.active span::before {
top: 0;
transform: rotate(45deg); }
.cmn-toggle-switch__htx.active span::after {
bottom: 0;
transform: rotate(-45deg); }
.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
transition-delay: 0s, 0.3s; }
/**
* Style 3
*
* Hamburger to left-arrow (htla). Hamburger menu transforms to a left-pointing
* arrow. Usually indicates an off canvas menu sliding in from left that
* will be close on re-click of the icon.
*/
.cmn-toggle-switch__htla {
background-color: #32dc64; }
.cmn-toggle-switch__htla span {
transition: transform 0.3s; }
.cmn-toggle-switch__htla span::before {
transform-origin: top right;
transition: transform 0.3s, width 0.3s, top 0.3s; }
.cmn-toggle-switch__htla span::after {
transform-origin: bottom right;
transition: transform 0.3s, width 0.3s, bottom 0.3s; }
/* active state, i.e. menu open */
.cmn-toggle-switch__htla.active {
background-color: #19903c; }
.cmn-toggle-switch__htla.active span {
transform: rotate(180deg); }
.cmn-toggle-switch__htla.active span::before,
.cmn-toggle-switch__htla.active span::after {
width: 50%; }
.cmn-toggle-switch__htla.active span::before {
top: 0;
transform: translateX(16px) translateY(1.5px) rotate(45deg); }
.cmn-toggle-switch__htla.active span::after {
bottom: 0;
transform: translateX(16px) translateY(-1.5px) rotate(-45deg); }
/**
* Style 4
*
* Hamburger to right-arrow (htra). Hamburger menu transforms to a
* right-pointing arrow. Usually indicates an off canvas menu sliding in from
* right that will be close on re-click of the icon.
*/
.cmn-toggle-switch__htra {
background-color: #ff9650; }
.cmn-toggle-switch__htra span {
transition: transform 0.3s; }
.cmn-toggle-switch__htra span::before {
transform-origin: top left;
transition: transform 0.3s, width 0.3s, top 0.3s; }
.cmn-toggle-switch__htra span::after {
transform-origin: bottom left;
transition: transform 0.3s, width 0.3s, bottom 0.3s; }
/* active state, i.e. menu open */
.cmn-toggle-switch__htra.active {
background-color: #e95d00; }
.cmn-toggle-switch__htra.active span {
transform: rotate(180deg); }
.cmn-toggle-switch__htra.active span::before,
.cmn-toggle-switch__htra.active span::after {
width: 50%; }
.cmn-toggle-switch__htra.active span::before {
top: 0;
transform: translateX(-3px) translateY(1.5px) rotate(-45deg); }
.cmn-toggle-switch__htra.active span::after {
bottom: 0;
transform: translateX(-3px) translateY(-1.5px) rotate(45deg); }
/* Character Movelist */
.movelist {
background: url(images/icons-movelist.png);
display: inline-block;
height: 27px;
width: 30px;
vertical-align: middle; }
.lightpunch {
background-position: 0px 0px;
width: 38px; }
.mediumpunch {
background-position: -64px 0px;
width: 38px; }
.hardpunch {
background-position: -128px 0px;
width: 38px; }
.lightkick {
background-position: -192px 0px;
width: 38px; }
.mediumkick {
background-position: -256px 0px;
width: 38px; }
.hardkick {
background-position: -320px 0px;
width: 38px; }
.punch {
background-position: -384px 0px;
width: 21px;
margin: 0;
padding: 0; }
.kick {
background-position: -416px 0px;
width: 21px; }
.triangle {
background-position: -448px 0px;
width: 11px; }
.direction-neutral {
background-position: -480px 0px;
width: 18px; }
.direction-upleft {
background-position: -512px 0px;
width: 19px; }
.direction-up {
background-position: -544px 0px;
width: 18px; }
.direction-upright {
background-position: -576px 0px;
width: 19px; }
.direction-right {
background-position: -608px 0px;
width: 24px; }
.direction-downright {
background-position: -640px 0px;
width: 19px; }
.direction-down {
background-position: -672px 0px;
width: 18px; }
.direction-downleft {
background-position: -704px 0px;
width: 19px; }
.direction-left {
background-position: -736px 0px;
width: 24px; }
.charge-up {
background-position: -768px -0px;
width: 18px; }
.charge-right {
background-position: -800px 0px;
width: 24px; }
.charge-down {
background-position: -832px 0px;
width: 18px; }
.charge-left {
background-position: -864px -1px;
width: 24px; }
.quartercircle-right {
background-position: -896px 0px;
width: 22px; }
.quartercircle-left {
background-position: -928px 0px;
width: 22px; }
.halfcircle-right {
background-position: -960px 0px;
width: 27px; }
.halfcircle-left {
background-position: -992px 0px;
width: 27px; }
.dragonpunch-right {
background-position: -1024px 0px;
width: 21px; }
.dragonpunch-left {
background-position: -1056px 0px;
width: 21px; }
.three-sixty {
background-position: -1088px 0px;
width: 21px; }
.triplepunch {
background-position: -1152px 0px;
width: 61px; }
.triplekick {
background-position: -1216px 0px;
width: 63px; }
.badge-ex {
background-position: -1280px 0px;
width: 29px; }
.badge-vgauge-1 {
background-position: -1309px 0px;
width: 28px; }
.badge-vgauge-2 {
background-position: -1337px 0px;
width: 27px; }
.badge-vgauge-3 {
background-position: -1364px 0px;
width: 27px; }
.badge-vtrigger-1 {
background-position: -1391px 0px;
width: 24px; }
.badge-vtrigger-2 {
background-position: -1415px 0px;
width: 24px; }
.badge-vskill-1 {
background-position: -1439px 0px;
width: 24px; }
.badge-vskill-2 {
background-position: -1463px 0px;
width: 24px; }
.in-air {
background: #00a5ea;
padding: 4px;
color: #fff;
font-size: 12px; }
.ex {
background: url(images/icon-ex-subscript.png);
display: inline-block;
height: 27px;
width: 25px;
vertical-align: middle; }
.ex-legend {
background-position: 0px -4px; }
/* Movelist Headers */
.move-name, .move-commands {
padding: 4px 8px; }
.move-name {
width: 33%;
background: #eee; }
.move-commands {
width: 66%;
font-size: .7rem; }
.during .move-name {
padding-left: 36px;
background: #dadada; }
.movelist-container {
border: 1px solid #aaa;
margin-bottom: 16px;
font-size: .8rem; }
.movelist-container h5 {
padding: 4px 8px;
color: #fff;
margin-bottom: 0; }
.movelist-container p {
margin-bottom: 0px; }
.movelist-container .normal_throws, .movelist-container .normal_throws_2 {
background: #4e88c7; }
.movelist-container .move-normal_throws {
border-bottom: none; }
.movelist-container .v_skill, .movelist-container .v_skill_ii, .movelist-container .v_skill_2, .movelist-container .v_skill_ii_2 {
background: #fcb315; }
.movelist-container .move-v_skill {
border-bottom: none; }
.movelist-container .v_trigger, .movelist-container .v_trigger_ii, .movelist-container .v_trigger_2, .movelist-container .v_trigger_ii_2 {
background: #fcb315; }
.movelist-container .move-v_trigger {
border-bottom: none; }
.movelist-container .v_reversal, .movelist-container .v_reversal_2 {
background: #fcb315; }
.movelist-container .move-v_reversal {
border-bottom: none; }
.movelist-container .unique_attacks, .movelist-container .unique_attacks_2 {
background: #8e030f; }
.movelist-container .move-unique_attacks {
border-bottom: none; }
.movelist-container .special_moves, .movelist-container .special_moves_2 {
background: #8e030f; }
.movelist-container .move-special_moves {
border-bottom: none; }
.movelist-container .critical_art, .movelist-container .critical_art_2 {
background: #0074b5; }
.movelist-container .move-critical_art {
border-bottom: none; }
.movelist-container .move-container {
width: 100%;
border-top: 1px solid #aaa; }
.movelist-legend {
font-size: .8em;
margin-bottom: 36px; }
.movelist-legend p {
margin-bottom: 0px; }
/* Movelist Portraits */
.movelist-portrait {
color: #fff;
text-align: right;
padding: 16px 20px;
height: 105px;
margin-bottom: 0;
font-style: italic;
text-shadow: 0px 0px 5px #000; }
.movelist-portrait h3 {
color: #fff;
margin-bottom: 0px;
text-transform: uppercase; }
.movelist-portrait p {
font-size: 1em; }
.movelist-portrait-ryu {
background: url(images/movelist-ryu.jpg) no-repeat top left #192c54; }
.movelist-portrait-chun-li {
background: url(images/movelist-chunli.jpg) no-repeat top left #192c54; }
.movelist-portrait-nash {
background: url(images/movelist-nash.jpg) no-repeat top left #192c54; }
.movelist-portrait-m-bison {
background: url(images/movelist-mbison.jpg) no-repeat top left #192c54; }
.movelist-portrait-cammy {
background: url(images/movelist-cammy.jpg) no-repeat top left #192c54; }
.movelist-portrait-birdie {
background: url(images/movelist-birdie.jpg) no-repeat top left #192c54; }
.movelist-portrait-ken {
background: url(images/movelist-ken.jpg) no-repeat top left #192c54; }
.movelist-portrait-necalli {
background: url(images/movelist-necalli.jpg) no-repeat top left #192c54; }
.movelist-portrait-vega {
background: url(images/movelist-vega.jpg) no-repeat top left #192c54; }
.movelist-portrait-r-mika {
background: url(images/movelist-r-mika.jpg) no-repeat top left #192c54; }
.movelist-portrait-rashid {
background: url(images/movelist-rashid.jpg) no-repeat top left #192c54; }
.movelist-portrait-karin {
background: url(images/movelist-karin.jpg) no-repeat top left #192c54; }
.movelist-portrait-zangief {
background: url(images/movelist-zangief.jpg) no-repeat top left #192c54; }
.movelist-portrait-laura {
background: url(images/movelist-laura.jpg) no-repeat top left #192c54; }
.movelist-portrait-dhalsim {
background: url(images/movelist-dhalsim.jpg) no-repeat top left #192c54; }
.movelist-portrait-fang {
background: url(images/movelist-fang.jpg) no-repeat top left #192c54; }
.movelist-portrait-alex {
background: url(images/movelist-alex.jpg) no-repeat top left #192c54; }
.movelist-portrait-guile {
background: url(images/movelist-guile.jpg) no-repeat top left #192c54; }
.movelist-portrait-ibuki {
background: url(images/movelist-ibuki.jpg) no-repeat top left #192c54; }
.movelist-portrait-balrog {
background: url(images/movelist-balrog.jpg) no-repeat top left #192c54; }
.movelist-portrait-juri {
background: url(images/movelist-juri.jpg) no-repeat top left #192c54; }
.movelist-portrait-urien {
background: url(images/movelist-urien.jpg) no-repeat top left #192c54; }
.movelist-portrait-akuma {
background: url(images/movelist-akuma.jpg) no-repeat top left #192c54; }
.movelist-portrait-kolin {
background: url(images/movelist-kolin.jpg) no-repeat top left #192c54; }
.movelist-portrait-ed {
background: url(images/movelist-ed.jpg) no-repeat top left #192c54; }
.movelist-portrait-abigail {
background: url(images/movelist-abigail.jpg) no-repeat top left #192c54; }
.movelist-portrait-menat {
background: url(images/movelist-menat.jpg) no-repeat top left #192c54; }
.movelist-portrait-zeku {
background: url(images/movelist-zeku.jpg) no-repeat top left #192c54; }
.movelist-portrait-zeku-2 {
background: url(images/movelist-young-zeku.jpg) no-repeat top left #192c54; }
.movelist-portrait-sakura {
background: url(images/movelist-sakura.jpg) no-repeat top left #192c54; }
.movelist-portrait-blanka {
background: url(images/movelist-blanka.jpg) no-repeat top left #192c54; }
.movelist-portrait-falke {
background: url(images/movelist-falke.jpg) no-repeat top left #192c54; }
.movelist-portrait-cody {
background: url(images/movelist-cody.jpg) no-repeat top left #192c54; }
.movelist-portrait-g {
background: url(images/movelist-g.jpg) no-repeat top left #192c54; }
.movelist-portrait-sagat {
background: url(images/movelist-sagat.jpg) no-repeat top left #192c54; }
.movelist-portrait-kage {
background: url(images/movelist-kage.jpg) no-repeat top left #192c54; }
.movelist-portrait-e-honda {
background: url(images/movelist-e-honda.jpg) no-repeat top left #192c54; }
.movelist-portrait-lucia {
background: url(images/movelist-lucia.jpg) no-repeat top left #192c54; }
.movelist-portrait-poison {
background: url(images/movelist-poison.jpg) no-repeat top left #192c54; }
.movelist-portrait-gill {
background: url(images/movelist-gill.jpg) no-repeat top left #192c54; }
.movelist-portrait-seth {
background: url(images/movelist-seth.jpg) no-repeat top left #192c54; }
.movelist-portrait-dan {
background: url(images/movelist-dan.jpg) no-repeat top left #192c54; }
.movelist-portrait-rose {
background: url(images/movelist-rose.jpg) no-repeat top left #192c54; }
/*--------------------------------------------------------------
Media Styles
--------------------------------------------------------------*/
@media screen and (max-width: 416px) {
.move-name, .move-commands {
width: 100%; }
.during .move-name, .during .move-commands {
padding-left: 36px; }
.movelist-portrait {
height: auto;
width: 100%;
padding: 8px 16px; }
.movelist-portrait h3 {
font-size: 1.5em; }
.movelist-portrait p {
margin-top: -2px; }
.movelist-portrait-ryu {
background: url(images/movelist-ryu-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-chun-li {
background: url(images/movelist-chunli-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-nash {
background: url(images/movelist-nash-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-m-bison {
background: url(images/movelist-mbison-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-cammy {
background: url(images/movelist-cammy-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-birdie {
background: url(images/movelist-birdie-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-ken {
background: url(images/movelist-ken-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-necalli {
background: url(images/movelist-necalli-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-vega {
background: url(images/movelist-vega-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-r-mika {
background: url(images/movelist-r-mika-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-rashid {
background: url(images/movelist-rashid-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-karin {
background: url(images/movelist-karin-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-zangief {
background: url(images/movelist-zangief-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-laura {
background: url(images/movelist-laura-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-dhalsim {
background: url(images/movelist-dhalsim-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-fang {
background: url(images/movelist-fang-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-alex {
background: url(images/movelist-alex-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-guile {
background: url(images/movelist-guile-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-ibuki {
background: url(images/movelist-ibuki-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-balrog {
background: url(images/movelist-balrog-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-juri {
background: url(images/movelist-juri-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-urien {
background: url(images/movelist-urien-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-akuma {
background: url(images/movelist-akuma-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-kolin {
background: url(images/movelist-kolin-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-ed {
background: url(images/movelist-ed-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-abigail {
background: url(images/movelist-abigail-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-menat {
background: url(images/movelist-menat-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-zeku {
background: url(images/movelist-zeku-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-zeku-2 {
background: url(images/movelist-young-zeku-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-sakura {
background: url(images/movelist-sakura-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-blanka {
background: url(images/movelist-blanka-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-falke {
background: url(images/movelist-falke-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-cody {
background: url(images/movelist-cody-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-g {
background: url(images/movelist-g-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-sagat {
background: url(images/movelist-sagat-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-kage {
background: url(images/movelist-kage-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-e-honda {
background: url(images/movelist-e-honda-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-lucia {
background: url(images/movelist-lucia-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-poison {
background: url(images/movelist-poison-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-gill {
background: url(images/movelist-gill-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-seth {
background: url(images/movelist-seth-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-dan {
background: url(images/movelist-dan-sm.jpg) no-repeat top left #192c54; }
.movelist-portrait-rose {
background: url(images/movelist-rose-sm.jpg) no-repeat top left #192c54; } }
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
font-size: 100%;
/* Corrects font size not being inherited in all browsers */
margin: 0;
/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline;
/* Improves appearance and consistency in all browsers */ }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
background-clip: padding-box;
/* stops bg color from leaking outside the border: */
-webkit-border-radius: 3px;
border-radius: 3px;
background: #e6e6e6;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.8);
cursor: pointer;
/* Improves usability and consistency of cursor style between image-type 'input' and others */
-webkit-appearance: button;
/* Corrects inability to style clickable 'input' types in iOS */
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
font-size: .8em;
padding: 6px;
margin-top: 10px; }
.btn {
background: #bd0000;
background-image: -webkit-linear-gradient(top, #bd0000, #790000);
background-image: -moz-linear-gradient(top, #bd0000, #790000);
background-image: -ms-linear-gradient(top, #bd0000, #790000);
background-image: -o-linear-gradient(top, #bd0000, #790000);
background-image: linear-gradient(to bottom, #bd0000, #790000);
-webkit-border-radius: 8;
-moz-border-radius: 8;
border-radius: 8px;
color: #ffffff;
font-size: 14px;
padding: 5px 10px 5px 10px;
text-decoration: none;
vertical-align: top; }
.btn-large {
font-size: 1em;
padding: 10px; }
.btn:visited {
color: #fff; }
.btn:hover {
background: #d70000;
background-image: -webkit-linear-gradient(top, #d70000, #bd0000);
background-image: -moz-linear-gradient(top, #d70000, #bd0000);
background-image: -ms-linear-gradient(top, #d70000, #bd0000);
background-image: -o-linear-gradient(top, #d70000, #bd0000);
background-image: linear-gradient(to bottom, #d70000, #bd0000);
text-decoration: none;
color: #fff; }
input[type="checkbox"],
input[type="radio"] {
padding: 0;
/* Addresses excess padding in IE8/9 */ }
input[type="search"] {
-webkit-appearance: textfield;
/* Addresses appearance set to searchfield in S5, Chrome */
-webkit-box-sizing: content-box;
/* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
-moz-box-sizing: content-box;
box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration {
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none; }
button::-moz-focus-inner,
input::-moz-focus-inner {
/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
padding: 0; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: #666;
border: 1px solid #ccc;
background-clip: padding-box;
/* stops bg color from leaking outside the border: */
-webkit-border-radius: 3px;
border-radius: 3px; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px; }
textarea {
overflow: auto;
/* Removes default vertical scrollbar in IE6/7/8/9 */
padding-left: 3px;
vertical-align: top;
/* Improves readability and alignment in all browsers */
width: 100%; }
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
color: #790000; }
a:visited {
color: #790000; }
a:hover, a:focus, a:active {
color: #bd0000; }
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
background: #660000; }
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0; }
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 2.7em;
left: -999em;
z-index: 99998;
background-color: maroon; }
.main-navigation ul ul ul {
left: -999em;
top: 0; }
.main-navigation ul ul li:hover > ul {
left: 100%; }
.main-navigation ul ul a {
width: 240px;
padding: 10px; }
.main-navigation ul ul a:hover {
background-color: #990000; }
.main-navigation ul li:hover > ul {
left: auto; }
.main-navigation li {
float: left;
position: relative; }
.main-navigation a {
display: block;
text-decoration: none;
color: #fff;
padding: 10px; }
/* Small menu */
.menu-toggle {
display: none; }
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden; }
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%; }
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%; }
/*--------------------------------------------------------------
Main Navigation
--------------------------------------------------------------*/
.main-navigation {
background: url(images/nav-bg-full.jpg) no-repeat 12px 0; }
.nav-left {
background: url(images/nav-bg-left.png) no-repeat; }
.nav-right {
background: url(images/nav-bg-right.png) no-repeat right;
padding: 12px 0 12px 180px;
height: 60px; }
.main-navigation.sf30-navigation {
background: url(images/nav-bg-full-blue.jpg) no-repeat 12px 0; }
.main-navigation.sf30-navigation .menu-item-has-children .sub-menu {
background-color: #005daa; }
.main-navigation.sf30-navigation .menu-item-has-children .sub-menu li a {
border: 1px solid #01112c;
border-top: none; }
.main-navigation.sf30-navigation ul ul {
background-color: #005daa; }
.main-navigation.sf30-navigation .nav-left {
background: url(images/nav-bg-left-blue.png) no-repeat; }
.main-navigation.sf30-navigation .nav-right {
background: url(images/nav-bg-right-blue.png) no-repeat right;
padding: 12px 0 12px 170px; }
ul.menu {
border-left: 2px solid #000;
content: "";
display: table; }
.main-navigation a {
padding: 5px 15px;
height: 36px;
text-transform: uppercase;
font-weight: bold;
font-size: .9em;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
border-right: 2px solid #000;
border-left: 1px solid #900000;
transition: background 0.5s ease;
color: #fff; }
.main-navigation a:hover {
background-color: rgba(255, 0, 0, 0.6);
/* 60% opaque red */ }
.main-navigation.sf30-navigation a {
border-right: 2px solid #000;
border-left: 1px solid #004f90; }
.main-navigation.sf30-navigation a:hover {
background-color: rgba(0, 79, 144, 0.6);
/* 60% opaque red */ }
.menu-item-has-children > a {
position: relative;
padding-right: 28px; }
#site-navigation .menu-item-has-children > a:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #fff;
margin-top: 9px;
margin-left: 6px; }
.nav-menu li > a:only-child:after {
content: ''; }
.menu-item-has-children .sub-menu {
background: red; }
.menu-item-has-children .sub-menu li {
float: none; }
.menu-item-has-children .sub-menu li a {
border: 1px solid #900000;
border-top: none;
padding: 5px 15px; }
.menu-item-has-children:hover .sub-menu {
float: none;
left: 0;
top: 36px; }
.rtl .nav-right {
padding: 12px 180px 12px 0px; }
.rtl .aga-utilities, .rtl .aga-social {
float: left; }
/*--------------------------------------------------------------
Media Styles
--------------------------------------------------------------*/
@media screen and (max-width: 1100px) {
.main-navigation {
display: none; }
.main-navigation ul {
display: none; }
.menu-item-has-children .sub-menu {
background: #2d2d2d; }
.menu-item-has-children .sub-menu li a {
border: none;
padding-left: 24px !important; }
.menu-item-has-children .sub-menu li a:hover {
background: #444 !important; } }
@media screen and (max-width: 800px) {
.site-branding {
padding: 0 1.5em; } }
@media screen and (max-width: 600px) {
.menu-toggle,
.main-navigation.toggled .nav-menu {
display: block; } }
/*--------------------------------------------------------------
5.3 Slidebars
--------------------------------------------------------------*/
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
background-color: #f1f1f1;
background-clip: padding-box;
/* stops bg color from leaking outside the border: */
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #575757;
display: block;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar */ }
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em; }
.alignright {
display: inline;
float: right;
margin-left: 1.5em; }
.aligncenter {
display: block;
margin: 0 auto; }
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table; }
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both; }
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
/* Make sure select elements fit in widgets */ }
.widget select {
max-width: 100%; }
.widget ul {
margin: 0; }
.widget li {
display: block;
margin: 0; }
/* Search widget */
.widget_search .search-submit {
display: none; }
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
#page, .site-header, .featured-header {
max-width: 960px;
display: block;
margin: 0 auto; }
/* Paddings */
.site-info {
padding: 1.5em 0; }
.content-area {
padding: 2.5em 2em; }
/* Sidebar layout */
.content-area {
width: 100%; }
.site-content .widget-area {
overflow: hidden;
width: 30%;
background: #fff; }
.site-footer {
clear: both;
width: 100%; }
/**
* 1. Avoid the IE 10-11 `min-height` bug.
* 2. Set `flex-shrink` to `0` to prevent Chrome, Opera, and Safari from
* letting these items shrink to smaller than their content's default
* minimum size.
* 3. Use `%` instead of `vh` since `vh` is buggy in older mobile Safari.
*/
.HolyGrail-body,
.aga-flexbox,
.aga-flexbox-wrap {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex;
/* NEW, Spec - Opera 12.1, Firefox 20+ */
flex: 1 0 auto;
/* 2 */ }
.aga-flexbox-wrap {
flex-wrap: wrap; }
.HolyGrail-content {
flex: 1; }
.site-content {
order: 2; }
.widget-area {
order: 3; }
.aga-footer-details {
width: 60%;
float: left; }
.aga-footer-rating {
width: 40%;
float: right; }
/* Media */
@media screen and (max-width: 800px) {
.site-content {
display: block; }
.content-area {
width: 100%;
margin: 0; }
.site-content .widget-area {
overflow: hidden;
width: 100%;
padding: 1.5em;
margin: 0;
border: none;
background: #fff; }
.site-info {
padding: 1.5em; } }
@media screen and (max-width: 400px) {
.content-area {
padding: 1em 1.5em; }
.aga-footer-details, .aga-footer-rating {
width: 100%;
margin-bottom: 10px; }
.aga-footer-rating {
text-align: center; } }
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block; }
.hentry {
margin: 0 0 1em; }
.byline,
.updated:not(.published) {
display: none; }
.single .byline,
.group-blog .byline {
display: inline; }
.page-links {
clear: both;
margin: 0 0 1.5em; }
/*--------------------------------------------------------------
10.5 Article Styles
--------------------------------------------------------------*/
#page {
margin-top: -350px; }
.sf30-page {
margin-top: 150px !important; }
.content-area {
padding-bottom: 0px; }
.site-main {
margin: 0 auto; }
.hentry {
margin: 0; }
.entry-header {
display: block;
margin-left: -5px; }
.entry-title,
.page-title {
color: #fff;
text-shadow: -1px -2px 4px rgba(0, 0, 0, 0.5);
padding: 0;
margin: 0;
width: auto;
text-transform: uppercase;
font-size: 5em;
line-height: 0.9em;
transition: background 0.5s ease; }
.page-content,
.entry-content,
.entry-summary {
position: relative;
background: #fff; }
.content-container,
.page-content,
.entry-summary {
padding: 40px 40px 30px; }
.content-container--rules ol, .content-container--rules ul {
margin-top: 1.5rem;
margin-bottom: 1.5rem; }
.content-container--rules ol li + li, .content-container--rules ul li + li {
margin-top: 1rem; }
.content-container--rules ol ol li, .content-container--rules ol ul li, .content-container--rules ul ol li, .content-container--rules ul ul li {
margin-top: 1rem; }
/*--------------------------------------------------------------
10.8 Media Styles
--------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
#page {
margin-top: -250px; } }
@media screen and (max-width: 1100px) {
.page-header {
margin: 0; }
#page {
margin-top: -200px; } }
@media screen and (max-width: 800px) {
.entry-title {
font-size: 4em;
line-height: 78px; }
.content-container {
padding: 30px; } }
@media screen and (max-width: 650px) {
#page {
margin-top: -64px; }
.entry-title {
font-size: 2.5em;
margin-left: 20px; }
.content-area {
padding: 0px; } }
@media screen and (max-width: 416px) {
.entry-title {
font-size: 2em;
line-height: 1em; }
.content-container {
padding: 20px; } }
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none; }
/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word; }
.bypostauthor {
display: block; }
/*--------------------------------------------------------------
10.4 Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Header Styles
--------------------------------------------------------------*/
.site-header {
background: none;
padding-top: 1em;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
z-index: 10; }
.site-logo {
position: absolute;
width: 180px;
margin: 5px 0 0 5px; }
.site-logo.sf30-logo {
margin: 3px 0 0 8px; }
.site-branding {
margin-bottom: 1.6em; }
.aga-utilities, .aga-social {
float: right; }
.aga-utilities .widget-title, .aga-social .widget-title {
display: none; }
/* Social Links */
.aga-social {
margin-right: 10px; }
.social-footer .aga-social {
display: none;
float: none;
width: 100%; }
.aga-social-icons {
float: left;
margin-right: 10px; }
.social-links {
margin: 0;
padding: 0;
overflow: auto; }
.social-links li {
display: block;
float: right;
margin-left: 4px;
padding-top: 1px; }
.social-links .text-link {
padding-top: 2px;
margin-right: 4px; }
/* WPML Language Selector */
#lang_sel {
z-index: 99999; }
.wpml-ls-legacy-dropdown {
width: 10em; }
.wpml-ls-legacy-dropdown a {
padding: 4px 6px;
font-size: 0.9em; }
/* Capcom Beta Server Status */
#bss_widget {
float: left;
margin-top: 5px;
margin-left: 200px; }
/* Featured Image */
.featured-image {
position: relative;
max-width: 1300px;
min-height: 200px;
margin: 0 auto;
padding: 0;
z-index: -10;
left: 0;
right: 0;
overflow: hidden; }
.featured-image img {
margin: 0;
padding: 0; }
.featured-image.sf30-featured-image {
max-width: 1800px;
position: absolute; }
#sb-site {
overflow: hidden; }
/* Featured Image */
.page-template-custom-character-template .featured-image {
/* max-width: 1920px;
min-height: 600px;
position: relative;*/ }
/*.page-template-custom-character-template .featured-image::after {
box-shadow: inset 0 -100px 100px 100px #000;
bottom: 0;
content: "";
display: block;
left: 0;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%;
}*/
/* Featured Slider */
.slider-header {
bottom: -8px; }
.slider-img {
margin-top: 0 !important; }
/*--------------------------------------------------------------
Media Styles
--------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
.page-template-custom-character-template .featured-image {
/* margin: 0 -20%;
min-height: 0;*/ } }
@media screen and (max-width: 1100px) {
.site-header {
max-width: 100% !important; }
.aga-utilities {
margin-right: 10px; } }
@media screen and (max-width: 800px) {
.site-logo {
width: 160px;
margin: -10px -20px 0; }
.featured-image img {
width: 120%;
max-width: none;
margin: 0 0 0 -90px; }
#bss_widget {
margin: 0 0 0 170px; }
.featured-image.sf30-featured-image img {
width: 1000px;
margin-left: -30%; } }
@media screen and (max-width: 650px) {
.site-header {
background: #660000;
padding-top: 0.75em;
padding-bottom: 0.33em; }
.site-header-blue {
background: #032e61; }
.aga-utilities {
margin-right: 10px; }
.aga-social {
display: none; }
.social-footer .aga-social {
display: block; }
.social-links {
text-align: center;
width: 100%; }
.social-links li {
display: inline;
float: none;
padding: 0;
margin: 0; }
.featured-image {
padding-top: 50px; }
.featured-image img {
margin: 0 0 0 -70px; }
#bss_widget {
margin: 0 10px 0 0;
float: right;
position: absolute;
top: 64px;
right: 0; } }
@media screen and (max-width: 416px) {
.site-logo {
width: 100px;
margin-top: -10px; }
.aga-social {
display: none; }
.featured-image img {
margin-left: -60px; } }
/*--------------------------------------------------------------
10.5 Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Footer Styles
--------------------------------------------------------------*/
.aga-footer {
font-size: .8em; }
.aga-footer ul {
padding: 0;
margin: 0;
overflow: auto; }
.aga-footer ul li {
display: block;
float: left;
margin-right: 10px; }
.aga-esrb {
float: right;
margin-left: 16px; }
.aga-esrb-text {
margin-right: 80px;
margin-top: 12px;
font-size: 12px;
text-align: right;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none; }
.entry-footer {
background: #fff;
padding: 0 2em 20px; }
.site-footer {
padding: 0 2em; }
.aga-footer .widget-title {
display: none; }
.site-info {
background: #fff;
padding: 30px;
border-top: 1px solid #eee; }
/*--------------------------------------------------------------
Media Styles
--------------------------------------------------------------*/
@media screen and (max-width: 800px) {
.aga-footer-rating {
text-align: center; }
.aga-esrb {
float: none;
margin: 0 auto 10px; }
.aga-esrb-text {
margin: 0 0 10px;
text-align: center; } }
@media screen and (max-width: 650px) {
.site-footer {
padding: 0px; } }
@media screen and (max-width: 416px) {
.aga-esrb {
float: none; } }
/*--------------------------------------------------------------
10.6 Character Pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.5.1 Character Pages
--------------------------------------------------------------*/
.aga-character {
width: 280px;
float: right;
margin: 0 -120px 20px 20px;
border: 1px solid #dadada;
padding: 30px;
overflow: auto; }
.aga-character-portrait {
margin-bottom: 1em; }
.aga-character-details {
font-size: .9em; }
.aga-character-details dd {
margin-bottom: .6em; }
.aga-chracter-title {
font-weight: bold; }
.character-gallery {
display: flex;
flex-flow: wrap;
justify-content: center; }
#menu-characters {
list-style-type: none; }
.aga-attack-preview {
float: left;
width: 200px;
margin: 0 20px 0 -120px; }
.aga-attack-preview img {
width: 100%; }
.aga-character-timeline img {
width: 264px;
margin: 0 auto; }
.character-divider {
clear: both;
background-color: #fff;
margin: 4px 0; }
/* Character Next/Previous Buttons */
.btn-previous,
.btn-next {
display: block;
height: 36px;
padding-top: 4px;
color: #c0c0c0;
text-decoration: none; }
.btn-previous:visited,
.btn-next:visited {
color: #c0c0c0; }
.btn-previous {
background: url(images/previous.gif) no-repeat top left;
padding-left: 45px; }
.btn-next {
background: url(images/next.gif) no-repeat top right;
padding-right: 45px; }
.accordion .movelist-container {
margin-bottom: 0;
border-top: none; }
.accordion-toggle .movelist-portrait {
opacity: 1; }
.accordion-toggle .movelist-portrait:hover {
opacity: 0.8; }
.accordion-movelist {
margin-bottom: 16px; }
/* How to Play */
.htp-container img {
margin-bottom: 32px; }
.htp-table {
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa; }
.htp-table td, .htp-table th {
padding: 4px 8px;
border-left: 1px solid #aaa;
border-top: 1px solid #aaa; }
.htp-table th {
background: #444;
color: #fff; }
.htp-table .label {
width: 20%;
background: #eee; }
.htp-table .id {
padding: 3px 6px;
background: #ffc50c; }
.htp-figure {
float: right;
margin-left: 24px;
margin-bottom: 24px; }
/*--------------------------------------------------------------
Media Styles
--------------------------------------------------------------*/
@media screen and (max-width: 1100px) {
.aga-character {
margin-right: 0; } }
@media screen and (max-width: 800px) {
.aga-character-timeline, .aga-character-vine {
float: none !important;
text-align: center;
margin-bottom: 20px; }
.aga-attack-preview {
float: none;
margin: 1em 0; } }
@media screen and (max-width: 650px) {
.aga-character {
width: 80%;
margin: 0 auto 2em;
float: none;
overflow: auto; } }
@media screen and (max-width: 416px) {
.aga-character {
width: 100%; }
.aga-character-portrait {
order: 2;
flex: 0 0 100%; }
.aga-character-portrait img {
margin: 0 auto; }
.aga-character-details {
order: 1;
flex: 0 0 100%; }
.aga-character-timeline {
width: 100%;
margin: 20px 0; }
.aga-character-timeline img {
width: 100%; }
.htp-table .label {
width: 30%; }
.htp-figure {
float: none;
margin-left: 0; } }
/*--------------------------------------------------------------
10.7 Purchase Page
--------------------------------------------------------------*/
/* Purchase Page */
.logo-platform {
display: block;
margin-bottom: 10px;
height: 40px; }
.bullet-points {
margin: 0 0 36px;
padding: 0; }
.bullet-points li {
display: block; }
.bullet-sponsors {
margin: 0 -16px 32px;
display: flex;
justify-content: center;
flex-wrap: wrap; }
.bullet-sponsors li {
float: left;
transition: all .2s ease-in-out;
display: block;
padding: 12px 16px 8px; }
.bullet-sponsors li:hover {
transform: scale(1.1); }
.bullet-sponsors img {
height: 35px; }
.bullet-sponsors::after {
content: "";
clear: both;
display: table; }
.bullet-purchase {
display: flex;
justify-content: center;
border-bottom: 1px solid #eee;
margin-top: -20px; }
.bullet-purchase .buy-now {
/* padding-top: 16px;
font-size: 0.8em;*/ }
.bullet-purchase li {
text-align: center; }
.bullet-purchase img {
/*height: auto;*/ }
.bullet-costumes {
margin-left: 24px; }
.product-selector {
margin-bottom: 36px; }
.product-selector ul {
content: "";
display: table;
margin: 0 -16px;
display: flex;
flex-wrap: wrap;
align-items: center; }
.product-selector ul .divider {
border-left: 1px solid #eee;
padding-left: 16px;
margin-left: 0; }
.product-selector li {
display: block;
/*float:left;*/
padding: 0 16px;
width: 25%;
transition: all .2s ease-in-out; }
.product-selector li a {
display: block; }
.product-selector li:hover {
transform: scale(1.1); }
.product-container h5 {
margin-bottom: 8px;
color: #515151; }
.product-container .product {
border-bottom: 1px solid #eee;
padding: 36px 0 !important; }
.product-container .product .product-image {
width: 28%; }
.product-container .product .product-description {
width: 72%;
padding-left: 24px; }
.product-container div:last-of-type {
border-bottom: none;
padding-bottom: 0px !important;
margin-bottom: 0px !important; }
/*--------------------------------------------------------------
Media Styles
--------------------------------------------------------------*/
@media screen and (max-width: 650px) {
.product-selector li {
width: 50%; }
.bullet-sponsors img {
height: 24px; }
.bullet-sponsors img {
/*height: auto;*/ }
.bullet-purchase {
flex-wrap: wrap; }
.bullet-purchase li {
padding: 4px 8px; } }
@media screen and (max-width: 416px) {
.product-container .product .product-image {
width: 100%;
margin-bottom: 16px; }
.product-container .product .product-description {
width: 100%;
padding-left: 0; }
.bullet-purchase {
margin-top: -10px; } }
/*--------------------------------------------------------------
10.8 Homepage
--------------------------------------------------------------*/
/* Homepage */
.our-family-list {
margin: 0;
padding: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.our-family-list li {
display: inline;
margin: 4px; }
.our-family-list li a {
display: block; }
.our-family-list li img {
/*width:200px;*/
/*vertical-align: middle;*/ }
.our-family-list .sf30 {
width: 160px; }
.our-family-list .usf2 {
width: 180px; }
.our-family-list .usf4 {
width: 220px; }
.our-family-list .sfxtk {
width: 260px; }
.panel-content {
width: 70%;
float: left; }
.panel-ken, .panel-ryu, .panel-sfvae {
width: 100%;
display: block; }
.panel-ken, .panel-ryu {
overflow: auto; }
.panel-ken {
/*background:url('images/bg-homepage-ken.jpg') no-repeat top right;*/
background: url("images/bg-homepage-street.jpg") no-repeat top right;
padding: 4em 2.5em;
color: #fff;
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
background-size: cover;
background-position: 60%;
/*min-height: 500px;*/
width: 100vw; }
.panel-ken h2, .panel-ken h4 {
color: #f7ca13;
text-align: center; }
.panel-ken h4 {
margin: 0; }
.panel-ryu {
background: url("images/bg-homepage-ryu.jpg") no-repeat top right;
padding: 4em 2em;
max-height: 780px; }
.panel-sfvae-bottom {
background: url("images/bg-homepage-akuma-footer.jpg") no-repeat bottom center #0b0d12;
background-size: 100% auto; }
.content-container {
position: relative; }
.sfvea-keyart-overlay-container {
position: relative; }
.sfvea-keyart-overlay {
width: 100%;
height: auto;
overflow: hidden;
background: #4a061b;
background: linear-gradient(90deg, #4a061b 0%, #4a061b 49%, #030e6a 50%, #030e6a 100%); }
.sfvea-keyart {
background-image: url("images/SFVDE_KeyArt_Horiz_Final-web.jpg");
background-position: top center;
background-size: 150%;
background-repeat: no-repeat;
height: 100%;
width: auto;
position: relative;
margin: -15px auto 0;
z-index: 9;
display: block;
overflow: hidden;
/* positioning */ }
.sfvea-keyart .keyart-content {
max-width: 960px;
height: 100%;
margin: 200px auto 64px;
display: block; }
.sfvea-keyart .keyart-content .slick-dots p {
text-shadow: 1px 1px 1px black, 0px 0px 4px black; }
.sfvea-keyart img {
width: 100%;
max-width: 100%; }
.sfvea-keyart .video-rotate {
transition: all .3s ease-in-out;
display: inline-block;
float: right; }
.sfvea-keyart .video-rotate .widget {
margin-bottom: 0; }
.sfvea-keyart .slick-list, .sfvea-keyart .slick-dots img {
border: 1px solid #e9c018; }
.sfvea-keyart .slick-dotted.slick-slider {
margin-bottom: 0; }
.sfvea-keyart .preorder-link {
text-align: center;
float: left; }
.sfvea-keyart .preorder-link .boxart-sfvae {
margin-bottom: 25px; }
.sfvea-keyart .preorder-link a {
margin: 0 auto;
display: block;
position: relative; }
.sfvea-keyart .preorder-link img {
width: auto; }
.sfvea-keyart .preorder-link .preorder-button {
/*display: inline-block;*/
background: #e73827;
position: absolute;
max-width: 102px;
bottom: -10px;
left: 0;
right: 0;
padding: 6px 8px;
margin: -16px auto 0;
border-radius: 4px;
color: #fff;
text-decoration: none; }
.sfvea-keyart .preorder-link:hover .preorder-button {
background: #f6270c; }
.sfvea-keyart .video-rotate {
width: 75%; }
.sfvea-keyart .preorder-link {
width: 25%; }
.sfvea-keyart .release-date {
color: #fff;
text-align: center;
text-shadow: 0px 0px 6px #000;
position: absolute;
top: 35%;
left: 0;
right: 0;
margin: 0 auto; }
.panel-sfvae {
background: url("images/bg-akuma-stage.jpg") no-repeat top center #1a1514;
background-size: 100% auto;
padding: 3em 2em 4em;
text-align: center;
z-index: 20;
position: relative;
display: block;
color: #eee;
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); }
.panel-sfvae .panel-content {
margin: 32px auto 0;
float: none; }
.panel-sfvae h2 {
font-size: 2.25em; }
.panel-sfvae h2, .panel-sfvae h4, .panel-sfvae strong.orange {
color: #f7ca13; }
.panel-sfvae li strong {
color: #f7ca13; }
.panel-sfvae .release-date {
position: relative;
width: 100%;
margin: 72px auto 64px;
border: 1px solid #17353d;
padding: 1.75em 1.5em 1.75em 48%;
text-align: left;
border-radius: 4px; }
.panel-sfvae .release-date h4, .panel-sfvae .release-date p {
margin: 6px 0; }
.panel-sfvae .release-date .boxart {
display: block;
width: 240px;
float: left;
margin-right: 32px;
position: absolute;
left: 40px;
top: -48px; }
.panel-sfvae .release-date .boxart img {
display: block; }
.panel-sfvae .release-date .preorder-button {
display: inline-block;
background: #e73827;
padding: 6px 8px;
margin: 0 0 8px;
border-radius: 4px;
color: #fff;
text-decoration: none; }
.panel-sfvae .release-date .preorder-button:hover {
background: #f6270c; }
.panel-sfvae .bonus-costumes h4 {
margin: 16px 0 4px; }
.panel-sfvae .character-pass img {
border: 1px solid #555;
margin-bottom: 18px;
border-radius: 4px; }
.panel-sfvae .sfvae-logo {
position: absolute;
top: -32px;
left: 0;
right: 0;
max-width: 200px;
margin: 0 auto;
z-index: 40;
margin-top: -2em; }
.panel-sfvae .sfvae-title {
display: block;
margin-bottom: 12px; }
.panel-sfvae .sfvae-title .divider {
margin: 16px 0; }
.panel-sfvae .sfvae-title p {
margin: 0; }
.panel-sfvae .sfvae-title img {
display: block;
margin: 0 auto;
margin-bottom: 6px; }
.panel-sfvae .sfvae-title .sfvae-titles.divider {
margin: 10px 0; }
.panel-sfvae .small-title {
font-size: 1.75em !important; }
.panel-sfvae .large-title {
font-size: 2.5em !important;
background: #fed51b; }
.panel-sfvae .date {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: red; }
.sfvae-title {
font-size: 30px !important;
text-transform: uppercase;
letter-spacing: -1px;
background: url("images/sfvae-titles-bg.jpg") repeat-x top #fed51b;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
text-shadow: none !important;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: yellow; }
.sfvae-titles {
background: url("images/sfvae-titles-320.png") no-repeat;
display: block;
margin: 0 auto 12px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden; }
.sfvae-titles.divider {
width: 100%;
height: 8px;
margin-bottom: 8px;
background-position: top center;
overflow: hidden; }
.sfvae-titles.arcade-mode {
width: 234px;
height: 29px;
background-position: 0px -8px; }
.sfvae-titles.gallery {
width: 144px;
height: 29px;
background-position: 0px -37px; }
.sfvae-titles.extra-battle {
width: 233px;
height: 28px;
background-position: 0px -66px; }
.sfvae-titles.new-vtriggers {
width: 267px;
height: 29px;
background-position: 0px -94px; }
.sfvae-titles.new-visuals {
width: 215px;
height: 29px;
background-position: 0px -123px; }
.sfvae-titles.pre-order-bonus {
width: 304px;
height: 28px;
background-position: 0px -152px; }
.sfvae-titles.team-battle {
width: 221px;
height: 28px;
background-position: 0px -180px; }
.sfvae-titles.story-mode {
width: 208px;
height: 28px;
background-position: 0px -236px; }
.sfvae-titles.survival-mode {
width: 256px;
height: 28px;
background-position: 0px -264px; }
.sfvae-titles.challenges {
width: 208px;
height: 28px;
background-position: 0px -292px; }
.sfvae-titles.online-matches {
width: 277px;
height: 28px;
background-position: 0px -320px; }
.sfvae-titles.fight-money {
width: 216px;
height: 28px;
background-position: 0px -348px; }
.sfvae-titles.ps4-pc-cross-play {
width: 314px;
height: 28px;
background-position: 0px -376px; }
.sfvae-titles.season-pass-3 {
width: 312px;
height: 28px;
background-position: 0px -208px; }
.sfvae-bullet-points {
margin: 36px 0 36px;
padding: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.sfvae-bullet-points li {
border: 1px solid #555;
margin-bottom: 24px;
width: 49%;
border-radius: 4px;
position: relative;
overflow: hidden; }
.sfvae-bullet-points li a {
display: block; }
.sfvae-bullet-points li img {
border-radius: 4px;
display: block; }
.sfvae-bullet-points li p {
margin-bottom: 0; }
.sfvae-bullet-points li .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
padding: 2em;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center; }
.image-above li {
border: none;
margin-bottom: 36px; }
.image-above li img {
border: 1px solid #555;
margin-bottom: 18px; }
.image-above li .overlay {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
width: auto;
height: auto;
padding: 0em;
background: transparent;
display: flex;
align-items: center;
justify-content: center; }
.homepage-main {
width: 66%;
float: left;
padding-right: 24px; }
.homepage-twitter {
width: 70%;
float: left; }
.home .content-container {
padding: 0; }
.home #page {
margin-top: 0; }
.home .entry-header {
display: none; }
.home .content-area {
padding: 0; }
.home .entry-footer, .home .site-footer {
padding: 0; }
.home .aga-footer {
max-width: 960px;
display: block;
margin: 0 auto; }
.section {
max-width: 960px;
display: block;
margin: 0 auto; }
.bonus-costumes {
overflow: auto;
margin-bottom: 36px; }
.bonus-costumes .pop {
display: block; }
.bonus-costumes .pop img {
display: block;
border-radius: 4px; }
.bonus-costumes .bonus-left {
width: 49%;
float: left; }
.bonus-costumes .bonus-right {
width: 49%;
float: right; }
.extended {
margin-left: -20%;
margin-right: -20%; }
.three-col-slick {
z-index: 30; }
.slick-item {
padding: 2px; }
.slick-item a {
display: block; }
.slick-item a img {
border: 1px solid #f3cb11;
border-radius: 4px; }
.slick-prev, .slick-next {
box-shadow: none !important;
margin-top: 0 !important; }
.slick-prev:before, .slick-next:before {
color: #f3cb11 !important;
content: '' !important; }
.slick-prev {
display: block;
height: 42px !important;
width: 23px !important;
background: url("images/slick-left.png") no-repeat !important;
left: -32px !important; }
.slick-next {
display: block;
height: 42px !important;
width: 23px !important;
background: url("images/slick-right.png") no-repeat !important;
right: -32px !important; }
.mfp-iframe-holder .mfp-content {
max-width: 1800px !important; }
button.mfp-arrow {
margin-bottom: 0; }
button.mfp-arrow-left {
display: block;
height: 110px !important;
width: 30px !important;
background: url("images/slick-left.png") no-repeat center !important;
left: 24px !important; }
button.mfp-arrow-right {
display: block;
height: 110px !important;
width: 30px !important;
background: url("images/slick-right.png") no-repeat center !important;
right: 24px !important; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b, .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
opacity: 0 !important; }
.mfp-arrow:before, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow .mfp-a {
opacity: 0 !important; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
margin-top: 0px; }
.thecube {
width: 75px;
height: 75px;
margin: 0 auto;
margin-top: 50px;
position: relative;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg); }
.thecube .cube {
position: relative;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg); }
.thecube .cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.thecube .cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #e9c018;
-webkit-animation: foldthecube 2.4s infinite linear both;
animation: foldthecube 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%; }
.thecube .c2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg); }
.thecube .c3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg); }
.thecube .c4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg); }
.thecube .c2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.thecube .c3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s; }
.thecube .c4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s; }
@keyframes foldthecube {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0; }
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1; }
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0; } }
.benchmark {
margin-bottom: 32px; }
.benchmark a {
display: inline-block;
text-align: center; }
.benchmark img {
display: block; }
/*--------------------------------------------------------------
Media Styles
--------------------------------------------------------------*/
@media screen and (max-width: 1800px) {
.panel-sfvae {
background-size: auto; } }
@media screen and (max-width: 1300px) {
.sfvea-keyart-overlay {
background: #0a0a0a; }
.sfvea-keyart {
background-size: 170% auto; } }
@media screen and (max-width: 960px) {
.panel-sfvae .release-date {
margin: 72px auto 32px;
padding: 1.75em 1.5em 1.75em 48%; }
.panel-sfvae .release-date .boxart {
display: block;
width: 200px;
left: 24px;
top: -48px; }
.sfvea-keyart .keyart-content {
/*overflow: auto;*/
padding: 0px 32px 0;
margin-top: 360px; } }
@media screen and (max-width: 800px) {
.panel-ken {
background: url("images/bg-homepage-street.jpg") no-repeat;
background-size: cover;
padding: 2em; }
.panel-ryu {
background-position: 10% top; }
.panel-content {
width: 100%; }
.panel-sfvae {
background-size: 125% auto;
padding: 2em; }
.extended {
margin-left: 0;
margin-right: 0; }
.bonus-costumes {
border: 1px solid #555;
padding: 1.75em 1.5em 2em;
border-radius: 4px; }
.bonus-costumes .bonus-left, .bonus-costumes .bonus-right {
width: 100%;
float: none;
margin: 16px 0; }
.sfvae-bullet-points {
margin-bottom: 0px; }
.sfvae-bullet-points li {
width: 100%; }
.sfvea-keyart-overlay {
height: auto;
/*background: #000;*/ }
.sfvea-keyart {
height: auto;
width: auto;
position: relative;
margin-top: 0;
top: auto;
left: auto;
right: auto;
bottom: auto; }
.sfvea-keyart .keyart-content {
position: relative;
margin: 0 auto;
top: auto;
left: auto;
right: auto;
bottom: auto;
padding: 2em; }
.sfvea-keyart .keyart-content .slick-list {
width: 100%; }
.sfvea-keyart .keyart-content .slick-dots {
margin: 4px 0 0 !important; }
.sfvea-keyart .keyart-content .slick-dots li {
width: 33.33%;
padding: 6px; }
.sfvea-keyart .keyart-content .slick-dots li p {
/*color: #444;*/
text-shadow: none; }
.sfvea-keyart .preorder-button {
font-size: 0.8em; }
.sfvea-keyart .preorder-link, .sfvea-keyart .video-rotate {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
float: none; }
.sfvea-keyart .preorder-link {
width: 100%;
margin: 240px auto 40px;
display: flex;
justify-content: center; }
.sfvea-keyart .preorder-link a {
margin: 0 10px; }
.sfvea-keyart .preorder-link .boxart-sfvae, .sfvea-keyart .preorder-link .boxart-sf30 {
width: 50%;
margin-bottom: 0; }
.sfvea-keyart .preorder-link img {
width: 100%; }
.sfvea-keyart .video-rotate {
width: 100%; }
.sfvea-keyart .video-rotate p {
/*display: none;*/ } }
@media screen and (max-width: 650px) {
.three-col-slick {
margin-top: 0px; }
.panel-sfvae .panel-content {
margin-top: 32px; }
.panel-sfvae .large-title {
font-size: 1.75em !important; }
.panel-sfvae .small-title {
font-size: 1em !important; }
button.mfp-arrow-left {
left: 16px !important; }
button.mfp-arrow-right {
right: 16px !important; }
.sfvea-keyart-overlay {
margin-top: 50px; } }
@media screen and (max-width: 570px) {
.panel-sfvae .release-date {
margin: 300px auto 0px;
padding: 1.75em 1.5em 2em;
text-align: center; }
.panel-sfvae .release-date .boxart {
display: block;
width: 200px;
left: 0;
right: 0;
margin: 0 auto;
top: -275px; }
.sfvae-bullet-points li {
border: none; }
.sfvae-bullet-points li img {
margin-bottom: 20px;
border: 1px solid #555; }
.sfvae-bullet-points li .overlay {
position: relative;
width: auto;
height: auto;
padding: 0em;
background: rgba(0, 0, 0, 0);
display: flex;
align-items: center;
justify-content: center; } }
@media screen and (max-width: 416px) {
.homepage-main {
width: 100%;
float: none;
padding-right: 0;
margin-bottom: 16px; }
.homepage-twitter {
width: 100%;
float: none; }
.panel-ryu {
background-position: 35% top; }
.bonus-costumes {
margin: 0 -2em; } }
/*--------------------------------------------------------------
10.9 30th Anniversary Page
--------------------------------------------------------------*/
/* Purchase Page */
.street-fighter-30th-anniversary-collection .entry-header {
display: none; }
.street-fighter-30th-anniversary-collection .page-content, .street-fighter-30th-anniversary-collection .entry-content, .street-fighter-30th-anniversary-collection .entry-summary, .street-fighter-30th-anniversary-collection .entry-footer, .street-fighter-30th-anniversary-collection .site-info {
background: transparent; }
.street-fighter-30th-anniversary-collection .site-info {
border-top: 1px solid #222; }
.street-fighter-30th-anniversary-collection .site-info a {
color: #c60c0c; }
.street-fighter-30th-anniversary-collection .site-info a:hover {
color: red; }
.street-fighter-30th-anniversary-collection .content-container {
padding: 0; }
.street-fighter-30th-anniversary-collection .logo {
margin: -80px auto 32px;
text-align: center; }
.street-fighter-30th-anniversary-collection .boxart, .street-fighter-30th-anniversary-collection .video {
float: none !important;
width: 80% !important;
margin: 0 auto 24px !important; }
.street-fighter-30th-anniversary-collection .video {
margin-bottom: 32px !important; }
.street-fighter-30th-anniversary-collection .description {
float: none !important;
width: 80% !important;
margin: 0 auto 32px !important;
text-align: center; }
.street-fighter-30th-anniversary-collection p, .street-fighter-30th-anniversary-collection span {
color: #efefef;
font-size: 0.9em; }
.street-fighter-30th-anniversary-collection .sf30-logos {
clear: both;
margin: 24px 0;
padding: 24px 0;
border-top: 1px solid #444;
border-bottom: 1px solid #444; }
.street-fighter-30th-anniversary-collection .sf30-logos ul {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%; }
.street-fighter-30th-anniversary-collection .sf30-logos ul li {
width: 16.66%;
display: block;
margin: 0;
padding: 0;
position: relative; }
.street-fighter-30th-anniversary-collection .sf30-logos ul li .online {
width: 16px;
height: 16px;
position: absolute;
bottom: 10px;
right: 10px; }
.street-fighter-30th-anniversary-collection .sf30-character {
width: 400px;
margin: -40px 16px 0 16px; }
.street-fighter-30th-anniversary-collection .sf30-character img {
max-width: 100%;
width: 100%; }
.street-fighter-30th-anniversary-collection h4 {
margin: 32px 0 0 !important; }
.street-fighter-30th-anniversary-collection .sf30-features {
padding-top: 16px; }
.street-fighter-30th-anniversary-collection .trailer {
display: block;
margin: 0 0 64px;
clear: both; }
.street-fighter-30th-anniversary-collection .col-half {
width: 50%; }
.street-fighter-30th-anniversary-collection .three-col-slick {
clear: both; }
.street-fighter-30th-anniversary-collection .gallery {
clear: both; }
.street-fighter-30th-anniversary-collection .divider {
margin: 32px 0; }
.street-fighter-30th-anniversary-collection .gform_body h4, .street-fighter-30th-anniversary-collection .gform_body p {
text-align: center; }
/*--------------------------------------------------------------
Media Styles
--------------------------------------------------------------*/
@media screen and (max-width: 800px) {
.street-fighter-30th-anniversary-collection .sf30-character {
width: 300px; } }
@media screen and (max-width: 650px) {
.street-fighter-30th-anniversary-collection .logo {
width: 80%;
margin: -64px auto 32px; }
.street-fighter-30th-anniversary-collection .boxart {
width: 100% !important;
padding: 0 24px; }
.street-fighter-30th-anniversary-collection .description {
width: 100% !important;
padding: 0 24px; }
.street-fighter-30th-anniversary-collection .sf30-character, .street-fighter-30th-anniversary-collection .sf30-features {
width: 100%; }
.street-fighter-30th-anniversary-collection .sf30-character {
margin: -32px 0 0;
padding: 0 24px;
text-align: center; }
.street-fighter-30th-anniversary-collection .sf30-features {
padding: 0 24px; } }
@media screen and (max-width: 416px) {
.street-fighter-30th-anniversary-collection .logo {
width: 60%;
margin: -32px auto 32px; }
.street-fighter-30th-anniversary-collection .sf30-logos ul li {
width: 25%; }
.street-fighter-30th-anniversary-collection .gallery-columns-3 .gallery-item {
max-width: 50% !important; } }
/*--------------------------------------------------------------
10.10 30th Anniversary Tournaments Page
--------------------------------------------------------------*/
/* SF30 Tournament Page */
.street-fighter-30th-anniversary-collection-tournament-series, .sf30-page {
margin-top: -250px;
text-align: center; }
.street-fighter-30th-anniversary-collection-tournament-series h1, .street-fighter-30th-anniversary-collection-tournament-series h2, .street-fighter-30th-anniversary-collection-tournament-series h3, .street-fighter-30th-anniversary-collection-tournament-series h4, .street-fighter-30th-anniversary-collection-tournament-series h5, .street-fighter-30th-anniversary-collection-tournament-series h6, .street-fighter-30th-anniversary-collection-tournament-series p, .sf30-page h1, .sf30-page h2, .sf30-page h3, .sf30-page h4, .sf30-page h5, .sf30-page h6, .sf30-page p {
display: block;
float: none;
color: #fff;
text-shadow: 0 0 4px #000;
width: 100%; }
.street-fighter-30th-anniversary-collection-tournament-series a, .street-fighter-30th-anniversary-collection-tournament-series a:visited, .sf30-page a, .sf30-page a:visited {
color: #75afff; }
.street-fighter-30th-anniversary-collection-tournament-series a:hover, .sf30-page a:hover {
color: #d9e2ff; }
.street-fighter-30th-anniversary-collection-tournament-series .entry-header, .sf30-page .entry-header {
display: none; }
.street-fighter-30th-anniversary-collection-tournament-series .page-content, .street-fighter-30th-anniversary-collection-tournament-series .entry-content, .street-fighter-30th-anniversary-collection-tournament-series .entry-summary, .street-fighter-30th-anniversary-collection-tournament-series .entry-footer, .street-fighter-30th-anniversary-collection-tournament-series .site-info, .sf30-page .page-content, .sf30-page .entry-content, .sf30-page .entry-summary, .sf30-page .entry-footer, .sf30-page .site-info {
background: transparent; }
.street-fighter-30th-anniversary-collection-tournament-series .site-info, .sf30-page .site-info {
border-top: 1px solid #222; }
.street-fighter-30th-anniversary-collection-tournament-series .site-info a, .sf30-page .site-info a {
color: #c60c0c; }
.street-fighter-30th-anniversary-collection-tournament-series .site-info a:hover, .sf30-page .site-info a:hover {
color: red; }
.street-fighter-30th-anniversary-collection-tournament-series .content-container, .sf30-page .content-container {
padding: 0; }
.street-fighter-30th-anniversary-collection-tournament-series .logo, .sf30-page .logo {
margin: -80px auto 32px;
text-align: center; }
.street-fighter-30th-anniversary-collection-tournament-series .boxart, .street-fighter-30th-anniversary-collection-tournament-series .video, .sf30-page .boxart, .sf30-page .video {
float: none !important;
width: 80% !important;
margin: 0 auto 24px !important; }
.street-fighter-30th-anniversary-collection-tournament-series .video, .sf30-page .video {
margin-bottom: 32px !important; }
.street-fighter-30th-anniversary-collection-tournament-series .video .fluid-width-video-wrapper, .sf30-page .video .fluid-width-video-wrapper {
margin-bottom: 32px !important; }
.street-fighter-30th-anniversary-collection-tournament-series .description, .sf30-page .description {
float: none !important;
width: 80% !important;
margin: 0 auto 32px !important;
text-align: center; }
.street-fighter-30th-anniversary-collection-tournament-series p, .street-fighter-30th-anniversary-collection-tournament-series span, .sf30-page p, .sf30-page span {
color: #efefef;
font-size: 0.9em; }
.street-fighter-30th-anniversary-collection-tournament-series .sf30-logos, .sf30-page .sf30-logos {
clear: both;
margin: 24px 0 64px;
padding: 24px 0;
border-top: 1px solid none;
border-bottom: 1px solid none; }
.street-fighter-30th-anniversary-collection-tournament-series .sf30-logos ul, .sf30-page .sf30-logos ul {
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%; }
.street-fighter-30th-anniversary-collection-tournament-series .sf30-logos ul li, .sf30-page .sf30-logos ul li {
width: 33.33%;
display: block;
margin: 0;
padding: 0;
position: relative; }
.street-fighter-30th-anniversary-collection-tournament-series .sf30-logos ul li .online, .sf30-page .sf30-logos ul li .online {
width: 16px;
height: 16px;
position: absolute;
bottom: 10px;
right: 10px; }
.street-fighter-30th-anniversary-collection-tournament-series .sf30-logos ul li:nth-of-type(2) img, .sf30-page .sf30-logos ul li:nth-of-type(2) img {
margin-left: 20px; }
.street-fighter-30th-anniversary-collection-tournament-series .sf30-character, .sf30-page .sf30-character {
width: 400px;
margin: -40px 16px 0 16px; }
.street-fighter-30th-anniversary-collection-tournament-series .sf30-character img, .sf30-page .sf30-character img {
max-width: 100%;
width: 100%; }
.street-fighter-30th-anniversary-collection-tournament-series h4, .sf30-page h4 {
margin: 32px 0 0 !important; }
.street-fighter-30th-anniversary-collection-tournament-series .sf30-features, .sf30-page .sf30-features {
padding-top: 16px; }
.street-fighter-30th-anniversary-collection-tournament-series .trailer, .sf30-page .trailer {
display: block;
margin: 0 0 64px;
clear: both; }
.street-fighter-30th-anniversary-collection-tournament-series .col-half, .sf30-page .col-half {
width: 50%; }
.street-fighter-30th-anniversary-collection-tournament-series .three-col-slick, .sf30-page .three-col-slick {
clear: both; }
.street-fighter-30th-anniversary-collection-tournament-series .gallery, .sf30-page .gallery {
clear: both; }
.street-fighter-30th-anniversary-collection-tournament-series .divider, .sf30-page .divider {
margin: 32px 0; }
.street-fighter-30th-anniversary-collection-tournament-series .gform_body h4, .street-fighter-30th-anniversary-collection-tournament-series .gform_body p, .sf30-page .gform_body h4, .sf30-page .gform_body p {
text-align: center; }
.street-fighter-30th-anniversary-collection-tournament-series .ssf2t-tournament, .street-fighter-30th-anniversary-collection-tournament-series .sfa3-tournament, .street-fighter-30th-anniversary-collection-tournament-series .sf3ts-tournament, .street-fighter-30th-anniversary-collection-tournament-series .sf30-rules, .sf30-page .ssf2t-tournament, .sf30-page .sfa3-tournament, .sf30-page .sf3ts-tournament, .sf30-page .sf30-rules {
position: relative;
display: block; }
.street-fighter-30th-anniversary-collection-tournament-series .ssf2t-tournament .overlay, .street-fighter-30th-anniversary-collection-tournament-series .sfa3-tournament .overlay, .street-fighter-30th-anniversary-collection-tournament-series .sf3ts-tournament .overlay, .street-fighter-30th-anniversary-collection-tournament-series .sf30-rules .overlay, .sf30-page .ssf2t-tournament .overlay, .sf30-page .sfa3-tournament .overlay, .sf30-page .sf3ts-tournament .overlay, .sf30-page .sf30-rules .overlay {
position: absolute;
display: block;
width: 100%;
height: 100%;
z-index: 1; }
.street-fighter-30th-anniversary-collection-tournament-series .ssf2t-tournament .tournament-details, .street-fighter-30th-anniversary-collection-tournament-series .sfa3-tournament .tournament-details, .street-fighter-30th-anniversary-collection-tournament-series .sf3ts-tournament .tournament-details, .street-fighter-30th-anniversary-collection-tournament-series .sf30-rules .tournament-details, .sf30-page .ssf2t-tournament .tournament-details, .sf30-page .sfa3-tournament .tournament-details, .sf30-page .sf3ts-tournament .tournament-details, .sf30-page .sf30-rules .tournament-details {
padding: 64px 0;
max-width: 60%; }
.street-fighter-30th-anniversary-collection-tournament-series .ssf2t-tournament .tournament-details .game-logo, .street-fighter-30th-anniversary-collection-tournament-series .sfa3-tournament .tournament-details .game-logo, .street-fighter-30th-anniversary-collection-tournament-series .sf3ts-tournament .tournament-details .game-logo, .street-fighter-30th-anniversary-collection-tournament-series .sf30-rules .tournament-details .game-logo, .sf30-page .ssf2t-tournament .tournament-details .game-logo, .sf30-page .sfa3-tournament .tournament-details .game-logo, .sf30-page .sf3ts-tournament .tournament-details .game-logo, .sf30-page .sf30-rules .tournament-details .game-logo {
margin: 0 auto 32px;
width: 100%;
max-width: 640px; }
.street-fighter-30th-anniversary-collection-tournament-series .ssf2t-tournament .details, .street-fighter-30th-anniversary-collection-tournament-series .sfa3-tournament .details, .street-fighter-30th-anniversary-collection-tournament-series .sf3ts-tournament .details, .street-fighter-30th-anniversary-collection-tournament-series .sf30-rules .details, .sf30-page .ssf2t-tournament .details, .sf30-page .sfa3-tournament .details, .sf30-page .sf3ts-tournament .details, .sf30-page .sf30-rules .details {
padding: 64px 0; }
.street-fighter-30th-anniversary-collection-tournament-series .ssf2t-tournament, .sf30-page .ssf2t-tournament {
background: url("images/bg-sf30-ssf2t-results.jpg") no-repeat top center #012b5d;
background-position: center -80px;
border-top: 10px solid #ffc902;
border-bottom: 10px solid #f8124d; }
.street-fighter-30th-anniversary-collection-tournament-series .ssf2t-tournament .overlay, .sf30-page .ssf2t-tournament .overlay {
background: rgba(0, 0, 0, 0.2); }
.street-fighter-30th-anniversary-collection-tournament-series .sfa3-tournament, .sf30-page .sfa3-tournament {
background: url("images/bg-sf30-sfa3-fade.jpg") no-repeat top center #fff;
border-bottom: 10px solid #8e1121; }
.street-fighter-30th-anniversary-collection-tournament-series .sfa3-tournament .overlay, .sf30-page .sfa3-tournament .overlay {
background: rgba(0, 0, 0, 0.1); }
.street-fighter-30th-anniversary-collection-tournament-series .sf3ts-tournament, .sf30-page .sf3ts-tournament {
background: url("images/bg-sf30-sf3ts-fade.jpg") no-repeat top center #664d62;
background-position: center -160px;
border-bottom: 10px solid #ffc902; }
.street-fighter-30th-anniversary-collection-tournament-series .sf3ts-tournament .overlay, .sf30-page .sf3ts-tournament .overlay {
background: rgba(0, 0, 0, 0.1); }
.street-fighter-30th-anniversary-collection-tournament-series .sf30-rules, .sf30-page .sf30-rules {
border-top: 1px solid #333;
background: repeating-linear-gradient(-70deg, #333, #333 1px, #111 1px, #111 20px); }
.street-fighter-30th-anniversary-collection-tournament-series .sf30-rules section, .sf30-page .sf30-rules section {
max-width: 800px;
text-align: left; }
.street-fighter-30th-anniversary-collection-tournament-series .sf30-rules section li, .street-fighter-30th-anniversary-collection-tournament-series .sf30-rules section p, .sf30-page .sf30-rules section li, .sf30-page .sf30-rules section p {
color: #959595; }
.street-fighter-30th-anniversary-collection-tournament-series .sf30-rules h3, .sf30-page .sf30-rules h3 {
margin: 36px 0 20px; }
.street-fighter-30th-anniversary-collection-tournament-series .table-tournament img, .sf30-page .table-tournament img {
max-height: 90px;
display: block;
margin-bottom: 10px; }
.street-fighter-30th-anniversary-collection-tournament-series .table-tournament .sf30-winner, .sf30-page .table-tournament .sf30-winner {
display: flex;
flex-wrap: wrap; }
.street-fighter-30th-anniversary-collection-tournament-series .table-tournament .sf30-winner .winner-photo, .sf30-page .table-tournament .sf30-winner .winner-photo {
width: 15%; }
.street-fighter-30th-anniversary-collection-tournament-series .table-tournament .sf30-winner .winner-details, .sf30-page .table-tournament .sf30-winner .winner-details {
width: 85%;
padding-left: 15px; }
.street-fighter-30th-anniversary-collection-tournament-series .table-tournament .sf30-winner .winner-details h4, .street-fighter-30th-anniversary-collection-tournament-series .table-tournament .sf30-winner .winner-details p, .sf30-page .table-tournament .sf30-winner .winner-details h4, .sf30-page .table-tournament .sf30-winner .winner-details p {
margin: 0 !important;
color: #959595; }
.street-fighter-30th-anniversary-collection-tournament-series .table-tournament .sf30-winner .winner-details .handle, .sf30-page .table-tournament .sf30-winner .winner-details .handle {
font-weight: bold;
color: #fff; }
.street-fighter-30th-anniversary-collection-tournament-series table, .sf30-page table {
border-collapse: separate;
background: #101010;
border: 1px solid #5e5e5e;
margin-bottom: 1em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }
.street-fighter-30th-anniversary-collection-tournament-series thead, .sf30-page thead {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; }
.street-fighter-30th-anniversary-collection-tournament-series thead th, .sf30-page thead th {
color: #fff;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
text-align: left;
padding: 16px 20px;
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1b1b1b), color-stop(100%, #000));
background-image: -moz-linear-gradient(#1b1b1b, #000);
background-image: -webkit-linear-gradient(#1b1b1b, #000);
background-image: linear-gradient(#1b1b1b, #000);
border-top: 1px solid #2a2a2a;
font-weight: normal;
font-size: 0.9rem;
border-bottom: 1px solid #333; }
.street-fighter-30th-anniversary-collection-tournament-series thead th:first-child, .sf30-page thead th:first-child {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px; }
.street-fighter-30th-anniversary-collection-tournament-series thead th:last-child, .sf30-page thead th:last-child {
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px; }
.street-fighter-30th-anniversary-collection-tournament-series tbody tr td, .sf30-page tbody tr td {
font-weight: 400;
color: #959595;
font-size: 0.9rem;
padding: 16px 20px;
border-bottom: 1px solid #2a2a2a;
vertical-align: top; }
.street-fighter-30th-anniversary-collection-tournament-series tbody tr td:first-of-type, .sf30-page tbody tr td:first-of-type {
color: #959595; }
.street-fighter-30th-anniversary-collection-tournament-series tbody tr:nth-child(2n), .sf30-page tbody tr:nth-child(2n) {
background: #000; }
.street-fighter-30th-anniversary-collection-tournament-series tbody tr:last-child td, .sf30-page tbody tr:last-child td {
border-bottom: none; }
.street-fighter-30th-anniversary-collection-tournament-series tbody tr:last-child td:first-child, .sf30-page tbody tr:last-child td:first-child {
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px; }
.street-fighter-30th-anniversary-collection-tournament-series tbody tr:last-child td:last-child, .sf30-page tbody tr:last-child td:last-child {
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px; }
.street-fighter-30th-anniversary-collection-tournament-series .table-tournament tbody tr td:first-of-type, .sf30-page .table-tournament tbody tr td:first-of-type {
width: 20%; }
.street-fighter-30th-anniversary-collection-tournament-series .site-info, .sf30-page .site-info {
text-align: left; }
.street-fighter-30th-anniversary-collection-tournament-series .table-responsive, .sf30-page .table-responsive {
margin-bottom: 1em;
overflow-y: hidden; }
.street-fighter-30th-anniversary-collection-tournament-series .table-responsive table, .sf30-page .table-responsive table {
margin-bottom: 0; }
.street-fighter-30th-anniversary-collection-tournament-series .results-table, .sf30-page .results-table {
margin: 0 auto !important; }
.street-fighter-30th-anniversary-collection-tournament-series .aga-container, .sf30-page .aga-container {
display: flex;
flex-wrap: wrap; }
.street-fighter-30th-anniversary-collection-tournament-series .aga-container .gallery, .sf30-page .aga-container .gallery {
width: 70%; }
.street-fighter-30th-anniversary-collection-tournament-series .aga-container .gallery .aga-gallery, .sf30-page .aga-container .gallery .aga-gallery {
margin-bottom: 0 !important; }
.street-fighter-30th-anniversary-collection-tournament-series .aga-container .results, .sf30-page .aga-container .results {
width: 30%;
padding: 5px; }
.street-fighter-30th-anniversary-collection-tournament-series .aga-container .results h4, .sf30-page .aga-container .results h4 {
margin: 0 !important; }
.street-fighter-30th-anniversary-collection-tournament-series .aga-container .results-full h4, .sf30-page .aga-container .results-full h4 {
margin: 0 !important; }
.street-fighter-30th-anniversary-collection-tournament-series .toggle-button, .sf30-page .toggle-button {
background-color: transparent;
background-position: 100% 50%;
margin: 0 !important;
padding: 25px 0 35px;
background: none; }
.street-fighter-30th-anniversary-collection-tournament-series .toggle-button .toggle-message, .sf30-page .toggle-button .toggle-message {
float: right;
font-size: 1.5em;
margin-top: 60px;
padding-right: 20px;
text-transform: uppercase;
color: #fff;
background: url(images/character-select-button.png) no-repeat 100% 56%; }
.street-fighter-30th-anniversary-collection-tournament-series .toggle-button .game-logo, .sf30-page .toggle-button .game-logo {
max-height: 120px;
float: left; }
.street-fighter-30th-anniversary-collection-tournament-series .toggle-button:hover .toggle-message, .sf30-page .toggle-button:hover .toggle-message {
color: #fff903; }
.street-fighter-30th-anniversary-collection-tournament-series .toggle-button::after, .sf30-page .toggle-button::after {
content: "";
clear: both;
display: table; }
.street-fighter-30th-anniversary-collection-tournament-series .accordion-content, .sf30-page .accordion-content {
padding-bottom: 40px; }
.street-fighter-30th-anniversary-collection-tournament-series .sf30-video, .sf30-page .sf30-video {
margin-bottom: 20px; }
.street-fighter-30th-anniversary-collection-tournament-series .aga-gallery-item, .sf30-page .aga-gallery-item {
width: 50%;
margin: 0;
padding: 5px; }
.street-fighter-30th-anniversary-collection-tournament-series .aga-gallery-item:first-of-type, .sf30-page .aga-gallery-item:first-of-type {
width: 100%; }
.street-fighter-30th-anniversary-collection-tournament-series .ssf2t-tournament section, .street-fighter-30th-anniversary-collection-tournament-series .sfa3-tournament section, .street-fighter-30th-anniversary-collection-tournament-series .sf3ts-tournament section, .sf30-page .ssf2t-tournament section, .sf30-page .sfa3-tournament section, .sf30-page .sf3ts-tournament section {
max-width: 960px; }
/*--------------------------------------------------------------
Media Styles
--------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
.tournament-details {
float: none !important;
margin: 0 auto !important; } }
@media screen and (max-width: 960px) {
.street-fighter-30th-anniversary-collection-tournament-series .ssf2t-tournament .tournament-details, .street-fighter-30th-anniversary-collection-tournament-series .sfa3-tournament .tournament-details, .street-fighter-30th-anniversary-collection-tournament-series .sf3ts-tournament .tournament-details, .street-fighter-30th-anniversary-collection-tournament-series .sf30-rules .tournament-details, .sf30-page .ssf2t-tournament .tournament-details, .sf30-page .sfa3-tournament .tournament-details, .sf30-page .sf3ts-tournament .tournament-details, .sf30-page .sf30-rules .tournament-details {
max-width: 100%;
float: none !important; } }
@media screen and (max-width: 800px) {
.street-fighter-30th-anniversary-collection .sf30-character {
width: 300px; }
.street-fighter-30th-anniversary-collection-tournament-series .aga-container .gallery, .sf30-page .aga-container .gallery {
width: 100%; }
.street-fighter-30th-anniversary-collection-tournament-series .aga-container .results, .sf30-page .aga-container .results {
width: 100%; }
.street-fighter-30th-anniversary-collection-tournament-series .accordion-content, .sf30-page .accordion-content {
padding-bottom: 0px; } }
@media screen and (max-width: 650px) {
.street-fighter-30th-anniversary-collection .logo {
width: 80%;
margin: -64px auto 32px; }
.street-fighter-30th-anniversary-collection .boxart {
width: 100% !important;
padding: 0 24px; }
.street-fighter-30th-anniversary-collection .description {
width: 100% !important;
padding: 0 24px; }
.street-fighter-30th-anniversary-collection .sf30-character, .street-fighter-30th-anniversary-collection .sf30-features {
width: 100%; }
.street-fighter-30th-anniversary-collection .sf30-character {
margin: -32px 0 0;
padding: 0 24px;
text-align: center; }
.street-fighter-30th-anniversary-collection .sf30-features {
padding: 0 24px; }
.street-fighter-30th-anniversary-collection-tournament-series .ssf2t-tournament .tournament-details, .street-fighter-30th-anniversary-collection-tournament-series .sfa3-tournament .tournament-details, .street-fighter-30th-anniversary-collection-tournament-series .sf3ts-tournament .tournament-details, .street-fighter-30th-anniversary-collection-tournament-series .sf30-rules .tournament-details, .sf30-page .ssf2t-tournament .tournament-details, .sf30-page .sfa3-tournament .tournament-details, .sf30-page .sf3ts-tournament .tournament-details, .sf30-page .sf30-rules .tournament-details {
display: block !important;
padding-bottom: 0px; }
.street-fighter-30th-anniversary-collection-tournament-series .toggle-button, .sf30-page .toggle-button {
text-align: center; }
.street-fighter-30th-anniversary-collection-tournament-series .toggle-button .toggle-message, .sf30-page .toggle-button .toggle-message {
float: none;
margin: 0 auto;
display: inline-block; }
.street-fighter-30th-anniversary-collection-tournament-series .toggle-button .game-logo, .sf30-page .toggle-button .game-logo {
max-height: 100px;
float: none;
margin: 0 auto 10px;
display: block; }
.table-responsive {
width: 100%;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; } }
@media screen and (max-width: 416px) {
.street-fighter-30th-anniversary-collection .logo {
width: 60%;
margin: -32px auto 32px; }
.street-fighter-30th-anniversary-collection .sf30-logos ul li {
width: 25%; }
.street-fighter-30th-anniversary-collection .gallery-columns-3 .gallery-item {
max-width: 50% !important; }
.street-fighter-30th-anniversary-collection-tournament-series .aga-gallery-item, .sf30-page .aga-gallery-item {
width: 100%;
margin: 0 !important;
padding: 5px; }
.street-fighter-30th-anniversary-collection-tournament-series .ssf2t-tournament .tournament-details, .street-fighter-30th-anniversary-collection-tournament-series .sfa3-tournament .tournament-details, .street-fighter-30th-anniversary-collection-tournament-series .sf3ts-tournament .tournament-details, .street-fighter-30th-anniversary-collection-tournament-series .sf30-rules .tournament-details, .sf30-page .ssf2t-tournament .tournament-details, .sf30-page .sfa3-tournament .tournament-details, .sf30-page .sf3ts-tournament .tournament-details, .sf30-page .sf30-rules .tournament-details {
padding: 32px 0 0; }
.street-fighter-30th-anniversary-collection-tournament-series .toggle-button .toggle-message, .sf30-page .toggle-button .toggle-message {
padding: 0 0 20px;
background: url(images/character-select-button.png) no-repeat center bottom transparent;
background-color: transparent;
background-position: center bottom !important; } }
/* Media Page */
.view-all-link {
background: url("images/view-all-icon.gif") no-repeat;
padding: 0 0 0 18px;
margin: 0 0 0 10px;
font-size: .34em;
vertical-align: middle; }
.view-all-link a {
color: #868686; }
.view-all-link:hover {
background-position: 0px -14px; }
.view-all-link:hover a {
color: #f00; }
/*--------------------------------------------------------------
10.7 Utility Styles
--------------------------------------------------------------*/
.clearfix::after {
content: "";
clear: both;
display: table; }
.pull-left {
float: left; }
.pull-right {
float: right; }
.hidden {
display: none; }
.site-content article {
word-wrap: normal;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none; }
.widget-area .widget {
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
word-wrap: normal; }
.mix-container .mix {
display: none; }
/* Twitter Videos */
.aga-character-vine {
max-width: 500px;
margin-top: -8px; }
.twitter-video {
min-width: 500px !important;
max-width: auto !important;
width: 100%;
margin: 0 !important; }
/* Magnific Popup */
.mfp-with-fade .mfp-content,
.mfp-with-fade .mfp-arrow, .mfp-with-fade.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; }
.mfp-with-fade.mfp-ready .mfp-content,
.mfp-with-fade.mfp-ready .mfp-arrow {
opacity: 1; }
.mfp-with-fade.mfp-ready.mfp-bg {
opacity: 0.8; }
.mfp-with-fade.mfp-removing .mfp-content,
.mfp-with-fade.mfp-removing .mfp-arrow, .mfp-with-fade.mfp-removing.mfp-bg {
opacity: 0; }
iframe[name='google_conversion_frame'] {
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin-top: -13px;
float: left; }
.fullscreen {
max-width: 100% !important; }
.full-width {
display: block;
width: 100vw;
left: calc(-50vw + 50%);
overflow: visible;
border-bottom: 1px solid #101010;
position: relative; }
.full-width .overlay {
position: absolute;
display: block;
width: 100%;
height: 100%;
z-index: 1; }
.full-width section {
display: block;
position: relative;
max-width: 1200px;
margin: 0 auto;
z-index: 3;
overflow: auto; }
.accordion {
max-height: none !important; }
.sf30-purchase {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#56a5d9+0,203d6a+100 */
background: #56a5d9;
/* Old browsers */
background: -moz-linear-gradient(top, #56a5d9 0%, #203d6a 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #56a5d9 0%, #203d6a 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #56a5d9 0%, #203d6a 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56a5d9', endColorstr='#203d6a',GradientType=0 );
/* IE6-9 */
border-bottom: none;
margin-top: 60px;
margin-bottom: 60px; }
.sf30-purchase section {
padding: 60px 20px 40px;
overflow: auto; }
.sf30-purchase .sf30-purchase-details {
max-width: 60%;
margin: 0 auto;
text-align: center; }
.sf30-purchase::after {
content: "";
display: table;
clear: both; }
.video-thumbnail {
display: none;
width: 100%; }
.video-box .character-page-title {
color: #fff;
text-transform: uppercase;
position: absolute;
text-align: center;
margin: 0 auto;
left: 0;
right: 0;
bottom: 100px;
font-size: 5em;
text-shadow: 0 0 16px #000; }
.video-box .slide-down {
bottom: 64px; }
.top-box {
box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.4); }
.left-box {
box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.4); }
.right-box {
box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.4); }
.bottom-box {
box-shadow: inset 0 -10em 18em -10em #000; }
.white-popup-block {
max-width: 800px;
margin: 64px auto;
position: relative; }
.white-popup-block .screenshot {
margin-bottom: 10px;
border: 1px solid #000; }
.white-popup-block .description {
background: rgba(0, 0, 0, 0.65);
padding: 25px 25px 20px;
border: 1px solid #f7ca13;
position: relative; }
.white-popup-block .description .sfvae-titles.divider {
margin: 20px 0 20px; }
.white-popup-block .description h2, .white-popup-block .description p {
text-align: center; }
.white-popup-block .description h2 {
color: #f7ca13;
font-size: 36px; }
.white-popup-block .description p {
color: #fff; }
.white-popup-block .description .mfp-close {
color: #f7ca13 !important;
margin-top: 0 !important; }
.white-popup-block-sf30 .description {
border: 1px solid #75afff; }
.white-popup-block-sf30 .description h2 {
color: #75afff; }
.white-popup-block-sf30 .description .mfp-close {
color: #75afff !important; }
aside {
margin: 40px auto 30px;
line-height: 34px;
position: relative;
user-select: none;
color: #fff;
font-weight: bold;
max-width: 400px; }
aside.diamond {
background-color: #C6ED8D; }
aside.diamond:after, aside.diamond:before {
border-color: transparent #C6ED8D; }
aside.diamond:before {
left: -17px;
border-width: 17px 17px 17px 0; }
aside.diamond:after {
right: -17px;
border-width: 17px 0 17px 17px; }
aside.ribbon {
background-color: #e73827; }
aside.ribbon:before, aside.ribbon:after {
top: 5px;
z-index: -10; }
aside.ribbon:before {
border-color: #c52516 #c52516 #c52516 transparent;
left: -25px;
border-width: 17px; }
aside.ribbon:after {
border-color: #c52516 transparent #c52516 #c52516;
right: -25px;
border-width: 17px; }
aside.arrow {
background-color: #e73827; }
aside.arrow:after, aside.arrow:before {
border-width: 17px 0 17px 17px; }
aside.arrow:before {
border-color: #e73827 transparent;
left: -17px; }
aside.arrow:after {
border-color: transparent #e73827;
right: -17px; }
aside.rounded {
background-color: #FC9E86;
border-radius: 25px / 17px;
left: -20px;
width: 200px; }
aside.sheer {
background-color: #85C9ED;
left: -5px;
width: 170px; }
aside.sheer:after, aside.sheer:before {
border-width: 33px 10px 0 0; }
aside.sheer:before {
left: -10px;
border-color: transparent #85C9ED; }
aside.sheer:after {
right: -10px;
border-color: #85C9ED transparent; }
aside:before, aside:after {
content: '';
position: absolute;
height: 0;
width: 0;
border-style: solid;
border-width: 0; }
/* Preorder Page */
.preorder-section h3 {
margin: 8px 0 16px;
padding-bottom: 16px;
font-size: 1.6em;
border-bottom: 1px solid #ebc200;
clear: both; }
.preorder-section h4 {
color: #666;
font-size: 1.25rem;
margin: 1.5rem 0 1rem; }
.preorder-section .keyart {
/*margin:-40px -40px 32px;*/
margin: 0 0 20px;
overflow: hidden;
display: block; }
.preorder-section .keyart img {
display: block; }
.preorder-section .boxart {
float: left;
width: 29%;
margin-bottom: 32px;
position: relative; }
.preorder-section .preorder-button {
background: #e73827;
padding: 6px 8px;
margin: 30px auto 20px;
border-radius: 4px;
color: #fff;
text-decoration: none;
text-align: center;
font-size: 1.25em;
max-width: 330px; }
.preorder-section .description {
float: right;
width: 68%; }
.preorder-section .description p {
margin-bottom: 1em; }
.preorder-section .three-col-slick {
margin: 0 0 32px; }
.preorder-section .sfvae-modes {
clear: both;
padding: 32px;
margin-bottom: 50px;
border: 1px solid #691012;
border-radius: 8px;
background: url("images/bg-homepage-street.jpg") no-repeat top left #1a1011;
color: #fff; }
.preorder-section .sfvae-modes p, .preorder-section .sfvae-modes strong {
color: #f7ca13; }
.preorder-section .sfvae-modes ul {
margin-bottom: 8px;
margin-left: 26px; }
.preorder-section .slick-prev {
left: -12px !important;
z-index: 99999 !important; }
.preorder-section .slick-next {
right: -12px !important;
z-index: 99999 !important; }
.preorder-section .pop {
display: block;
margin-bottom: 16px; }
.preorder-section hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ebc200;
margin: 1em 0;
padding: 0; }
.aga-card {
padding: 1.5rem;
border: 1px solid #888;
margin-bottom: 1.5rem;
border-radius: 6px;
overflow: hidden; }
.aga-card .card-art {
margin: -1.5rem -1.5rem 1rem; }
/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
.ginput_container_select select {
-webkit-appearance: button !important;
-webkit-border-radius: 2px !important;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
-webkit-padding-end: 20px !important;
-webkit-padding-start: 2px !important;
-webkit-user-select: none !important;
background-image: url("images/select-arrow.png"), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5) !important;
background-position: 97% center !important;
background-repeat: no-repeat !important;
border: 1px solid #AAA !important;
color: #555 !important;
font-size: inherit !important;
margin-bottom: 20px !important;
overflow: hidden !important;
padding: 5px 10px !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
-moz-appearance: none !important;
text-indent: 0.01px !important;
text-overflow: '' !important; }
.sf30-purchase-details .gform_wrapper .gfield_label {
display: none !important; }
.sf30-purchase-details .gform_wrapper .ginput_container {
text-align: center; }
.sf30-purchase-details .gform_wrapper .bullet-sponsors {
display: flex;
justify-content: center; }
.sf30-purchase-details .gform_wrapper .bullet-sponsors li {
text-align: center; }
.sf30-purchase-details .gform_wrapper .bullet-sponsors img {
height: auto; }
.sf30-purchase-details .gform_wrapper .gform_footer {
display: none !important; }
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html {
max-width: 100% !important; }
.ginput_container_checkbox {
margin-top: 8px !important; }
.ginput_container_checkbox input {
margin: 0 6px 0 0 !important; }
.gchoice_2_13_1 {
display: flex;
align-items: flex-start; }
#choice_2_13_1 {
margin: 4px 12px 0 0 !important; }
.gform_button {
padding: 0.75rem 1rem !important; }
ol {
margin-bottom: 1.5em !important; }
ol.lower-alpha {
list-style-type: lower-alpha; }
ol.lower-roman {
list-style-type: lower-roman; }
ol.upper-alpha {
list-style-type: upper-alpha; }
ol.upper-roman {
list-style-type: upper-roman; }
.wpml-ls-legacy-dropdown {
width: 15.5em;
max-width: 100%; }
.wpml-ls-legacy-dropdown > ul {
position: relative;
padding: 0;
margin: 0 !important;
list-style-type: none; }
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu {
visibility: visible; }
.wpml-ls-legacy-dropdown .wpml-ls-item {
padding: 0;
margin: 0;
list-style-type: none; }
.wpml-ls-legacy-dropdown a {
display: block;
text-decoration: none;
color: #444;
border: 1px solid #cdcdcd;
background-color: #fff;
padding: 5px 10px;
line-height: 1; }
.wpml-ls-legacy-dropdown a span {
vertical-align: middle; }
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
position: relative;
padding-right: calc(10px + .7em + .7em); }
.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
padding-right: 10px;
padding-left: calc(10px + .7em + .7em); }
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
content: '';
vertical-align: middle;
display: inline-block;
border: .35em solid transparent;
border-top: .5em solid;
position: absolute;
right: 10px;
top: calc(50% - .175em); }
.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
right: auto;
left: 10px; }
.wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
color: #000;
background: #eee; }
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
visibility: hidden;
position: absolute;
top: 100%;
right: 0;
left: 0;
border-top: 1px solid #cdcdcd;
padding: 0;
margin: 0;
list-style-type: none;
z-index: 101; }
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
border-width: 0 1px 1px 1px; }
.wpml-ls-legacy-dropdown .wpml-ls-flag {
display: inline;
vertical-align: middle;
width: 18px;
height: 12px; }
.wpml-ls-legacy-dropdown .wpml-ls-flag + span {
margin-left: .4em; }
.rtl .wpml-ls-legacy-dropdown .wpml-ls-flag + span {
margin-left: 0;
margin-right: .4em; }
.wpml-ls-legacy-dropdown {
width: 10em; }
.purchase-box {
margin: 0px auto 20px;
border: 1px solid #c4c4c4;
border-radius: 6px;
overflow: hidden;
/*background: #111;*/ }
.purchase-box h3 {
background: #eeeeee;
/* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
/* IE6-9 */
border-bottom: 1px solid #c4c4c4;
padding: 6px 8px;
color: #666;
font-size: 1em;
text-shadow: none;
margin: 0;
text-transform: uppercase;
text-align: center; }
.purchase-box .bullet-sponsors {
margin-bottom: 0; }
.panel-sfvae .purchase-box {
max-width: 670px;
margin: 20px auto 36px; }
/*bumper override*/
.xwl_pop_win_hdr {
background: #810101;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border: solid #FAF80A 1px;
color: #fff;
font-family: Roboto, "sans serif";
font-weight: 700;
font-size: 1.5rem;
padding: 10px; }
.xwl_pop_win_body {
height: auto;
color: #fff;
background: rgba(0, 0, 0, 0.7);
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border: 1px solid #FAF80A;
border-top-width: 0px;
padding: 10px;
font-size: 0.9rem; }
.xwl_pop_win_body p {
font-size: 18px; }
.xwl_pop_win_body button {
font-family: "Roboto", sans-serif;
background: #666;
border-radius: 5px;
font-size: 1rem;
box-shadow: none; }
.xwl_affirm {
background: red !important; }
/*--------------------------------------------------------------
10.8 Media Styles
--------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
.sf30-purchase section {
max-width: 888px; }
.sf30-purchase .sf30-purchase-details {
max-width: 100%;
margin: 0 auto;
float: none; } }
@media screen and (max-width: 1100px) {
.video-controls {
top: 75px !important; } }
@media screen and (max-width: 960px) {
.full-width {
margin: 0px; }
.full-width section {
padding: 0 2em; }
.sf30-purchase {
background-position: left center; }
.sf30-purchase section {
padding: 60px;
overflow: auto;
max-width: 888px; }
.sf30-purchase .sf30-purchase-details {
max-width: 100%;
margin: 0 auto;
float: none; } }
@media screen and (max-width: 800px) {
.video-thumbnail {
display: block; }
.preorder-section .keyart {
margin: -30px -30px 32px; }
.preorder-section .boxart {
width: 33%; }
.preorder-section .description {
width: 64%; } }
@media screen and (max-width: 650px) {
h2 {
font-size: 2em; }
.pull-left {
width: 100%;
float: none;
display: none; }
.pull-right {
width: 100%;
float: none; }
.preorder-section .keyart {
display: none; }
.preorder-section .boxart, .preorder-section .description {
width: 100%;
float: none; }
.preorder-section .boxart {
text-align: center; }
.full-width {
margin: 0px; }
.full-width section {
padding: 0 10px; }
.sf30-purchase section {
padding: 30px 20px; }
.purchase-box h3 {
font-size: 0.8em; } }
@media screen and (max-width: 416px) {
.aga-flexbox {
flex-wrap: wrap; }
.preorder-section .keyart {
margin: -20px -20px 20px; }
.preorder-section .sfvae-modes ul {
margin-left: 20px; } }
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none; }
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
display: block; }
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; }
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%; }
.wp-post-image {
width: 100%; }
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto; }
.wp-caption .wp-caption-text {
margin: 0.8075em 0; }
.wp-caption-text {
text-align: center; }
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%; }
.gallery-columns-2 .gallery-item {
max-width: 50%; }
.gallery-columns-3 .gallery-item {
max-width: 33.33%; }
.gallery-columns-4 .gallery-item {
max-width: 25%; }
.gallery-columns-5 .gallery-item {
max-width: 20%; }
.gallery-columns-6 .gallery-item {
max-width: 16.66%; }
.gallery-columns-7 .gallery-item {
max-width: 14.28%; }
.gallery-columns-8 .gallery-item {
max-width: 12.5%; }
.gallery-columns-9 .gallery-item {
max-width: 11.11%; }
.gallery-caption {
display: block; }
.flex-container {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
justify-content: flex-start;
/*overflow:auto;*/ }
.aga-gallery, .aga-video-gallery {
margin-bottom: 1.5em; }
.aga-gallery-item, .aga-video-gallery-item {
display: block;
margin: 0 5px 5px;
padding: 0;
width: 32%;
float: left; }
.aga-gallery-half {
width: 48%; }
/* Media */
@media screen and (max-width: 960px) {
.aga-gallery-item, .aga-video-gallery-item {
width: 31%; }
.aga-gallery-half {
width: 48%; } }
@media screen and (max-width: 800px) {
.aga-gallery-item, .aga-video-gallery-item {
width: 48%; } }
@media screen and (max-width: 650px) {
.aga-gallery-item, .aga-video-gallery-item {
width: 100%;
margin: 0 20px; }
.aga-gallery-half {
margin: 0; } }
/*--------------------------------------------------------------
12.3 Character Select Gallery
--------------------------------------------------------------*/
.character-select {
content: "";
display: table;
justify-content: center; }
.character-select li {
list-style-type: none;
width: 25%;
float: left; }
.character-select h4 {
margin-bottom: 5px;
text-transform: uppercase; }
.character-select a {
text-decoration: none; }
.menu-characters-container {
padding: 0 2em; }
.character-select-menu li {
width: 16.66%; }
.fig-overlay {
display: block !important;
position: relative;
display: inline-block;
overflow: hidden;
width: 100%;
max-height: 380px;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms; }
.fig-overlay img {
display: block !important;
width: 100%;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms; }
.fig-overlay figcaption {
width: 100%;
height: 100%;
display: block !important;
text-align: center;
overflow: auto; }
.fig-overlay figcaption a {
z-index: 100;
color: #fff;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms; }
.fig-overlay .portrait {
display: none !important; }
.fig-overlay .portrait-tall a {
padding: 70px 20px 20px;
align-items: baseline; }
.fig-overlay:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2); }
.fig-overlay:hover figcaption a {
opacity: 1; }
.accordion-content {
clear: both; }
.aga-selector .widget-title {
padding-top: 10px; }
/* Accordian */
#accordion {
max-width: 960px;
display: block;
margin: 0 auto; }
.accordion-toggle {
cursor: pointer; }
.accordion-content {
display: none; }
.accordion-content.default {
display: block; }
.toggle-button {
float: right;
background: url(images/character-select-button.png) no-repeat 92% 48% #000;
color: #fff;
padding: 10px 30px 10px 10px;
margin: 90px 2.5em 0 0;
font-size: .8em;
transition: background 0.5s ease;
text-align: right; }
.toggle-button:hover {
color: #fff903; }
.stat-container {
padding: 1em;
color: #fff;
overflow: auto;
position: absolute;
bottom: 0; }
.stat-container h4 {
color: #fff !important;
text-shadow: 1px 1px #000; }
.character-stats {
margin: 0;
padding: 0; }
.character-stats li {
width: 100%;
margin: 0;
padding: 0; }
.character-stats li p {
margin-bottom: 1px;
font-size: .5em;
text-transform: uppercase; }
.statbar {
display: flex;
justify-content: space-between;
margin: 0 0 5px 0;
padding: 0; }
.statbar li {
width: 18%;
height: 4px;
background: #840; }
.statbar .active {
background: #f80; }
.character-sort-menu {
margin: -40px -40px 40px -40px;
padding: 0px;
background: #333;
display: flex;
flex-wrap: wrap; }
.character-sort-menu li {
display: block;
color: #999;
cursor: pointer;
padding: 8px; }
.character-sort-menu .sort:hover {
background: #000;
color: #fff; }
.character-sort-menu .active, .character-sort-menu .active:hover, .character-sort-menu .active:active {
background: #fff;
color: #333; }
.character-sort-menu .label {
color: #999;
font-size: .8em;
padding: 12px 5px 0 10px;
cursor: auto; }
@media screen and (max-width: 960px) {
.accordion-content {
margin-bottom: 30px; }
.statbar li {
height: 4px; } }
@media screen and (max-width: 850px) {
.character-select li.mix {
width: 195px; } }
@media screen and (max-width: 800px) {
.character-sort-menu {
margin: -30px -30px 30px -30px; } }
@media screen and (max-width: 700px) {
.character-select {
margin: 0 -2px; }
.character-select li {
padding: 0 2px 4px; }
.character-select li.mix {
width: 33%; }
.character-select-menu li {
width: 15%; }
.character-select-menu figcaption a {
font-size: .8em;
line-height: 1em; }
.stat-container {
display: none;
padding: 1.25em 0.75em 0.75em; }
.stat-container h4 {
font-size: 1em; }
.toggle-button {
background-position: 92% 48%;
margin-top: 20px;
margin-right: 20px; }
.accordion-content {
margin-bottom: 0px; }
.statbar li {
height: 3px; }
.fig-overlay {
border: none; }
.fig-overlay .portrait {
display: block !important; }
.fig-overlay .portrait-tall {
display: none !important; } }
@media screen and (max-width: 500px) {
.character-select-menu li {
width: 33%; } }
@media screen and (max-width: 450px) {
.character-sort-menu {
margin: -20px -20px 20px -20px; }
.character-sort-menu li {
font-size: .8em; }
.character-sort-menu .label {
display: none; }
.character-select li.mix {
width: 50%; }
.character-select {
margin: 4px -4px; }
.character-select li {
padding: 4px 4px; }
.character-select-menu li {
width: 33%; }
.stat-container {
padding: 1.5em 0.5em 0.5em; }
.stat-container h4 {
font-size: 1em; }
.toggle-button {
background-position: 92% 48%;
margin: 0;
margin-top: -6px; } }
/*--------------------------------------------------------------
12.4 Magnific Popup
--------------------------------------------------------------*/
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
/*--------------------------------------------------------------
12.5 Slide In
--------------------------------------------------------------*/
/* CSS Slide in Animation */
.slide-in {
display: block;
margin: 0 auto;
position: relative;
max-width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.0)";
filter: alpha(opacity=0);
opacity: .0;
-webkit-transition: .75s;
transition: .75s; }
.slide-in.right {
right: -40%; }
.slide-in.left {
left: -40%; }
.slide-in.slid {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
opacity: 1; }
.slide-in.slid.right {
right: 0; }
.slide-in.slid.left {
left: 0; }
/*--------------------------------------------------------------
Media Styles
--------------------------------------------------------------*/
@media screen and (max-width: 650px) {
.slide-in {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
opacity: 1; }
.slide-in.right {
right: 0; }
.slide-in.left {
left: 0; } }
/*--------------------------------------------------------------
13.0 Slidebars
--------------------------------------------------------------*/
/* -----------------------------------
* Slidebars
* Version 0.10.3
* http://plugins.adchsm.me/slidebars/
*
* Written by Adam Smith
* http://www.adchsm.me/
*
* Released under MIT License
* http://plugins.adchsm.me/slidebars/license.txt
*
* -------------------
* Slidebars CSS Index
*
* 001 - Box Model, Html & Body
* 002 - Site
* 003 - Slidebars
* 004 - Animation
* 005 - Helper Classes
*
* ----------------------------
* 001 - Box Model, Html & Body
*/
html, body, #sb-site, .sb-site-container, .sb-slidebar {
/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
html, body {
width: 100%;
overflow-x: hidden;
/* Stops horizontal scrolling. */ }
html {
height: 100%;
/* Site is as tall as device. */ }
body {
min-height: 100%;
height: auto;
position: relative;
/* Required for static Slidebars to function properly. */ }
/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
overflow: hidden; }
/* ----------
* 002 - Site
*/
#sb-site, .sb-site-container {
/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
width: 100%;
min-height: 100vh;
position: relative;
z-index: 1;
/* Site sits above Slidebars */ }
/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
content: ' ';
display: table; }
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
clear: both; }
/* ---------------
* 003 - Slidebars
*/
.sb-slidebar {
height: 100%;
overflow-y: auto;
/* Enable vertical scrolling on Slidebars when needed. */
position: fixed;
top: 0;
z-index: 0;
/* Slidebars sit behind sb-site. */
display: none;
/* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
background-color: #222222;
/* Default Slidebars background colour, overwrite this with your own css. */ }
.sb-slidebar, .sb-slidebar * {
-webkit-transform: translateZ(0px);
/* Fixes issues with translated and z-indexed elements on iOS 7. */ }
.sb-left {
left: 0;
/* Set Slidebar to the left. */ }
.sb-right {
right: 0;
/* Set Slidebar to the right. */ }
html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
position: absolute;
/* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */ }
.sb-slidebar.sb-active {
display: block;
/* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */ }
.sb-style-overlay {
z-index: 9999;
/* Set z-index high to ensure it overlays any other site elements. */ }
.sb-momentum-scrolling {
-webkit-overflow-scrolling: touch;
/* Adds native momentum scrolling for iOS & Android devices. */ }
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
cursor: pointer; }
/*--------------------------------------------------------------
Slidebar Navigation Styles
--------------------------------------------------------------*/
.site-logo-slidebar {
width: 120px;
margin: 20px auto; }
.sb-slidebar ul {
margin: 0;
padding: 0;
border-top: 1px solid #404040;
width: 100%; }
.sb-slidebar ul li {
display: block;
overflow: auto;
width: 100%;
border-bottom: 1px solid #404040; }
.sb-slidebar ul li a {
display: block;
padding: 10px 20px;
color: #8e8e8e;
text-decoration: none; }
.sb-slidebar ul li a:hover {
background: #2d2d2d; }
.sb-slidebar .menu {
border-left: none; }
/* Toggle Button */
.sb-toggle-right {
background: #600;
display: none;
margin-right: 10px;
float: right; }
.site-header-blue .sb-toggle-right {
background: #032e61; }
.sb-toggle-right:hover {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; }
.sb-toggle-right:focus {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; }
/* Slidebar widths for browsers/devices that don't support media queries. */
.sb-slidebar {
width: 30%; }
.sb-width-thin {
width: 15%; }
.sb-width-wide {
width: 45%; }
@media (max-width: 480px) {
/* Slidebar widths on extra small screens. */
.sb-slidebar {
width: 70%; }
.sb-width-thin {
width: 55%; }
.sb-width-wide {
width: 85%; } }
@media (min-width: 481px) {
/* Slidebar widths on small screens. */
.sb-slidebar {
width: 55%; }
.sb-width-thin {
width: 40%; }
.sb-width-wide {
width: 70%; } }
@media (min-width: 768px) {
/* Slidebar widths on medium screens. */
.sb-slidebar {
width: 40%; }
.sb-width-thin {
width: 25%; }
.sb-width-wide {
width: 55%; } }
@media (min-width: 992px) {
/* Slidebar widths on large screens. */
.sb-slidebar {
width: 30%; }
.sb-width-thin {
width: 15%; }
.sb-width-wide {
width: 45%; } }
@media (min-width: 1200px) {
/* Slidebar widths on extra large screens. */
.sb-slidebar {
width: 20%; }
.sb-width-thin {
width: 5%; }
.sb-width-wide {
width: 35%; } }
@media screen and (max-width: 1100px) {
.sb-toggle-right {
display: block; } }
@media screen and (max-width: 650px) {
.sb-toggle-right {
margin-top: -10px; } }
/* ---------------
* 004 - Animation
*/
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
-webkit-transform: translate(0px);
-moz-transform: translate(0px);
-o-transform: translate(0px);
transform: translate(0px);
-webkit-transition: -webkit-transform 400ms ease;
-moz-transition: -moz-transform 400ms ease;
-o-transition: -o-transform 400ms ease;
transition: transform 400ms ease;
-webkit-transition-property: -webkit-transform, left, right;
/* Add left/right for Android < 4.4. */
-webkit-backface-visibility: hidden;
/* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ }
/* --------------------
* 005 - Helper Classes
*/
.sb-hide {
display: none;
/* Optionally applied to control classes when Slidebars is disabled over a certain width. */ }