/*
Theme Name: Blask
Theme URI: https://wordpress.com/themes/blask/
Description: Blask is a modern portfolio theme focused on showcasing your work in a clean and minimal way.
Version: 1.1.2
Author: Automattic
Author URI: http://wordpress.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blask
Tags: custom-background, custom-colors, custom-menu, portfolio, rtl-language-support, threaded-comments, 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.

Blask is based on Underscores http://underscores.me/, (C) 2012-2016 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:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html,
body,
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;	
	outline: 0;
	padding: 0;
}

html {
	font-family: sans-serif;
	font-size: 62.5%;	/*! 10px */
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
    padding: 0;
}

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

audio,
canvas,
progress,
video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	display: inline-block;
	vertical-align: baseline;
	justify-content: left;
}

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}
a.anchor {
    position: relative;
    display: block;
	padding-top: 150px; 
    margin-top: -150px;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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'] {
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {	
	font-family: Arimo, sans-serif;
	font-size: 18px;
	line-height: 1.25;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	color: #333;
	font-family: 'Arial', Arial, sans-serif;
	font-weight: 100;
	line-height: 1.3;
	text-transform: uppercase;
	margin-block-start: 0.0em;
    margin-block-end: 0.0em;
}

h1 {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1.333;
	margin-bottom: 0.6667em;
}

h2 {
	font-size: 30px;
	font-size: 3rem;
	line-height: 1.6;
	margin-bottom: 0.8em;
}

h3 {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.2;
    padding-bottom: 0.1em;
}

h4 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.2;
	margin-bottom: 1.2em;
}

h5,
h6 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 1.5em;
}

.site-title a,
.site-title a:hover {
	color: #888;
	opacity: 0;
	text-decoration: none;
}


.comments-title,
.comment-reply-title {
	font-size: 24px;	
	background-color: #DEF;
}
.comment-form {
    background-color: rgba(240,245,255,255);
}

.widget-title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3333;
}

.page-title,
.entry-title {
	font-size: 32px;
	font-size: 3.2rem;
	margin-top: 0px;
	margin-bottom: 1.0em;
}

.page-title a,
.entry-title a {
	color: #333;
}

.page-title a:hover,
.entry-title a:hover {
	color: #888;
}

p {
	margin: 0 0 1.5em;
}
p:first-child {
	margin: 10px 20px 1em;
}

p:last-child {
	margin-bottom: 0;
}

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

blockquote {
	color: #aaa;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.5;
	margin: 1.5em 0;
}

blockquote p {
	margin-bottom: 0;
}

blockquote cite {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: normal;
	margin-top: 0.857em;
	text-transform: uppercase;
}

blockquote:first-child {
	margin-top: 0;
}

blockquote:last-child {
	margin-bottom: 0;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: 'Courier 10 Pitch', Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
	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: 1.5rem;
	line-height: 1.5;
}

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

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# 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: #fff;	/* Fallback for when there is no custom background color defined. */
}

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

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

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: 40px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {	
	max-width: 100%;	/* Adhere to container width. */
	height: auto;
}
/* Generic table, most pages */
table {
	width: 100%;
}
table.generic, .generic th, .generic td {
    vertical-align: top;
	padding: 4px 4px 10px 4px;
}
/* Table for blog listing */
table.blog {
    margin-bottom: 30px;
}
.blog th, .blog td {
	background: #000;
	font-weight: bold; 
    vertical-align: top;	
	padding: 0px 2px 20px 2px;   
}
.blog a {
	text-decoration: none;	
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type='button'],
input[type='reset'],
input[type='submit'],
#infinite-handle span {
	background: #333;
	border: 0;
	color: #fff;
	display: inline-block;
	font-family: 'Roboto Condensed', Arial, sans-serif;
	font-size: 20px;
	font-size: 1.8rem;
	letter-spacing: 0.5px;	
	padding: 0 1em;
	text-transform: uppercase;
	transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	-webkit-transition: all 250ms ease;
}

