/*
Theme Name: venan-seven
Theme URI: http://www.venan.com/
Author: Venan Entertainment, Inc.
Author URI: http://www.venan.com/
Description: Venan Wordpress Theme
Version: 0.1-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: venan-seven
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.

 venan-seven 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
X.X Header
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
        10.4 Index and Archive
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Footer
14.0 Plug-Ins
        14.1 WP-to-Twitter
15.0 Game Pages
        15.1 Book of Heroes
        15.2 Space Ore Bust
--------------------------------------------------------------*/

/*--------------------------------------------------------------
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/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* 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
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #5f5958;
	font-family: 'Roboto',sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
        max-width: 1600px;
        margin: 0 auto;
/*        background: #f3f3f3;*/
/*        background: #888;*/

}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

h1  {font-size: 200%; font-weight: 700;}
h2  {font-size: 175%; font-weight: 700;}
h3  {font-size: 150%; font-weight: 700;}
h4  {font-size: 125%; font-weight: 500;}
h5  {font-size: 100%; font-weight: 500;}
h6  {font-size: 100%; font-weight: 500;}

@media screen and (max-width: 714px) {
    h1  {font-size: 150%; font-weight: 700;}
    h2  {font-size: 140%; font-weight: 700;}
    h3  {font-size: 130%; font-weight: 700;}
    h4  {font-size: 120%; font-weight: 500;}
    h5  {font-size: 100%; font-weight: 500;}
    h6  {font-size: 100%; font-weight: 500;}
}

p {
        margin-bottom: 1.5em;
	padding-bottom: 0em;
}

b,
strong {
	font-weight: bold;
}

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

blockquote {
/*	margin: 1.5em 2.5em;*/
	margin: 1.5em 3%;
        padding:1em 2%;
        font-weight: 300;
        font-style: italic;
        line-height: 1.7em;
        border-top: 1px dotted #ccc;
        border-bottom: 1px dotted #ccc;
        text-align: justify;
}

blockquote em{
        font-style: normal;
}

blockquote p {margin-bottom: 0;}

cite    {
        font-weight: 500;
        font-style: normal;
        margin-left: 1em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}

code{color: #5f5958; }

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

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

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

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}



/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html{
        background-image: url('../venan-seven/images/bg_pattern-2b.jpg');
        background-attachment: fixed;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 0em 2em;
}

ul {
	list-style: disc;
        
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
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"] {
        font-family: 'Days One', sans-serif;
        text-transform: uppercase;
	border: 1px solid;
	border-color: #97a3b3;
	border-radius: 3px;
	background: #5f5958;
/*	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, .8);*/
        color: #f3f3f3;
	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: 1em 1em;
        margin: .25em 0;
/*	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;
        color: #f2ffff;
        background: #000;
/*	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);
}

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 */
/*	box-sizing: content-box;*/
        box-sizing: border-box;


}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #5f5958;
	border: 1px solid #ccc;
	border-radius: 10px;
        background: #FFF;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #58a9e8;
}

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
--------------------------------------------------------------*/
.menu-item-hidden{
    display: none;  //hide navigation for private pages added to the menu (call css in wp menu settings))
}
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #184e93;
        text-decoration: none;
}

a:visited {
	color: #184e93;
}

a:hover,
a:focus,
a:active {
	color: #3883e3;
/*        border-bottom: 1px dotted #ccc;
        border-top: 1px dotted #ccc;*/
}


/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
#site-navigation {
        margin: -135px auto 0 auto;
        height: 135px;
        max-width: 1600px;
}
.main-navigation {
        position: relative;
        font-family: 'Days One', sans-serif;
        text-transform: uppercase;
        padding-right: 150px;
/*      height: 25px;*/
/*	display: block;*/
/*	width: 100%;*/    
}

.main-navigation ul {
	list-style: none;
	margin-top: 53px;
	padding: 2px .25em 3px 0;
        float:right;
        
/*        border-top: 1px solid #035bb2;
        border-bottom: 1px solid #035bb2;*/

}

.main-navigation li {
	float: left;
	position: relative;
/*        line-height: 3.6rem;*/
/*        margin: .5em 0;*/
}

.main-navigation a {
       display: block;
       padding: 0 1.0em;
       font-size: 16px;
       font-size: 1.6rem;
       text-decoration: none;
       color: #f2ffff;
       border: none;
}

.main-navigation ul ul {
/*	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);*/
        position: absolute;
        left: 0;
        top: -26px;
        z-index: 99999;
        display: none;
        float: left;
        padding: 0px 0 0 0;
        margin-left: 0;
        border-top: 1px solid #fff;
        background: rgba(3, 60, 120, 0.9);
}

.main-navigation ul ul ul {
        left: 100%;
        margin: 0;
        top: -1px;
/*        border: 1px solid #fff;*/
}

.main-navigation ul ul a {
	width: 200px;
        font-size: 14px;
        padding: .5em;
}

.main-navigation ul ul li {
        line-height: 1.6rem;
        margin: .0em 0;
        
}

.main-navigation li:hover > a {
        color:#0083ff;
/*        border-bottom: 2px solid #0083ff;*/
}

.main-navigation ul ul :hover > a {
        border-bottom: none;
        color: #ffd400;
}

.main-navigation ul ul a:hover {
        border-bottom: none;
}

.main-navigation ul li:hover > ul {
        display: block;
}

