/*
	Theme Name: Calleia 5.0
	Theme URI: http://calleia.com/theme
	Author: Michael Calleia
	Author URI: http://calleia.com/
	Description: This is the theme used for calleia.com and is the 2017 edition. The theme is based on Underscores.
	Version: 4.0.1

	Change Log:
	4.0.1: removed dates from blog posts.

	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: Calleia
	Tags: design, portfolio, blog, store
	This theme, like WordPress, is licensed under the GPL.
	(C) 1995-2017 Michael Calleia.
  Calleia is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
	Underscores is distributed under the terms of the GNU GPL v2 or later.
	Normalizing styles have been helped along thanks to the fine work of
	Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
	*/


	/*
		Colors
			text: #222
			link primary: #f00
			link secondary: #222
			link hover: #666

			background: #fff        - white
			background 2: #ccc      - main gray
			background 3: #eee      - lighter gray
			background 4: #fbfbfb   - lightest gray
			background 5: #999      - darket gray

			validation / error: #b81c23


			strong / good
			  background-color:#c1e1b9;
			  border-color:#83c373;

			short / bad
				background-color:#f1adad;
				border-color:#b81c23;

		Type
			primary: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif
			secondary: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif
			mono: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace
		*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize

2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Visability

6.0 Typography
7.0 Forms
8.0 Formatting
9.0 Lists
10.0 Tables
11.0 Links
12.0 Featured Image Hover

13.0 Grid - Bootstrap (modified)

14.0 Navigation

15.0 Layout
   14.1 Header
   14.2 Front Page
   14.3 Regular Content
   14.4 Posts
   14.5 Pages
   14.6 Footer
	 14.7 Portfolio
	 14.8 Jobs
	 14.9 WooCommerce

16.0 Comments
17.0 Widgets

18.0 Media
   17.1 Galleries

110.0 Customizer

20.0 SVGs Fallbacks
20.0 Media Queries

22.0 Print
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

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

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1rem 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1rem;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

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

abbr[title] {
	border-bottom: 1px #666 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

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

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25rem;
}

sup {
	top: -0.5rem;
}

audio,
video {
	display: inline-block;
}

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

img {
	border-style: none;
}

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

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

select {
	color: #f00;
	background: #fff;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

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

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

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

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

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

tremplate {
	display: none;
}

[hidden] {
	display: none;
}

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

.screen-reader-text:focus {
	background-color: #eee;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5rem;
}

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

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

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

/*.entry-content:before,*/
/*.entry-content:after,*/
/*.entry-footer:before,*/
/*.entry-footer:after,*/
/*.comment-content:before,*/
/*.comment-content:after,*/
/*.site-header:before,*/
/*.site-header:after,*/
/*.site-content:before,*/
/*.site-content:after,*/
/*.site-footer:before,*/
/*.site-footer:after,*/
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
/*.comment-author:before,*/
/*.comment-author:after,*/
/*.widget-area:before,*/
/*.widget-area:after,*/
/*.widget:before,*/
/*.widget:after,*/
/*.comment-meta:before,*/
/*.comment-meta:after,*/
.clear:before,
.clear:after {
	content: "";
	display: table;
	table-layout: fixed;
}

/*.entry-content:after,*/
/*.entry-footer:after,*/
/*.comment-content:after,*/
/*.site-header:after,*/
/*.site-content:after,*/
/*.site-footer:after,*/
.nav-links:after,
.pagination:after,
/*.comment-author:after,*/
/*.widget-area:after,*/
/*.widget:after,*/
/*.comment-meta:after,*/
.clear:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Visability
--------------------------------------------------------------*/

/*show when page is small*/
.is-small {
    display: inline-block;
    visibility: visible;
    -webkit-transition: 2s visibility 1s linear, opacity .5s linear;/* Safari */
            transition: 2s visibility 1s linear, opacity .5s linear;
    opacity: 1;
}

/*hide when page is small*/
.not-small {
    display: none;
    visibility: hidden;
    -webkit-transition: 2s visibility 1s linear, opacity .5s linear;/* Safari */
            transition: 2s visibility 1s linear, opacity .5s linear;
    opacity: 0;
}

/*--------------------------------------------------------------
6.0 Typography
--------------------------------------------------------------*/
html {
    font-size: 62.5%;
		-webkit-transition: 0.3s ease-out;
		transition: 0.3s ease-out;
}

body,
button,
input,
select,
textarea {
	color: #222;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 20px;
	line-height: 2rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #222;
	clear: both;
	line-height: 1.4;
	/*margin: 0 0 0.75rem;*/
	padding: 1.5rem 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1 {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 40px;
	line-height: 4.0rem;
	font-weight: 800;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

h2 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 28px;
	line-height: 2.8rem;
	font-weight: 600;
	margin-top: 2rem;
	margin-bottom: 1rem;
	/*padding: .5rem 0;*/
}

h3 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 20px;
	line-height: 2.0rem;
	font-weight: 400;
	margin-top: 3rem;
	margin-bottom: 1rem;
}

h4 {
	color: #666;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 18px;
	line-height: 1.8rem;
	font-weight: 400;
	letter-spacing: 0.03rem;
	text-transform: uppercase;
	margin-top: 1rem;
	margin-bottom: .3rem;
}

h5 {
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 16px;
	line-height: 1.6rem;
	font-weight: 800;
	letter-spacing: 0.05rem;
	text-transform: uppercase;
	margin-bottom: .3rem;
}

h6 {
	color: #666;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 16px;
	line-height: 1.6rem;
	font-weight: 600;
	letter-spacing: 0.08rem;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 1rem;
}

p {
	margin: 0 0 2rem;
	padding: 0;
	letter-spacing: .05rem;
}

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

q {
	quotes: '\201C''\201D''\2018''\2019';
}

blockquote {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	line-height: 2.4rem;
	font-weight: 400;
	color: #666;
	font-style: italic;
	break-inside: avoid;
	position: relative;
	margin: 2rem 0 4rem;
	padding: 0 3rem;
	quotes: '\201C''\201D';
}

blockquote:before {
		font-size: 60px;
		font-size: 6rem;
    font-weight: 900;
    display: inline-block;
    content: open-quote;
    vertical-align: -2.35rem;
		position: absolute;
		left: -.5rem;
    color: #888;
}

blockquote:after {
		content: "";
}

blockquote cite {
	font-size: 14px;
	font-size: 1.4rem;
	font-style: normal;
	display: block;
	font-weight: 400;
	width: 100%;
	text-align: right;
}

blockquote cite::before {
    content: '\2014 \2009';
}

address {
	margin: 0 0 1.5rem;
}

pre {
	background: #eee;
	margin-bottom: 1.6rem;
	max-width: 100%;
	overflow: auto;
	padding: 1.6rem;
}

pre,
code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 20px;
	line-height: 2rem;
}

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

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

big {
	font-size: 125%;
}

:focus {
	outline: none;
}

/* Text selection background color */
::selection {
    background: #ff0; /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #ff0; /* Gecko Browsers */
}


