:root {
	--color-green: #23A638;
}

body {
	font-family: "Inter", sans-serif;
	background: white;
	}
body a {color:black;}
body a:hover {
	color: var(--color-green);
	text-decoration: none;
	}

.masthead h1, .masthead .h1 {
	font-family: "Inter", sans-serif;
	background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255, .6));
	background-clip: text;
	}

.bg-black-05 {background-color: rgba(0,0,0,.05);}

.text-black-80 {color: rgba(0,0,0,.80);}

h3, .h3 {
    font-size: calc(1rem + .5vw);
}

/*.about-section .clip-path {
		clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
		width: 24rem;
		height: 24rem;
		margin-bottom: -50px;
	}*/

#mainNav .navbar-toggler {
    font-size: 90%;
    padding: .5rem;
    color: black;
    border: 0;
    border-radius: 0;
}

/* discography */
#discography.projects-section {padding-bottom: 0;}

.projects-section .project {
	box-sizing: border-box;
    border: 8px solid black;
    background: white;
    margin: 0;
	}

/* live */
#live.projects-section ul {
	list-style: none;
	margin-top: 2rem;
	padding-top: 0;
	padding-left: 0;
}
#live.projects-section ul li {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
#live.projects-section ul li time {
	display: inline-block;
	min-width: 8rem;
	margin-right: 1rem;
	padding: .5rem 0;
	font-weight: 600;
	color: white;
	text-align: center;
	background-color: black;
}
#live.projects-section ul li p {
	margin-bottom: 0;
	line-height: 1.1;
}

/* contact-section */
.contact-section .card {border-bottom-color: lightgray;}
.contact-section .card p {
	font-weight: 400;
	font-size: .9rem;
	letter-spacing: 2px;
	}	
.contact-section .card hr {border-color: black;}
.contact-section .social a {
    background: white;
    color: black;
	}
.contact-section .social a:hover {
	color: var(--color-green);
	}

/* breakpoints */

@media (min-width: 992px) {
    #mainNav.navbar-shrink .nav-link:hover {color: black;}
    #mainNav.navbar-shrink .nav-link.active {
        color: black;
        outline: none;
        border-bottom: .25rem solid black;
    }
    #mainNav .navbar-brand {
    	font-weight: 600;
    	color: white;
    }
    #mainNav .nav-link {
        color: rgba(white,.8);
    }
    #mainNav .nav-link:hover {
    	color: white;
    }
    .projects-section .featured-text {border-left-color: black;}
}
	
@media (max-width: 992px) {
	.nav-link {color: black;}
	#discography.projects-section {padding-bottom: 0;}
	#live.projects-section ul {
		margin-top: 0;
		padding: 2rem;
	}
	/*#live.projects-section ul li {display: block;}*/
	.about-section, .projects-section {padding-top: 4rem;}
	.about-section .clip-path {
		width: 18rem;
		height: 18rem;
	}
}
@media (max-width: 590px) {
	#live.projects-section ul li {
		display: block;
		border-bottom: 1px dotted black;
	}
	#live.projects-section ul li p {
		margin-top: 15px;
		margin-bottom: 15px;
	}
}