/*
Theme Name: Deejay
Theme URI: 
Author: Carolina Nymark
Author URI: https://themesbycarolina.com/
Description: Deejay was designed with musicians, DJ's and event planners in mind. The theme is accessible and responsive with multiple menus and widget areas as well as color and layout options, including support for a header background video. Deejay has 3 custom widgets for recent posts, recent comments and testimonials (The testimonial widget requires Jetpack). It also uses the audio and video post formats so that you can showcase your music, and includes a custom post template that lets you hide the author, categories and tags. Deejay is built to be used with these optional plugins: Events Manager, WooCommerce or Easy Digital Downloads and Jetpack, so that you can present your events, sell merchandise, share content or display your portfolio and testimonials. 
Version: 3.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: deejay
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 5.5
Tags: grid-layout, custom-colors, custom-menu, custom-logo, footer-widgets, theme-options, threaded-comments, translation-ready, rtl-language-support, accessibility-ready, editor-style, featured-images, entertainment, blog

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.

Deejay is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Top Navigation bar
	## Header menu
	## Social menu
		### Search form
	## Footer menu
	## Pagination
# Accessibility
# Alignments
# Clearings
# Widgets
# Header
# Content
	## Posts and pages
# Blocks
# Footer
# Comments
# Media
	## Captions
	## Galleries
# Plugin styling
	## WooCommerce
	## EDD
	## Jetpack
	## Events Manager
# Responsive
# Print
--------------------------------------------------------------*/

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

body {
	margin: 0;
	overflow-x: hidden;
	box-sizing: border-box;
}

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

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 0;
}

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

pre {
	overflow: auto;
	color: #000000;
}

pre h2{
	color: #000000;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	box-sizing: border-box;
	vertical-align: top;
	border: none;
	border-collapse: separate;
	border-spacing: 4px;
}

table caption {
	padding:0;
	position: relative;
	font-weight: bold;
}

th,
tr {
	border: none;
}

th {
	padding: 8px;
	border-bottom: 1px solid #4ac6c9;
	border-radius: 4px 4px 0 0;
}

td {
	border: 2px solid transparent;
	border-radius: 2px;
	padding: 6px 8px;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color:#cfcfcf;
	font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  color: #cfcfcf;
  line-height: 1.2;
}

p {
  margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

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

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

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

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

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

figure,
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	font-weight:bold;
	line-height: 1.6;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:focus{
	outline-offset:4px;
	outline: thin dotted #fff;
}

textarea {
	width: 100%;
}

select {
	line-height: 1.6;
	border: 1px solid #ccc;
	color: #333;
	font-size: 1em;
	padding: 3px;
	border-radius: 3px;
	margin-bottom: 1.5em;
}

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: #333;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
	margin: 2px;
}

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,
select:focus {
	border: 1px solid #010101;
	outline-offset: 4px;
	outline: thin dotted #fff;
}

#comment {
	padding: 4px;
}

#comment:focus,
#comment:active {
	outline-offset: 4px;
	outline: thin dotted #fff;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a,
a:visited {
	color: #cfcfcf;
}

a:hover,
a:focus,
a:active {
	color: #fff;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Top Navigation bar
--------------------------------------------------------------*/
.main-navigation {
	position: relative;
	z-index: 4;
	height: auto;
	width: 100%;
	margin: 0;
	padding: 2em 1em 0.5em 1em;
	display: inline-block;
	font-size: 0.7em;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 1px; 
	font-weight: bold;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	color: #aeaeae;
	background: #111;
}

.main-navigation #top-bar-menu {
	display: inline-block;
}

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

.main-navigation li {
	float: left;
	position: relative;
	margin: 0;
    text-align: left;
    padding: 0 1em 0.8em 1em;
}

.main-navigation a {
    text-decoration:none;
    transition: all 1.1s ease;
    display: inline-block;
	width: auto;
	border-bottom: 2px solid transparent;
	padding-bottom: 3px;
}

.main-navigation a:focus {
	transition: all 0s ease;
	border-bottom: 2px solid #b902c4;
	outline-offset: 4px;
}

.main-navigation a:hover {
	border-bottom: 2px solid #b902c4;
}

/*first sub-menu*/
.main-navigation ul ul {
	position: absolute;
	left: -1em;
	display: block;
	margin-top: 0.8em;
	clip: rect(1px, 1px, 1px, 1px);
	z-index: 999; 
	font-size: 1em;
	line-height: 1.2em;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.main-navigation ul ul li {
	padding: 14px 14px 14px 2em;
	display: inline-block;
	width: 100%;
	min-width: 200px;
	background: #111;
	border-bottom: 1px solid #010101;
	box-sizing: border-box;
}

.main-navigation ul ul li:hover {
	box-shadow: inset 0 0 150px rgba(0,0,0, 0.01);
	background: #000;
	transition: all 1.1s ease;
}

.main-navigation ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
	margin: 0;
	display: block;
	clip: rect(1px, 1px, 1px, 1px);
	z-index: 999; 
	font-size: 1em;
	line-height: 1.2em;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	border-left: 1px solid #000;
}

.main-navigation ul ul > :last-child {
	border-bottom: none;
}

.main-navigation li:hover > ul,
.keyboard-dropdown {
	clip: auto !important;
}

/*--------------------------------------------------------------
## Header Menu
--------------------------------------------------------------*/
.header-navigation {
	height: auto;
	display: inline-block;
	font-size: 1.2em;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 1px; 
	font-weight: bold;
	z-index: 2;
	float: right;
	margin: 0 5% 0 0;
}

.has-header-media .header-navigation {
	position: absolute;
	top: 4em;
	right: 5%;
	margin: 0;
}

.header-navigation ul {	
	list-style: none;
	margin: auto;
	padding: 0;
	float: right;
}

.header-navigation li {
	float: left;
	position: relative;
	margin: 0;
    text-align: left;
    padding: 0 14px 14px 14px;
}

.header-navigation a {
    text-decoration: none;
    transition: all 1.1s ease;
    display: inline-block;
	width: auto;
	padding: 17px;
	box-sizing: border-box;
	box-shadow: inset 0 0 0 2px transparent;
	position: relative;
	z-index: 1;
	-webkit-transition: color 0.70s;
	transition: color 0.70s;
	border: 1px solid transparent;
	transition: all 1.1s ease;
}

.header-navigation a::before, 
.header-navigation a::after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
}

.header-navigation a::before, 
.header-navigation a::after {
	border: 2px solid transparent;
	width: 0;
	height: 0;
}

.header-navigation a::before {
	top: 0;
	left: 0;
}

.header-navigation a::after {
	bottom: 0;
	right: 0;
}

.header-navigation a:hover {
  color:#fff;
}

.header-navigation a:focus {
	border: 1px solid #b902c4;
	outline-offset: 4px;
}

.header-navigation a:hover::before, 
.header-navigation a:hover::after {
	width: 100%;
	height: 100%;
}

