/*
Theme Name: VCF
Theme URI: http://www.vintagecomputerfederation.org
Author: Vintage Computer Federation
Author URI: http://www.vintagecomputerfederation.org
Description: VCF is a custom built, fully responsive Wordpress theme.
Version: 1.0.45
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vcf
Domain Path: /languages/
Tags: two columns, responsive layout, accessibility ready, right-sidebar, black, grey, green, white, custom header, custom menu, custom social menu, sidebar widget area, footer widget area, editor style, featured images, post formats, sticky posts, translation ready.

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.

vcf is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
        5.3 Pagination
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Header
11.0 Content
        11.1 Posts and pages
	11.2 Asides
	11.3 Comments
        11.4 Archive
12.0 Infinite scroll
13.0 Media
	13.1 Captions
	13.2 Galleries
        13.3 Featured Images
14.0 Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
        color: rgba(64,64,64,1);
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-size: 1rem;
        font-weight: 300;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
        margin: 0.5em 0;
        font-family: Roboto, sans-serif;
        font-weight: 700;
}

p {
	margin: 0 0 1.5em;
}

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

blockquote {
	margin: 1.5em;
        border-top: 1px solid #ddd;
        border-top: 1px solid rgba(221,221,221,1);
        border-bottom: 1px solid #ddd;
        border-bottom: 1px solid rgba(221,221,221,1);
        padding: 0.5em;
        font-size: 22px;
        font-size: 1.375rem;
        font-style: italic;
}

blockquote em {
        font-style: normal;
}

blockquote cite {
        display: block;
        float: right;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #000; /* Fallback for when there is no custom background color defined. */
}

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

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

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

ul,
ol {
	margin: 0 0 1.5em 1.5em;
        padding-left: 0.5em;
}

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

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

table thead th,
table tbody td {
        border: 1px solid #000;
        border: 1px solid rgba(0,0,0,1);
        padding: 0.1em 0.3em;
        background: #5f5f5f;
        background: rgba(95,95,95,1);
        color: #fff;
        color: rgba(255,255,255,1);
}

table tbody th,
table tbody td {
        border: 1px solid #000;
        border: 1px solid rgba(0,0,0,1);
        background: #fff;
        background: rgba(255,255,255,1);
        color: #404040;
        color: rgba(95,95,95,1);
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
/* Remove white-space from PayPal donation buttons. */
.paypal-remove-whitespace {
        display: block;
}

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);
	font-size: 12px;
	font-size: 0.75rem;
	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="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 {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a,
a:visited {
        color: #15a593;
        color: rgba(21,165,147,1);
        font-weight: bold;
        text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #404040;
        color: rgba(64,64,64,1);
}

a:focus {
	outline: thin dotted;
}

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

h1 a,
h1 a:visited,
h2 a,
h2 a:visited,
h3 a,
h3 a:visited,
h4 a,
h4 a:visited,
h5 a,
h5 a:visited,
h6 a,
h6 a:visited {
        color: inherit;
        text-decoration: none;
}

h1 a:hover,
h1 a:focus,
h1 a:active,
h2 a:hover,
h2 a:focus,
h2 a:active,
h3 a:hover,
h3 a:focus,
h3 a:active,
h4 a:hover,
h4 a:focus,
h4 a:active,
h5 a:hover,
h5 a:focus,
h5 a:active,
h6 a:hover,
h6 a:focus,
h6 a:active {
        color: #15a593;
        color: rgba(21,165,147,1);
        text-decoration: underline;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation-wrapper {
        width: 100%;
        height: 48px;
        position: fixed;
        z-index: 10;
        background: #15a593;
        background: rgba(21,165,147,1);
}

@media screen and (max-width: 782px) {
    .main-navigation-wrapper {
            position: relative;
    }
}

.main-navigation {
	display: block;
        max-width: 1000px;
        margin: 0 auto;
}

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

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

.main-navigation a {
	display: block;
        padding: 0.965em 0.5em;
        color: #404040;
        color: rgba(64,64,64,1);
        font-size: 14px;
        font-size: 0.875rem;
	text-decoration: none;
}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a:active {
        background: #5f5f5f;
        background: rgba(95,95,95,1);
        color: #fff;
        color: rgba(255,255,255,1);
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 3em;
	left: -999em;
	z-index: 99999;
        background: #404040;
        background: rgba(64,64,64,1);
}

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

.main-navigation ul ul a {
	width: 200px;
        color: #15a593;
        color: rgba(21,165,147,1);
}

@media screen and (max-width: 782px) {
        .main-navigation ul ul a {
                width: 170px;
                font-size: 12px;
                font-size: 0.75rem;
        }
}

@media screen and (max-width: 600px) {
        .main-navigation ul ul a {
                font-size: 14px;
                font-size: 0.875rem;
        }
}

.main-navigation ul ul li {
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
        background: #5f5f5f;
        background: rgba(95,95,95,1);
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
        color: #15a593;
        color: rgba(21,165,147,1);
	left: auto;
}

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

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
        background: #333;
        background: rgba(51,51,51,1);
        color: #fff;
        color: rgba(255,255,255,1);
}

