<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: Perslog
Theme URI: http://www.simplewpthemes.com
Version: 1.0
Author: Simple WP Themes
Author URI: http://www.simplewpthemes.com
Description: Free Wordpress theme by &lt;a href="http://www.simplewpthemes.com/"&gt;SimpleWPThemes.com&lt;/a&gt;. 
Text Domain: swt
*/

/*--------------------------------------------------------------
&gt;&gt;&gt; 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 - Alignments
7.0 - Clearings
8.0 - Widgets
9.0 - Content
9.1 - Posts and pages
9.2 - Comments
10.0 - Infinite scroll
11.0 - Media
11.1 - Captions
11.2 - Galleries
12.  - Layout
13.  - Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
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/ */	
	-webkit-font-smoothing: antialiased;
}

*,
*:before,
*:after {
 /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box;  /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing: border-box;  /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing: border-box;
}

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;
	border: 1px solid #c2c2c2;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
	border: 1px solid #c2c2c2;	
}

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

blockquote,
q {
	quotes: "" "";
}

q:before,
q:after { content: '"'; }

a:focus {
	outline: thin dotted;
}

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

a img {
	border: 0;
}


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #333333;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.4;
	word-wrap: break-word;	
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 800;
	margin: 0 0 50px 0;
}

h1 {
	font-size: 40px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 25px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 21px;
}
h6 {
	font-size: 20px;
}

p, dl {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: bold;
}

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

blockquote:before {	
	position: absolute;
	left: 0;
	background: url(images/quote.png) no-repeat scroll 0 0;
	width: 59px;
	height: 49px;
}

blockquote {
	text-align: center;
	display: inline-block;
	margin: 0 auto 1.5em;
	position: relative;
	padding: 20px 0 0 85px;
}

address {
	margin: 0 0 1.5em;
	font-style: italic;
}

pre {
	display:block;
	font: 17px/43px "Courier New", Courier, monospace;
	color: #333333;
	background-color:#e7e7e7;
	background-image:-webkit-repeating-linear-gradient(top, #e7e7e7 0px, #e7e7e7 43px, #d4d4d4 43px, #d4d4d4 86px);
	background-image:-moz-repeating-linear-gradient(top, #e7e7e7 0px, #e7e7e7 43px, #d4d4d4 43px, #d4d4d4 86px);
	background-image:-ms-repeating-linear-gradient(top, #e7e7e7 0px, #e7e7e7 43px, #d4d4d4 43px, #d4d4d4 86px);
	background-image:-o-repeating-linear-gradient(top, #e7e7e7 0px, #e7e7e7 43px, #d4d4d4 43px, #d4d4d4 86px);
	background-image:repeating-linear-gradient(top, #e7e7e7 0px, #e7e7e7 43px, #d4d4d4 43px, #d4d4d4 86px);
	padding: 43px 1em;
	text-align: left;
	overflow: scroll;
}

code,
kbd,
tt,
var {
	font-family: "Courier New", Courier, monospace;
}

code {
	background: #e7e7e7;
	color: #333333;
	padding: 5px 7px;
}

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

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

ins { font-style: italic; }

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

.fa,
.mejs-overlay-button:before,
#reply-title:before,
#comments-number:before,
.media-info-toggle:after,
.chat-author:before,
#menu-social-items a:before,
.comments-link:before,
.entry-terms.post_tag:before  {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

blockquote {
		
}

blockquote blockquote {
	padding: 0.5% 2%;
}
	
blockquote p {
	margin: 0;
}

blockquote cite { 
	display: block;
	font-family: "Courier New", Courier, monospace;
	margin: 18px 0 0;
}

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

ul,
ol {
	margin: 0 0 1.5em 3em;
	line-height: 1.6;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li &gt; ul,
li &gt; 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;
}

/* Tables. */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 3em 0;
	width: 100%;
}

th,
td {
	padding: 14px 30px 14px 15px;
}

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

caption {
	margin: 1em 0;
	border: 0;
}

th {
	font-weight: bold;
}

/* wp-calendar &lt;table&gt; */

#wp-calendar th,
#wp-calendar td {
	font-size: 16px;
	font-weight: normal;
	padding: 4px 1%;
	text-align: center;
}
#wp-calendar tr:hover td,
#wp-calendar td.pad,
#wp-calendar #prev,
#wp-calendar #next {
	background: transparent;
}
#wp-calendar #prev {
	text-align: left;
}
#wp-calendar #next {
	text-align: right;
}

/*--------------------------------------------------------------
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 */
	-webkit-transition: all 0.25s ease-out;
       -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
         -o-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;	
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	display: inline-block;
	text-transform: uppercase;
	border: 0;
	background: #116ddf;
	color: #fff;
	font-weight: normal;
	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: 16px;
	line-height: 1;
	padding: 21px 1.5em;
}