.main-navigation ul ul li:hover > ul {
/*	left: 100%;*/
        color: #ffd400;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}


/* Menu Icons */
/*.nav-menu li li a:before, .nav-menu li li li a:before,*/ .menu-toggle a:before{
        display: inline-block;
        padding: 0 5px;
        vertical-align: top;
        font-family: 'Fontawesome';
        font-size: 16px;
        color: #f2ffff;
        -webkit-font-smoothing: antialiased;
        content: '\f0da';
}

/*.nav-menu li li li a[href*="venan.com/boh_forum"]::before { content: '\f007'; }*/

/* Social Menu */

.menu-social ul {
/*    float: right;*/
    position: absolute;
    right: 10px;
    text-align: center;
    list-style: none; 
    margin: 44px 0 0 0;
    padding: 0;
    border: none;


}

.menu-social ul li {
    position: relative;
    display:  inline-block;  
}

.menu-social ul li a{
    padding: 0 .25em;
}

.menu-social li a:hover:before{
        color:#0083ff;
}

.menu-social li a:before {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
    font-family: 'Fontawesome';
    font-size: 32px;
    color: #f2ffff;
    -webkit-font-smoothing: antialiased;
    content: '\f0c0';
}

.menu-social li a[href*="facebook.com"]::before { content: '\f082'; }

.menu-social li a[href*="twitter.com"]::before { content: '\f081'; }

.menu-social li a[href*="dribbble.com"]::before { content: '\f17d'; }

.menu-social li a[href*="plus.google.com"]::before { content: '\f0d4'; }

.menu-social li a[href*="pinterest.com"]::before { content: '\f0d3'; }

.menu-social li a[href*="github.com"]::before { content: '\f092'; }

.menu-social li a[href*="tumblr.com"]::before { content: '\f173'; }

.menu-social li a[href*="youtube.com"]::before { content: '\f166'; }

.menu-social li a[href*="flickr.com"]::before { content: '\f16e'; }

.menu-social li a[href*="vimeo.com"]::before { content: '\f194'; }

.menu-social li a[href*="instagram.com"]::before { content: '\f16d'; }

.menu-social li a[href*="linkedin.com"]::before { content: '\f08c'; }



/* Mid-size menus */
@media screen and (max-width: 1199px) {
    
    .main-navigation ul {
            margin-top: 70px;
    }  
    
    .main-navigation ul ul {
            top: -43px;
    }    
    
    .menu-social ul {
        margin: 61px 0 0 0;
    }
 
}

@media screen and (max-width: 969px) {
    
    .main-navigation a {
            padding: 0 .55em;

    }
    
    .main-navigation ul {
	padding-right: 0em;
    }
}


@media screen and (max-width: 900px) {
    .main-navigation a {
            padding: 0 .5em;
            font-size: 14px;
            font-size: 1.4rem;
    }
    
    .main-navigation ul ul a {
            font-size: 12px;
            font-size: 1.2rem;
    }    
 
    .main-navigation ul {
            margin-top: 74px;
                
    }  
    
    .main-navigation ul ul {
            top: -51px;
    } 
    
    .main-navigation ul ul li {
            line-height: 1.4rem;
    }     
 
    .menu-social ul {
            margin: 61px 0 0 0;
    }
    
}

@media screen and (max-width: 829px) {
    .main-navigation {
            padding-right: 125px;
    }    
    
    .main-navigation a {
            padding: 0 .5em;
            font-size: 13px;
            font-size: 1.3rem;
    }
    
    .main-navigation ul ul a {
            width: 150px;    
            font-size: 10px;
            font-size: 1.0rem;
    }    
 
    .main-navigation ul {
            margin-top: 86px;
    }  
    
    .main-navigation ul ul {
            top: -64px;
    } 
    
    .main-navigation ul ul li {
            line-height: 1.4rem;
    }     
    
    .menu-social ul {
            margin: 77px 0 0 0;
    }

    .menu-social li a:before {
            padding: 0 3px;
            font-size: 28px;
    }
    
}





/* Small menu */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 714px) {
	.menu-toggle {
		position: absolute;
                display: block;
                top:77px;
                right:90px;
	}     
        
        .menu-toggle a:before{
            font-size: 28px;
        }
        
        .menu-toggle a::before { content: '\f0c9'; }        
        
        
    /* h2 instead of 'button' class defined in navigation.js */
        
        h2.menu-toggle a {
                outline: none;
        }   
        
        h2.menu-toggle a:hover:before{
                color:#0083ff;
                outline: none;
        }        
        
	.main-navigation.toggled .nav-menu {
		position: relative;
                display: block;
                margin:135px 0 12px 12.5%;
                float: left;
                background: #111;
                border: 1px solid #222;
	}        

        .main-navigation ul {
                display: none;
                padding: 0;
                
	}
        
        .main-navigation ul ul {
                top: 0;
                margin: 0;
                border-top: 1px solid #026ccc;
                border-bottom: 1px solid #026ccc;
                background: #111;
        }     
        
        .main-navigation ul ul a{
                width: 100%;
        }
        
        .main-navigation   {
            padding-right: 0;
        }
        
        .nav-menu{
                width: 75%;
        }
        
	.nav-menu li { 
		float: none;
/*                width: 100%;*/
	}

	.nav-menu li a { 
		padding: 1em 2em; 
	}

	.nav-menu li li a { 
		padding: 1em 0em 1em 3em; 
                font-size: 12px;
                font-size: 1.2rem;

	}

	.nav-menu li li li a { 
                padding: 1em 0em 1em 4em; 
	}


/*        .nav-menu li li li a[href*="venan.com/boh_forum"]::before { content: '\f007'; }*/
        
/*        .nav-menu li li a::before { content: '\f142'; }*/
        
        
	.nav-menu li:hover > a {
		background: #222;
	}
	
	.main-navigation ul ul,
	.main-navigation ul ul ul {
		position: relative;
		top: inherit;
		left: 0;
		display: block;
		float: none;
	}
        
	.main-navigation ul ul ul {
                border: none;
	}        
	
	.main-navigation ul ul a { width: 100%; }

	.main-navigation ul a:hover,
	.main-navigation ul ul a:hover {
/*		background: #4d4d4d;
		background: hsl(0, 0%, 30%);*/
	}

	.main-navigation .current_page_ancestor { 
/*            background: inherit; */
        }

	.main-navigation ul ul .current_page_parent {
/*		color: inherit;
		background: inherit;*/
	}

	.main-navigation .current_page_item > a,
	.main-navigation .current_page_item > a:hover,
	.main-navigation .current_page_item li:hover,
	.main-navigation .current_page_parent .current_page_item > a  {
/*		color: #fff;
		color: hsl(0, 0%, 100%);
		background: #4d4d4d;
		background: hsl(0, 0%, 30%);    */
	}
        
} // End small menu        



