/* 
Theme Name: HumanCode Spaces 26
Description: A clean & simple grid based blog.
Author: HumanCode Studios
Author URI: http://hcodestx.com
Original Author 2015: Jaynesh
Modernized Author 2026: HumanCode Studios
Version: 2.0
Tags: light, gray, white, custom-menu, featured-images, post-formats, theme-options

License:GNU General Public License version 3.0
License URI:http://www.gnu.org/licenses/gpl-3.0.html

All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------

	1.	Base CSS
	2.	Forms
	3.	Side Nav
	4.	Mobile Navigation
	5.	Posts
	6.	Post Formats
	7.	Category Filter Nav
	8.	Comments
	9.	Shortcodes
	10.	Social Buttons
	11.	Pages
	12.	Wordpress Core
	13.	Widgets

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Import CSS Files
/*-----------------------------------------------------------------------------------*/

/*@import url("css/flexslider.css");*/
@import url("css/bootstrap.css");
@import url("css/isotope.css");
@import url("css/jquery.fancybox.css");
@import url("css/jplayer-black-and-yellow.css");
/*@import url("css/skin/premium-pixels.css");*/

/*
 * Table styles: same palette as the contact form.
 * Change the variables below to update the colors everywhere.
 * Add to your theme's style.css, or enqueue as its own stylesheet.
 */

.table-container {
	--tbl-accent: #1e3a5f;        /* brand color: header bar, highlight edge */
	--tbl-text: #1f2933;          /* body text */
	--tbl-muted: #6b7280;         /* secondary text */
	--tbl-border: #d5dbe3;        /* lines and outer border */
	--tbl-stripe: #f7f9fb;        /* alternate row shading */
	--tbl-hover: #eef2f7;         /* row hover */
	--tbl-highlight-bg: #e8eef6;  /* .highlight cells */
	--tbl-radius: 6px;

	width: 100%;
	margin: 24px 0;
	overflow-x: auto;                       /* scroll sideways on small screens */
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--tbl-border);
	border-radius: var(--tbl-radius);
	box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
	background: #ffffff;
}

.table-container table {
	width: 100%;
	min-width: 640px;                       /* keeps columns readable; scrolls below this */
	margin: 0;
	border-collapse: collapse;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.5;
	color: var(--tbl-text);
}

/* Header */
.table-container thead th {
	padding: 12px 16px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: left;
	white-space: nowrap;
	color: #ffffff;
	background: var(--tbl-accent);
	border: 0;
}

/* Body cells */
.table-container tbody td {
	padding: 12px 16px;
	text-align: left;
	vertical-align: top;
	border: 0;
	border-top: 1px solid var(--tbl-border);
}

/* First column reads as a row label */
.table-container tbody td:first-child {
	font-weight: 600;
	white-space: nowrap;
}

/* Last column (summary) slightly de-emphasized */
.table-container tbody td:last-child {
	color: var(--tbl-muted);
}

/* Zebra striping and hover */
.table-container tbody tr:nth-child(even) {
	background: var(--tbl-stripe);
}
.table-container tbody tr {
	transition: background-color 0.15s ease;
}
.table-container tbody tr:hover {
	background: var(--tbl-hover);
}

/* Highlighted cells */
.table-container td.highlight {
	font-weight: 600;
	color: var(--tbl-accent);
	background: var(--tbl-highlight-bg);
	box-shadow: inset 3px 0 0 var(--tbl-accent);
}
.table-container tbody td.highlight:last-child {
	color: var(--tbl-accent);
}

/* Tighter spacing on phones */
@media (max-width: 600px) {
	.table-container thead th,
	.table-container tbody td {
		padding: 10px 12px;
	}
	.table-container table {
		font-size: 13px;
	}
}


iframe {
    overflow: hidden !important;
}

button {
    background: #b2c8d6;
    font-size: 11px !important;
    padding: 5px 8px 5px 8px;
    margin-bottom: 4px;
    display: inline-block;
    font-family: Arial;
    color: #333;
    border-radius: 3px;
    border: 1px solid #ccc;
}


.counterElement {
    display:none !important;
}

.comment_entry {
    background: #e2e2e2;
    border-bottom: 1px solid #6D6D6D;
    border-left: 1px solid #6D6D6D;
    border-right: 1px solid #6D6D6D;
    border-top: 1px solid #6D6D6D;
    opacity: 1;
    padding:5px 5px 0px 5px;
    border-radius: 0 0px 0px 0;
       
}

.comment-area h3 {
 color:#A5A5A5 !important;
}


.comment_entry p {
 font: normal .8em/1.3 "roboto",arial;
 color: #000000 !important;
 padding: 0 0 3px 0;
 margin: -9px 0 0 0;
}

.comment_entry a {
 font: normal .8em/1.3 "roboto",arial;
}

.comment-respond p a {
 color:#D2D2D2 !important;
}

iframe {
width:100%;
}

.fb_iframe_widget {
margin-bottom: 10px;
}

.rn_widget_iframe {
     border:0;
}

.ttw-music-player {
    border-radius: 6px;
    padding: 15px;
    width: 95%;
}

#statigram-id-7 iframe {
margin-left:-20px !important;
}

.quickshare-container ul li {
	list-style: none !important; 
        background: none !important;
}

.followers {
    color: #999;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 4rem;
    font-style: normal;
    font-weight: bold;
    line-height: 80px;
    margin: 0px 0 0 -4px;
}

.numberof {
    color: #aaca7b;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin: -10px 0 0 83px;
}

.heading-side-nav-mobile {
    font: 400 2.3em/0.8em "yanone kaffeesatz",arial;
    letter-spacing: -2px;
    margin: 0px auto !important;
    text-transform: none;
    background: #222222;
}

.heading-side-nav-mobile a{color:#000;}
.heading-side-nav-mobile a:hover{color:#000; text-decoration:none;}


.heading-side-nav {
    font: normal 2em/1em "ranchers",arial;
    letter-spacing: -2px;
    margin: -10px auto;
    text-transform: none;
    width: 200px;

}


.heading-side-nav a {
color:#000;
}

.heading-side-nav a:hover {
text-decoration:none;
}

#___page_0 iframe {
border: 0px solid #ccc !important;
border: 0px solid rgba(0,0,0,0.2) !important;
position: absolute;
margin-left: -6px !important;
margin-top: -8px !important;
height: 307px !important;
}

#user_login-2 {width:100%;}
#user_pass-2 {width:100%;}
#reg_user_login-2 {width:100%;}
#user_email-2 {width:100%;}
#easy_captcha_captcha_simple {margin-bottom:4px;}
#lost_user_login-2 {width:100%;}

.widget_pw_login_widget img {margin-top:4px;}

#gallery-1 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 9.8% !important;
}