button:hover,
button:active,
button:focus,
input[type='button']:hover,
input[type='button']:active,
input[type='button']:focus,
input[type='reset']:hover,
input[type='reset']:active,
input[type='reset']:focus,
input[type='submit']:hover,
input[type='submit']:active,
input[type='submit']:focus,
#infinite-handle span:hover,
#infinite-handle span:active,
#infinite-handle span:focus {
	background: #555;
}

input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
textarea {
	border: 1px solid rgba(0, 0, 0, 0.06);
	box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, 0.01) inset;
	color: #666;
}

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: 8px 10px 6px;
}

label {
	display: block;
}

.search-form label,
.post-password-form label {
	display: inline;
}

textarea {
	margin: 5px 5px 5px 5px;	
	width: 95%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #048;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #33f;
}

a:focus {
	outline: thin dotted;
}

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

a img {
	border: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/* MENU ACTIONS */
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;	
}
.main-navigation a {
    background-color: #FFF;
}
.main-navigation ul ul {	
}
.main-navigation ul ul a {
	padding-left: 1em;
}
.main-navigation ul ul ul a {
	padding-left: 2em;
}
.main-navigation ul ul.toggled {
	border-bottom: 0;
	display: block;
	position: relative;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}
.main-navigation li {	
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	position: relative;
}
.main-navigation li.menu-item-has-children > a {
	padding-right: 49px;
}
.main-navigation a:hover {
	color: #333;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {	
}

/* About icon */
.about-toggle {  
	float: left;	
	margin-top: 10px;
	vertical-align: middle;	
	background: none;	
	color: #777;
	font-family: Arimo, Arial, sans-serif;
	font-size: 24pt;		
}
.about-toggle:before {
	width: 100px;
    content: "ABOUT";
	color: #444;
	font-family: Trebuchet MS;
	font-size: 14pt;	
}
/* unicode U+25EF for large circle */
.about-toggle:after {	
	width: 20px;
	vertical-align: middle;
	color: #444;
	content: '\0020\2299';	
	position: relative;	
}

/* Menu button icon (hamburger bars) */
.menu-toggle {	
	float: left;	
	vertical-align: middle;	
	background: none;	
	color: #777;
	font-family: Arimo, Arial, sans-serif;
	font-size: 24pt;	
	margin-top: 10px;
}
.menu-toggle:before {
	width: 100px;
    content: "WORKS";
	color: #444;
	font-family: Trebuchet MS;
	font-size: 14pt;	
}
/* unicode U+2630 for menu icon (Trigram For Heaven, misc symbols) */
.menu-toggle:after {	
	width: 20px;
	vertical-align: middle;
	color: #444;
	content: '\0020\2630';		
	position: relative;	
}
.menu-toggle:hover,
.main-navigation.toggled .menu-toggle,
.menu-toggle:focus {
	background: none;
	color: #000;
}

.main-navigation.toggled .menu-toggle {
	border-bottom: none;
}

.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.menu-toggle ul,
.main-navigation.toggled ul ul {
	display: none;
}

.menu-toggle ul.toggled,
.main-navigation.toggled ul ul.toggled {
	display: block;
}

.main-navigation .sub-menu li a:before,
.main-navigation .children li a:before {
	color: #aaa;
	content: '\2013\00a0';
}

/* Dropdown Toggle */
.dropdown-toggle {
	background: #fff;
	border: 0;
	color: #999;
	height: 48px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
	z-index: 1;
}

.dropdown-toggle:active,
.dropdown-toggle:focus,
.dropdown-toggle:hover {
	background: #fff;
	color: #999;
}

.dropdown-toggle:before {
	content: '\f431';
	font-family: Genericons;
	font-size: 24px;
	height: 48px;
	line-height: 48px;
	width: 48px;
}

.dropdown-toggle.toggled:before {
	content: '\f432';
}

/* Social Links Menu */
.social-links {
	margin-bottom: 4.5em;
}

.social-links ul a:before {
	display: inline-block;
	font-family: Genericons;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
}

