/*
Theme Name: shadowblade
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: shadowblade
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.

 shadowblade 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
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
 body {
width: 100%;
height: 100%;
color: #fff;
font-weight: 300;
background-color: #000;
font-family: 'Roboto', sans-serif;

color: #fff;
  margin: 0;
            padding: 0;
            background: #000 url(assets/Images/bg.jpg) no-repeat top center;
}
.navbar
{
    background-color: rgba(0,0,0,0.5);
height: 57px;

-webkit-transition: background .9s ease-in-out;
-moz-transition: background .9s ease-in-out;
transition: background .9s ease-in-out;
    margin: 0px auto;

border-bottom: 0;
letter-spacing: 1px;

}
.container 
{
    width: 950px;
height: 57px;
margin: 0px auto;
position: absolute;
z-index: 300;
left: 0;
right: 0;
}
#container 
{
    
     margin: 0 auto;height: 750px;
width: 900px;

}
.navbar
{
position: fixed;
z-index: 401;
width: 100%;
}
.container>.navbar-header
{
    margin-right: 0;
margin-left: 0;
}
.navbar-nav {
float: left;
margin: 0;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li.active {
outline: 0;

}
.navbar-nav>li {
float: left;
}
.nav>li {
position: relative;
display: block;
}
.navbar-custom .nav li a {
background: url('assets/Images/menu-bg.png') no-repeat center center;
background-size: 0%;

-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
transition: background 0.5s linear;
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px;
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 51px 4px 52px;
}
.navbar-custom a {
color: #fff;
}
.intro {
height: 100%;
padding: 0;padding-top: 40px;
}
.intro {
margin: 0 auto;
width: 1280px;
height: auto;

text-align: center;
color: #fff;
/* background: url(https://www.shadowbladegame.com/wp-content/themes/assets/windcliffe.png) no-repeat bottom center scroll; */

-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
position: relative;
overflow: hidden;
}
.intro-body1 {
display: table-cell;
vertical-align: bottom;
padding-bottom: 50px;
position: relative;
z-index: 2;
}
.logo
{
    padding-right: 520px;
}
#logo {
position: relative;
margin: 0 auto;
margin-left:  -110px;
height: 171px;
width: 524px;
top:30px;
z-index: 302 !important;
background: url(assets/Images/logo.png) no-repeat;
background-size: cover;
}
.zarre1
{
    width: 1260px; height: 375px; 
    position:absolute;margin: 0px auto;
left: 0px;
}
.zarre2
{
    width: 1260px; height: 408px;
    position:absolute;margin: 0px auto;
left: 0px;
}
.light
{
    width: 693px; height: 345px;
    position:absolute;margin: 0px auto;
left: 0px;
}
.shadow
{
    width: 494px; height: 605px;
    position:absolute;margin: 0px auto;
left: 0px;
}
.zarre4
{
    width: 323px; height: 243px;
    position:absolute;margin: 0px auto;
left: 0px;
}
.home1
{
    height: 408px;
    position:absolute;margin: 0px auto;
left: 0px;margin-top:-35px;
}
.home-small1
{
    height: 755px;
    position:absolute;margin: 0px auto;
left: 0px;

}
.home-small2
{
    height: 755px;
    position:absolute;margin: 0px auto;
left: 530px;

}
.home-small3
{
    height: 581px;
    position:absolute;margin: 0px auto;
left: 420px;

}
.video
{
    margin-top: 20px;
    padding-right: 200px;position:absolute;z-index:120px;
     height:382px;
}
#video
{
    background: url(assets/Images/border.png) no-repeat;
    width:794px;
    height:382px;
position: absolute;
z-index: 9999998;
    margin:0px auto;
}
#content article:nth-child(1)
{
}

#video iframe
{
    margin: 19px 84px 0 0px;
  
}
#shadow
{
     width: 466px; height: 605px; background: url('assets/Images/shadow.png') no-repeat
    ;margin: 0px auto;
}

.shadow
{
    top: 30px;

width: 100%;
 position:absolute;
    left:0;
    right:0;
   
    margin-right:auto;
}
.join
{height:150px;}
.loading
{
     width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;pointer-events: none;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #000;
  z-index: 10000;
  text-align: center;
}


#content
{

margin: 0px auto;

}
#content article div.entry-meta, #content article .entry-footer
{
display:none;
}

#content article:nth-child(1) div.header h1 
{
font-weight: 300;
font-size: 40px;
line-height: 23px;
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none;
color: rgba(255,255,1255,1);
/* text-shadow: 1px 1px 30px rgba(237,216,160,1), 3px 4px 10px #000; */
text-shadow: 0px 0px 30px #000;
margin: 0px;
padding: 0px;
}