#gallery-1 {
margin: 10px 0 15px 0px !important;
}

.member-avatar img {
 width:50px;
 height: 50px;
}

.lwa {
margin: 0 0 0 3px;
height: 60px;
}

.lwa-modal {
 z-index:800;
}

.lwa-modal-bg {
 z-index:700;
}

.breadcrumb-trail {
 margin-bottom: 10px;

}

.trail-items li::after {
    color: #ccc;
}

#at_preview h2 {
 color: #000;
 font-family: Courier, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif !important;
 font-weight: 100 !important;
 margin-left: 5px;
 margin-right: 10px;
}

#at_preview {
border: 0px solid #2e323a !important; 

}

.breadcrumb-trail a {
font: bold 8px verdana;
color: #ccc;
text-transform: uppercase;
}

.breadcrumb-trail a:hover {
font: bold 8px verdana;
color: #ccc;
text-decoration: underline;
}

.trail-browse {
font: bold 8px verdana;
color: #000;
text-transform: uppercase;
}

.trail-begin {
font: bold 8px verdana;
color: #000;
text-transform: uppercase;
}

.sep {
font: bold 8px verdana;
color: #eee;
text-transform: uppercase;
}

.trail-end {
font: bold 14px oswald;
color: #D6E032;
text-transform: uppercase;
}



#medias img {
border:1px solid #7e7e7e !important;
padding: 0 !important;;
} 


img.linksalpha_image {
    display:none !important;
}

.entry ul li.time {
font-weight: normal;
}

.fb_iframe_widget span {
display: inline-block;
position: relative;
text-align: justify;
margin-top: 7px;
width:100% !important;
}

.fb_hide_iframes iframe {
    position: relative;
    left: 0;
}

.twitter-follow-button {padding-left:17px!important; margin-top:-10px;}

audio {max-width:95% !important; width:100%;  margin:0 0 0 0 !important; padding:0 !important;}
embed {max-width:395px !important; width:100%; margin:0 0 0 0 !important; padding:0 !important;}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {

audio {max-width:365px !important; width:100%;  margin:0 0 0 0 !important; padding:0 !important;}
embed {max-width:365px !important; width:100%; margin:0 0 0 0 !important; padding:0 !important;}
	
}

#disqus_thread {
margin-left: 0px !important;
width: 100% !important;
}

/*iPad landscape*/
@media (min-width: 1024px) and (max-width: 1024px) {
#disqus_thread {
width: 485px !important;
}
}

/*iPad Portrait*/
@media (min-width: 768px) and (max-width: 768px) {
#disqus_thread {
width: 485px !important;
}
}

/*iPhone Landscape*/
@media (min-width: 320px) and (max-width: 568px) {

#disqus_thread {
margin-left:0px !important;
}
}


#disqus_thread p{
font: normal .8em trebuchet !important;
}


.shareThis ul li { 
    display: inline-block;
    margin: 0 0 20px -2px;
    padding: 0;
    text-align: right;
}

.track-wrapper {
    float:left;
    margin:10px 0 15px 0;
    background:#BBC5C9;
    border:1px solid #6C889E; 
    border-radius:7px; 
    max-width:525px;
    width:100%;
}

.track-details {
    float:right;
    max-width:405px;
    width:100%; 
    margin:9px 0 0 5px;
    border-bottom:0px dotted #777;
}


/*iPhone Portrait*/
@media (min-width: 320px) and (max-width: 568px) {

#gallery-1 {
text-align: left !important;
margin: 20px 0 15px 0 !important;
padding: 0 !important;
width:94% !important;
  }
}

#gallery-1 img {
    border: 1px solid #000000 !important;
}

.widget .tp_recent_tweets {
   margin-top:-10px !important;
}

.stfbody {
    border-top: 0px solid #DDDDDD !important;
    padding: 0 !important;
    margin:5px 0 30px 5px !important;
    background: none !important;
}

.stf {
   margin: -13px 0 0 -3px !important;
   overflow: hidden;
   width: 240px;
   height: 400;
   border: 0px solid #94a3c4 !important;
}

.stfhead {
    margin: 5px 0 0 5px !important;
    padding: 0 !important;
    background: #fff !important;
    display: none !important;
}

.stfhead img {
    display:none;
}

.stfhead span {
    color:#000;
}

.stffan img {
    border:1px solid #000;
    margin-right:3px;
}

.downloadlink {
        padding: 7px 8px 7px 8px;
	display: inline-block;
	font-family: roboto, arial, helvetica;
        font-size: 14px;
        font-weight:normal;
	cursor: pointer;
	margin: 6px 3px 20px 0px;
	border-radius: 4px;		
	-webkit-border-radius: 2px;
        -moz-border-radius: 2px;
         border-radius: 2px;
	background: #E68D03;
        color: #fff !important;	
        cursor: pointer;  
        position:relative;
        text-decoration:none !important;
}

.downloadlink a:hover{
  text-decoration:underline;
}



.number {
     background:#B80A0A;
     padding:3px 6px 3px 6px;
     border:1px solid #000;
     -moz-border-radius: 2px;
     -khtml-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     margin-left:2px;
     font-size:10px;
     color:#fff;
}


/*-----------------------------------------------------------------------------------*/
/*	1. Base CSS
/*-----------------------------------------------------------------------------------*/
    
    .resetCol {clear:both;height:0 !important;overflow:hidden;}
    .clearfix:before,  
    .clearfix:after {  
        content: " ";  
        display: table;  
    }  
    .clearfix:after {  
        clear: both;  
    }  
    /* For IE 6/7 only */  
    .clearfix {  
        *zoom: 1;  
    }  

* { 
	margin: 0;
	padding: 0px;
} 
body { 
        background: #231910;
	margin: 0; 
	height: 100%; 
	font-family: Arial;
}
img	{ 
	border: 0; 
	padding: 0 0 0 0; 
}
a { 
	outline: none; 
        color: #000;
        text-decoration:none;
}
a:hover, a:visited, a:link, a:active { 
	text-decoration: none;
     color:000; 
	 
}

ul, li { 
	padding: 0 0 0 0; 
	margin: 0; 
	list-style-type: none; 
	font-family: trebuchet ms;
}

p a { 
	color: #000 !important; 
    text-decoration: underline !important;
}

p a:hover { 
	color: #000 !important; 
        text-decoration: underline !important;
}

h1, h2, h4, h6 { 
	font-family: 'PT Sans Narrow', sans-serif;
    font-weight: normal;
    padding: 20px 0 0 0;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    color: #333;
	font-size: 2em;
}

