/**************************************************************/
/* THERAPHOSA - Official Site - Custom CSS v1 - March 2, 2026 */
/**************************************************************/

html, body
{
    background: #000;
}

h1, h2, h3, h4, h5, h6
{
    font-family: ivypresto-display, serif;
    font-weight: 100;
    font-style: normal;
    color: #fff;
}

p
{
    font-family: indivisible, sans-serif;
    font-weight: 300;
    font-style: normal;
}

#home h1.main_title
{
    letter-spacing: 0.5rem;
    color: #b79f70;
}

#home
{
    background: url("../img/band_photos/tv_thera_maro_2_bkg.jpg") no-repeat fixed;
    background-size: cover;
}

.social_media_icon
{
    max-width: 25px;
    max-height: 25px;
}

.k_gold
{
    color: #b79f70;
}

footer
{
    height: 40px;
}

footer p
{
    font-size: 12px;
}

a
{
    text-decoration: none;
}

#music
{
    background: url("../img/band_photos/tv_thera_maro_2_bkg.jpg") no-repeat fixed;
    background-size: cover;
}

.artwork_container
{
    max-width: 600px;
}

.order_stream_button
{
	margin: auto;
    text-align: center;
    min-width: 600px;
	height: 45px;
	line-height: 45px;
	background: #fff;
	color: #303030;
	font-family: ivypresto-display, arial, sans-serif;
	font-size: 1.4rem;
	transition: 0.3s;
}

.order_stream_button:hover
{
    background-color: #303030;
    color: #fff;
}

/* Switching from background image to solid color at Bootstrap sm breakpoint (576px) */
@media screen and (max-width: 576px)
{
    html, body
    {
        background: #000;
    }
}