.social-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.social-links ul li {
	float: left;
	list-style: none;
	margin: 0;
}

.social-links ul a {
	display: inline-block;
	margin: 1px 1px 0 0;
	text-decoration: none;
}

.social-links ul a:before {
	background: #eee;
	color: #888;
	content: '\f415';
	font-size: 20px;
	font-size: 2rem;
	line-height: 1em;
	padding: 0.5em 0.5em;
	text-align: center;
	transition: all ease 0.1s;
	-moz-transition: all ease 0.1s;
	-o-transition: all ease 0.1s;
	-webkit-transition: all ease 0.1s;
}

.social-links ul a:hover:before {
	background: #888;
	color: #eee;
}

.social-links ul a[href*='facebook.com']::before {
	content: '\f204';
}

.social-links ul a[href*='twitter.com']::before {
	content: '\f202';
}

.social-links ul a[href*='dribbble.com']::before {
	content: '\f201';
}

.social-links ul a[href*='plus.google.com']::before {
	content: '\f218';
}

.social-links ul a[href*='pinterest.com']::before {
	content: '\f209';
}

.social-links ul a[href*='flickr.com']::before {
	content: '\f211';
}

.social-links ul a[href*='github.com']::before {
	content: '\f200';
}

.social-links ul a[href*='tumblr.com']::before {
	content: '\f214';
}

.social-links ul a[href*='youtube.com']::before {
	content: '\f213';
}

.social-links ul a[href*='vimeo.com']::before {
	content: '\f212';
}

.social-links ul a[href*='instagram.com']::before {
	content: '\f215';
}

.social-links ul a[href*='foursquare.com']::before {
	content: '\f226';
}

.social-links ul a[href*='linkedin.com']::before {
	content: '\f207';
}

.social-links ul a[href*='skype.com']::before {
	content: '\f220';
}

.social-links ul a[href*='codepen.io']::before {
	content: '\f216';
}

.social-links ul a[href*='path.com']::before {
	content: '\f219';
}

.social-links ul a[href*='digg.com']::before {
	content: '\f221';
}

.social-links ul a[href*='dropbox.com']::before {
	content: '\f225';
}

.social-links ul a[href*='mailto:']::before {
	content: '\f410';
}

.social-links ul a[href*='reddit.com']::before {
	content: '\f222';
}

.social-links ul a[href*='/feed/']::before {
	content: '\f413';
}

.social-links ul a[href*='spotify.com']::before {
	content: '\f515';
}

.social-links ul a[href*='stumbleupon.com']::before {
	content: '\f223';
}

.social-links ul a[href*='twitch.tv']::before {
	content: '\f516';
}

.social-links ul a[href*='wordpress.com']::before,
.social-links ul a[href*='wordpress.org']::before {
	content: '\f205';
}

/* Posts & Comments navigation */
.comment-navigation,
.posts-navigation,
.post-navigation {
	margin-bottom: 1.5em;
	max-width: 640px;
	overflow: hidden;
	padding: 0.75em 0;
}

.comment-navigation a:hover,
.posts-navigation a:hover,
.post-navigation a:hover {
	border-bottom: 1px solid #000;
}

.posts-navigation,
.post-navigation {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin: 0 0 3em;
}

.comment-navigation .nav-previous a:before,
.posts-navigation .nav-previous a:before,
.post-navigation .nav-previous a:before {
	content: '\2190';
	margin-right: 2px;
}

.comment-navigation .nav-next a:after,
.posts-navigation .nav-next a:after,
.post-navigation .nav-next a:after {
	content: '\2192';
	margin-left: 2px;
}

/* Page links */
.single .page-links,
.page .page-links {
	clear: both;
	margin: 3em 0 1.5em;
}

.page-links .page-links-title {
	padding-right: 10px;
}

.page-links .page-links-title,
.page-links span,
.page-links a {
	display: inline-block;
	min-width: 30px;
	text-align: center;
}