h3 {
    font: normal 1.1em/1.2em arial;
    margin: 20px 0 0 0;
    font-weight: 100;
	color: #000000;
}

h5 {
font-size: .8em;
font-family: tahoma, arial, verdana, sans-serif; 
	font-weight: bold; 
	padding: 0 0 0 0; 
	margin-top: 0; margin-bottom: 5px; margin-left: auto; margin-right: auto; 
	color: #000000;
}

blockquote {
	
	padding: 0px 14px 0px 14px;
	margin: 0 0 12px 20px;
}
blockquote p {
	
	color: #555;
}
address, pre {
	margin-bottom: 12px;
	font-size: 12px;
}
.no-space [class*="span"] {
    margin-left: 0;
}
.row-fluid [class*="span"] {

  margin-left: 2.2869022869022873%;
  *margin-left: 2.2349272349272353%;
  margin-bottom: 22px;
}
.no-margin {
	margin: 0px !important;
}
.margin-bottom0 {
	margin-bottom: 0px !important;
}
.margin-bottom {
	margin-bottom: 10px;
}
.margin-top {
	margin-top: 22px;
}
.padding-bottom0 {
	padding-bottom: 6px !important;
}
.right {
	float: right;
}
.left {
	float: left;
}
.center {
	margin-left: auto; 
	margin-right: auto;
}
.body-container {
	overflow: hidden;
	width: 995px;
	margin-left: auto; 
	margin-right: auto;
	padding-left: 230px;
}

#container {
	margin-left: 10px; 
	margin-right: auto;
	padding-top: 20px; 
	/*padding-right: 22px;*/
        margin-top: -20px;
	/*position: absolute;*/
	z-index: 10;
       
        
}
#main-container {
	padding-left: 243px;
}

.heading { 
font: 1.5em/1.2em "Oswald",arial;
letter-spacing: -1px;
text-transform: none;
margin-bottom:6px;
font-weight: 300;
}

.heading a {
	color: #4899ca;
	font: 1.3em / 1.2em 'PT Sans Narrow', sans-serif;
	transition: all 0.4s;
	-moz-transition: all 0.4s; /* Firefox 4 */
	-webkit-transition: all 0.4s; /* Safari and Chrome */
	-o-transition: all 0.4s; /* Opera */
}
.heading a:hover {
	color: #0C6A8C;
        text-decoration: none !important;
}
#map_canvas {
	position: absolute;
}
.tinynav { 
	display: none;
	margin-left: auto;
	margin-right: auto;
}
.isotope-loadmore {
	padding-left: 253px;
	margin-bottom: 22px;
	margin-top: 22px;
	padding-right: 22px;
}
.isotope-loadmore a {
	
	text-align: center;
	border-radius: 5px;
	
	padding: 15px 15px 15px 15px;
	font-family: Arial;
	font-size: 12px;
	color: #333;
	width: 100%;
	display: inline-block;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:30px;
	right:30px;
	overflow:hidden;
	width:50px;
	height:50px;
	border:none;
	text-indent:100%;
	background-color: #40434c;
	background-image: url(img/backtotop.png);
	background-repeat: repeat;
	background-position: 0px 0px;
	border-radius: 5px;
	z-index: 700;
	transition: all 0.4s;
	-moz-transition: all 0.4s; /* Firefox 4 */
	-webkit-transition: all 0.4s; /* Safari and Chrome */
	-o-transition: all 0.4s; /* Opera */
}
#toTop:hover {
	background-color: #000;
	background-image: url(img/backtotop.png);
	background-position: 0px -50px;
}
#toTop:active, #toTop:focus {
	outline:none;
}
.icon-404 {
	background: url(img/icons/glyphicons_344_thumbs_down.png) top center no-repeat;
	background-size: 25px 18px;
	height: 18px;
	width: 75px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dashed #ccc;
	opacity: 0.7;
	
}
.no-comments p {
	text-align: center;
}
.entry table {
	
	margin-bottom: 22px;
}

.entry th {
	padding: 14px 18px 14px 18px !important;
	text-align: center !important;
}
.entry tr:first-child {
	border-bottom: 1px dotted #333;
	background: #f1f1f1;
}
.entry td {
	/*padding: 14px 18px 14px 18px !important;*/
	color: #1e1e1e;
	text-align: left !important;
	font-size: 14px;
       
}

.entry .th-black {
	background: #444;
}
dl {
	font-size: 12px;
}
dt {
	color: #333;
}
dd {
	color: #888;
	margin-bottom: 12px;
}
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    background: #f1f1f1;
    padding: 22px 22px 22px 22px;
    border: 1px solid #a1c8dd;
    color: #4f8cb1;
    line-height: 20px;
}


/*-----------------------------------------------------------------------------------*/
/*	2. Forms
/*-----------------------------------------------------------------------------------*/

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.submit {
	height: 40px;
	background: #598CB0;
        border: 1px solid #000;
	color: #fff;
	font-family: 'Arimo', sans-serif;
	padding: 0 10px 0 10px;
	float: right;
	transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;
}

label {
	font-family: 'Arimo', sans-serif; 
	font-size: 12px;
	color: #666;
}
textarea {
	width: 100%;
}
input {
	/*width: 100%;*/
}
input, textarea {
	background: #f9f9f9;
	color: #999;
	padding: 10px;
	margin-top: 0px;
	cursor: pointer;	
	font-family: 'Arimo', sans-serif; font-size: 12px;
	border: 1px solid #ddd;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s;   -o-transition: all 0.4s;
}



input:hover {
	border: 1px solid #ccc;
}
textarea:hover {
	border: 1px solid #ccc;
}
input:focus {
	border: 1px solid #ddd;
	cursor: text;
	background: #fff;
	color: #666;
}
textarea:focus {
	border: 1px solid #ddd;
	cursor: text;
	background: #fff;
	color: #666;
}

/*-----------------------------------------------------------------------------------*/
/*	3. Side Nav
/*-----------------------------------------------------------------------------------*/

.header-text {
	width: 100%;
	z-index: 500;
}
.header-text h1 {
	color: #333;
	font-size: 50px;
	letter-spacing: 0px !important;
	text-align: center;
}
.side-nav {      
	width: 251px;
	height: 1200px;
	position: fixed;
	z-index: 600;
}
.side-nav-logo {
        cursor: default;
	text-align: center;
        margin-top:24px;
       	        
}

.side-nav-logo a {
	display: inline-block;
	text-align: center;
}

.side-nav-logo a:hover {
	transition: transform 0.4s ease;
	transform: rotate(-45deg);
}