.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%;
}

.post-nav-box {
    padding: 1em 0em;
    margin-bottom: 2em;
    border-top: 1px dotted #97a3b3;
    border-bottom: 1px dotted #97a3b3;
}

.nav-indicator { 
/*    color: #96a3b3;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'Days One', sans-serif;*/
}

.nav-previous,
.nav-next { 
    padding: 0 1em; 
    
    color: #96a3b3;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'Days One', sans-serif;
}

.nav-previous h1,
.nav-next h1 { 
    font-size: 16px;
    font-size: 1.6rem;
/*    font-family: 'Days One', sans-serif;*/
}

/*.nav-previous h1{
    margin-left: 1em;
}

.nav-next h1{
    margin-right: 1em;
}*/
   
.comment-navigation {
    padding: 1em 2em;
    margin-bottom: 2em;
    border-top: 1px dotted #97a3b3;
    border-bottom: 1px dotted #97a3b3;
/*    border-top: hsl(0, 0%, 80%) solid 1px;
    border-bottom: hsl(0, 0%, 80%) solid 1px; */
}

.comment-navigation i,
.paging-navigation i,
.post-navigation i {
/*    margin: 0 1em;*/
    color: #96a3b3;
}

@media screen and (max-width: 714px) {
    #menu-social ul {
        position: absolute;
        top: 0;
        right: 0rem;
        display: block;
    }
    
    #menu-social li a { 
        padding-left:1px;
        padding-right:1px;
    }
    
    .nav-previous h1,
    .nav-next h1 { 
        font-size: 14px;
        font-size: 1.4rem;
    }
    
}

@media screen and (max-width: 330px) {
	.menu-toggle {
		position: absolute;
                display: block;
                top:80px;
                right:95px;
	} 
        
        .main-navigation ul {
               margin-top: 80px;
        }        
}


.paging-navigation ul {
    margin: 0;
}

.paging-navigation li { display: inline; }

a.page-numbers,
span.page-numbers
{
     padding: 0 .7em;
     color: #97a3b3;
}


.page-links:not(a)  
{  
/*     padding-right: .7em;*/
     color: #000;
}

.page-links a
{
/*     padding-right: .7em;*/
     color: #97a3b3;
}

.pages-label 
{
    display: inline;
    padding-right: .7em;
    color: #97a3b3;
}

a:hover.page-numbers, .page-links a:hover {
    color: #3883E3;
}

.paging-navigation .current {
/*    font-weight: bold;*/
    color: #000;
}
  
a.next:after {
    position: relative;
    padding: 0 .5em;
    font-family: 'Fontawesome';
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    content: '\f054';
}

a.prev:before {
    position: relative;
    padding: 0 .5em;
    font-family: 'Fontawesome';
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    content: '\f053';
}


/*--------------------------------------------------------------
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;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	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.0em;
        margin-top: 1.0em;
        margin-bottom: 1.0em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.0em;
        margin-top: 1.0em;
        margin-bottom: 1.0em;        
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
        margin-top: 1.0em;
        margin-bottom: 1.0em;
}

/*--------------------------------------------------------------
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;
}


/*--------------------------------------------------------------
X.X Header
--------------------------------------------------------------*/

.header-image   {
    margin: 0 auto;
    max-width: 1600px;
    width: 100%;
    overflow: hidden;
}

.header-image img   {
/*    display: block;*/
    float: left;
    margin: 0 auto;
    min-width: 1600px;
    min-height: 135px;

}


.header-info-bar    {
    position: absolute; 
    bottom: 0px;
    height: 70px;
    margin:0;
    width: 1600px;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: 'Exo 2';
    font-weight: 900;
    font-style: italic;
    font-size: 42px;
    font-size: 4.2rem;
    color: #FFF;
    text-shadow: 2px 3px 0px rgba(0, 0, 0, 1);
/*    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.5)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,.5) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,.5) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,.5) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );*/


}

.header-info-bar .text-center  {
    margin:0;
    padding:0;
    text-align: center;
}


/*a.header-apple, a.header-android  {
        z-index: 10000000;
}*/

.header-apple:before{
    font-family: 'Fontawesome';
    font-size: 52px;
    font-size: 5.2rem;
    content: "\f179";
    position: absolute; 
    padding: 0 5px;
/*    display: block; */
/*    bottom: -10px; */
    right: 10px; 
    color: rgba(255, 255, 255, 1.0);

}

.header-shift-icon:before   {
    margin-right: 1em;
}

.header-android:before {
    font-family: 'Fontawesome';
    font-size: 52px;
    font-size: 5.2rem;
    content: "\f17B";
    position: absolute; 
    padding: 0 5px;
/*    display: block; */
/*    bottom: -10px; */
    right: 10px; 
    color: rgba(255, 255, 255, 1.0);

}

/*.site-branding {
    padding: 6rem 0;
    text-align: center;
    background: #2c86ba;
    background: hsl(202, 62%, 45%);
}

.site-title {
    font-weight: 700;
    font-size: 40px;
    font-size: 4.5rem;
    text-transform: uppercase;
    line-height: normal;
    padding-bottom: 1rem;
}

.site-description {
    font-weight: 100;
    font-size: 20px;
    font-size: 2rem;
}
                    
.title-box {
    width: 600px;
    max-width: 75%;
    padding: 4rem;
    margin: 0 auto;
    border: solid 1px #fff;
    border: solid 1px hsla(0, 0%, 100%, .3);
}
                    
.site-branding a { 
    text-decoration: none; 
}

.site-title a,
.site-description { 
    color: #fff;
    color: hsl(0, 0%, 100%);
}*/
        

