/*
Theme Name: Kuorinka
Theme URI: https://foxland.fi/downloads/kuorinka
Author: Sami Keijonen
Author URI: https://foxland.fi
Description: Kuorinka is an accessible, translation-ready theme. It supports right-to-left languages, Schema.org microdata, and all of WordPress’ built-in theme features. It's also child theme friendly.
Version: 1.5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kuorinka
Domain Path: /languages/
Tags: one-column, two-columns, left-sidebar, right-sidebar, accessibility-ready, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, education, news

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.

Kuorinka is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
	3.1 - Blockquotes, paragraphs, code, lists, tables
    3.2 - Genericons
4.0 - Forms
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
		5.2.1 - Primary menu
		5.2.2 - Social menu
		5.2.3 - Portfolio and team member menu
		5.2.4 - Breadcrumbs
	5.3 - Comment and post navigation
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Posts and pages
	10.2 - Asides
	10.3 - Loop meta
11.0 - Infinite scroll
12.0 - Media
	12.1 - Captions
	12.2 - Galleries
13.0 - Layouts
	13.1 - Max-width
	13.2 - Paddings
	13.3 - Media queries
	13.4 - Sidebar layouts
14.0 - Comments
15.0 - Plugins
    15.1 - Jetpack CSS 
	15.2 - Gravity Forms CSS
	15.3 - Webshare CSS
	15.4 - Custom Content Portfolio and Our Team CSS
	15.5 - Soliloquy Slider CSS
16.0 - Right to left support
17.0 - Child theme friendly zone
	17.1 - Font Family
	17.2 - Colors
	17.3 - Backgrounds
	17.4 - Borders
	17.5 - Box Shadows
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box;
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	box-sizing: inherit;
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}


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

body,
button,
input,
select,
textarea {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
	word-wrap: break-word;
}

@media screen and (min-width: 600px) {

	body,
	button,
	input,
	select,
	textarea {
		font-size: 20px;
		font-size: 2rem;
		line-height: 1.5;
	}

}

/* === 2.1 Headers === */

h1,
h2,
h3,
h4,
h5,
h6,
.site-title {
	clear: both;
	font-weight: 400;
	line-height: 1.3333333;
	margin: 0 0 30px 0;
	text-transform: uppercase;
}

h1,
.site-title {
	font-size: 30px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 17px;
}
h6 {
	font-size: 16px;
}

@media screen and (min-width: 600px) {

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.site-title {
		line-height: 1.2;
	}

	h1,
	.site-title {
		font-size: 38px;
	}
	h2 {
		font-size: 32px;
	}
	h3 {
		font-size: 28px;
	}
	h4 {
		font-size: 24px;
	}
	h5 {
		font-size: 20px;
	}
	h6 {
		font-size: 18px;
	}

}


.site-branding {
	text-align: center;
}
.custom-logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#site-title {
	margin: 0;
	padding: 20px 0;
}
#site-description {
	font-size: 20px;
	font-size: 2rem;
	text-transform: none;
	padding: 0 0 10px 0;
	margin: 0;
}

#kuorinka-header-image {
	padding: 0;
	margin: 0;	
}


@media screen and (min-width: 900px) {

	.site-branding {
		text-align: left;
	}
	
	.custom-logo {
		margin-left: 0;
		margin-right: 0;
	}

	#site-title {
		display: inline-block;
		padding-right: 4%;
		width: 52%;
	}
	#site-description {
		display: inline-block;
	}

}

p {
	margin-bottom: 1.5em;
}
b,
strong {
	font-weight: bold;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background-size: 56px 56px;
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
	word-wrap: normal;
}
code,
kbd,
tt,
var {
	font-size: 15px;
}
abbr,
acronym {
	cursor: help;
}
mark,
ins {
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}


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

/* === 3.1 Blockquotes, paragraphs, code, lists, tables === */

blockquote {
	font-size: 24px;
	font-size: 2.4rem;
	font-style: italic;
	margin: 0 0 1.5em;
	padding: 3%;
}

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

hr {
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,
ol {
	margin: 0 0 1.5em 1.5em;
}
ul {
	list-style: circle;
}
ol {
	list-style: decimal;
}
.sidebar ul,
.error404 ul {
	list-style: none;
	margin: 0;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
figure {
	margin: 0;
}

/* Tables. */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em 0;
	width: 100%;
}
th,
td {
	padding: 6px 2%;
}
caption,
th,
td {
	text-align: left;
}
caption {
	margin: 1em 0;
}
th {
	font-weight: bold;
}

/* wp-calendar <table> */

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

/* === 3.2 Genericons === */

a[href^="mailto:"]::before,
a[href^="tel:"]::before,
.genericon,
.nav-toggle:before,
.featured-post:before,
.byline .entry-author a::before,
.entry-date a::before,
.comments-link a::before,
.post-edit-link::before,
.entry-permalink a::before,
.post-format-link::before,
.entry-terms::before,
.image-sizes::before,
.chat-author cite::before,
.comment-published::before,
.comment-edit-link::before,
.comment-author::before,
.comment-permalink::before,
.comment-reply-link::before,
.comment-reply-login::before,
.loop-nav a[rel="prev"]::before,
.loop-nav a[rel="next"]::after,
.nav-links .nav-previous a::before,
.nav-links a.prev::before,
.nav-links .nav-next a::after,
.nav-links a.next::after,
a.more-link::after,
#menu-social li a::before,
.widget li::before,
.dropdown-toggle:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}

.entry-date a,
.byline .entry-author a,
.entry-permalink a,
.comments-link a {
	margin-right: 8px;
}

a[href^="mailto:"]::before,
a[href^="tel:"]::before,
.entry-date a::before,
.byline .entry-author a::before,
.comments-link a::before,
.comment-reply-link::before,
.entry-permalink a::before,
.entry-terms::before, 
.nav-links .nav-previous a::before,
.nav-links a.prev::before,
.nav-links .nav-next a::after,
.nav-links a.next::after {	
	content: '\f307';
	padding-right: 4px;
	position: relative;
	bottom: 2px;
}

a[href^="mailto:"]::before {
	content: '\f410';
}
a[href^="tel:"]::before {
	content: '\f437';
	bottom: 3px;
}

