/*
Theme Name: Colorskin
Theme URI:
Author: Dimitrakopoulos
Author URI:
Description: A simple responsive WordPress theme, blue, green and red colors mainly for blog.
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: colorskin
Tags: two-columns, right-sidebar, custom-background, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, photography, custom-logo

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Resetting styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html

Rebuilding styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
# 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: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	overflow-y: auto; /* Keeps page centred 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/ */
}

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: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em;
	width: 100%;
}

th {
   font-weight: bold;
}

th, td {
   border: 1px solid #eaeaea;
   padding: 6px 10px;
}

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

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

blockquote,
q {
	quotes: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}

a img {
	border: 0;
}

a img:hover {
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	box-shadow: #000000 0 0 0;
}

embed, iframe, object {
	max-width: 100%;
}

button::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: 0;
}

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #444444;
	font: 16px 'Lato', sans-serif;
	line-height: 1.6;
	word-wrap: break-word;
}

body {
	background: #f2f2f2;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
	font-family: 'Lato', sans-serif;
	color: #404040;
    font-weight: normal;
    letter-spacing: .03rem;
	line-height: 1.2;
}

h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

hr {
	border-color: #eaeaea;
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	margin: 15px 0;
}


/*--------------------------------------------------------------
# Text Elements
--------------------------------------------------------------*/
p {
	margin: 0 0 15px;
	font-family: 'Lato', sans-serif;
}

strong {
	font-weight: bold;
}

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

pre {
	background-color: #ffffff;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
	border: 1px solid #eaeaea;
}

pre, code, kbd, var, samp, tt {
	font-family: "Courier 10 Pitch",Courier,monospace;
	font-size: 14px;
	line-height: 19px;
	white-space: pre-wrap;
}

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

address {
	display: block;
	font-style: italic;
	margin: 0 0 15px;
}

ins {
	background: #f8f8f8;
}

big {
	font-size: 125%;
}

big {
	font-size: 125%;
}

small {
	font-size: 80%;
}

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

/*--------------------------------------------------------------
# Supercript - Subcript
--------------------------------------------------------------*/
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
	font-size: 16px;
}

dt {
	font-weight: bold;
	margin-bottom: 5px;
}

dd {
	margin-bottom: 24px;
}

ul,
ol {
	list-style: none;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 10px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #9d8d65;
    height: 30px;
    color: #ffffff;
    border: 0;
    cursor: pointer;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #aba492;
}

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 {
	outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #404040;
	border: 1px solid #eeeeee;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	vertical-align: top;
}

select {
	border: 1px solid #eeeeee;
    height: 35px;
	padding: 3px 40px 3px 8px;
	background-color: transparent;
	outline: 0;
	background-image: url("img/arrow.png");
	background-position: right; center;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 3px 8px;
    height: 40px;
}

textarea {
	padding: 8px;
	width: 100%;
}

/*--------------------------------------------------------------
# Blockquote
--------------------------------------------------------------*/

blockquote {
	font-weight: normal;
	padding: 20px;
	border: 1px solid #eaeaea;
	border-left: 3px solid #9d8d65;
	margin-bottom: 20px;
}

blockquote em {
    color: #9c9c9c;
}

blockquote cite {
    color: #9c9c9c;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
	color: #9d8d65;
	text-decoration: none;
    transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
}

a:visited {
	
}

a:hover{
	color: #e0d1aa;
}

a:focus {
	outline: 0;
}

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

/*--------------------------------------------------------------
# Images
--------------------------------------------------------------*/
figure {
	margin: 0;
	text-align: center;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {

}

img.size-full,
img.size-large {
	max-width: 100%;
	height: auto;
}

.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 10px;
}

p img {

}

img#wpstats {
	display: none;
}

/*--------------------------------------------------------------
# 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:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	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. */
}

/*--------------------------------------------------------------
# Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.cf:before,
.cf: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: both;
}

.cf:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
.header-top-bar {
    padding: 5px 0;
    font-size: 14px;
    background: #eeeeee;
    border-bottom: solid 1px rgba(160, 160, 160, 0.3);
}

.top-bar-inner li {
    display: block;
    float: left;
    margin-left: 10px;
}

.top-bar-inner li:first-child {
    margin-left: 0;
}

.top-bar-inner .top-social,
.top-bar-inner .top-search {
    float: right;
}

.info-phone,
.info-email {
    line-height: 28px;
}

.info-phone .fa,
.info-email .fa {
    padding-right: 5px;
}

/* Social Links */
.social-icon {
    position: relative;
	display: inline-block;
    margin-right: 5px;
    width: 28px;
	height: 28px;
	text-align: center;
    line-height: 28px;
    color: #919191;
    background: #ffffff;
    vertical-align: top;
    border-radius: 3px;
	cursor: pointer;
}