.site-description {
    font-weight: 900;
    font-size: 18px;
    font-size: 1.8rem;
/*    margin: -34px 15px .5em 15px;*/
    margin: 10px 15px .5em 15px;
    padding: .5em;
    color: #184e93;
    text-align: center;
    border: 1px solid #97a3b3;
    border-radius: 10px;
    
}
.site-description h4{
    margin-bottom: 0;
    font-weight: 900;
    text-transform: uppercase;
}


/* Header responsive */

@media screen and (max-width: 1199px) {
    .header-image img{
        min-width: 1200px;
        min-height: 101px;
    }
    
/*    .site-description   {margin-top: -32px;}*/
    .site-description   {margin-top: 12px;}
}

@media screen and (max-width: 999px) {
/*    .site-description   {margin-top: -44px;}*/
}

@media screen and (max-width: 829px) {
    .header-image img{
        min-width: 900px;
        min-height: 76px;
    }
    
    .site-description, .site-description h4 {
        font-size: 14px;
        font-size: 1.4rem;
    }  
    
    
}


@media screen and (max-width: 330px) {
    .header-image img{
        min-width: 830px;
        min-height: 70px;
        
    }
    

    .site-description, .site-description h4 {
        font-size: 12px;
        font-size: 1.2rem;
    }
    
    
}

/*@media screen and (max-width: 600px) {
    .site-branding { padding: 0; }
    
    .title-box {
        max-width: 100%;
        margin: 0;
        padding: 4rem;
        border: none;
    }
}*/



/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 3em;
        font-size: 14px;
        font-size: 1.4rem;
}

.widget-title   {
        margin-bottom: 1em;
        padding-left: 0;
        font-family: 'Days One', san-serif;
        font-size: 18px;
        font-size: 1.8rem;
        color: #97a3b3;
        border-bottom: 1px solid #97a3b3;
}

.widget ul,
.widget ol {
    padding: 0;
    margin: -1em 0 0 .25em;
    list-style-type: none;
}

.widget li { padding: .25em 0 0; }

.widget li ul,
.widget li ol { margin-top: 0; }

.widget li li { margin-left: 1.5em; }

.widget_categories li:before,
.widget_recent_entries li:before,
.widget_recent_comments li:before,
.widget_archive li:before {
    display: block;
    float: left;
    padding-top: 2px;
    margin-left: -1.5em;
    font-family: 'fontawesome';
    font-size: 14px;
    font-size: 1.4rem;
    color: #97a3b3;
} 

.widget_categories li,
.widget_recent_entries li,
.widget_recent_comments li { 
    margin: 0 0 .5em 1.5em;
}

.widget_categories li a,
.widget_recent_entries li a,
.widget_recent_comments li a{ 
    font-weight: 700;
}

.widget_recent_entries li:before { content: "\f036"; }

.widget_recent_comments li:before { content: "\f0e5"; }

.widget_archive li { margin: 0 0 0 1.5em; }

.widget_archive li:before { content: "\f187"; }

.widget_categories li:before { content: "\f07b"; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

.contact-info {
    max-width: 600px; 
    margin: 0 auto;
    padding: 1em;
    text-align: center;
    border: 1px solid #97a3b3;
    border-radius: 10px;   
}

.contact-info p,
.contact-info h2,
.contact-info h4
{
    line-height: 1.25em;
    margin: 0;
}

/*.contact-info h2
{
    line-height: 1.25em;
}*/

.contact-info h2{
    font-weight: 900;
    text-transform: uppercase;
}


.phone,
.fax{
    padding:0 .5em;
}

.phone:before,
.fax:before
{
    font-family: 'fontawesome';
    font-size: 18px;
    font-size: 1.8rem;
/*    color: #97a3b3;*/
    margin-right: .15em;
}
.phone:before   { content: "\f098"; }
.fax:before   { content: "\f1ac"; }

.privacy{
    margin: 1em auto .5em auto;
    width: auto;
    display: inline-block;
}

.privacy a{
    padding: .25em .5em;
    border: 1px solid #ddd;
    background-color: #ededed;
    border-radius: 5px;
}

.privacy a:hover    {
    border-color:#3883e3;
}

@media screen and (max-width: 330px) {
    .contact-info {
        max-width: 100%; 
        margin: 0 auto;
        padding: .5em; 
    } 
}


/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

/* Hide entry-title on pages with .hide-title class */
.hide-title .entry-title {
    display: none;
}

.show-title .entry-title{
    display:inline;
}


/*Post author Avatar*/
.post-author .avatar {
    width: 48px;
    position: relative;
    top: 2px;
    float: left;
    margin-left: 0px;
    margin-right: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline;
}


/* Typography */
.entry-title, .entry-title a {
/*    margin: 0 0 2rem;*/
    font-weight: 900;
/*    font-size: 36px;*/
/*    font-size: 3.6rem;*/
    line-height: 1.3em;
    color: #000;
}


.page .entry-title   {
    margin-top: .25em;
}

.entry-title a:hover {
    color: #3883E3;
}

.entry-content a { 
/*    text-decoration: underline; */
}

.posted-on:before {
    content: ' | ';
/*    font-family: 'Fontawesome';
    font-size: 16px;
    content: ' \f142 ';*/
}


.byline, .posted-on, 
.byline a, .posted-on a {
/*    font-family: 'Days One', sans-serif;*/
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
}

.byline {
    font-style: italic;
    font-weight: 700;
    margin-right: .25rem;
}

.byline a:hover, .posted-on a:hover {
    color: #3883E3;
}

.comments-link {
    display: block;
    margin-top: .5rem;
    font-weight: 700;
}


.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin-bottom: .4em; }