.byline .entry-author a::before {
	content: '\f304';
}
.entry-permalink a::before {
	content: '\f107';
}
.comments-link a::before {
	content: '\f300';
}
.comment-reply-link::before {
	content: '\f412';
}
.entry-terms::before {
	content: '\f301';
}
.entry-terms.category::before {
	content: '\f301';
}
.entry-terms.post_tag::before {
	content: '\f302';
}
.nav-links .nav-previous a::before,
.nav-links a.prev::before {
	font-size: 20px;
	content: '\f430';
} 
.nav-links .nav-next a::after,
.nav-links a.next::after {
	bottom: 0;
	font-size: 20px;
	content: '\f429';
	padding-left: 4px;
	padding-right: 0;
}
.entry-terms.portfolio::before {
	content: '';
	display: none;
}


/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.entry a.portfolio-item-link,
.kuorinka-callout .kuorinka-button {
	border: none;
	border-radius: 2px;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	line-height: 1;
	padding: .8em 1em;
	margin-top: 1em;
	transition: all 0.25s ease-in-out;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.entry a.portfolio-item-link:hover,
.kuorinka-callout .kuorinka-button:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.entry a.portfolio-item-link:focus,
.kuorinka-callout .kuorinka-button:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.entry a.portfolio-item-link:active,
.kuorinka-callout .kuorinka-button:active {

}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"]::-webkit-search-decoration,
.entry a.portfolio-item-link,
.kuorinka-callout .kuorinka-button { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
.entry a.portfolio-item-link,
.kuorinka-callout .kuorinka-button {
	display: inline-block;
	margin-top: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
	transition: all 0.25s ease-in-out;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

fieldset {
	margin: 0 0 1.5em 0;
	padding: 3%;
}

legend {
	border: 0;
	font-weight: bold;
	margin: 0 0 32px 0;
	margin: 0 0 2rem 0;
	padding: 2%;
	white-space: normal;
}

label {
	font-weight: bold;
}

input {
	display: block;
}
input[type="checkbox"],
input[type="radio"] {
	display: inline-block;
}

input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
	display: block;
	padding: 0.75em;
}
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
	width: 100%;
}
textarea {
	min-height: 160px;
}


/* Form fields, general styles */

input:focus,
textarea:focus {
	outline: 0;
}


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

/* === 5.1 Links === */

a {
	text-decoration: none;
	transition: all 0.25s ease-in-out;
}
a:visited {
}
a:hover,
a:focus,
a:active {
	text-decoration: underline;
}
a.more-link::after {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	content: '\f429';
	font: normal 1.25em/1 Genericons;
	vertical-align: text-bottom;
}


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

/* === 5.2.1 Primary menu === */

.main-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.main-navigation li a,
button#nav-toggle {
	text-decoration: none;
}

.custom-header-image.primary-menu-active #kuorinka-header-image img.header-image {
	margin-bottom: -58px;
}

@media screen and (min-width: 600px) {

	.custom-header-image.primary-menu-active #kuorinka-header-image img.header-image {
		margin-bottom: -60px;
	}

}

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

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

	.main-navigation li {
		width: 100%;
		display: block;
		position: relative;
	}
	
	button#nav-toggle {
		border: none;
		border-radius: 0;
		position: relative;
		margin: 0;
		z-index: 100;
	}
	
	.main-navigation li a,
	button#nav-toggle {
		display: block;
		padding: 10px 4%;
		width: 100%;
	}
	button#nav-toggle {
		border-bottom: none;
	}

	#menu-primary ul ul li a {
		padding-left: 9%;
	}
	#menu-primary ul ul ul li a {
		padding-left: 11%;
	}
	#menu-primary ul ul ul ul li a {
		padding-left: 13%;
	}

	.js .main-navigation {
		clip: rect(0 0 0 0);
		max-height: 0;
		position: absolute;
		display: block;
		overflow: hidden;
		zoom: 1;
	}

	.main-navigation.opened {
		max-height: 9999px;
	}

	#nav-toggle {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
	button#nav-toggle:before {
		-webkit-font-smoothing: antialiased;
		content: "\f419";
		display: inline-block;
		font: normal 32px/1 Genericons;
		margin: 0 6px 0 0;
		vertical-align: middle;
		width: 32px;
		height: 32px;
	}
	button#nav-toggle.active:before {
		content: "\f405";
	}
	
	/* Style for multilevel dropdown. */
	
	.main-navigation.multiple-level-nav .sub-menu {
		clip: rect(0 0 0 0);
		max-height: 0;
		position: absolute;
		display: none;
		overflow: hidden;
		zoom: 1;
	}

	.main-navigation.multiple-level-nav .sub-menu.toggled {
		display: block;
		max-height: 9999px;
		position: relative;
	}
	
	.main-navigation.multiple-level-nav .sub-menu.toggled {
		max-height: 9999px;
	}
	
	/* Enable active class to let the navigation expand over the calculated max height. */
	.main-navigation.opened.dropdown-active {
		max-height: 9999px !important;
	}
	
	.dropdown-toggle {
		content: "";
		padding: 0;
		position: absolute;
		margin: 0;
		text-transform: lowercase; /* Stop screen readers to read the text as capital letters */
		top: 6px;
		right: 4%;
		width: 36px;
		height: 36px;
	}

	.dropdown-toggle:after {
		content: "\f431";
		font-size: 24px;
		padding: 0;
		position: relative;
		top: 0;
		left: 1px;
	}

	.dropdown-toggle.toggled:after {
		content: "\f432";
	}

}

@media screen and (max-width: 599px) {
	
	.dropdown-toggle {
		top: 4px;
	}
	
}