.header-navigation a:hover::before {
	border-top-color: #b902c4;
	border-right-color: #b902c4;
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.header-navigation a:hover::after {
	border-bottom-color: #b902c4;
	border-left-color: #b902c4;
	-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.header-navigation .menu-item-description {
	font-size: 0.7em;
}

.top-bar-right {
	float: right;
	display: inline-block;
	margin-top: -0.3em;
}

/*--------------------------------------------------------------
## Social menu
-------------------------------------------------------------- */
.social-menu {
	width: 100%;
	margin: 20px auto 20px auto;
	text-align: center;
	padding: 0;
}

.social-menu ul {
	margin: 0;
	padding: 0;
}

.social-menu ul li {
	list-style-type: none;
	display: inline;
}

.social-menu a,
.social-menu a:hover,
.social-menu a:focus {
	text-decoration: none;
	background: none;
	color:#fff;
	outline-offset: 4px;
}

.social-menu a:hover {
	outline-offset: 4px;
	outline: 1px dotted;
	transition: all 1.1s ease;
}

#site-navigation nav.social-menu {
	display: inline-block;
	width: auto;
	margin: 0;
	margin-bottom: 0;
	padding: 0;
	vertical-align: top;
}

.social-menu .customize-partial-edit-shortcut {
	margin-left: -100px;
}

.social-menu .icon {
	height: 2em;
	width: 2em;
	fill: #cfcfcf;
}

.social-menu li a:focus .icon,
.social-menu li a:hover .icon {
	fill:#fff;
	transition: all 1.1s ease;
}

.site-footer .social-menu li {
	padding: 0 1em 0.8em 1em;
}

#site-navigation nav.social-menu a {
	border: none;
}

#site-navigation nav.social-menu .icon {
	height: 1.65em;
}

/* Social Menu fallbacks */
/* Show screen reader text in some cases */
.svg-fallback {
	display: none;
}

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

.no-svg .site-footer nav.social-menu li a .screen-reader-text,
.no-svg #site-navigation nav.social-menu li a .screen-reader-text {
	clip: auto;
	position: relative !important; /* overrides previous !important styles */
	width: auto;
}

/*--------------------------------------------------------------
### Search form
-------------------------------------------------------------- */

.top-bar-search {
	display: inline-block;
	padding: 0 1em 0 1em;
	width: auto;
	vertical-align: top;
	margin-top: -1em;
}

.error404 .search-submit,
.widget .search-submit,
.top-bar-search button {
	border: 1px solid transparent;
		border-radius: 3px;
		background: none;
		box-shadow: none;
		line-height: 1.6;
		padding: .6em 1em .4em;
		text-shadow: none;
}

.error404 .search-submit .icon,
.widget .search-submit .icon,
.top-bar-search .icon {
	height: 1.7em;
	width: 1.7em;
	fill: #cfcfcf;
	vertical-align: sub;
}

.error404 .search-submit:focus .icon,
.error404 .search-submit:hover .icon,
.widget .search-submit:focus .icon,
.widget .search-submit:hover .icon,
.main-navigation .top-bar-search:focus .icon,
.main-navigation .top-bar-search:hover .icon {
	fill:#fff;
	transition: all 1.1s ease;
}

.top-bar-search form {
	display: inline-block;
	padding-left: 1em;
}

.top-bar-search .search-field {
	width: 5em;
	padding: 0 4px;
	font-weight: initial;
	font-size: 0.9rem;
	background-color: #e3e3e3;
}

.top-bar-search .search-field:hover {
	background-color: #fff;
}

.top-bar-search .search-field:focus {
	width: 9em;
	background-color: #fff;
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/

/* Pagination for index and archives */
ul.page-numbers {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 14px;
}

.nav-next,
.nav-previous,
ul.page-numbers li {
	display: inline;
	box-sizing: border-box;
	padding: 12px 12px 14px 12px;
	vertical-align: top;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	color: #aeaeae;
	background: rgba(0,0,0,0.6);
}

.nav-next,
.nav-previous,
.post-navigation {
	display: inline-block;
}

.nav-next {
	margin-left: 6px;
}

.nav-next a,
.nav-previous a,
.current,
a.page-numbers {
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: bold;
	text-decoration: none;
	transition: all 1.1s ease;
	display: inline-block;
	width: auto;
	border-bottom: 2px solid transparent;
}

.nav-next a:hover,
.nav-previous a:hover,
a.page-numbers:hover {
	border-bottom: 2px solid #b902c4;
}

.nav-next a:focus,
.nav-previous a:focus,
a.page-numbers:focus {
	transition: all 0s ease;
	border-bottom: 2px solid #b902c4;
}

#comments ul.page-numbers {
	list-style-type: none;
	padding: 0;
	margin: 2.5em 0;
}

.comment-form-cookies-consent label {
	margin-left: 5px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.top-bar-search .search-screen-reader-text,
.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. */
}

.top-bar-search .search-screen-reader-text:focus {
	clip: auto !important;
	display: initial;
	height: auto;
	width: auto;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

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

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-area {
	width: 95%;
	margin: 0 auto;
	padding: 1em 0 1em 0;
	display: flex;
	flex-wrap: wrap;
	flex-align: center;
	z-index: 2;
}

.site-header .widget-area .widget:nth-child(n+4) {
	display: none;
}

.site-content .widget-area {
	width: 100%;
}

.site-footer .widget-area {
	margin-top: 0.5em;
}

.widget {
	align-self: auto;
	width: 31.333%;
	box-sizing: border-box;
	margin: 0 1% 1em 1%;
	padding: 24px;
	vertical-align: top;
}

.site-header .widget-area {
	width: 95%;
	padding: 0;
	margin: 0 2.5%;
	position: relative;
}

.has-header-media .site-header .widget-area {
	width: 95%;
	padding: 0;
	position: absolute;
	top: 320px;
	left: 2.5%;
	margin: 0;
}

.has-header-media .site-header .widget {
	background: rgba(0,0,0,0.6);
}

.has-header-media .site-header .widget .inner {
	background: #040404;
	padding: 14px;
}

.has-header-media .site-header .widget.widget_search .inner {
	background: none;
	padding: 14px;
}

.widget a {
	color: #4ac6c9;
	text-decoration: none;
	transition: all 1.1s ease;
	border-bottom: 2px solid transparent;
}

.widget a:hover,
.widget a:focus {
 	border-bottom: 2px solid #b902c4;
	text-decoration: none;
	color: #fff;
}

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

.widget ul {
	list-style: none; 
	margin: -4px 4px 0 0;
	padding-left: 3px;
}

.widget li {
	margin: 0; 
	line-height: 2;
	padding: 0;
}

.widget-title {
	transition: all 1.1s ease;
}

.widget-title:hover {
	color: #fff;
	transition: all 1.1s ease;
}

.widget .twitter-tweet {
	margin: 0 !important;
}

.site-info .widget-area {
	padding: 0;
}

.site-info .widget {
	font-size: 1.3em;
	margin: 0 auto;
}

.widget .post-date {
	display: block;
	font-size: 0.9em; 
	margin-top: -5px;
	margin-bottom: 8px;
}

.widget.deejay-recent-comments li {
	margin: 0 0 1.2em 0;
	line-height: 1.5;
	padding: 0;
}

.widget.deejay-recent-comments li .icon {
	height: 2em;
	width: 2em;
	vertical-align: top;
	margin-right: 0.5em;
	fill: #cfcfcf;
}

.widget.deejay-recent-comments li .comment-content {
	width: 83%;
	padding: 0;
}

.widget .deejay-recent-comments-meta {
	display: block;
	margin-top: 12px;
	font-weight: bold;
}

.widget.deejay-recent-posts li img {
	vertical-align: top;
}

.deejay-recent-posts a.deejay-recent-post-img {
	text-decoration: none;
	border: 2px solid transparent;
	padding: 4px;
	transition: all 1.1s ease;
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
}

.deejay-recent-posts a.deejay-recent-post-img:focus,
.deejay-recent-posts a.deejay-recent-post-img:hover {
	text-decoration: none;  
	border: 2px solid #b902c4;
}

.deejay-recent-posts li span {
	vertical-align: top;
	display: inline-block;
}

/* Moving the title down just slightly will make it look better next to the image. */
.deejay-recent-post-title {
	margin-top: 0.5em;
}

/* Styling for the core calendar widget and the Events manager calendar widget: */
.em-calendar,
#wp-calendar {
	box-sizing: border-box;
	vertical-align: top;
	color: #aeaeae;
	text-align: center;
	font-weight: bold;
	border: none;
	border-collapse: separate;
	border-spacing: 4px;
	width: 75%;
}

