/*----------------------------------------------------------------------

	Theme Name: Crush
	Theme URI: http://themes.jessengatai.com/crush/wp/
	Description: The Portfolio Theme
	Author: Jesse Ngatai
	Author URI: https://jessengatai.com
	Version: 3.0.6
	Text Domain: crush
	Tags: post-formats, translation-ready, right-sidebar, left-sidebar

	License: GNU General Public License V2 or Later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	LAYOUT
	MOBILE MENU
	SIDEBAR
	CONTENT
	BANNER
	SECTIONS
	ENTRIES
	FORMS
	WIDGETS
	AUDIO
	VIDEO
	IMAGE
	GALLERY
	QUOTE & LINK
	IMAGE CAPTION
	BUTTONS
	GRID
	GRID MEDIA
	404 PAGE
	PROTECTED POSTS
	OPTIONS - BODY
	OPTIONS - SIDEBAR
	OPTIONS - CONTENT
	OPTIONS - BANNER
	OPTIONS - FOOTER
	OPTIONS - MASONRY
	OPTIONS - PORTFOLIO
	OPTIONS - BLOG
	OPTIONS - POST
	OPTIONS - FORMAT GALLERY
	OPTIONS - IMAGE HOVER
	OPTIONS - BLOCKQUOTE
	OPTIONS - ADVANCED SETTINGS
	HACKS

/*--------------------------------------------------------------------*/
/*	LAYOUT
/*--------------------------------------------------------------------*/
* { box-sizing: border-box; }

body {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

/* mobile and tablet */
@media screen and (max-width: 720px) {

	#sidebar {
		float: left;
		text-align: center;
	}
	#content-wrap,
	#content,
	#banner,
	#footer {
		clear: both;
	}

}
/* new body replace tag as of 2.6 */
#body-replace {
  min-height: 100vh;
  background-color: #f9f9f9;
  clear: both;
  float: left;
  width: 100%;
}

/* main wraps */
#body-wrap {
	margin: auto;
}
#content-wrap {
	width: auto;
	overflow: hidden;
}
#footer-wrap {
	width: auto;
	overflow: hidden;
}

/* main blocks */
#sidebar {
	width: 100%;
	position: relative;
}
#content,
#banner,
#footer {
	width: 100%;
	overflow: hidden;
}
/* internal blocks */
#sidebar-bg-wrap,
#content-inner,
#banner-inner,
#footer-inner {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 100%;
}

/* major block fade ins */
#banner,
#content,
#footer {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear !important;
	   -moz-transition: opacity 0.2s linear !important;
	    -ms-transition: opacity 0.2s linear !important;
	     -o-transition: opacity 0.2s linear !important;
	        transition: opacity 0.2s linear !important;
}

/*--------------------------------------------------------------------*/
/*	MOBILE MENU
/*--------------------------------------------------------------------*/

li.sub-menu {
	margin-left: 0px;
}

/*--------------------------------------------------------------------*/
/*	SIDEBAR
/*--------------------------------------------------------------------*/

#sidebar .no-link a {
	text-decoration: none !important;
	background: none !important;
	box-shadow: none !important;
}

@media screen and (max-width: 720px) {
	#sidebar div.section {
		display: none !important;
	}
	#sidebar div.section.logo-wrap,
	#sidebar div.section.menu-wrap {
		display: block !important;
	}
}

/* image logo */
a#logo-image {
	display: inline-block;
}
a#logo-image img {
	height: auto;
	width: 100%;
}

/*--------------------------------------------------------------------*/
/*	CONTENT
/*--------------------------------------------------------------------*/
#content .no-link a {
	text-decoration: none !important;
	background: none !important;
	box-shadow: none !important;
}

/*--------------------------------------------------------------------*/
/*	BANNER
/*--------------------------------------------------------------------*/
#banner .no-link a {
	text-decoration: none !important;
	background: none !important;
	box-shadow: none !important;
}

/*--------------------------------------------------------------------*/
/*	SECTIONS
/*--------------------------------------------------------------------*/
/* mobile */
@media screen and (max-width: 720px) {
	#sidebar div.section.primary,
	#sidebar div.section.sub {
		margin-left: auto; /* sections margins need not apply */
		margin-right: auto; /* sections margins need not apply */
	}
}

/* force no margins */
div.section.marginOffBot {
	margin-bottom: 0px !important;
}
div.section.marginOffTop {
	margin-top: 0px !important;
}

/* no links */
#sidebar .no-link a,
#content .no-link a,
#bannner .no-link a,
#footer .no-link a {
	color: inherit;
}

/*--------------------------------------------------------------------*/
/*	ENTRIES
/*--------------------------------------------------------------------*/

/* little hack for all hentries that helps firefox with first-child elements */
.hentry {
	float: left;
	width: 100%;
}

/* entries */
div[class*='entry-'] {
	width: 100%;
}

/* titles */
.entry-title {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/* author image in title */
.archive-title div.title-wrap {
	display: inline-block;
}
.archive-title div.image-wrap {
	display: inline-block;
	max-width: 65px;
	width: 65px;
	margin-right: 15px;
}
/* mobile */
@media screen and (max-width: 720px) {
	.archive-title div.title-wrap {
		display: block;
		clear: both;
	}
	.archive-title div.image-wrap {
		display: block;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 15px;
	}
}

/* pagination */
.single .entry-pagination {
	margin-top: 10px;
}

/* media */
.entry-media img {
	margin-left: inherit;
	margin-right: inherit;
}

/* comments */
.entry-comments {
	max-width: 600px !important;
}
#comment-list li.comment {
	float: left;
	width: 100%;
	clear: both;
	border-top: solid 1px inherit;
}
#comment-list > li.comment:first-child {
	border-top: none !important;
}
.comment-author {
	height: 50px;
	width: 50px;
	margin-right: 20px;
	float: left;
}
.comment-author img {
	border-radius: 99px;
}
.comment-meta,
.comment-body {
	overflow: hidden;
}
.comment-body {
}

