/*
Theme Name: Deejay
Theme URI: https://deejay.wptema.se/
Author: Carolina Nymark
Author URI: https://theme.tips/
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: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: deejay
Tags: grid-layout, custom-colors, custom-menu, custom-logo, footer-widgets, theme-options, threaded-comments, translation-ready, 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 http://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

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

/*--------------------------------------------------------------
# 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;
}

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

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;
	color: #aeaeae;
	border: none;
	border-collapse: separate;
	border-spacing: 4px;
	width: 75%;
}

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

th,
tr {
	background: rgba(0,0,0, 0.3);
	border: none;
}

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

td {
	border: 2px solid transparent;
	border-radius: 2px;
	padding: 6px 8px;
	background: rgba(0,0,0, 0.3);
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color:#cfcfcf;
	font-family: 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;
}

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. */
}

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

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

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

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: 0px 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: 0px;
    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: 0px 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: #000000;
	transition: all 1.1s ease;
}

.main-navigation ul ul ul{
	position: absolute;
	left: 100%;
	top: 0px;
	margin: 0;
	display: block;
	clip: rect(1px, 1px, 1px, 1px);
	z-index: 999; 
	font-size: 1em;
	line-height: 1.2em;
	box-shadow: 0px 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: 0px;
    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;
}

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

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

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

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

/*--------------------------------------------------------------
## 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: 0px 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;
}

/*--------------------------------------------------------------
# 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. */
}

/* 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 {
	margin: 0;
	padding: 0;
}

.em-calendar-wrapper {
	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: 4px;
	position: absolute;
	right: 22px;
	cursor: pointer; 
	display: inline-block;
	padding: 10px;
	border: 2px solid transparent;
	border-radius: 2px;
	box-shadow: 0px 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: 0px 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 a.menu-site-icon-link{
	border:none;
	padding: 0 4px 0 4px;
	margin-top:-1em;
	margin-left:1em;
	vertical-align: super;
}

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

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

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

.site-title {
	font-size: 2.5em; 
	text-transform: uppercase;
	letter-spacing: 2px; 
	margin: 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
--------------------------------------------------------------*/

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

.grid {
	align-self: auto;
	width: 31.33333333%;
	box-sizing: border-box;
	margin: 0 1% 2em 1%;
	padding: 24px;
	vertical-align: top;
	border-radius: 2px;
	box-shadow: 0px 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 0 2em 0;
}

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

.page-content,
.entry-content,
.entry-summary {
	margin: 0.2em 0 0.8em 0;
	max-width: 40em;
}

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

.entry-footer {
	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;
}

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

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

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
	display: inline-block;
	margin-top: 3em;
	padding: 0 0 0.7em 0;
	width: 100%;
	vertical-align: top;
	box-shadow: 0px 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;
	border-top: 2px solid rgba(0,0,0,0.2);
}

.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: 0px 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,
.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{
	border:none;
}

.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.buttons{
	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;
}

.product-remove a.remove{
	border:none;
}

/* 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: 0px 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;
}

/*--------------------------------------------------------------
## 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: 0px 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 {
	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) {

	.site-header {
		display: none;
	}

	#mobile-menu-toggle {
		cursor: pointer; 
		display: inline-block;
		padding: 10px;
		border: 2px solid #cfcfcf;
		border-radius: 2px;
		box-shadow: 0px 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;
    }

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

	.responsive-logo {
		display: block;
		text-align: center;
		margin-top:1em;
		margin-bottom: 1em;
	}

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

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

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

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

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

}