#wp-calendar caption {
	margin: 0 0 12px 0; 
	padding: 0;
	font-size: 1.3em;
	text-transform: uppercase;
	letter-spacing: 2px; 
	position: relative;
	font-weight: bold;
	color: #cfcfcf;
}

#wp-calendar th,
#wp-calendar td {
	font-size: 0.8em;
}

.widget_em_calendar .widget-title {
	text-align: center;
	width: 75%;
}

#wp-calendar .widget-title {
	display: none;
}

.em-calendar-wrapper,
.em-calendar {
	margin: 0;
	padding: 0;
}

.em-calendar td,
table.em-calendar td.eventless-today, 
table.em-calendar td.eventful-today,
#wp-calendar td {
	border: 4px solid transparent;
	border-radius: 2px;
	padding: 2px;
	text-align: center;
	background: rgba(0,0,0, 0.3);
	font-size: 0.8em;
}

.em-calendar td:hover,
table.em-calendar td.eventless-today:hover, 
table.em-calendar td.eventful-today:hover,
#wp-calendar td:hover {
	background: rgba(255,255,255, 0.07);
}

.em-calendar thead tr th,
.em-calendar tbody tr,
#wp-calendar thead tr th,
#wp-calendar tbody tr {
	background: rgba(0,0,0, 0.3);
	text-align: center;
	border: none;
}

.em-calendar .days-names td,
.em-calendar thead tr th,
#wp-calendar thead tr th {
	border-bottom: 1px solid #4ac6c9;
	color: #fff;
	border-radius: 4px 4px 0 0;
}

.em-calendar .days-names td {
	padding: 8px;
}

.em-calendar tfoot tr td,
#wp-calendar tfoot tr td {
	background: none;
	border: none;
}

table.em-calendar td.eventful a, 
table.em-calendar td.eventful-today a {
	color: #4ac6c9;
}

table.em-calendar td.eventful a:hover, 
table.em-calendar td.eventful-today a:hover {
	color: #fff;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
	margin: -7px auto 2em auto;
	width: 100%;
	display: inline-block;
	position: relative;
	z-index: 1;
	min-height: 300px;
	padding-top: 4em;
	overflow: hidden;
	vertical-align: top;
}

.has-header-media .site-header {
	padding-top:0;
}

.wp-custom-header {
	margin-top: -7px;
}

.wp-custom-header-video-button {
	top: 14px;
	position: absolute;
	right: 22px;
	cursor: pointer; 
	display: inline-block;
	padding: 10px;
	border: 2px solid transparent;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	text-align: center;
	font-size: 0.8em;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 1px; 
	font-weight: bold;
	outline-offset: 6px;
	outline: thin dotted transparent;
	transition: all 1.1s ease;
}

.wp-custom-header-video-button:hover,
.wp-custom-header-video-button:focus {
	border: 2px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background-color: rgba(0, 0, 0, 0.6);
	transition: all 1.1s ease;
}

.wp-custom-header .customize-partial-edit-shortcut {
	margin-top: 10px;
	margin-left: 10px;
}

#wp-custom-header-video {
	width: 100%;
}

.main-navigation .menu-site-icon-link {
	border: none;
	padding: 0 4px 0 4px;
	margin-top: -1em;
	margin-left: 1em;
	vertical-align: super;
	display: inline-block;
	width: auto;
}

.main-navigation a.menu-site-icon-link {
	border: none;
	outline-offset: 4px;
	outline: 1px transparent;
	transition: all 1.1s ease;
}

.main-navigation a.menu-site-icon-link:hover,
.main-navigation a.menu-site-icon-link:focus {
	outline-offset: 4px;
	outline: 1px dotted;
	transition: all 1.1s ease;
}

.custom-logo {
	margin: 0;
	padding: 4px;
}

.custom-logo-link {
	text-decoration: none;
	transition: all 1.1s ease;
	display: inline-block;
	border: 1px solid transparent;
	margin: 0 0 2em 5%;
}

.site-branding {
	z-index: 2;
	display: inline-block;
	margin-top: 0;
	margin-left: 2em;
	vertical-align: top;
}

.has-header-media .site-branding {
	position: absolute;
	top: 4em;
	left: 5%;
	margin: 0;
}

.wp-custom-logo.has-header-media .custom-logo-link {
	margin-top: 4em;
}

.home.wp-custom-logo.has-header-media .custom-logo-link,
.home.wp-custom-logo .custom-logo-link {
	margin-top: 0;
	position: absolute;
	top: 4em;
	left: 5%;
	margin: 0;
}

.wp-custom-logo.has-header-media .site-branding {
	margin-left: 240px;
}

/* Make sure that the h1 site title on the front page is identical to the span on other pages. */ 
.site-title {
	display: block;
	clear: both;
	font-size: 2.5em;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 2px; 
	margin: 0;
	padding: 0;
	z-index: 2;
	position: relative;
	font-weight: bold;
	transition: all 1.1s ease;
	color: #4ac6c9;
}

.site-title a {
	color: #4ac6c9;
	text-decoration: none;
	transition: all 1.1s ease;
	border-bottom: 2px solid transparent;
}

.site-title a:hover,
.site-title a:focus {
 	border-bottom: 2px solid #b902c4;
	text-decoration: none;
	color: #fff;
}