/* sub comments */
#comment-list > li > ul.children {
	margin-left: 70px;
}
#comment-list > li > ul.children .comment-author  {
	max-width: 30px;
	width: 30px;
}

/* meta */
.entry-custom-meta,
.entry-custom-meta ul {
	width: 100%;
	clear: both;
}
.entry-custom-meta li {
	width: 100%;
	display: block;
}

/* meta gaps */
span.gap {
	display: inline;
	padding: 0 5px;
}
span.gap:after {
	content: "/";
}
span.gap.gap-last {
	display: none;
}

/* tags inside grid */
.blog_tags_1 .masonry-content .entry-content {
	float: left;
	padding-bottom: 80px; /* overridden in customizer css */
}
.blog_tags_1 .masonry-content .entry-tags {
	position: absolute;
	bottom: 80px; /* overridden in customizer css */
}
.blog_tags_1 .masonry-content .entry-tags p {
	margin: 0px;
}

/*--------------------------------------------------------------------*/
/*	FORMS
/*--------------------------------------------------------------------*/

form {
	position: relative;
}
form fieldset {
	display: block;
	clear: both;
	width: 100%;
}
/* text inputs and texareas */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea {
	width: 100%;
	padding: 10px;
	clear: both;
	float: left;
	border: solid 1px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	     -o-box-shadow: none;
			box-shadow: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
	    -ms-appearance: none;
	     -o-appearance: none;
	   		appearance: none;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	    -ms-border-radius: 0px;
	     -o-border-radius: 0px;
	        border-radius: 0px;
}
/* Radio / Checkbox */
input[type="radio"],
input[type="checkbox"] {
	margin-right: 10px;
}
/* Select */
select {
	height: 40px;
	line-height: 40px;
	-webkit-border-radius: 5px;
	 -khtml-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
}
/* file */
input[type="file"] {
  line-height: 1 !important;
}

/* Submit */
input[type="button"],
input[type="submit"] {
	display: inline-block;
	cursor: pointer;
	-webkit-appearance: none;
	   -moz-appearance: none;
	    -ms-appearance: none;
	     -o-appearance: none;
	   		appearance: none;
	   		margin-bottom: 0px;
}
/* Validator */
input#validator {
	display: none;
	visibility: hidden;
}

/* comment form base style */
form p {
	clear: both !important;
	position: relative;
	margin-top: 0px;
	width: 100%;
	float: left;
}
form p label {
	display: block;
	float: left;
}
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="url"],
form input[type="search"],
form textarea {
	width: 100%;
	max-width: none;
	margin-bottom: 0px;
	margin-top: 0px;
}
form input[type="button"],
form input[type="submit"] {
	width: auto;
	float: left;
}
/* invalid */
form span.wpcf7-not-valid-tip,
form span.form-not-valid-tip {
	border-top: solid 2px;
	padding: 0px;
	padding-top: 5px;
	margin: 0px;
	display: block;
	clear: both;
	float: left;
	width: 100%;
}
/* success and error */
form .wpcf7-response-output,
form .form-response-output {
	float: left;
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	border: none;
}
form .wpcf7-validation-errors,
form .form-validation-errors {
	  border-left: solid 10px;
}
form .wpcf7-mail-sent-ok,
form .form-mail-sent-ok {
	  border-left: solid 10px;
}

/* contact form 7 specific */
form.wpcf7-form {
	max-width: 500px;
}
#respond form.wpcf7-form {
	max-width: none;
}
form.wpcf7-form img.ajax-loader {
	width: auto !important;
	float: left;
	display: block;
}
form.wpcf7-form span.wpcf7-list-item:not(.first) {
	margin-left: 1em;
}
form.wpcf7-form label {
	margin-bottom: 0px;
	float: none;
}
form.wpcf7-form .wpcf7-form-control {
  display: block;
}

/* comment form specific */
form p.comment-notes,
form p.logged-in-as {
	clear: both;
	margin-bottom: 10px;
}
form p.comment-notes,
form p.comment-form-author,
form p.comment-form-email,
form p.comment-form-url,
form p.form-submit {
	display: none;
}

/*--------------------------------------------------------------------*/
/*	WIDGETS
/*--------------------------------------------------------------------*/
/* footer widgets */
#footer .masonry-content {
  width: 100% !important;
  float: left !important;
}
/* titles */
.entry-widget .jn-subtitle {
	margin-bottom: 10px;
}
/* lists */
.entry-widget ul li {
	/*white-space: nowrap; removed as of 2.3 because it runs list items off the page */
	display: block;
	overflow: visible;
	text-overflow: ellipsis;
}