/*--------------------------------------------------------------
7.0 Forms
--------------------------------------------------------------*/

label {
	color: #666;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 16px;
	line-height: 1.6rem;
	font-weight: 400;
	letter-spacing: 0.08rem;
	text-transform: uppercase;
	display: block;
	font-weight: 800;
	padding-top: 4rem;
	margin-bottom: 0.5rem;
}

label.error {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6px;
	line-height: 1.6rem;
	padding: 0 0 1rem;
	font-style: italic;
	color: #b81c23;
	text-transform: none;
	font-weight: 400;
}

fieldset {
	margin: 2rem 0;
	padding: 0;
	border: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	font-size: 16px;
	font-size: 1.6rem;
	background: none;
	border: none;
	border-bottom: solid 1px #bbb;
	display: block;
	padding: 6px 3px;
	margin-bottom: 2rem;
	width: 100%;
	-webkit-transition: all .5s linear;
					transition: all .5s linear;
}

input[type="search"] {
	margin-bottom: 0;
}

textarea {
    padding: 3px;
		height: 12rem;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #f00;
	background-position: 0 0;
	box-shadow: none;
}

select {
	border: 1px solid #ccc;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 3rem;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5rem;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

input::-webkit-input-placeholder, input {
    -webkit-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
}

form#contact-form p,
form#contact-form input[type="text"],
form#contact-form input[type="email"] {
  display: inline-block;
  width: auto;
  padding-right: 1rem;
}

.button,
button,
input[type="button"],
input[type="submit"] {
	background-color: #fff;
	border: 1px solid #f00;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #f00;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 10px 15px;
	margin: 15px 0 0;
	text-shadow: none;
}

.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #f00;
	color: #fff;
}

/*.button,
input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75rem 2rem;
}*/

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #222;
	color: #fff;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #666;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #999;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #999;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #999;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #999;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

/*--------------------------------------------------------------
8.0 Formatting
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
9.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 2rem 1.5rem;
	padding: 0;
}

ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5rem;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5rem 1.5rem;
}

/*--------------------------------------------------------------
10.0 Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5rem;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #222;
	padding-bottom: 0.5rem;
}

th {
	padding: 0.4rem;
	text-align: left;
}

tr {
	border-bottom: 1px solid #ccc;
}

td {
	padding: 0.4rem;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/* Table for Forms*/

.form-table {
	display:table;
	width:100%;
	/*margin-bottom: 4rem;*/
}

form#contact-form p.table-fit {
	display:table-cell;
	width:1px;
	white-space: nowrap;
}
form#contact-form input[type="text"].table-flex,
form#contact-form input[type="email"].table-flex,
form#contact-form .table-flex {
	display:table-cell;
	width:100%;
}

/*--------------------------------------------------------------
11.0 Links
--------------------------------------------------------------*/

a {
	color: #f00;
	text-decoration: none;
}

a:focus {
	/*outline: thin dotted;*/
}

a:hover,
a:active {
	color: #666;
	outline: 0;
}

/* Hover effects */