.side-nav-logo-mobile img {
    cursor: default;
	text-align: center;
    margin-top:0px;
    width:100%
     	        
}



.logo-image {
	margin-right: 0px;
	border-radius: 5px;
	padding: 0 0 0 0 !important;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
     float: right;
}
.logo-image a {
	padding: 0 0 0 0 !important;
	height: 50px !important;
	display: inline-block;
}
.logo-image img {
    height: 100% !important;
    width: auto;
}
.side-nav-stripes {
	background: url(img/stripes.png);
	height: 12px;
	width: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 44px;
}
.side-nav-logo img {
	margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 10px;
margin-top: 0px;
width:120px; 
}

.side-nav-footer { 
	text-align: center;
	margin-top: 20px;
	font-family: Arial;
	
}
.side-nav-footer p {
	color: #575757;
	font-size: 11px;
	width: 220px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.side-nav-footer ul li { 
	display: inline-block;
	padding-right: 2px;
        margin: 0 0 8px;
        padding: 0;
        text-align: right;
       
}


.side-nav-bio {
	padding: 0 0 0 17px;
        width:210px;
        margin-top: -40px !important;
        margin-bottom: -10px;
}
.side-nav-bio p { 
    color: #A7A7A7 !important;
    text-align: center;
    font: 16px Oswald;
    font-weight: 100;
    margin:28px 0 10px 0;
      
}

.mobile-side-nav-bio p {
	color: #000;
	text-align: center;
        font: 10px trebuchet ms;
        margin: -7px 0 0 0;
        text-transform: uppercase;
        padding:0;
}


/* Sub menu */
.dropdown {
	position: relative;
}
.dropdown:before {
	content: "";
	height: 21px;
	width: 21px;
	position: absolute;
	right: 12px;
	top: 11px;
	border-radius: 3px;
	background-color: #2B2D33;
	background-image: url(img/icon_menu_expand.png);
	background-position: center center;
	background-size: 7px 7px;
	background-repeat: no-repeat;
}
.sub-menu {
	display: none;
}
.side-nav-menu .sub-menu li:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border: 0px #333 solid;
}
.side-nav-menu .sub-menu li:last-child {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	box-shadow: 0px 0px 0px 0px #676B77;
}

.side-nav-menu .sub-menu li a:first-child:before {
	display: none;
}

/*-----------------------------------------------------------------------------------*/
/*	4. Mobile Navigation
/*-----------------------------------------------------------------------------------*/

.mobile-nav-container {
	overflow: hidden;
	width: 100%;
	display: none;
	position: relative;
	top: 0;
	z-index: 500;
}
#mobile-nav {
	float: left;
	width: 100%;
	
}
#mobile-nav ul {
	padding: 12px 22px 12px 12px;
}
.mobile-nav-bar {
	
	padding: 6px 8px 0px 5px;
}
#mobile-nav li {
	font-size: 14px;
	padding: 12px 12px 12px 0px;
	text-align: left;
        border-bottom: 1px dotted #0D0E0E;
        text-transform:uppercase;
 
}
#mobile-nav ul > li:first-child {
	/*padding: 12px 12px 6px 0px;*/
}
#mobile-nav li a, #mobile-nav li a:hover {
	color: #000;
}
#mobile-nav li .sub-menu li {
	padding: 12px 0px 0px 0px;
}
#mobile-nav li .sub-menu {
	padding: 0px 0px 0px 0px;
}
#mobile-nav li .sub-menu li a {
	color: #7F8491 !important;
}
.btn-mobile-nav {
	height: 45px;
	width: 45px;
	border: 1px solid #3C3531;
	background: #0073c0;
	background-image: url(img/white-lines.png);
	background-size: 24px 15px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	margin-top: 4px;
	cursor: pointer;
	border-radius: 5px;
	
}

.navigation-search {
	float: right;
	height: 45px;
	margin-top: 4px;
	width: 115px;
	margin-right: 10px;
	position: relative;
}
.navigation-search #s {
	height: 45px;
}

.mobile-nav-container #searchsubmit {
	width: 50px;
	background-color: transparent;
	background-image: url(img/icons/glyphicons_027_search@2x.png);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;
	border: 0;
	position: absolute;
	top: 0px !important;
	right: -25px;
	opacity: 0.5;
}

/*-----------------------------------------------------------------------------------*/
/*	5. Posts
/*-----------------------------------------------------------------------------------*/

#container {
	opacity: 0;
	transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;

}
.featured-stamp {
	width: 0; height: 0; 
	position: absolute;	
	border-right: 90px solid transparent; border-top: 80px solid #0073c0;
	z-index: 10;
    margin: 0px 0 0 0px;
}
.featured-stamp p {
	font: bold 12px/1.2em arial;
	color: #fff !important;
	position: relative;
	top: -34px;
        left: 10px;
        -webkit-transform: rotate(-42deg); -moz-transform: rotate(-42deg); -ms-transform: rotate(-42deg); 
	-o-transform: rotate(-42deg); -ms-transform:rotate(-42deg);
}

.entry-contact {
    background: none repeat scroll 0 0 #36393F;
    border-bottom: 2px solid #333333;
    opacity: 1;
    width: 360px;
}
.entry {	
	min-height: 50px;	
	padding: 10px 10px 20px 10px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	position: relative;	
        border-radius: 0 0 5px 5px;
       
}

.entry-date {
    font-family: Arial;
    font-size: 12px !important;
    font-weight: bold;
    color:#000000;
    width:100%;
    float: left;
    text-transform: uppercase;
    margin-bottom:13px;
}

.entry img {
	max-width: 99.7%;
	height: auto;
     
}