input[name="post_password"] { margin-bottom: 20px !important; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {

}

 
input[type="checkbox"],
input[type="radio"] {
	padding: 0;  /* Addresses excess padding in IE8/9 */
	display: inline-block;	
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
 /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
 
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
}

textarea {
	overflow: auto;  /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding: 10px;
	vertical-align: top;  /* Improves readability and alignment in all browsers */
	width: 100%;
	min-height: 170px;	
}

fieldset {
	margin: 0 0 1.5em 0;
	padding: 3%;
	border: 1px solid #e8e8e8;
}

legend {
	border: 0;
	font-weight: bold;
	margin: 0 0 30px 0;
	padding: 0;
	white-space: normal;
}
 
input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
	display: block;
	padding: 9px 10px;
	width: 100%;	
	background: #262626;
	color: #fff;
	border: 1px solid #262626;
	font-weight: 800;
}

input[type="number"] { width: auto; }

label { cursor: pointer; margin-bottom: 15px; display: block;}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

.nav-menu a {
}

.nav-menu .menu-item-has-children &gt; span:after {	
	content: '\f107';	
	color: #fff;	
	padding: 0px 0 0 10px;
	cursor: pointer;
}

.nav-menu .menu-item-has-children &gt; span.drop-opened:after {
	content: '\f106';
}

.nav-menu a {
	font-size: 20px !important;
}
.nav-menu .sub-menu a { 
	font-size: 18px !important;
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a {
	color: #116ddf;
	text-decoration: none;	
	transition: all 0.25s ease-in-out;	
}

a:visited {
}

a:hover,
a:focus,
a:active {
	color: #000;
	text-decoration: underline;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/


/*--------------------------------------------------------------
6.0 Alignments
--------------------------------------------------------------*/

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

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

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

.left { float: left; }
.right { float: right; }

/*--------------------------------------------------------------
7.0 Clearings
--------------------------------------------------------------*/

#main:before,
#main:after,
.clear:before,
.clear:after,
.entry:before,
.entry:after,
.entry-content:before,
.entry-content:after,
.media-meta li:before,
.media-meta li:after,
.media-shortcode-extend:before,
.media-shortcode-extend:after,
.comment-content:before,
.comment-content:after,
#header:before,
#header:after,
#sidebar-primary .widget:before,
#sidebar-primary .widget:after,
#sidebar-subsidiary:before,
#sidebar-subsidiary:after,
#footer:before,
#footer:after,
.credit:before,
.credit:after {
	content: '';
	display: table;
}

#main:before,
#main:after,
.clear:after,
.entry:before,
.entry:after,
.media-meta li:before,
.media-meta li:after,
.media-shortcode-extend:before,
.media-shortcode-extend:after,
.entry-content:after,
.comment-content:after,
#sidebar-primary .widget:before,
#sidebar-primary .widget:after,
#header:after,
#content:after,
#footer:after,
.credit:before,
.credit:after {
	clear: both;
}

/*--------------------------------------------------------------
8.0 Widgets
--------------------------------------------------------------*/

#sidebar-toggle {
	font-size: 26px;
	width: 47px;
	height: 49px;
	padding-top: 12px;
	text-align: center;
	display: inline-block;
	background: #000;
	color: #fff;
	position: absolute;
	left: 40px;
	top: 58px;
	z-index: 999999;
}

#sidebar-toggle:hover,
#sidebar-toggle:focus { text-decoration: none; outline: 0; }

.menu-active #sidebar-toggle { 
	position: fixed;
	left: 253px;	
	transition: left 0.3s ease-out;
}