.entry-content a,
.widget a,
/*.site-footer .widget-area a,*/
.posts-navigation a,
.widget_authors a strong {
	color: #222;
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

/*.entry-title a,*/
.entry-meta a,
.page-links a,
.page-links a .page-number,
/*.entry-footer a,*/
/*.entry-footer .cat-links a,
.entry-footer .tags-links a,*/
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	color: #222;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
/*.entry-title a:focus,*/
/*.entry-title a:hover,*/
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
/*.entry-footer a:focus,*/
/*.entry-footer a:hover,*/
/*.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,*/
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #666;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

/*Un-hover effect*/

.portfolio-filter a,
a.more-link {
	color:#f00;
	text-decoration: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.portfolio-filter a:hover,
.portfolio-filter a:focus,
a.more-link:hover,
a.more-link:focus {
	color:#666;
	text-decoration: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/*Icons SVG*/
button .icon, a .icon  {
	fill: #f00;
}

button:hover .icon, a .icon:hover  {
	fill: #666;
}

/*expand icon when open*/
.dropdown-toggle.toggled-on .icon {
	fill: #666;
}

/*Search*/
button.search-submit {
	border: none;
	padding: 0;
}

button.search-submit:focus, button.search-submit:hover {
	background: none;
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/*--------------------------------------------------------------
12.0 Featured Image Hover
--------------------------------------------------------------*/

.post-thumbnail {
	margin-bottom: 1rem;
}

.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

/*--------------------------------------------------------------
13.0 Grid - Bootstrap (modified)
--------------------------------------------------------------*/

@-ms-viewport {
  width: device-width;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.col {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}


/* 768px */
@media screen and (min-width: 48em) {

	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12,
	.col {
		-webkit-box-flex: 0;
  	padding-right: 2%;
	  padding-left: 2%;
	}

  .col-1{
      -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-2{
      -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-3{
      -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }

  .col-4{
      -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-5{
      -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-6{
      -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }

  .col-7{
      -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-8{
      -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-9{
      -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }

  .col-10{
      -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-11{
      -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-12{
      -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }

	.col-center {
		margin: 0 auto;
	}

	.no-gutters {
    padding-right: 0;
    padding-left: 0;
  }
}

/*# sourceMappingURL=bootstrap-grid.css.map */


/*--------------------------------------------------------------
15.0 Navigation
--------------------------------------------------------------*/

.navigation-top {
	/*background: #fff;*/
	/*border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;*/
	font-size: 14px;
	font-size: 1.4rem;
	position: absolute;
	width: 100%;
	display: block;
	top: 0;
	left: 0;
	padding: 0;
	z-index: 10;
}

/*.navigation-top.col-11*/

.navigation-top a {
	/*color: #222;*/
	/*font-weight: 600;*/
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	/*font-weight: 800;*/
	color: #666;
}

.navigation-top .sub-menu .current-menu-item > a,
.navigation-top .sub-menu .current_page_item > a {
	/*font-weight: 400;*/
	color: #f00;
}

.menu-main-nav-container {
	padding: 3rem 0 0 0;
}

.main-navigation {
	clear: both;
	display: block;
	padding-left: 2.75rem;
	padding-right: 2.75rem;
}

.main-navigation ul {
	background-color: rgba(255,255,255, .95);
	list-style: none;
	margin: 0;
	padding: 0 1.5rem;
	text-align: left;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
	display: none;
}

.main-navigation > div > ul {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: .5rem 0 0;
}

.js .main-navigation.toggled-on > div > ul {
	display: block;
	margin-top: 3rem;
	box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.3);
}

.main-navigation ul ul {
	padding: 0 0 0 1.5rem;
}

.main-navigation ul ul.toggled-on {
	display: block;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.4rem 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 1px solid #eee;
	padding: 0  0 0 1.5rem;
	/*padding: 0  0 0 2rem;*/
	position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 0.5rem 0;
	text-decoration: none;
}

.main-navigation a:hover {
	color: #666;
}

/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: none;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 800;
	line-height: 1.5;
	padding: 0;
	text-shadow: none;
	/*position: absolute;
	right: 0;*/
	float: right;
}

/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: inline-block;
}

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

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #666;
}

.menu-toggle:focus {
	/*outline: thin solid;*/
}

.menu-toggle .icon {
	margin-right: 0.5rem;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	right: 0rem;
	line-height: 1.5;
	margin: 0 auto;
	padding: .5rem 1rem;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

/* Scroll down arrow */

.site-header .menu-scroll-down {
	display: none;
}


/*--------------------------------------------------------------
14.0 Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	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/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

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

#page {
	position: relative;
	word-wrap: break-word;
}

.wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	padding-left: 2.75rem;
	padding-right: 2.75rem;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.wrap:after {
	clear: both;
	content: "";
	display: block;
}

/*--------------------------------------------------------------
14.1 Header
--------------------------------------------------------------*/

/*.site-header .col-4, .site-header .col-8 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
			-ms-flex: 0 0 50%;
					flex: 0 0 50%;
	max-width: 50%;
	padding-left: 2%;
	padding-right: 2%;
}*/

.site-header {
	/*background-color: #fff;
	position: relative;*/
	position: fixed;
	z-index: 100;
	top: 0;
	width: 100%;
	height: 50px;
	-webkit-transition: height 1s ease; /* Safari */
					transition: height 1s ease;
	background-color: rgba(255,255,255, .7);
}

/* Site branding */

.site-branding {
	padding: 2rem 0;
	position: relative;
	-webkit-transition: margin-bottom 0.2s;
	transition: margin-bottom 0.2s;
	z-index: 3;
	display: inline-block;
	/*width: 100%;*/
}

.site-branding a {
	text-decoration: none;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.site-branding a:hover,
.site-branding a:focus {
	opacity: 0.7;
}

.site-branding-text {
	/*clear: none;*/
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	/*text-transform: uppercase;*/
}

.site-branding-text,
.ssite-branding-text a {
	/*color: #222;*/
	opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}

#logo {
	display: none;
    visibility: hidden;
    -webkit-transition: 2s visibility 1s linear, opacity .5s linear;
    transition: 2s visibility 1s linear, opacity .5s linear;
    opacity: 0;
}

.site-description {
	display: none;
    visibility: hidden;
    -webkit-transition: 2s visibility 1s linear, opacity .5s linear;
    transition: 2s visibility 1s linear, opacity .5s linear;
    opacity: 0;
}



/*Header media*/
.custom-header {
	position: relative;
}

.has-header-image.calleia-front-page .custom-header,
.has-header-video.calleia-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	display: table;
	height: 300px;
	height: 75vh;
	width: 100%;
}

.custom-header-media {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.custom-header-media:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
	background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 2;
}

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
	position: fixed;
	height: auto;
	left: 50%;
	max-width: 1000%;
	min-height: 100%;
	min-width: 100%;
	min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
	width: auto;
	top: 50%;
	padding-bottom: 1px; /* Prevent header from extending beyond the footer */
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
	background-color: rgba(34, 34, 34, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	height: 45px;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 30px;
	top: 30px;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: 45px;
}

.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
	border-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(34, 34, 34, 0.8);
	color: #fff;
}

.admin-bar .wp-custom-header-video-button {
	top: 62px;
}

.has-header-image:not(.calleia-front-page):not(.home) .custom-header-media img {
	bottom: 0;
	position: absolute;
	top: auto;
	-ms-transform: translateX(-50%) translateY(0);
	-moz-transform: translateX(-50%) translateY(0);
	-webkit-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
}

/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
	.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-video .custom-header-media iframe,
	.has-header-image:not(.calleia-front-page):not(.home) .custom-header-media img {
		height: 100%;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		width: 100%;
	}
}

/* Hides div in Customizer preview when header images or videos change. */

body:not(.has-header-image):not(.has-header-video) .custom-header-media {
	display: none;
}

.has-header-image.calleia-front-page .site-branding,
.has-header-video.calleia-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
	display: table-cell;
	height: 100%;
	vertical-align: bottom;
}


/*--------------------------------------------------------------
14.2 Front Page
--------------------------------------------------------------*/

/*.calleia-front-page .site-content {
	padding: 0;
}*/

.calleia-panel {
	overflow: hidden;
	position: relative;
}

.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

.panel-image:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
	bottom: 0;
	content: "";
	left: 0;
	right: 0;
	position: absolute;
	top: 100px;
}

.calleia-front-page article:not(.has-post-thumbnail):not(:first-child) {
	border-top: 1px solid #ddd;
}

.panel-content {
	position: relative;
}

.panel-content .wrap {
	padding-bottom: 0.5em;
	padding-top: 1.75em;
}

/* Front Page - Panels */

.front-page .panel-content h2 {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 40px;
	line-height: 4.2rem;
	font-weight: 300;
	margin-top: 1rem;
	padding: 0;
}

.panel-content .entry-header .entry-title {
	margin-bottom: 1rem;
}

.front-page article {
	/*margin-bottom: 4rem;*/
}

/* Panel edit link */

.calleia-panel .edit-link {
	display: block;
	margin: 0.3em 0 0;
}

.calleia-panel .entry-header .edit-link {
	font-size: 14px;
	font-size: 1.4rem;
}

/* Front Page - Recent Posts */

.calleia-front-page .panel-content .recent-posts article {
	border: 0;
	color: #333;
	margin-bottom: 3em;
}

.recent-posts .entry-header {
	margin-bottom: 1.2em;
}

.page .panel-content .recent-posts .entry-title {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: none;
}

.calleia-panel .recent-posts .entry-header .edit-link {
	color: #222;
	display: inline-block;
	font-size: 11px;
	font-size: 1.1rem;
	margin-left: 1em;
}

/*--------------------------------------------------------------
14.3 Regular Content
--------------------------------------------------------------*/

#superwrapper {
    /*margin-top: 50px;*/
}

.site-content-contain {
	background-color: #fff;
	position: relative;
}

.site-content {
	padding: 50px 0 0;
}

.entry-content li {
	margin-bottom: 1rem;
}

/*--------------------------------------------------------------
14.4 Posts
--------------------------------------------------------------*/

/* Post Landing Page */

.sticky {
	position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
	display: none;
}

.sticky .icon-thumb-tack {
	display: block;
	height: 18px;
	left: -1.5em;
	position: absolute;
	top: 1.65em;
	width: 20px;
}

/*.page .panel-content .entry-title,
.page-title,
body.page:not(.calleia-front-page) .entry-title {
	color: #222;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}*/

/*.entry-header .entry-title {
	margin-bottom: 0.25rem;
}*/

.entry-title a {
	/*color: #333;*/
	font-weight: 200;
	text-decoration: none;
	margin-left: -2px;
	margin-bottom: 0;
}

.entry-title:not(:first-child) {
	padding-top: 0;
}

.entry-meta {
	color: #666;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 2em;
	text-transform: uppercase;
}

.entry-meta a {
	color: #666;
}

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

.single .entry-title {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 40px;
	line-height: 4rem;
	font-weight: 300;
	orphans: 3;
}

.posted-on {
	display: block;
}

.entry-date.published, .entry-date.published {
	display: none;
}

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

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

.single-post .entry-content > p:first-child {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 300;
  line-height: 32px;
  line-height: 3.2rem;
  hyphens: auto;
}

.pagination,
.comments-pagination {
	border-top: 1px solid #eee;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.comments-pagination {
	border: 0;
}

.page-numbers {
	display: none;
	padding: 0.5em 0.75em;
}

.page-numbers.current {
	/*color: #666;*/
	display: inline-block;
}

.page-numbers.current .screen-reader-text {
	clip: auto;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: auto;
}

.prev.page-numbers,
.next.page-numbers {
	/*background-color: #ddd;*/
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	/*background-color: #666;*/
	color: #666;
}

.prev.page-numbers {
	float: left;
}

.next.page-numbers {
	float: right;
}

/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
	width: 48%;
}

/* Blog landing, search, archives */

.site-main {
	padding-bottom: 4rem;
}

.home .site-main {
	padding-bottom: 0;
}

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article,
article.post {
	padding-bottom: 2rem;
}

.blog-archive article {
	padding-bottom: 4rem;
}

/*body:not(.calleia-front-page) .entry-header {
	padding: 1em 0;
}*/

/*body:not(.calleia-front-page) .entry-header,
body:not(.calleia-front-page) .entry-content,
body:not(.calleia-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}*/

/*body:not(.calleia-front-page) .entry-header {
	padding-top: 0;
}*/

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

.taxonomy-description {
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
}

/* More tag */

/*.entry-content .more-link:before {
	content: "\a0";
}*/

/*.entry-content .more-link:after {
	content: "\a0 \2192";
}*/

/* Single Post */



.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}

.single-featured-image-header img {
	display: block;
	margin: auto;
}

.page-links {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 800;
	padding: 2em 0 3em;
}

.page-links .page-number {
	color: #666;
	display: inline-block;
	padding: 0.5em 1em;
}

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

.page-links a .page-number {
	color: #222;
}

/* Entry footer */

.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}

.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}