@media screen and (min-width: 900px) {

	.js .main-navigation {
		position: relative;
	}
	.js .main-navigation.closed {
		max-height: none;
	}
	#nav-toggle,
	.dropdown-toggle {
		display: none;
	}
	
	#menu-primary .wrap {
		padding: 0 4%;
	}
	.custom-header-image.primary-menu-active #kuorinka-header-image img.header-image {
		margin-bottom: -55px;
	}
	
	#menu-primary ul {
		margin-bottom: 0;
	}
	
	#menu-primary li {
		border: 0;
		display: inline-block;
		height: 48px;
		line-height: 48px;
		position: relative;
	}

	#menu-primary a {
		display: inline-block;
		padding: 0 12px;
		white-space: nowrap;
	}

	#menu-primary ul ul {
		float: left;
		margin: 0;
		position: absolute;
		top: 48px;
		left: -999em;
		z-index: 99999;
		transition-property: opacity, visibility;
		transition-duration: .25s, 0s;
		transition-delay: 0.25s, .25s;
		visibility: hidden;
		opacity: 0;
	}

	#menu-primary li li {
		border: 0;
		display: block;
		height: auto;
		line-height: 1.0909090909;
	}

	#menu-primary ul ul ul {
		left: -999em;
		top: 0;
	}

	#menu-primary ul ul a {
		padding: 18px 12px;
		white-space: normal;
		width: 200px;
	}

	#menu-primary ul li:hover > ul,
	#menu-primary ul li.focus > ul {
		left: auto;
		opacity: 1;
		visibility: visible;
	}

	#menu-primary ul ul li:hover > ul,
	#menu-primary ul ul li.focus > ul {
		left: 100%;
		opacity: 1;
		visibility: visible;
	}

	#menu-primary .menu-item-has-children > a,
	#menu-primary .page_item_has_children > a {
		padding-right: 26px;
	}

	#menu-primary .menu-item-has-children > a:after,
	#menu-primary .page_item_has_children > a:after {
		-webkit-font-smoothing: antialiased;
		content: "\f502";
		display: inline-block;
		font: normal 8px/1 Genericons;
		position: absolute;
		right: 12px;
		top: 22px;
		vertical-align: text-bottom;
	}

	#menu-primary li .menu-item-has-children > a,
	#menu-primary li .page_item_has_children > a {
		padding-right: 20px;
		width: 200px;
	}

	#menu-primary .menu-item-has-children li.menu-item-has-children > a:after,
	#menu-primary .menu-item-has-children li.page_item_has_children > a:after,
	#menu-primary .page_item_has_children li.menu-item-has-children > a:after,
	#menu-primary .page_item_has_children li.page_item_has_children > a:after {
		content: "\f501";
		right: 8px;
		top: 20px;
	}

}

/* === 5.2.2 Social menu === */

#menu-social ul {
	list-style: none;
	padding: 0 0 30px 0;
	margin: 0;
	text-align: center;
}

#menu-social ul li {
	display: inline-block;
}

#menu-social li a::before {
	position: relative;
	font: 32px/1 'Genericons';
	display: inline-block;
	text-decoration: none;
}

/* Social icons. */
#menu-social li a[href*="codepen.io"]::before,
#menu-social li a[href*="digg.com"]::before,
#menu-social li a[href*="dri9f9f9fle.com"]::before,
#menu-social li a[href*="facebook.com"]::before,
#menu-social li a[href*="flickr.com"]::before,
#menu-social li a[href*="plus.google.com"]::before,
#menu-social li a[href*="github.com"]::before,
#menu-social li a[href*="instagram.com"]::before,
#menu-social li a[href*="linkedin.com"]::before,
#menu-social li a[href*="pinterest.com"]::before,
#menu-social li a[href*="polldaddy.com"]::before,
#menu-social li a[href*="getpocket.com"]::before,
#menu-social li a[href*="reddit.com"]::before,
#menu-social li a[href*="skype.com"]::before,
#menu-social li a[href*="skype:"]::before,
#menu-social li a[href*="stumbleupon.com"]::before,
#menu-social li a[href*="tumblr.com"]::before,
#menu-social li a[href*="twitter.com"]::before,
#menu-social li a[href*="vimeo.com"]::before,
#menu-social li a[href*="wordpress.org"]::before,
#menu-social li a[href*="wordpress.com"]::before,
#menu-social li a[href*="youtube.com"]::before {
	display: inline-block;
	content: '\f409';
	color: #c84d29;
	padding:  0 5px 1px 5px;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
}
#menu-social li a[href*="codepen.io"]::before {
	content: '\f216';
	color: #fff;
}
#menu-social li a[href*="digg.com"]::before {
	content: '\f221';
	color: #fff;
}
#menu-social li a[href*="dri9f9f9fle.com"]::before {
	content: '\f201';
	color: #ea4c89;
}
#menu-social li a[href*="facebook.com"]::before {
	content: '\f204';
	color: #3b5998;
}
#menu-social li a[href*="flickr.com"]::before {
	content: '\f211';
	color: #ff0084;
}
#menu-social li a[href*="plus.google.com"]::before {
	content: '\f206';
	color: #dd4b39;
}
#menu-social li a[href*="github.com"]::before {
	content: '\f200';
	color: #4183c4;
	}
#menu-social li a[href*="instagram.com"]::before {
	content: '\f215';
	color: #3f729b;
}
#menu-social li a[href*="linkedin.com"]::before {
	content: '\f208';
	color: #0e76a8;
}
#menu-social li a[href*="pinterest.com"]::before {
	content: '\f210';
	color: #c8232c;
}
#menu-social li a[href*="polldaddy.com"]::before {
	content: '\f217';
	color: #bc0b0b;
}
#menu-social li a[href*="getpocket.com"]::before {
	content: '\f224';
	color: #ee4056;
}
#menu-social li a[href*="reddit.com"]::before {
	content: '\f222'; 
	color: #336699;
}
#menu-social li a[href*="skype.com"]::before,
#menu-social li a[href*="skype:"]::before {
	content: '\f220';
	color: #00aff0;
}
#menu-social li a[href*="stumbleupon.com"]::before {
	content: '\f223';
	color: #ff2618;
}
#menu-social li a[href*="tumblr.com"]::before {
	content: '\f214';
	color: #34526f;
}
#menu-social li a[href*="twitter.com"]::before {
	content: '\f202';
	color: #33ccff;
}
#menu-social li a[href*="vimeo.com"]::before {
	content: '\f212';
	color: #1ab7ea;
}
#menu-social li a[href*="wordpress.org"]::before,
#menu-social li a[href*="wordpress.com"]::before {
	content: '\f205';
	color: #21759b;
}
#menu-social li a[href*="youtube.com"]::before {
	content: '\f213';
	color: #c4302b;
}

/* === 5.2.3 Portfolio and team member menu === */