/* margins for widget lists are applied to list item instead of anchor */
.entry-widget ul li a {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/* tag cloud */
.entry-widget .tagcloud a {
	margin-bottom: 0px;
}
/* twitter */
div.twitter ul li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	white-space: normal;
}
div.twitter ul li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}
div.twitter ul li span {
	display: block;
	margin-bottom: 0px;
}
div.twitter ul li br {
	display: none;
}
div.twitter ul li a {
	display: inline-block;
	border: none;
	padding: 0;
}
div.twitter ul li a.time {
	margin-top: 10px;
	display: block;
	font-size: 12px;
	line-height: 1;
}
/* dribbble */
.dribbble div {
	margin-bottom: 10px;
}
.dribbble div:last-child {
	margin-bottom: 0px;
}

/* widgets are hidden for any position top or bottom sidebar */
.sidebar-top #sidebar div.section.widget-wrap,
.sidebar-fixed-top #sidebar div.section.widget-wrap,
.sidebar-fixed-bottom #sidebar div.section.widget-wrap {
	display: none;
}

/*--------------------------------------------------------------------*/
/*	AUDIO
/*--------------------------------------------------------------------*/
/* self hosted */
.format-audio .player-position-wrap {
	position: relative;
}

/* embedded caption */
.format-audio.embedded div.cap-wrap div.caption {
	bottom: 200px;
}
/* embedded */
.format-audio .player-position-wrap iframe {
	width: 100% !important;
	position: absolute;
	bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	 -khtml-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
			box-sizing: border-box;
}

/*--------------------------------------------------------------------*/
/*	VIDEO
/*--------------------------------------------------------------------*/
/* self hosted */
.format-video .player-position-wrap {
	position: relative;
}

/*--------------------------------------------------------------------*/
/*	IMAGE
/*--------------------------------------------------------------------*/
.media-image {
	position: relative;
}

/*--------------------------------------------------------------------*/
/*	GALLERY
/*--------------------------------------------------------------------*/

.media-gallery {
	float: left;
	width: 100%;
}
.media-gallery div.image {
	position: relative;
}

/* stacked */
.gallery-stacked div.image:last-child {
	margin-bottom: 0px !important;
}

/* slider */
.gallery-slider {
	margin: auto;
}
.gallery-slider div.image {
	width: 100%;
}
.gallery-slider .slide-prev,
.gallery-slider .slide-next {
	position: absolute;
	bottom: 10px;
	top: 0;
	z-index: 9999;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	   -moz-transition: opacity 0.3s ease;
	    -ms-transition: opacity 0.3s ease;
	     -o-transition: opacity 0.3s ease;
	        transition: opacity 0.3s ease;
}
.gallery-slider .slide-prev {
	left: 0;
}
.gallery-slider .slide-next {
	right: 0;
}
.gallery-slider span.material-icons {
    font-size: 60px;
    position: relative;
    line-height: 1;
    transform: translateY(-50%);
    top: 55%;
		-webkit-transition: top 0.3s ease;
		   -moz-transition: top 0.3s ease;
		    -ms-transition: top 0.3s ease;
		     -o-transition: top 0.3s ease;
		        transition: top 0.3s ease;
}
.gallery-slider:hover .slide-prev,
.gallery-slider:hover .slide-next {
	opacity: 1;
}
.gallery-slider:hover span.material-icons {
	top: 50%;
}

/* pager */
.gallery-slider .slide-pager {
	z-index: 999;
  height: auto;
}
.gallery-slider .slide-pager span {
	cursor: pointer;
	display: block;
	float: left;
	height: 10px;
	background: none;
	min-width: 10px;
}
.gallery-slider .slide-pager span.cycle-pager-active {
}

/*--------------------------------------------------------------------*/
/*	QUOTE AND LINK
/*--------------------------------------------------------------------*/

#content .media-link a {
  box-shadow: none !important;
  background: none !important;
}

/*--------------------------------------------------------------------*/
/*	Image Caption
/*--------------------------------------------------------------------*/

.wp-caption {
	position: relative;
	width: auto !important;
}
.wp-caption-text {
	display: block;
}
.wp-caption-text a {
	text-decoration: underline;
}

/* left */
.caption-align-left .wp-caption-text {
	text-align: left;
}
/*center */
.caption-align-center .caption-margin {
	text-align: center;
}
.caption-align-center .wp-caption-text {
	position: relative;
	margin: auto;
	text-align: center;
	display: inline-block;
}
/* right */
.caption-align-right .wp-caption-text {
	text-align: right;
}

/* inline type */
.caption-type-inline .wp-caption-text {
	display: inline !important;
	-webkit-box-decoration-break: clone;
	-moz-box-decoration-break: clone;
	box-decoration-break: clone;
}

/* hide captions */
.caption_hover_1 .caption-margin {
	opacity: 0.2;
	-webkit-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}
.caption_hover_1 .image:hover .caption-margin,
.caption_hover_1 .wp-caption:hover .caption-margin {
	opacity: 1;
}

/* caption */
div.cap-wrap {
	display: block;
	position: relative;
}

/* captions standard */
div.cap-wrap div.caption {
	position: absolute;
	bottom: 20px;
	left: 20px;
	margin-right: 10px;
	background: rgba(0,0,0,.4);
	padding: 0px 6px;

	-webkit-border-radius: 3px;
	 -khtml-border-radius: 3px;
	   -moz-border-radius: 3px;
	    -ms-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;

	-webkit-box-sizing: border-box;
	 -khtml-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
			box-sizing: border-box;

}
div.cap-wrap div.caption p {
	color: #fff;
}