.social-icon:last-child {
    margin-right: 0;
}

.social-icon .fa {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 0;
    left: 0;
    line-height: 28px;
    background: transparent;
    z-index: 9;
}

.social-icon:hover {
    color: #ffffff;
}

.social-icon.facebook:hover { background: #3c599f; }
.social-icon.twitter:hover { background: #32ccfe; }
.social-icon.google-plus:hover { background: #cf3d2e; }

/* Top Search */
.top-search input[type="text"] {
    height: 28px;
    line-height: 28px;
    border: none;
}

.top-search .search-wrap button {
    width: 28px;
    line-height: 22px;
}

.toggle-bar {
    display: none;
    width: 100%;
    line-height: 1;
    text-align: center;
}

.toggle-bar .fa {
    cursor: pointer;
}

.toggle-bar .fa:hover,
.toggle-bar .fa-chevron-up {
    color: #9d8d65;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#masthead {
    width: 100%;
    background: #ffffff;
    border-bottom: solid 1px rgba(160, 160, 160, 0.3);
    z-index: 99;
}

.site-header > .container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

.site-branding {
    width: 30%;
    float: left;
    padding: 15px 10px 15px 0;
}

.site-title {
    margin-bottom: 0;
    font-size: 46px;
    line-height: 1;
}

.site-title a {
    display: inline-block;
    text-shadow: 1px 1px 0px #ffffff, 2px 2px 0px #666666;
}

.site-description {
    margin: 0;
    font-size: 14px;
    font-style: italic;
}

.site-title + .site-description {
    margin-top: 5px;
}

.custom-logo-link {
    display: block;
}

.custom-logo {
    width: auto;
    max-height: 70px;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.main-navigation {
    width: 70%;
    float: right;
    padding: 15px 0 15px 0;
}

.main-navigation ul {
    float: right;
    margin: 0;
}

.main-navigation li {
    position: relative;
    float: left;
    margin-right: 15px;
}

.main-navigation li:last-child {
    margin-right: 0;
}

.main-navigation a {
    display: block;
    padding: 10px 0;
    color: #919191;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.main-navigation ul .menu-item-has-children > a:after,
.main-navigation ul .page_item_has_children > a:after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 5px;
    display: block;
    float: right;
}

.main-navigation ul ul {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    float: left;
    top: auto;
    background: #ffffff;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    z-index: 9;
}

.main-navigation li:hover > ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.main-navigation ul ul li {
    margin: 0;
}

.main-navigation ul ul a {
    min-width: 230px;
    padding: 7px 10px;
}

.main-navigation ul ul .menu-item-has-children > a:after,
.main-navigation ul ul .page_item_has_children > a:after {
    content: "\f105";
}

.main-navigation ul .menu-item-has-children > a:hover:after,
.main-navigation ul .page_item_has_children > a:hover:after,
.main-navigation ul ul .menu-item-has-children > a:hover:after,
.main-navigation ul ul .page_item_has_children > a:hover:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul li:hover > a {
    background: #eeeeee;
}

.main-navigation a:hover,
.main-navigation li:hover > a,
.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_ancestor > a,
.main-navigation li.current-menu-ancestor > a {
    color: #9d8d65;
}

/* Mobile Nav
---------------------------------------*/
.menu-toggle {
    float: right;
    display: block;
    margin-bottom: 0;
    color: #919191;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

.menu-toggle:hover,
.menu-toggle .fa-times {
    color: #9d8d65;
}

.mobile-nav {
    display: block;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    background: #ffffff;
    overflow: auto;
    z-index: 9;
    -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,.2);
    box-shadow: 0 -1px 1px rgba(0,0,0,.2);
}

.mobile-nav ul {
    margin: 0;
    list-style: none;
}

.mobile-nav > ul {
    padding: 10px 20px;
    border-bottom: 1px solid #e0e0e0;
}

.mobile-nav a {
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    color: #919191;
    font-weight: 700;
    text-decoration: none;
}

.mobile-nav ul li .dropdown-toggle {
    position: relative;
    float: right;
    margin-left: 10px;
    cursor: pointer;
}

.mobile-nav ul ul {
    display: none;
}

.mobile-nav ul ul a { padding-left: 20px; }
.mobile-nav ul ul ul a { padding-left: 40px; }
.mobile-nav ul ul ul ul a { padding-left: 60px; }
.mobile-nav ul ul ul ul ul a { padding-left: 80px; }
.mobile-nav ul ul ul ul ul ul a { padding-left: 100px; }

.mobile-nav a:hover,
.mobile-nav li:hover > a {
    background: #eeeeee;
}

.mobile-nav a:hover,
.mobile-nav li:hover > a,
.mobile-nav li.current_page_item > a,
.mobile-nav li.current-menu-item > a,
.mobile-nav li.current_page_ancestor > a,
.mobile-nav li.current-menu-ancestor > a {
    color: #9d8d65;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-main {
    padding: 30px 20px 30px 0;
}

.ful-width .site-main {
    padding-left: 15px;
    padding-right: 15px;
}

.error404 .site-main {
    padding-right: 0;
}

/*--------------------------------------------------------------
# Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
    margin: 30px 0;
    padding: 10px;
    background: #ffffff;
    border: solid 1px rgba(160, 160, 160, 0.3);
    overflow: hidden;
}

.hentry:first-of-type {
    margin-top: 0;
}

.hentry:last-of-type {
    margin-bottom: 0;
}

.post-thumbnail {
    margin-bottom: 15px;
}

.page-header {
    padding: 15px 0;
    text-align: center;
    background: #9d8d65 url(img/bg-t.png) top center repeat;
    border-bottom: 1px solid #eaeaea;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset;
}

.page-header .archive-title,
.page-header .page-title {
    margin-bottom: 0;
    color: #ffffff;
    text-shadow: 0 1px 1px #000000;
}

.entry-header {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 3px double #777777;
}

h1.entry-title {
    margin-bottom: 0;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(208, 208, 208, 0.88);
}


h2.entry-title {
    margin-bottom: 0;
}

.entry-title a {
    font-weight: bold;
    text-shadow: 0 1px 1px #afafaf;
}

.entry-title a:hover {
    text-shadow: 0 1px 1px #000000;
}

.entry-meta {
    padding-top: 10px;
}

.entry-meta span {
	font-family: 'Lato', sans-serif;
    font-size: 13px;
    margin-right: 15px;
}

.entry-meta .author,
.entry-meta span:last-child {
    margin-right: 0;
}

.updated:not(.published) {
	display: none;
}

.entry-content ul, .entry-content ol {
    padding: 0 0 0 35px;
    margin-bottom: 30px;
}

.entry-content li > ul,
.entry-content li > ol {
    margin-bottom: 0;
}

.entry-content ul {
    list-style: disc;
}

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

.entry-content .read-more-link {
    float: right;
}

.read-more-link a.read-more {
    display: block;
    margin-bottom: 5px;
    padding: 0 10px;
    color: #ffffff;
    background: #9d8d65;
    border: 1px solid #9d8d65;
}

.read-more-link a.read-more:hover {
    color: #9d8d65;
    background: #ffffff;
}

.entry-footer {
    padding-top: 10px;
    border-top: 3px double #777777;
}

.entry-footer span {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: normal;
}

.entry-footer span:last-child {
    margin-bottom: 0;
}

.entry-footer span a {
    display: inline-block;
    margin: 2px 0;
    padding: 1px 3px;
    font-family: 'Lato', sans-serif;
    background: #ffffff;
    border: 1px solid #9d8d65;
    border-radius: 3px;
}

.entry-footer span a:hover {
    color: #ffffff;
    background: #9d8d65;
}


.edit-link {
    font-size: 13px;
}

/* Post - Page Navigation */
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 30px 0 0 0;
	overflow: hidden;
}

.site-main .posts-navigation ul,
.site-main .post-navigation ul {
	margin: 0;
    list-style-type: none;
}

.posts-navigation ul .previous,
.post-navigation ul .previous {
	float: left;
    max-width: 45%;
}

.posts-navigation ul .next,
.post-navigation ul .next {
	float: right;
    text-align: right;
    max-width: 45%;
}

.previous a,
.next a {
    display: block;
    padding: 5px 10px;
    background: #ffffff;
	font-family: 'Lato', sans-serif;
    color: #9d8d65;
    cursor: pointer;
    border: 1px solid #9d8d65;
    border-radius: 3px;
}

.previous a:hover,
.next a:hover {
    background: #9d8d65;
    color: #ffffff;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.sidebar {
    padding-top: 30px;
    padding-bottom: 30px;
}

.widget {
    margin-bottom: 30px;
    padding: 10px;
    font-size: 14px;
    background: #ffffff;
    border: solid 1px rgba(160, 160, 160, 0.3);
    overflow: hidden;
}

.widget:last-child {
    margin-bottom: 0;
}

.widget-title {
    margin: -10px -10px 15px;
    padding: 5px 10px;
    font-size: 18px;
    color: #ffffff;
    background: #9d8d65;
}

.widget ul li {
	line-height: 1.5;
	border-bottom: 1px solid #eaeaea;
	padding: 5px 0;
}

.widget ul li li {
	border-bottom: none;
}

.widget ul ul {
	padding-left: 10px;
}

.widget select {
	border: 1px solid #404040;
	color: #9d8d65;
	padding: 2px;
	width: 100%;
}

/* Calendar widget */
#wp-calendar {
}

table#wp-calendar {
    margin-bottom: 0;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: center;
}

#wp-calendar #today {
    color: #ffffff;
	background: #9d8d65;
}