#menu-portfolio ul,
#menu-team-member ul {
	list-style: none;
	padding: 20px 0 0 0;
	margin: 0 0 3px 0;
}
#menu-portfolio ul li,
.single-portfolio_item .entry-terms.portfolio a,
#menu-team-member ul li,
.single-team-member .entry-terms.portfolio a {
	display: inline-block;
	margin-bottom: 3px;
}
#menu-portfolio ul li a,
.single-portfolio_item .entry-terms.portfolio a,
#menu-team-member ul li a,
.single-team-member .entry-terms.portfolio a {
	border-radius: 2px;
	padding: 2px 8px;
}

/* === 5.2.4 Breadcrumbs === */

.breadcrumbs .trail-browse,
.breadcrumbs .trail-items,
.breadcrumbs .trail-items li {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

.breadcrumbs .trail-items {
	list-style: none;
}

.trail-items li::after {
	content: "\223C";
	font-size: 85%;
	padding: 0 0.4em;
}

.trail-items li:last-of-type::after {
	display: none;
}

/* === Comment and post navigation === */

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .pagination,
.site-main .post-navigation {
	clear: both;
	margin: 0 0 1.5em;
	overflow: hidden;
}

.site-main .pagination {
	text-align: center;
}
.site-main .pagination .page-numbers {
	display: inline-block;
	padding: 0.5em 0.75em;
	margin-bottom: 4px;
}
.site-main .pagination .prev.page-numbers,
.site-main .pagination .next.page-numbers {
	display: block;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

@media screen and (min-width: 900px) {

	.comment-navigation .nav-previous,
	.paging-navigation .nav-previous,
	.post-navigation .nav-previous {
		float: left;
		margin-bottom: 0;
		padding-bottom: 0;
		width: 50%;
	}
	.comment-navigation .nav-next,
	.paging-navigation .nav-next,
	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}
	
	.site-main .pagination .prev.page-numbers,
	.site-main .pagination .next.page-numbers {
		display: inline-block;
	}

}


/*--------------------------------------------------------------
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;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	display: block;
	font-size: 16px;
	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 1.5em 0;
}
.alignright {
	display: inline;
	float: right;
	margin: 0 0 1.5em 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry:before,
.entry:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-branding:before,
.site-branding:after,
#kuorinka-header-image:before,
#kuorinka-header-image:after,
#site-navigation .wrap:before,
#site-navigation .wrap:after,
.navigation:before,
.navigation:after,
#content .wrap:before,
#content .wrap:after,
.site-content:before,
.site-content:after,
.entry-summary:before,
.entry-summary:after,
#sidebar-subsidiary:before,
#sidebar-subsidiary:after,
#sidebar-subsidiary .wrap:before,
#sidebar-subsidiary .wrap:after,
#sidebar-front-page:before,
#sidebar-front-page:after,
#sidebar-front-page .wrap:before,
#sidebar-front-page .wrap:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-branding:after,
#kuorinka-header-image:after,
#site-navigation .wrap:after,
.navigation:after,
#content .wrap:after,
.site-content:after,
.entry-summary:after,
#sidebar-subsidiary:after,
#sidebar-subsidiary .wrap:after,
#sidebar-front-page:after,
#sidebar-front-page .wrap:after,
.site-footer:after {
	clear: both;
}


/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

.widget {
	margin: 0 0 1.5em;
}
#sidebar-header .widget {
	margin: 0;
	padding: 1.5em 0;
}

.widget-title {
	font-size: 22px;
	padding: 3%;
}

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

/* Search widget */
.search-submit {
	margin-bottom: 30px;
}
.widget_search .search-submit {
	display: none;
}

.widget ul > li::before {
	content: '\f432';
	font-size: 12px;
	margin-bottom: 2px;
	margin-right: 6px;
	vertical-align: middle;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}


/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

/* === 10.1 Posts and pages === */

.sticky,
.sticky.entry {
	padding: 3%;
}
.entry {
	padding: 0 0 1.5em;
	margin: 0 0 1.5em;
}
.kuorinka-front-page-content .entry {
	padding: 0;
	margin: 0;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page-links a {
	display: inline-block;
	margin-bottom: 4px;
	padding: 0.5em 1em;
}

.entry-header .entry-title {
	margin-top: 20px;
	padding-bottom: 20px;
}
.page-template-pagesfront-page-php .entry-header .entry-title {
	border-bottom: none;
	padding-bottom: 0;
	margin-top: 0;
}
.page-template-default .entry-header .entry-title,
.single .entry-header .entry-title {
	margin-top: 0;
}

/* Callout in front page. */
.kuorinka-callout {
	padding: 3%;
	margin-bottom: 1.5em;
	text-align: center;
}

.single-attachment .entry-title {
	text-align: center;
}

.thumbnail {
	margin: 0 0 1em 0;
}
.page-template-pagesfront-page-php .thumbnail {
	border-radius: 50%;
}

.kuorinka-front-page-posts .entry-title {
	font-size: 22px;
}
#sidebar-front-page {
	text-align: center;
}
.sidebar .genericon,
.sidebar .genericon::before,
.kuorinka-front-page-content .genericon,
.kuorinka-front-page-content .genericon::before {
	font-size: 64px;
	width: 64px;
	height: 64px;
	margin: 0 auto;
}
/* WP text menu widget. Also default. */
#sidebar-front-page .widget_text .genericon.genericon-front-page-widget::before,
#sidebar-front-page .genericon.genericon-front-page-widget::before {
	content: '\f409';
}
/* WP RSS menu widget. */
#sidebar-front-page .widget_rss .genericon.genericon-front-page-widget::before {
	content: '\f413';
}
/* WP nav menu widget. */
#sidebar-front-page .widget_nav_menu .genericon.genericon-front-page-widget::before {
	content: '\f419';
}
/* WordPress other widgets. */
#sidebar-front-page .widget_archive .genericon.genericon-front-page-widget::before {
	content: '\f303';
}
#sidebar-front-page .widget_calendar .genericon.genericon-front-page-widget::before {
	content: '\f307';
}
#sidebar-front-page .widget_categories .genericon.genericon-front-page-widget::before {
	content: '\f301';
}
#sidebar-front-page .widget_links .genericon.genericon-front-page-widget::before {
	content: '\f107';
}
#sidebar-front-page .widget_meta .genericon.genericon-front-page-widget::before {
	content: '\f455';
}
#sidebar-front-page .widget_pages .genericon.genericon-front-page-widget::before {
	content: '\f443';
}
#sidebar-front-page .widget_recent_comments .genericon.genericon-front-page-widget::before {
	content: '\f300';
}
#sidebar-front-page .widget_recent_entries .genericon.genericon-front-page-widget::before {
	content: '\f411';
}
#sidebar-front-page .widget_search .genericon.genericon-front-page-widget::before {
	content: '\f400';
}
#sidebar-front-page .widget_tag_cloud .genericon.genericon-front-page-widget::before {
	content: '\f302';
}
#sidebar-front-page .widget_text .genericon.genericon-front-page-widgetbefore {
	content: '\f100';
}

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

	.page-template-pagesfront-page-php  .thumbnail {
		float: right;
		margin: 0 0 1em 1.125em;
	}

}