/*--------------------------------------------------------------------*/
/*	BUTTONS
/*--------------------------------------------------------------------*/
.button {
	-webkit-transition: all 0.1s ease;
	   -moz-transition: all 0.1s ease;
	    -ms-transition: all 0.1s ease;
	     -o-transition: all 0.1s ease;
	        transition: all 0.1s ease;
}

/*--------------------------------------------------------------------*/
/*	GRID
/*--------------------------------------------------------------------*/
.masonry-container {
	overflow: hidden;
}

.masonry-box {
	display: block;
	float: left;
	-webkit-transition: all 0s linear !important;
	   -moz-transition: all 0s linear !important;
	    -ms-transition: all 0s linear !important;
	     -o-transition: all 0s linear !important;
	        transition: all 0s linear !important;
}
/* last in row */
.masonry-box.last-in-row {
	margin-right: 0px !important;
}
/* last row */
.masonry-box.last-row {
	margin-bottom: 0px !important;
}

/* height control */
.grid-height-control {
	float: left;
	width: 100%;
}

/* masonry content */
.masonry-content {
	clear: both;
	padding-top: 20px;
}

/* filters */
#sidebar .filters {
	cursor: pointer;
}

/*--------------------------------------------------------------------*/
/*	GRID MEDIA
/*--------------------------------------------------------------------*/

/* media wrap */
div.jn-media-wrap {
	display: block;
	position: relative;
	overflow: hidden !important;
}
/* media link */
div.jn-media-wrap div.jn-media-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
div.jn-media-wrap div.jn-media-link a {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	opacity: 0;
}
/* media content wrap */
div.jn-media-wrap div.jn-media-content-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
div.jn-media-wrap div.jn-media-content-wrap div.jn-overlay-content-padding {
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 10%;
	right: 10%;
}
div.jn-media-wrap div.jn-media-content-wrap div.jn-content-placeholder {
	position: absolute;
	width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  text-align: center;
	opacity: 0;
	-webkit-transition: all 0.2s ease;
		 -moz-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
			 -o-transition: all 0.2s ease;
					transition: all 0.2s ease;
}
div.jn-media-wrap:hover div.jn-media-content-wrap div.jn-content-placeholder {
	opacity: 1;
}
div.jn-media-wrap .jn-content-placeholder,
div.jn-media-wrap .jn-content-placeholder a,
div.jn-media-wrap .jn-content-placeholder a:hover {
	background: none !important;
	box-shadow: none !important;
}

/* media badge */
div.jn-media-wrap div.jn-media-badge {
	position: absolute;
}
/* media caption */
div.jn-media-wrap div.jn-media-caption {
	position: absolute;
	bottom: 30px;
	left: 30px;
}
/* media image */
div.jn-media-wrap div.jn-media-image {
	display: block;
}
div.jn-media-wrap div.jn-media-image img {
	position: relative;
	width: 100%;
	height: auto;
}
/* image effects */
div.jn-media-wrap div.jn-media-image div.jn-image-effects {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
}
div.jn-media-wrap:hover div.jn-media-image div.jn-image-effects {
	opacity: 1;
}
/* transition speed */
div.jn-media-wrap div.jn-media-image,
div.jn-media-wrap div.jn-media-image div.jn-image-effects,
div.jn-media-wrap div.jn-media-image img {
	-webkit-transition: all 0.2s ease;
		 -moz-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
			 -o-transition: all 0.2s ease;
					transition: all 0.2s ease;
}
/* image blur */
div.jn-media-wrap div.jn-media-image div.jn-image-blur {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

/* z-index of overlay */
div.jn-media-wrap div.jn-media-image {
	z-index: 1;
}
div.jn-media-wrap div.jn-media-link {
	z-index: 10;
}
div.jn-media-wrap div.jn-media-content-wrap .jn-content-placeholder {
	z-index: 9; /* make link global */
}
div.jn-media-wrap div.jn-media-badge {
	z-index: 12;
}
div.jn-media-wrap div.jn-media-caption {
	z-index: 13;
}

/*--------------------------------------------------------------------*/
/*	404 PAGE
/*--------------------------------------------------------------------*/
.error-msg {
	text-align: center;
	position: absolute;
	top:45%;
	left:0;
	right:0;
	bottom:0;
	height: 90px;
	margin-top: -90px;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
}

/*--------------------------------------------------------------------*/
/*	PROTECTED POSTS
/*--------------------------------------------------------------------*/
.post-password-form input.button {
  float: left;
  clear: both;
}

/*--------------------------------------------------------------------*/
/*	ALL THE BELOW OPTIONS ARE CREATED USING BODY CLASSES
/*	THESE CLASSES ARE GENERATED VIA THE CUSTOMIZER
/*--------------------------------------------------------------------*/
/*	OPTIONS - BODY
/*--------------------------------------------------------------------*/
/* body unlimited width */
.body-width-unlimited #body-wrap {
	max-width: none;
}
.body-width-unlimited div.section.sub div[class*='entry-'] {
	max-width: 900px;
}
/* body width 1200 */
.body-width-1200 #body-wrap,
.body-width-1200.footer-placement-outside #footer,
.body-width-1200.sidebar-fixed-top #sidebar,
.body-width-1200.sidebar-fixed-bottom #sidebar {
	max-width: 1200px;
}
/* body width 1050 */
.body-width-1050 #body-wrap,
.body-width-1050.footer-placement-outside #footer,
.body-width-1050.sidebar-fixed-top #sidebar,
.body-width-1050.sidebar-fixed-bottom #sidebar {
	max-width: 1050px;
}
/* body center */
.body-width-1200.body-center #body-wrap,
.body-width-1200.body-center.footer-placement-outside #footer,
.body-width-1050.body-center #body-wrap,
.body-width-1050.body-center.footer-placement-outside #footer {
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}
/* body left */
.body-width-1200.body-left #body-wrap,
.body-width-1200.body-left.footer-placement-outside #footer,
.body-width-1050.body-left #body-wrap,
.body-width-1050.body-left.footer-placement-outside #footer {
	float: left;
	width: 100%;
}
/* body right */
.body-width-1200.body-right #body-wrap,
.body-width-1200.body-right.footer-placement-outside #footer,
.body-width-1050.body-right #body-wrap,
.body-width-1050.body-right.footer-placement-outside #footer {
	float: right;
	width: 100%;
}