.page-links span {
	border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.page-links .page-links-title {
	padding-right: 10px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.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: #777;
	display: block;
	font-size: 8.75px;
	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. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-bottom: 0.75em;
	margin-right: 1.5em;
}

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.social-links:before,
.social-links:after,
.hentry:before,
.hentry: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,
.footer-widget-area:before,
.footer-widget-area:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.hentry:after,
.social-links:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.footer-widget-area:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 3em 0;
	overflow: hidden;	/* Make sure select elements fit in widgets. */
	word-wrap: break-word;
}

.widget select {
	max-width: 100%;
}

.widget:not(.widget_text) ul,
.widget:not(.widget_text) ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget:not(.widget_text) li > ul,
.widget:not(.widget_text) li > ol {
	margin-left: 1em;
}

.widget:not(.widget_text) li > ul a:before,
.widget:not(.widget_text) li > ol a:before {
	color: #aaa;
	content: '\2013\00a0';
}

.widget:not(.widget_text) ul > li,
.widget:not(.widget_text) ol > li {
	padding: 0.75em 0 0;
}

.widget a {
	color: #999;
}

.widget a:hover {
	color: #333;
}

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

/* Calendar widget */
.widget_calendar caption {
	text-align: center;
}

.widget_calendar th,
.widget_calendar td {
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	padding: 0.75em 0;
	text-align: center;
}

.widget_calendar td {
	color: rgba(0, 0, 0, 0.3);
}

.widget_calendar td a {
	font-weight: 700;
}

.widget_calendar #prev {
	text-align: left;
}

.widget_calendar #next {
	text-align: right;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-header::-webkit-scrollbar {
	display: none;
}

#primary {
	padding-left: 0px;	
}

.footer-widget-area {
	border-top: 1px solid #eee;
	margin: 6em 0 0;
	padding: 4.5em 0 0;
}

.site-footer {
	color: #333;
	clear: both;
	font-size: 12px;
	font-size: 1.4rem;
	margin: 5px 20px 0 20px;	
}

.site-footer a:hover {
	border-bottom: 1px solid #222;	
}

.footer-name {
	float: none;
	margin: 0 0 0 2px;
}

.sep.noshow {
	display: inline-block;
}

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

.single .hentry,
.hentry.portfolio-entry {
	float: none;
	margin: 15px 0 3em;
}

/* PAGE CONTENT WIDTH */
.hentry {
	margin: 0 0 6em;	
}
.hentry.page {	
}
.search .hentry.page {	
}


.featured-image {
	margin-bottom: 3em;
}

.entry-meta {
	color: #aaa;
	display: inline-block;
	font-size: 0.5em;
    margin-left: 20px;
	margin-top: 1.03em;
}

.entry-meta span {
	display: block;
	margin-bottom: 0.4375em;
	margin-right: 1em;
}

.entry-meta a:hover {
	border-bottom: 1px solid #000;
}

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

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

/* PAGE LINKS */
.entry-content a,
.entry-summary a,
.page-content a {
   color: #33F;	
}

.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover {
	border-bottom: 1px solid #777;
	color: #09F;
}

/* Archives */
.taxonomy-description {
	margin-bottom: 3em;
	max-width: 880px;
}

/* 404 Page / No search results */
section.error404 {
	max-width: 880px;
}

.error404 .widget {
	float: left;
	margin: 3em 0;
	width: 45%;
}

.error404 .widget a {
	border-bottom: none;
}

.error404 .widget a:hover {
	color: #333;
}

/*--------------------------------------------------------------
# Item Text
--------------------------------------------------------------*/
.item-text {
   height: 150px;
   font-family: 'Georgia', Georgia, serif;  
   font-size: 16px;
   font-style: italic;
   color: #CCC;
}