@media screen and (min-width: 608px) {

	/* Front page post grid. */
	.page-template-pagesfront-page-php #kuorinka-front-page-posts {
		margin-left: -5%;
	}
	.page-template-pagesfront-page-php #kuorinka-front-page-posts > .entry {
		float: left;
		padding-left: 5%;
		width: 50%;
	}
	.page-template-pagesfront-page-php #kuorinka-front-page-posts > .entry:nth-of-type(2n+3) {
		clear: left;
	}

}

/* === 10.2 Asides === */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.format-status .avatar {
	border-radius: 50%;
	float: left;
	margin: 0 30px 30px 0;
}
.format-status .entry-content {
	margin-top: 18px;
}

.mejs-container {
	margin-bottom: 1.5em;
}

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

.loop-meta {
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
}
.loop-title {
	margin: 0;
}
.loop-description {
	font-style: italic;
	margin-top: 1.5em;
}


/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}


/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/

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

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* === 12.1 Captions === */

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	margin: 6px 0 1em 0;
	text-align: center;
}

/* === 12.2 Galleries === */

.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	margin-bottom: 10px;
}


/*--------------------------------------------------------------
13.0 Layouts
--------------------------------------------------------------*/

/* Make sure sidebar doesn't appear in customizer. */
.layout-1c #sidebar-primary {
	display: none;
}

/* === 13.1 Max-width === */

#page {
	margin: 0 auto;
	max-width: 1142px;
}

/* === 13.2 Paddings. === */

#masthead .site-branding,
#sidebar-header,
.breadcrumb-trail .wrap,
#content > .wrap,
#sidebar-subsidiary .wrap,
#colophon #menu-social,
#colophon .site-info {
	padding: 0 4%;
}
#colophon .site-info {
	padding-bottom: 30px;
	text-align: center;
}

#content > .wrap {
	padding-bottom: 30px;
	padding-top: 30px;
}
.breadcrumb-trail .wrap {
	padding-top: 30px;
}

#page {
	margin-bottom: 30px;
	margin-top: 30px;
	position: relative;
}

#page:before,
#page:after {
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 12px;
	left: 1%;
	height: 10px;
	width: 50%;
	max-width: 300px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, .3);
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}
#page:after {
	left: auto;
	right: 1%;
	transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
}

/* === 13.3 Media queries === */

@media screen and (min-width: 800px) {
	
	/* Page padding. */
	#page {
		margin-bottom: 60px;
		margin-top: 60px;
	}

	/* Two column layout. */

	.layout-2c-l .site-content > .wrap > .wrap-inside,
	.layout-default .site-content > .wrap > .wrap-inside {
		margin-left: -5%;
	}
	.layout-2c-r .site-content > .wrap > .wrap-inside {
		margin-right: -5%;
	}
	
	.layout-2c-l .content-area,
	.layout-default .content-area,
	.layout-2c-r #sidebar-primary {
		float: left;
		padding-left: 5%;
	}
	
	.layout-2c-l .content-area,
	.layout-default .content-area,
	.layout-2c-r .content-area {
		width: 66.666666666%;
	}

	.layout-2c-l #sidebar-primary,
	.layout-2c-r #sidebar-primary {
		float: left;
		padding-left: 5%;
		width: 33.33333333333%;
	}
	.layout-2c-r #sidebar-primary {
		padding-left: 0;
		padding-right: 5%;
	}
	
	.layout-2c-r .content-area,
	.layout-2c-r #sidebar-primary {
		float: right;
		padding-left: 0;
		padding-right: 5%;
	}

}

/* === 13.4 Sidebar layouts === */

/* Minimum width of 608 pixels. */
@media screen and (min-width: 608px) {

	/* Sidebars. */
	#sidebar-subsidiary .wrap-inside,
	#sidebar-front-page .wrap-inside,
	#sidebar-page-template .wrap-inside {
		margin-left: -5%;
	}
	#sidebar-subsidiary .widget,
	#sidebar-front-page .widget,
	#sidebar-page-template .widget {
		float: left;
		padding-left: 5%;
	}

	/* 1 widget in sidebar. */
	.sidebar-subsidiary-1 #sidebar-subsidiary .widget,
	.sidebar-fron-page-1 #sidebar-front-page .widget,
	.sidebar-page-template-1 #sidebar-page-template .widget {
		width: 100%;
	}
	
	/* 2 widgets in sidebar. */
	.sidebar-subsidiary-2 #sidebar-subsidiary .widget,
	.sidebar-front-page-2 #sidebar-front-page .widget,
	.sidebar-page-template-2 #sidebar-page-template .widget {
		width: 50%;
	}
	
	/* 3 widgets in sidebar. */
	.sidebar-subsidiary-3 #sidebar-subsidiary .widget,
	.sidebar-front-page-3 #sidebar-front-page .widget,
	.sidebar-page-template-3 #sidebar-page-template .widget {
		width: 33.333333333%;
	}
	
	/* 4 widgets in sidebar. */
	.sidebar-subsidiary-4 #sidebar-subsidiary .widget,
	.sidebar-front-page-4 #sidebar-front-page .widget,
	.sidebar-page-template-4 #sidebar-page-template .widget {
		width: 50%;
	}
	/* Clear left for 3th widget. */
	.sidebar-subsidiary-4 #sidebar-subsidiary .widget:nth-child(3),
	.sidebar-front-page-4 #sidebar-front-page .widget:nth-child(3),
	.sidebar-page-template-4 #sidebar-page-template .widget:nth-child(3) {
		clear: left;
	}
	
	/* 5 widgets in sidebar. */
	.sidebar-subsidiary-5 #sidebar-subsidiary .widget,
	.sidebar-front-page-5 #sidebar-front-page .widget,
	.sidebar-page-template-5 #sidebar-page-template .widget	{
		width: 33.333333333%;
	}
	/* Clear left for 4th widget. */
	.sidebar-subsidiary-5 #sidebar-subsidiary .widget:nth-child(4),
	.sidebar-front-page-5 #sidebar-front-page .widget:nth-child(4),
	.sidebar-page-template-5 #sidebar-page-template .widget:nth-child(4) {
		clear: left;
	}
	
	/* 6 widgets in sidebar. */
	.sidebar-subsidiary-6 #sidebar-subsidiary .widget,
	.sidebar-front-page-6 #sidebar-front-page .widget,
	.sidebar-page-template-6 #sidebar-page-template .widget	{
		width: 50%;
	}
	/* Clear left for 3th and 5th widget. */
	.sidebar-subsidiary-6 #sidebar-subsidiary .widget:nth-child(3),
	.sidebar-front-page-6 #sidebar-front-page .widget:nth-child(3),
	.sidebar-page-template-6 #sidebar-page-template .widget:nth-child(3),
	.sidebar-subsidiary-6 #sidebar-subsidiary .widget:nth-child(5),
	.sidebar-front-page-6 #sidebar-front-page .widget:nth-child(5),
	.sidebar-page-template-6 #sidebar-page-template .widget:nth-child(5)	{
		clear: left;
	}

}