/* borders */
.body-border-off,
.body-border-fixed {
	border: none !important;
}
.body-border-fixed #body-border {
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999999;
	pointer-events: none;
}

/* page transitions */
#transition-wrap {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out !important;
	   -moz-transition: opacity 0.3s ease-in-out !important;
	    -ms-transition: opacity 0.3s ease-in-out !important;
	     -o-transition: opacity 0.3s ease-in-out !important;
	        transition: opacity 0.3s ease-in-out !important;
}
#transition-wrap.toggled {
	opacity: 0;
}
#nprogress .peg {
	box-shadow: none !important;
}

/*--------------------------------------------------------------------*/
/*	OPTIONS - SIDEBAR
/*--------------------------------------------------------------------*/

/* sidebar top, fixed top, fixed bottom */
@media screen and (min-width: 721px) {

	/* fixed positions */
	.sidebar-fixed-top #sidebar {
		position: fixed;
		top: 0;
		z-index: 99999;
	}
	.sidebar-fixed-bottom #sidebar {
		position: fixed;
		bottom: 0;
		z-index: 99999;
	}

	/* shared settings */
	.sidebar-top #sidebar,
	.sidebar-fixed-top #sidebar,
	.sidebar-fixed-bottom #sidebar {
		float: left;
	}
	.sidebar-top #content-wrap,
	.sidebar-fixed-top #content-wrap,
	.sidebar-fixed-bottom #content-wrap {
		clear: both;
	}
	.sidebar-top .section-wrap,
	.sidebar-fixed-top .section-wrap,
	.sidebar-fixed-bottom .section-wrap {
		overflow: hidden;
	}
	.sidebar-top.logo-left #sidebar div.section.primary,
	.sidebar-fixed-top.logo-left #sidebar div.section.primary,
	.sidebar-fixed-bottom.logo-left #sidebar div.section.primary {
		text-align: left;
		float: left;
	}
	.sidebar-top.logo-center #sidebar div.section.primary,
	.sidebar-fixed-top.logo-center #sidebar div.section.primary,
	.sidebar-fixed-bottom.logo-center #sidebar div.section.primary {
		text-align: center;
		margin-left: auto; /* sections margins need not apply */
		margin-right: auto; /* sections margins need not apply */
	}
	.sidebar-top.logo-right #sidebar div.section.primary,
	.sidebar-fixed-top.logo-right #sidebar div.section.primary,
	.sidebar-fixed-bottom.logo-right #sidebar div.section.primary {
		text-align: right;
		float: right;
	}
	.sidebar-top.menu-left #sidebar div.section.sub,
	.sidebar-fixed-top.menu-left #sidebar div.section.sub,
	.sidebar-fixed-bottom.menu-left #sidebar div.section.sub {
		text-align: left;
		float: left;
		max-width: 300px;
	}
	.sidebar-top.menu-center #sidebar div.section.sub,
	.sidebar-fixed-top.menu-center #sidebar div.section.sub,
	.sidebar-fixed-bottom.menu-center #sidebar div.section.sub {
		text-align: center;
		margin-left: auto; /* sections margins need not apply */
		margin-right: auto; /* sections margins need not apply */
	}
	.sidebar-top.menu-right #sidebar div.section.sub,
	.sidebar-fixed-top.menu-right #sidebar div.section.sub,
	.sidebar-fixed-bottom.menu-right #sidebar div.section.sub {
		text-align: right;
		float: right;
		max-width: 300px;
	}

}

/* sidebar position left */
@media screen and (min-width: 721px) {

	/* fixed */
	.sidebar-fixed-left #sidebar {
		position: fixed;
		max-width: 300px;
	}
	.sidebar-fixed-left #content-wrap {
		margin-left: 300px;
	}

	/* standard */
	.sidebar-left #sidebar {
		width: 300px;
		text-align: left;
		float: left;
	}

}

/* sidebar position right */
@media screen and (min-width: 721px) {

	/* fixed */
	.sidebar-fixed-right #sidebar {
		position: fixed;
		max-width: 300px;
	}
	.sidebar-fixed-right #content-wrap {
		margin-right: 300px;
	}

	/* standard */
	.sidebar-right #sidebar {
		width: 300px;
		text-align: left; /* right looks bad but feel free to change it */
		float: right;
	}

}

/* sidebar link underlines */
.sidebar_link_underline_1 #sidebar .entry-widget a:not(.button) {
	text-decoration: underline;
}

