/* Form */

/* textarea, input[type="tel"] {
	border: 2px solid #aaa;
	padding: 10px;
	color: #333;
	width: 100%;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow: none;
	font-family: "Effra", "Effra W01", Helvetica, sans-serif;
	outline: none;
	font-size: 14px;
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus, input[type="tel"]:focus {
	border: 2px solid #999;
	background: #fefefe;
}


select {
	border: 2px solid #aaa;
	padding: 10px;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow: none;
	font-family: "Effra", "Effra W01", Helvetica, sans-serif;
	outline: none;
	font-size: 14px;
}

.form_label {
	font-weight: bold;
}

button.default{
	color: #fff;
	background: #900;
	font-family: "Effra";
	padding: 15px 20px 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
} */


/*Hiding the unneeded input element*/

.hide-element {
	display: none!important;
}


/* hero with 3 buttons */
/* Hero with 3 buttons */
.hero-with-3-buttons {
    height: 700px;
/* 	background-image: url(https://www.stonybrook.edu/commcms/_ying/_images/Hero-3-buttons.JPG); */
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
}

.three-button-hero-bg{}

.three-button-hero-button-title {
    margin: 23rem 10% 0 10%;
}
.three-button-hero-button-title h1{
	color: #fff !important;
    text-align: center !important;
	margin-top:unset !important;
	font-size: 50px;
}

.three-button-hero-button-subtitle {
	padding-top: 1rem;
	margin: 0 5%;
}

.three-button-hero-button-subtitle h2{
	color: #fff !important;
    text-align: center !important;
	margin-top:unset !important;
}

.three-button-hero-button-container {
	text-align: center;
    padding-top: 2rem;
    display: flex;
	flex-wrap: wrap;
	gap: 20px;
    height: fit-content;
	margin:auto 20%;
}

.three-button-hero-button-container-button {
	width: 250px;
    height: 60px;
    background: #990000;
    margin: auto;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    line-height: 55px;
	border: 1px solid white;
}


.three-button-hero-button-container-button:focus, .three-button-hero-button-container-button:hover {
	text-decoration:none;
}

.three-button-hero-button-container-button:after {
  display:block;
  content: '';
  border-bottom: solid 3px white;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
.three-button-hero-button-container-button:hover:after { transform: scaleX(1); }

.svg-inline--fa {
    display: inline-block;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}


@media only screen and (max-width: 1000px){
	.hero-with-3-buttons {
		background-image: unset;
		height: fit-content;
    	margin-bottom: 50px;
	}
/* 	.three-button-hero-bg{
		background-image: url(https://www.stonybrook.edu/commcms/_ying/_images/Hero-3-buttons.JPG);
	} */
	.three-button-hero-bg{
		height: 250px;
	}
	.three-button-hero-button-title {
    	margin: 0 5%;
	}
	.three-button-hero-button-title h1{
		color: unset !important;
		margin-top:2rem !important;
	}
	.three-button-hero-button-subtitle h2{
    	color: unset !important;
	}
}