/* Minimum width of 1056 pixels. */
@media screen and (min-width: 1056px) {
	
	/* 6 widgets in sidebar. */
	.sidebar-subsidiary-6 #sidebar-subsidiary .widget,
	.sidebar-front-page-6 #sidebar-front-page .widget,
	.sidebar-page-template-6 #sidebar-page-template .widget	{
		width: 33.333333333333%;
	}
	/* Don't clear left for 3th and 5th widget. */
	.sidebar-subsidiary-6 #sidebar-subsidiary .widget:nth-child(3),
	.sidebar-front-page-6 #sidebar-front-page .widget:nth-child(3),
	.sidebar-page-template-6 #sidebar-page-template .widget:nth-child(3),
	.sidebar-subsidiary-6 #sidebar-subsidiary .widget:nth-child(5),
	.sidebar-front-page-6 #sidebar-front-page .widget:nth-child(5),
	.sidebar-page-template-6 #sidebar-page-template .widget:nth-child(5)	{
		clear: none;
	}
	/* But clear for 4th widget. */
	.sidebar-subsidiary-6 #sidebar-subsidiary .widget:nth-child(4),
	.sidebar-front-page-6 #sidebar-front-page .widget:nth-child(4),
	.sidebar-page-template-6 #sidebar-page-template .widget:nth-child(4)	{
		clear: left;
	}

}


/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

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

#respond {
	margin-top: 30px;
}

ol.comment-list,
ol.comment-list ol.children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-list > li {
	margin-bottom: 6%;
	padding-bottom: 6%;
}

ol.comment-list ol.children ul {
	margin-bottom: 0;
}
ol.comment-list ol.children {
	margin-left: 1%;
}

/* === Individual comments */

li.comment .comment-wrap,
li.ping .comment-wrap {
	padding-bottom: 16px;
	padding-bottom: 1.6rem;
	padding-top: 16px;
	padding-top: 1.6rem;
}

li.bypostauthor {
	padding: 3%;
}

ol.comment-list ul,
ol.comment-list ol,
ol.comment-list dl {
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
}
ol.comment-list ul ul,
ol.comment-list ol ol,
ol.comment-list dl dl {
	margin-bottom: 0;
}

/* Avatars. */

.comment-list .avatar {
	border-radius: 50%;
	float: left;
	margin: 0 16px 16px 0;
	margin: 0 1.6rem 1.6rem 0;
	width: 70px;
	height: 70px;
}

/* Meta. */
.comment-meta {
	margin-bottom: 6px;
}
.comment-meta abbr {
	border-bottom: none;
}

/* Reply link. */
#cancel-comment-reply-link {
	font-weight: bold;
}

.comment-content {
	clear: both;
	display: block;
}

.parent .comment-reply-link {
	display: block;
	margin-bottom: 20px;
}


@media screen and (min-width: 608px) {

	ol.comment-list ol.children {
		margin-left: 2%;
	}

	.comment-meta {
		margin-top: 16px;
	}
	
	.has-avatar.comment .comment-author {
		margin-top: 16px;
	}

}

@media screen and (min-width: 1056px) {

	ol.comment-list ol.children {
		margin-left: 3%;
	}

}


/*--------------------------------------------------------------
15.0 Plugins
--------------------------------------------------------------*/

/* === 15.1 Jetpack CSS === */

body #infinite-handle span {
	border: none;
	border-radius: 2px;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	display: inline-block;
	font-size: 1em;
	line-height: 1;
	padding: .8em 1em;
	margin: 0 0 1.5em 0;
	transition: all 0.25s ease-in-out;	
}

body .infinite-loader {
	margin-bottom: 1.5em;
}

body div.sharedaddy h3.sd-title,
body div#jp-relatedposts h3.jp-relatedposts-headline,
body div#jp-relatedposts h3.jp-relatedposts-headline em {
	font-size: 20px;
	font-weight: normal;
}

/* === 15.2 Gravity Forms CSS === */

body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper textarea {
	padding: 0.75em;
	font-size: 100%;
}
body .gform_confirmation_wrapper {
	padding: 3%;
	margin-bottom: 1.5em;
}
body .gform_wrapper .ginput_complex label,
body .gform_wrapper .gfield_time_hour label,
body .gform_wrapper .gfield_time_minute label,
body .gform_wrapper .gfield_date_month label,
body .gform_wrapper .gfield_date_day label,
body .gform_wrapper .gfield_date_year label,
body .gform_wrapper .instruction {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
}

/* === 15.3 Webshare CSS === */

body #webshare-wrapper {
	margin: 1.5em 0;
}

/* === 15.4 Custom Content Portfolio and Our Team CSS === */