.isotope-post:hover .entry {
	-webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 0px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.entry-video {
	height: 200px;
	overflow: hidden;
}
.entry .post-categories, .entry .post-categories li {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style-type: none;
}
.entry .post-categories li a {
	font-size: 11px;
	color: #bbb;
}
.entry ul, .entry ol {
	margin-left: 15px; margin-bottom: 8px;
}
.entry ul li {
    list-style-type: circle;
    font-size: 14px;
    line-height: 25px;
    color: #000;
	background: none;
    padding-left: 0px;
}

.entry ol li {
    list-style-type: decimal;
    font-size: 14px;
    color: #000000;
    margin-top: 15px;
}

.entry {
	font-size: 14px;
	color: #b5b5b5;
}
.entry p {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;      
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font: 'Libre Franklin', sans-serif;
        color: #000000;
        word-wrap: break-word;
        text-transform: none !important;
	    line-height: 1.6em;
	    margin: 5px 0px 20px 0px;
       
}
 
.entry p:last-child {
	margin-bottom: 0px !important;
      
}
.entry-footer {
	height: 30px; width: 100%;
	position: relative;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	border-top: 1px dotted #ddd;
}
.entry-footer .time {
	font-size: 11.5px;
}
.entry-footer .author {
	font-size: 11.5px;
	font-style: italic;
}
.entry-footer li {
	color: #333;
	font-size: 12px;
	margin-right: 12px;
	line-height: 40px;
	padding-top: 12px;
	display: inline-block;
}
.entry-footer li a {
	color: #555;
}
.entry-footer ul, entry-footer li {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.entry-footer li, .entry-footer li a, .entry-footer li span {
	text-decoration: none;
	line-height: 25px !important;
	color: #888 !important;
}
.icon {
	width: 13px; height: 13px;
	display: inline-block;
	position: relative; 
	top: 3px;
	margin-right: 0px;
}
.like {
	background: url(img/icon_like.png) no-repeat center; background-size: contain;	
	margin-right: 3px;
}
.footer-icons a {
	color: #000 !important;
}
.footer-icons {
	opacity: 0.6;
	transition: all 0.4s;
	-moz-transition: all 0.4s; /* Firefox 4 */
	-webkit-transition: all 0.4s; /* Safari and Chrome */
	-o-transition: all 0.4s; /* Opera */
}
.footer-icons:hover {
	opacity: 1;
}
.post-like:hover a .count {
	color: red !important;
}
.post-like:hover .like {
	background: url(img/icon_like_active.png) no-repeat center; background-size: contain;	
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.like {
		background: url(img/icon_like@2x.png) no-repeat center; background-size: contain;
		margin-right: 6px;
	}
}
.liked {
	background: url(img/icon_like_active.png) no-repeat center; background-size: contain;

}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.liked {
		background: url(img/icon_like_active@2x.png) no-repeat center; background-size: contain;	
	}
}
.comment {
	background: url(img/icon_comment.png) no-repeat center; background-size: contain;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.comment {
	background: url(img/icon_comment@2x.png) no-repeat center; background-size: contain;
	}	 
}

/* NEW ENTRY-META */

.entry-meta {
	border-top: 1px dotted #ccc;
	padding-top: 5px !important;
}
.entry-meta, .entry-meta li {
	margin: 0 0 0 0 !important;
	list-style-type: none !important;
	font-size: 13px !important;
}
.entry-meta li {
	display: inline-block;
	height: 13px;
	color: #888 !important;
        background: none !important;
padding-left:0 !important;
}
.meta-like, .meta-comment {
	float: right;
}
.meta-like {
	padding-right: 12px;
}
.meta-like .meta-icon {
	width: 13px; height: 13px;
	display: inline-block;
	background: url(img/icon_like.png) no-repeat center; background-size: contain;	
	position: relative;
	top: 3px;
	margin-right: 4px;
	opacity: 0.35;
}
.meta-like .liked {
	width: 13px; height: 13px;
	display: inline-block;
	background: url(img/icon_like_active.png) no-repeat center; background-size: contain;	
	position: relative;
	top: 3px;
	margin-right: 4px;
	opacity: 0.8;
}
.meta-comment .meta-icon {
	width: 13px; height: 13px;
	display: inline-block;
	background: url(img/icon_comment.png) no-repeat center; background-size: contain;
	position: relative;
	top: 3px;
	margin-right: 2px;
	opacity: 0.35;
}
.meta-comment:hover .meta-icon {
	width: 13px; height: 13px;
	display: inline-block;
	background: url(img/icon_comment.png) no-repeat center; background-size: contain;
	position: relative;
	top: 3px;
	margin-right: 2px;
	opacity: 1;
}
.meta-comment a, .meta-like a {
	color: #888;
}
.meta-like:hover .meta-icon {
	width: 13px; height: 13px;
	display: inline-block;
	background: url(img/icon_like_active.png) no-repeat center; background-size: contain;	
	position: relative;
	top: 3px;
	margin-right: 4px;
	opacity: 0.8;
}
.meta-like a:hover {
	color: red !important;
}
.meta-comment a:hover {
	color: #333 !important;
}
.voted .count {
	color: red !important;
}
.meta-author {
	padding-left: 6px;
}
.entry-meta .faded {
	color: #ccc;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.meta-like .meta-icon {
		background: url(img/icon_like@2x.png) no-repeat center; background-size: contain;
		margin-right: 6px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.meta-like .liked {
		background: url(img/icon_like_active@2x.png) no-repeat center; background-size: contain;	
	}
}
.comment {
	background: url(img/icon_comment.png) no-repeat center; background-size: contain;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.meta-comment .meta-icon {
	background: url(img/icon_comment@2x.png) no-repeat center; background-size: contain;
	}	 
}

/* ENTRY SHADOW */
.drop-shadow {
	position:relative;
}
.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
}
.curved:before {
    top:10px;
    bottom:10px;
    left:0;
    right:50%;
    top:50;
    bottom:50;
    left:12px;
    right:12px;
    -moz-border-radius:10px / 100px;
    border-radius:20px / 100px;
}
.curved-small:before {
    top:10px;
    bottom:10px;
    left:0;
    right:50%;
    box-shadow:15px 0 10px #d3d0cb;
    -moz-border-radius:200px / 10px;
    border-radius:100px / 10px;
    top:50;
    bottom:50;
    left:12px;
    right:12px;
    -moz-border-radius:10px / 100px;
    border-radius:20px / 100px;
}
.post-pagi {
	font-size: 12px;
	width: 64px;
	margin-bottom: 20px;
}
.next-post a {
	display: inline-block;
	height: 28px;
	width: 28px;
	border-radius: 3px;
	background: #40434c;
	background-image: url(img/nextpost.png);
	background-size: 28px 28px;
	background-position: 0px 0px;
	background-repeat: repeat;
	transition: all 0.4s;
	-moz-transition: all 0.4s; /* Firefox 4 */
	-webkit-transition: all 0.4s; /* Safari and Chrome */
	-o-transition: all 0.4s; /* Opera */
}
.next-post a:hover {
	background: #000;
	background-image: url(img/nextpost.png);
	background-size: 28px 28px;
	background-position: 28px 0px;
	background-repeat: repeat;
}
.prev-post a {
	display: inline-block;
	height: 28px;
	width: 28px;
	border-radius: 3px;
	margin-right: 3px;
	background: #40434c;
	background-image: url(img/prevpost.png);
	background-size: 28px 28px;
	background-position: 0px 0px;
	background-repeat: repeat;
	transition: all 0.4s;
	-moz-transition: all 0.4s; /* Firefox 4 */
	-webkit-transition: all 0.4s; /* Safari and Chrome */
	-o-transition: all 0.4s; /* Opera */
}
.prev-post a:hover {
	background: #000;
	background-image: url(img/prevpost.png);
	background-size: 28px 28px;
	background-position: -28px 0px;
	background-repeat: repeat;
}