.site-description {
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-size: 1em;
	margin: 0;
	padding: 1em 0 0 0;
	font-weight: bold;
	transition: all 1.1s ease;
	color: #fff;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.home.page .site-content,
.site-content {
	width: 95%; 
	margin: 1em auto; 
}

.single .site-content {
	width: 70%;
}

.page .content-area {
	width: 70%;
	margin: 1em auto;
}

.site-main {
	margin-bottom: 3em;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.single .entry-header,
.page .entry-header,
.entry-content,
.single .entry-footer,
.error404 .entry-meta,
.post-navigation,
.comments-area {
	max-width: 720px;
	margin: 0 auto;
	display: block;
}

.search-results .page .entry-header {
	margin: 0;
}

.post-wrap {
	margin-bottom: 1.8em;
	display: flex;
	flex-wrap: wrap;
}

.grid {
	align-self: auto;
	width: 31.33333333%;
	font-size: 1.2em;
	box-sizing: border-box;
	margin: 0 1% 2em 1%;
	padding: 24px;
	vertical-align: top;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	color: #aeaeae;
	background: rgba(0,0,0,0.6);
	min-height: 340px;
	position: relative;
}

.entry-title {
	margin-top: 0;
	margin-bottom: 0.4em;
	padding-bottom: 4px;	
	text-transform: uppercase;
	font-size: 1.3em;
	line-height: 1.5em;
	letter-spacing: 2px; 
}

.entry-title a,
.post a,
.type-page a {
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: all 1.1s ease;
}

.entry-title a:focus {
	transition: all 0s ease;
	border-bottom: 2px solid #b902c4;
}

.entry-title a:hover {
	border-bottom: 2px solid #b902c4;
}

/* Add some space between featured images and the post title:*/
.post img:first-of-type,
.type-page img:first-of-type {
	margin-bottom: 0.6em;
}

.single .grid,
.single .type-event,
.single .type-jetpack-portfolio,
body.attachment .type-attachment,
body.page .type-page,
.single .post {
	color: #cfcfcf;
	width: 100%;
	font-size: 1.2em;
	padding: 0;
	padding-bottom: 2em;
	box-shadow: none;
	background: none;
	margin: 1em auto 2em auto;
}

.sticky {
	display: block;
}

.sticky:before,
.sticky:after,
.sticky > :first-child:before,
.sticky > :first-child:after {
	position: absolute;
	width: 60px;
	height: 60px;
	border-color: #4ac6c9;
	border-style: solid;
	content: ' ';
	transition: all 1.1s ease;
}

.sticky:hover:before,
.sticky:hover:after,
.sticky:hover > :first-child::before,
.sticky:hover > :first-child:after {
	border-color: #ffffff;
	transition: all 1.1s ease;
}

.sticky:before {
	top: -6px;
	left: -6px;
	border-width: 3px 0 0 3px;
}

.sticky:after {
	top: -6px;
	right: -6px;
	border-width: 3px 3px 0 0;
}

.sticky > :first-child:before {
	bottom: -6px;
	right: -6px;
	border-width: 0 3px 3px 0;
}

.sticky > :first-child:after {
	bottom: -6px;
	left: -6px;
	border-width: 0 0 3px 3px;
}

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

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

.comment-reply-title,
.comments-title,
.no-comments,
.widgettitle,
.widget-title,
.page-title,
.entry-title {
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 2px; 
	margin: 0 0 0.5em 0;
	position: relative;
	padding: 3px;
	font-weight: bold;
	color: #cfcfcf;
}

body.page .entry-title,
.type-event .entry-title,
.single .entry-title {
	font-size: 2em;
}

.comment-reply-title,
.no-comments,
.widget-title {
	font-size: 1.3em;
}

.page-title {
	font-size: 2em;
	color: #4ac6c9;
	margin: 0 15px 35px 15px;
}

.archive .page-title {
	margin: 0 0 0.3em 0;	
}

.taxonomy-description {
	margin-bottom: 3em;
}

.page-header {
	margin-top: 1.5em;
	margin-bottom: 2em;
}

.single .entry-footer {
	margin-top: 2.5em;
	border: none;
}

a.more-link {
	font-size: 0.6em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	transition: all 1.1s ease;
	padding-bottom:2px;
}

.entry-meta a,
.entry-meta {
	font-size: 0.6em;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: bold;
	text-decoration: none;
	transition: all 1.1s ease;
	display: inline-block;
	width: auto;
	margin-bottom: 0.6em;
	color: #cfcfcf;
}

.entry-content .entry-meta,
.entry-footer .entry-meta {
	color: #4ac6c9;
	display: block;
}

.nextpage {
	clear: both;
}

.jetpack-portfolio-type a,
.entry-footer .entry-meta a {
	margin: 0 3px;
}

.jetpack-portfolio-type {
	margin-top: 0.8em;
}

.jetpack-portfolio-tag,
.jetpack-portfolio-type {
	display: block; 
	width: 100%;
	color: #4ac6c9;
}

.single .jetpack-portfolio-tag,
.single .jetpack-portfolio-type {
	font-size: 0.8em;
}

.jetpack-portfolio-link {
	display: block; 
	width: 100%; 
	margin: 1em auto; 
	clear: both;
}

.post-type-archive-jetpack-portfolio .jetpack-portfolio-link {
	display: none;
}

.current,
.jetpack-portfolio .tags-links a,
.entry-meta a {
	font-size: 1em;
}

.entry-meta a {
	border-bottom: 2px solid transparent;
}

a#cancel-comment-reply-link,
.must-log-in a,
.logged-in-as a,
.comment-content a,
.entry-content a {
	border-bottom: 2px solid #cfcfcf;
	text-decoration: none;
}

a.more-link:focus,
a#cancel-comment-reply-link:focus,
.must-log-in a:focus,
.logged-in-as a:focus,
.comment-content a:focus,
.entry-content a:focus,
.entry-meta a:focus {
	transition: all 0s ease;
	border-bottom: 2px solid #b902c4;
}

a.more-link:hover,
a#cancel-comment-reply-link:hover,
.must-log-in a:hover,
.logged-in-as a:hover,
.comment-content a:hover,
.entry-content a:hover,
.entry-meta a:hover{
	border-bottom: 2px solid #b902c4;
	transition: all 1.1s ease;
}

a#cancel-comment-reply-link:hover {
	text-decoration: none;
}

.must-log-in a:hover,
.logged-in-as a:hover,
.comment-content a:hover,
.entry-content a:hover {
	text-decoration: none;
	transition: all 1.1s ease;
}

.entry-content .entry-meta a:hover {
	font-weight:bold;
}

.entry-header a img,
.entry-content .attachment a,
.entry-content .gallery-item a {
	text-decoration: none;
	border: 2px solid transparent;
	padding: 4px;
	transition: all 1.1s ease;
}

.entry-header a img:focus,
.entry-header a img:hover,
.single-attachment img a:focus,
.single-attachment img a:hover,
.entry-content .gallery-item a:focus,
.entry-content .gallery-item a:hover {
	text-decoration: none;
	border: 2px solid #b902c4;
}

.entry-content ul li {
	line-height :1.8;
}

.nav-links .gallery-item {
	width: auto;
}

/*Crew page template */
.crew-member{
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	transition: all 1.1s ease;
	display: inline-block;
	width: auto;
	margin: 1em 1em 1em 0;
	vertical-align: top;
	padding: 0.8em;
	border-radius: 6px;
	border: 1px solid transparent;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: rgba(0,0,0,0.6);
	color: #fff;
}

.crew-member .avatar {
	border-radius: 50%;
	display: inline-block;
	margin: 0 1.5em;
}

.crew-description {
	font-size: 0.9em;
	color: #cfcfcf;
	text-transform: initial;
}

/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/
.alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: auto;
	max-width: 1000%;
}

@media (min-width: 750px) {
	.alignwide,
	.wp-block-group.alignwide .alignfull {
		margin-left: calc(25% - 25vw);
		margin-right: calc(25% - 25vw);
		width: auto;
		max-width: 1000%;
	}
}

@media screen and (max-width: 840px) {
	.alignwide,
	.wp-block-group.alignwide .alignfull {
		margin-left: auto;
		margin-right: auto;
	}
}