/* Small menu. */
.menu-toggle {
        display: block;
        margin-left: 0.5em;
        padding: 1em 0.5em;
        border: none;
        background: none;
        box-shadow: none;
        color: #404040;
        color: rgba(64,64,64,1);
        font-size: 16px;
        font-size: 1rem;
        font-weight: bold;
        text-transform: uppercase;
        text-shadow: none;
}

.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active {
        box-shadow: none;
        color: #fff;
        color: rgba(255,255,255,1);
}

.main-navigation.toggled .nav-menu {
        border-top: 1px solid #000;
        border-top: 1px solid rgba(0,0,0,1);
}

.main-navigation.toggled a {
        border-bottom: 1px solid #000;
        border-bottom: 1px solid rgba(0,0,0,1);
        color: #fff;
        color: rgba(255,255,255,1);
}

.main-navigation.toggled a:hover,
.main-navigation.toggled a:focus,
.main-navigation.toggled a:active,
.main-navigation.toggled .current_page_item > a,
.main-navigation.toggled .current-menu-item > a,
.main-navigation.toggled .current_page_item > a:hover,
.main-navigation.toggled .current-menu-item > a:hover {
        background: #15a593;
        background: rgba(21,165,147,1);
        color: #404040;
        color: rgba(64,64,64,1);
}

.main-navigation.toggled ul {
	display: block;
        background: #333;
        background: rgba(51,51,51,1);
}

.main-navigation.toggled ul ul {
        position: relative;
        float: none;
        width: 100%;
        box-shadow: none;
        background: none;
        top: inherit;
        left: 0;
}

/* Indent sub menus. */
.main-navigation.toggled ul ul > li {
        padding-left: 1em;
}

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

.main-navigation.toggled li {
	float: none;
}

.main-navigation.toggled ul ul li:hover > ul,
.main-navigation.toggled ul ul li.focus > ul {
	left: 0;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

/* Social Menu */

.menu-social ul {
        float: right;
        text-align: center;
}

@media screen and (max-width: 600px) {
        .menu-social ul {
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                margin-right: 40px;
        }

        /* To remove background from Social buttons when smaller menu
         * is toggled.
         */
        .main-navigation.toggled .menu-social ul {
                background: none;
        }

        /* To float Social buttons left when smaller menu is toggled. */
        .main-navigation.toggled .menu-social li {
                float: left;
        }
}

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

@media screen and (max-width: 600px) {
        /* To remove border-bottom and to correct font colour for Social
         * buttons when smaller menu is toggled.
         */
        .main-navigation.toggled .menu-social li a {
                border-bottom: none;
                color: #404040;
                color: rgba(64,64,64,1);
        }

        /* To add background and correct font colour for Social buttons when
         * smaller menu is toggled.
         */
        .main-navigation.toggled .menu-social a:hover {
                background: #5f5f5f;
                background: rgba(95,95,95,1);
                color: #fff;
        }
}

.menu-social li a::before {
        display: block;
        width: 40px;
        font-family: fontawesome;
        font-size: 18px;
        font-size: 1.125rem;
        content: '\f0c0';
        line-height: 0;
        -webkit-font-smoothing: antialiased;
}

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

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

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

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

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

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

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

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

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

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

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

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
        border-radius: 5px;
        padding: 1em;
        background: #fff;
        background: rgba(255,255,255,1);
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
5.3 Pagination
--------------------------------------------------------------*/
.paging-navigation {
        padding: 1em;
        text-align: center;
}

.paging-navigation ul {
        margin: 0;
        padding: 0;
}

.paging-navigation li {
        display: inline;
}

span.page-numbers,
a.page-numbers {
        margin: 0 0.2em;
        border-radius: 5px;
        padding: 0.5em;
}

a.page-numbers {
        background: #464646;
        background: rgba(70,70,70,1);
        color: #fff;
        color: rgba(255,255,255,1);
        text-decoration: none;
}

a.page-numbers:hover,
a.page-numbers:focus,
a.page-numbers:active {
        background: #15a593;
        background: rgba(21,165,147,1);
}

.paging-navigation .current {
        background: #15a593;
        background: rgba(21,165,147,1);
        color: #fff;
        color: rgba(255,255,255,1);
        font-weight: bold;
}

.paging-navigation .dots {
        color: #fff;
        color: rgba(255,255,255,1);
}

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

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin: 0 1.5em 1em 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 0 0 1em 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1em 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 2.5em;
}

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