#wp-calendar td a {
    font-style: italic;
    text-decoration: underline;
}

#wp-calendar td#today a { color: #ffffff; }

#wp-calendar caption {
	text-align: center;
}

#wp-calendar #next {
	padding-right: 35px;
	text-align: right;
}

#wp-calendar tfoot td {  }

.widget_calendar #wp-calendar th {
    font-weight: 600;
}

.widget-title span {
	border-bottom: 2px solid #9d8d65;
	padding-bottom: 5px;
}

.widget th, .widget td {
    padding: 1px 1px 1px 2px;
}

/* Search Form */
.search-wrap {
    position: relative;
}

input.s {
    width: 100%;
    padding: 0px 45px 0px 10px;
    color: #404040;
    background: #ffffff;
}

.search-wrap button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    cursor: pointer;
    border: none;
}

/* Menu Widget */
.widget_nav_menu .menu ul.sub-menu {
    display: block !important;
}

/* Footer Sidebar */
.footer-widget-area {
    margin-top: 30px;
    border-bottom: 3px double #9d8d65;
}

.footer-widget-area .widget {
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
    background: #ffffff;
    border-top: solid 1px rgba(160, 160, 160, 0.3);
}

.site-info {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
}

.site-info .info-links {
    text-align: right;
}

/* Go to top Button */
.go-top {
    position: fixed !important;
    right: 15px;
    bottom: -45px;
    color: #ffffff;
    display: block;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    width: 38px;
    height: 38px;
    background: #9d8d65;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 9999;
    cursor: pointer;
    border: 1px solid #9d8d65;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.go-top:hover {
    background: #ffffff;
    color: #9d8d65;
}