/* Ensure wide and full-width children do not extend beyond the width of a standard-aligned Group block. */
.wp-block-group:not(.alignwide):not(.alignfull) * {
	max-width: 100%;
	margin-left: 0;
}

.wp-block-embed-twitter.alignfull,
.wp-block-latest-posts.is-grid.alignfull,
.wp-block-columns.alignfull {
	padding-left: 2em;
	padding-right: 2em;
}

.wp-block-cover {
	display: flex;
	font-size: 0.85em;
}

.wp-block-quote:not(.is-large):not(.is-style-large),
blockquote:not(.wp-block-quote) {
	border-left: 4px solid #4ac6c9;
	padding-left: 1em;
}

.wp-block-button__link,
.wp-block-pullquote {
	margin-bottom: 1.5em;
}

.wp-block-gallery,
.wp-block-group.has-background {
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

figure.wp-block-pullquote blockquote {
	border-left: none;
}

.wp-block-pullquote,
.wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer,
.wp-block-latest-posts__post-date,
.wp-block-quote cite, 
.wp-block-quote footer,
.wp-block-video figcaption,
.wp-block-audio figcaption,
.wp-block-embed figcaption,
.wp-block-image figcaption {
	color: #cfcfcf;
}

p.has-drop-cap:not(:focus):first-letter {
	font-size: 4em;
}

.wp-block-file .wp-block-file__button {
	border: none;
}

.entry-content a.wp-block-button__link {
	border: none;
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus, 
.wp-block-file a.wp-block-file__button:hover {
	text-decoration: underline;
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file .wp-block-file__button:focus {
	border: none;
	text-decoration: underline;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border: 2px solid #fff;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
	background: transparent;
	border: 2px solid #fff;
}

.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
	color: #fff;
}

.wp-block-table {
	box-sizing: border-box;
	vertical-align: top;
}

.wp-block-table.has-subtle-pale-blue-background-color,
.wp-block-table.has-subtle-pale-green-background-color,
.wp-block-table.has-subtle-light-gray-background-color,
.wp-block-table.has-subtle-pale-pink-background-color {
	color: #000;
}

.wp-block-table.is-style-stripes {
	background:#fff;
}

.wp-block-table td {
	padding: 6px 8px;
	border: 2px solid inherit;
	word-break: break-word;
}

.has-deejay-purple-background-color {
	background: #b902c4;
}

.has-deejay-purple-color {
	color: #b902c4;
}

.has-deejay-turquoise-background-color {
	background: #4ac6c9;
}

.has-deejay-turquoise-color {
	color: #4ac6c9;
}

.has-deejay-darkgrey-background-color {
	background: #111111;
}

.has-deejay-darkgrey-color {
	color: #111111;
}

.wp-block-latest-comments__comment {
	font-size: 1em;
}

.wp-block-latest-posts__post-date,
.wp-block-latest-comments__comment-date,
.wp-block-latest-comments__comment-excerpt p {
	font-size: 0.9em;
	color: #cfcfcf;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
	display: inline-block;
	margin-top: 3em;
	padding: 0 0 0.7em 0;
	width: 100%;
	vertical-align: top;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	color: #aeaeae;
	background: #111;
}

.site-info {
	width: 100%;
	margin: 2em auto 1em auto; 
	text-align: center; 
	font-size: 0.6em;
	display: inline-block;
}

.site-info a {
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: all 1.1s ease;
	padding-bottom: 3px;
}

.site-info a:focus {
	transition: all 0s ease;
	border-bottom: 2px solid #b902c4;
}

.site-info a:hover {
	border-bottom: 2px solid #b902c4;
}

#page:before { 
	display: block; 
	content: " "; 
	margin-top: -75px; 
	height: 75px; 
	visibility: hidden; 
}

#page:focus:before { 
	outline: none;
}

.go-to-top {
	border: 1px solid transparent;
	display: inline-block;
	margin:0 2em 0.8em 2em;
	text-align: center;
}

.go-to-top a{
	background-color: #cfcfcf;
	border-radius: 20px;
	color: #cfcfcf;
	display: inline-block;
	height: 20px;
	text-align: center;
	width: 20px;
	padding: 0;
}

.go-to-top .icon {
	height: 20px;
	width: 20px;
	fill: #222;
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
}

.go-to-top a:focus,
.go-to-top a:hover {
	border:1px transparent;
	background-color: #b902c4;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-area {
	margin: 2em auto 1.5em;
	padding-top: 2em;
	color: #cfcfcf;
}

.comments-area ol.comment-list {
	list-style: none;
	margin: 2em 0;
	padding-left: 0;
	width: 100%;
}

.comments-area ol.children {
	list-style: none;
}

.comment-body .avatar {
	vertical-align:top;
	display:inline-block;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #222;
}

.depth-3 .avatar {
	display:none;
}

.comment-content {
	padding: 0 1em 0 1.5em;
	display: inline-block;
	width: 90%;
	box-sizing: border-box;
}

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

.comment-author {
	font-style: normal;
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: bold;
	width: auto;
	margin: 0 auto 0.8em auto;
}

a.comment-reply-link {
	font-size: 1.2em;
}

a.comment-reply-link,
.comment-author a {
	font-weight: bold;
	text-decoration: none;
}

a.comment-reply-link:hover,
.comment-author a:hover {
	font-weight: bold;
}

.bypostauthor {
	display: block;
}

.comment-body {
	margin: 6px 0 21px 0;
	padding: 12px;
	border-bottom: 2px solid rgba(0,0,0,0.2);
}

.comment-meta {
	font-size: 0.7em;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: bold;
	width: auto;
	display: block;
	margin: 0.8em auto;
}

.comment-form-comment label {
	margin: 1em auto;
	display: block;
}

.no-comments,
.comment-respond {
	margin: 2em 0 2em 0;
	width: 70%;
}

.vcard a {
	border-bottom: 2px solid transparent;
}

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

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption a {
	padding: 4px;
	border: none;
	display: inline-block;
}

.wp-caption a:focus, 
.wp-caption a:hover {
	border: none;
}

.wp-caption-text a {
	border-bottom: 2px solid #cfcfcf;
	text-decoration: none;
}

.wp-caption-text a:focus {
	transition: all 0s ease;
	border-bottom: 2px solid #b902c4;
}

.wp-caption-text a:hover {
	border-bottom: 2px solid #b902c4;
}

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

.wp-caption-text {
	margin: 0.5em 0;
	font-size: 0.6em;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: bold;
	text-align: center;
}

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

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	margin: 0;
	padding: 6px;
}

.single-attachment .entry-content a img,
.gallery-item a img {
	display: inline-block;
	border: 2px solid transparent;
	transition: all 1.1s ease;
	padding: 4px;
	text-decoration:none;
}

.single-attachment .entry-content a img:hover,
.gallery-item a img:hover {
	border: 2px solid #b902c4;
}

.single-attachment .entry-content a:hover,
.entry-content .gallery-item a:hover {
	text-decoration: none; 
	border: 2px solid transparent;
}

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


/*--------------------------------------------------------------
# Plugin styling
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## WooCommerce
--------------------------------------------------------------*/
.woocommerce-page .site-main {
	margin-top: 2em;
}