.widget-title {
        border-bottom: 1px solid #404040;
        border-bottom: 1px solid rgba(64,64,64,1);
}

.widget a {
        color: #fff;
        color: rgba(255,255,255,1);
        font-weight: normal;
}

.widget a:hover,
.widget a:focus,
.widget a:active {
        color: #404040;
        color: rgba(64,64,64,1);
}

.widget ul,
.widget ol {
        margin: 1em 0 0;
        font-size: 14px;
        font-size: 0.875rem;
        list-style: none;
}

@media screen and (max-width: 782px) {
        .widget ul,
        .widget ol {
                font-size: 16px;
                font-size: 1rem;
        }
}

.widget li {
        margin-bottom: 0.3em;
}

@media screen and (max-width: 782px) {
        .widget li {
                margin-bottom: 1em;
        }
}

.widget .comment-author-link {
        font-weight: bold;
}

.widget_recent_comments li::before,
.widget_recent_entries li::before,
.widget_archive li::before {
        display: block;
        float: left;
        margin-right: 0.8em;
        color: #404040;
        color: rgba(64,64,64,1);
        font-family: fontawesome;
}

/* Widget recent comments icon. */
.widget_recent_comments li::before {
        content: '\f075';
}

/* Widget recent posts icon. */
.widget_recent_entries li::before {
        content: '\f040';
}

/* Widget archive. */
.widget_archive li::before {
        content: '\f187';
}

/* Widget nav menu. */
.widget_nav_menu ul,
.widget_pages ul,
.widget_categories ul {
        margin: 0;
        padding: 0;
}

.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_categories ul ul {
        padding-left: 1.4em;
}

.widget_nav_menu li,
.widget_nav_menu li a,
.widget_pages li,
.widget_pages li a {
        margin-bottom: 0;
}

.widget_nav_menu li a,
.widget_pages li a {
        display: block;
        border-bottom: 1px solid #138a7b;
        border-bottom: 1px solid rgba(19,138,123,1);
        padding: 0.8em 0;
}

/* Widget categories. */
.widget_categories li {
        display: block;
}

/* Widget calendar. */
.widget #wp-calendar {
        border-collapse: initial;
}

.widget #wp-calendar caption,
.widget #wp-calendar tfoot td {
        background: #5f5f5f;
        background: rgba(95,95,95,1);
        color: #fff;
        color: rgba(255,255,255,1);
}

.widget #wp-calendar thead th {
        border: 1px solid #000;
        border: 1px solid rgba(0,0,0,1);
        width: 10%;
        background: #404040;
        background: rgba(64,64,64,1);
        color: #fff;
        color: rgba(255,255,255,1);
}

.widget #wp-calendar tfoot td#prev,
.widget #wp-calendar tfoot td#next {
        padding: 0.2em 0.5em;
}

.widget #wp-calendar tfoot td#next {
        text-align: right;
}

.widget #wp-calendar tfoot td.pad {
        background: #404040;
        background: rgba(64,64,64,1);
}

.widget #wp-calendar tfoot td a {
        display: block;
        font-weight: bold;
        text-decoration: none;
}

.widget #wp-calendar tfoot td a:hover,
.widget #wp-calendar tfoot td a:focus,
.widget #wp-calendar tfoot td a:active {
        color: #000;
        color: rgba(0,0,0,1);
}