/*.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #333;
}*/

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #666;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}

.entry-footer .edit-link {
	display: inline-block;
}

.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #666;
}

/* Post Formats */

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

.format-quote blockquote {
	color: #333;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 300;
	overflow: visible;
	position: relative;
}

.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */

.post-navigation {
	font-weight: 800;
	margin: 3em 0;
}

.post-navigation .nav-links {
	padding: 1em 0;
}

.nav-subtitle {
	background: transparent;
	color: #666;
	display: block;
	font-size: 11px;
	font-size: 1.1rem;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.nav-title {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
}

.post-navigation .nav-next {
	margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}

/*--------------------------------------------------------------
14.5 Pages
--------------------------------------------------------------*/

.page-header {
	padding-bottom: 2em;
}

.page .entry-header .edit-link {
	font-size: 14px;
	font-size: 1.4rem;
}

.search .page .entry-header .edit-link {
	font-size: 11px;
	font-size: 1.1rem;
}

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

.page:not(.home) #content {
	padding-bottom: 1.5em;
}

/* 404 page */

.error404 .page-content {
	margin-top: 2rem;
	padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/* Words - calleia.com specific */

.words .row {
	margin-top: 2rem;
}

.words h2 {
	border-bottom: 2px solid #222;
  padding: 0 0 .25rem 0;
  margin: 2rem 2% 4rem 2%;
}

.words h3 {
	margin-top: 0;
}

.words blockquote {
  margin: 0 0 4rem;
}

/*--------------------------------------------------------------
14.6 Footer
--------------------------------------------------------------*/

.site-footer {
	border-top: 1px solid #eee;
	background-color: #f6f6f6;
	/*padding-bottom: 1.5em;*/
	/*padding-top: 2em;*/
}

/* Footer widgets */

.site-footer .widget-area {
	padding-top: 2em;
	padding-bottom: 1em;
}

/* Social nav */

.social-navigation {
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 1.5em;
	margin-bottom: 1em;
}

.widget .social-navigation ul li {
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
	border: 0;
}

.social-navigation li {
	display: inline;
}

.social-navigation li a {
	border: none;
}

.social-navigation a {
	background-color: #f00;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	height: 4rem;
	margin: 0 1em 0.5em 0;
	text-align: center;
	width: 4rem;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

.site-footer .widget-area .social-navigation a:hover,
.site-footer .widget-area .social-navigation a:focus {
	background-color: #666;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

.social-navigation i.fa {
	font-size: 2rem;
	line-height: 4rem;
	vertical-align: middle;
	color: #fff;
}

.social-navigation .icon {
	height: 2rem;
	top: 1rem;
	width: 2rem;
	vertical-align: top;
	fill: #fff;
}
.social-navigation a:hover .icon {
		fill: #fff;
}


/* Site info */

.site-info {
	font-size: 14px;
	font-size: 1.4rem;
	padding-bottom: 1em;
}

/*.site-info a {
	color: #666;
}*/

.site-info .sep {
	margin: 0;
	display: block;
	visibility: hidden;
	height: 0;
	width: 100%;
}


/*--------------------------------------------------------------
14.7 Portfolio
--------------------------------------------------------------*/

/* Isotope filtering for Jetpack Portfolio */
	/*filter*/
		.portfolio-filter {
			/*font-size: 14px;
			font-size: 1.4rem;*/
			overflow: hidden;
			text-transform: capitalize;
		}
		.portfolio-filter ul {
			margin: 0;
			padding: 0;
			/*text-align: left;*/
			/*width: 100%;*/
			/*border-bottom: 1px solid #222;*/
		}
		.portfolio-filter ul li {
			/*background: #f0f0f0;*/
			color: #f00;
			cursor: pointer;
			display: inline-block;
			list-style-type: none;
			margin: 0 2.04vw .5em 0;
			padding: 0;
			text-align: left;
		}
		.portfolio-filter ul li:first-child {
			margin-right: .8em;
		}
		.portfolio-filter ul li:focus, .portfolio-filter ul li:hover {
			color: #666;
		}
		li.filter.active {
			font-weight: 800;
			/*background: #f0f0f0;*/
		}


		/*items*/
		.portfolio-container {
			width: 100%;
			padding: 0;
			margin: 0;
			/*margin: 0 2%;*/
		}


		.portfolio-container .portfolio-item {
			/*display: flex;*/
			position: relative;
			/*float: left;*/
			width: 100%;
			height: 96vw;
			margin-bottom: 3rem;
			overflow: hidden;
			padding: 0;
		}

		.portfolio-thumb img {
			display: inline-block;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.portfolio-container .portfolio-item:hover .portfolio-meta {
			background: rgba(0,0,0, 0.60);
			-webkit-transition: 0.3s ease-out;
			transition: 0.3s ease-out;
		}
		.portfolio-container .portfolio-item:hover .portfolio-entry-description {
			opacity: 1;
			-webkit-transition: 0.3s ease-out;
			transition: 0.3s ease-out;
		}

/*responsive*/
		/* 480px */
		@media screen and (min-width: 30em){
			.portfolio-container {
		    width: 104%;
				left: -2%;
			}

			.portfolio-container .portfolio-item {
				width: 46%;
				height: 46vw;
				margin: 2%;
			}
			.portfolio-container .portfolio-item.wide {
				width: 96%;
				height: 46vw;
			}
			.portfolio-container .portfolio-item.double {
				width: 96%;
				height: 96vw;
			}
		}

		/* 768px */
		@media screen and (min-width: 48em)  {
			.portfolio-container {
		    width: 100%;
				left: 0;
			}
			.portfolio-container .portfolio-item {
			width: 29.333%;
			height: 29.333vw;
			max-height: 293.33px;
			margin: 2%;
			}
			.portfolio-container .portfolio-item.wide {
			width: 62.666%;
			height: 29.333vw;
			max-height: 293.33px;
			}
			.portfolio-container .portfolio-item.double {
			width: 62.666%;
			height: 62.666vw;
			max-height: 626.66px;
			}
		}

		.portfolio-item .portfolio-meta {
			width: 100%;
			height: 100%;
			position: absolute;
			vertical-align: bottom;
			bottom:0;
			padding: 1rem;
			background: rgba(0,0,0, 0.30);
		}

		.portfolio-item .portfolio-meta .portfolio-entry-description {
			width: 100%;
			height: 40%;
			position: relative;
			bottom: 0;
			left: 0;
			opacity: 0;
		}
		.white p, .white h2, .white small {
			color: #ffffff !important;
			border: none;
		}
		.white h2 {
			padding: 0;
			margin: 0;
		}
		.portfolio-item .portfolio-meta .portfolio-entry-title {
			width: 100%;
			height: 60%;
		}

/* Portfolio single page */

		/* Background */
		.portfolio-intro-image {
			width: 100%;
			padding: 0;
			background: #efefef;
		}
		.portfolio-intro-image.thumb {
			padding: 2rem;
		}
		.portfolio-intro-image.full {
			height: 35vw;
		}

		/* hero image */
		.portfolio-intro-image img {
		display: block;
		margin: 0 auto;
		}
		/* hero image, small preview iamge*/
		.portfolio-intro-image.thumb img {
			width: auto;
		}
		/* hero image, fill preview image*/
		.portfolio-intro-image.full img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		/* Portfolio single title and meta */
		.single .portfolio-post .entry-meta, .single .portfolio-post .entry-title {
				text-align: left;
		}

		/* Portfolio single page meta */
		.portfolio-post .entry-meta {
			font-weight: 400;
			font-size: 12px;
    	font-size: 1.2rem;
			line-height: 18px;
			line-height: 1.8rem;
			text-transform: none;
			letter-spacing: 0;
			padding: 0 0 30px;
			margin: 0 auto;
			display: block;
		}

		.portfolio-post .entry-meta a {
			color: #f00;
			-webkit-box-shadow: none;
			box-shadow: none;
			text-decoration: none;
		}
		.portfolio-post .entry-meta a:hover,
		.portfolio-post .entry-meta a:focus	 {
			color: #666;
			-webkit-box-shadow: none;
			box-shadow: none;
			text-decoration: none;
		}
		.portfolio-post img {
			width: auto;
			max-width: auto;
			max-height: auto;
		}


	/* 768px */
	@media screen and (min-width: 48em)  {
	.portfolio-post .entry-meta {
			padding-bottom: 6rem;
			width: 100%;
			margin: 0;
			display: table;
			table-layout: fixed;
			border-collapse: separate;
		}
		.entry-meta-item {
			display: table-cell;
			padding: 0 2% 0 0;
			width: 100%;
		}
		.entry-meta-item .line.black {
			display: none;
			visibility: hidden;
			-webkit-transition: 2s visibility 1s linear, opacity .5s linear;/* Safari */
							transition: 2s visibility 1s linear, opacity .5s linear;
			opacity: 0;
		}
	}


	/*Lines*/
	.line {
		position: relative;
		display: block;
		margin: 2rem 0 2rem;
		width: 4rem;
		height: 3px;
		display: block;
		visibility: visible;
		-webkit-transition: 2s visibility 1s linear, opacity .5s linear;/* Safari */
						transition: 2s visibility 1s linear, opacity .5s linear;
		opacity: 1;
	}
	.line.white {
		border-top: 2px solid #fff;
	}
	.line.black {
		border-top: 2px solid #222;
	}

/*--------------------------------------------------------------
14.8 Jobs — WP Job Manager
--------------------------------------------------------------*/
.job_listings  {
  max-width: 1000px!important;
  margin: auto;
}

form.job_filters,
ul.job_listings,
div.job_listings ul.job_listings  {
  margin: 0 2%;
}

.job_filters  {
   background: none;
}

.job_filters .search_jobs  {
  padding: 0;
}

.job_filters .job_types  {
 font-size: 1rem;
 background: none;
 border-top: none;
}

.job_filters .job_types li  {
  border: none;
}

.job_types li label {
  padding: 0;
}

img.company_logo {
  display: none;
}

.rp4wp-related-job_listing>ul li.job_listing a div.position, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position, ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position {
  padding: 0 0 0 2%;
  width: 48%;
}

.rp4wp-related-job_listing>ul li.job_listing a .meta, .rp4wp-related-job_listing>ul li.no_job_listings_found a .meta, ul.job_listings li.job_listing a .meta, ul.job_listings li.no_job_listings_found a .meta {
  padding: 0 2% 0 0;
}

.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a, .rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a, ul.job_listings li.job_listing.job_position_featured a, ul.job_listings li.no_job_listings_found.job_position_featured a {
  background: none;
}

.rp4wp-related-job_listing>ul li.job_listing a, .rp4wp-related-job_listing>ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a {
  padding: 2em 0 2em;
  margin-bottom: 0;
}

.rp4wp-related-job_listing>ul li.job_listing a div.position .company .tagline, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position .company .tagline, ul.job_listings li.job_listing a div.position .company .tagline, ul.job_listings li.no_job_listings_found a div.position .company .tagline {
  margin: 0;
}

.job-manager .freelance, .job-types .freelance, .job_listing .freelance, .job-manager .job-type, .job-types .job-type, .job_listing .job-type {
  color: #999;
}

.single-job .sharedaddy {
	 margin-bottom: 4rem;
}

/*--------------------------------------------------------------
14.9 WooCommerce
--------------------------------------------------------------*/




/*--------------------------------------------------------------
16.0 Comments
--------------------------------------------------------------*/

#comments {
	clear: both;
	padding: 2em 0 0.5em;
}

.comments-title {
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 1.5em;
}

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

.comment-list li:before {
	display: none;
}

.comment-body {
	margin-left: 65px;
}

.comment-author {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}

.comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}

.comment-author .says {
	display: none;
}

.comment-meta {
	margin-bottom: 1.5em;
}

.comment-metadata {
	color: #666;
	font-size: 10px;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.comment-metadata a {
	color: #666;
}

.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}

.comment-body {
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 4em;
}

.comment-reply-link {
	font-weight: 800;
	position: relative;
}

.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}

.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
	font-style: italic;
}

