/*
Theme Name: Topcat Lite
Theme URI: https://dejanmarkovic.com/wordpress-themes/topcat-lite/
Author: Dejan Markovic
Author URI: https://dejanmarkovic.com/
License: GNU General Public License v2 or later
Description: Topcat Lite Theme is a responsive, clean and beautiful business and blog style WordPress theme featuring custom menu and custom background, custom header and easy to read typography that scales to fit all screens. Topcat Lite Theme supports the widgetized areas (both in the sidebar and in the footer), featured images (thumbnails for custom header images for posts and pages) and optional social menu. This is fully optimized theme best suited for any kind of personal blog or a business website. Topcat Lite Theme is a production ready theme used for my book WordPress Responsive Theme Design Essentials. Live Demo is available here: https://wordpressresponsivethemedesign.com/. Demo content is available for download here: https://dejanmarkovic.com/topcat.test-data.xml

Version: 2.0.3
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: topcat-lite

Tags: two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, sticky-post, threaded-comments, translation-ready

Unless otherwise specified, all the theme files, scripts and images are licensed under GNU General Public License.
Logo has been created by NYTO Group and it's license is GNU General Public License v2.0
Background image has been downloaded from http://gratisography.com/pictures/162_1.jpg
Background is licensed under Creative Commons Zero.

**FontAwesome**
This theme uses the great icon font FontAwesome. Following licences apply to this software:
The Font Awesome font is licensed under the SIL OFL 1.1:
http://scripts.sil.org/OFL
Font Awesome CSS, LESS, and Sass files are licensed under the MIT License:
http://opensource.org/licenses/mit-license.html
The Font Awesome documentation is licensed under the CC BY 3.0 License:
http://creativecommons.org/licenses/by/3.0/
Full details: http://fontawesome.io/license

Google fonts license for ABeeZee font:	SIL Open Font License, 1.1
Google fonts license for PT Sans font: SIL Open Font License, 1.1

JavaScript files licenses:
customizer.js GNU General Public License v2.0
global.js GNU General Public License v2.0
hoverIntent.js GNU General Public License v2.0
masonry_custom.js GNU General Public License v2.0
modernizr.custom.js  MIT & BSD
navigation.js GNU General Public License v2.
respond.js MIT License
skip-link-focus-fix.js GNU General Public License v2.
superfish.min.js Dual licensed under the MIT and GPL licenses

Kirki framework:
- License: GPLv2 or later
- License URI: http://www.gnu.org/licenses/gpl-2.0.html
- location: https://github.com/aristath/kirki

Topcat Lite WordPress Theme, Copyright 2015 Dejan Markovic & NYTOGroup.com
Topcat Liteis distributed under the terms of the GNU GPL license

Topcat Lite is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13. Header
14. Colors
15.
--------------------------------------------------------------*/

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

*,
*: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 {

}

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: #404040;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 800;
    color: #0480b5;
}

h1 {
    font-size: 28px;
    font-size: 2.8rem;
}

h2 {
    font-size: 24px;
    font-size: 2.4rem;
}

h3 {
    font-size: 20px;
    font-size: 2.0rem;
}

h4 {
    font-size: 18px;
    font-size: 1.8rem;
}

h5 {
    font-size: 16px;
    font-size: 1.6rem;
}

h6 {
    font-size: 14px;
    font-size: 1.4rem;
}

p {
    margin-bottom: 1.5em;
}

b,
strong {
    font-weight: bold;
}

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

blockquote {
    margin: 1.5rem 1.5em;
    border-top: dotted 1px #999;
    border-bottom: dotted 1px #999;
    padding: 1em;
}

blockquote p {
    font-style: italic;
    margin-bottom: auto;
}

cite {
    font-weight: 600;

}