/*.menu-active #sidebar-primary */
.menu-active #sidebar-primary {
	left: 0 !important;
	transition: left 0.3s ease-out;
}   

.slimScrollBar { opacity: 1 !important; border-radius: 0 !important; cursor: pointer; }

#sidebar-primary .widget {
	margin: 0 30px 27px 0;
	font-size: 18px;
	font-weight: 400;	
	padding-bottom: 24px;
	border-bottom: 1px solid #9a2007;
	color: #000;
}

#sidebar-primary .widget caption, 
#sidebar-primary .widget th, 
#sidebar-primary .widget td {
	border-color: #9a2007;
}

#sidebar-primary .widget:last-child { border: 0; }

#sidebar-primary .widget-title {
	color: #000; 
	font-size: 20px;
	font-weight: 400;	
	line-height: 1;
	margin-bottom: 20px;
}
 
#sidebar-primary .widget ul {
	list-style: none;
	margin: 0;
}

#sidebar-primary .widget li {
}

#sidebar-primary .widget li ul {
	margin-left: 15px;
}

#sidebar-primary .widget a,
#sidebar-primary .widget a:hover {
	color: #fff;
}
 
/* Search widget */
.widget_search .search-text,
.widget_search .search-field { 
	font-size: 15px;	
	font-weight: 400; 
	border: 1px solid #9a2007;
	background: #fa5a39;
	color: #000;
}

.widget_search .search-submit,
.widget_search span  {
	display: none;
}

::-webkit-input-placeholder {
   color: #000;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000; 
}

:-ms-input-placeholder {  
   color: #000; 
}

/* Tag cloud widget */
.widget .post_tag-cloud a {
	display: inline-block;
	margin: 0 0 4px;
	padding: 7px 10px;
	line-height: 1;
	font-size: 14px !important;
	color: #000;
	background: #fa5a39;	
}

.widget .post_tag-cloud a:hover {
	background: #000;
	color: #ffffff;
	text-decoration: none;
}


.widget *:last-child { margin-bottom: 0; } 
   
/*--------------------------------------------------------------
9.0 Content
--------------------------------------------------------------*/

.entry {
	margin-bottom: 13.5%;
}

.singular .entry {
	margin-bottom: 5.8%;
}

.entry-title {
	font-size: 40px;
	margin-bottom: 7.6%;
	clear: none; /* Removing default clear for vertical image post look. */
	color: #000;
	text-align: center;	
}

.singular .entry-title,
.fluid-width-video-wrapper {
	margin-bottom: 7%;
}
.attachment-image .entry-title { margin-top: 7%; }