#content article:nth-child(2) .entry-content {
/*opacity: 0.2;
background: url(assets/Images/about-img.jpg) no-repeat center center;
*/
}


#content article:nth-child(1) .entry-content #About p, .aboutText {
font-size: 16px;

text-shadow: 1px 1px 5px rgba(0,0,0,1), 0px 0px 10px rgba(0,0,0,1);
margin-top: 10px;

font-weight: 300;
color: rgba(255,255,255,0.85);
letter-spacing: 1.35px;

line-height: 26px;

text-align: center;
margin: -70px 0 0 0;
position: absolute;

width: 880px;
margin: 0px auto;
top: 50px;
left: 0px;
right: 0px;
padding: 0 100px 0 100px;

}

#content article:nth-child(1) .entry-header {
 display:none;
}

iframe
{

}
#content article:nth-child(1) #About
{

position: relative;
/* overflow: hidden; */
height: 200px;
margin-bottom: 80px;
text-align: center;


/* margin: 0px auto; margin-bottom: 110px; */
text-align: center;


}
#content article:nth-child(2) > div {
	/*position: relative;
	height: 200%;
	-webkit-transform: translateZ(0);-webkit-perspective: 1000;*/
}
#screenshots
{
border-top: 3px solid rgba(255,255,255,1);
background-image: url("assets/Images/first-bg.jpg");
background-color: #000;
background-repeat: no-repeat;
background-position: top center;
padding-bottom: 5px;
}
#artwork
{
border-top: 3px solid rgba(244,139,54,1);
background-image: url("assets/Images/second-bg.jpg");
background-color: #000;
background-repeat: no-repeat;
background-position: top center;
padding-bottom: 5px;

margin-top:100px;

margin: 0px auto;
text-align: center;
}
#videos {
border-top: 3px solid rgba(244,139,54,1);
background-image: url("assets/Images/third-bg.jpg");
background-color: #000;
background-repeat: no-repeat;
background-position: top center;
padding-bottom: 5px;
margin-top: 100px;
margin: 0px auto;
text-align: center;
}
#screenshots .header,#artwork .header,#videos .header ,#content article:nth-child(6) .entry-header
{
padding-top: 30px;margin-bottom: 23px;
}
#screenshots .envira-gallery-wrap ,#artwork .envira-gallery-wrap,#videos #huge_it_videogallery_content_1,#content article:nth-child(6) .entry-content
{
width:1100px;
margin:0px auto;
}
#screenshots,#artwork,#videos
{
margin-top:100px;

margin: 0px auto;
text-align: center;
}
#content article:nth-child(3) .entry-title,#content article:nth-child(4) .entry-title,#content article:nth-child(5) .entry-title,#content article:nth-child(6) .entry-title
{
margin-bottom: 18px;
}
#content article:nth-child(3) .entry-content div>div
{

}
.es_textbox input {
background-color: #edd8a0;font-size: 14px;

font-weight: 300;font-family: 'Roboto', sans-serif;

line-height: 2;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
color: #000;
border-radius: 3px;font-family: 'Roboto', sans-serif;

border:0px
}
input[type="button"], input[type="reset"], input[type="submit"] {
border: 1px solid;
border-color: #edcd78;
border-radius: 10px;
font-size: 16px;
background: #000;
color: #fff;
cursor: pointer;font-family: 'Roboto', sans-serif;

-webkit-appearance: button;

font-weight: 300;
line-height: 1.8;
padding: 0px 18px 0px 18px;
opacity: 0.8;
letter-spacing: 1px;
}
.es_textbox_class {
width: 200px;
}
.site-footer
{
width: 900px;
margin: 0px auto;
margin-top: 80px;
}
.site-footer span.footer-text
{
font-size: 10px;opacity: 0.5;
}
.social-network-link a {
display: inline-block;
width: 52px;
height: 51px;
margin: 2px 4px 0 4px;
}
a img {
border: 0;
}
#rows>div
{
display:inline-block;
}
#footer-title h1
{
font-weight: 400;
font-size: 40px;
line-height: 23px;
text-transform: uppercase;
letter-spacing: -2px;
text-decoration: none;
color: white;margin: 0px;
padding: 0px;
}