blockquote + p {
    width: 100%;
    text-align: right;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    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: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

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

/*  margin: 24px 0 12px; */

.entry-title {
    color: #0480b5;
    font-size: 2rem;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}

.entry-title a,
.entry-title a:visited,
.entry-title a:hover,
.entry-title a:active {
    text-decoration: none;
    color: #0480b5;
}

/**/

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

ul,
ol {
    margin: 0 0 1.5em 3em;
}

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"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    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);
    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: .6em 1em .4em;
    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;
    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 */
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

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 {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

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

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
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
    color: royalblue;
}

a:visited {
    color: purple;
}

a:hover,
a:focus,
a:active {
    color: midnightblue;
}

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

.main-navigation {
    /* font-weight: bold; */
    display: inline;
    clear: both;
    width: 100%;
    color: #000 !important;
    text-transform: uppercase;
    background-color: #000000;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;

}

.main-navigation a {
    color: #c7c7c7;
    display: block;
    height: auto;
    margin: 0;
    padding: 1rem 1.5rem;
    text-decoration: none;
    background: #383838;
}

.main-navigation ul ul {
    float: left;
    position: absolute;
    top: 2.9em;
    left: -999em;
    z-index: 99999;
    background: #fff;
    display: block;
    text-transform: none;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li {
    text-align: left;
    white-space: nowrap;
    width: 100%;
}

.main-navigation li:hover > a {
    color: #fff;
    transition: color 1s ease;
    /*
     border-bottom: 1px solid #0480b5;


    white-space: nowrap;
    -webkit-transition : background-color 1 s;
    transition: background-color 1s;
     */
}

.main-navigation ul li:hover > ul {
    left: auto;
}

.main-navigation ul ul li:hover > ul {
    left: 100%;
}

.menu li li {
    width: auto;
    text-align: center;
}

.menu li a {
    width: 100%;
}

.main-navigation .current_page_ancestor {
    color: #fff;
    background: #383838;
}

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
    color: #fff !important;
    background: #383838;
}

.menu-toggle {
    cursor: pointer;
    display: none;
}


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

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

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

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

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

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
    /* margin: 0 0 1.5em; */
    padding: 1.5rem;
}

.widget-title {
    font-size: 1.5em;
    border-bottom: 1px solid #e8e8e8;
    margin: 10px 0px;
}

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

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

.widget a,
.widget a:visited,
.widget a:hover
.widget a:active,
#today {
    color: #666;
    line-height: 1.6;
    text-decoration: none;
    font-weight: 500;
}

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

.widget ul, .widget li {
    list-style: none;
    margin: 0.3em 0 0;
}

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

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
body {

    background: none repeat scroll 0 0 #e6e9ed;
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
    border: 1px dashed #ccc;
    padding: 0px 20px 20px 20px;
}

.hentry {
    margin: 0 0 1.5em;
}

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

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

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

.entry-meta {
    background: none repeat scroll 0 0 #f8f8f8;
    border-radius: 3px;
    list-style-type: none !important;
    margin: 12px 0 24px;
    overflow: hidden;
    padding: 5px 12px;
}

#main-menu {
    background: none repeat scroll 0 0 #2f3335;
    clear: both;
    height: 46px;
    margin: 0;
    padding: 0;
}

#main-menu > li {
    border-right: 1px solid #484b4d;
    float: left;
    font-size: 15px;
    font-weight: 500;
    height: 46px;
    margin: 0;
    text-transform: uppercase;
}

#main-menu > li > a {
    color: #fff;
    display: block;
    height: 46px;
    line-height: 47px;
    margin: 0;
    padding: 0 18px;
    transition: background 0.3s ease-out 0s;
}

#main-menu > li:hover > a, #main-menu > li:active > a, #main-menu > li:focus > a, #main-menu > li.active:hover > a, #main-menu > li.active:active > a, #main-menu > li.active:focus > a, #main-menu > li.active > a {
    background: none repeat scroll 0 0 #418cd1;
}

#main-menu > li.current-menu-item, #main-menu > li.current_page_item, #main-menu > li:hover {
    background: none repeat scroll 0 0 #418cd1;
}

#main-menu > li.active > a, #main-menu > li.current-menu-item > a, #main-menu > li.current_page_item > a, #main-menu > li.current-menu-ancestor > a, #main-menu > li.current-menu-parent > a {
    background: none repeat scroll 0 0 #418cd1;
}

#main-menu .sub-menu {
    background: none repeat scroll 0 0 #418cd1;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    text-transform: none;
    width: 200px;
    z-index: 999;
}

#main-menu .sub-menu ul {
    margin: 0;
}