.woocommerce-checkout-payment,
a.about_paypal,
a.showcoupon,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: #111;
}

.woocommerce-cart table.cart img,
.woocommerce #reviews #comments ol.commentlist li img.avatar {
	width: 60px;
}

.woocommerce p.stars a {
	border-bottom: none;
}

#add_payment_method table.cart .product-thumbnail a, 
.woocommerce-cart table.cart .product-thumbnail a, 
.woocommerce-checkout table.cart .product-thumbnail a,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.buttons,
.product-remove a.remove{
	border: none;
}

.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	color: #b902c4;
	border: none;
	background-color: #dad8da;
}

.woocommerce-Price-amount,
.woocommerce ul.products li.product .price {
	color: #4ac6c9;
}

.woocommerce span.onsale {
	background: #4ac6c9;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
	width: 250px;
	margin-right:12px;
}

.woocommerce table.shop_table th {
	border-bottom: none;
}

.woocommerce-product-gallery__wrapper,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
	display: block;
	padding: 3px;
}

.woocommerce #coupon_code:focus{
	outline-offset:4px;
	outline: thin dotted #fff;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination {
	text-align: left;
	line-height: 1.5;
}

.woocommerce nav.woocommerce-pagination ul {
	list-style-type: none;
	padding: 0;
	border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
	box-sizing: border-box;
	padding: 12px 12px 14px 12px;
	vertical-align: top;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	color: #aeaeae;
	background: rgba(0,0,0,0.6);
	border:none;
	margin-right: 5px;
}

.woocommerce .woocommerce-pagination ul.page-numbers li, 
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
	display: inline-block;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: bold;
	text-decoration: none;
	transition: all 1.1s ease;
	display: inline-block;
	width: auto;
	border-bottom: 2px solid transparent;
	min-width: initial;
	padding: 0;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: none;
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
	border-bottom: 2px solid #b902c4;
}

.woocommerce nav.woocommerce-pagination ul li a:focus {
	transition: all 0s ease;
	border-bottom: 2px solid #b902c4;
}

.woocommerce div.product div.images a{
	padding: 4px;
	display: block;
}

.woocommerce div.product div.images a:focus {
	outline: thin dotted #fff;
	outline-offset: 2px;
}

.entry-content a.woocommerce-privacy-policy-link,
.entry-content a.woocommerce-privacy-policy-link:hover,
.entry-content a.woocommerce-privacy-policy-link:focus {
	color:#000;
}

/*--------------------------------------------------------------
## EDD
--------------------------------------------------------------*/
#edd_checkout_cart {
	border-spacing: 0;
	border-collapse: collapse;
}

#edd_checkout_form_wrap span.edd-description,
#edd_checkout_cart th,
#edd_checkout_cart .edd_cart_header_row th,
#edd_checkout_cart td {
	background: none;
	color: #cfcfcf;
}

/*--------------------------------------------------------------
## Jetpack
--------------------------------------------------------------*/
#infinite-footer .container {
	color: #444;
	background: #111;
}

#infinite-footer .container a {
	color: #444;
}

.infinite-wrap {
	display: flex;
	flex-wrap: wrap;
}

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/* Jetpack Sharing */
/* Overwrite the sharing button styles to improve accesibility and to fit the design*/
.home article .sharedaddy,
.home article .sharedaddy .sd-like,
.home article .sharedaddy h3.sd-title,
.home article .sharedaddy .likes-widget-placeholder  {
	display: none; 
}

.sharedaddy {
	margin-top: 1em;
	padding-top: 1em;
}

.site-main article div.sharedaddy h3.sd-title:before {
	content: "";
	display: block;
	width: 100%;
	min-width: 30px;
	border-top: 2px solid #4ac6c9;
	margin-bottom: 1em;
}

.sharedaddy .sd-content ul li {
	padding: 0 8px 0 0;
}

.sharedaddy .sd-social-icon-text .sd-content ul li a.sd-button {
	font-weight: bold;
}

.sharedaddy .sd-social-icon-text .sd-content ul li a.sd-button {
	border: 2px solid #cccccc;
}

.sharedaddy .sd-social-icon-text .sd-content ul li a.sd-button:focus,
.sharedaddy .sd-social-icon-text .sd-content ul li a.sd-button:hover {
	border: 2px solid #4ac6c9;
}

.sharedaddy .sd-social-icon-text .sd-content ul li a.sd-button:focus {
	outline-offset: 2px;
}

.sharedaddy h3.sd-title {
	font-size: 0.6em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	line-height: 1em;
}

/* Jetpack breadcrumbs */
.entry-breadcrumb {
	font-size: 0.6em;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: bold;
	margin-bottom: 1em;
}

.entry-breadcrumbs a {
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: all 1.1s ease;
}

.entry-breadcrumbs a:focus,
.entry-breadcrumbs a:hover {
	border-bottom: 2px solid #b902c4;
}

.entry-breadcrumbs span a.home-link {
	margin-left: -2px;
	padding-left: 2px;
}

.entry-breadcrumbs span {
	margin-right: 6px;
}

.entry-breadcrumbs span:after {
	display: inline-block;
	line-height: 1;
	text-decoration: none;
	margin: 0 5px;
	border: 1px solid transparent;
	border-radius: 2px;
	font-size: 1em;
	color: #cfcfcf;
	content: '\203A';
}

.entry-breadcrumbs span span {
	margin: 0;
}

.entry-breadcrumbs span:last-child:after,
.entry-breadcrumbs span span:after {
	content: '';
	margin: 0;
}

/* Related posts */
.site-main #jp-relatedposts h3.jp-relatedposts-headline em:before {
	content: "";
	display: block;
	width: 100%;
	min-width: 30px;
	border-top: 2px solid #4ac6c9;
	margin-bottom: 1em;
}

.site-main #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
#jp-relatedposts h3.jp-relatedposts-headline {
	font-size: 0.6em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}

.site-main .woocommerce-Tabs-panel #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title{
	margin-top: 0.5em;
}

.site-main #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title{
	margin-bottom: 0.5em;
}

.site-main #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a.jp-relatedposts-post-a {
	border-bottom: 2px solid transparent;
	font-weight: bold;
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post a:focus img.jp-relatedposts-post-img,
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post a:hover img.jp-relatedposts-post-img {
	outline-offset: 4px;
	outline: thin dotted #fff;
}

.site-main #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:focus,
.site-main #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
	text-decoration: none;
	border-bottom: 2px solid #b902c4;
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt {
	margin-bottom: 0.8em;
}

.site-main #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context, 
.site-main #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
	opacity: 1;
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img:focus {
	outline:initial;
}

/* Jetpack Testimonials */
.jetpack-testimonial {
	vertical-align: top;
	text-align:center;
}

.jetpack-testimonial .icon {
	height:2em;
	width:2em;
	vertical-align: top;
	margin-right:0.5em;
	fill: #cfcfcf;
}

.testimonial-content {
	padding:0;
	display:inline-block;
	vertical-align: top;
}

.testimonial-content p:first-child {
	margin-top:0;
}

.testimonial-by {
	font-weight:bold;
	font-style: italic;
	margin:0 auto;
	display:block;
	text-align:center;
}

.jetpack-testimonial img {
	border-radius: 50%;
	clear:both;
	display:block;
	margin:0 auto 2em auto;
}