.comments-pagination {
	margin: 2em 0 3em;
}

.form-submit {
	text-align: right;
}

/*--------------------------------------------------------------
17.0 Widgets
--------------------------------------------------------------*/

#secondary {
	/*padding: 0 0 2em;*/
}

.widget {
	padding-bottom: 3em;
}

h2.widget-title {
	color: #222;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	margin-top: 2rem;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

.widget-title a {
	color: inherit;
}

/* widget forms */

.widget select {
	width: 100%;
}


/* widget lists */

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

.widget ul li {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 0.5em 0;
}

.widget ul li + li {
	margin-top: -1px;
}

.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}

.widget ul li li {
	border: 0;
	padding-left: 24px;
	padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
	bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}

.widget_rss ul li {
	padding-bottom: 1em;
	padding-top: 1em;
}

/* widget markup */

.widget .post-date,
.widget .rss-date {
	font-size: 0.81em;
}

/* Text widget */

.widget_text {
	word-wrap: break-word;
}

/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
	float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
	background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
	display: block;
}

.widget_rss ul li {
	padding: 2.125em 0;
}

.widget_rss ul li:first-child {
	border-top: none;
	padding-top: 0;
}

.widget_rss li .rsswidget {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 300;
	line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
	color: #666;
	display: block;
	font-size: 10px;
	font-size: 1rem;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.18em;
	line-height: 1.5;
	text-transform: uppercase;
}