.entry-title a { color: #000; }
.swt-featured img { margin-bottom: 6.4%; }
.singular .swt-featured img { margin-bottom: 5.6%; }
.swt-featured .portrait { float: right; width: 33%; margin: 0 0 0 25px; }

.entry-footer {
	width: 62%;
	margin: 6% auto 0;
	padding-top: 18px;
	border-top: 1px solid #000;
	color: #979797; 
	font-size: 14px;
	text-transform: uppercase;
}


.entry-info {
	font-size: 21px;
	margin-top: -7px;
}

.entry-info a { margin-left: 7px; color: #000; }
.entry-info a:hover { text-decoration: none; }

.comments-link { 
	font-family: 'Open Sans', sans-serif;
	color: #000; 
	font-size: 13px; 
	position: relative; 
	top: -3px; 
}

.comments-link:before {
	content: "\f086";
	padding-right: 6px;
	font-size: 21px;	
	position: relative;
	top: 3px;
}

.entry-summary,
.entry-content {
	text-align: center;
}

.entry-content *:last-child { margin-bottom: 0; }


/* Chat */

.chat-transcript {
	text-align: left;
}

.chat-row {
	padding-left: 30px;
	padding-bottom: 18px;
	margin-bottom: 28px;
	border-bottom: 1px solid #000;
}

.chat-author { 
	margin-bottom: 12px;
}

.chat-author:before {
	content: '\f007';
	font-size: 21px;
	color: #000;
	padding-right: 13px;
	margin-left: -30px;
}
.chat-author .fn { font-style: normal; }

.chat-speaker-2 .chat-author:before {
	color: #0b6ddf;
}
.chat-speaker-3 .chat-author:before {
	color: green;
}
.chat-speaker-4 .chat-author:before {
	color: orange;
}
.chat-speaker-5 .chat-author:before {
	color: purple;
}
.chat-speaker-6 .chat-author:before {
	color: cyan;
}
.chat-speaker-7 .chat-author:before {
	color: teal;
}
.chat-speaker-8 .chat-author:before {
	color: #ccc;
}

.format-chat footer {
	padding-top: 15px;	
}

/* audio */

.wp-video { height: auto !important; margin-bottom: -4px;}

.media-shortcode-extend {
	margin-bottom: 6.4%;
}

.mejs-container.mejs-audio {
	height: 125px !important;
}


.mejs-container.mejs-audio,
.media-info,
.audio-info,
.mejs-controls { background: #333333 !important; }
.mejs-controls .mejs-time-rail span { height: 10px !important; }

.mejs-overlay-button {
	background: none !important;
	margin: -75px 0 0 -75px !important;
}
.mejs-overlay-button:before {
	background: rgba( 51,51,51, 0.9 ) !important;
	width: 126px;
	height: 126px;
	border-radius: 50%;	
	content: '\f04b';
	display: inline-block;
	text-align: center;
	padding: 30px 0 0 10px;
	font-size: 70px;
	color: #fff;
}

.mejs-audio .mejs-controls {
	top: 50px;
	padding: 0 15px !important;
}

.mejs-video .mejs-controls {
 	padding: 0 10px !important;
 	height: 65px !important;
	background: rgba( 51,51,51, 0.9 ) !important; 	
	bottom: 2px !important;
}

.mejs-video .mejs-controls &gt; div { margin-top: 17px !important; }

.mejs-time span { 
	font-weight: 800;  
	font-size: 25px !important;
}
.mejs-time-total {
	margin: 3px 7px 5px 5px !important;
	background: #4f4f4f !important; 
	height: 15px !important;
}

.mejs-time-loaded { 	
	height: 15px !important;
	background: #fff !important; 
}
.mejs-time-current { 
	height: 15px !important;
	background: #red !important; 
}

.mejs-horizontal-volume-total,
.mejs-horizontal-volume-current {
	height: 15px !important;
	top: 8px !important;
}

.mejs-video.mejs-container {
  width: 100% !important;
  height: auto !important;
  padding-top: 57%;
  background: transparent !important;
}
.mejs-video .mejs-overlay, .mejs-video .mejs-poster {
  width: 100% !important;
  height: 100% !important;
}
.mejs-video .mejs-mediaelement video {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100% !important;
  height: 100% !important;
}
.mejs-video .mejs-container, .mejs-video .mejs-embed, .mejs-video .mejs-embed body {
background:transparent!important;
}

.media-shortcode-extend {
	text-align: left;
}
 
.media-info, 
.audio-info {
	color: #777777;	
	display: none;
	padding-top: 30px;	
}
.media-meta {
	margin: 0 35px 0;
	overflow: hidden;
	padding-bottom: 35px;
}
.media-meta li {
	list-style: none;
	border-bottom: 1px solid #000;
}
.media-meta li:last-child { border-bottom: 0; }
.media-meta li span {
	display: block;
	padding: 4px 0;
}

.media-meta .prep {
	text-align: left;
	float: left;
	max-width: 30%;
}

.media-meta .data { 
	max-width: 70%;
	float: right;
	text-align: right;
}

.media-meta a, 
.media-meta a:hover {
	color: #fff; 
	text-decoration: none;
}

.media-info-toggle {
	background: #333;
	float: right;
	margin-right: 6.25%;
	font-size: 18px;
	text-transform: none;
	text-decoration: underline;
	padding: 15px 1.5em;
}
.media-info-toggle.active {
	background: #116ddf;
}
.media-info-toggle:after {
	content: '\f107';
	padding: 0 10px 0 10px;
}
.media-info-toggle.active:after {
	content: '\f106';
}

/* Aside, status */

.format-aside .permalink { font-weight: 800; }

.format-status .entry-header img { border-radius: 50%; float: left; margin-right: 20px; }

.format-image img:first-child,
.format-image .wp-caption img[class*="wp-image-"] {
	margin-bottom: 6.4%; 
}

/*--------------------------------------------------------------
9.1 Posts and pages
--------------------------------------------------------------*/
 
.pagination,
.page-links {
	clear: both;
	margin: 0 0 1.5em;
	text-align: center;
}

.page-links a,
.page-numbers {
	display:   inline-block;
	font-size: 25px;
	color: #fff; 
	padding: 5px 14px;
	margin: 0 10px 5px 0;
	background: #116ddf; 
}

.page-numbers:hover,
.page-numbers:active,
.page-numbers:focus,
.page-numbers.current {
	background: #333333;
	color: #fff;
	text-decoration: none;
}

/* === 10.3 Loop meta === */

.loop-meta {
	margin-bottom: 1.5em;
	text-align: center;
}

.loop-title {
	margin: 0;
	font-size: 30px;
	color: #000;
	text-transform: uppercase;
}

.loop-description {	
	margin-top: 1em;
} 

/* prev/next */

.loop-nav {
	clear: both;
	margin: 40px 0 0;
}
.loop-nav .prev {
	float: left;
	width: 47.5%;
	text-align: right;
}

.loop-nav .next {
	float: right;
	width: 47.5%;
	text-align: left;
}

.loop-nav a {
	color: #848484;
	font-size: 15px;
	line-height: 57px;
}

.loop-nav .next a {
	background: url(images/next.png) no-repeat scroll 0 0;
	padding-left: 72px;
	display: inline-block;
}

.loop-nav .prev a {
	background: url(images/prev.png) no-repeat scroll 100% 0;
	padding-right: 72px;
	display: inline-block;
}

/*--------------------------------------------------------------
9.2. Comments
--------------------------------------------------------------*/

#comments { margin-bottom: 9%; }

#comments-number { 
	margin: 0px 0 8px;
	padding: 7% 0; 
	border-top: 1px solid #000; 
	color: #333333; 
	font-size: 26px;
}

#comments-number:before {
	color: #848484;
	content: '\f086';
	padding-right: 10px;
}	

#reply-title { 
	color: #777;
	font-size: 25px;
	margin-bottom: 43px;
	text-transform: uppercase;
}

