@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Roboto:wght@300;400;700&display=swap');

.section {
			background-attachment: fixed; 
			background-size: auto 80%;
			background-position: center;
			background-repeat: no-repeat;
			min-height: 750px;
			width: 100%;
			display: flex;
			display: -ms-flexbox;
			-ms-flex-direction: row;
			align-items: center;
			justify-content: center;
			position: relative;
}


div.content {
	padding-top: 0px;
}

.section .row {
	margin-right: 0px;
}

.padding {
	padding: 8em 6em;
}

.padding-past-btn {
	padding: 5.5em 6em;
}

.content-block {
	align-items: stretch;
}

.btn-round {
	font-family: 'Baloo 2', sans-serif;
	text-transform: uppercase;
	font-size: large;
	color: white;
	border: 5px solid white;
	border-radius: 50px;
	background-color: transparent;
	padding: .75em 2em;
	margin-top: 1em;
}

.btn-round:hover {
	border: 5px solid black;
	background-color: black;
	color: white;
	padding: .75em 2em;
}

.img-block {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 750px;
}

div.toggle > label {
	font-family: 'Baloo 2', sans-serif;
	font-size: large;
    color: #535C73;
	padding: 1em;
	border-bottom: #4675ED 8px solid;
	min-width: 500px;
}

.toggle.transparent .toggle-content {
    background: rgba(0,0,0,0.03);
}

.toggle.transparent label {
    background: white;
}
/* Homepage
	* --------------------------------------- */

.section#student-survey {
		display: block;
		background-color: #4675ED;
		position: static;
 	}
  
	#student-survey h4, #staff-survey h4 {
		font-family: 'Baloo 2', sans-serif;
		font-size: x-large;
		color: #fff;
		line-height: 1.5em;
	}

	#student-survey h3, #staff-survey h3 {
		font-family: 'Baloo 2', sans-serif;
		font-size: 90px;
		color: #fff;
		line-height: 1em;
		margin: 0 0 12px 0;
	}
  
	#student-survey .img-block {
		background-image: url(/yrbs/assets/images/student-survey.jpg);
	}
	
.section#staff-survey {
	display: block;
	background-color: #535C73;
	position: static;
  	}
  

	#staff-survey .img-block {
	background-image: url(/yrbs/assets/images/staff-survey.jpg);
	}
	
#past-results .btn-round {
	color: #4675ED;
	border: 5px solid  #4675ED;
	}

	#past-results .btn-round:hover {
	border: 5px solid black;
	background-color: black;
	color: white;
	}

	#past-results h4 {
	font-family: 'Baloo 2', sans-serif;
	font-size: 2em;
    color: #4675ED;
	}	

	
/* Pages
	* --------------------------------------- */
	#student-hero {
		font-family: 'Baloo 2', sans-serif;
		min-height: 60vh;
		background: url(/yrbs/assets/images/student-hero.jpg) no-repeat center;
		background-size: cover;
	  }

	  #staff-hero {
		font-family: 'Baloo 2', sans-serif;
		min-height: 60vh;
		background: url(/yrbs/assets/images/staff-hero.jpg) no-repeat center;
		background-size: cover;
	  }
	  
	  #student-hero h1, #staff-hero h1 {
		font-family: 'Baloo 2', sans-serif;
		font-size: xxx-large;
		color: #fff;
		text-align: center;
	}
	  
	  
	  @media (max-width: 767px) {
		
		.padding {
			padding: 6em 4em;
		}
		
		.or {
		  line-height: 50px;
		}
	  }

	.section#student-info, .section#staff-info {
		display: block;
		background-color: white;
		position: static;
	  }

	#staff-contact a, #staff-contact a:hover, #student-contact a, #student-contact a:hover, #student-survey a, #student-survey a:hover, #staff-survey a, #staff-survey a:hover, #staff-blurb a, #staff-blurb a:hover {
		color: white;
	}
	
	#staff-faqs a, #staff-faqs a:hover, #student-faqs a, #student-faqs a:hover, #student-info a, #student-info a:hover {
		color: #4675ED;
	}

	#staff-blurb p, #staff-blurb h4, #staff-contact h4, #student-contact h4, #staff-blurb ul li {
		font-family: 'Baloo 2', sans-serif;
		font-size: x-large;
		color: white;
		line-height: 1.75em;
	}

	#staff-contact h3, #student-contact h3 {
		font-family: 'Baloo 2', sans-serif;
		font-size: xx-large;
		color: white;
		line-height: 1.75em;
	}

	#staff-contact p, #student-contact p {
		font-family: 'Roboto', sans-serif;
		font-size: medium;
		color: white;
		line-height: 1.75em;
	}
	
	#staff-info p, #staff-faqs p, #student-info p, #student-faqs p, #student-blurb p, #student-faqs ul li, #staff-faqs ul li {
			font-family: 'Roboto', sans-serif;
			font-size: x-large;
			color: #535C73;
			line-height: 1.75em;
		}

		#student-blurb h4 {
			font-family: 'Baloo 2', sans-serif;
			font-size: xxx-large;
			color: white;
			line-height: 1.5em;
			margin-bottom: 35px;
		}
	  
		#student-info .img-block {
			background-image: url(/yrbs/assets/images/student-info.jpg);
		}

		#staff-info .img-block {
			background-image: url(/yrbs/assets/images/staff-info.jpg);
		}
		
	.section#student-blurb, .section#staff-blurb {
		display: block;
		background-color: #4675ED;
		position: static;
	  }
		
		#student-blurb .img-block {
			background-image: url(/yrbs/assets/images/student-blurb.jpg);
		}

		#staff-blurb .img-block {
			background-image: url(/yrbs/assets/images/staff-blurb.jpg);
		}
	
	.section#student-contact, .section#staff-contact {
		display: block;
		background-color: #535C73;
		position: static;
	  }
		
		#student-contact .img-block {
			background-image: url(/yrbs/assets/images/student-contact.jpg);
		}

		#staff-contact .img-block {
			background-image: url(/yrbs/assets/images/staff-contact.jpg);
		}