/* sub menus vertical */
@media screen and (min-width: 721px) {

	/* all navs */
	div.section.menu-wrap ul.sub-menu {
		margin-left: 15px;
	}
	/* psuedo styling */
	div.section.menu-wrap ul.sub-menu > li:before {
		content: "--";
    position: relative;
    left: -10px;
    opacity: 0.4;
	}

	/* horizontal sidebar nav w/ right align vertical menu */
	.sidebar-top.nav-vertical.menu-right div.section.menu-wrap ul.sub-menu,
	.sidebar-fixed-top.nav-vertical.menu-right div.section.menu-wrap ul.sub-menu,
	.sidebar-fixed-bottom.nav-vertical.menu-right div.section.menu-wrap ul.sub-menu {
		margin-right: 15px;
	}
	.sidebar-top.nav-vertical.menu-right div.section.menu-wrap ul.sub-menu > li:after,
	.sidebar-fixed-top.nav-vertical.menu-right div.section.menu-wrap ul.sub-menu > li:after,
	.sidebar-fixed-bottom.nav-vertical.menu-right div.section.menu-wrap ul.sub-menu > li:after {
		content: "--";
    position: relative;
    right: -10px;
    opacity: 0.4;
	}
	.sidebar-top.nav-vertical.menu-right div.section.menu-wrap ul.sub-menu > li:before,
	.sidebar-fixed-top.nav-vertical.menu-right div.section.menu-wrap ul.sub-menu > li:before,
	.sidebar-fixed-bottom.nav-vertical.menu-right div.section.menu-wrap ul.sub-menu > li:before {
		content: none;
	}

}

/* menu horizontal */
@media screen and (min-width: 721px) {

	/* menu horiztonal center standard */
	.sidebar-top.nav-horizontal.menu-center #sidebar div > ul > li,
	.sidebar-fixed-top.nav-horizontal.menu-center #sidebar div > ul > li,
	.sidebar-fixed-bottom.nav-horizontal.menu-center #sidebar div > ul > li {
		display: inline-block;
		margin-left: 5px;
		margin-right: 5px;
	}
	/* menu horiztonal left standard */
	.sidebar-top.nav-horizontal.menu-left #sidebar div > ul > li,
	.sidebar-fixed-top.nav-horizontal.menu-left #sidebar div > ul > li,
	.sidebar-fixed-bottom.nav-horizontal.menu-left #sidebar div > ul > li {
		display: inline-block;
		margin-right: 10px;
	}

	/* menu horiztonal right standard */
	.sidebar-top.nav-horizontal.menu-right #sidebar div > ul > li,
	.sidebar-fixed-top.nav-horizontal.menu-right #sidebar div > ul > li,
	.sidebar-fixed-bottom.nav-horizontal.menu-right #sidebar div > ul > li {
		display: inline-block;
		margin-left: 10px;
	}

}

/* sub menus horizontal */
@media screen and (min-width: 721px) {
	.sidebar-top.nav-horizontal .entry-menu li.menu-item,
	.sidebar-fixed-top.nav-horizontal .entry-menu li.menu-item,
	.sidebar-fixed-bottom.nav-horizontal .entry-menu li.menu-item {
		position: relative;
		overflow: visible;
		padding-bottom: 5px; /* just a little bit of gap plz */
	}
	.sidebar-top.nav-horizontal .entry-menu li.menu-item:hover > ul.sub-menu,
	.sidebar-fixed-top.nav-horizontal .entry-menu li.menu-item:hover > ul.sub-menu,
	.sidebar-fixed-bottom.nav-horizontal .entry-menu li.menu-item:hover > ul.sub-menu {
		display: block;
	}
	.sidebar-top.nav-horizontal .entry-menu ul.sub-menu,
	.sidebar-fixed-top.nav-horizontal .entry-menu ul.sub-menu,
	.sidebar-fixed-bottom.nav-horizontal .entry-menu ul.sub-menu {
		z-index: 999999999 !important;
		display: none;
		position: absolute;
		top: 100%;
		padding: 20px 30px !important;
		margin-left: 0px;
	}
	.sidebar-fixed-bottom.nav-horizontal .entry-menu ul.sub-menu {
		top: 0px;
		-webkit-transform: translateY(-100%);
			 -moz-transform: translateY(-100%);
						transform: translateY(-100%);
	}
	.sidebar-top.nav-horizontal .entry-menu ul.sub-menu li.menu-item,
	.sidebar-fixed-top.nav-horizontal .entry-menu ul.sub-menu li.menu-item,
	.sidebar-fixed-bottom.nav-horizontal .entry-menu ul.sub-menu li.menu-item {
		clear: both;
		float: left;
	}
	.sidebar-top.nav-horizontal .entry-menu ul.sub-menu li.menu-item a,
	.sidebar-fixed-top.nav-horizontal .entry-menu ul.sub-menu li.menu-item a,
	.sidebar-fixed-bottom.nav-horizontal .entry-menu ul.sub-menu li.menu-item a {
		text-decoration: none;
		border-bottom: none;
	}
	/* sidebar top and nav horizontal */
	.sidebar-top.nav-horizontal #sidebar div.section.sub,
	.sidebar-fixed-top.nav-horizontal #sidebar div.section.sub,
	.sidebar-fixed-bottom.nav-horizontal #sidebar div.section.sub {
		max-width: none;
	}

	/* horizontal menu sub menu override */
	.sidebar-top.nav-horizontal ul.sub-menu li:before,
	.sidebar-fixed-top.nav-horizontal ul.sub-menu li:before,
	.sidebar-fixed-bottom.nav-horizontal ul.sub-menu li:before {
		content: none !important;
	}

}