/*--------------------------------------------------------------
## Portfolio
--------------------------------------------------------------*/
.portfolio-wrapper {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.portfolio-wrapper .portfolio-entry {
	opacity: 0;
	width: 98%;
}

.portfolio-thumbnail {
	line-height: 0;
	position: relative;
	text-align: center;
	z-index: 1;
}

.no-thumbnail .portfolio-thumbnail {
	background: #eee;
}

.project-title {
	color: #fff;
	font-size: 24px;
	font-size: 2.4rem;
	left: 50%;
	margin-bottom: 0;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	/* transition: all 50ms ease;
	-moz-transition: all 50ms ease;
	-ms-transform: translate(-50%, 50%);
	-o-transition: all 50ms ease;
	-webkit-transform: translate(-50%, -50%);
	-webkit-transition: all 50ms ease; */
}

.no-thumbnail .project-title {
	color: #888;
	opacity: 1;
}

.portfolio-thumbnail:hover .project-title {
	opacity: 1;
}

.portfolio-thumbnail a {
	background: #000;
	display: block;
	height: 100%;
	position: relative;
	z-index: 0;
}

.no-thumbnail .portfolio-thumbnail a {
	background: none;
	min-height: 200px;
	width: 100%;
}

.portfolio-thumbnail a,
.portfolio-thumbnail img {
	display: inline-block;
	margin: 0 auto;
	transition: all 50ms ease;
	width: 100%;
	-moz-transition: all 50ms ease;
	-o-transition: all 50ms ease;
	-webkit-transition: all 50ms ease;
}

.no-thumbnail .portfolio-thumbnail a:hover {
	background: #ccc;
}

.portfolio-thumbnail a:after {
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	-webkit-transition: all 250ms ease;
}

.portfolio-thumbnail a:hover:after {
	box-shadow: inset 0 0 0 10px #000;
}

.portfolio-thumbnail a:hover img {
	opacity: 0.65;
}

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

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
	margin: 0 0 0 30px;
	max-width: 640px;
}

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

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

.children {
	margin-top: 1.5em;
}

.comment,
.pingback {
	margin-bottom: 1.5em;
}

.comment-body {
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background-color: #EEEEEE;

}

.pingback .comment-body {
	padding-bottom: 1.5em;
}

.comment-meta {
	margin-bottom: 1.5em;
	padding-left: 50px;
}

.comment-author {
	position: relative;
}

.comment .avatar {
	float: none;
	height: auto;
	left: -50px;
	margin: 0;
	max-width: 40px;
	position: absolute;
	top: 3px;
}

.comment-metadata a {
	color: #aaa;
	font-size: 14px;
	font-size: 1.4rem;
}

.comment-metadata a:hover {
	color: #333;
}

.comment-content {
	margin: 0 0 1.5em;
}

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

.bypostauthor {
	display: block;
}

.comment-reply-link {
	background: #eee;
	display: inline-block;
	font-family: 'Roboto Condensed', Arial, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0.25em 0.5em;
	text-transform: uppercase;
}

.comment-reply-link:hover {
	background: #e1e1e1;
}

.form-allowed-tags {
	color: #aaa;
}