/*-----------------------------------------------------------------------------------*/
/*	6. Post Formats
/*-----------------------------------------------------------------------------------*/

/* Post Type: Image/Gallery */
.entry-image {
	position: relative;
	background-size: cover; background-position: center; background-repeat: no-repeat;
	display: block;

}
.entry-image img {
	width: 99.7%;
	margin-bottom: -6px;
    border-radius: 5px 5px 0px 0px;    
   
}
.entry-image-overlay {
	height: 100%;
	display: block;
	position: absolute; top: 0px;
	opacity: 0;
	background: url(img/icon_cross.png), url(img/overlay_bg.png); background-size:10px 10px, 200px 200px;
	background-position: center; background-repeat: no-repeat, repeat;
	transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; 
	-o-transition: all 0.3s ease-in;
}
.isotope-post:hover .entry-image-overlay {
	opacity: 1;
	background-size:40px 40px, 100% 100%;
}
.isotope-post .entry-image:before, .isotope-post .entry-quote:before, .isotope-post .entry-link:before {
	content: "";
	background: none;
	width: 0; height: 0; 
	border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid transparent;
	position: absolute; left: 50px; bottom: 0;
	margin-left: auto; margin-right: auto;
	z-index: 3;
}
.isotope-post:hover .entry-image:before, .isotope-post:hover .entry-quote:before, .isotope-post:hover .entry-link:before {
	content: "";
	background: none;
	width: 0; height: 0; 
	border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid transparent;
	position: absolute; left: 50px; bottom: 0;
	margin-left: auto; margin-right: auto;
	z-index: 3;
}

/* Post Type: Link */
.entry-link {
	background: #333;
	position: relative;
	padding: 22px 22px 22px 22px;
}
.entry-link a {
	margin-bottom: 0;
	color: #eee;
	font-size: 14px;
	font-family: Arial;
	margin-left: 35px;
	padding-left: 15px;
	position: relative;
	border-left: 1px solid #555;
}
.entry-link a:hover {
	color: #fff !important;
}
.entry-link a:before {
	content: "";
	height: 18px;
	width: 24px;
	position: absolute;
	background: url(img/icon_link.png) no-repeat;
	background-size: contain;
	display: inline-block;
	margin-right: 11px;
	opacity: 0.5;
	left: -35px
}

/* Post Type: Quote */
.entry-quote {
	background: #000;
	position: relative;
	padding: 22px 0 30px 0;
        width: 99.7%
}
.entry-quote p {
	margin-bottom: 0;
	color: #eee;
	font-size: 38px;
	line-height: 36px;
	letter-spacing: -1px;
        font: 100 2em/1.2em "Oswald",arial;
}
.entry-quote p:before {
	content: "";
	height: 22px;
	width: 28px;
	position: relative;
	background: url(img/icon_quote.png);
	display: inline-block;
	margin-right: 11px;
	opacity: 0.5;
}
.entry-quote p:after {
	content: "";
	height: 22px;
	width: 28px;
	position: relative;
	background: url(img/icon_quote2.png);
	display: inline-block;
	margin-left: 11px;
	top: 7px;
	opacity: 0.5;
}
.entry-quote .large {
	font-size:28px;
}
.entry-quote blockquote {
	
	padding: 0px 10px 0px 10px;
	
}
.chat-row {
	margin-bottom: 12px;
}
.chat-author {
	font-weight: bold;
	color: #666
}

/*-----------------------------------------------------------------------------------*/
/*	7. Category Filter Nav
/*-----------------------------------------------------------------------------------*/