.entry-content h1 {
}

.entry-content h2 {
}

.entry-content h3 {
}

.entry-content h4 {
}

.entry-content h5 {
}

.entry-content h6 {
}

.entry-content p,
.entry-content ul,
.entry-content ol {

}

.entry-content blockquote p {

}

@media screen and (max-width: 714px) {
    
    .entry-title {

    }

    .entry-content h1 {
    }

    .entry-content h2 {
    }

    .entry-content h3 {
    }

    .entry-content h4 {
    }

    .entry-content h5 {
    }

    .entry-content h6 {
    }

    .entry-content p,
    .entry-content ul,
    .entry-content ol {

    }

    .entry-content blockquote p {

    }   
    
}

/* Meta */
.category-list {
    margin: 10px 0 0 0;
    font-family: 'Days One', sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    color: #97a3b3;
}

.category-list a {
    color: #97a3b3;
}

.category-list a:hover {
    color: #3883E3;
}

.entry-meta {
    margin-bottom: 2rem;
    padding: 0;
/*    font-family: 'Lato', sans-serif;*/
    font-size: 14px;
    font-size: 1.4rem;
}

.entry-meta a { 
/*    font-weight: 600; */
}

.entry-footer {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0px 2rem;
/*    font-size: 16px;
    font-size: 1.6rem;*/
}

.entry-footer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.entry-footer li {
    display: inline-block;
    margin-right: 1.5rem;
    line-height: 2em;
    font-family: 'Days One', sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    color: #97a3b3;
}

.entry-footer li a {
    margin-left: .5rem;
    color: #97a3b3;
}

.entry-footer li a:hover {
    color: #3883E3;
}

a.post-edit-link  {
/*    margin-left: .5em;*/
/*    padding: .25em .5em;*/
    font-weight: 900;
/*    color: #97a3b3;*/
/*    color: #000;*/
/*    color: #f3f3f3;*/
/*    background: #000;*/
/*    border: 1px solid #97a3b3;*/
/*    border-radius: 3px;*/
}