.widget li.jetpack-testimonial {
	margin-bottom:3em;
}

.widget.horizontal-testimonials {
	width:100%;
}

.widget.horizontal-testimonials li {
	float:left;
	margin:0 2em;
}

.search-results .post-wrap .jetpack-testimonial {
	text-align:left;
}

/*--------------------------------------------------------------
## Events Manager
--------------------------------------------------------------*/
.widget_em_widget ul {
	padding: 0 0 0 8px;
	margin-top: -15px;
}

.widget_em_widget a {
	font-size: 1.8em;
}

.em-events-search {
	color: #000;
}

.em-search-form input {
	margin: 0.5em;
}

div.css-search input.em-search-text, 
div.css-search input.em-search-geo {
	color: #000;
}

.em-search-options {
	margin-left: 20px;
}

.em-search-options span.hide-advanced,
.em-search-options span.show-advanced {
	color: #000;
}

.css-events-list {
	margin-top: 3em;
}

.events-table {
	margin-top: 3em;
	border: none;
}

.events-table th {
	border: none;
	border-bottom: 1px solid #000;
}

.css-events-list table.events-table td {
	border: none;
	border-bottom: 1px solid #000; 
	padding: 1em;
}

.events-table td:nth-child(odd) {
	width: 30%;
}

.events-table td:nth-child(even) {
	width: 70%;
	padding-left: 4px;
}

.events-table td:nth-child(even) a {
	font-size: 1.5em;
	margin-bottom: 0.5em;
}

ul.event-categories {
	list-style: none;
	margin: -2em auto auto auto;
	padding: 0;
}

ul.event-categories li {
	display: inline;
}

.event-categories a,
.event-categories {
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-weight: bold;
	text-decoration: none;
	transition: all 1.1s ease;
	display: inline-block;
	width: auto;
	margin-bottom: 0.6em;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
.responsive-site-description,
.responsive-site-title,
.responsive-logo,
#mobile-menu-toggle,
.advanced-header-widgets {
	display: none;
}

@media screen and (max-width: 1400px) {
	.site-header {
		min-height: 312px;
	}

	.site-branding {
		float: left;
	}

	.header-navigation {
		float: left;
		margin: 1em 5% 2em 5%;
	}

	.wp-custom-logo .header-navigation,
	.wp-custom-logo	.site-branding {
		float: initial;
	}

	.has-header-media .header-navigation {
		top: 10.5em;
		left: 5%;
		margin: 0;
	}

	.wp-custom-logo.has-header-media .header-navigation {
		top: 12.5em;
	}

	.wp-custom-logo.has-header-media .site-header{
		min-height: 340px;
	}

	.header-navigation ul {
		float: left;
	}

	.header-navigation ul li:nth-of-type(1) {
		padding-left: 0;
	}

}


@media screen and (max-width: 1200px) {
	.grid {
		width: 100%;
		margin: 0 auto 2em auto;
		min-height: initial;
	}

	ul.page-numbers {
		margin: 0;
	}

}

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

	.widget.horizontal-testimonials li,
	.widget{
		width: 100%;
		margin: 0 auto 2em auto;
	}

	.site-header .widget-area .widget {
		display: none;
	}

	.site-header .widget-area .widget:first-child {
		display: initial;
	}
}

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

	.comment-body {
		padding: 6px;
	}

	.depth-2 .avatar {
		display: none;
	}

	.crew-member{
		width: 47%;
	}
}

@media screen and (max-width: 814px) {
	.depth-1 .avatar {
		display: none;
	}
}

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

	.main-navigation .top-bar-search,
	.site-header {
		display: none;
	}

	#mobile-menu-toggle {
		cursor: pointer; 
		display: inline-block;
		padding: 10px;
		border: 2px solid #cfcfcf;
		border-radius: 2px;
		box-shadow: 0 1px 2px rgba(0,0,0,0.2);
		background: #000;
		color: #cfcfcf;
		text-align: center;
		font-size: 0.85em;
		line-height: 1em;
		text-transform: uppercase;
		letter-spacing: 1px; 
		font-weight: bold;
		vertical-align: top;
		margin-top: -1em;
		margin-left: 1em;
		text-shadow: none;
	}

	#mobile-menu-toggle:hover,
	#mobile-menu-toggle:focus {
		color: #fff;
		border: 2px solid #b902c4;
		transition: all 1.1s ease;
		outline:none;
	}

	.main-navigation #top-bar-menu {
		display: inline-block;
	}
	
	.main-navigation.toggled #top-bar-menu {
		display: block;
	}

	.main-navigation ul {
		display: inline-block;
		margin-left: 1em !important;
	}

	.main-navigation ul li:nth-child(n+5),
	#site-navigation nav.social-menu {
		display: none;
	}

	.main-navigation .sub-menu {
		display: none;
	}

	.main-navigation.toggled ul li:nth-child(n+5),
	.main-navigation.toggled ul {
		margin-left: 0 !important;
		display: block;
	}

	.main-navigation.toggled ul {
		margin-top: 1em;
		width: 100%;
		border-top:1px solid #010101;
	}

	.main-navigation.toggled ul ul ul,
	.main-navigation.toggled ul ul {
		display: block;
		position: relative;
		float: none;
		clear: both;
		left: 0;
	}

	.main-navigation.toggled li {
		padding: 14px 14px 14px 14px;
		display: inline-block;
		width: 100%;
		background: #222;
		border-bottom: 1px solid #010101;
		box-sizing: border-box;
	}

	.main-navigation.toggled ul li:hover {
		box-shadow: inset 0 0 150px rgba(0,0,0, 0.01);
		background: #1a1a1a;
		transition: all 1.1s ease;
	}

	.main-navigation .menu-item-has-children a {
		margin-left: 0;
	}
	
	.top-bar-right {
		margin-top:0;
		float: initial;
		width: 100%;
	}

	#site-navigation.toggled nav.social-menu {
		width: 100%;
		margin: 0;
		float: left;
		background: #222;
		display: initial;
	}

	#site-navigation.toggled nav.social-menu ul {
		border-top: none;
		margin: 0;
	}

	#site-navigation.toggled nav.social-menu ul li {
		list-style-type: none;
		display: inline-block;
		width: auto;
		border: none;
		text-align: center;
		padding: 14px;
	}

	#site-navigation.toggled nav.social-menu ul a {
		width: auto;
		height: auto;
	}

	.main-navigation.toggled .top-bar-search {
		width: 100%;
		margin: 0;
		float: left;
		background: #222;
		display: initial;
		padding: 14px;
		border-top: 1px solid #010101;
	}

	.main-navigation.toggled .top-bar-search .search-field {
		font-size: 1rem;
		line-height: 1.5;
		padding: 3px;
		width: initial;
		background: #fff;
	}

	.main-navigation.toggled .top-bar-search .search-screen-reader-text {
		clip: auto !important;
		display: inline-block;
		height: auto;
		width: auto;
		position: relative !important;
	}

	.responsive-logo {
		display: block;
		text-align: center;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	
	.home.wp-custom-logo.has-header-media .custom-logo-link,
	.home.wp-custom-logo .custom-logo-link {
		position: relative;
		top: initial;
		left: initial;
	}

	.wp-custom-logo.has-header-media .custom-logo-link {
		margin-top: 4em;
	}

	a.custom-logo-link {
		margin: 0;	
	}

	.main-navigation a.custom-logo-link {
		text-decoration: none;
		transition: all 1.1s ease;
		display: inline-block;
		width: auto;
		border: 2px solid transparent;
		padding: 2px;
	}

	.main-navigation a.custom-logo-link:hover {
		transition: all 1.1s ease;
		border: 2px solid #b902c4;
	}

	.main-navigation.toggled .menu-item-has-children {
		padding-bottom: 0;
	}

	.main-navigation.toggled .sub-menu .menu-item-has-children {
		padding-bottom: 7px;
	}

	.site-content {
		margin-top: 2em;
	}

	.responsive-site-title {
		display: block;
		text-align: center;
		margin: 0.5em auto 0.1em auto;
		padding: 0;
		width: auto;
		font-size: 2.4em;
		line-height: 1;
		text-transform: uppercase;
		letter-spacing: 2px;
		z-index: 2;
		position: relative;
		font-weight: bold;
		transition: all 1.1s ease;
	}

	.responsive-site-title a {
		letter-spacing: 2px; 
		color: #4ac6c9;
		text-decoration: none;
		transition: all 1.1s ease;
		border-bottom: 2px solid transparent;
	}

	.responsive-site-title a:hover,
	.responsive-site-title a:focus {
 		border-bottom: 2px solid #b902c4;
		text-decoration: none;
		color: #fff;
	}
	
	.responsive-site-description {
		display: block;
		margin: 0 auto 1.6em auto;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 0.8em;
		padding: 1em 0 0 0;
		font-weight: bold;
		transition: all 1.1s ease;
		color: #fff;
	}

	.wp-custom-logo .responsive-site-title {
		margin-top: 0;
	}

	/* Show gallery items in one column. */
	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		max-width: 95%;
	}

	/* Split the credit links into two lines.*/
	.site-info .go-to-top {
		display: block;
	}

	.site-info .credit {
		display: none;
	}

	.site-info .theme-credit {
		display: inline-block;
		margin-top: 1.8em;
	}

	.single .site-content, 
	.page .content-area{
		width: 90%;
	}

	.comments-area ol.comment-list {
		list-style: none;
		margin: 2em 0;
		padding-left: 0;
		width: 100%;
	}

	.comment-respond {
		width: 90%;
		margin: 0 auto;
	}

	.comment-list .avatar {
		display: none;
	}

	.comment-content {
		padding: 0 0.5em 0 0.5em;
		width: 100%;
	}

	ul, 
	ol {
		margin: 0 0 1.5em 0.2em;
	}

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

	.widget {
		margin: 0 auto 1em auto;
	}

	.em-calendar,
	#wp-calendar {
		width: 100%;
	}

	#wp-calendar th,
	#wp-calendar td {
		font-size: 1em;
	}

}