/*--------------------------------------------------------------------*/
/*	OPTIONS - CONTENT
/*--------------------------------------------------------------------*/
/* content alignment left */
.content-left #content div[class*='entry-'] {
	text-align: left;
	float: left;
}

/* content alignment center */
.content-center #content div[class*='entry-'] { /* don't include the comments meta */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.content-center #content .archive-title div.title-wrap {
	display: block;
	clear: both;
}
.content-center #content .archive-title div.image-wrap {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
.content-center #content input,
.content-center #content textarea {
	text-align: center;
}
.content-center #content .entry-media img {
	margin-left: auto;
	margin-right: auto;
}

/* content fullsize media */
.content_media_fullwidth_1 #content .media-wrap {
  margin: 0px !important;
}

/* content fullwidth images */
.content_media_fullwidth_images_1 #content .entry-media img {
	width: 100%;
}

/* content link underlines */
.content_link_underline_1 #content a:not(.button) {
	text-decoration: underline;
}

/* borders */
div.section-border:last-child,
.content_media_fullwidth_1 #content div.section.media-wrap + div.section-border {
	display: none;
}
/* content border */
.content_borders_0 #content div.section-border {
	display: none;
}
/* banner border */
.banner_borders_0 #banner div.section-border {
	display: none;
}

/*--------------------------------------------------------------------*/
/*	OPTIONS - BANNER
/*--------------------------------------------------------------------*/
/* banner alignment left */
.banner-left #banner div[class*='entry-'] {
	text-align: left;
	float: left;
}

/* banner alignment center */
.banner-center #banner div[class*='entry-'] { /* don't include the comments meta */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.banner-center #banner .archive-title div.title-wrap {
	display: block;
	clear: both;
}
.banner-center #banner .archive-title div.image-wrap {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
.banner-center #banner input,
.banner-center #banner textarea {
	text-align: center;
}


/* banner link underlines */
.banner_link_underline_1 #banner a:not(.button) {
	text-decoration: underline;
}

/* banner borders off */
.banner_borders_0 #banner div.section:after,
.banner_borders_1 #banner div.section:last-child:after,
.banner_borders_1 #banner div.section.borderOff:after {
	display: none !important;
}
.banner_borders_1 #banner div.section:after {
	/* javascript */
}

/*--------------------------------------------------------------------*/
/*	OPTIONS - FOOTER
/*--------------------------------------------------------------------*/

/* footer link underlines */
.footer_link_underline_1 #footer-wrap #footer a:not(.button) {
	text-decoration: underline;
}
.footer_link_underline_0 #footer-wrap #footer a:not(.button) {
	text-decoration: none;
}

/*--------------------------------------------------------------------*/
/*	OPTIONS - PORTFOLIO
/*--------------------------------------------------------------------*/

/* turn off by default */
.portfolio-box .masonry-content,
.portfolio-box .masonry-content .entry-title,
.portfolio-box .masonry-content .entry-meta {
	display: none;
}
/* entry on */
.portfolio-title-below .portfolio-box .masonry-content,
.portfolio-tax-below .portfolio-box .masonry-content {
	display: block;
}
/* content below on */
.portfolio-title-below .portfolio-box .masonry-content .entry-title {
	display: block;
}
/* taxonmy below on */
.portfolio-tax-below .portfolio-box .masonry-content .entry-meta {
	display: block;
}

/*--------------------------------------------------------------------*/
/*	OPTIONS - BLOG
/*--------------------------------------------------------------------*/
/* turn off by default */
.blog-box .entry-meta,
.blog-box span.blog-date,
.blog-box span.blog-author,
.blog-box span.blog-tag,
.blog-box span.blog-cat {
	display: none;
}
/* entry on */
.blog_date_1 .blog-box .entry-meta,
.blog_author_1 .blog-box .entry-meta,
.blog_tags_1 .blog-box .entry-meta,
.blog_categories_1 .blog-box .entry-meta {
	display: block;
}
/* date on */
.blog_date_1 .blog-box span.blog-date {
	display: inline;
}
/* author on */
.blog_author_1 .blog-box span.blog-author {
	display: inline;
}
/* tags on */
.blog_tags_1 .blog-box span.blog-tag {
	display: inline;
}
/* cat on */
.blog_categories_1 .blog-box span.blog-cat {
	display: inline;
}
/* archive & search forced */
.archive .blog-box span.blog-author,
.archive .blog-box span.blog-tag,
.archive .blog-box span.blog-cat,
.search .blog-box span.blog-author,
.search .blog-box span.blog-tag,
.search .blog-box span.blog-cat {
	display: none !important;
}
/*--------------------------------------------------------------------*/
/*	OPTIONS - POST
/*--------------------------------------------------------------------*/
/* off by default */
.single .entry-meta,
.single .entry-pagination,
span.single-date,
span.single-author,
span.single-filter,
span.single-tag,
span.single-cat {
	display: none;
}
/* entry on */
.post_portfolio_date_1.single-portfolio .entry-meta,
.post_portfolio_author_1.single-portfolio .entry-meta,
.post_portfolio_filters_1.single-portfolio .entry-meta,
.post_blog_date_1.single-post .entry-meta,
.post_blog_author_1.single-post .entry-meta,
.post_blog_tags_1.single-post .entry-meta,
.post_blog_categories_1.single-post .entry-meta {
	display: block;
}