.edit-link a {    color: #A00;}
.edit-link a:hover {
    color: #3883E3;
}

.edit-link:before {
/*    font-family: 'Roboto',sans-serif;*/
    font-family: 'Fontawesome';
    font-size: 16px;
    font-size: 1.6rem;
/*    color: #000;*/
    color: #A00;
/*    content: " | ";*/
    content: "\f040";
    padding:0 .1em 0 .5em
}



.sticky {
	display: block;
}


.hentry {
	margin: 0 0 1.5em;
}

/*.byline,*/
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin-left: 1.5em;
    margin-right: 1.5em;
    padding: 1rem;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


.format-aside .entry-meta {
        margin:0 .5em;
}

.format-aside .entry-content {
        padding: 0em;
        margin: 0 1.5em;
}

.format-aside .entry-footer {
        margin-bottom: 0;
}

.format-aside .index-box {
        padding: 1em;
}

.format-aside .comments-link {
/*        display: inline;*/
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comments-title{
    color: #000;
}

.comments-title i{
    margin-right: .25em;
}
.comment-list{
    margin-top: 2em;
}

#comments.comments-area  {
    background: #fff;
    margin: 1em;
    padding: 1em;
/*    border: 1px solid #97a3b3;*/
    border-radius: 10px;
}



.comments-area > ol {
    padding: 0;
    margin: 2em 0;
    list-style-type: none;
}

ol.children { list-style-type: none; }

.comment-list ol { margin-left: 40px; }

.comment-meta { margin-bottom: 1em; }

.comment-author .avatar {
    width: 40px;
    position: relative;
    top: 5px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-left: 0px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.comment-author a/*, 
.comment-metadata a */{
    color: #000;
}
.comment-author a:hover,
.comment-metadata a:hover   {
    color: #3883E3;
}

.comment-author .fn {
    font-style: italic;
    font-weight: 700;
    margin-right: .25rem;
}

.comment-metadata {
    font-size: 14px;
    font-size:1.4rem;
}

.comment-content { font-size: 90%; }

.comment-content, .reply { margin-left: 50px; }   /*avatar 40px + 10px margin*/


.comment-body {
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 1px dotted #97a3b3;
}

.comment-content a {
	word-wrap: break-word;
}

.comment-content ol { margin-left: 1.5em; }

a.comment-edit-link {
    margin-left: 0em;
    font-weight: 900;
/*    color: #97a3b3;*/
}

.bypostauthor footer.comment-meta /*.comment-body*/ {
    position: relative;
/*    padding: 1em;*/
    margin-bottom: 2em;
    color: #aa0000;
/*    border: none;*/
/*    border:1px solid #97a3b3;*/
/*    background: #97a3b3;*/
}

.reply {
    margin-top: 1.5rem;
    font-family: 'Days One', sans-serif;
/*    font-size: 12px;
    font-size: 1.2rem;*/
    color: #97a3b3;
}

/* Comments responsive */
@media screen and (max-width:714px) {    
    .comment-list ol { margin-left: 0; }
    
    .comment-content ol { margin-left: 1.5em; }
    
    .comment-content,
    .reply { margin-left: 0; }
    
}


.comment-awaiting-moderation {
    padding: .5rem 0;
    margin: 1rem 0;
    font-family: 'Days One', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #00b28d;
/*    background: #84bd68;*/
}

.comment-awaiting-moderation:before {
    display: inline-block;
    position: relative;
    padding-right: 5px;
    top:1px;
    font-family: 'Fontawesome';
    font-size: 18px;
/*    color: #aa0000;*/
    -webkit-font-smoothing: antialiased;
    content: '\f118';
}

/*Comment form*/
.comment-reply-title {
    margin-bottom: 0em;
    padding: 0;
    font-weight: 900;
    color: #000;
    display: block;
}

.comment-notes{
    font-family: 'Umbutu', sans-serif;
    margin: 0em 0;
    color: #000;
}

/*markup created outside of theme in wp-includes/comment-template.php*/
.cancel-reply{
    font-family: 'Days One', sans-serif;
    margin: 0 0 .5em 0;
    padding: 0;
}

.cancel-reply a:before {
    display: inline-block;
    position: relative;
    padding-right: 5px;
    top:1px;
    font-family: 'Fontawesome';
    font-size: 18px;
    color: #aa0000;
    -webkit-font-smoothing: antialiased;
    content: '\f05e';
}

.comment-form {
    padding-bottom: 5rem;
    font-family: 'Days One', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #97a3b3;
}

.comment-form textarea {
/*    font-family: 'PT Serif', serif;*/
    font-size: 16px;
    font-size: 1.6rem;
}

.comment-form label { 
    display: block; 
    margin-top: 1em;
}

.required { color: red; }

.form-allowed-tags{
    font-family: 'Umbutu', sans-serif;
    margin: 1em 0;
    color: #000;
}



/*--------------------------------------------------------------
10.4 Index and Archive
--------------------------------------------------------------*/

.continue-reading {
    margin: 2rem 5rem 0 5rem;
    text-align: right;
    font-family: 'Days One', sans-serif;
/*    font-size: 18px;
    font-size: 1.8rem;*/
}

.continue-reading i { margin-left: .25em; }


.sticky-post    {
    position: absolute;
    top: .5rem;
    right: 2rem;
    color: #ddd;
}

i.sticky-post{
    font-size: 32px;
}

@media screen and (max-width:714px) {  
    i.sticky-post   {
        font-size: 24px;
    }
}


/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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%;
}


/* Featured Images */

.single-post-thumbnail { 
    margin: 10px 0 2em 0;	
}

.single-post-thumbnail img {
    display: block;
    margin: 0 auto;
/*    border: 2px solid #97a3b3;*/
}

.small-index-thumbnail { 
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 2px solid #184e93;
    background: #ddd;
    margin: -1em auto 1em auto;
    padding: 1em;
}

.small-index-thumbnail img{ 
/*    border-radius: 10px;*/
    display: block;
    margin: 0 auto;
/*    border: 2px solid #184e93;*/
}

/*--------------------------------------------------------------
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-text {
	text-align: center;
        border: 1px solid #97a3b3;
        padding: .25em;
        background-color: #ddd;
        color: #000;
}

.wp-caption-text a{
        font-weight: 700;
}

.wp-caption .wp-caption-text {
	margin: 0.25em 0;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 300;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.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;
    font-size: 12px;
    max-width: 50%;
    margin: .25em auto 3em auto;
    background-color: #FFF;
    border: none;
    border-radius: 10px;
}


.gallery-columns-3 .gallery-caption {
	max-width: 75%;
}


.gallery-columns-4 .gallery-caption {
	max-width: 80%;
}


.gallery-columns-5 .gallery-caption {
	max-width: 90%;
}

.gallery-columns-6 .gallery-caption {
	max-width: 90%;
}

.gallery-columns-7 .gallery-caption {
	max-width: 90%;
}

.gallery-columns-8 .gallery-caption {
	max-width: 95%;
}

.gallery-columns-9 .gallery-caption {
	max-width: 98%;
}


/*--------------------------------------------------------------
13.0 Footer
--------------------------------------------------------------*/
.site-footer    {
    color: #f3f3f3;
    background: #000;
/*    height: 120px;*/
    padding: 3em 2em;
    margin: 0;
    border-top: 2px solid #f3f3f3;
}

@media screen and (max-width: 714px) {
    border-top: 1px solid #f3f3f3;
}

.site-info  {
    text-align: center;
}




/*--------------------------------------------------------------
14.0 Plug-Ins
--------------------------------------------------------------*/

/*--------------------------------------------------------------
14.1 WP-to-Twitter
--------------------------------------------------------------*/

.wpt-twitter-avatar{
    border: 1px solid #97a3b3;
    border-radius: 5px;
}

.wpt-intents-border {
    color: #184e93;
}

.wpt-intents {
    margin-bottom: 2em;
}

.wpt-intents .wpt-reply span {
    background: none;
}

.wpt-intents .wpt-retweet span {
    background: none;
}

.wpt-intents .wpt-favorite span {
    background: none;
}

.wpt-intents .wpt-reply:before  {
    display: inline-block;
    padding: 0 0 0 0em;
    margin-right: -16px;
    top: 1px;
    font-family: 'Fontawesome';
    font-size: 18px;
    color: #97a3b3;
    -webkit-font-smoothing: antialiased;
    content: '\f112';
}

.wpt-intents .wpt-retweet:before  {
    display: inline-block;
    padding: 0 0 0 .5em;
    margin-right: -16px;
    top: 1px;
    font-family: 'Fontawesome';
    font-size: 18px;
    color: #97a3b3;
    -webkit-font-smoothing: antialiased;
    content: '\f079';
}

.wpt-intents .wpt-favorite:before  {
    display: inline-block;
    padding: 0 0 0 .5em;
    margin-right: -16px;
    top: 1px;
    font-family: 'Fontawesome';
    font-size: 18px;
    color: #97a3b3;
    -webkit-font-smoothing: antialiased;
    content: '\f006';
}

.wpt-twitter-name{
    font-weight: 900;
}

.wpt-header {
    margin-bottom: 3em;
}

.wpt-twitter-id {

}

.twitter-follow-button {
/*    display: none;*/
    float: right;
}

/*--------------------------------------------------------------
14.2 Gravatar Signup
--------------------------------------------------------------*/

p#ajax_get_avatar label {
    display: inline;
    color: #00b28d;
}