#reply-title:before {
	content: '\f040';
	color: #fff;
	font-size: 25px;
	padding-right: 10px;
}

.comment-list { margin-left: 0; }



.comment-list,
.comment-list .children {
	list-style: none;
}

.comment-meta .avatar {
	float: left;
	margin: 5px 35px 0 0;
	border-radius: 50%;
	width: 82px;
	height: 82px;
}

.comment-author {
	display: inline-block;
	font-size: 18px;
	font-weight: 800;	
	font-style: normal;
	line-height: 1;
	color: #848484;
}

.ping .comment-author { line-height: 1.5; }

.comment-author a { 
	color: #333333; 
}

.comment-published {
	font-size: 15px;
	color: #848484;
}

a.comment-reply-link {
	display: inline-block;
	color: #116ddf;
	font-weight: 800;
}

.comment-content,
.pingback {
	margin: 15px 0 60px;
}
 
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comment-content *:last-child { margin-bottom: 0; } 

/*=== Commentform ===*/

#respond {
	background: #000000;
	padding: 60px 50px 15px;
}

#commentform { 
	overflow: hidden;
	position: relative;
}

#commentform p {
	margin-bottom: 17px;
}

#commentform label {	
	font-size: 17px;
	font-weight: 800;
	color: #777; 
	display: inline-block;
	margin-bottom: 12px;
}