.widget #wp-calendar tbody td {
        border: 1px solid #888;
        border: 1px solid rgba(136,136,136,1);
        padding: 0;
        text-align: center;
}

.widget #wp-calendar tbody td a {
        display: block;
        background: #15a593;
        background: rgba(21,165,147,1);
        text-decoration: none;
}

.widget #wp-calendar tbody td a:hover,
.widget #wp-calendar tbody td a:focus,
.widget #wp-calendar tbody td a:active {
        color: #404040;
        color: rgba(64,64,64,1);
}

/* Widget RSS */
.widget_rss li {
        margin-bottom: 1em;
}

.widget_rss .widget-title a {
        color: #404040;
        color: rgba(64,64,64,1);
        font-weight: bold;
}

.widget_rss .widget-title a:hover,
.widget_rss .widget-title a:focus,
.widget_rss .widget-title a:active {
        color: #fff;
        color: rgba(255,255,255,1);
}

.widget_rss .rss-date {
        display: block;
        font-weight: bold;
}

.footer-widgets {
        overflow: auto;
}

.footer-widgets .widget {
        margin: 0;
        padding: 0 0.5em;
        width: 25%;
        color: #888;
        color: rgba(136,136,136,1);
        float: left;
}

@media screen and (max-width: 782px) {
        .footer-widgets .widget {
                padding: 0 1em;
                width: 50%;
        }
}

@media screen and (max-width: 600px) {
        .footer-widgets .widget {
                padding: 0 2em;
                width: 100%;
                float: none;
        }
}

.footer-widgets .widget-title {
        border-bottom: 1px solid #15a593;
        border-bottom: 1px solid rgba(21,165,147,1);
        color: #5f5f5f;
        color: rgba(95,95,95,1);
}

.footer-widgets .widget a {
        color: #bbb;
        color: rgba(187,187,187,1);
}

.footer-widgets .widget a:hover,
.footer-widgets .widget a:focus,
.footer-widgets .widget a:active,
.footer-widgets .widget_recent_comments li::before,
.footer-widgets .widget_recent_entries li::before,
.footer-widgets .widget_archive li::before {
        color: #15a593;
        color: rgba(21,165,147,1);
}

/* Widget RSS. */
.footer-widgets .widget_rss .widget-title a {
        color: #5f5f5f;
        color: rgba(95,95,95,1);
}

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

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

/*--------------------------------------------------------------
10.0 Header
--------------------------------------------------------------*/
.header-no-image {
        margin-top: 3.1em;
}

@media screen and (max-width: 782px) {
        .header-no-image {
                margin-top: 0;
        }
}

.header-image {
        position: relative;
        margin-top: 3.1em;
}

@media screen and (max-width: 782px) {
        .header-image {
                margin-top: 0;
        }
}

@media screen and (max-width: 782px) {
        .header-image {
                height: 270px;
        }
}

.header-image img {
        display: block;
        margin: 50px auto 0;
}

@media screen and (max-width: 782px) {
        .header-image img {
                display: none;
                margin: 0;
        }
}

.site-branding {
        position: absolute;
        top: 7em;
        margin: 0 auto;
        width: 100%;
        color: #15a593;
        color: rgba(21,165,147,1);
        text-align: center;
}

@media screen and (max-width: 870px) {
        .site-branding {
                top: 5.5em;
        }
}

@media screen and (max-width: 529px) {
        .site-branding {
                top: 3em;
        }
}

.site-branding .site-title,
.site-branding .site-description {
        margin: 0;
        font-size: 40px;
        font-size: 2.5rem;
}

.site-branding .site-description {
        font-size: 20px;
        font-size: 1.25rem;
}

.site-branding .site-title a {
        text-decoration: none;
}

.site-branding .site-title a:hover,
.site-branding .site-title a:focus,
.site-branding .site-title a:active {
        color: #15a593;
        color: rgba(21,165,147,1);
}

.header-logo-wrapper {
        margin: 0 auto;
        padding: 1.5em 2em;
        width: 100%;
        max-width: 1000px;
        text-align: center;
        overflow: auto;
}

@media screen and (max-width: 770px) {
        .header-logo-wrapper {
                padding: 1em;
        }
}