/*--------------------------------------------------------------
15.0 Game Pages
--------------------------------------------------------------*/

.app-stores-wrapper  {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    display: block;   
}

.app-stores {
    padding: 0em 5px;
    display: inline-block;
}

.ios{
/*    max-width: 30%;*/
}

.amazon{
    margin-left: 1em;
    margin-right: 1em;
/*    max-width: 30%;*/
}

.googleplay{
/*     max-width: 30%;   */
}

@media screen and (max-width:1302px) {  
    .ios    {
        max-width: 238px;
    }
    .amazon {
        max-width: 206px;
    }
    .googleplay {
        max-width: 214px;
    }

}
@media screen and (max-width:1080px) {  
    .ios    {
        margin: 1em auto;
        max-width: 272px;
        display: block;
    }
    .amazon {
        margin: 1em auto;
        max-width: 234px;
        display: block;
    }
    .googleplay {
        margin: 1em auto;
        max-width: 244px;
        display: block;
    }    
}

@media screen and (max-width:874px) {  
    .ios    {
        margin: 1em auto;
        max-width: 272px;
        display: block;
    }
    .amazon {
        margin: 1em auto;
        max-width: 234px;
        display: block;
    }
    .googleplay {
        margin: 1em auto;
        max-width: 244px;
        display: block;
    }    
}

.coming-soon{
    position: relative;
    top: 15px;
}

.big-quotes:before{
/*    display: inline;*/
    padding-right: .5em;    /*fix google chrome character clipping*/
    margin:0 -1.5em 0 0;
    position: relative;
    left:-1.5em;
    top: -.25em;
    font-family: 'Fontawesome';
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: '\f10d';
}

.big-quotes:after{
/*    display: inline;*/
    padding-right: .5em;    /*fix google chrome character clipping*/
    margin:0;
    position: relative;
    left:.5em;
    top: -.25em;
    font-family: 'Fontawesome';
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: '\f10e';
}


/*--------------------------------------------------------------
15.1 Book of Heroes
--------------------------------------------------------------*/
.boh .headline{
    color: #fdff56;
    text-align: center;
    text-shadow: 0px 0px 9px rgba(30, 64, 0, 1);
    margin-top: 1em;
}
   
.boh-wrapper  {
    font-family: 'Amaranth';
    color: #635f3e;
    background: url('images/boh_bg.png');
    background-color: #ebecb2;
    background-repeat:no-repeat;
    background-size: 100%;
    background-position: top;
    padding: 1em;
    margin: 10px 1em 1em 1em;
    border-radius: 10px;

}

.boh-wrapper  ul{

}


.boh-wrapper ul li{
  list-style-position: outside;
  list-style-type:none;
  margin-bottom: 1em;
}


.boh-wrapper ul li:before{
    display: inline-block;
    padding: 0 0 0 0;
    margin-left: -1em;
    position: relative;
    left:-.5em;
    top: 2px;
    font-family: 'Fontawesome';
    font-size: 18px;
    color: #DA6D3C;
    -webkit-font-smoothing: antialiased;
    content: '\f185';
}



.boh-wrapper h4{
    margin-top: 1em;
    margin-bottom: 1em;
}

.boh-list{
    margin: 2em auto; 
    max-width: 80%;
}

.boh-caps   {
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
}

.boh-caps img{
    margin:5px;
    border-radius: 10px;
    border: 1px solid rgba(30, 64, 0, 1);
}


@media screen and (max-width: 1199px) {
    .boh .headline{
        font-size: 175%;
    }
    
    .boh-list{
        margin: 1.5em auto; 
        max-width: 90%;
    }
}


@media screen and (max-width: 999px) {
    .boh .headline{
        font-size: 150%;
    }
    .boh-list{
        margin: 1em auto; 
        max-width: 100%;
    }  
    
    .boh-wrapper  {
        padding: .25em;
        margin: 10px .5em .5em .5em;
    }
    
    .boh .page-content, .entry-content, .entry-summary {
        margin-left: 0em; 
        margin-right: 0em; 
        padding: 1em; 
        }    
}


/*--------------------------------------------------------------
15.2 Space Ore Bust
--------------------------------------------------------------*/
.sob .headline{
    text-shadow: 0px 0px 9px rgba(251, 66, 255, .75);
    font-size: 200%;
    color: #FF00C2;
    display: block;
}
   

.sob-wrapper  {
    font-family: 'Exo 2';
    color: #8586CF;
/*    background: url('images/sob_bg.png');*/
    background-color: #150020;
    background-repeat:no-repeat;
    background-size: 100%;
    background-position: top;
    padding: 1em;
    margin: 10px 1em 1em 1em;
    border-radius: 10px;
}

.sob-wrapper strong {
    font-weight: 900;
}

.sob-wrapper .features{
    text-align: center;
    margin: 0em auto 3em auto;
    color:#FF00C2;
    font-size:120%;
    font-style: italic;
}

.sob-wrapper ul li{
  list-style-position: outside;
  list-style-type:none;
  margin-bottom: 1em;
}


.sob-wrapper ul li:before{
    display: inline-block;
    padding: 0 0 0 0;
    margin-left: -1em;
    position: relative;
    left:-.5em;
    top: 2px;
    font-family: 'Fontawesome';
    font-size: 18px;
    color: #2C2C5C;
    -webkit-font-smoothing: antialiased;
    content: '\f135';
}