.go-top.show {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible;
    bottom : 30px;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-area {
	border-top: 4px solid #9d8d65;
	margin-top: 25px;
	padding: 20px 0 0;
}

.comment-list,
.comments-title,
#respond {
    
}

.comments-title {
	text-align: center;
}

.comments-area li > ol {
	margin-left: 0;
}

@media all and (max-width: 499px) {
	.comments-area ol ol {
		padding-left: 5px;
		padding-right: 0;
	}
}

.comment-list * {
	list-style-type: none;
}

.comment-list {
	padding: 0;
}

.comment-body {
	border: 1px solid #e9e9e9;
	background: #ffffff;
	border-radius: 4px;
	padding: 20px;
	margin: 20px 0 25px;
}

.comment-body a:link,
.comment-body a:visited {
    color: #9d8d65;
}

.comment-body a:hover,
.comment-body a:focus {
	color: #000000;
}

ol.children {
    padding-left: 40px;
}

.reply {
	display: inline-block;
	float: right;
}

.reply a:link, .reply a:visited {
    background: #9d8d65;
    color: #ffffff;
    padding: 5px 10px;
    line-height: normal;
}

.reply a:hover,
.reply a:focus {
	background: #9d8d65;
}

.says {
	display: none;
}

.comment-metadata {
    font-size: 12px;
    margin-top: 3px;
}

.comments-area .edit-link {
	margin-top: 3px;
}

.comments-area .edit-link a {
	padding-left: 15px;
}

.comment-metadata a:link, .comment-metadata a:visited {
	font-weight: 400;
}

