/*
Theme Name: Argent
Theme URI: https://wordpress.com/themes/argent/
Description: Argent is a clean and modern portfolio theme, geared towards creative professionals like designers, artists, and photographers. With its simple homepage template featuring portfolio projects, Argent aims to draw viewers right at what matters most: your wonderful work.
Version: 1.1.5
Author: Automattic
Author URI: https://wordpress.com/themes/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: argent
Tags: custom-background, custom-colors, custom-header, custom-menu, featured-images, grid-layout, one-column, portfolio, rtl-language-support, threaded-comments, translation-ready

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Portfolio
	10.4 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}
html {
	font-size: 62.5%;
	/* 10px */
	overflow-y: scroll;
	/* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%;
	/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%;
	/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #F0F0F0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
label {
	width: 10rem;
	display: inline-block;
}
ol,
ul {
	list-style: none;
}
table {
	border-spacing: 0;
	border-collapse: separate;
}
caption,
th,
td {
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000000;
	font-family: "IBM Plex Sans Light", Trebuchet MS, Helvetica, sans-serif;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.7778;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "IBM Plex Sans Bold", Trebuchet MS, Helvetica, sans-serif;
	font-weight: 700;
}
h1 {
	font-family: "IBM Plex Sans Light", Trebuchet MS, Helvetica, sans-serif;
	font-size: calc(1.25em + 1.25vw);
	font-weight: 300;
	line-height: 1.6;
	margin-bottom: 0.8em;
}
h2 {
	font-family: "IBM Plex Serif Light", Century Schoolbook, Georgia, sans-serif;
	font-size: 36px;
	font-size: 3.6rem;
	margin-bottom: 1em;
}
h3 {
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1;
	margin-bottom: 1em;
}
h4 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.3333;
	margin-bottom: 1.3333em;
}
h5 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.7778;
	margin-bottom: 1.7778em;
	text-transform: uppercase;
	color: #6C6E6E;
}
h6 {
	font-family: "IBM Plex Serif Light", Century Schoolbook, Georgia, sans-serif;
	font-size: 36px;
	font-style: italic;
	font-size: 3.6rem;
	line-height: 1;
	margin-bottom: 1em;
}
p {
	margin-bottom: 1.7778em;
}
p:last-child {
	margin-bottom: 0;
}
b,
strong {
	font-weight: bold;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote:not(.contact-form-submission) {
	font-family: "IBM Plex Sans Italic", Trebuchet, Helvetica, sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	font-weight: 500;
	line-height: 1.3em;
	margin: 5rem 0 5rem 5rem;
	position: relative;
}
blockquote:not(.contact-form-submission) cite {
	display: block;
	font-family: "IBM Plex Sans", Trebuchet, Helvetica, sans-serif;
	font-size: 12px;
	color: #6C6E6E;
	font-size: 1.2rem;
	font-style: normal;
	letter-spacing: 0.03em;
	line-height: 2.2857;
	margin-top: 1.14285em;
	text-transform: uppercase;
	text-align: right;
}
blockquote:not(.contact-form-submission):before {
	display: block;
	color: #FCE9BF;
	content: "\201C";
	font-family: "IBM Plex Serif Bold", Trebuchet, Helvetica, sans-serif;
	font-size: 250px;
	font-size: 25rem;
	position: absolute;
	top: 45px;
	left: -50px;
	z-index: -1;
}
address {
	margin: 0 0 1.7778em;
}
pre {
	background: #EEE;
	font-family: "IBM Plex Sans", Trebuchet, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.2857;
	margin-bottom: 2.2857em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: "IBM Plex Sans", Trebuchet, Helvetica, sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #FFF9C0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
.is-style-outline {
	color: #FE5000;
}
.saffron {
	background-color: #FE5000;
}
.ocean {
	background-color: #008EAA;
}
.moss {
	background-color: #59621D;
}
.berry {
	background-color: #AA0061;
}
.gold {
	background-color: #F2A900;
}
.plum {
	background-color: #5C068C;
}
.graphite {
	background-color: #3F4443;
}
.harbor {
	background-color: #004F71;
}
.loyalist {
	background-color: #A90000;
}
.textsaffron {
	color: #FE5000;
}
.accordion-title a {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.7778;
	margin-bottom: 1.7778em;
	text-transform: uppercase;
	color: #000000;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
.lcp_catlist {
	font-size: 14px;
	margin-left: 0;
}
.lcp_catlist a {
	text-transform: uppercase;
	font-size: 18px;
	line-height: 1.5em;
}
.lcp_catlist li {
	display: inline-block;
	width: 33%;
	vertical-align: top;
	padding: 0 15px 30px 0;
}
.lcp_catlist img {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 10px;
	transition: 0.1s all ease-in-out;
}
.lcp_catlist img:hover {
	transform: scale(1.05);
	width: 100%;
	display: block;
	opacity: 0.7;
}
*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {
	background: #FFF;
	/* Fallback for when there is no custom background color defined. */
}
blockquote,
q {
	quotes: "" "";
}
.blogtitle {
	width: 660px;
	margin: 20px auto 50px;
	border-bottom: 2px black solid;
}
hr {
	background-color: #3F4443;
	border: 0;
	height: 1px;
	margin-bottom: 3em;
	margin-top: 3em;
}
ul,
ol {
	margin: 0 0 1.7778em 3em;
	list-style-position: outside;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.7778em;
}
.entry-meta .comments-link {
	display: none;
}
.entry-meta .tags-links,
.entry-meta .cat-links {
	display: block;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}