.widget_rss .rss-date {
	margin: 0.5em 0 1.5em;
	padding: 0;
}

.widget_rss .rssSummary {
	margin-bottom: 0.5em;
}

/* Contact Info Widget */

.widget_contact_info .contact-map {
	margin-bottom: 0.5em;
}

/* Gravatar */

.widget-grofile h4 {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 0;
}

/* Recent Comments */

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
	border: 0;
}

/* Recent Posts widget */

.widget_recent_entries .post-date {
	display: block;
}

/* Search */

.search-form {
	position: relative;
}

.search-form .search-submit {
	bottom: 3px;
	padding: 0.5em 0;
	position: absolute;
	right: 3px;
	/*top: 3px;*/
}

.search-form .search-submit .icon {
	height: 18px;
	width: 18px;
	top: 0px;
}

.widget-area .search-form label {
	display: none;
}

/* Tag cloud widget */

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
	line-height: 1.5;
}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	float: left;
	font-size: 14px !important; /* !important to overwrite inline styles */
	font-size: 1.4rem !important;
	margin: 4px 4px 0 0 !important;
	padding: 4px 10px 5px !important;
	position: relative;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: auto;
	word-wrap: break-word;
	z-index: 0;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
	border-color: #bbb;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

/* Calendar widget */

.widget_calendar th,
.widget_calendar td {
	text-align: center;
}

.widget_calendar tfoot td {
	border: 0;
}

/*--------------------------------------------------------------
18.0 Media
--------------------------------------------------------------*/

img, video {
    display: inline-block;
    width: 100%;
    max-width: 100% !important; /* Adhere to container width. */
    height: auto; /* Make sure images are scaled correctly. */
}

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

.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 {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 1.3rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	margin: 1.292rem 0;
}

/* Media Elements */

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

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #666;
}

.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #666;
	color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
	background: #222;
	border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */

.site-content .wp-playlist {
	padding: 1rem 1rem .5rem;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0.29em;
	text-transform: uppercase;
}

.site-content .wp-playlist-item {
	padding: 0 0.5rem;
	cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}

.site-content .wp-playlist-item a {
	padding: 0.5rem 0;
	border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.site-content .wp-playlist-item-length {
	top: 5px;
}

/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: #222;
	height: 1.6rem;
	position: relative; /* Align more nicely with capital letters */
	top: -0.1em;
	vertical-align: middle;
	width: 1.6rem;
}


/*--------------------------------------------------------------
17.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

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

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
110.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.calleia-customizer.calleia-front-page .calleia-panel:after {
	border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}

.highlight-front-sections.calleia-customizer.calleia-front-page .calleia-panel .panel-content {
	z-index: 2; /* Prevent :after from preventing interactions within the section */
}

/* Used for placeholder text */
.calleia-customizer.calleia-front-page .calleia-panel .calleia-panel-title {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.calleia-customizer.calleia-front-page .calleia-panel:nth-of-type(1):after {
	border: none;
}

.calleia-front-page.calleia-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.calleia-panel .customize-partial-edit-shortcut button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.calleia-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}

/*--------------------------------------------------------------
20.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
	display: inline-block;
}

.no-svg .dropdown-toggle {
	padding: 0.5em 0 0;
	right: 0;
	text-align: center;
	width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1;
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(180deg); /* IE 9 */
	transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
	-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
	-ms-transform: rotate(0); /* IE 9 */
	transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
	content: "\005E";
}

/* Social Menu fallbacks */

.no-svg .social-navigation a {
	background: transparent;
	color: #222;
	height: auto;
	width: auto;
}

/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
	clip: auto;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	height: auto;
	position: relative !important; /* overrides previous !important styles */
	width: auto;
}

/*--------------------------------------------------------------
20.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */

/* 320px */
@media screen and (min-width: 20em) {
		body.customize-partial-edit-shortcuts-shown .site-header .site-title {
			padding-left: 0;
		}
}