/* portfolio single on */
.post_portfolio_date_1.single-portfolio span.single-date {
	display: inline;
}
.post_portfolio_author_1.single-portfolio span.single-author {
	display: inline;
}
.post_portfolio_filters_1.single-portfolio span.single-filter {
	display: inline;
}
.post_portfolio_pagination_1.single-portfolio .entry-pagination {
	display: block;
}

/* blog single */
.post_blog_date_1.single-post span.single-date {
	display: inline;
}
.post_blog_author_1.single-post span.single-author {
	display: inline;
}
.post_blog_tags_1.single-post span.single-tag {
	display: inline;
}
.post_blog_categories_1.single-post span.single-cat {
	display: inline;
}
.post_blog_pagination_1.single-post .entry-pagination {
	display: block;
}

/*--------------------------------------------------------------------*/
/*	OPTIONS - FORMAT GALLERY
/*--------------------------------------------------------------------*/
/* caption under image (gallery list only) */
.caption-under div.gallery-list div.cap-wrap div.caption {

	/* overrides */
	position: relative;
	bottom: 0px;
	left: 0px;
	margin-right: 0px;
	background: none;
	padding: 0px;
	border-radius: 0px;
}
.caption-under div.gallery-list div.cap-wrap div.caption p {
	color: inherit;
}

/*--------------------------------------------------------------------*/
/*	OPTIONS - IMAGE HOVER
/*--------------------------------------------------------------------*/

/* grascale */
.hover_effect_greyscale_1 div.jn-media-wrap:hover div.jn-media-image img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}

/* zoom */
.hover_effect_zoom_1 div.jn-media-wrap:hover div.jn-media-image img {
	-webkit-transform: scale(1.2,1.2);
	 -khtml-transform: scale(1.2,1.2);
	   -moz-transform: scale(1.2,1.2);
	    -ms-transform: scale(1.2,1.2);
	     -o-transform: scale(1.2,1.2);
	        transform: scale(1.2,1.2);
}

/* shadow */
.hover_effect_shadow_1 div.jn-media-wrap:hover div.jn-media-image div.jn-image-effects {
	-webkit-box-shadow: inset 0 0 40px rgba(0,0,0,.3);
	 -khtml-box-shadow: inset 0 0 40px rgba(0,0,0,.3);
	   -moz-box-shadow: inset 0 0 40px rgba(0,0,0,.3);
	    -ms-box-shadow: inset 0 0 40px rgba(0,0,0,.3);
	     -o-box-shadow: inset 0 0 40px rgba(0,0,0,.3);
	        box-shadow: inset 0 0 40px rgba(0,0,0,.3);
}

/*--------------------------------------------------------------------*/
/*	OPTIONS - BLOCKQUOTE
/*--------------------------------------------------------------------*/

	.entry-content blockquote {
	    display: block;
	}
	.blockquote-align-left .entry-content blockquote {
	  float: left;
	}
	.blockquote-align-none .entry-content blockquote {
	  float: none;
	}
	.blockquote-align-right .entry-content blockquote {
	  float: right;
	}

/*--------------------------------------------------------------------*/
/*	OPTIONS - ADVANCED SETTINGS
/*--------------------------------------------------------------------*/

.settings_antialiased_font_1 {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------------*/
/*	HACKS
/*--------------------------------------------------------------------*/

/* sidebar related issues with sidebar positions and body padding */
@media screen and (min-width: 721px) {
	/* fixed bottom */
	.sidebar-fixed-bottom #sidebar {
		width: auto;
	}
	/* fixed bottom with set width */
	.body-width-1200.sidebar-fixed-bottom #sidebar,
	.body-width-1050.sidebar-fixed-bottom #sidebar {
		left: unset;
		right: unset;
		width: 100%;
	}
	/* fixed top */
	.sidebar-fixed-top #sidebar {
		width: auto;
	}
	/* fixed top with set width */
	.body-width-1200.sidebar-fixed-top #sidebar,
	.body-width-1050.sidebar-fixed-top #sidebar {
		left: unset;
		right: unset;
		width: 100%;
	}
}

/* no scrolling please */
body {
	overflow: visible !important; /* little no double scroll bar hack for laughs */
	-webkit-backface-visibility: hidden !important; /* webkit browsers handle fixed position elements poorly */
}

/* make sure mejs media element links dont have customizer styling */
a.mejs-horizontal-volume-slider.mejs-mute {
  background: none !important;
  box-shadow: none !important;
}

/* inherit font size from buttons for material icons */
.material-icons {
  font-size: inherit;  /* Preferred icon size */
}

/* admin bar margins */
@media screen and (min-width: 721px) {
	.admin-bar.sidebar-fixed-top div#sidebar-bg-wrap {
	  -webkit-transform: translateY(32px) !important;
	  transform: translateY(32px) !important;
	}
}

/* inside customizer preview add some transitions to certain elements */
.jnf-customizer-preview #sidebar,
.jnf-customizer-preview #sidebar-bg-wrap,
.jnf-customizer-preview #content,
.jnf-customizer-preview #content-inner,
.jnf-customizer-preview #banner,
.jnf-customizer-preview #banner-inner,
.jnf-customizer-preview #footer,
.jnf-customizer-preview #footer-inner,
.jnf-customizer-preview .masonry-box,
.jnf-customizer-preview div.section {
	-webkit-transition: padding 0.1s ease, margin 0.1s ease;
	-moz-transition: padding 0.1s ease, margin 0.1s ease;
	transition: padding 0.1s ease, margin 0.1s ease;
}