#commentform .required { color: #ff0000; font-size:  }

.comment-form-author,
.comment-form-email,
.comment-form-url {
	width: 46.5%;
	float: left;
	clear: both;
	margin-bottom: 34px !important;
}

.comment-form-comment { 
	position: absolute;
	top: 0;
	right: 0;
	width: 46.5%;
}

.form-submit {	
	position: absolute;
	bottom: 17px;
	right: 0;
	width: 46.5%;
}

.logged-in .comment-form-comment,
.logged-in .form-submit {
	position: static;
	width: 100%;
}

.logged-in-as { color: #777; }
.logged-in-as a,
.logged-in-as a:hover { color: #116ddf; }

#commentform textarea#comment {
	height: 165px;
}

#commentform #submit {
	font-weight: 800;
	width: 100%;
}

#commentform input:focus,
#commentform textarea:focus { border-color: #fff; }

.comments-nav { margin: 50px 0 50px; }
.comments-nav .page-numbers { margin: 0 15px; }

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

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

/*--------------------------------------------------------------
11.1 Captions
--------------------------------------------------------------*/

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
	position: relative;	
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption .wp-caption-text {
	position:   absolute;
	bottom:     50px;
	padding:    23px 27px;
	font-size:  18px;
	background: rgba( 0, 0, 0, 0.8 );
	color: #fff;
}
 
/*--------------------------------------------------------------
11.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;
}

.gallery-item img {
	border-width: 1px !important;
	border-color: #e7e7e7;
	background: #fafafa;	
	padding: 11px;
}

/*--------------------------------------------------------------
12. Layout
--------------------------------------------------------------*/

.wrap,
#main {
	max-width: 880px;
	margin: 0 auto;
	position: relative;
}

#header {
	padding: 65px 0 75px;
 	background: #000;		
	text-align: center;
}

#logo-image {
	border-radius: 50%;
	margin-bottom: 48px;
}

#site-title {
	font-size: 32px;	
	line-height: 1;
	margin: 0 0 27px;
}
 
#site-title a {
	color: #fff;
}

#site-description {
	color: #fff;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.7;
	margin: 0px 0 0px 0px;
}


/* Social Menu */

#menu-social-items { margin: 23px 0 -10px; text-align: center; }

#menu-social-items li { 
	list-style: none;
	display: inline-block;
}

#menu-social-items a { 
	font-size: 14px; 
 	display: block;
	margin: 0 5px 5px 0;
	position: relative;
}

#menu-social-items a:before {
	font-size: 21px;
	color: #979797;
}

#menu-social-items a span {
	position: absolute;
	left: -9999px;
}

#menu-social-items li:last-child { margin-bottom: 5px !important; }