.post-type-archive-team-member .avatar,
.post-type-archive-team-member .thumbnail-team-member,
.tax-team-member-category .avatar,
.tax-team-member-category .thumbnail-team-member,
.single-team-member .avatar,
.single-team-member .thumbnail-team-member {
	border-radius: 50%;
}
.post-type-archive-portfolio_item .entry-header,
.tax-portfolio .entry-header,
.term-post-format-video .entry-header {
	text-align: center;
}
.post-type-archive-portfolio_item .entry-title a,
.tax-portfolio .entry-header .entry-title a,
.term-post-format-video .entry-title a {
	padding: 0 2%;
}

/* === 15.5 Soliloquy Slider CSS === */

.entry-content .soliloquy-container {
	margin-bottom: 1.5em;
}


/*--------------------------------------------------------------
16.0 Right to left support
--------------------------------------------------------------*/

/*
 * Add styles for right to left (rtl) languages. Class 'rtl' is added in body tag when right to left language is active.
 * Note! rtl.css file doesn't auto-load when child theme is active. That's why I'm using this method because there should not be
 * rtl.css file in child theme just for support right to left styles. That would need @import rule which I'm avoiding.
 * We could also load right to left styles using is_rtl() conditional check but that might lead loading styles in wrong order in some 
 * scenarios when child theme is active. 
 */

body.rtl {
	direction: rtl;
	unicode-bidi: embed;
}

.rtl a {
	display: inline-block;
}

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

.rtl .screen-reader-text:focus {
	right: 5px;
	left: auto;
}

@media screen and (min-width: 900px) {

	.rtl .site-branding {
		text-align: right;
	}

	.rtl #site-title {
		padding-left: 4%;
		padding-right: 0;
	}

}

.rtl a[href^="mailto:"]::before,
.rtl a[href^="tel:"]::before,
.rtl .entry-date a::before,
.rtl .byline .entry-author a::before,
.rtl .comments-link a::before,
.rtl .entry-terms::before,
.rtl .nav-links .nav-previous a::before,
.rtl .nav-links a.prev::before,
.rtl .nav-links .nav-next a::after,
.rtl .nav-links a.next::after {
	padding-left: 4px;
	padding-right: 0;
}

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

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

	.rtl #menu-primary ul ul li a {
		padding-left: 0;
		padding-right: 9%;
	}
	.rtl #menu-primary ul ul ul li a {
		padding-left: 0;
		padding-right: 9%;
	}
	.rtl #menu-primary ul ul ul ul li a {
		padding-left: 0;
		padding-right: 9%;
	}

	.rtl button#nav-toggle:before {
		margin: 0 0 0 6px;
	}

}

@media screen and (min-width: 900px) {

	.rtl #menu-primary ul ul {
		float: right;
		margin: 0;
		right: -999em;
		left: auto;
	}

	.rtl #menu-primary ul ul ul {
		right: -999em;
		left: auto;
	}

	.rtl #menu-primary ul li:hover > ul,
	.rtl #menu-primary ul li.focus > ul	{
		right: auto;
	}

	.rtl #menu-primary ul ul li:hover > ul,
	.rtl #menu-primary ul ul li.focus > ul {
		right: 100%;
		left: auto;
	}

	.rtl #menu-primary .menu-item-has-children > a,
	.rtl #menu-primary .page_item_has_children > a {
		padding-right: 12px;
		padding-left: 26px;
	}

	.rtl #menu-primary .menu-item-has-children > a:after,
	.rtl #menu-primary .page_item_has_children > a:after {
		right: auto;
		left: 12px;
	}

	.rtl #menu-primary li .menu-item-has-children > a,
	.rtl #menu-primary li .page_item_has_children > a {
		padding-right: 12px;
		padding-left: 20px;
	}

	.rtl #menu-primary .menu-item-has-children li.menu-item-has-children > a:after,
	.rtl #menu-primary .menu-item-has-children li.page_item_has_children > a:after,
	.rtl #menu-primary .page_item_has_children li.menu-item-has-children > a:after,
	.rtl #menu-primary .page_item_has_children li.page_item_has_children > a:after {
		content: "\f503";
		right: auto;
		left: 8px;
	}

}

.rtl a.more-link::after {
	content: '\f430';
}

.rtl .comment-navigation .nav-previous,
.rtl .paging-navigation .nav-previous,
.rtl .post-navigation .nav-previous {
	float: right;
}

.rtl .comment-navigation .nav-next,
.rtl .paging-navigation .nav-next,
.rtl .post-navigation .nav-next {
	float: left;
	text-align: left;
}

.rtl .nav-links .nav-previous a::before,
.rtl .nav-links a.prev::before {
	content: '\f429';
}
.rtl .nav-links .nav-next a::after,
.rtl .nav-links a.next::after {
	content: '\f430';
}

.rtl .entry-date a,
.rtl .byline .entry-author a,
.rtl .comments-link a,
.rtl .entry-permalink a {
	margin-left: 8px;
	margin-right: 0;
}

.rtl .widget ul > li::before {
	margin-left: 6px;
	margin-right: 0;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

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

	.rtl .page-template-pagesfront-page-php .thumbnail {
		float: left;
		margin: 0 1.125em 1em 0;
	}
	
}

.rtl caption,
.rtl th,
.rtl td {
	text-align: right;
}

.rtl .format-status .avatar {
	float: right;
	margin: 0  0 30px 30px;
}


/*--------------------------------------------------------------
17.0 Child theme friendly zone
--------------------------------------------------------------*/

/*
 * At this point there are fonts, colors, background and borders used in a theme. 
 * You can overwrite them in your child theme 'style.css' if you need custom design.
 */

/* === 17.1 Font Family === */