.footer-subscribe div
{
padding-top:5px;
}
.social-network-title,.subscribe-title
{
font-size: 16px;
opacity: 0.8;
}
li.tumblr_post.photo, li.tumblr_post.regular, li.tumblr_post.link, li.tumblr_post.video {
padding-bottom: 20px;
background-color: rgba(82,75,55,0.1);
border-radius: 4px;
border: 1px solid rgba(237,216,160,0.3);
padding: 10px;
margin-bottom: 20px;
}
#tumblr-widget-2 ul {
list-style: none;
padding: 0px;
margin: 0;
}
.widget-title
{
font-weight: 300;
font-size: 40px;

text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none;
color: rgba(255,255,1255,1);
/* text-shadow: 1px 1px 30px rgba(237,216,160,1), 3px 4px 10px #000; */
text-shadow: 0px 0px 30px #000;
margin: 0px;
padding: 0px;
}
#secondary
{
margin-top: 65px;
}
.widget-title a
{
text-decoration: none;
color: white;
}
#tumblr-widget-2 h3, #tumblr-widget-2 h4 {
font-family: 'Roboto', sans-serif;
font-size: 18px;
line-height: 25px;font-weight: 300;
color: #fff;
margin-bottom: 0px;
}
.tumblr_post.photo p, .tumblr_post.regular p, .tumblr_post.link p, .tumblr_post.video p {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 28px;
color: #ccc;
margin-bottom: 0px;
}
.nav a img
{
cursor:pointer;
}
.tumblr_post.photo p a, .tumblr_post.regular p a, .tumblr_post.link p a, .tumblr_post.video p a {
color: #EDD8A0;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity:1;
	box-shadow: inset 0 1px 0 rgba(163, 131, 75, 0.5), inset 0 8px 10px rgba(163, 131, 75, 0.6), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
#content article:nth-child(2) .entry-header
{
position: absolute;
z-index: 200;
margin: 0px auto;
width: 1200px;
left: 0px;
right: 0px;
top: 0px;
}
#content article:nth-child(2) .entry-header h1
{

}
.show-trailer
{
position: absolute;
z-index: 205;
top: 400px;
background-color: rgba(0,0,0,0.2);
border: 1px solid rgba(85,35,15,0.6);
padding: 5px;
border-radius: 6px;
margin-left: 20px;
box-shadow: 0px 0px 10px rgba(244,139,54,0.7), 0px 0px 30px rgba(0,0,0,0.6);
}
.steam>div
{
float:left;
}
.steam
{
position: absolute;
z-index: 205;
top: 500px;
padding: 5px;
margin-left: 18px;
}
.text-steam
{
text-align:left;
padding-top: 8px;
padding-left: 5px;
}
.text-steam a
{
color: white;
font-weight: 300;

text-decoration: none;
direction: ltr;
text-align: left;
cursor: pointer;
text-shadow: 1px 1px 3px #000;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.text-steam a:hover
{
color: rgba(0,0,0,1);
text-shadow: 0px 0px 3px rgba(255,255,255,0.3);
}
.btn-trailer
{
color: white;
border-radius: 24px;
font-weight: 300;
height:29px;
text-transform: uppercase;
font-weight: 300;
background-color: rgba(0,0,0,0.3);
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
border: 2px solid rgba(244,139,54,1);
color: white;
padding: 13px 19px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
text-decoration: none;
cursor: pointer;
text-shadow: 1px 1px 3px #000;
}
.btn-trailer:hover,
.btn-trailer:focus {
   text-shadow: 0px 0px 5px #000;
    background-color: rgba(0,0,0,0.8);
}
.over-intro
{
width: 1280px;
height: 760px;
background-color: black;
position: absolute;
margin: 0px auto;
opacity: 0;
left: 0px;
right: 0px;
z-index: 400;
pointer-events: none;
}
.envira-gallery-wrap .envira-gallery-item img , .responsiveSlider >div img
{
opacity: 1;
border: 5px solid rgba(255,255,255,0.1);
box-shadow: 0px 0px 10px #000, 0px 0px 80px rgba(0,0,0,1);
border-radius: 10px;
}
.envira-gallery-wrap .envira-gallery-item img:hover, .responsiveSlider >div img:hover
{
border: 5px solid rgba(255,255,255,1);
}

.element_1 .image-block_1
{
border: 5px solid rgba(255,255,255,0.1);
box-shadow: 0px 10px 5px #000, 0px 10px 30px rgba(0,0,0,0.5);
border-radius: 10px;
}
.newTitle
{
font-size: 16px;
text-shadow: 1px 1px 5px rgba(0,0,0,1), 0px 0px 10px rgba(0,0,0,1);
font-weight: 300;
color: rgba(255,255,255,0.85);
letter-spacing: 1.35px;
line-height: 15px;
text-align: center;
position: relative;
margin: 0px !important;
padding: 0px 1% 0px 1% !important;
width: 98%;
text-overflow: ellipsis;
overflow: hidden;
font-family: 'Roboto', sans-serif;
}
#huge_it_videogallery_content_1
{

}

  .accordion {
 
}
.accordion dt, .accordion dd {
  padding: 10px;
  border: 1px solid #e98534;
  border-bottom: 0;
text-align: left;
}
.accordion dt:last-of-type, .accordion dd:last-of-type {
  border-bottom: 1px solid #e98534;
}
.accordion dt a, .accordion dd a {
  display: block;
  font-size: 16px;
text-shadow: 1px 1px 5px rgba(0,0,0,1), 0px 0px 10px rgba(0,0,0,1);

font-weight: 300;
color: rgba(255,255,255,0.85);
letter-spacing: 1.35px;
line-height: 26px;
text-align: left;

}
.accordion dd {
  border-top: 0;
font-size: 12px;
font-size: 13px;
text-shadow: 1px 1px 5px rgba(0,0,0,1), 0px 0px 10px rgba(0,0,0,1);
font-weight: 300;
color: rgba(255,255,255,0.85);
letter-spacing: 0.55px;
line-height: 23px;
text-align: left;
}
.accordion dd:last-of-type {
 
  position: relative;
  top: -1px;
}

a {
  text-decoration: none;
}
#trailer
{
opacity: 0;
display: none;
border: 1px solid rgba(237,216,160,0.1);
box-shadow: 0px 0px 10px #000, 0px 15px 200px rgba(244,139,54,0.15);
width: 854px;
height: 480px;
margin: 0px auto;
margin-bottom: 100px;
margin-top: 50px;
z-index: 400;
}
  
#a5_recent_post_widget-2 {
width: 900px;
margin: 0px auto;
margin-top: 70px;
}
#a5_recent_post_widget-2 h3 {
margin: 0px;
border-top: 1px solid #242319;
padding-top: 20px;
}
#a5_recent_post_widget-2 p {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 23px;
color: #fff;
opacity: 0.6;
margin: 0px;
}
#a5_recent_post_widget-2 a {
color: #fffbb1;
}
#a5_recent_post_widget-2 h3 a {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 18px;
font-weight: normal;
line-height: 23px;
color: #fff;
margin: 0px;
text-decoration: none;
}
.single-post #content
{
width: 900px;
margin: 0px auto;
}
.blog article, .single-post article {
border-radius: 4px;
background-color: #181817;
font-family: 'Roboto', sans-serif,arial;
padding: 15px;
margin-bottom: 20px;
-moz-box-shadow: 0px 0px 8px 0px #000;
-webkit-box-shadow: 0px 0px 8px 0px #000;
box-shadow: 0px 0px 8px 0px #000;
}
.single-post article .entry-header h1.entry-title {
font-family: 'Roboto', sans-serif,arial;
font-weight: 300;
font-size: 28px;
color: #6d6743;
text-decoration: none;
}
.single-post .entry-meta, .single-post .entry-meta a {
font-weight: 300;
font-size: 12px;
color: #8B8F92;
opacity: 0.8;
}
 .single-post .entry-meta, .single-post .entry-meta a {
font-weight: 300;
font-size: 12px;
color: #8B8F92;
opacity: 0.8;
}
.single-post .entry-meta a {
font-weight: 300;
font-size: 12px;
color: #8B8F92;
opacity: 0.8;
}
 .single-post .entry-meta span.byline {
display: none;
font-size: 0px;
}
.single-post article .entry-content {
font-family: 'Roboto', sans-serif,arial;
font-weight: 300;
color: #eee;
}
.entry-footer {
display: none;
}
.post-navigation {
font-family: 'Roboto', sans-serif,arial;
font-weight: 300;
color: #6d6743;
text-decoration: none;
margin-bottom: 3px;
}
h1.screen-reader-text {
font-family: 'Roboto', sans-serif,arial;
font-weight: 300;
font-size: 28px;
color: #6d6743;
text-decoration: none;
margin-bottom: 3px;
}
.nav-links {
font-family: 'Roboto', sans-serif,arial;
font-weight: 300;
color: #eee;
margin-bottom: 15px;
}
.nav-previous, .nav-next {
display: inline-block;
}
.nav-next {
margin-left: 20px;
}
.nav-links a {
color: #eee;
opacity: 0.7;
text-decoration: none;
}

#email-subscribers-2 .widget-title
{
display:none;
}
#email-subscribers-2
{
width: 900px;
margin: 0px auto;
margin-top: 110px;
position: absolute;
left: 0;
right: 0;
}