/* 480px */
@media screen and (min-width: 30em) {

		html {
		    font-size: 70%;
		}

	/*Header*/

	.site-content {
		padding: 80px 0 0;
	}
	.site-header {
		height: 80px;
	}
	.site-branding-text {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.site-branding {
		padding: 1rem 0;
	}
	#logo
	{
		display: block;
		visibility: visible;
		width: 60px;
		height: 60px;
		opacity: 1;
	}
	.site-description
	{
			display: none;
			visibility: hidden;
			-webkit-transition: 2s visibility 1s, opacity .5s linear;/* Safari */
			transition: 2s visibility 1s, opacity .5s linear;
			opacity: 0;
	}

	/*Navigation*/
	.menu-toggle {
		margin-top: 3rem;
	}
	.menu-main-nav-container {
		padding: 2rem 0 0 0;
	}

	/*Home-page*/
	.panel1 .panel-image {
				overflow: visible;
				padding: 20px 0 30px 0;
				-webkit-transition: 2s visibility 1s, opacity .5s linear;/* Safari */
								transition: 2s visibility 1s, opacity .5s linear;
				background-image: url('assets/images/background/mirror_1440.jpg');
				background-repeat: no-repeat;
				background-size: cover;
	}

	/* Front Page */

	.panel-content .wrap {
		padding-bottom: 2em;
		padding-top: 3.5em;
	}

	/*.page-one-column .panel-content .wrap {
		max-width: 740px;
	}*/

	.panel-content .entry-header {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	.page-two-column .panel-content .entry-content {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 0;
	}

	/* Gallery Columns */

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

	.gallery-columns-1 .gallery-item {
		max-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%;
	}

}

/* 768px */
@media screen and (min-width: 48em) {

	/*Visibility*/
	.not-small
	{
			display: block;
			visibility: visible;
			-webkit-transition: 2s visibility 1s, opacity .5s linear;/* Safari */
							transition: 2s visibility 1s, opacity .5s linear;
			opacity: 1;
	}

	/*Header*/
	.site-branding {
	  padding: 1rem 2%;
	}

	/* Navigation */

	.navigation-top {
		position: relative;
		width: 100%;
		padding: 0 2%;
	}
	.navigation-top .wrap {
		max-width: 1000px;
		/* The font size is 14px here and we need 50px padding in ems */
		/*padding: 0.75em 3.4166666666667em;*/
	}

	.navigation-top nav {
		margin-left: -1.25rem;
	}

	.site-navigation-fixed.navigation-top {
		bottom: auto;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 7;
	}

	.admin-bar .site-navigation-fixed.navigation-top {
		top: 32px;
	}

	/* Main Navigation */

	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}

	.main-navigation {
		width: auto;
		padding: 0;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}

	.main-navigation ul {
		background: transparent;
		padding: 0;
		text-align: right;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
	}

	.main-navigation li li {
		display: block;
	}

	.main-navigation a {
		/*padding: 1rem 1rem;*/
	}

	.main-navigation ul ul {
		background-color: rgba(255,255,255, .95);
		left: -999rem;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
		box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.3);
			-webkit-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.3);
	}

	/*.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 6px 6px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1rem;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}*/

	.sub-menu li {
		text-align: left;
		padding: 0;
	}

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

	.main-navigation ul ul a {
		padding: 0.75rem 1.25rem;
		width: 16rem;
	}

	.main-navigation li li {
		-webkit-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	/*.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #666;
	}*/

	.main-navigation li li a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #666;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 0.5rem;
		right: auto;
	}

	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -9px;
		left: auto;
		position: absolute;
		right: 1rem;
		top: 50%;
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(-90deg); /* IE 9 */
		transform: rotate(-90deg);
	}

	.main-navigation ul ul ul {
		left: -999rem;
		margin-top: -1px;
		top: 0;
	}

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}

	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

	/* Connect Button */
	.connect a {
		padding: 10px 15px;
		font-weight: 900;
		border: 2px solid;
		background-color: #fff;
		-webkit-border-radius: 0;
		border-radius: 0;
		box-shadow: none;
		color: #f00;
		cursor: pointer;
		display: inline-block;
		text-shadow: none;
	}
	.connect a:hover {
		background: #f00;
		color: #fff;
		border: 2px solid;
}


	/* Scroll down arrow */

	.site-header .menu-scroll-down {
		display: block;
		padding: 1em;
		position: absolute;
		right: 0;
	}

	.site-header .menu-scroll-down .icon {
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(90deg); /* IE 9 */
		transform: rotate(90deg);
	}

	.site-header .menu-scroll-down {
		color: #fff;
		top: 2em;
	}

	.site-header .navigation-top .menu-scroll-down {
		color: #767676;
		top: 0.7em;
	}

	.menu-scroll-down:focus {
		outline: thin dotted;
	}

	.menu-scroll-down .icon {
		height: 18px;
		width: 18px;
	}

	/* Front Page */

	.calleia-front-page.has-header-image .site-branding,
	.calleia-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		margin-bottom: 70px;
	}

	.calleia-front-page.has-header-image .custom-header-media,
	.calleia-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 1200px;
		height: 100vh;
		max-height: 100%;
		overflow: hidden;
	}

	.calleia-front-page.has-header-image .custom-header-media:before,
	.calleia-front-page.has-header-video .custom-header-media:before,
	.home.blog.has-header-image .custom-header-media:before,
	.home.blog.has-header-video .custom-header-media:before {
		height: 33%;
	}

	.admin-bar.calleia-front-page.has-header-image .custom-header-media,
	.admin-bar.calleia-front-page.has-header-video .custom-header-media,
	.admin-bar.home.blog.has-header-image .custom-header-media,
	.admin-bar.home.blog.has-header-video .custom-header-media {
		height: calc(100vh - 32px);
	}

	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 6em;
	}

	.panel-image {
		height: 60vh; /*was 100vh */
		max-height: 1200px;
	}

	/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
	.background-fixed .panel-image {
		background-attachment: fixed;
	}

	.page-two-column .panel-content .entry-header {
		float: left;
		width: 36%;
	}

	.page-two-column .panel-content .entry-content {
		float: right;
		width: 58%;
	}

	/* Front Page - Recent Posts */

	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;
	}

	.panel-content .recent-posts article {
		margin-bottom: 4em;
	}

	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 1.5em;
	}

	/*.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
		font-size: 2.6rem;
	}*/

	/* Post Archive */

	.blog-archive .entry-header.col-3 {
		-webkit-flex: 0 0 28.23%;
    -ms-flex: 0 0 28.23%;
    flex: 0 0 28.23%;
    max-width: 28.23%;
		padding-left: 0;
		padding-right: 2.544%;
	}

	.blog-archive .entry-content.col-7 {
		-webkit-flex: 0 0 69.137%;
    -ms-flex: 0 0 69.137%;
    flex: 0 0 69.137%;
    max-width: 69.137%;
		padding-left: 2.544%;
		padding-right: 0;
		margin-top: 2rem;
	}

	/* Posts */

	.site-content {
		padding: 5.5em 0 0;
	}

	/*.single-post .entry-title,
	.page .entry-title {
		font-size: 26px;
		font-size: 2.6rem;
	}*/

	.comments-pagination,
	.post-navigation {
		clear: both;
	}

	.post-navigation .nav-previous {
		float: left;
		width: 50%;
		padding-right: 1rem;
	}

	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
		padding-left: 1rem;
	}

	.nav-next,
	.post-navigation .nav-next {
		margin-top: 0;
	}

	/* Blog, archive, search */

	.sticky .icon-thumb-tack {
		height: 23px;
		left: -2.5em;
		top: 1.5em;
		width: 32px;
	}

	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 4em;
	}

	.navigation.pagination {
		clear: both;
		float: right;
		width: 58%;
	}

	.entry-footer {
		display: table;
		width: 100%;
	}

	.entry-footer .cat-tags-links {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}

	.entry-footer .edit-link {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}

	.entry-footer .edit-link a.post-edit-link {
		margin-top: 0;
		margin-left: 1em;
	}

		/* Entry content */

		/* without sidebar */


		/* blog and archive */


		/* Post formats */

		.format-quote blockquote .icon {
			left: -1.5em;
		}

		/* Pages */

		.page.page-one-column .entry-header,
		.calleia-front-page.page-one-column .entry-header {
			margin-bottom: 4em;
		}

		.page:not(.home) #content {
			padding-bottom: 3.25em;
		}

		/* 404 page */

		/*.error404 .page-content {
			padding-bottom: 9rem;
		}*/

		/* Comments */

		#comments {
			padding-top: 5em;
		}

		.comments-title {
			margin-bottom: 2.5em;
		}

		ol.children .children {
			padding-left: 2em;
		}

		/* Posts pagination */

		.nav-links .nav-title {
			position: relative;
		}

		.nav-title-icon-wrapper {
			position: absolute;
			text-align: center;
			width: 2em;
		}

		.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
			left: -2em;
		}

		.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
			right: -2em;
		}

		/* Secondary */

		/*#secondary {
			font-size: 14px;
			font-size: 1.4rem;
			line-height: 1.6;
		}*/

		/* Widgets */

		/*h2.widget-title {
			font-size: 11px;
			font-size: 1.1rem;
			margin-bottom: 2em;
		}*/

		/* Footer */

		/*.site-footer {
			font-size: 14px;
			font-size: 1.4rem;
			line-height: 1.6;
			margin-top: 3em;
		}*/

		/*.site-footer .widget-column.footer-widget-1 {
			float: left;
			width: 36%;
		}*/

		/*.site-footer .widget-column.footer-widget-2 {
			float: right;
			width: 58%;
		}*/

		/*.social-navigation {
			clear: left;
			float: left;
			margin-bottom: 0;
			width: 36%;
		}

		.site-info {
			float: left;
			padding: 0.7em 0 0;
			width: 58%;
		}

		.social-navigation + .site-info {
			margin-left: 6%;
		}

		.site-info .sep {
			margin: 0 0.5em;
			display: inline;
			visibility: visible;
			height: auto;
			width: auto;
		}*/

		/* Gallery Columns */

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


}