table {
	width: 100%;
	margin: 0 0 1.7778em;
}
td {
	padding: 3px 5px;
	border-bottom: 1px solid #222;
}
th {
	font-weight: bold;
	padding: 10px 5px 5px;
	border-bottom: 4px solid #222;
}
.programinfo {
	border: 2px solid #3F4443;
	padding: 20px;
	display: inline-block;
	max-width: 300px;
	margin-left: 2rem;
	float: right;
}
.programinfo h3,
h5 {
	margin-bottom: 10px;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#infinite-handle span {
	background-color: #F2A900;
	border: 0px;
	color: white;
	cursor: pointer;
	display: inline-block;
	line-height: 1.2;
	vertical-align: middle;
	font-size: 16px;
	font-size: 1.6rem;
	height: 2.9em;
	font-weight: bold;
	letter-spacing: 0.03em;
	padding: 0 24px;
	text-transform: uppercase;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
#infinite-handle span:hover {
	border: 2px solid rgba(63, 68, 67, 0.2);
	padding: 0 22px;
	color: rgba(255, 255, 255, 0.5);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #000;
	outline: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	font-size: 16px;
	font-size: 1.6rem;
	border: 2px solid #999;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #000;
	color: #111;
	outline: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	height: 2.5em;
	padding: 0 7px;
}
textarea {
	padding-left: 7px;
	width: 100%;
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #FE5000;
	text-decoration: none;
	font-weight: bold;
}
a:hover,
a:focus,
a:active {
	color: #FE5000;
	font-weight: bold;
}
a:visited {
	color: #FE5000;
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
.entry-content a,
.page-content a {
	border-bottom: 1px solid transparent;
}
.entry-content a:hover,
.page-content a:hover {
	border-bottom: 1px solid #FE5000;
}
.filtr-item a,
.filtr-item a:hover,
.filtr-item a:active,
.filtr-item a:visited {
	color: white;
}
.entry-content .read-more:hover {
	border-bottom-color: transparent;
}
a img {
	border: 0;
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.menu-buttons {
	display: none;
}
.main-navigation {
	background: #3F4443;
	clear: both;
	display: block;
	padding: 0.8889em 0;
	width: 100%;
	position: fixed;
	z-index: 1000;
}
.main-navigation ul {
	margin: 0;
	padding-top: 48px;
}
.main-navigation ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding: 0;
}
.main-navigation ul li:last-child {
	border-bottom: none;
	padding-right: 0;
}
.main-navigation a {
	color: #FFF;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.2;
	letter-spacing: 0.03em;
	padding: 0.3889em 0 0.3889em 1.5556em;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
.main-navigation ul ul {
	display: block;
	list-style-type: disc;
	margin-left: 2.5em;
	padding-top: 0px;
}
.main-navigation ul ul li {
	border-bottom: none;
	padding: 0;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	color: rgba(255, 255, 255, 0.6);
	font-size: 12px;
	font-size: 1.2rem;
}
.main-navigation ul ul :hover > a,
.main-navigation ul > .focus > a {
	color: #FE5000;
}
.main-navigation ul :hover > a {
	color: #FE5000;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}
.supernav
{
	display: normal;
	margin: 0 auto;
	top: 20px;
	width: 900px;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1100;
}

.menubuttons {
	float:right;
	display: flex;
}
.menubuttons BUTTON
{
	margin-left: 20px;
}

/* Small menu. */
.menu-toggle {
	color: #FFF;
	display: block;
	background-color: #3F4443;
	border: 2px solid white;
	margin: 0 auto;
}
.menu-toggle:before {
	border: none;
	content: '\f419';
	display: inline-block;
	padding-right: 6px;
	font-family: "Genericons";
	font-weight: normal;
	font-style: normal;
	vertical-align: top;
}
.menu-toggle:hover {
	border-color: #FFF;
	color: #FFF;
	opacity: 0.7;
}
.main-navigation.toggled .nav-menu {
	display: block;
	width: 100%;
}
.main-navigation ul {
	display: none;
}
/* Posts, comments navigation */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	color: #999;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 2em auto;
	text-align: center;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	margin-bottom: 1.7778em;
}
.post-navigation .nav-previous:before {
	content: "\00ab";
	margin-right: 5px;
}
.post-navigation .nav-next:after {
	content: "\00bb";
	margin-left: 5px;
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #F1F1F1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759B;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.site-branding:before,
.site-branding:after,
#portfolio-wrapper:before,
#portfolio-wrapper:after,
.hentry:before,
.hentry:after,
.entry-body:before,
.entry-body: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,
.widget-wrapper:after,
.widget-wrapper:before,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}
.clear:after,
.site-branding:after,
#portfolio-wrapper:after,
.hentry:after,
.entry-body:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.widget-wrapper:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.footer-widget-area {
	background: #000000;
	padding-top: 4em;
	padding-right: 2em;
	padding-left: 2em;
}
.widget-area,
.widget-area a {
	color: #FFF;
	font-size: 16px;
	font-size: 1.6rem;
}
.widget {
	margin: 0 0 1.7778em;
	overflow: hidden;
}
.widget-title {
	font-family: "IBM Plex Sans Light", Trebuchet MS, Helvetica, sans-serif;
	font-size: 20px;
	font-size: 2rem;
	letter-spacing: 0.03em;
	margin-bottom: 1.7778em;
	text-align: center;
	text-transform: uppercase;
}
.widget ul,
.widget ol {
	list-style: none;
	margin: 0;
}
.widget ul > li,
.widget ol > li {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0.785em 0 0.857em;
}
.widget li > ul,
.widget li > ol {
	margin-left: 24px;
}
.widget ul ul {
	margin-top: 0.785em;
}
.widget ul ul > li:last-child {
	padding-bottom: 0;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
/* Search widget. */
.widget_search .search-field {
	width: 100%;
}
.widget_search .search-submit {
	display: none;
}
/* Calendar widget */
.widget_calendar caption {
	text-align: center;
}
.widget_calendar th,
.widget_calendar td {
	text-align: center;
	border-color: rgba(255, 255, 255, 0.1);
}
.widget_calendar td a {
	font-weight: bold;
}
/* Social widgets */
.jetpack_widget_social_icons ul,
.widget_wpcom_social_media_icons_widget ul {
	text-align: center;
}
.jetpack_widget_social_icons a:hover,
.widget_wpcom_social_media_icons_widget a:hover {
	opacity: 0.8;
}
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Layout
--------------------------------------------------------------*/
.pagehero {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0 auto 0 auto;
	text-align: center;
	overflow: hidden;
}
.sectiontitlebox {
	width: 100vw;
	position: relative;
	left: 50%;
	margin-left: -50vw;
	margin-top: 100px;
}
.wpsm_panel-group {
	margin-top: -50px;
}
.accordiontitle {
	margin-bottom: 100px;
}
.lightenbox {
	background-color: rgba(255, 255, 255, 0.7);
	width: 100vw;
	position: relative;
	left: 50%;
	margin-left: -50vw;
	padding: 10px;
}
.darkenbox {
	background-color: rgba(0, 0, 0, 0.2);
}
.navcarouselbox {
	width: 100vw;
	position: relative;
	left: 50%;
	margin-left: -50vw;
	margin-top: -71px;
}
.navcarouselholder a {
	color: white;
	text-align: center;
	line-height: 1.2em;
	font-family: "IBM Plex Sans", Trebuchet MS, Helvetica, sans-serif;
	font-weight: 900;
}
.navcarouselholder a:hover {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: underline;
	border-bottom: none;
}
.sectiontitleholder {
	margin: 0 auto;
	color: white;
}
.sectiontitlebox .lightenbox a {
	color: rgba(63, 68, 67, 0.4);
}
.sectiontitlebox .lightenbox a:hover {
	color: rgba(63, 68, 67, 0.6);
}
.exhibitbox {
	color: white;
	padding: 30px;
	font-size: 14px;
	font-family: "IBM Plex Serif Light", Century Schoolbook, Georgia, sans-serif;
	display: block;
	overflow: auto;
}
.exhibitbox a {
	color: white;
}
.exhibitbox a:hover,
.exhibitbox a:visited {
	color: white;
	border-bottom: 1px white solid;
	font-weight: 200;
}
.exhibitbox hr {
	background: white;
	margin: -1em 0 1em;
}
.exhibitboxwrapper {
	width: 100vw;
	position: relative;
	left: 50%;
	margin-left: -50vw;
}
.titlebox {
	display: table;
	position: absolute;
	width: 100%;
}
.hero-title {
	display: table;
	font-family: "IBM Plex Sans Bold", Trebuchet MS, Helvetica, sans-serif;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.03em;
	color: white;
	margin: auto;
	width: 90%;
	text-align: center;
	text-shadow: 0px 0px 8px #2F3730;
	text-transform: uppercase;
	z-index: 0;
}
.hero-img {
	width: 100%;
}
.site-branding {
	background-color: #F7F7F7;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0 auto 0 auto;
	padding: 7.75em 0 4.25em 0;
	position: relative;
	display: none;
	text-align: center;
	overflow: hidden;
}
.home .site-branding {
	padding: 2.5em 0;
}
.custom-background .site-branding {
	background-color: rgba(0, 0, 0, 0.15);
}
.site-title {
	display: table;
	font-family: "IBM Plex Sans Bold", Trebuchet MS, Helvetica, sans-serif;
	line-height: 1.25;
	letter-spacing: 0.03em;
	color: white;
	margin: 0 auto;
	max-width: 90%;
	text-align: center;
	text-shadow: 0px 0px 8px #2F3730;
	text-transform: uppercase;
	z-index: 0;
}
.site-description {
	display: none;
	font-family: "IBM Plex Sans Light", Trebuchet MS, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 0.8889em;
}
.site-title a {
	border: 1px solid currentColor;
	color: white;
	text-shadow: 0px 0px 8px #2F3730;
	display: block;
	padding: 0 0.5em;
}
.site-main {
	margin: 0;
}
.site-footer {
	background: #3F4443;
	color: #FFF;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 1.7778em 0;
	text-align: center;
}
.site-info,
.site-info a {
	color: rgba(255, 255, 255, 0.5);
}
.site-info a:hover {
	color: rgba(255, 255, 255, 1);
}
.contentcallout {
	display: inline-block;
	max-width: 300px;
	margin-left: 2rem;
	float: right;
}
.calloutitem {
	width: 100%;
	min-height: 97px;
	display: block;
	position: relative;
	padding: 10px;
	margin: 0 auto;
	border-bottom: 5px solid white;
	font-size: 80%;
}
.calloutitem a {
	color: rgba(0, 0, 0, 0.5);
	font-family: "IBM Plex Sans", Trebuchet MS, Helvetica, sans-serif;
	font-weight: 900;
}
.calloutitem a:hover {
	color: rgba(0, 0, 0, 0.3);
	text-decoration: underline;
	font-family: "IBM Plex Sans", Trebuchet MS, Helvetica, sans-serif;
	border-bottom: none;
}
.calloutimage {
	width: 72px;
	border: none;
	height: 72px;
	position: relative;
	float: left;
	padding: 0px;
	margin: 0 10px 0px 0;
}
.calloutimage img:hover {
	background: rgba(0, 0, 0, 0.3);
	padding: 0;
	border: none;
}
.calloutlighten {
	background-color: rgba(255, 255, 255, 0.9);
}
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.home .page-content:after {
	display: block;
	color: #DDD;
	content: '\002A \002A \002A \002A \002A';
	font-size: 50px;
	letter-spacing: 25px;
	line-height: 1;
	font-size: 5rem;
	font-family: "IBM Plex Sans", Trebuchet MS, Helvetica, sans-serif;
	margin: 0.64em 0;
	text-align: center;
	text-indent: 25px;
}
.home.page-template-default .page-content:after,
.page-content:last-child:after {
	display: none;
}
.entry-body {
	margin-top: 50px;
}
.post-thumbnail {
	display: inline;
	float: left;
	margin-right: 2em;
	margin-bottom: 1.7778em;
}
.home .post-thumbnail,
.blog .post-thumbnail,
.archive .post-thumbnail,
.search .post-thumbnail {
	margin-bottom: 0;
	background: white;
	padding-right: 10px;
}
.single .entry-header,
.page-header {
	display: block;
	margin-bottom: 3.5556em;
}
.single.without-featured-image .entry-header {
	margin-bottom: 1.7778em;
}
.entry-title {
	font-family: "IBM Plex Sans Bold", Trebuchet MS, Helvetica, sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.7778;
	margin-bottom: 0;
}
.entry-title a {
	color: #000;
}
.single .entry-title,
.page-title,
.page-title {
	font-family: "IBM Plex Serif Bold", Century Schoolbook, Georgia, serif;
	font-size: 40px;
	font-size: 4rem;
	font-style: italic;
	line-height: 1.6em;
	text-align: center;
}
.entry-meta {
	color: #999;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	padding: 10px 0;
	border-top: 0px #999 solid;
	border-bottom: 0px #999 solid;
}
.single-jetpack-portfolio .entry-meta,
.page .entry-meta {
	margin-top: 2.6667em;
}
.single-jetpack-portfolio .cat-links,
.single-jetpack-portfolio .tags-links {
	display: block;
	margin-top: 0;
}
.entry-meta a {
	color: #999;
}
.entry-meta a:hover {
	color: #444;
}
.single-jetpack-portfolio .entry-content {
	padding-left: 0;
}
.single .entry-content,
.page .page-content {
	font-size: 18px;
	font-size: 1.8rem;
}
.entry-content {
	font-size: 16px;
	font-size: 1.6rem;
}
.sticky {
	display: block;
}
.hentry {
	margin-bottom: 3.5556em;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}
/* Page links */
.single .page-links,
.page .page-links {
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 1.7778em;
}
.page-links .page-links-title {
	padding-right: 10px;
}
.page-links .page-links-title,
.page-links span,
.page-links a {
	min-width: 30px;
	text-align: center;
	display: inline-block;
}
.page-links span {
	border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.page-links .page-links-title {
	padding-right: 10px;
}
/* Read more link */
.read-more {
	color: #000;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}
/* 404 Page / No search results */
.error404 .widget {
	font-size: 14px;
	padding-right: 0;
	padding-left: 0;
}
.error404 .widget ul > li,
.error404 .widget ol > li {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.error404 .search-form,
.search-no-results .search-form {
	margin-bottom: 1.7778em;
}
.error404 .search-form input[type="search"],
.search-no-results .search-form input[type="search"] {
	width: 79%;
}
.error404 .widget-container .widget:first-child {
	padding-left: 0;
}
.error404 .widget-container .widget:last-child {
	padding-right: 0;
}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
/*--------------------------------------------------------------
10.3 Portfolio
--------------------------------------------------------------*/
.front-page-block.portfolio .section-title {
	font-style: italic;
	text-align: center;
}
#portfolio-wrapper {
	max-width: 310px;
	margin: 0 auto;
}
#portfolio-wrapper .hentry {
	border-top: none;
	margin-bottom: 11%;
	padding: 0;
}
.project-image {
	background-color: #CCC;
	background-size: cover;
	background-position: 50% 50%;
	height: 250px;
	position: relative;
}
.project-summary {
	background: rgba(0, 0, 0, 0.5);
	padding: 0 1em;
	text-align: center;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.project-image:hover .project-summary {
	background: rgba(0, 0, 0, 0.25);
	opacity: 1;
}
.has-post-thumbnail .project-image:hover .project-summary {
	opacity: 0;
}
.project-summary {
	left: 50%;
	position: absolute;
	top: 50%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
}
.project-title {
	color: #FFF;
	font-family: "IBM Plex Sans Bold", Trebuchet MS, Helvetica, sans-serif;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.03em;
	position: relative;
	top: 50%;
	left: 0;
	text-transform: uppercase;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.62);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.portfolio-featured-image {
	margin-bottom: 1.7778em;
}
.portfolio-featured-image img {
	display: block;
	margin: 0 auto;
}
/* Portfolio shortcode */
.portfolio-featured-image img {
	display: block !important;
	margin: 0 !important;
}
/* Force-show single column on smaller screens */
@media screen and (max-width: 768px) {
	.column-2 .portfolio-entry {
		float: none !important;
		width: 100% !important;
	}
}
/*--------------------------------------------------------------
10.4 Comments
--------------------------------------------------------------*/
#comments {
	font-size: 16px;
	font-size: 1.6rem;
}
.comments-area {
	padding-bottom: 50px;
	border-top: 1px black solid;
}
.comment-list,
.comment-list .children {
	margin: 0;
}
.comment-list,
.comment-list ol {
	list-style: none;
}
.comment,
.pingback {
	margin-top: 1.75em;
}
.bypostauthor {
	display: block;
}
.comment-list {
	list-style-type: none;
	margin-left: 0;
}
.comments-title,
.comment-reply-title {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.3333;
	margin-bottom: 1.3333em;
	margin: 1.6em auto;
	text-align: left;
}
.comment-author {
	float: left;
	margin-right: 1.14285em;
}
.comment-metadata {
	color: #999;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}
.comment-meta cite {
	font-style: normal;
}
.comment-meta .fn,
.says {
	font-weight: 600;
}
.comment-metadata a {
	color: #999;
}
.comment-content {
	clear: both;
	margin-top: 1.75em;
}
.comment-reply-link {
	float: right;
	font-weight: 700;
}
.comment-content a {
	word-wrap: break-word;
}
.comment-edit-link {
	color: #999;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}
.no-comments {
	font-style: italic;
	margin-top: 1.75em;
	text-align: center;
}
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
.infinite-loader {
	clear: both;
	margin: 0 auto;
	width: 36px;
}
#infinite-handle {
	clear: both;
	text-align: center;
}
#infinite-handle,
.infinite-loader {
	padding: 1.7778em 0;
}
#infinite-handle span {
	margin: 0 auto;
	text-align: center;
}
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content img,
.page-content img,
.entry-summary img,
.comment-content img,
.widget img {
	vertical-align: middle;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
.jetpack-video-wrapper {
	margin-bottom: 1.5556em;
}
.jetpack-video-wrapper > embed,
.jetpack-video-wrapper > iframe,
.jetpack-video-wrapper > object,
.jetpack-video-wrapper > .wp-video {
	margin-bottom: 0;
}
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
figure {
	margin: 0;
}
.wp-caption {
	max-width: 100%;
	margin: 0 1.5em 1em 0;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2.2857;
	text-align: left;
	padding: 5px 10px;
	margin: -5px 0 0;
}
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
13 Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	.main-navigation {
		position: relative;
	}
	.main-navigation ul {
		display: none;
	}
	.hero-title {
		color: white;
		font-size: 24px;
		font-size: 2.4rem;
	}
	.titlebox {
		margin: 10% auto 0;
	}
	.pagehero {
		height: 200px;
	}
	.programinfo {
		max-width: 100%;
		width: 100%;
	}
	.contentcallout {
		max-width: 100%;
	}
	.lcp_catlist li {
		width: 100%;
	}
	.supernav {
		display: none;
	}
}
@media screen and (min-width: 601px) and (max-width: 999px) {
	.titlebox {
		margin: 10% auto 15%;
	}
	.pagehero {
		height: 300px;
	}
	.hero-title {
		font-size: 4.8rem;
		font-size: 48px;
	}
	.lcp_catlist li {
		width: 50%;
	}
	.supernav {
		display: none;
	}
}
@media screen and (max-width: 999px) {
	.comments-area,
	.site-main .post-navigation,
	.blog .hentry,
	.home .page-content,
	.search .hentry,
	.single-post .hentry,
	.single-jetpack-portfolio .entry-content,
	.page:not(.home) .hentry,
	.archive:not(.post-type-archive) .hentry,
	.site-main .error-404,
	.site-info,
	.navcarouselholder,
	.sectiontitleholder,
	.exhibitbox {
		margin-right: 2em;
		margin-left: 2em;
	}
	.single-jetpack-portfolio .entry-footer {
		margin-right: 3em;
		margin-left: 3em;
	}
	.single:not(.single-jetpack-portfolio) .entry-meta {
		text-align: left;
	}
	.cat-links,
	.tags-links {
		display: block;
	}
	.main-navigation {
		position: relative;
		margin-top: 0px;
	}
	.supernav {
		width: 80%;
	}
}
@media screen and (min-width: 1000px) {
	body {
		padding-top: 117px;
	}
	.home .site-branding {
		padding: 7.75em 0;
	}
	.single-jetpack-portfolio .entry-header,
	.page-header,
	.single-jetpack-portfolio .entry-content,
	.page-content,
	.page .entry-meta,
	.single-jetpack-portfolio .entry-meta,
	.comments-area,
	.post-navigation,
	.posts-navigation,
	.navcarouselholder,
	.sectiontitleholder,
	.exhibitbox {
		margin-right: auto;
		margin-left: auto;
		width: 660px;
	}
	.blog .hentry,
	.archive:not(.post-type-archive) .hentry,
	.search .hentry,
	.single-post .hentry,
	.single-post .comments-area,
	.single-post .post-navigation {
		width: 660px;
		margin-right: auto;
		margin-left: auto;
	}
	.single-post .entry-content {
		width: 660px;
	}
	/* Menu */
	.menu-toggle {
		display: none;
	}
	.main-navigation {
		padding: 0;
		top: 0px;
	}
	.main-navigation ul {
		display: block;
		list-style: none;
		margin: 0;
		padding-left: 0;
		text-align: center;
	}
	.main-navigation ul li {
		border-bottom: none;
		display: inline-block;
		padding: 0.75em 2em 0.75em 0;
		position: relative;
	}
	.main-navigation a {
		padding: 0.8889em 0;
	}
	.nav-menu > li > a:after {
		color: #FFF;
		content: " \2022";
		margin-left: 1em;
		position: fixed;
		top: 96px;
		opacity: 0.3;
	}
	.nav-menu > li:last-child > a:after {
		display: none;
	}
	.main-navigation ul ul {
		background: #222;
		float: left;
		margin: 0;
		position: absolute;
		top: 100%;
		left: -999em;
		text-align: left;
		z-index: 99999;
	}
	.main-navigation ul ul li {
		border-bottom: 1px solid rgba(255, 2555, 255, 0.1);
		color: rgba(255, 255, 255, 0.6);
	}
	.main-navigation ul ul a {
		padding: 1em 2em;
		width: 220px;
	}
	.main-navigation div > ul > li > ul::before {
		border-color: transparent transparent #222;
		border-style: solid;
		border-width: 6px 6px 8px;
		content: "";
		position: absolute;
		top: -13px;
		left: 20px;
	}
	/* Single Posts & Pages */
	.entry-header {
		margin-top: -9px;
	}
	.pagehero {
		height: 400px;
	}
	.titlebox {
		margin: 10% 0;
	}
	.hero-title {
		font-size: 7.2rem;
		font-size: 72px;
	}
	.single:not(.single-jetpack-portfolio) .entry-meta {
		margin-top: 0;
	}
	.single .entry-meta .posted-on,
	.single .entry-meta .byline,
	.single .post-edit-link {
		margin-top: 1.3335em;
	}
	.single:not(.single-jetpack-portfolio) .cat-links,
	.single:not(.single-jetpack-portfolio) .tags-links {
		display: block;
	}
	.comment-list .children {
		margin-left: 3.5556em;
	}
	/* Posts, comments navigation */
	.comment-navigation .nav-previous,
	.posts-navigation .nav-previous,
	.post-navigation .nav-previous {
		float: left;
		margin-bottom: 0;
		text-align: left;
		width: 50%;
	}
	.comment-navigation .nav-next,
	.posts-navigation .nav-next,
	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}
	/* Footer Widget Areas */
	.footer-widget-area .widget-area {
		margin: 0;
	}
	.footer-widget-area .widget-area {
		float: left;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(1) {
		width: 100%;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(2),
	.footer-widget-area .widget-area:nth-child(2):nth-last-child(1) {
		margin-right: 6%;
		width: 47%;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(2):last-of-type,
	.footer-widget-area .widget-area:nth-child(2):nth-last-child(1):last-of-type {
		margin-right: 0;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(3),
	.footer-widget-area .widget-area:nth-child(2):nth-last-child(2),
	.footer-widget-area .widget-area:nth-child(3):nth-last-child(1) {
		margin-right: 5%;
		width: 30%;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(3):last-of-type,
	.footer-widget-area .widget-area:nth-child(2):nth-last-child(2):last-of-type,
	.footer-widget-area .widget-area:nth-child(3):nth-last-child(1):last-of-type {
		margin-right: 0;
	}
	/* Pull content into margins */
	blockquote.aligncenter {
		margin-left: -120px;
		width: 900px;
	}
	.single-post blockquote.aligncenter {
		margin-left: 0;
		width: 100%;
	}
	img.size-big,
	.wp-caption.caption-big {
		display: inline-block;
		float: none;
		margin-left: -60px;
		margin-bottom: 1.7778em;
		max-width: 780px;
	}
	.single-post img.size-big,
	.single-post .wp-caption.caption-big {
		margin-left: 0;
		max-width: 100%;
	}
	.wp-caption.caption-big .wp-caption-text {
		width: 780px;
	}
}
@media screen and (min-width: 1060px) {
	.site-title {
		max-width: 960px;
	}
	.wp-caption.alignleft + .alignleft,
	img.alignleft + .alignleft,
	blockquote.alignleft + .alignleft {
		margin-left: 0;
	}
	.single-post .wp-caption.alignleft,
	.single-post img.alignleft,
	.single-post blockquote.alignleft {
		margin-left: 0;
	}
	blockquote.alignleft,
	blockquote.alignright {
		width: 360px;
	}
	.wp-caption.alignright,
	img.alignright,
	blockquote.alignright {
		margin-right: -175px;
	}
	.wp-caption.alignright + .alignright,
	img.alignright + .alignright,
	blockquote.alignright + .alignright {
		margin-right: 0;
	}
	.single-post .wp-caption.alignright,
	.single-post img.alignright,
	.single-post blockquote.alignright {
		margin-right: 0;
	}
	.footer-widget-area .widget-wrapper {
		width: 1000px;
		margin: 0 auto;
	}
	.footer-widget-area .widget:nth-of-type(3n+1) {
		clear: left;
	}
	.page blockquote.aligncenter {
		width: 760px;
		margin-left: -50px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
	#portfolio-wrapper,
	body[class*="jetpack-portfolio"] .posts-navigation {
		max-width: 655px;
	}
	#portfolio-wrapper .jetpack-portfolio {
		float: left;
		width: 310px;
		margin-right: 5.3%;
		margin-bottom: 5.3%;
	}
	#portfolio-wrapper .jetpack-portfolio:nth-child(2n+2) {
		margin-right: 0;
	}
}
@media screen and (min-width: 1080px) {
	#portfolio-wrapper {
		max-width: 1000px;
		clear: both;
	}
	#portfolio-wrapper .jetpack-portfolio {
		float: left;
		width: 310px;
		margin-right: 3.5%;
		margin-bottom: 3.5%;
	}
	#portfolio-wrapper .jetpack-portfolio:nth-of-type(3n) {
		margin-right: 0;
	}
	body[class*="jetpack-portfolio"] .posts-navigation {
		width: 1000px;
	}
	.infoblock {
		padding: 15px;
		background-color: white;
		color: #3F4443;
		border-width: 1px;
		border-color: black;
	}
}