.sob-wrapper i {color: #2C2C5C;} //style for injected css rocket icon

.sob-wrapper blockquote{
    border-top: 1px solid #2C2C5C; 
    border-bottom: 1px solid #2C2C5C;
    color: #ffcc00;
    font-weight: 700;
    font-size: 18px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}


.sob-wrapper .big-quotes:after,
.sob-wrapper .big-quotes:before
{
    color: #FF5700;
}


.sob-wrapper cite{
    font-size: 14px;
    color: #FF5700;
}

.cite-right{
    display: block;
    text-align: right;
}

.sob-wrapper img{
/*    border: 1px solid #ffcc00;
    margin: 2.5em auto;
    box-shadow: 0px 0px 9px rgba(251, 66, 255, 1);*/
}


.sob-wrapper  h1{
    color:#ffcc00;
}

.sob-wrapper  h2, .sob-wrapper h3{
    color:#C428D0;
}

.sob-wrapper h2{
    font-style: italic;
}

.sob-wrapper h4{
    margin-top: 1em;
    margin-bottom: 1em;
}

.sob-list{
    margin: 2em auto; 
    max-width: 80%;
}

.sob-caps   {
    margin: 0 auto;
    max-width: 852px;
    border: 1px solid #ffcc00;
    box-shadow: 0px 0px 9px rgba(251, 66, 255, 1);
}

.sob-video   {
    margin: 2em auto;
    border: 1px solid #ffcc00;
    box-shadow: 0px 0px 9px rgba(251, 66, 255, 1);
}

.sob-caps img{
/*    margin: 2.5em auto;*/
}


@media screen and (max-width: 1199px) {
    .sob .headline{
        font-size: 175%;
    }
    
    .sob .h3{
        font-size: 175%;
    }
    
    .sob-list{
        margin: 1.5em auto; 
        max-width: 90%;
    }
}


@media screen and (max-width: 999px) {
    .sob .headline{
        font-size: 150%;
    }
    .sob-list{
        margin: 1em auto; 
        max-width: 100%;
    }  
    
    .sob-wrapper  {
/*        padding: 0em;*/
        margin: 10px .5em .5em .5em;
    }
    
    .sob-wrapper blockquote{
        width: 100%;
    }    
    
    .sob .page-content, .entry-content, .entry-summary {
        margin-left: 0em; 
        margin-right: 0em; 
        padding: 1em; 
        }
    
}




/*--------------------------------------------------------------
15.2 Space Miner Wars
--------------------------------------------------------------*/
.smw .headline{
    text-shadow: 0px 0px 9px rgba(255, 0, 0, 1.0);
    font-size: 200%;
    color: #FED45E;
    display: block;
}
   

.smw-wrapper  {
    font-family: 'Exo 2';
    color: #008BFF;
/*    background: url('images/sob_bg.png');*/
    background-color: #150020;
    background-repeat:no-repeat;
    background-size: 100%;
    background-position: top;
    padding: 1em;
    margin: 10px 1em 1em 1em;
    border-radius: 10px;
}

.smw-wrapper strong {
    font-weight: 900;
}

.smw-wrapper .features{
    text-align: center;
    margin: 0em auto 3em auto;
    color:#00CBFF;
    font-size:120%;
    font-style: italic;
}

.smw-wrapper ul li{
  list-style-position: outside;
  list-style-type:none;
  margin-bottom: 1em;
}


.smw-wrapper ul li:before{
    display: inline-block;
    padding: 0 0 0 0;
    margin-left: -1em;
    position: relative;
    left:-.5em;
    top: 2px;
    font-family: 'Fontawesome';
    font-size: 18px;
    color: #003E6C;
    -webkit-font-smoothing: antialiased;
    content: '\f135';
}

.smw-wrapper i {color: #003E6C;} //style for injected css rocket icon

.smw-wrapper blockquote{
    border-top: 1px solid #2C2C5C; 
    border-bottom: 1px solid #2C2C5C;
    color: #ffcc00;
    font-weight: 700;
    font-size: 18px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}


.smw-wrapper .big-quotes:after,
.smw-wrapper .big-quotes:before
{
    color: #FF5700;
}


.smw-wrapper cite{
    font-size: 14px;
    color: #FF5700;
}

.cite-right{
    display: block;
    text-align: right;
}

.smw-wrapper img{
/*    border: 1px solid #ffcc00;
    margin: 2.5em auto;
    box-shadow: 0px 0px 9px rgba(251, 66, 255, 1);*/
}


.smw-wrapper  h1{
    color:#ffcc00;
}

.smw-wrapper  h2, .smw-wrapper h3{
    color:#ffcc00;
}

.smw-wrapper h2{
    font-style: italic;
}

.smw-wrapper h4{
    margin-top: 1em;
    margin-bottom: 1em;
}

.smw-list{
    margin: 2em auto; 
    max-width: 80%;
}

.smw-caps   {
    margin: 3em auto 0 auto;
    max-width: 852px;
    border: 1px solid #ffcc00;
    box-shadow: 0px 0px 9px rgba(251, 66, 255, 1);
}

.smw-video   {
    margin: 2em auto;
    border: 1px solid #ffcc00;
    box-shadow: 0px 0px 9px rgba(251, 66, 255, 1);
}

.smw-caps img{
/*    margin: 2.5em auto;*/
}


@media screen and (max-width: 1199px) {
    .smw .headline{
        font-size: 175%;
    }
    
    .smw .h3{
        font-size: 175%;
    }
    
    .smw-list{
        margin: 1.5em auto; 
        max-width: 90%;
    }
}


@media screen and (max-width: 999px) {
    .smw .headline{
        font-size: 150%;
    }
    .smw-list{
        margin: 1em auto; 
        max-width: 100%;
    }  
    
    .smw-wrapper  {
/*        padding: 0em;*/
        margin: 10px .5em .5em .5em;
    }
    
    .smw-wrapper blockquote{
        width: 100%;
    }    
    
    .smw .page-content, .entry-content, .entry-summary {
        margin-left: 0em; 
        margin-right: 0em; 
        padding: 1em; 
        }
    
}