#main-menu li:hover .sub-menu {
    left: auto;
}

#main-menu .sub-menu li {
    /*  border-top: 1px solid #529de2;*/
    line-height: 24px;
    margin: 0 16px;
}

#main-menu .sub-menu li:first-child {
    border-top: medium none;
}

#main-menu .sub-menu li a {
    color: #fff;
    display: block;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    min-height: 24px;
    padding: 8px 0;
}

#main-menu .sub-menu li:hover {
    color: #c8ddf1;
}

#main-menu .sub-menu li:hover > a, #main-menu .sub-menu li > a:active, #main-menu .sub-menu li > a:focus, #main-menu .sub-menu li > a:hover {
    color: #c8ddf1;
    text-decoration: none;
}

#main-menu .sub-menu .sub-menu {
    border: 1px solid #529de2;
    left: -9999px !important;
    margin-left: 160px;
    margin-top: -32px !important;
}

#main-menu .sub-menu li:hover .sub-menu {
    left: auto !important;
}

#comments {
    margin: 20px 0 0;
}

#comments.nocomments {
    border-top: medium none;
}

#respond > h3, #comments > h2:first-child {
    background: none repeat scroll 0 0 #0480b5;
    color: white;
    float: left;
    font-size: 18px;
    font-weight: normal;
    line-height: 36px;
    margin: 0 0 28px;
    padding: 0 12px;
    text-transform: uppercase;
}

#comments > nav {
    margin: 12px 0;
    overflow: hidden;
}

#comments > nav .nav-prev {
    float: left;
}

#comments > nav .nav-next {
    float: right;
}

#comments > ol {
    list-style-type: none;
    padding: 0;
}

#comments ol.children {
    list-style-type: none;
    margin-left: 5%;
    padding: 0;
}

#comments li article {
    clear: both;
    margin-top: 28px;
    position: relative;
}

#comments li article > aside {
    left: 0;
    position: absolute;
    top: 0;
}

#comments li article > aside img {
    display: block;
}

#comments li article > .content {
    background: none repeat scroll 0 0 #f5f5f5;
    border-radius: 3px;
    margin-left: 80px;
    padding: 12px 24px;
    position: relative;
}

#comments li article > .content:before {
    background: url("../images/comment.png") no-repeat scroll 0 0 transparent;
    content: "";
    height: 18px;
    left: -10px;
    position: absolute;
    top: 15px;
    width: 10px;
}

#comments article footer {
    color: #999;
    font-size: 10px;
}

#comments article a time {
    color: #999;
}

#comment article a:hover time {
    color: #418cd1;
}

#comments article .author {
    font-weight: normal;
}

#comments article .content > * {
    font-size: 12px;
}

#comments article .content > p {
    font-size: 14px;
    margin: 0.5em 0;
}

#comments article footer .edit, #comments article footer .reply {
    float: right;
    margin-left: 10px;
}

#comments article footer > * {
    padding-right: 10px;
}

#comments em.awaiting-moderation {
    color: #d24747;
    display: block;
    font-size: 14px;
    margin: 0 0 12px;
    text-align: center;
}

#comments li.bypostauthor > article {
}

#comments li.byuser article {
}

#comments li.odd article {
}

#comments li.even article {
}

#comments li article abbr[title], #comments li article acronym[title] {
    border-bottom: 1px dotted;
}

#comments li article code {
    background: none repeat scroll 0 0 #fafafa;
    border-left: 4px solid #eee;
    display: block;
    margin: 10px 0;
    padding: 10px 20px;
    white-space: pre;
}

#comments li article blockquote {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fafafa;
    border-color: #eee;
    border-image: none;
    border-style: solid none;
    border-width: 2px medium;
    display: block;
    margin: 10px 0;
    padding: 10px;
    position: relative;
}

#comments li article blockquote p {
    margin: 0;
}

#comments li article q {
    color: #888;
    font-weight: bold;
}

#comments li article strike {
    text-decoration: line-through;
}

#comments li article del {
    color: #aaa;
    text-decoration: line-through;
}

#respond {
    padding: 12px 0;
}

#respond > h3 + form {
    clear: both;
}

