/*
Theme Name: EmilyAudio
Author: EmBro
Author URI: https://scottfive.com
Description: Custom theme for EmilyAudio
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 8.1
Version: 1.0
Text Domain: emilyaudio
*/




img	{ max-width:100%; }
input, textarea, label	{ max-width:90%;}
/** Structure */
body {
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

p, h6, .sans-serif	{ font-family: sans-serif; }

/*
 * Header
 */

.nav-masthead .nav-link {
  color: rgba(0,0,0, .5);
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(0,0,0, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #000;
  border-bottom-color: #000;
}

header	{
	z-index:5;
	padding:1em;
	height:5em;
	/* background-color: #638050; Em's dark green */
	background-color: #A2DC93;
	background-color: #334F64;
	background-color: #fff;
	font-family:sans-serif;
	text-transform:uppercase;
	color:#000;
}


/**
 * main
 */
.cover-container {
	/* width:100%; */
	height:auto;
	min-height:calc(100vh - 8em);
	/* top:5em;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	align-content:flex-end;
	justify-content:center;
	z-index:10;
	overflow:hidden;
	*/
	/** BROWN TO BLUE-ISH/WHITE GRADIENT
	background: rgb(91,79,71);
	background: linear-gradient(0deg, rgba(91,79,71,1) 0%, rgba(255,255,255,1) 75%);
	*/

	/** PEACH (skin) to WHITE GRADIENT
	background: rgb(222,187,179);
	background: linear-gradient(0deg, rgba(222,187,179,1) 0%, rgba(255,255,255,1) 80%);
	*/

	/** DARK PEACH (skin) to PEACH TO WHITE GRADIENT
	background: rgb(142,93,84);
	background: linear-gradient(0deg, rgba(142,93,84,1) 0%, rgba(222,187,179,1) 31%, rgba(255,255,255,1) 80%);
	 */
	/**	BLUE (light) to WHITE GRADIENT
	background: rgb(147,199,220);
	background: linear-gradient(0deg, rgba(147,199,220,1) 0%, rgba(255,255,255,1) 80%);
	*/


	/** PURPLE TO WHITE GRADIENT
	background: rgb(205,147,220);
	background: linear-gradient(0deg, rgba(205,147,220,1) 0%, rgba(255,255,255,1) 80%);
	*/



	/** DARK DARK PEACH (skin) to PEACH TO WHITE GRADIENT
	background: rgb(138,121,118);
	background: linear-gradient(0deg, rgba(138,121,118,1) 0%, rgba(222,187,179,1) 31%, rgba(255,255,255,1) 80%);
	 */

	/** LIGHT BLUE TO WHITE GRADIENT
	 background: rgb(118,191,208);
	background: linear-gradient(0deg, rgba(118,191,208,1) 0%, rgba(214,239,245,1) 30%, rgba(255,255,255,1) 100%);
	 */
	/* blue from pants
	 background: rgb(37,68,89);
	background: linear-gradient(0deg, rgba(37,68,89,1) 0%, rgba(110,156,187,1) 100%);
	 */

	/* green from eyes
	background: rgb(66,82,72);
	background: linear-gradient(0deg, rgba(66,82,72,1) 0%, rgba(135,182,153,1) 20%, rgba(255,255,255,1) 80%);
	*/

	background: rgb(144,154,167);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(225,235,249,1) 10%, rgba(144,154,167,1) 30%, rgba(192,204,221,1) 31%, rgba(225,235,249,1) 100%);


	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(225,235,249,1) 15%, rgba(144,154,167,1) 30%, rgba(192,204,221,1) 50%, rgba(225,235,249,1) 100%);

}

main	{
	display:flex;
	z-index:10;
	padding:0;
	margin:0;
	top:-3em !important;
	min-height:calc(100vh - 1em);
	width:100%;
	background:url('https://emilyaudio.com/wp-content/uploads/2024/03/em.png') no-repeat;
	background-size: contain;
	background-position: 55% bottom;
	flex-grow: 1;
	position:relative;
}

/**
 * main footer
main footer	{
	align-self:flex-end;
}
 */



.content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width:100vw;
  font-family: 'Cormorant Garamond', serif;
  margin-top:3em !important;
}

hr {
  background: linear-gradient(to right, red, yellow);
  height: 2px;
  width:75%;
  margin:auto;
  margin-top:1em;
  margin-bottom:1em;
}


.track .btn.play-btn	{ margin-top:-6px; }
.card img, .card iiframe	{ max-width:100% !important; height:auto !important; }

#name	{ font-size:4rem; }
#featured	{ top:100vh; max-width:100vw; overflow:hidden; }

#services p	{ margin-bottom:0; }

#samples	{ font-family:sans-serif; font-size:1.15em; }

#contact	{ background-color:#EBECED; }
#contact hr	{ width:250px; background:#BABFCB; margin-bottom:4em; margin-top:2em; }
#contact h5	{ color:#7D89A9; }

#waveform	{ position:absolute; bottom:100px; width:75vw; height:200px; margin:auto;left:12vw; }
#wavesurfer_play_pause	{ position:absolute; bottom:100px; margin:auto;left:calc(50% - 25px); }

/* xs up to lg */
@media (max-width: 991.98px) {
	#name	{ font-size:3rem; }
	main	{ margin-top:0; background:none; }
	#waveform	{ position:static; width:75vw; height:200px; margin:auto; }
	#wavesurfer_play_pause	{ position:static; margin:auto; margin-top:-4em; }
}