#menu-social-items a[href*="codepen.io"]:before      { content: '\f1cb'; }
#menu-social-items a[href*="digg.com"]:before        { content: '\f1a6'; }
#menu-social-items a[href*="dribbble.com"]:before    { content: '\f17d'; }
#menu-social-items a[href*="dropbox.com"]:before     { content: '\f16b'; }
#menu-social-items a[href*="facebook.com"]:before    { content: '\f082'; }
#menu-social-items a[href*="flickr.com"]:before      { content: '\f16e'; }
#menu-social-items a[href*="plus.google.com"]:before { content: '\f0d4'; }
#menu-social-items a[href*="github.com"]:before      { content: '\f113'; }
#menu-social-items a[href*="instagram.com"]:before   { content: '\f16d'; }
#menu-social-items a[href*="linkedin.com"]:before    { content: '\f08c'; }
#menu-social-items a[href*="pinterest.com"]:before   { content: '\f0d2'; }
#menu-social-items a[href*="reddit.com"]:before      { content: '\f1a1'; }
#menu-social-items a[href*="skype.com"]:before,
#menu-social-items a[href*="skype:"]:before          { content: '\f17e'; }
#menu-social-items a[href*="stumbleupon.com"]:before { content: '\f1a3'; }
#menu-social-items a[href*="tumblr.com"]:before      { content: '\f173'; }
#menu-social-items a[href*="twitter.com"]:before     { content: '\f081'; }
#menu-social-items a[href*="vimeo.com"]:before       { content: '\f194'; }
#menu-social-items a[href*="wordpress.org"]:before,
#menu-social-items a[href*="wordpress.com"]:before   { content: '\f19a'; }
#menu-social-items a[href*="youtube.com"]:before     { content: '\f166'; }


/*=== Main ===*/

#main {
	padding: 0;
}

.singular #main { padding-bottom: 4%; }
 
#content { 
	width: 100%; 
	padding-top: 8.7%;
}

#sidebar-primary {
	overflow: hidden;
	position: fixed;
	left: -300px;
	top: 0;
	background: #df3411;
	width: 300px;
	padding: 155px 0 100px 30px;
}


/*=== Footer ===*/

#footer { 
	color: #333; 
	font-size: 18px;
	padding-bottom: 26px;
}

#footer a { color: #333; }

#footer span { width: 48%; }
 
#footer span.right { text-align: right; } 

/*--------------------------------------------------------------
13. - Media Queries
--------------------------------------------------------------*/

@media only screen and ( max-width: 1140px ) {

	.wrap, 
	#main { 
		width: 910px;
	}
	
}

@media only screen and ( max-width: 990px ) {

	.wrap, 
	#main { 
		width: 682px;
	}	
	
}

@media only screen and ( max-width: 768px ) {
	
	.wrap, 
	#main { 
		width: 428px;
	}
	
	#content { 
		width: 100%; 
		margin-bottom: 20px; 
	}
	
	#sidebar-toggle { 
		top: 0;
	}
	
	.mejs-video .mejs-controls { bottom: 1px !important; }
	.mejs-video .mejs-overlay-button {
		margin: -50px 0 0 -50px !important;
	}
	.mejs-video .mejs-overlay-button:before	{
	    font-size: 48px;
	    height: 86px;
	    padding: 19px 0 0 10px;
	    width: 86px;		
	}
	
	.comment-form-author, 
	.comment-form-email, 
	.comment-form-url { 
		width: 100% !important;
	}	
	
	.comment-form-comment, 
	.form-submit {
		position: static;
		width: 100%;
	}
	
	#footer span { 
		float: none !important;
		width: 100%; 
		display: block;
		text-align: center !important;
	}
 
}

@media only screen and ( max-width: 480px ) {

	.wrap, 
	#main { 
		width: 268px;
	}
	
	.format-chat footer { text-align: center; }
	.wp-caption .wp-caption-text { display: none; }
	
	.entry-footer { text-align: center; }
	.entry-info { float: none !important; margin: 5px 0 0; }
	
	.loop-nav div {
		width: 100% !important;
		text-align: left !important;
		float: none !important;
		margin-bottom: 20px;
	}
	
	.loop-nav .prev a {
		padding: 0 0 0 72px !important;
		background-position: 0 0 !important;
	}
	
	#commentform input { width: 100%; }
	#commentform #submit { padding-left: 10px; padding-right: 10px; font-size: 10px; }
	.comment-meta .avatar { margin-right: 15px; }
	
	.comment-author,
	.comment-published,
	.comment-reply-link { display: inline; }
	
}

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

	.wrap, 
	#main { 
		width: 80%;
	}
 	
}</pre></body></html>