#respond p.comment-notes, #respond p.logged-in-as, #respond p.form-allowed-tags {
    color: #999;
    font-size: 11px;
}

#respond input, #respond textarea {
    display: block;
}

#respond input[type="checkbox"] {
    display: inline-block;
}

#respond input[type="text"], #respond input[type="password"], #respond textarea {
    width: 100%;
}

#respond #reply-title small {
    float: left;
    font-size: 14px;
    line-height: 19px;
    text-transform: none;
}

#respond #reply-title small a {
    color: #fff;
}

#respond #reply-title small a:hover {
    color: #c9def1;
}

.content > form input[type="submit"] {
    display: inline-block;
    float: none;
}

#gk-mainbody article > header h1, #gk-mainbody article > header h2 {
    color: #444;
    font-size: 38px;
    line-height: 48px;
    margin: 24px 0 12px;
    text-transform: uppercase;
}

#gk-mainbody article > header {
    margin-bottom: 10px;
}

article header {
    position: relative;
}

article > footer:after, #respond p.form-submit:after {
    clear: both;
    content: "";
    display: table;
}

article > .content, article > .summary {
    font-size: 14px;
    line-height: 26px;
}

article > .content:after, article > .summary:after {
    clear: both;
    content: "";
    display: table;
}

body.category .summary, body.archive .summary, body.search .summary, body.tag .summary {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 20px;
    padding: 0 0 20px;
}

.entry-meta, .tags-links {
    background: none repeat scroll 0 0 #f8f8f8;
    border-radius: 3px;
    margin: 12px 0 24px;
    overflow: hidden;
    padding: 5px 12px;
}

.entry-meta span {
    font-size: 1.3rem;
    font-size: 13px;
    margin: 0 6px 0 0;
    padding: 0;

}

.entry-meta a,
.entry-meta a:visited,
.entry-meta a:hover,
.entry-meta a:active
.author a,
.cat-links,
.tags-links a,
.tags-links a:visited
.tags-links a:hover,
.tags-links a:active {
    color: #000;
    line-height: 2.8;
    text-decoration: none;
}

.entry-content a,
.entry-content a:visited
.entry-content a:hover,
.entry-content a:active {
    color: #0480b5;
    line-height: 1.6;
    text-decoration: none;
}

.byline, .tags-links {
    color: #999;
}

.fa-calendar, .fa-user, .fa-th-list, .fa-pencil-square-o, .fa-tag, .fa-arrow-left, .fa-arrow-right {
    color: #0480b5;
}

.fa-3 {
    font-size: 2.0rem !important;
    font-size: 20px !important;
}

.nav-previous,
.nav-next,
.nav-previous a,
.nav-next a,
.nav-previous a:visited,
.nav-previous a:hover,
.nav-previous a:active,
.nav-next a:visited,
.nav-next a:hover,
.nav-next a:active {
    color: #000;
    font-style: italic;
}

.meta-nav,
.meta-nav a,
.meta-nav a:visited,
.meta-nav a:hover,
.meta-nav a:active {
    color: #0480b5;
    font-size: 2.0rem !important;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 800;
    padding: 10px;
    font-style: normal;
}

.nav-links a,
.nav-links a:visited
.nav-links a:hover,
.nav-links a:active {
    text-decoration: none;
}

.entry-footer,
.entry-footer a,
.entry-footer a:visited,
.entry-footer a:active {
    color: #666;
    text-decoration: none;
    font-weight: 600;
}

.entry-footer a:hover {
    color: #0480b5;
    text-decoration: underline;
}

.pagination,
.pagination a,
.pagination a:visited,
.pagination a:active {
    color: #0480b5;
    font-size: 1.6rem !important;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    font-style: normal;
    text-decoration: none;
}

.pagination .current {
    color: #666;
}

.pagination a:hover {
    color: #666;
    font-size: 1.6rem !important;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    font-style: normal;
    text-decoration: underline;
}

.pagination {
    text-align: center;
}

.fa-4 {
    font-size: 1.6rem !important;
    font-size: 16px;
}

.pagination a:hover .fa-arrow-right,
.pagination a:hover .fa-arrow-left {
    color: #666;
}