.header-logo {
        margin-right: 2em;
        float: left;
}

@media screen and (max-width: 770px) {
        .header-logo {
                margin: 0 auto 1em;
                padding: 0;
                float: none;
        }
}

.header-logo a {
        display: block;
}

.header-logo img {
        border-radius: 50%;
        box-shadow: 0 3px 30px #15a593;
        box-shadow: 0 3px 30px rgba(21,165,147,1);
}

.header-text {
        width: 80%;
        color: #15a593;
        color: rgba(21,165,147,1);
        text-align: left;
        float: right;
}

@media screen and (max-width: 870px) {
        .header-text {
                width: 75%;
        }
}

@media screen and (max-width: 770px) {
        .header-text {
                width: 100%;
                font-size: 14px;
                font-size: 0.875rem;
        }
}

.header-text .widget {
        margin: 0;
}

@media screen and (max-width: 770px) {
        .header-text p {
                margin-bottom: 0;
        }
}

/* Search Form */
.search-toggle {
        padding: 0.75em 0;
        text-align: center;
        width: 40px;
        float: right;
        cursor: pointer;
}

@media screen and (max-width: 600px) {
    .search-toggle {
            position: absolute;
            top: 0;
            right: 0;
    }
}

.search-toggle:hover,
.search-toggle:focus,
.search-toggle.active {
        background: #5f5f5f;
        background: rgba(95,95,95,1);
        color: #fff;
        color: rgba(255,255,255,1);
}

input[type="search"] {
        width: 100%;
        box-sizing: border-box;
}

.search-box-wrapper {
        clear: both;
        display: none;
        margin: 0 auto;
        width: 100%;
        max-width: 1000px;
        z-index: 10;
}

.search-box {
        padding: 1em;
        width: 300px;
        background: #5f5f5f;
        background: rgba(95,95,95,1);
        float: right;
}

@media screen and (max-width: 600px) {
        .search-box {
                width: 100%;
        }
}

.search-box .search-field {
        max-width: 270px;
        padding: 0.2em 0.5em;
        border: 0;
}

@media screen and (max-width: 600px) {
        .search-box .search-field {
                max-width: 100%;
        }
}

.error404 .search-submit,
.search .search-submit,
.search-box .search-submit {
        display: none;
}

/*--------------------------------------------------------------
11.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
11.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

i.sticky-post,
i.image-post,
i.audio-post,
i.video-post {
        position: absolute;
        top: 0.5em;
        right: 0.5em;
        font-size: 18px;
        font-size: 1.125rem;
}



.hentry {
	margin: 0 0 1.5em;
        border-radius: 5px;
        background: #fff;
        background: rgba(255,255,255,1);
        overflow: auto;
}

.post .entry-header,
.page .entry-header,
.post .entry-content,
.page .entry-content,
.post .entry-summary,
.page .entry-summary {
        position: relative;
        margin: 0 1em;
}

.post .entry-header {
        margin: 0 1em 1em;
}

.post .entry-footer,
.page .entry-footer {
        padding: 1em;
        background: #15a593;
        background: rgba(21,165,147,1);
        color: #000;
        color: rgba(0,0,0,1);
        overflow: auto;
}

.post .entry-footer a,
.page .entry-footer a {
        color: #000;
        color: rgba(0,0,0,1);
}

.post .entry-footer a:hover,
.post .entry-footer a:focus,
.post .entry-footer a:active,
.page .entry-footer a:hover,
.page .entry-footer a:focus,
.page .entry-footer a:active {
        color: #fff;
        color: rgba(255,255,255,1);
}

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

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

.cat-links {
        display: block;
}

.tags-links {
        width: 50%;
}

.comments-link,
.comments-link-closed {
        display: inline-block;
        font-weight: bold;
        text-align: right;
        float: right;
}

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

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

.page-links-current {
        margin: 0 0.2em;
        border-radius: 5px;
        padding: 0.5em;
        background: #15a593;
        background: rgba(21,165,147,1);
        color: #fff;
        color: rgba(255,255,255,1);
        font-weight: bold;
        text-decoration: none;
}

.page-links a {
        display: inline-block;
        text-decoration: none;
}

.page-links a > span {
        border: 1px solid #15a593;
        border: 1px solid rgba(21,165,147,1);
        background: none;
        color: #15a593;
        color: rgba(21,165,147,1);
}

.page-links a > span:hover {
        background: #15a593;
        color: #fff;
}

.more-link {
        border: 1px solid #15a593;
        border: 1px solid rgba(21,165,147,1);
        border-radius: 5px;
        padding: 0.3em 0.5em;
        text-decoration: none;
}

.more-link:hover,
.more-link:focus,
.more-link:active {
        background: #15a593;
        background: rgba(21,165,147,1);
        color: #fff;
        color: rgba(255,255,255,1);
}

.edit-link {
        display: block;
        margin: 2em 0 0;
}

.edit-link a {
        border: 1px solid #000;
        border: 1px solid rgba(0,0,0,1);
        border-radius: 5px;
        padding: 0.3em 0.5em;
        text-align: center;
        text-decoration: none;
}

.edit-link a:hover,
.edit-link a:focus,
.edit-link a:active {
        background: #000;
        background: rgba(0,0,0,1);
}

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

.blog .format-aside .entry-header {
        margin-top: 1.5em;
}

/*--------------------------------------------------------------
11.3 Comments
--------------------------------------------------------------*/
.comments-area {
        border-radius: 5px;
        background: #fff;
        background: rgba(255,255,255,1);
        overflow: auto;
}

