/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
@font-face {
    font-family: 'traffic';
    src: url('fonts/traffictypeluxembourgd-regular-webfont.woff2') format('woff2'),
         url('fonts/traffictypeluxembourgd-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Tw Cen MT Std Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Tw Cen MT Std Regular'), url('fonts/twcen/TwCenMTStd.woff') format('woff');
    }
@font-face {
    font-family: 'Tw Cen MT Std Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Tw Cen MT Std Italic'), url('fonts/twcen/TwCenMTStdItalic.woff') format('woff');
    }

/* html, body {
	overflow-x: hidden;
} */
 body, .twcen {
	font-family:'Tw Cen MT Std Regular', Arial, sans-serif;
	font-weight:normal;
}
.twcen-italic {
	font-family:'Tw Cen MT Std Italic';
}
#primary-menu ul li > a {
  font-weight: 600;
  font-family:'Tw Cen MT Std Regular', Arial, sans-serif;
  text-transform: none;
  text-transform: uppercase;
}
#gotoTop:hover {
	background-color: black;
}
a, h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge), .header-extras li .he-text span, #primary-menu ul li:hover > a, #primary-menu ul li.current > a, #primary-menu div ul li:hover > a, #primary-menu div ul li.current > a, #primary-menu ul ul li:hover > a, #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover, #top-cart > a:hover, .top-cart-action span.top-checkout-price, .breadcrumb a:hover, .portfolio-filter li a:hover, .portfolio-desc h3 a:hover, .portfolio-overlay a:hover, #portfolio-navigation a:hover, .entry-title h2 a:hover, .entry-meta li a:hover, .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider, .ipost .entry-title h3 a:hover, .ipost .entry-title h4 a:hover, .spost .entry-title h4 a:hover, .mpost .entry-title h4 a:hover, .comment-content .comment-author a:hover, .product-title h3 a:hover, .single-product .product-title h2 a:hover, .product-price ins, .single-product .product-price, .feature-box.fbox-border .fbox-icon i, .feature-box.fbox-border .fbox-icon img, .feature-box.fbox-plain .fbox-icon i, .feature-box.fbox-plain .fbox-icon img, .process-steps li.active h5, .process-steps li.ui-tabs-active h5, .team-title span, .pricing-box.best-price .pricing-price, .btn-link, .dark .post-timeline .entry:hover .entry-timeline, .dark .post-timeline .entry:hover .timeline-divider, .clear-rating-active:hover {
  color: #000;

}
h1, h2, h3, h4, h5 {
	font-family: 'traffic',sans-serif;
}
.header_LWO {
	background-color: white;
	color: black;
}
.footer_LWO .btn-link, .footer_LWO a, .footer_LWO a:hover {
	color: #fff !important;
}
.home-javelin {
	background-color: #E5AE0A;
}
#logo {
	height: 100px;
	display: flex;
    align-items: center;
}
#logo .km-logo {
	width: 300px;

}
#logo .km-logo img {
	width: 100%;
	height: auto;
}
#main_home {
	background-color: #E5AE0A;
	padding-top: 50px;

}
.home .section-vid-hero {
	max-width: 100%;
	overflow: hidden;
	position: relative;
}
.home #myVideo {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	object-fit: cover;
}
.vid-hero-poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 9999 !important;
	display: block;
	transition: opacity .45s ease, transform .45s ease;
}
.vid-hero-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	pointer-events: none;
	z-index: 10000;
	width: 100%;
	text-align: center;
	transition: opacity .45s ease, transform .45s ease;
}
.section-vid-hero.playing .vid-hero-poster,
.section-vid-hero.playing .vid-hero-title {
	opacity: 0;
	transform: translateY(-8px);
	visibility: hidden;
}
.album-section {
	overflow-x: hidden;
}
/* album row: three images left / center / right with center larger and overlapping */
.album-row {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 0;
	position: relative;
	margin-top: 20px;
}
.album-row > div {
	position: relative;
	flex: 0 0 auto;
	transition: transform 200ms ease;
}
.album-row .kevin-image-container img,
.album-row .rotated-album-art img {
	width: 220px;
	max-width: 30vw;
	display: block;
}
.album-row .album-cover-container img {
	width: 320px;
	max-width: 40vw;
	display: block;
	box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}
.album-row .kevin-image-container {
	z-index: 1;
	transform: translateX(-30px) translateY(-44px) rotate(-3deg);
}
.album-row .rotated-album-art {
	z-index: 1;
	transform: translateX(30px) translateY(-44px) rotate(3deg);
}
.album-row .album-cover-container {
	z-index: 2;
	transform: translateY(-12px) scale(1.06);
	margin: 0 -28px;
}