.no-comments {
	font-style: italic;
	margin-top: 1.75em;
	text-align: center;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

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

#infinite-handle,
.infinite-loader {
	margin: 3em 0;
}

#infinite-footer .container {
	margin-right: 40px;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.site-logo-link img,
.entry-content img,
.page-content img,
.entry-summary img,
.comment-content img,
.widget img {	
}

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

.jetpack-video-wrapper {
	margin-bottom: 1.5em;
}

.jetpack-video-wrapper > embed,
.jetpack-video-wrapper > iframe,
.jetpack-video-wrapper > object,
.jetpack-video-wrapper > .wp-video {
	margin-bottom: 0;
	justify-content: left;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
figure {
	margin: 0;
}

.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-text {
	color: #aaa;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
	line-height: 1.7143;
	margin: 0.875em 0;
	text-align: left;
}

.wp-caption-text a:hover {
	border-bottom-color: #aaa;
	color: #aaa;
}

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

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

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
# Faded images for more content
--------------------------------------------------------------*/
.fadeitem {
    position: relative;
    width: 100%;
	padding-bottom: 70px;
}

.fadeimage {  
  margin-bottom: 30px;
  padding: 0px;
  opacity: 1;  
  height: auto;
  transition: .1s ease;
  backface-visibility: hidden;
  border: 0px solid #FFF;  
}
.fadeimage img {  
  display: flex;
  white-space: pre;  
}
.fadeimage a, .fadeimage a:hover {    
  font-size: 20px;
  color: #777;
}
.fadeimage:hover {
  border: 0px solid #888;  
}

.fademsg {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 1%;
  left: 1%;
  text-align: center;
  background-color: #ff;
  color: white;
  font-size: 32px;
  font-weight: bold;
  padding: 8px 16px;
}

.fadeitem:hover .fadeimage {
  opacity: 0.95;
}

.fadeitem:hover .fademsg {
  opacity: 0.65;
}

.text-content {   
  padding-left: 20px;
  margin-top: 50px;
  width: 95%;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	margin: 0;
}

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


/*--------------------------------------------------------------
# Media queries
--------------------------------------------------------------*/

/* PRIMARY PAGES - PAGE WIDTH */
.menu-page {
	max-width: 1800px;
} 

/* SITE DESCRIPTION - NOT CURRENTLY USED (display none) */
.site-description {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	margin: 0 0 0 0;
	display: none;
}

.footer {
	padding: 0;
	display: inline-block;	    
}
/* footer label - Rama Karl Hoetzlein */
.footer a {
	color: #000;
	padding-left: 10px;
    font-size: 20px;
	vertical-align: middle;
}

/* SITE HEADER - pos fixed at top */ 
.site-header {	
	top: 0px;
	left: 0px;
	position: fixed;
	height: auto;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;		
	background-color: #FFF;		
}

/* LOGO */
.site-branding {	
   margin-top: 20px;
   margin-bottom: 25px;
   width: 100%;
   float: left; 
   display: block;    
}
.site-logo {
   display: flex;
   height: 50px;	
   width: 70%; 
   max-width: 70%;
   overflow: hidden;
   padding-left: 10px;
   padding-top: 20px;   
   float: left;
}   
.site-logo img {
   float: left;
   object-fit: cover; 
   object-position: left;
}
.site-logo-mobile {
   display: none;
   height: 45px;	
   width: 70%; 
   max-width: 70%;	   
   padding-left: 10px;
   padding-top: 20px;  
   float: left;
} 
.site-logo-mobile img {
   float: left;
   object-fit: cover; 
   object-position: left;
}

/* NAVIGATION BAR */
.main-navigation {  
  top: 0px;  
  position: fixed;
  z-index: 100;
  height: auto;
  font-size: 22px;
  background-color: #fff;
  clear: both;
  display: block;		
  width: 100%;
}

/* MENU BOX */
.nav-menu {	
  position: absolute;
  top: 83px;
  right: 0;
  width: 40%;
  background-color: #EEE;
  -webkit-animation: ease-out forwards;
  -webkit-animation-name: run;
  -webkit-animation-duration: 0.4s;
}     
@-webkit-keyframes run {
    0%  { right: -20%;}
    100% { right: 0;}
}
/* MENU TEXT */
/* ensure entire menu region is clickable (flex) */
.menu-topbar-menu-container a {
   display: flex;
   color: #000;			
   line-height: 2.0;
   padding-left: 30px; 
   text-decoration: none;   
}

/* MAIN CONTENT (MARGINS) */	
.page-content {		
  padding-top: 65px;
}  
.video-content {    
  padding-top: 56.25%;
  position: relative;	
  z-index: -1;
}



/* CATALOG PAGES - list of works */
.catpage {	
	overflow: auto;	
    background-color: rgba(180,180,180,1);
}

/* FULL WIDTH IMAGES */
.fullimg {	 	
	float: left;
	width: 50%;	
	height: auto;
	margin: 0;
	padding: 0;		
	font-size: 20px;	
    color: #FFF;
	background-color: transparent;	
}
.fullimg p {
    display: none;
}
.fullimg a, .fullimg a:hover {				
}
.fullimg img {  		 	
	display: inline-block;
	width: 100%;
	height: 400px;	
	overflow: hidden;
	object-fit: cover; 	
}
.fullhead {
	display: inline-block;	
	float: left;	
	min-height: 40px;
	padding: 3px 0px 3px 10px;
	width: 100%;		
	color: #FFF;	 	
	background-color: transparent;	
}


/* ART IMAGES */
.artimg {	 
	width: 100%;	
	overflow: hidden;
	margin-bottom: 30px;
	font-size: 20px;
    color: #777;	
}
.artimg img {      	
	display: flex;   
	width: 100%;	
}

	
/* FOOTER */
.footer {	   
   height: auto;
   margin-left: 20px;   
   margin-top: 10px;
   font-size: 14px;
   background-color: #fff;
}

/* MOBILE DEVICES */
@media screen and (max-width:900px) {
	
	/* LOGO - scale down */
	.site-logo-mobile {
	   display: flex;	   
	}   
	.site-logo {
	   display: none;
    }
	
    /* ABOUT TOGGLE - off */
	.about-toggle {  
       display: none;
	}
	/* MENU TOGGLE - no text, only hamburger icon */
	.menu-toggle {	  
      margin-bottom: 3px;  	 
	}	
  	.menu-toggle:before {
       content: "";	
    }
	.menu-toggle:after {	
		margin-right: 0px;		
	}	
	.nav-menu {	
       width: 100%;
	}

    /* CATEGORY IMAGES - vertical on mobile */
	.fullimg {
       width: 100%;	
	}
	.fullimg img {      	   
	   width: 100%;
	   height: 400px;	
	}
	
	.site-mediaicons {
		width: 100%;
	}
	.site-mediaicons img {
		padding: 0px;
		width: 42px;
	}

	/* ITEM TEXT - USE AS HEADING */
	.item-text {
   		height: 35px;    
		font-family: 'Roboto Condensed', Arial, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 20pt;
		overflow: hidden;
	}	
	
	/* SMALL ICONS */
	.icon {
		width: 32px;
		margin-right: 8px;
	}	

	/* Footer Widget Areas */
	.footer-widget-area {
		max-width: 640px;
	}	
   	.footer-widget-area .widget-area {
		float: left;
		margin: 0;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(1) {
		width: 100%;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(2),
	.footer-widget-area .widget-area:nth-child(2):nth-last-child(1) {
		margin-right: 6%;
		width: 47%;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(2):last-of-type,
	.footer-widget-area .widget-area:nth-child(2):nth-last-child(1):last-of-type {
		margin-right: 0;
	}

}

/* DESKTOP DEVICES */
@media screen and (min-width:1280px) {
    
	/* Media Icon width */
	.site-mediaicons {
		overflow: visible;
		padding-left: 65px;
        width: 400px;  
    }	
	.site-mediaicons img {
		width: 32px;
	}	
		
	/* SMALL ICONS */
	.icon {
		width: 32px;
		margin-right: 10px;
	}
}

/* DESKTOP - 4K DISPLAY (over 1400px) */

@media screen and (min-width:1400px) {
	
	
    
    /* Media Icons width */
	.site-mediaicons {
		overflow: visible;
		padding-left: 65px;
        width: 400px;  
    }
	.site-mediaicons img {
		width: 32px;
	}		

	/* LARGE ICONS */
	.icon {
		width: 32px;
		margin-right: 10px;
	}
	.portfolio-wrapper .portfolio-entry {
		opacity: 0;
		width: 70%;
	}
	
	/* LARGER CONTENT WIDTH */
	.hentry {
		margin: 0 0 6em;		
	}
	.hentry.page {		
	}
	.search .hentry.page {		
	}

	.entry-meta {
		float: right;		
		width: 22.72%;
	}

	.entry-meta span {
		margin-top: 25px;
	}
	img.size-big,
	.wp-caption.caption-big {
		display: inline-block;
		float: none;
		margin-bottom: 1.5em;
		margin-right: -235px;
		max-width: 880px;
	}
	.entry-content,
	.entry-summary {
		float: left;
		width: 72.72%;
	}

}