.comments-area > ol,
.comments-area ol.children {
        padding: 0;
        list-style-type: none;
}

.comments-title {
        margin: 1em;
}

.comment-list {
        margin: 0 3em;
}

@media screen and (max-width: 600px) {
        .comment-list {
                margin: 0 1em;
        }
}

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

@media screen and (max-width: 950px) {
        .comment-list ol {
                margin-left: 20px;
        }
}

@media screen and (max-width: 782px) {
        .comment-list ol {
                margin-left: 40px;
        }
}

@media screen and (max-width: 600px) {
        .comment-list ol {
                margin-left: 10px;
        }
}

.comment-author .avatar {
        margin: 0 1em 1em 0;
        float: left;
}

.comment-author .fn {
        font-size: 18px;
        font-size: 1.125rem;
}

.comment-meta {
        font-size: 12px;
        font-size: 0.75rem;
}

.comment-meta a {
        text-decoration: none;
        color: #000;
}

.comment-meta a:hover,
.comment-meta a:focus,
.comment-meta a:active {
        text-decoration: underline;
        color: #15a593;
        color: rgba(21,165,147,1);
}

.comment-body {
        margin: 1em 0;
        border-bottom: 1px solid #ddd;
        border-bottom: 1px solid rgba(221,221,221,1);
        padding-bottom: 1.5em;
}

.comment-content {
        margin-left: 3.8em;
}

@media screen and (max-width: 600px) {
        .comment-content {
                margin-left: 0;
        }
}

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

.bypostauthor > .comment-body {
	display: block;
        padding: 1em;
        background: #efefef;
}

.comments-area .reply a {
        margin-left: 3.8em;
        border: 1px solid #15a593;
        border: 1px solid rgba(21,165,147,1);
        border-radius: 5px;
        padding: 0.3em 0.5em;
        text-decoration: none;
}

@media screen and (max-width: 600px) {
        .comments-area .reply a {
                margin: 0;
        }
}

.comments-area .reply a:hover,
.comments-area .reply a:focus,
.comments-area .reply a:active {
        background: #15a593;
        background: rgba(21,165,147,1);
        color: #fff;
        color: rgba(255,255,255,1);
}

.comments-area .edit-link a {
        border: 1px solid #000;
        border: 1px solid rgba(0,0,0,1);
        color: #000;
        color: rgba(0,0,0,1);
        font-size: 16px;
        font-size: 1rem;
        text-decoration: none;
}

.comments-area .edit-link a:hover,
.comments-area .edit-link a:focus,
.comments-area .edit-link a:active {
        background: #000;
        background: rgba(0,0,0,1);
        color: #fff;
        color: rgba(255,255,255,1);
}

.no-comments {
        padding: 1em;
        background: #15a593;
        background: rgba(21,165,147,1);
        font-weight: bold;
        text-align: center;
}

.comment-respond {
        padding: 1em;
        border-top: 3px solid #ccc;
        border-top: 3px solid rgba(204,204,204,1);
        background: #ddd;
        background: rgba(221,221,221,1);
}

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"] {
        display: block;
}