@media screen and (max-width: 700px) {
	.grid {
		padding: 12px;
	}

	.main-navigation ul li:nth-child(n+3),
	#site-navigation nav.social-menu {
		display: none;
	}

	.main-navigation.toggled ul li:nth-child(n+3),
	.main-navigation.toggled ul {
		margin-left: 0 !important;
		display: block;
	}

	.single .grid,
	.type-event,
	.single .type-jetpack-portfolio,
	body.attachment .type-attachment,
	body.page .type-page,
	.single .post,
	.page-header {
		margin-top: 0;
	}

	.crew-member {
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	.wp-custom-header iframe,
	.wp-custom-header video {
		display: block;
		height: auto;
		max-width: 100%;
		margin-bottom: 2em;
	}
}

@media screen and (max-width: 450px) {
	.header-navigation li {
		padding-left: 0;
	}
}

/*--------------------------------------------------------------
## Footer Menu
--------------------------------------------------------------*/

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

	.has-footer-menu .site-info {
		padding-bottom: 9em;
	}
	
	.has-footer-menu .main-navigation.toggled .top-bar-search,
	.has-footer-menu .main-navigation .top-bar-search {
		display: none;
	}

	.has-footer-menu.admin-bar .main-navigation {
		top: initial;
	}
	
	.has-footer-menu .main-navigation {
		position: fixed;
		bottom: 0;
		top: auto;
		position: fixed;
		padding-bottom: 1.5em;
		height: 7em;
		border-top: 1px solid #000;
		background: #111;
	}

	.has-footer-menu .main-navigation.toggled {
		border-top: 1px solid #000;
		height: 7em;
		padding-bottom: 1.5em;
	}

	.has-footer-menu .main-navigation.toggled #top-bar-menu {
		position: fixed;
		max-height: calc(70% - 5em);
		bottom: 7em;
		left: 0;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.has-footer-menu .main-navigation.toggled #mobile-menu-toggle,
	.has-footer-menu .main-navigation #mobile-menu-toggle {
		margin-top: 0;
	}

	/* Hide the rest of the menu items until toggled */
	/* Hide social menu */
	.has-footer-menu .main-navigation #top-bar-menu ,
	.has-footer-menu #site-navigation.toggled nav.social-menu {
		display: none;
	}

	.has-footer-menu .main-navigation .top-bar-right {
		float: right;
		width: 70%;
	}

	.has-footer-menu .main-navigation.toggled .top-bar-search,
	.has-footer-menu .main-navigation .top-bar-search {
		float: right;
		display: inline-block;
		padding: 0 1em;
		width: auto;
		vertical-align: top;
		margin-top: -3px;
		border-top: 1px solid transparent;
		background: none;
	}

	.has-footer-menu .main-navigation .top-bar-search .search-field,
	.has-footer-menu .main-navigation.toggled .top-bar-search .search-field,
	.has-footer-menu .main-navigation.toggled .top-bar-search .search-field:focus {

		font-size: 0.9rem;
		line-height: 1.7;
		padding: 4px 4px 2px 4px;
		width: 7em;
		background-color: #e3e3e3;
	}

	.has-footer-menu .main-navigation button {
		border: 1px solid transparent;
		border-radius: 3px;
		background: none;
		box-shadow: none;
		line-height: 1.6;
		padding: .6em 1em .4em;
		text-shadow: none;
	}

	.has-footer-menu .main-navigation.toggled .top-bar-search .search-screen-reader-text,
	.has-footer-menu .main-navigation .top-bar-search .search-screen-reader-text {
		clip: auto !important;
		display: inline-block;
		height: auto;
		width: auto;
		position: relative !important;
	}

	.has-footer-menu .menu-site-icon-link {
		margin-top: initial;
	}

}

/* Print Style Sheet */
@media print {
	body {
		background: #fff;
		margin: 0;
		font: 12pt Georgia, "Times New Roman", Times, serif;
		line-height: 1.5;
	}
	
	a:link:after { content: " (" attr(href) ") "; } 

	*{color: #000 !important;}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 14pt;
	}

	img {
		max-width: 500px;
	}

	.grid,
	#wrapper,
	#main {
		margin: 0;
		width: 100%;
		display:block;
	}

	form,
	button,
	input,
	select,
	textarea,
	#masthead,
	.widget-area,
	#site-navigation,
	#respond,
	.post-navigation,
	.navigation,
	.sharedaddy,
	.site-footer {
		display: none;
	}

}