.category-filter {
	padding-left: 265px;
	padding-bottom: 8px;
	padding-top: 10px;
	border-bottom: 1px dotted #ccc;
	background: #fff;
        color:#9c9c9c;
}
.category-filter li {
	display: inline-block;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.category-filter li a {
	color: #40434c;
	font-size: 12px !important;
	font-family: Arial;
	padding: 8px 8px 8px 8px;
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
	border-radius: 3px;
	transition: all 0.4s;
	-moz-transition: all 0.4s; /* Firefox 4 */
	-webkit-transition: all 0.4s; /* Safari and Chrome */
	-o-transition: all 0.4s; /* Opera */
}

.category-filter li span {
	color: #cccccc;
	font: normal .6em verdana;
        text-transform: uppercase;
}
.category-filter li a:hover {
	background: #40434c;
	color: #fff;
}
.category-filter li .selected {
	background: #40434c;
	color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*	8. Comments
/*-----------------------------------------------------------------------------------*/

.avatar {
	
	float: left;
        margin-right: 5px;
        margin-left: 0px;
        width:30px;
        height:30px;
  
}

.comments {
	width: 400px;
}
.comment-meta {
	padding: 0 0 0 0;
	margin: 0;
}
.comment-meta p {
	display: inline-block;
	width: 100px;
	padding: 0 0 0 0;
	margin-bottom: 12px;
	font-size: 11px;
}
.comment-body, .comment-meta {
	margin: -6px 0 0 0;
}
.comment-meta h4 {
	display: inline-block;
	padding: 0 0 0 0;
	margin: 0;
        font-size: 12px;
        color: #0B88AF !important;
}
.comment-reply-link {
	font-family: Arial;
	font-size: 11px;
	margin-bottom: 12px;
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 1px dotted #333;
}
.form-allowed-tags {
	display: none;
}
.comment-form-url, .comment-form-email, .comment-form-author {
	position: relative;
}
.form-icon {
	height: 20px;
	width: 20px;
	display: block;
	position: absolute;
	top: 37px;
	right: 10px;
	opacity: 0.3;
}
.url-icon {
	background: url(img/icons/glyphicons_050_link.png) no-repeat center center;
	background-size: 15px 15px;
}
.email-icon {
	background: url(img/icons/glyphicons_399_e-mail@2x.png) no-repeat center center;
	background-size: 15px 15px;
}
.commentlist .page-numbers {
	font-size: 11px;
	padding: 6px 10px;
	margin-bottom: 22px;
	display: inline-block;
	margin-right: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
.commentlist .page-numbers:hover {
	background: #fff;
	padding: 6px 10px;
	margin-bottom: 22px;
	display: inline-block;
	margin-right: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
.commentlist .current {
	font-size: 11px;
	background: #fff;
	color: #333;
	padding: 6px 10px;
	margin-bottom: 22px;
	display: inline-block;
	border: 1px solid #ccc;
}
.commentlist .current:hover {
	background: #fff;
}
.commentlist .children {
	margin-left: 40px;
}

.comment-span {
       width:70%;
}

.comment-form-comment textarea {margin-bottom:0;}


#reply-title {
	font-size: 14px !important;
	margin-bottom: 0px !important;
	letter-spacing: -0.4px;
	color: #333;
}

.logged-in-as {
	font-size: 16px !important;
	padding-bottom: 12px;	
}

.logged-in-as p a {
        color:#000000 !important;
}

.comment-notes {
	padding-bottom: 12px;
	border-bottom: 1px dashed #bbb;
}
.icon-comments {
	background: url(img/icons/glyphicons_244_conversation.png) top center no-repeat;
	background-size: 25px 18px;
	height: 18px;
	width: 75px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dashed #ccc;
	opacity: 0.7;
	
}
.no-comments p {
	text-align: center;
}
.no-comments {
	margin-bottom: 12px;
}
/*-----------------------------------------------------------------------------------*/
/*	9. Shortcodes
/*-----------------------------------------------------------------------------------*/

/* Tabs */

.tab-pane {
	width: 100%;
}
.tab-content {
	padding: 22px 22px 22px 22px;
	background: #eee;
	position: relative;
	width: 100%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.tabs, .tabs li {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}
.tabs li {
	display: inline-block;
}
.tabs li a {
	font-family: 'Arimo', sans-serif;
	font-size: 12px;
	color: #666;
	display: inline-block;
	background: #F7F7F7;
	padding: 15px 15px 15px 15px;
	border-top: 1px solid #fff;	
	text-align: center;
}
.tabs li a:hover {
	background: #fff;
}
.tabs .active a {
	background: #eee;
	font-weight: bold;
	border-top: 1px solid #333;
}

/* Buttons */

.button {
	padding: 12px 12px 12px 12px;
	display: inline-block;
	font-family: 'Arimo', sans-serif; font-size: 12px;
	cursor: pointer;
	margin: 3px 3px 6px 3px;
	color: #fff !important;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.button-rounded {
	padding: 12px 12px 12px 12px;
	display: inline-block;
	font-family: 'Arimo', sans-serif; font-size: 12px;
	cursor: pointer;
	margin: 3px 3px 6px 3px;
	border-radius: 3px;
	color: #fff;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	
	 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.button-mini {
	padding: 5px 5px 5px 5px;
	display: inline-block;
	font-family: 'Arimo', sans-serif; font-size: 11px;
	cursor: pointer;
	margin: 3px 3px 6px 3px;
	border-radius: 3px;
	color: #fff;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;	
	-webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
}

.dark {
	background: #444;
	color: #fff;
	border: solid 1px #000;
}
.dark:hover {
	background: #333;
	color: #fff;
}
.light {
	background: #eee;
	color: #666;
	border: solid 1px #ccc;
}
.light:hover {
	background: #ddd;
	color: #666;
}
.blue {
	background: #6DC9FF;
	color: #fff;
	border: solid 1px #409ED1;
}
.blue:hover {
	background: #4AB5EF;
	color: #fff;
}
.teal {
	background: #92E2E5;
	color: #fff;
	border: solid 1px #5AC5C9;
}
.teal:hover {
	background: #66D2D6;
	color: #fff;
}
.green {
	background: #A9DB6D;
	color: #fff;
	border: solid 1px #8BBC45;
}
.green:hover {
	background: #9CD354;
	color: #fff;
}
.red {
	background: #FC6B4E;
	color: #fff;
	border: solid 1px #C14330;
}
.red:hover {
	background: #EF5A43;
	color: #fff;
}
.orange {
	background: #F9A64D;
	color: #fff;
	border: solid 1px #DB8127;
}
.orange:hover {
	background: #F79833;
	color: #fff;
}
.purple {
	background: #A18EE5;
	color: #fff;
	border: solid 1px #7666B7;
}
.purple:hover {
	background: #947FE0;
	color: #fff;
}

/* Accordian */
.accordion-group {
	border: 0;
	font-size: 12px;
}
.accordion-heading {
	border-radius: 0;
	background: #f1f1f1;
	border: 0;
	padding: 12px 0px;
	font-family: Arial;
}
.accordion-inner {
	background: #FFF;
	font-size: 12px !important;
	font-family: Arial;
}
.accordion-heading a {
	color: #555;
	border: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	10. Social Buttons
/*-----------------------------------------------------------------------------------*/

.social {
	height: 24px;
	position: absolute;
	right: 0;
	top:15px;
	margin-right: 7px;
	z-index: 100000;
}
.social-button {
	opacity: 0.9;
	cursor: pointer;
	display: inline-block;
}
.social-button a {
	display: block;
}
.social-button:hover {
	opacity: 1;
}
.social-button-team {
	opacity: 1;
	
	display: inline-block;
	padding-left: 5px;
}
.social-button-team a {
	display: block;
}
.social-button-team a img {
	height: 20px !important;
	width: auto !important; 
}
.social-button-team:hover {
	opacity: 1;
}

.social-button-team img {
        width:20px;
}

.mobile-footer p {
	color: #808693;
	margin-bottom: 10px;
	font-size: 12px;
	margin-left: 10px;
	float:left;
	display: none;
}
.mobile-footer ul li { 
	padding-right: 2px;
	/*display: inline-block;*/
	display: none;
}

/*-----------------------------------------------------------------------------------*/
/*	11. Pages
/*-----------------------------------------------------------------------------------*/

/* Page Heading */

.page-heading {
	position: relative;
	position: relative;
    color: #4899ca;
    font: 2.5em 'PT Sans Narrow', sans-serif;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.page-heading p {
	margin-bottom: 0;
	color: #4C5059;
	font-size: 2em;
}

/* Contact Page */

.contact, .contact li {
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	list-style-type: none !important;
}
.contact {
	margin-bottom: 22px !important;
	position: static;
	float: left;
}

.contact-submit {
	background: #40434C;
	border-bottom: 1px solid #000;
	width: 100%;
	padding: 12px 12px 12px 12px;
	margin-bottom: 8px;
	display: inline-block;
	font-family: Arial;
	font-size: 12px;
	border-radius: 3px;
	color: #fff !important;
	text-align: center;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.post-pages {
	display: inline-block;
	float: right;
}
.post-pages p {
	margin-bottom: 0;
}
.post-pages a {
	font-size: 11px;
	padding: 5px 10px;
	display: inline-block;
	margin-right: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
.post-pages a:hover {
	background: #fff;
	padding: 6px 10px;
	display: inline-block;
	margin-right: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
.post-pages .current-post-page {
	font-size: 11px;
	background: #fff;
	color: #333;
	padding: 6px 10px;
	display: ;
	border: 1px solid #ccc;
	display: inline-block;
	margin-right: 3px;
	border-radius: 3px;
}
.commentlist .current-post-page:hover {
	background: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*	12. Wordpress Core
/*-----------------------------------------------------------------------------------*/

.alignnone {
    margin: 0px 5px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 0px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 5px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.sticky { 
	color:red; 
}
.gallery-caption {
	
}
.bypostauthor {
	
}
.clearboth {
  height: 0;
  clear: both;
  margin: 0;
  padding: 0;
  margin-bottom: 12px;
}

/*-----------------------------------------------------------------------------------*/
/*	13. Widgets
/*-----------------------------------------------------------------------------------*/

/* Side Nav Styling */



.side-nav-widget {
	margin-top: 0px;
	display: block;
	width: 216px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	/*background: url(img/widget-divider.png) top center no-repeat;*/
	padding-top: 22px;
	z-index: 800;
}
.side-nav-widget-inner {
	font-family: "Arial";
	font-size: 12px;
	text-align: left;
	border-radius: 5px;
}
.side-nav .widgettitle {
	color: #fff;
}
.side-nav .widget a, .widget ul li a {
	color: #eee;
}
.side-nav .widget { 
	color: #dadde4;
}
.side-nav .textwidget, .side-nav .widget_text, .side-nav .textwidget p { 
	color: #dadde4;
}

/* Tag Cloud */

.widget_tag_cloud .widgettitle {
	display: none;
}
.tag-cloud, tagcloud {
	margin-bottom: 11px;
}
.tag-cloud a, .tagcloud a {
	background: #b2c8d6;
	font-size: 11px !important;
	padding: 5px 8px 5px 8px;
	margin-bottom: 4px;
	display: inline-block;
	font-family: Arial;
	color: #333;
	border-radius: 3px;
	border: 1px solid #ccc;
}
.side-nav-widget .tagcloud a {
	background: #36393F;
	border: 0;
}
.tag-cloud a:hover, .tagcloud a:hover {
	color: #333 !important;
	background: #fff;
}
.post-nav-widget {
	margin-bottom: 2px;
	font-size: 12px;
	/*background-image: url(img/widget-divider2.png);*/
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 0px;
}
.post-nav-widget:last-child {
	margin-bottom: 22px;
	font-size: 12px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 22px;
}
.post-nav-widget li, .post-nav-widget ul  {
	list-style-type: none !important;
	margin: 0 0 0 0;
}
.widget { 
	line-height: 20px; 
}
.widget li {
    background: url("img/icons/skull-old.png") no-repeat scroll 0 0 transparent;
    font: 1em/1.4em "Trebuchet MS",Arial,Helvetica,sans-serif;
    margin-bottom: 7px;
    padding-bottom: 0px;
    padding-left: 18px;
}
.widget li:last-child {
	padding-bottom: 4px;
}
.widgettitle {
	font-size: 11px;
	font-weight: bold;
	color: #000;
        margin: 5px 0 18px 0 !important;
        border-top: 0px solid #1e1e1e;
        padding-left:1px;
	text-indent: 5px;
}

.comment-hdr {
	font-size: 9px;
	font-weight: bold;
	color: #000;
        margin: 0 0 5px !important;
        padding-left:2px;
}

.widget a, .widget ul li a {
	color: #444;
}
.widget .children {
	margin-top: 12px;
	margin-left: 12px;
}
.widget .children li:last-child {
	padding-bottom: 0px;
}
.widget .sub-menu {
	margin-left: 12px;
}
.widget .sub-menu li:first-child a, .widget .sub-menu li:last-child a {
}
.widget .sub-menu li:last-child {
	padding-bottom: 0px;
}
.widget .sub-menu li:first-child {
	margin-top: 12px;
}

.post-nav-widget .rssSummary {
	color: #888;
}

/* calendar widget */
#wp-calendar {width: 100%; font-family: Arial;}
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; color: #dadde4;}
#wp-calendar thead th { padding-bottom: 10px; text-align: center; color: #333;}
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { font-size: 10px; color: #dadde4; background: #36393F; text-align: center; padding:3px;}
#wp-calendar tbody td:hover { background: #333; cursor: pointer; color: #fff}
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar a {color: #fff;}
#wp-calendar a:hover {color: #fff !important;}
.side-nav-widget #wp-calendar th {color: #fff !important;}
.side-nav-widget #wp-calendar caption {color: #fff !important;}
.post-nav-widget #wp-calendar td a {color: #333 !important;}

/* search widget */
.widget_search .screen-reader-text { display:none; }
.widget_search { margin: 0 0 0 0 !important;padding: 0 0 0 0 !important; z-index: 100000;}
.widget_search .widgettitle { display:none; }
#searchform input { background: transparent; margin: 0 0 0 0; border: none; }
#searchform #s { border-radius: 5px; color: #dadde4; background: #36393F; }
.entry #searchform #s { border-radius: 5px; color: #333; background: #f1f1f1; border: 1px solid #ccc; }
#searchform #searchsubmit {
	width: 50px;
	background-color: transparent;
	background-image: url(img/icons/glyphicons_027_search@2x.png);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999px;
	border: 0;
	top: 22px;
	position: absolute;
	right: -5px;
	opacity: 0.5;
}
.entry #searchform #searchsubmit {
	right: 18px;
}
#searchform #s:focus { background-color: #2C2E34; color: #fff; }
.post-nav-widget #searchform #s { border-radius: 5px; color: #eee; background:#36393F; border: 1px solid #676B77; }

/* text widget */
.textwidget { color: #888;margin:-10px 0 0 -5px;}
.widget_text {}
.textwidget p { color: #888; }

#widget {
        padding:0 !important;
}

iframe .media-grid a {
    border: 1px solid #000 !important;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    float: left;
    margin: 0 0 20px 20px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
}


/*****************************************
POST DATE
******************************************
<div class="post-date">
	<p class="post-month">Jul</p>
	<p class="post-day">19</p>
	<p class="post-year">2013</p>
</div>
******************************************/

.post-date {
	
}

.post-day { 
	font-size: 				20px; 
	line-height: 			20px; 
	margin: 					4px auto 0px auto; 
}

.post-month { 
	font-size: 				14px; 
	line-height: 			14px; 
	margin:					0px auto; 
	text-transform: 		uppercase; 
}
.post-year { 
	font-size: 11px; 
	line-height: 14px; 
	margin: 0px auto; 
}