@media screen and (max-width: 420px) {
        .comment-respond input[type="text"],
        .comment-respond input[type="email"],
        .comment-respond input[type="url"] {
                width: 100%;
        }
}

.comment-respond input[type="submit"] {
        padding: 0.5em 1em;
        border: 1px solid #15a593;
        border: 1px solid rgba(21,165,147,1);
        border-radius: 5px;
        box-shadow: none;
        background: none;
        color: #15a593;
        color: rgba(21,165,147,1);
        font-size: 16px;
        font-size: 1rem;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        text-decoration: none;
        text-shadow: none;
}

.comment-respond input[type="submit"]:hover,
.comment-respond input[type="submit"]:focus,
.comment-respond input[type="submit"]:active {
        background: #15a593;
        background: rgba(21,165,147,1);
        color: #fff;
        color: rgba(255,255,255,1);
}

/*--------------------------------------------------------------
11.4 Archive
--------------------------------------------------------------*/
.page-header {
        margin-bottom: 1em;
        border-radius: 5px;
        padding: 0 1em 1em;
        background: #15a593;
        background: rgba(21,165,147,1);
        overflow: auto;
}

.taxonomy-description {
        margin: 1em 0;
        border-top: 1px solid #138a7b;
        border-top: 1px solid rgba(19,138,123,1);
        border-bottom: 1px solid #138a7b;
        border-bottom: 1px solid rgba(19,138,123,1);
        padding: 1em;
        font-style: italic;
}

.taxonomy-description p {
        margin: 0;
}

/*--------------------------------------------------------------
12.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-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;
}

/*--------------------------------------------------------------
13.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .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%;
        margin: 0 auto;
}

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

.wp-caption-text {
        padding: 0.5em;
        background: #ddd;
        background: rgba(221,221,221,1);
	text-align: center;
}

/*--------------------------------------------------------------
13.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
        text-align: center;
}

@media screen and (max-width: 781px) {
        .gallery {
                margin: 0 auto 1.5em;
                width: 90%;
        }
}

.gallery-item {
	display: inline-block;
        position: relative;
        margin: 0.5em;
	text-align: center;
	vertical-align: top;
	line-height: 0;
        overflow: hidden;
}

.gallery-columns-1 {
        max-width: 175px;
        margin: 0 auto;
}

.gallery-columns-2 {
        max-width: 350px;
        margin: 0 auto;
}

@media screen and (max-width: 600px) {
        .gallery-columns-2 .gallery-item {
                margin: 1%;
                max-width: 48%;
        }
}

.gallery-columns-3 .gallery-item {
        margin: 1%;
	max-width: 31.33%;
}

.gallery-columns-4 .gallery-item {
        margin: 1%;
	max-width: 23%;
}

.gallery-columns-5 .gallery-item {
        margin: 1%;
	max-width: 18%;
}

.gallery-columns-6 .gallery-item {
        margin: 1%;
	max-width: 14.66%;
}

.gallery-columns-7 .gallery-item {
        margin: 1%;
	max-width: 12.28%;
}

.gallery-columns-8 .gallery-item {
        margin: 1%;
	max-width: 10.5%;
}

.gallery-columns-9 .gallery-item {
        margin: 1%;
	max-width: 9.11%;
}

.gallery-caption {
	display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        max-height: 50%;
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: bold;
        background: #fff;
        background: rgba(255,255,255,1);
        color: #000;
        color: rgba(0,0,0,1);
        line-height: 1.5;
        opacity: 0;
}

.gallery-item:hover .gallery-caption {
        opacity: 0.8;
}

/*--------------------------------------------------------------
13.3 Featured Images
--------------------------------------------------------------*/
.single-post-thumbnail {
        background: #555 url(../vcf/images/background-tile-white-highlight_250x250.jpg);
}

.single-post-thumbnail img {
        display: block;
        margin: 0 auto;
}

/*--------------------------------------------------------------
14.0 Footer
--------------------------------------------------------------*/
.site-info {
        margin: 0 auto;
        max-width: 1000px;
}

.footer-copyright {
        clear: left;
        margin-top: 1em;
        color: #15a593;
        color: rgba(21,165,147,1);
        font-weight: bold;
        text-align: center;
}