.archive-title {
    color: #666;
}

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

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-body a,
.comment-body a:visited,
.comment-body a:active {
    text-decoration: none;
    color: #000;
}

.comment-body a:hover {
    text-decoration: underline;
    color: #000;
}

.comment-author .fn, .comment-metadata .edit-link {
    margin: 0.5em;
}

.comment-metadata .edit-link, .reply {
    font-weight: 600;
}

.comment-content {
    font-style: italic;
}

.comment-list article {
    border-bottom: 1px dashed #666;
}

.comment-navigation
.comment-navigation,
.comment-navigation a,
.comment-navigation a:visited,
.comment-navigation a:active {
    color: #666;
    font-size: 2.0rem !important;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 800;
    padding: 10px;
    font-style: normal;
    text-decoration: none;
}

.comment-navigation a:hover, .comment-navigation a:hover .fa-arrow-left, .comment-navigation a:hover .fa-arrow-right {
    font-style: normal;
    color: #000;
}

.fa-2 {
    font-size: 2.0em !important;
    font-size: 20px !important;
}

.comment-navigation .fa-arrow-left, .comment-navigation .fa-arrow-right {
    color: #666;
}

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

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

figcaption {
    padding: 0.8075em;
    background: none repeat scroll 0 0 #f8f8f8;
    font-style: italic;
    width: 100%;

}

.gallery-item figcaption {
    width: 150px;
}

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

.gallery-item {
    display: inline-block;
    /*	text-align: center; */
    vertical-align: top;
    width: 100%;
}

figure {
    margin-bottom: 0.8075em !important;
}

.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 {
    margin: 0;
    padding: 0;
}

/*--------------------------------------------------------------
13. Header
--------------------------------------------------------------*/

/*--------------------------------------------------------------
14. Colors
--------------------------------------------------------------*/

/*--------------------------------------------------------------
15. Footer
--------------------------------------------------------------*/
.site-footer .widget-title {
    font-size: 1.7em;
    border-bottom: 1px dashed #666;
    margin: 10px 0px;
    color: #DFDEDE;
    display: table;
}

.site-footer .widget a,
.site-footer .widget a:visited,
.site-footer .widget a:hover
.site-footer .widget a:active {
    color: #E2E2E2;
    line-height: 1.6;
    text-decoration: none;
    font-weight: 500;
}

.site-footer .widget ul li {
    color: #E2E2E2;
}

.site-footer p, .site-footer strong, .site-footer td, .site-footer th, .site-footer caption {
    color: #999;
}

.site-footer #today {
    color: #fff;
    font-weight: 600;
}

.site-footer .widget {
    float: left;
}



.inline-block-center {
    text-align: center;
}

.inline-block-center div {
    display: inline-block;
    text-align: left;
}

.service-content {
    margin: 20px;
}

.service-title {
    color: #0480b5;
    font-size: 2.2rem;
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;

    text-align: center;
}

.short-desc {
    text-align: center;
    width: 100%;
    padding: 30px;
}

.menu li {
    vertical-align: middle;
}

.site-branding {
    padding: 1rem;
}

.iheader.front {
    display: block;
    height: 2px;
    background-color: #3787be;
}

.menu li a:hover {
    color: #0480b5;
}

.nav-container {
    float: left;
    display: inline;
    text-align: right;
}

.widget a {

}

.widget ul li {
    background: rgba(0, 0, 0, 0) url("images/sidebar-li.png") no-repeat scroll left top;
    height: auto;
    line-height: 32px;
    list-style-type: none;
    min-height: 32px;
    padding-left: 14px;
    border-bottom: 1px solid #e0e0e0;
}

footer .widget ul li {
    border-bottom: 1px solid #575757;
}

