section.topnav { z-index: 100; }
#home-gallery img { max-height: 310px; }

main .hero-subpage { 
	height: 100%;
	background-image: url("../assets/images/subpage-bg.jpg");
	background-origin: padding-box;
}

main .pink-text { color: #E10E46; }

main #agenda-buttons .btn-outline { text-decoration: none; }
main #agenda-buttons .btn-orange { color: #fff; text-decoration: none; }
main #agenda-buttons .btn-outline:hover { color: #fff; text-decoration: none; }


section#get-involved { 
	background-color: black;
	color: #fff;
}
section#get-involved h2 { 
	padding: 2em 0 1em 0;
}
section#get-involved h3 { 
	font-size: 1.125rem;
    line-height: 2rem;
	font-weight: bold;
}

#get-involved > .container {
	column-gap: 2%;
}

#get-involved  .btn { 
	margin-top: 1.0em;
}

section#get-involved #call-for-sponsors,
section#get-involved #call-for-speakers {
	flex-basis: 0;
	flex-grow: 1;
	min-height: 100%;
}

section#get-involved #call-for-sponsors .container,
section#get-involved #call-for-speakers .container {
	padding: 2em;
	min-height: 100%;
}
section#get-involved #call-for-speakers .container {
	border: solid 2px #E34D21;
	/* --
	border: 2px solid;
	border-image-source: linear-gradient(102.65deg, #E34C23 0%, #DB325D 100.66%);
	-- */
}


section#get-involved #call-for-sponsors .container {
	background: linear-gradient(100.38deg, #E34D21 0%, #DB315E 100%);
}


a.btn-black:hover {
	background-color: #fff;
	color: #000;
}

@media only screen and (max-width: 1130px) {
	main .hero-subpage {
		background-origin: padding-box;
		background:url('../assets/images/mm25nyc-bg-elements-mobile.jpg');
		background-position: top right;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-color: #ee108b;
		height: auto;

	}
	main .hero-subpage img {
		padding-right: 0;
	}
	main .subpage-text {
		padding: 80px 24px 0px 24px;
	}
	main .subpage-text h1 { margin-bottom: 0.5em; }

	section#get-involved #call-for-sponsors,
	section#get-involved #call-for-speakers {
		min-width: 100%;
	}
	section#get-involved #call-for-speakers .container {
		border-color: transparent;
	}
	section#get-involved { padding: 0 24px; }
	

}


@media only screen and (max-width: 600px) {
	main section.hero-subpage .subpage-text { 
		padding-left: 24px;
	}
	main section.hero-subpage .subpage-text > p { 
		margin-top: 0;
	}
	main section.hero-subpage img { padding-right: 0; }




}


/* ---- FONT TEST ---- */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
html,h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}