body,
button,
input,
select,
textarea {
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title {
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}

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

/* === 17.2 Colors === */

/* Here is a list of used colors to help you out.
 *
 * Dark color for text and hover:           #303030
 * Lighter color for text:                  #555
 *
 * Dark color for titles and borders:       #054e92
 * Lighter color for links and backgrounds: #1668b5
 * Color for text with above backgrounds:   #fff
 *
 * Light background color:                  #e6eff7
 
 * For front page sticky post border:       #aacef0
 */

body,
button,
input,
select,
textarea {
	color: #303030;
}

.breadcrumb-trail,
.loop-description,
.wp-caption-text,
#colophon .site-info,
input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
input,
blockquote {
	color: #555;
}

::-webkit-input-placeholder {
	color: #555;
}
:-moz-placeholder {
	color: #555;
	opacity: 1;
}
::-moz-placeholder {
	color: #555;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #555;
}

.entry-title,
.sidebar .genericon,
.sidebar .genericon::before,
.kuorinka-front-page-content .genericon,
.kuorinka-front-page-content .genericon::before,
.screen-reader-text:focus {
	color: #054e92;
}

a,
a:visited,
a:hover,
a:focus,
a:active {
	color: #1668b5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.entry a.portfolio-item-link,
.kuorinka-callout .kuorinka-button,
body #infinite-handle span {
	color: #fff;
}

/* == Menu colors and backgrounds == */

#menu-primary li:hover > a,
#menu-primary li.focus > a,
button#nav-toggle:hover,
button#nav-toggle:focus,
button#nav-toggle.focus,
#menu-primary li.current-menu-item,
#menu-primary li.current-menu-item > a,
#menu-primary ul ul a:hover,
#menu-primary ul ul li.focus > a {
	background-color: #303030;
	color: #fff;
}

.custom-header-image #kuorinka-header-image img.header-image {
	border-top: 6px solid #054e92;
}

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

	.main-navigation li a,
	button#nav-toggle {
		background: #054e92;
		background: rgba(11,84,152,0.92);
		border-bottom: 1px solid #e6eff7;
		color: #fff;
	}
	button#nav-toggle.active {
		border-bottom: 1px solid #e6eff7;
	}

}

@media screen and (min-width: 900px) {
	
	#menu-primary .wrap {
		background: #054e92;
	}
	.custom-header-image.primary-menu-active #menu-primary .wrap {
		background-color: rgba(11,84,152,0.92);
		position: relative;
	}

	#menu-primary a {
		color: #fff;
	}

	#menu-primary ul ul {
		background-color: #054e92;
		background-color: rgba(11,84,152,0.92);
	}

	#menu-primary ul ul a {
		border-bottom: 1px solid #e6eff7;
	}

}

/* === 17.3 Backgrounds === */

pre {
	background-color: #e6eff7;
	background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(.5,rgba(255,255,255,.5)),color-stop(.5,transparent),to(transparent));
	background-image: -webkit-linear-gradient(rgba(255,255,255,.5) 50%,transparent 50%,transparent);
	background-image: -moz-linear-gradient(rgba(255,255,255,.5) 50%,transparent 50%,transparent);
	background-image: -o-linear-gradient(rgba(255,255,255,.5) 50%,transparent 50%,transparent);
	background-image: linear-gradient(rgba(255,255,255,.5) 50%,transparent 50%,transparent);
}

mark,
ins {
	background: #fff9c0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.entry a.portfolio-item-link,
.kuorinka-callout .kuorinka-button,
body #infinite-handle span {
	background: #1668b5;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.entry a.portfolio-item-link:hover,
.kuorinka-callout .kuorinka-button:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.entry a.portfolio-item-link:focus,
.kuorinka-callout .kuorinka-button:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.entry a.portfolio-item-link:active,
.kuorinka-callout .kuorinka-button:active,
body #infinite-handle span:hover,
body #infinite-handle span:focus,
body #infinite-handle span:active {
	background: #303030;
}

hr,
#sidebar-header,
#menu-portfolio ul li a,
#menu-team-member ul li a,
li.bypostauthor,
.widget-title,
.sticky,
.sticky.entry,
.page-links a,
.single-portfolio_item .entry-terms.portfolio a,
.screen-reader-text:focus,
body .gform_confirmation_wrapper,
.post-type-archive-portfolio_item .entry-header,
.tax-portfolio .entry-header,
.term-post-format-video .entry-header,
.kuorinka-callout {
	background: #e6eff7;
}

#masthead .site-branding,
.breadcrumb-trail .wrap,
#kuorinka-header-image,
#content > .wrap,
#sidebar-subsidiary .wrap,
#colophon #menu-social,
#colophon .site-info {
	background: #fff;
}

/* === 17.4 Borders === */

abbr,
acronym {
	border-bottom: 1px dotted #555;
}

blockquote {
	border: 2px dotted #054e92;
}

table {
	border-right: 1px solid #e6eff7;
}
th,
td {
	border-top: 1px solid #e6eff7;
	border-left: 1px solid #e6eff7;
	border-bottom: 1px solid #e6eff7;
}

input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
	border: 4px solid #e6eff7;
}
input[type="number"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus,
select:focus {
	border-color: #1668b5;
}

fieldset,
legend {
	border: 1px solid #e6eff7;
}

.loop-meta {
	border-bottom: 1px solid #e6eff7;
}

@media screen and (max-width: 899px) {
	
	.comment-navigation .nav-previous,
	.paging-navigation .nav-previous,
	.post-navigation .nav-previous,
	.site-main .pagination .prev.page-numbers {
		border-bottom: 2px solid #e6eff7;
	}
	.site-main .pagination .next.page-numbers {
		border-top: 2px solid #e6eff7;
	}

}

.widget-title,
.sticky,
.sticky.entry,
li.bypostauthor,
.post-type-archive-portfolio_item .entry-header .entry-title,
.tax-portfolio .entry-header .entry-title,
.term-post-format-video .entry-header .entry-title {
	border-bottom: 2px solid #054e92;
}

.entry-header .entry-title {
	border-bottom: 4px double #e6eff7;
}
.sticky .entry-header .entry-title {
	border-bottom-color: #aacef0;
}

.comment-list > li {
	border-bottom: solid 3px #e6eff7;
}

body #webshare-wrapper {
	border-top-color: #e6eff7;
	border-bottom-color: #e6eff7;
}

/* === 17.5 Box Shadows === */

.page-template-pagesfront-page-php .thumbnail {
	box-shadow: 0 0 0 4px #fff;
}

.format-status .avatar,
.post-type-archive-team-member .avatar,
.post-type-archive-team-member .thumbnail-team-member,
.tax-team-member-category .avatar,
.tax-team-member-category .thumbnail-team-member,
.single-team-member .avatar,
.single-team-member .thumbnail-team-member {
	box-shadow: 0 0 0 4px #e6eff7;
}