.comment-content {
	clear: both;
}

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

.bypostauthor {
	display: block;
}

.avatar {
	border-radius: 32px;
	float: left;
	margin-right: 10px;
}

.comments-nav {
	margin-top: 15px;
	overflow: hidden;
}

.comments-nav .nav-previous {
	float: left;
	width: 50%;
}

.comments-nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.comments-nav .nav-previous a,
.comments-nav .nav-next a {
    display: inline-block;
    padding: 5px 10px;
    color: #9d8d65;
    background: #ffffff;
    border: 1px solid #9d8d65;
    border-radius: 3px;
}

.comments-nav .nav-previous a:hover,
.comments-nav .nav-next a:hover {
    background: #9d8d65;
    color: #ffffff;
}

p.no-comments {
    margin: 15px 0 0;
    padding: 5px;
    font-size: 16px;
    color: #f94c4c;
    border: 1px solid #e9e9e9;
    background: #ffffff;
    text-align: center;
}

#reply-title {
    margin: 20px 0;
}

#commentform {
    background: #ffffff;
    padding: 10px 20px 20px;
    margin-bottom: 0;
    border: solid 1px rgba(160, 160, 160, 0.3);
    border-radius: 2px;
}

#commentform label {
    padding: 6px 0;
    font-weight: 600;
    display: block;
}

#commentform textarea {
    height: 100px;
}

#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url],
#commentform textarea {
    max-width: 100%;
    width: 100%;
    background: rgba(243, 243, 243, 0.67);
}

#commentform p.comment-form-author {
    width: 48%;
    float: left;
}

#commentform p.comment-form-email {
    width: 48%;
    float: right;
}

#commentform p.comment-form-comment, #commentform p.comment-form-url {
    clear: both;
}

#commentform p.form-submit, .logged-in #commentform p.comment-form-comment {
    margin-top: 10px;
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# Galleries
--------------------------------------------------------------*/
.gallery {
	margin: 0 auto 15px;
}

.gallery-item {
	display: inline-block;
	padding: 15px 2%;
	text-align: center;
	vertical-align: top;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item {
	padding: 15px 1%;
}

.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
	padding: 10px 0.5%;
}

.gallery-columns-2 .gallery-item { width:50%; }
.gallery-columns-3 .gallery-item { width:33.33%; }
.gallery-columns-4 .gallery-item { width:25%; }
.gallery-columns-5 .gallery-item { width:20%; }
.gallery-columns-6 .gallery-item { width:16.66%; }
.gallery-columns-7 .gallery-item { width:14.28%; }
.gallery-columns-8 .gallery-item { width:12.5%; }
.gallery-columns-9 .gallery-item { width:11.11%; }
.gallery-icon img {
	margin: 0 auto;
}

.gallery .gallery-caption {
	font-size: 14px;
	line-height: 1.2;
	padding-top: 5px;
}

/*--------------------------------------------------------------
# Media Screen
--------------------------------------------------------------*/
@media only screen and (min-width: 992px) {
    
    .sticky-header.small-header .site-branding {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .sticky-header.small-header .custom-logo {
        max-height: 60px;
    }
    
    .sticky-header.small-header .site-title {
        font-size: 32px;
    }
    
    .menu-toggle,
    .mobile-nav {
        display: none !important;
    }
    
}

@media only screen and (max-width: 991px) {
    
    .custom-logo {
        max-height: 60px;
    }
    
    .site-branding {
        width: 80%;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .site-title {
        font-size: 36px;
    }
    
    .main-navigation {
        width: 20%;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .main-navigation ul {
        display: none;
    }
    
    .site-main {
        padding: 30px 0;
    }
    
}

@media only screen and (min-width: 768px) {
    .top-bar-inner {
        display: block !important;
    }
}

@media only screen and (max-width: 767px) {
    
    .toggle-bar {
        display: block;
    }
    
    .top-bar-inner {
        width: 100%;
        margin-top: 10px;
        display: none;
    }
    
    .top-bar-inner li {
        float: none;
        margin: 0;
        width: 100%;
        text-align: center;
    }
    
    .top-bar-inner .top-search + .top-social {
        margin-top: 5px;
    }
    
    .site-info .info-links {
        text-align: left;
    }
    
}

@media print {
    
    .sticky-header #mashtead,
    .main-navigation,
    .widget-area,
    .comment-respond {
        display: none;
    }
    
}