/*1024px*/
@media only screen and (min-width:64rem) {
	html {
			font-size: 75%;
	}
}

/* 1072px */
@media screen and ( min-width: 67em ) {

	/* Header */

	.site-content {
		padding: 100px 0 0;
	}
	.site-header {
		height: 100px;
	}
	.site-branding {
		padding: 1rem 2%;
	}
	#logo
	{
		width: 80px;
		height: 80px;
	}

	/* Layout */

	/* Sticky posts */

	.sticky .icon-thumb-tack {
		font-size: 32px;
		font-size: 3.2rem;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}

	/* Pagination */

	.page-numbers {
		display: inline-block;
	}

	.page-numbers.current {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.page-numbers.current .screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
	}

	/* Comments */

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

/* 1264px */
@media screen and ( min-width: 79em ) {

		html {
		    font-size: 80%;
		}

		.wrap {
			max-width: 1200px;
		}
}

/* Admin 672–684px */
@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

	.admin-bar .site-navigation-fixed.navigation-top,
	.admin-bar .site-navigation-hidden.navigation-top {
		top: 46px;
	}
}

/*--------------------------------------------------------------
22.0 Print
--------------------------------------------------------------*/

@media print {

	/* Hide elements */

	form,
	button,
	input,
	select,
	textarea,
	.navigation-top,
	.social-navigation,
	#secondary,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {
		display: none !important;
	}

	.entry-footer,
	#comments,
	.site-footer,
	.single-featured-image-header {
		border: 0;
	}

	/* Font sizes */

	body {
		font-size: 12pt;
	}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 22pt;
	}

	h3 {
		font-size: 17pt;
	}

	h4 {
		font-size: 12pt;
	}

	h5 {
		font-size: 11pt;
	}

	h6 {
		font-size: 12pt;
	}

	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.calleia-front-page) .entry-title {
		font-size: 10pt;
	}

	/* Layout */

	.wrap {
		padding-left: 5% !important;
		padding-right: 5% !important;
		max-width: none;
	}

	/* Site Branding */

	.site-header {
		background: transparent;
		padding: 0;
	}

	.custom-header-media {
		padding: 0;
	}

	.calleia-front-page.has-header-image .site-branding,
	.calleia-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		position: relative;
	}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em !important; /* override styles added by JavaScript */
	}

	.site-title {
		font-size: 25pt;
	}

	.site-description {
		font-size: 12pt;
		opacity: 1;
	}

	/* Posts */

	.single-featured-image-header {
		background: transparent;
	}

	.entry-meta {
		font-size: 9pt;
		font-size: .9rem;
	}

	/* Colors */

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	a,
	.site-title a,
	.calleia-front-page.has-header-image .site-title,
	.calleia-front-page.has-header-video .site-title,
	.calleia-front-page.has-header-image .site-title a,
	.calleia-front-page.has-header-video .site-title a {
		color: #222 !important; /* Make sure color schemes don't affect to print */
	}

	h2,
	h5,
	blockquote,
	.site-description,
	.calleia-front-page.has-header-image .site-description,
	.calleia-front-page.has-header-video .site-description,
	.entry-meta,
	.entry-meta a {
		color: #777 !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 11pt;
		width: 34%;
	}

	.site-footer {
		padding: 0;
	}
}



/*--------------------------------------------------------------
	# Infinite scroll
	--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .navigation.pagination{
    display: none;
}

.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;
}
/*Kill the infite footer with credits*/
#infinite-footer {
	display: none;
}


/*!
	Animate.css - http://daneden.me/animate
	Licensed under the MIT license - http://opensource.org/licenses/MIT
	Copyright (c) 2015 Daniel Eden
	*/
@-webkit-keyframes fadeIn {
    from
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
}
/*! Edits to Animate.css */
.animated-2s {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
.animated-3s {
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

@-webkit-keyframes fadeInUpBig {
    from
    {
        -webkit-transform: translate3d(0,         2000px,         0);
                transform: translate3d(0,         2000px,         0);
        opacity: 0;
    }
    to
    {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
@keyframes fadeInUpBig {
    from
    {
        -webkit-transform: translate3d(0,         2000px,         0);
                transform: translate3d(0,         2000px,         0);
        opacity: 0;
    }
    to
    {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
            animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig70 {
    from
    {
        -webkit-transform: translate3d(0,         -2000px,         0);
                transform: translate3d(0,         -2000px,         0);
        opacity: 0;
    }
    to
    {
        -webkit-transform: none;
                transform: none;
        opacity: .7;
    }
}
@keyframes fadeInDownBig70 {
    from
    {
        -webkit-transform: translate3d(0,         -2000px,         0);
                transform: translate3d(0,         -2000px,         0);
        opacity: 0;
    }
    to
    {
        -webkit-transform: none;
                transform: none;
        opacity: .7;
    }
}
.fadeInDownBig70 {
    -webkit-animation-name: fadeInDownBig70;
            animation-name: fadeInDownBig70;
}

@-webkit-keyframes fadeInDownBig70 {
    from
    {
        -webkit-transform: translate3d(0,         -2000px,         0);
                transform: translate3d(0,         -2000px,         0);
        opacity: 0;
    }
    to
    {
        -webkit-transform: none;
                transform: none;
        opacity: .7;
    }
}
@keyframes fadeInDownBig100 {
    from
    {
        -webkit-transform: translate3d(0,         -2000px,         0);
                transform: translate3d(0,         -2000px,         0);
        opacity: 0;
    }
    to
    {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
    }
}
.fadeInDownBig100 {
    -webkit-animation-name: fadeInDownBig100;
            animation-name: fadeInDownBig100;
}