html { scroll-behavior: smooth !important; }


/* * { border: solid 2px #EF9A01; } */

body
{
	background: #808080 url(../img/gray-cloud.png);
	color: #FFFFFF;
	font-family: museo500, Trebuchet;
	font-size: 1.2rem;
}

.alt-bg { background: #424242 url(../img/black-cloud.png); }
.wrapper { padding-bottom: 1rem; }
em, .language { font-family: museo500_italic; }
.language-light { font-family: museo300_italic; }
.section-bottom { margin-bottom: 2rem; }

/* links */
p a, .guest a, a:focus, a:visited, .modal-trigger, .modal-trigger-small, .orbit-caption a, .site-link a
{
	color: #FFFFFF;
	text-decoration-line: underline;
	text-decoration-color: #EF9A01;
	text-decoration-thickness: 2px;
}

a:hover, .modal-trigger:hover, .modal-trigger-small:hover, .orbit-caption a:hover, .site-link a:hover { color: #EF9A01; }
a:active, .modal-trigger:hover, .modal-trigger-small:hover, orbit-caption:active, .site-link:active { opacity: 50%; }

/*
button.lyrics
{
	margin: auto .5rem .3rem auto;
	background-color: #FFFFFF;
	padding: .25rem .1rem .1rem .3rem;
	border-radius: 6px;
	font-family: block_be_regularregular;
	font-size: .8rem;
	letter-spacing: .15rem;
	vertical-align: middle;
}

button.lyrics a { color: #848484; }
button.lyrics a:hover { color: #EF9A01; }
 */

button.lyrics
{
	margin: auto 1rem .3rem .75rem;
	/*
	background-color: #848484;
 */
	padding: .25rem .1rem .1rem .3rem;
	border: 1px solid;
	border-color: #FFFFFF;
	border-radius: 6px;
	font-family: block_be_regularregular;
	font-size: .8rem;
	letter-spacing: .15rem;
	vertical-align: middle;
}

button.lyrics a:link
{
	text-decoration: none;
	color: #FFFFFF;
}

button.lyrics a:hover
{
	color: #EF9A01;
	border: currentColor;
}

.logo { margin: .75rem 1rem; }
.logo.bandcamp { margin: 0 1rem .25rem 1rem; }
.logo.apple-music { }
.logo.spotify { }
.logo.amazon { margin: .25rem 1rem; }
.logo.youtube { }
.logo.deezer { margin: .5rem 1rem 1.25rem 1rem; }
.logo.tidal { }
.logo.itunes { }
a.button:hover { text-decoration-line: none; }
.logo a, .logo a:focus, .logo a:visited { border: none; }
.logo a:hover { border-bottom: solid 10px #EF9A01; }
.logo:active { opacity: 75%; }
.mahalo-reveal h3 { padding-top: 1rem; }

.mahalo-trigger
{
	font-family: museo500;
	font-size: 1.4rem;
}

.img-block
{
	position: relative;
	top: .5rem;
	margin-bottom: 1rem;
}

.img-block.right
{
	margin-left: 1rem;
	float: right;
}

/* TEXT BLOCKS */
.text-block
{
	margin: 3rem auto;
	justify-content: center;
}

@media screen and (min-width: 40em)
{
	.text-block
	{
		margin: 3rem 0;
		justify-content: start;
		text-align: left;
	}
}

/*
	.title-block
	{
		margin: 10rem 0 auto 0;
		justify-content: start;
	}
 */

/*
@media screen and (min-width: 40em)
{
	.text-block { margin: 4rem auto 3rem auto;
	text-align: left; }
}
 */

/*
.title-block { margin: 20rem 5.415rem auto auto; }
}
 */

/*
@media screen and (max-width: 39.9375em) {.title-block {
padding: 2rem;
}}
 */

/* margin: 13rem auto auto 2rem; */
/* ALBUM COVERS */
.album-cover { margin: 3.5rem 0 4rem 0; }

/*
@media screen and (min-width: 40em)
{
	.album-cover { margin: 4rem auto 4rem 7%; }
}
 */

/* PLAYERS */
.player
{
	margin-top: 2rem;
	text-align: center;
}

@media screen and (min-width: 40em)
{
	.player { margin-top: 15.725rem; }
}

.player-wrapper { margin-top: 1.5rem; }

/*
@media screen and (min-width: 40em)
{
	.player-wrapper { margin-top: 2rem; }
}
 */

/* HEADINGS */
h1
{
	font-family: block_be_regularregular;
	font-size: 3rem;
	/*
	margin: auto auto 0 auto;
 */
	color: #EF9A01;
	line-height: 115%;
	letter-spacing: .2rem;
}

.subhead
{
	font-family: block_bertholdheavy;
	font-size: 1.5rem;
	letter-spacing: .15rem;
	/*
	color: #FFFFFF;
 */
	line-height: 120%;
}

h2
{
	font-family: block_be_regularregular;
	font-size: 2rem;
	margin: 2.5rem auto 1.5rem;
	color: #EF9A01;
	letter-spacing: .2rem;
	line-height: 110%;
}

@media screen and (min-width: 40em)
{
	h2 { font-size: 2.25rem; }
}

h3
{
	font-family: block_be_regularregular;
	font-size: 1.75rem;
	margin: 1.5rem auto 1rem auto;
	color: #EF9A01;
	letter-spacing: .2rem;
	line-height: 110%;
}

h4
{
	font-family: block_be_regularregular;
	font-size: 1.25rem;
	margin: 0 auto 1.75rem auto;
	color: #EF9A01;
	letter-spacing: .2rem;
	line-height: 120%;
}

.head-caption
{
	font-family: block_be_regularregular;
	font-size: 1.25rem;
	margin: 1rem auto auto auto;
	line-height: 125%;
	letter-spacing: .03rem;
}

.epigram
{
	font-family: museo500;
	font-size: 1.75rem;
	line-height: 130%;
	opacity: 75%;
	margin: 3.5rem 0;
}

.cloud-rain-sea
{
	font-size: 6rem;
	/*
	margin: 2rem auto 1rem 0;
 */
	/*
text-align: center;
	justify-content: center;
 */
	opacity: 75%;
}

/* .cloud-rain-sea.mahalo-trigger { font-size: 3rem; } */

/*
@media screen and (min-width: 40em)
{
	.cloud-rain-sea
	{
		text-align: right;
		margin: 5.25rem 13.5rem 3rem 0;
	}

}
 */

.cloud-rain-sea.mahalo
{
	font-size: 5rem;
	margin: .85rem 0 -1.5rem 0;
	text-align: center;
	opacity: 65%;
}

.dedication
{
	font-family: museo300;
	font-size: 1.5rem;
	line-height: 130%;
	padding: 1rem 1rem .5rem 0;
	text-align: center;
	justify-content: center;
}

/*
.img-shadow { box-shadow: 5px 5px 16px #3D3635; }

.orbit-slide {margin-left: 0;}
 */

ol .song-title, .guest
{
	font-family: museo700;
	font-size: 1.25rem;
	letter-spacing: .05rem;
}

li
{
	margin: auto auto .75rem .5rem;
	line-height: 125%;
	font-family: museo300;
}

.mahalo-reveal
{
	background: #484745 url(../img/gray-cloud.png);
	border-radius: 6px;
}

.close-button { color: #FFFFFF; }
.close-button:hover, .close-button:focus { color: #BDBDBD; }
.bullet { color: #EF9A01; }

/* HERO */
/* as it was */

/*
.hero
{
	padding: 1px;
x	background-size: cover !important;
x	height: 100vh;
	max-width: 100%;
x	text-align: center;
}
 */

/*
 {
	width: 100vw;
	height: 100vh;
	text-align: center;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
 */

/*  from https://www.w3schools.com/howto/howto_css_hero_image.asp#gsc.tab=0 but with height changed to 100vh */
.hero
{
	background-image: url(../img/awapuhi.jpg);
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	text-align: center;
}

.sub-hero
{
	height: 90vh;
	width: 90vw;
}

/*
.hero-content { text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
 */

.hero-content
{
	text-align: center;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 99%;
}

/*
.k-logo { margin-top: 30%; }

@media screen and (min-width: 40em)
{
	.k-logo { margin-top: 10%; }
}
 */

.scroll-down-chevron
{
	/* text-align: center; */
	color: #ffffff;
	opacity: 70%;
	margin-top: 30%;
}

@media screen and (min-width: 40em)
{
	.scroll-down-chevron { margin-top: 20%; }
}

.back-to-top
{
	font-size: .875rem;
	line-height: 3rem;
	color: #FFFFFF;
	text-align: center;
	opacity: 50%;
	position: fixed;
	right: .5rem;
	bottom: 1rem;
	border-bottom: none;
	border-radius: 50%;
	width: 2.5rem;
	height: 2.5rem;
	display: none;
}

@media screen and (min-width: 40em)
{
	.back-to-top
	{
		right: 7rem;
		bottom: 5rem;
	}
}

.back-to-top:hover, .back-to-top:focus
{
	color: #e0d9ce;
	background-color: #a49b8a;
}

/* .orbit { text-align: center; } */

@media screen and (min-width: 40em)
{
	.orbit { margin: 2rem 0 -4rem 0; }
}

.orbit-previous { left: .5rem; }

.orbit-bullets button
{
	width: .85rem;
	height: .85rem;
	margin: 0.2rem;
}

.orbit-bullets button:hover
{
	background-color: #EF9A01;
	opacity: 50%;
}

.orbit-bullets button.is-active { background-color: #FFFFFF; }

.orbit-caption
{
	font-size: 1.2 rem;
	line-height: 120%;
	padding: .5rem 2rem;
	text-align: left;
}

footer
{
	border-top: solid 2px #EF9A01;
	text-align: center;
	padding-top: 1rem;
	padding-bottom: .5rem;
	justify-content: center;
}

@media screen and (min-width: 40em)
{
	.email { text-align: left; }
}

/* .email { text-align: center; } */
.modal-trigger-small
{
	font-size: .8rem;
	padding-top: .2rem;
}

/* for pilimoreno.com and lynmoreno.com */
h1.pm-lm
{
	font-family: block_be_regularregular;
	font-size: 3rem;
	margin: 1rem auto 2rem auto;
	color: #EF9A01;
	line-height: 115%;
	letter-spacing: .2rem;
	text-shadow: 5px 5px 16px #3D3635;
}

.intro
{
	font-family: museo700;
	font-size: 1.5rem;
	letter-spacing: .15rem;
	color: #FFFFFF;
	line-height: 120%;
	margin-top: 4rem;
	text-shadow: 5px 5px 16px #3D3635;
}

.continue
{
	border-radius: 6px;
	box-shadow: 5px 5px 16px #3D3635;
	padding: 3rem;
	margin-top: 1rem;
	border: 1px;
}

.continue.k-m
{
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(//kipukamusic.com/img/awapuhi.jpg);
	background-position: center;
}

.continue.l-m
{
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)),url(//kipukamusic.com/img/molokai-rain-hero.jpg);
	background-position: left;
}

.k-logo { margin-top: 3rem; }
.p-logo { margin-top: 1rem; }

.site-link
{
	font-family: museo700;
	font-size: 2rem;
}

/*
.inter-window { height: 28rem; }
 }
 */

/*
Small only
@media screen and (max-width: 39.9375em) {}

Medium and up
@media screen and (min-width: 40em) {}

Medium only
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

Large and up
@media screen and (min-width: 64em) {}

Large only
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}
 */