body {
    background: url('images/bg-low.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0.97;
}

header {
    margin-top: 3.0rem;
}

.site-main {
    margin: 0 5% 0 0;
}


.site-footer {
    clear: both;
    width: 100%;
    background: none repeat scroll 0 0 #383838
}

.topcat_lite_page {
    background: none repeat scroll 0 0 #fff;
    box-sizing: border-box;
    margin: 0px auto 0 !important;
    max-width: 1000px;
}

.content-area {
    padding: 3rem;
}

.site-footer div.site-info a {
    color: #878787;
    font-size: 12px;
}

.site-info {
    margin: 0 auto;
    max-width: 1600px;
    padding: 30px 0;
    width: 100%;
    text-align: left;
}

.site-footer .site-info {
    background-color: #272727;
    padding: 1.5rem 3.0rem 3.0rem 3.0rem;
    width: 100%;
    font-size: 12px;
}

.site-footer .credit-info, .site-footer .created-by {
    color: #ccc;
    display: inline-block;
    width: 24.5%;
    text-align: right;
}

.site-footer .credit-info {
    text-align: left;
}

.site-footer .copyright {
    text-align: left;
    display: inline-block;
    width: 49.5%;
    color: #ccc;
}

.footer_menu {
    display: inline-block;
    text-align: center
}

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

.footer_menu ul li {
    float: left;
}

.footer_menu ul li ul {
    display: none;
}

.footer_menu ul li:before {
    content: "|";
}

.footer_menu ul li a {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    color: inherit;
}

.footer_menu ul li a:hover {
    text-decoration: none;
}

.footer_menu ul li:first-child:before {
    content: "";
}

.footer_menu ul li:last-child a {
    padding-right: 0;
}



.site-footer div.widget-area .widget a {
    color: #c7c7c7;
}

.nav-container {
    background-color: #383838; /* #383838 */
    width: 100% !important;
    padding: 0px;
    margin: 0;
}

.site-header {
    background-color: #1a1a1a;
}

pre,
body,
button,
input,
select,
textarea {
    font-family: 'ABeeZee', Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-weight: 600 !important;
}

.entry-title, .service-title, .widget-title {
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
   /* font-weight: 800 !important; */
}
.pagination,
.pagination a,
.pagination a:visited,
.pagination a:active,
.entry-footer,
.entry-footer a,
.entry-footer a:visited,
.entry-footer a:active,
.comment-navigation,
.comment-navigation,
.comment-navigation a,
.comment-navigation a:visited,
.comment-navigation a:active,
.meta-nav,
.meta-nav a,
.meta-nav a:visited,
.meta-nav a:hover,
.meta-nav a:active,
.entry-footer a:hover,
.pagination a:hover,
.main-navigation {
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
}
.menu-toggle{
    color: #ccc;
}

.menu-toggle{
    font-size: 2.4rem;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    padding: 0 1.0rem 0  1.0rem;
}

.menu-toggle,
.menu-toggle a,
.menu-toggle a:visited,
.menu-toggle a:hover,
.menu-toggle a:active
{
    color: #c7c7c7 !important;
    text-decoration: none;
}
.menu-toggle{
    background-color: #000;
}
.page_item_has_children   a:after { content: " ^"; font-size: 1rem;}
.page_item_has_children li > a:only-child:after { content: ''; }
.current_page_item  a{
    color:#fff !important;
}
.clear {
    clear: both;
}

/*--------------------------------------------------------------
5.3 Social Menu
--------------------------------------------------------------*/


.site-description{
    height: 79px;
    width: 60%;
}

.site-header {
    position:relative;
}

.menu-social
{
    float: left;
    width: 40%;
    position: absolute;
    right: 1.5rem;
    bottom: 4.5rem;
}

#menu-social-items
{
    margin-bottom: 0;
}

.menu-social ul {
    text-align: right;
    list-style: none;
}

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

.menu-social li a:before {
    display: inline-block;
    vertical-align: bottom;
    padding: 0.5rem 0.5rem;
    font-family: 'Fontawesome';
    font-size: 1.6rem;

    -webkit-font-smoothing: antialiased;
    content: '\f08e';
}
.menu-social li a{
    color: #c7c7c7;
}
.menu-social li:hover > a
{
    color: #fff;
}

.menu-social li a[href*="dribbble.com"]::before { content: '\f17d'; }
.menu-social li a[href*="facebook.com"]::before { content: '\f09a'; }
.menu-social li a[href*="flickr.com"]::before { content: '\f16e'; }
.menu-social li a[href*="foursquare.com"]::before { content: '\f180'; }
.menu-social li a[href*="github.com"]::before { content: '\f09b'; }
.menu-social li a[href*="plus.google.com"]::before { content: '\f0d5'; }
.menu-social li a[href*="instagram.com"]::before { content: '\f16d'; }
.menu-social li a[href*="jsfiddle.com"]::before { content: '\f1cc'; }
.menu-social li a[href*="linkedin.com"]::before { content: '\f0e1'; }
.menu-social li a[href*="pinterest.com"]::before { content: '\f0d2'; }
.menu-social li a[href*="reddit.com"]::before { content: '\f1a1'; }
.menu-social li a[href*="soundcloud.com"]::before { content: '\f1be'; }
.menu-social li a[href*="stackoverflow.com"]::before { content: '\f16c'; }
.menu-social li a[href*="tumblr.com"]::before { content: '\f173'; }
.menu-social li a[href*="twitter.com"]::before { content: '\f099'; }
.menu-social li a[href*="vimeo.com"]::before { content: '\f194'; }
.menu-social li a[href*="vine.co"]::before { content: '\f1ca'; }
.menu-social li a[href*="yelp.com"]::before { content: '\f1e9'; }
.menu-social li a[href*="youtube.com"]::before { content: '\f167'; }
.menu-social li a[href*="wordpress.com"]::before { content: '\f19a'; }
.menu-social li a[href*="wordpress.org"]::before { content: '\f19a'; }
.menu-social li a[href*="feed"]::before { content: '\f09e'; }

@media screen and (max-width: 480px) {
    #sidebar-footer {
        width: 100% !important;
    }

    #sidebar-footer .widget {
        width: 100%;
        float: none;
    }

    #comments ol.children {
        list-style-type: none;
        margin-left: 0;
        padding: 0;
    }

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

    .gallery-item {
        width: 100%;
        display: block;
        margin: 2em 1em;
        text-align: center;
    }

    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        max-width: 100%;
    }

    .gallery-item figcaption {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .nav-menu, .main-navigation{
        display:none;
    }

    .main-navigation{
        float:none;
    }

    .main-navigation .toggled .nav-menu {
        display: block;
    }

    .menu-toggle, .main-navigation a,  .menu li {
        width: 100%;
        text-align: left;
        display: block;
        border-bottom: 1px solid #575757;
    }

    .nav-container {
        background-color: #fff;
        display: block;
        float: none;
        text-align: right;
    }

    .menu li {
        text-align: center;
    }

    .nav-container {
        background-color: #fff;
        display: block;
        float: none;
        text-align: right;
    }

    .main-navigation ul ul {
        display: block;
        width: 100%;
        float: none;
        top: inherit;
        box-shadow: none;
        height: auto;
        margin: 0;
    }

    .main-navigation ul ul a {
        width: 100%;
    }

    .main-navigation li {
        float: none;
        position: relative;
        height: 2em !important;
    }

    .site-content .widget-area {
        float: none;
        width: auto;
    }

    .site-footer .credit-info, .site-footer .created-by {
        display: block;
        width: 100%;
        text-align: left;
    }

    .site-footer .copyright {
        display: block;
        text-align: left;
        width: 100%;
    }

    .menu-social{
        display: none;
    }

    .site-description{
        width: 100% !important;
        text-align: center;
    }

    .site-footer .widget{
        width:33.33%;
    }

    header {
        margin-top: 0;
    }

    .site-footer .widget {
        width: 100%;
    }
}

@media only screen and (min-width:769px) and (max-width:960px) {
    .main-navigation a{
        font-size: 1.2rem;
        padding: 1rem;
    }
}

/*desktop styles*/
@media only screen and (min-width:769px) {

}

.menu_blogname{
    float: left;
}
.menu_htmlchar{
    float: right;
}
.my_bloginfo{
    color: #c7c7c7 !important;
    margin: 3.0rem 0  0 3.0rem !important;
    font-weight: 500 !important;
    display: inline-block;
    font-size: 2.0rem;
    line-height: 2.0rem;
    font-family: "PT Sans",Helvetica,Arial,sans-serif;
}

.content-area-full
{
  /*  float: left;*/
    width: 100%;
    padding: 3rem;
}
footer .widget ul li {
    text-align: left;
}
.rss-widget-icon
{
    display: none;
}