@media (max-width: 767.98px) {
	.album-row {
		flex-direction: column;
		align-items: center;
	}
	.album-row > div {
		transform: none;
		margin: 10px 0;
	}
	.album-row .kevin-image-container img,
	.album-row .rotated-album-art img {
		width: 70vw;
		max-width: none;
	}
	.album-row .album-cover-container img {
		width: 80vw;
	}
}
.vid-hero-title img {
	max-width:90vw;
}

#main_home #tour_inc {
	max-width: 1152px;
	margin: 0 auto;
}
#tour_inc h1 {
	text-align: center;
	color: black;
}

.album-title-image {
	width: 50%;
	height: auto;
	margin: 0 auto;
	display: block;
	padding-bottom: 50px;
	padding-bottom: 50px;
}
.tracks-section {
	color: black;
	margin-bottom: 100px;
}


#page-title h1,
.product-desc h3 {
	letter-spacing: 5px;
}

.button-teal-reverse {
	background-color: #E5AE0A;
	padding: 0 30px !important;
    font-size: 15px !important;
}
.button-teal-reverse:hover {
	 background-color: #53777A !important;
 }



 /* header transition */
 #logo img {
	/* height: 34px;
	margin-top: 30px */
}
#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark) {
	background-color: #000;
	border-bottom: 1px solid #fff;
}

#primary-menu ul li {
	position: relative;

}

#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img
/* { height: 20px; margin-top: 20px;} */

#primary-menu ul li.current > a div{
	font-weight: 900;

}
/* active state */

#header.sticky-header:not(.static-sticky) #primary-menu ul li.current > a div{
	border-bottom: 1px solid #fff;

}

.btn-success {
    color: #fff;
    background-color: #000;
    border-color: #fff;
}
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a {

}
#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap {
    height: auto;
    margin-top: 0px;
}

.inner {
	 background-color: #000; }

.inner #wrapper,
.inner #page-title {
	background-color: transparent;
}
* {
	text-shadow: none;
}
#page-title {
	border: none;

}
#page-title h1 {
	font-size: 30px;
}

.modal-content,
#content {
	background-color: #000;
}
.portfolio-overlay, .portfolio.portfolio-parallax .portfolio-desc {
	opacity: 1;
}
#footer.dark .widget p {
	color: #fff;
	line-height: 1;
	margin-bottom: 10px;
}
.product-1 .product-title h3 {
	font-size: 30px;
	text-transform: uppercase;
}
@media (max-width: 767.98px) {
	.product-1 p {
		display: block;
	}
}
.btn-success:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow:#fff;
}
.tour #wrapper {
	background: url('../images/2022/_album_cover_hero_big_2.jpg') no-repeat center top;
	background-size: cover;
}
.tour #content {
	background-color: transparent;
}
#page-menu-wrap {
	background-color: transparent;
}
.photos.inner {
	background: url('../images/2022/_album_cover_hero_big_5b.jpg') no-repeat center top;
	background-size: cover;
	/* background-color: aquamarine; */
}

.videos .portfolio.portfolio-parallax .portfolio-desc h3 {
	font-size: 28px;
}

.dark .close {
    color: #fff;
}
#essay, #tour, #main_home, #tour_inc, .videos.inner, .music-lwo {
	background-color: #E5AE0A;
}
.music-lwo #content {
	background-color: transparent;
}
#essay .essay-section {
	margin: 0 auto;
	max-width: 570px;
	padding-top: 100px;

}
#essay h1, .videos.inner h1, .entry-meta li, .product-desc {
	color: black;
}

.videos.inner h3 {
	color: white;
}
#essay p{
	font-size: 18px;
	line-height: 1.8;
	color: black;
}
#essay blockquote{
	font-size: 20px;
	line-height: 1.8;
	color: black;
}
 .product-1 .product-image {
	width: 400px;
}

/* Flower pot background: full-page, behind content */
.flower-pot {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100vh;
	pointer-events: none;
	z-index: -1;
}
.flower-pot .flowers {
	position: absolute;
	height: auto;
	max-width: 20vw;
	will-change: transform, opacity;
}
/* upper-right, half off-screen */
.flower-pot .flower-1 {
	top: -10vh;
	right: -20vw;
	max-width: 35vw;
}
/* middle-left, half off-screen */
.flower-pot .flower-2 {
	top: 45vh;
	left: -25vw;
	max-width: 30vw;
}
/* peaking lower-right above footer */
.flower-pot .flower-3 {
	position: fixed;
	bottom: -8vh;
	right: -10vw;
	max-width: 30vw;
	z-index: 50;
}

@media (max-width: 767.98px) {
	.flower-pot .flowers { max-width: 50vw; }
	.flower-pot .flower-1 { right: -30vw; top: -20vh; max-width: 45vw; }
	.flower-pot .flower-2 { left: -35vw; top: 55vh; max-width: 40vw; }
	.flower-pot .flower-3 { right: -20vw; bottom: -15vh; max-width: 45vw; }
}
.product-1 .product:hover {
	background-color: white;
}