





/*

Theme Name: Copenhagen Wolves
Theme URI: http://underscores.me/
Author: Pavle Rohalj & Matija Lukic
Author URI: http://pavlerohalj.rs
Description: Custom made Wordpress theme for Copenhagen Wolves.
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: wolves
Domain Path: /languages/
Tags:

--

Crafted exclusively for Copenhagen Wolves by:

Design: Boris Batoćanin
Development: Pavle Rohalj & Matija Lukic

Based on HTML5 Bolierplate - HTML5, CSS3, jQuery

--

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.

Copenhagen Wolves is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

*/


html,
button,
input,
select,
textarea {
    color: #222;
}

*:focus {
    outline: none;
   }

:focus {
    outline: 0;
   }


html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #fdb749;
    text-shadow: none;
}

::selection {
    background: #fdb749;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* 

==========================================================================
Author's custom styles
========================================================================== */

a {
    text-decoration: none;
    color: #fcba2f;
    font-weight: bold;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

a:active,
a:hover {
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 700;
    margin: 36px 0 12px;
    color: #fcba2f;
}

h1 {
    font-size: 30px;
    line-height: 1.3846153846;
}

h2 {
    font-size: 26px;
    line-height: 1;
}

h3 {
    font-size: 24px;
    line-height: 1.0909090909;
}

h4 {
    font-size: 22px;
    line-height: 1.2;
}

h5 {
    font-size: 18px;
    line-height: 1.3333333333;
}

h6 {
    font-size: 16px;
    line-height: 1.5;
}

address {
    font-style: italic;
    margin-bottom: 24px;
}

abbr[title] {
    border-bottom: 1px dotted #2b2b2b;
    cursor: help;
}

b,
strong {
    font-weight: 700;
}

cite,
dfn,
em,
i {
    font-style: italic;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

p {
    margin-bottom: 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
    font-family: monospace, serif;
    font-size: 15px;
    -webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
    line-height: 1.6;
}

pre {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    margin-bottom: 24px;
    max-width: 100%;
    overflow: auto;
    padding: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

blockquote {
    color: #767676;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.2631578947;
    margin-bottom: 24px;
    border-left: 5px solid rgba(0, 0, 0, 0.1);
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 20px;
}

blockquote cite,
blockquote small {
    color: rgba(0, 0, 0, 0.75);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote strong,
blockquote b {
    font-weight: 400;
}

small {
    font-size: smaller;
}

big {
    font-size: 125%;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

dl {
    margin-bottom: 24px;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 24px;
}

ul,
ol {
    list-style: none;
    margin: 0 0 24px 20px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin: 0 0 0 20px;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 24px;
    padding: 11px 12px 0;
}

legend {
    white-space: normal;
}

button,
input,
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button,
input {
    line-height: normal;
}

input,
textarea {
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table,
th,
td {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
    width: 100%;
    background: #fff;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: bold;
    padding: 15px;
    vertical-align: top;
    text-align: left;
    line-height: 18px;
}

td {
    border-width: 0 1px 1px 0;
    padding: 7px 15px 5px 15px;
}

del {
    color: #767676;
}

hr {
    background-color: rgba(0, 0, 0, 0.1);
    border: 0;
    height: 1px;
    margin-bottom: 23px;
}




/* Imports
========================================================================== */

/* Font */

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);


/* General
========================================================================== */

body {
    background-color: #0e0e0e;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
	margin: 0;
}

/* Header
========================================================================== */

.main-header {
    height: 225px;
    background-image: url('img/header.png');
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 1000;
    position: relative;
}

/* Logo */

.main-header .logo a img {
    text-decoration: none;
    outline: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.main-header .logo a img:hover {
    opacity: 1;
}

/* Navigation */

.main-nav nav {
    text-align: right;
    background-image: url('img/navigation-background.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 0;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.6);
    text-align: left;
    padding-left: 168px;
}

.main-nav nav ul li {
    display: inline-block;
}

.main-nav nav ul li a {
    font-size: 15px;
    display: inline-block;
    padding-top: 20px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 25px;
    outline: none;
    padding-bottom: 15px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.main-nav nav ul li a:hover {
    color: #4dd6ff;
}

.main-nav nav ul  li.current-menu-item a, .main-nav nav ul  li.current-post-ancestor a {
    color: #fcba2f;
    border-bottom: 5px solid #fcba2f;
    padding-bottom: 9px;
}
#second-bg{
	background: url('img/header-bg-teams.jpg');
	position: absolute;
	text-indent: -9999px;
	float: left;
	top: 0;
	z-index: 999;
}
/* Logged-in */
.loggedin div {
    font-size: 13px;
    margin-top: -70px;
    float: right;
}

.loggedin div a {
    color: #4dd6ff;
}

/* Log-in */

.log-in {
    text-align: right;
    margin-top: -77px;
    z-index: 1000;
}

.log-in form {
    float: left;
    margin-left: 45px;
}

.log-in .username {
    width: 132px;
    height: 30px;
    background-image: url('img/username.png');
    background-repeat: no-repeat;
    color: #fffbd8;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 15px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    margin-right: -5px;
    background-color: transparent;
    border: none;
}

.log-in .password {
    width: 132px;
    height: 30px;
    background-image: url('img/password.png');
    background-repeat: no-repeat;
    color: #fffbd8;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 15px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    margin-right: -2px;
    background-color: transparent;
    border: none;
}

.log-in .username:focus, .log-in .password:focus {
    outline: none;
}

.log-in .submit {
    text-indent: -99999px;
    width: 37px;
    height: 30px;
    background-image: url('img/submit-sprite.png');
    background-position: 0px 0px;
    border: none;
    background-color: transparent;
    vertical-align: top;
}

.log-in .submit:hover {
    background-image: url('img/submit-sprite.png');
    background-position: 0px -30px;
}

.log-in .register {
    width: 63px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    background: #feda84;
    font-weight: bold;
    background: -moz-linear-gradient(top, #feda84 0%, #fdad3c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feda84), color-stop(100%,#fdad3c));
    background: -webkit-linear-gradient(top, #feda84 0%,#fdad3c 100%);
    background: -o-linear-gradient(top, #feda84 0%,#fdad3c 100%);
    background: -ms-linear-gradient(top, #feda84 0%,#fdad3c 100%);
    background: linear-gradient(to bottom, #feda84 0%,#fdad3c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda84', endColorstr='#fdad3c',GradientType=0 );
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 1px solid #fdb64b;
    border-radius: 3px 3px 3px 3px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-align: center;
    height: 18px;
    margin-bottom: -2px;
    padding: 6px 7px 4px 5px;
    display: inline-block;
    vertical-align: top;
    -webkit-box-shadow:inset 0 1px 0 0 #feeaba;
    box-shadow:inset 0 1px 0 0 #feeaba;
}

.log-in .register:hover {
    width: 63px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    background: #feda84;
    font-weight: bold;
    background: -moz-linear-gradient(top, #f6c65c 0%, #d99025 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feda84), color-stop(100%,#fdad3c));
    background: -webkit-linear-gradient(top, #f6c65c 0%,#d99025 100%);
    background: -o-linear-gradient(top, #f6c65c 0%,#d99025 100%);
    background: -ms-linear-gradient(top, #f6c65c 0%,#d99025 100%);
    background: linear-gradient(to bottom, #f6c65c 0%,#d99025 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda84', endColorstr='#fdad3c',GradientType=0 );
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 1px solid #e59c30;
    border-radius: 3px 3px 3px 3px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-align: center;
    height: 18px;
    margin-bottom: -2px;
    padding: 6px 7px 4px 5px;
    display: inline-block;
    vertical-align: top;
    -webkit-box-shadow:inset 0 1px 0 0 #feeaba;
    box-shadow:inset 0 1px 0 0 #feeaba;
}

.log-in .forgot-pass {
    display: block;
    text-decoration: none;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    padding-right: 128px;
    padding-top: 3px;
    opacity: 0.4;
}

.log-in .forgot-pass:hover {
    text-decoration: underline;
    opacity: 0.8;
}


/* Slider */

.royalSlider {
    width: 100%;
    height: 623px; 
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.royalSlider div {
    z-index: 1;

}

/* Text box */

.royalSlider div aside {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    overflow: visible;
    text-shadow: 0 2px 0px rgba(0, 0, 0, 0.5);
    top: 0;
}

.royalSlider div aside div {
    position: relative;
    top: 220px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding: 20px;
}

.royalSlider div aside div.grid_16 {
    top: 0;
}

.royalSlider div aside h2  {
    color: #fcba2f;
    font-size: 35px;
    margin-bottom: 10px;
}

.royalSlider div aside p  {
    margin: 0;
    font-size: 13px;
}

.royalSlider div aside div a.read-button  {
    position: absolute;
    right: 0;
    top: 200px;
    right: -10px;
    text-indent: -99999px;
    width: 161px;
    height: 55px;
    display: block;
    outline: none;
    background-image: url('img/read-more-sprite.png');
    background-position: 0px 0px;
    margin-top: 20px;
}

.royalSlider div aside a.read-button:hover  {
    background-image: url('img/read-more-sprite.png');
    background-position: 0px -55px;
}

/* Thumbnails below slider */

.rsNav {
    background: #000;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.rsDefault .rsBullet.rsNavSelected span {
    background-color: #fdc55a;
}

.rsThumbs {
    background: #000;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 25px;
    padding-bottom: 25px;
    width: 100%;
    margin-top: -30px;
}

.rsThumbs .rsThumb  {
    border: 1px solid #646d77;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

}

.rsThumbs .rsThumb img {

}

.rsContainer {
    z-index: -1;
}

.rsImg {
    z-index: -1;
}

.rsDefault .rsThumb.rsNavSelected {
    background: #04b1cd;
    border: 1px solid #fdc55a;
}

/* Secondary header
========================================================================== */
.page-heading {
    width: 100%;
    height: 386px;
    background-image: url('img/page-heading-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    overflow: hidden;
    top: 0;
    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.5);
}
.page-heading.teams{
	background: url('img/team_bg.jpg') no-repeat top center;
}
.page-heading.news{
	background: url('img/news_bg.jpg') no-repeat top center;
}
.page-heading.lol{
	background: url('img/lol_bg.jpg') no-repeat top center;
}
.page-heading.hearthstone{
	background: url('img/hearthstone_bg.jpg') no-repeat top center;
}
.page-heading.csgo{
	background: url('img/csgo_bg.jpg') no-repeat top center;
}
.page-heading.aboutus{
	background: url('img/aboutus_bg.jpg') no-repeat top center;
}
.page-heading.partners{
	background: url('img/partnertop.jpg') no-repeat top center;
}
.page-header {
    margin-top: 220px;
}

.page-header h1 {
    font-size: 30px;
    color: #feda84;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
}
.page-header h1.teams{
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 38px;
	background: url(img/title-bg.png) no-repeat right center;
	color: #FFF;
	padding: 0 38px 0 5px; 
}
.page-header h1 a {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
}

.page-header h1 a:hover {
    color: #feda84;
    text-decoration: none;
}
.page-header h4.teams{
	margin-top: 8px;
	font-size: 18px;
	line-height: 26px;
}
.taxonomy-description {
    display: inline-block;
    color: #f3f3f3;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 20px;
    margin-left: 15px;
}

.taxonomy-description p {
    display: inline-block;
}

/* Main content
========================================================================== */

/* Main background */

.main-bg {
    background-image: url('img/main-background.jpg');
    margin-top: 390px;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #0e0e0e;
    padding-top: 50px;
}


/* Separator */

.separator {
    border-top: 1px solid #000;
    border-bottom: 1px solid #2b2b2b;
    margin: 0 0 20px 0;
}

/* Section headings with circle */

.section-heading {
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    color: #fdc55a;
}

.section-heading span {
    font-size: 65px;
    font-weight: bold;
    text-transform: none;
    color: #fdc55a;
    vertical-align: middle;
    margin-top: -12px;
    display: inline-block;
    margin-right: 0px;
}

.section-heading em {
    font-style: normal;
    color: #fff;
}


/* Big section headings with orange background */

.section-heading-big {
    background: rgb(254,222,148);
    background: -moz-linear-gradient(top, rgba(254,222,148,1) 0%, rgba(253,184,72,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,222,148,1)), color-stop(100%,rgba(253,184,72,1)));
    background: -webkit-linear-gradient(top, rgba(254,222,148,1) 0%,rgba(253,184,72,1) 100%);
    background: -o-linear-gradient(top, rgba(254,222,148,1) 0%,rgba(253,184,72,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,222,148,1) 0%,rgba(253,184,72,1) 100%);
    background: linear-gradient(to bottom, rgba(254,222,148,1) 0%,rgba(253,184,72,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fede94', endColorstr='#fdb848',GradientType=0 );
    padding: 15px;
    border-top: 1px solid #feefca;
    margin-top: 20px;
    margin-bottom: 7px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    font-size: 11px;
}

.section-heading-big a {
    float: right;
    width: 150px;
    display: inline-block;
    text-align: right;
    text-shadow: 0px 0px 10px #fff;
    text-decoration: none;
    color: #fff;
    padding-top: 5px;
}

.section-heading-big a:hover {
    text-decoration: underline;
}

.section-heading-big h2 {
    float: left;
    width: 300px;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
}

.section-heading-big h2 img {
    vertical-align: middle;
    margin-right: 5px;
}

/* Squads section
========================================================================== */

/* Arrows for navigation */

.squad-arrows {
    float: right;
    margin-top: -40px;
   
}

.squad-arrows .arrow {
    width: 28px;
    height: 18px;
    background-image: url('img/squad-arrow.png');
    background-position: 0px 0px;
    float: right;
}

.squad-arrows .arrow:hover {
    width: 28px;
    height: 18px;
    background-image: url('img/squad-arrow.png');
    background-position: 0px -18px;
    cursor: pointer;
}

.squad-arrows .down {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

/* Squad items */

#squad-carousel {
    height: 626px;
}

.squad-game {
    position: relative;
    margin-bottom: 20px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    opacity: 0.8;
    height: 155px;
}

.squad-game:hover {
    opacity: 1;
}

.squad-game div {
    position: absolute;
    top: 0px;
    right: 40px;
}

.squad-game div h3 {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 5px;
}

.squad-game div {
    text-align: right;

}

.squad-game div:hover {
    opacity: 1;
}

.squad-game div a {
    text-decoration: none;
    color: #4dd6ff;
    border-bottom: 1px solid transparent;
    padding-bottom:  2px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.squad-game div a:hover {
    text-decoration: none;
    color: #4dd6ff;
    padding-bottom:  2px;
    border-bottom: 1px solid #4dd6ff;
}

/* News section
========================================================================== */

.news-wrapper {
    background-color: #fff;
    padding: 1px 10px 10px 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.news .section-heading a {
    float: right;
    width: 150px;
    display: inline-block;
    text-align: right;
    text-shadow: 0px 0px 10px #fecb6c;
    text-decoration: none;
    color: #fecb6c;
    padding-top: 30px;
    font-size: 13px;
    text-transform: none;
}

.news .section-heading a:hover {
    text-decoration: underline;
}

.article {
    background-color: #f6f6f6;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px;
}

.article.last {
    margin-bottom: 0px;
}


/* Article thumbnail on left */

.article .thumbnail {
    float: left;
    width: 195px;
    height: 175px;
    position: relative;
    margin: 6px 10px 6px 6px;
}

.article .thumbnail img.wp-post-image {
    -webkit-border-radius: 5px;
    border-radius: 5px;

}
.thumb-full .wp-post-image{
max-width: 810px;
max-height: 540px;
}
.wp-post-image{
	max-width: 810px;
}
.article .thumbnail .comment-info {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 100;
    background-color: #000;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    font-weight: bold;
    background: rgb(247,164,37);
    background: -moz-linear-gradient(top, rgba(247,164,37,1) 0%, rgba(242,118,9,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,164,37,1)), color-stop(100%,rgba(242,118,9,1)));
    background: -webkit-linear-gradient(top, rgba(247,164,37,1) 0%,rgba(242,118,9,1) 100%);
    background: -o-linear-gradient(top, rgba(247,164,37,1) 0%,rgba(242,118,9,1) 100%);
    background: -ms-linear-gradient(top, rgba(247,164,37,1) 0%,rgba(242,118,9,1) 100%);
    background: linear-gradient(to bottom, rgba(247,164,37,1) 0%,rgba(242,118,9,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a425', endColorstr='#f27609',GradientType=0 );
    border-top: 1px solid #f9bb2e;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.9;
}

.article .thumbnail .comment-info:hover {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 100;
    background-color: #000;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    font-weight: bold;
    background: rgb(247,164,37);
    background: -moz-linear-gradient(top, rgba(247,164,37,1) 0%, rgba(242,118,9,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,164,37,1)), color-stop(100%,rgba(242,118,9,1)));
    background: -webkit-linear-gradient(top, rgba(247,164,37,1) 0%,rgba(242,118,9,1) 100%);
    background: -o-linear-gradient(top, rgba(247,164,37,1) 0%,rgba(242,118,9,1) 100%);
    background: -ms-linear-gradient(top, rgba(247,164,37,1) 0%,rgba(242,118,9,1) 100%);
    background: linear-gradient(to bottom, rgba(247,164,37,1) 0%,rgba(242,118,9,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a425', endColorstr='#f27609',GradientType=0 );
    border-top: 1px solid #f9bb2e;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity: 1;
}

.article .thumbnail .comment-info img {
    margin-left: 5px;
    vertical-align: middle;
}

/* Article summary on right side */

.article .summary {
    padding: 0px 10px 25px 0;
    color: #343434;
    width: 610px;
    float: right;
    font-size: 13px;

}

.article .summary h3 {
    margin-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.article .summary h3 a {
    color: #ff8100;
    margin-top: 0;
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom:  2px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.article .summary h3 a:hover {
    text-decoration: none;
    padding-bottom:  2px;
    border-bottom: 1px solid #ff8100;
}

.article .summary h5 {
    color: #252525;
    font-size: 13px;
    margin-top: 5px;
}

.article .summary h5 em {
    color: #ff8100;
    font-weight: bold;
    font-style: normal;
}

/* Article footer below summary */

.article .footer {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    width: 600px;
    float: right;
    position: relative;
    background: none;
    margin-top: 0px;
    margin-right: 10px;
    height: 30px;
}

.article .footer .read-more {
    right: -10px;
    position: absolute;
    top: 10px;
}

.article .footer .read-more a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    background: #feda84;
    font-weight: bold;
    background: -moz-linear-gradient(top, #feda84 0%, #fdad3c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feda84), color-stop(100%,#fdad3c));
    background: -webkit-linear-gradient(top, #feda84 0%,#fdad3c 100%);
    background: -o-linear-gradient(top, #feda84 0%,#fdad3c 100%);
    background: -ms-linear-gradient(top, #feda84 0%,#fdad3c 100%);
    background: linear-gradient(to bottom, #feda84 0%,#fdad3c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda84', endColorstr='#fdad3c',GradientType=0 );
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 1px solid #fdb64b;
    border-radius: 3px 3px 3px 3px;
    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
    height: 18px;
    margin-bottom: -2px;
    padding: 10px 25px;
    display: inline-block;
    -webkit-box-shadow:inset 0 1px 0 0 #feeaba;
    box-shadow:inset 0 1px 0 0 #feeaba;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    margin-right: 10px;
}

.article .footer .read-more a:hover {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    background: #feda84;
    font-weight: bold;
    background: -moz-linear-gradient(top, #f6c65c 0%, #d99025 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feda84), color-stop(100%,#fdad3c));
    background: -webkit-linear-gradient(top, #f6c65c 0%,#d99025 100%);
    background: -o-linear-gradient(top, #f6c65c 0%,#d99025 100%);
    background: -ms-linear-gradient(top, #f6c65c 0%,#d99025 100%);
    background: linear-gradient(to bottom, #f6c65c 0%,#d99025 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda84', endColorstr='#fdad3c',GradientType=0 );
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 1px solid #fdb64b;
    border-radius: 3px 3px 3px 3px;
    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
    height: 18px;
    margin-bottom: -2px;
    padding: 10px 25px;
    display: inline-block;
    -webkit-box-shadow:inset 0 1px 0 0 #feeaba;
    box-shadow:inset 0 1px 0 0 #feeaba;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
}

/* In-shop section
========================================================================== */

#shop-items {
    height: 191px;
}

.in-shop .item {
    background-color: #fff;
    width: 216px;
    float: left;
    text-align: left;
    color: #fecd5e;
    height: 188px;
    padding-left: 2px;
    padding-right: 2px;
}


.in-shop .item:hover {
    background-image: url('img/shop-item-hover.png');
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

/* Product image */

.in-shop .item div {
    margin-left: 7px;
    position: relative;
}


.in-shop .item img {
    border: 5px solid #f89d3a;
    margin-left: 5px;
    margin-top: 6px;
}

.in-shop .item .product-image {
    opacity: 0.8;
}

.in-shop .item:hover .product-image {
    border: 5px solid #eee;
    opacity: 1;
}

/* Product info */

.in-shop .item h4 {
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 3px;
    font-size: 16px;
    color: #fecd5e;
}

.in-shop .item:hover h4 {
    color: #fff;
}

.in-shop .item p {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 13px;
}

/* Order now anchor */

.in-shop .item div a {
    color: #000;
    text-decoration: none;
    opacity: 0.7;
    font-size: 11px;
    position: absolute;
    bottom: -15px;
    right: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.in-shop .item div a:hover {
    float: right;
    color: #000;
    text-decoration: none;
    opacity: 1;
}

.in-shop .item div a img {
    border: none;
    display: inline-block;
    margin-top: -4px;
    margin-right: 3px;
}

/* Teams
========================================================================== */
#players{
	margin: 10px;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 7px solid #FFF;
	padding: 10px;
	background: #efefef;
}
#players .player{
	float: left;
	border: 7px solid #fdbe55;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 20px;
}	
#players .player .player-img{
	width: 224px;
	height: 253px;
	float: left;
}
#players .player .info{
	float: left;
	width: 558px;
	padding-left: 20px;
	padding-right: 10px
}
#players .player .info header.player-header{
	border-bottom: 1px solid #000;
	float: left;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 558px;
}
#players .player .info header.player-header .player-title{
	float: left;
	margin: 10px 0 0 0 ;
	width: 400px;
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
}
#players .player .info header.player-header .social{
	float: right;
	padding: 5px 10px;;
	background: rgba(0,0,0,0.8);
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-align: center;
}
#players .player .info header.player-header .social .social-link{
	float: left;
	display: inline-block;
	margin-top: 0;
	padding: 0;
	margin-right: 8px;
}
#players .player .info header.player-header .social .social-link.last{
	margin-right: 0;
}
#players .player .info .about{
	border-top: rgba(255,255,255, 0.3) 1px solid;
	padding-top: 10px;
	float: left;
}
#players .player .info .about .desc{
	font-size: 12px;
	color: #000;
	margin: 0 0 5px 0;
}
#players .player .info .about #gear h3.subtitle{
	font-size: 24px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	color: #fcba2f;
	margin: 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #000;
	
}
#players .player .info .about #gear .gear-list{
	border-top: 1px solid rgba(255,255,255, 0.3);
	padding-top: 10px;
	float: left;
}
#players .player .info .about #gear .gear-list .gearlist{
	list-style: none;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
}
#players .player .info .about #gear .gear-list .gearlist li{
	float :left;
	background: none;
	font-size: 12px;
	color: #000;
	margin-left: 0;
	margin-right: 10px;
	line-height:  24px;
}
/* Sidebar
========================================================================== */

/* Headings */
.sidebar .section-heading-big {
    background-color: #0c9ecb;
    padding: 15px;
    border-bottom: 1px solid #0e0e0e;
    margin-top: 20px;
}

.sidebar .section-heading-big h2 {
    float: none;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* Sponsors */
.sponsor {
    background-color: rgba(0, 0, 0, 0.7);
    border: 1px solid #2b2b2b;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    text-align: center;
    margin-bottom: 20px;
}

.sponsor a {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
}

.sponsor:hover {
    border: 1px solid #fdc55a;
}

/* Streams */
.streams{
	display: none;
}
.streams .stream {
    background-color: #fff5e2;
    width: 100%;
    height: 122px;
    color: #fdad3c;
    border-bottom: 1px solid #0e0e0e;
}

.streams .stream:hover {
    background: #ffe9ab;
    background: -moz-linear-gradient(top,  #ffe9ab 4%, #fecb8e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#ffe9ab), color-stop(100%,#fecb8e));
    background: -webkit-linear-gradient(top,  #ffe9ab 4%,#fecb8e 100%);
    background: -o-linear-gradient(top,  #ffe9ab 4%,#fecb8e 100%);
    background: -ms-linear-gradient(top,  #ffe9ab 4%,#fecb8e 100%);
    background: linear-gradient(to bottom,  #ffe9ab 4%,#fecb8e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe9ab', endColorstr='#fecb8e',GradientType=0 );
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #ee8a31;
}

.streams .stream img {
    border: 5px solid #fdad3c;
    margin: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left;
}

.streams .stream:hover img {
    border: 5px solid #e68511;
}

.streams .stream h4 {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
}

.streams .stream p {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
}

.streams .stream:hover h4, .streams .stream:hover p {
    color: #fff;
}

.streams .stream div {
    float: left;
    text-align: left;
    padding-top: 5px;
}

.streams .stream div a {
    font-size: 13px;
    text-transform: lowercase;
    color: #fdad3c;
    text-decoration: none;
    opacity: 0.7;
    margin-top: 10px;
    display: inline-block;
}

.streams .stream:hover div a span {
    color: #000;
}

.streams .stream:hover div a {
    opacity: 1;
}

.streams .stream div a:hover {
    opacity: 1;
}

.streams .stream div a img {
    border: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    vertical-align: middle;
    margin-left: 0px;
    margin-right: 7px;
}

.streams .stream:hover div a img {
    border: none;
}

.streams .stream div a span {
    display: inline-block;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

.streams .stream div a:hover span {
    padding-bottom: 0px;
    border-bottom: 1px solid #000;
}

.streams .streams-nav {
    text-shadow: 0 1px 0px rgba(255, 255, 255, 0.5);
    color: #ff8120;
    border: 1px solid #ffff;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #d6d6d6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#d6d6d6));
    background: -webkit-linear-gradient(top, #ededed 0%,#d6d6d6 100%);
    background: -o-linear-gradient(top, #ededed 0%,#d6d6d6 100%);
    background: -ms-linear-gradient(top, #ededed 0%,#d6d6d6 100%);
    background: linear-gradient(to bottom, #ededed 0%,#d6d6d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d6d6d6',GradientType=0 );
}


.streams .streams-nav .arrow-left, .streams .streams-nav .arrow-right {
    display: inline-block;
    color: #f9bd75;
    font-weight: bold;
    font-size: 17px;
    margin-right: -2px;
    margin-left: -2px;
    
}

.streams .streams-nav .arrow-left:hover, .streams .streams-nav .arrow-right:hover {
    display: inline-block;
    color: #ff8120;
    cursor: pointer;
}


/* Ads */
.ads {
    padding: 10px;
    background: rgb(254,222,148);
    background: -moz-linear-gradient(top, rgba(254,222,148,1) 0%, rgba(253,184,72,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,222,148,1)), color-stop(100%,rgba(253,184,72,1)));
    background: -webkit-linear-gradient(top, rgba(254,222,148,1) 0%,rgba(253,184,72,1) 100%);
    background: -o-linear-gradient(top, rgba(254,222,148,1) 0%,rgba(253,184,72,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,222,148,1) 0%,rgba(253,184,72,1) 100%);
    background: linear-gradient(to bottom, rgba(254,222,148,1) 0%,rgba(253,184,72,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fede94', endColorstr='#fdb848',GradientType=0 );
}

.ads img {
    width: 100%;
}

/* Forums */
.forums {
display: none;
}
.forums .forum-post {
    background-color: #fcfdf9;
    width: 100%;
    padding: 10px 10px 10px 15px;
    position: relative;
    border-bottom: 1px solid #0e0e0e;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.forums .forum-post:hover {
    background-color: #fca032;
    background-image: url('img/forum-post-hover.png');
    background-repeat: no-repeat;
}

.forums .forum-post a {
    text-decoration: none;
    color: #fff;
    text-transform: lowercase;
    font-size: 12px;
    background: #feda84;
    font-weight: bold;
    background: -moz-linear-gradient(top, #feda84 0%, #fdad3c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feda84), color-stop(100%,#fdad3c));
    background: -webkit-linear-gradient(top, #feda84 0%,#fdad3c 100%);
    background: -o-linear-gradient(top, #feda84 0%,#fdad3c 100%);
    background: -ms-linear-gradient(top, #feda84 0%,#fdad3c 100%);
    background: linear-gradient(to bottom, #feda84 0%,#fdad3c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda84', endColorstr='#fdad3c',GradientType=0 );
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 1px solid #fdb64b;
    border-radius: 3px 3px 3px 3px;
    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
    height: 18px;
    padding: 5px 15px;
    display: inline-block;
    -webkit-box-shadow:inset 0 1px 0 0 #feeaba;
    box-shadow:inset 0 1px 0 0 #feeaba;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    text-transform: lowercase;
    margin-right: 10px;
    position: absolute;
    right: 0;
    top: 17px;
}

.forums .forum-post:hover a {
    text-decoration: none;
    color: #fff;
    text-transform: lowercase;
    font-size: 11px;
    background: #feda84;
    font-weight: bold;
    background: -moz-linear-gradient(top, #f6c65c 0%, #d99025 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feda84), color-stop(100%,#fdad3c));
    background: -webkit-linear-gradient(top, #f6c65c 0%,#d99025 100%);
    background: -o-linear-gradient(top, #f6c65c 0%,#d99025 100%);
    background: -ms-linear-gradient(top, #f6c65c 0%,#d99025 100%);
    background: linear-gradient(to bottom, #f6c65c 0%,#d99025 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda84', endColorstr='#fdad3c',GradientType=0 );
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 1px solid #fdb64b;
    border-radius: 3px 3px 3px 3px;
    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
    height: 18px;
    padding: 5px 15px;
    display: inline-block;
    -webkit-box-shadow:inset 0 1px 0 0 #feeaba;
    box-shadow:inset 0 1px 0 0 #feeaba;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    text-transform: lowercase;
}

.forums .forum-post:hover a:hover {
    text-decoration: none;
    color: #fff;
    text-transform: lowercase;
    font-size: 11px;
    background: #feda84;
    font-weight: bold;
    background: #76cff2;
    background: -moz-linear-gradient(top, #76cff2 0%, #35a2ce 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76cff2), color-stop(100%,#35a2ce));
    background: -webkit-linear-gradient(top, #76cff2 0%,#35a2ce 100%);
    background: -o-linear-gradient(top, #76cff2 0%,#35a2ce 100%);
    background: -ms-linear-gradient(top, #76cff2 0%,#35a2ce 100%);
    background: linear-gradient(to bottom, #76cff2 0%,#35a2ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76cff2', endColorstr='#35a2ce',GradientType=0 );
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 1px solid #42a8d1;
    border-radius: 3px 3px 3px 3px;
    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
    height: 18px;
    padding: 5px 15px;
    display: inline-block;
    -webkit-box-shadow:inset 0 1px 0 0 #91d9f6;
    box-shadow:inset 0 1px 0 0 #91d9f6;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    text-transform: lowercase;
}

.forums .forum-post h4 {
    font-weight: bold;
    margin-bottom: 3px;
    color: #ff8f0f;
    margin-top: 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    width: 175px;
}

.forums .forum-post:hover h4 {
    color: #fff;
    text-shadow: 0px 0px 10px #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.forums .forum-post:hover p {
    color: #ffe7c3;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.forums .forum-post p {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 11px;
    text-transform: uppercase;
    color: #949494;
}

/* Footer
========================================================================== */

.footer  {
    background-image: url('img/footer-background.png');
    background-repeat: no-repeat;
    margin-top: 20px;
}

/* Footer widget */

.footer .widget  {
    margin: 30px 0;
    padding: 0 30px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    color: #ffeec5;
    border-right: 1px solid #050e17;
    -webkit-box-shadow:inset -1px 0 0 0 rgba(255,255,255,0.1);
    box-shadow:inset -1px 0 0 0 rgba(255,255,255,0.1);
    font-size: 12px;
}

.footer .widget.remove-border  {
    margin: 30px 0;
    padding: 0 30px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    color: #ffeec5;
    border-right: 1px solid transparent;
    -webkit-box-shadow:inset -1px 0 0 0 transparent;
    box-shadow:inset -1px 0 0 0 transparent;
    font-size: 12px;
}

.footer .widget strong {
    color: #fd751e;
}

.footer .widget h3  {
    margin-top: 0;
    font-size: 18px;
    text-transform: uppercase;
}

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

.footer .widget li {
    padding-left: 1em;
    text-indent: -1em;
}

.footer .widget li a {
    text-decoration: none;
    font-size: 13px;
    color: #ffeec5;
}

.footer .widget li a:hover {
    text-decoration: none;
    color: #fff;
}

.footer .widget li:before {
    content: "○";
    padding-right: 5px;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
}

.widget:first-child {
    margin-left: 0px;
}

.widget:last-child {
    margin-right: 0;
    border-right: none;
    -webkit-box-shadow:inset -1px 0 0 0 transparent;
    box-shadow:inset -1px 0 0 0 transparent;
}


/* Footer separator */
.footer .separator {
    width: 1120px;
    margin-left: 30px;

}

/* Footer copyright text */
.footer .copytext {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    padding-left: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.footer .copytext a {
    text-decoration: none;
    color: #ffd570;
}

.footer .copytext a:hover {
    text-decoration: underline;
}

.boris {
    float: right;
    font-size: 11px;
    margin-right: 35px;
    opacity: 0.7;
}


.boris:hover {
    opacity: 1;
}


/* 

==========================================================================
Wordpress custom styles
========================================================================== */

/* WordPress WYSIWYG Editor Styles
========================================================================== */

.entry-content img {
    margin: 0 0 1.5em 0;
}

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

.alignright, img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}

.aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

.alignnone, img.alignnone {
    /* not sure about this one */
}
.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}

.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
}
.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
}

.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}

blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}

blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

/* Custom category & single page styling
========================================================================== */

.main-bg.archive-single {
    background-image: url('img/main-background.jpg');
    margin-top: 153px;
    background-repeat: no-repeat;
    background-position: top;
    background-color: #0e0e0e;
    padding-top: 50px;
    z-index: 10000000;
}

/* Archive wrapper */
.main-bg.archive-single .main-content .grid_12 {
    background-color: #333;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    margin-top: 10px;
}
.main-bg.archive-single .main-content .grid_12.no-background{
	background: transparent;
        box-shadow: none;
        -webkit-box-shadow: none;
}
#main {
    color: #666666;
}

/* Individual post */
.main-bg.archive-single .main-content .grid_12 .post, .main-bg.archive-single .main-content .grid_12 .page {
    background: #efefef;
    border: 1px solid #d6d6d6;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    border-radius: 5px;
    -webkit-box-shadow:inset 0 0 0 7px #fff;
    box-shadow:inset 0 0 0 7px #fff;
    margin: 10px;
    padding: 25px;
}

/* Summary */
.main-bg.archive-single .main-content .grid_12 .entry {
    float: right;
    width: 575px;
}

.main-bg.archive-single .main-content .grid_12 .entry.no-thumb {
    width: 806px;
}

/* Title */
.main-bg.archive-single .main-content .grid_12 .entry-title {
    margin-top: 0;
    margin-bottom: 10px;
    text-shadow: 1px 1px 0px #FFF;   
    text-transform: uppercase;          
}

.main-bg.archive-single .main-content .grid_12 .page .entry-title {
    margin-bottom: 20px;
} 

.main-bg.archive-single .main-content .grid_12 .entry-title a {
    color: #fdb03c;
    text-transform: uppercase;
}

.main-bg.archive-single .main-content .grid_12 .entry-title a:hover {
    text-decoration: none;
    color: #e7a137;
}

/* Meta info */
.main-bg.archive-single .main-content .grid_12 .entry-meta {
    font-size: 12px;
    color: #bbb;
    margin-top: 5px;
    margin-bottom: 20px;
}

.main-bg.archive-single .main-content .grid_12 .entry-meta a {
    font-weight: bold;
    text-decoration: none;
    color: #bbb;
}

.main-bg.archive-single .main-content .grid_12 .entry-meta a:hover {
    text-decoration: underline;
}

/* Content */
.main-bg.archive-single .main-content .grid_12 .entry-content p {
    font-size: 13px;
}

.main-bg.archive-single .main-content .grid_12 .entry-content p:last-child {
    margin-bottom: 0;
}


.main-bg.archive-single .main-content .grid_12 .entry-footer {
    display: none;
}

.main-bg.archive-single .main-content .grid_12 p:first-child {
    margin-top: 0;
}

.main-bg.archive-single .main-content .grid_12 p img {
    max-width: 100%;
}

.main-bg.archive-single .main-content .grid_12 a:hover {
    color: #fcba2f;
    text-decoration: underline;
}

/* Thumbnail in archive */
.main-bg.archive-single .main-content .grid_12 .archive-thumb {
    float: left;
    width: 220px;
    margin-left: -18px;
    margin-top: -18px;
}

.main-bg.archive-single .main-content .grid_12 .archive-thumb img {
    border: 10px solid #feda84;
}

/* Thumbnail in single */
.main-bg.archive-single .main-content .thumb-full {
    margin-bottom: 15px;
}

/* Read more link*/
/*.main-bg.archive-single .main-content .grid_12 a.more-link {
    background: #feda84;
    display: inline-block;
    color: #fff;
    padding: 15px;
    border-bottom: 7px solid #e3b23c;
    border-radius: 5px;
    font-weight: bold;
    float: right;
}

.main-bg.archive-single .main-content .grid_12 a.more-link:hover {
    background: #f2c760;
    text-decoration: none;
    color: #444;
    border-bottom: 7px solid #c99d34;
}*/

.main-bg.archive-single .main-content .grid_12 a.more-link {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    background: #feda84;
    font-weight: bold;
    background: -moz-linear-gradient(top, #feda84 0%, #fdad3c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feda84), color-stop(100%,#fdad3c));
    background: -webkit-linear-gradient(top, #feda84 0%,#fdad3c 100%);
    background: -o-linear-gradient(top, #feda84 0%,#fdad3c 100%);
    background: -ms-linear-gradient(top, #feda84 0%,#fdad3c 100%);
    background: linear-gradient(to bottom, #feda84 0%,#fdad3c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda84', endColorstr='#fdad3c',GradientType=0 );
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 1px solid #fdb64b;
    border-radius: 3px 3px 3px 3px;
    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
    text-align: right;
    float: right;
    height: 18px;
    margin-bottom: -2px;
    padding: 10px 25px;
    display: inline-block;
    -webkit-box-shadow:inset 0 1px 0 0 #feeaba;
    box-shadow:inset 0 1px 0 0 #feeaba;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    margin-right: -3px;
}

.main-bg.archive-single .main-content .grid_12 a.more-link:hover {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    background: #feda84;
    font-weight: bold;
    background: -moz-linear-gradient(top, #f6c65c 0%, #d99025 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feda84), color-stop(100%,#fdad3c));
    background: -webkit-linear-gradient(top, #f6c65c 0%,#d99025 100%);
    background: -o-linear-gradient(top, #f6c65c 0%,#d99025 100%);
    background: -ms-linear-gradient(top, #f6c65c 0%,#d99025 100%);
    background: linear-gradient(to bottom, #f6c65c 0%,#d99025 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda84', endColorstr='#fdad3c',GradientType=0 );
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 1px solid #fdb64b;
    border-radius: 3px 3px 3px 3px;
    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
    height: 18px;
    margin-bottom: -2px;
    padding: 10px 25px;
    display: inline-block;
    -webkit-box-shadow:inset 0 1px 0 0 #feeaba;
    box-shadow:inset 0 1px 0 0 #feeaba;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
}

/* DVK Social Share */
.main-bg.archive-single .main-content .grid_12 .dvk-social-sharing {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 15px;
}

/* Post navigation on single post above title */
.post-nav {
    border: none;
    margin-bottom: 15px;
}
.post-nav .nav-previous {
    float: left;
    opacity: 0.5;
}

.post-nav .nav-next {
    float: right;
    opacity: 0.5;
}

.post-nav .nav-next:hover, .post-nav .nav-previous:hover {
    opacity: 0.8;
}

/* Posts nav - older & newer */
.paging-navigation {
    padding: 10px 10px 20px 10px;

}

.paging-navigation a:hover {
    text-decoration: underline;
    color: #fcba2f;
}

/* Comments area */
.comments-area {
    padding: 10px;
}

.comments-title {
    margin-bottom: 20px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4); 
}

.comment-list {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    font-size: 13px;
}

.comments-area .children {
    list-style-type: none;
}

.comments-area .comment-body {
    background: transparent;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    border-radius: 5px;
    /*border: 1px dashed rgba(253, 176, 60, 0.1);*/
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 25px;
    color: #fff;
    margin-left: 0;
    margin-bottom: 10px;
    background: rgba(0, 0, 0, 0.1);
}

.comments-area .comment-body b.fn {
    font-size: 18px;
    text-transform: uppercase;
    color: #fcba2f;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4); 
}

.comments-area .comment-body span.says {
    font-size: 12px;
    font-style: italic;
}

.comments-area .comment-body:hover {
    border-bottom: 1px solid #f2c760;
}

.comments-area .comment-metadata {
    margin-left: 65px;
    margin-top: -15px;
}

.comments-area .comment-metadata a {
    color: #555;
}

.comments-area .comment-meta .avatar {
    border-radius: 10000px;
    margin-right: 10px;
}

.comments-area .comment-content {
    margin-top: 20px;
}

/* Respond area */
.comment-respond {
    color: #ccc;
    font-size: 13px;
}

.comment-respond code {
    color: #ccc;
    font-size: 12px;
}

.comment-form label {
    display: block;
    margin-bottom: 7px;
    margin-top: -10px;
}

.comment-form input, .comment-form textarea  {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    outline: none;
    border-radius: 5px;
    display: block;
    color: #fff;
    padding: 5px;
}

.comment-form input:focus, .comment-form textarea:focus {
    border: 1px solid #fcba2f;
    background: rgba(0, 0, 0, 0.5);
}

/* Submit button */
.comment-form #submit {
    background: #feda84;
    display: inline-block;
    color: #333;
    padding: 15px;
    border-bottom: 7px solid #e3b23c;
    border-radius: 5px;
    font-weight: bold;
    margin-bottom: -20px;
}

.comment-form #submit:hover {
    background: #f2c760;
    text-decoration: none;
    color: #444;
    border-bottom: 7px solid #c99d34;
}

/* Sponsors page */
.sponsor-half {
    width: 420px;
    float: left;
}

.sponsor-half img {
    width: 50%;
    height: 50%;
}

.main-bg.archive-single .main-content .sponsor-half .entry {
    float: right;
    width: 225px;
    margin-top: 0px;
}

.main-bg.archive-single .main-content .grid_12 .sponsors-thumb {
    float: left;
    width: 230px;
    height: 230px;

    margin-left: -18px;
    margin-top: -18px;
    background: #222;
    padding: 80px 30px 30px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    border: 10px solid #feda84;
    text-align: center;
}

.main-bg.archive-single .main-content .sponsor-half .sponsors-thumb {
    float: left;
    width: 150px;
    height: 150px;
    padding-top: 50px;
}

.main-bg.archive-single .main-content .grid_12 .sponsors-thumb img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;

}


/* 

==========================================================================
Media Queries
========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* 

==========================================================================
Helper classes
========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* 

==========================================================================
Print styles
========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}