/*––––––––––––––*/
/* CUSTOM FONTS */
/*––––––––––––––*/

@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova/proximanova-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ProximaNova/proximanova-regular-webfont.woff') format('woff'),
       url('../fonts/ProximaNova/proximanova-regular-webfont.ttf')  format('truetype'),
}

@font-face {
  font-family: 'CenuturySchoolbook';
  src: url('../fonts/CenturySchoolook/Century-Schoolbook.eot'); /* IE9 Compat Modes */
  src: url('../fonts/CenturySchoolook/Century-Schoolbook.otf') format('otf'),
       url('../fonts/CenturySchoolook/Century-Schoolbook.woff') format('woff'),
       url('../fonts/CenturySchoolook/Century-Schoolbook.ttf')  format('truetype'),
}

/*–––––––––––––––*/
/* NAVBAR STYLES */
/*–––––––––––––––*/

.navbar-home {
  background-color: #CCAD95 !important;
  border-bottom: none;
  -webkit-box-shadow: 0px 3px 15px #333;
  -moz-box-shadow:    0px 3px 15px #333;
  box-shadow:         0px 3px 15px #333;
  z-index:999;
}

.navbar-light {
  background-color: #CCAD95 !important;
  border-bottom: none;
  -webkit-box-shadow: 0px 3px 15px #d7d7d7;
  -moz-box-shadow:    0px 3px 15px #d7d7d7;
  box-shadow:         0px 3px 15px #d7d7d7;
  z-index:999;
}

.navbar-nav {
	float: right;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-family: "ProximaNova", "Proxima Nova", sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

.navbar-default .navbar-nav>.active>a {
	color: #fff;
	background-color: transparent;
    border-bottom: 1px solid #fff;
    padding: 0; /*removing spacing*/
    margin: 14px; /*add spacing*/
}

.navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
    border-bottom: 1px solid #707070;
    padding: 0; /*removing spacing*/
    margin: 14px; /*add spacing*/
}

.navbar-default .navbar-brand {
	color: #fff;
	font-family: "CenturySchoolbook", "Century Schoolbook", serif;
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 0.05em;
}

.navbar-default .navbar-toggle {
	border: none !important;
	border-color: transparent;
}

.navbar-default .navbar-toggle:hover{
	border: none !important;
	border-color: transparent;
	background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

/*––––––––––––––––––––*/
/* UPLOAD BODY STYLES */
/*––––––––––––––––––––*/

.sectionTitle {
	font-family: "CenturySchoolbook", "Century Schoolbook", serif;
	color: #707070;
	font-size:1.2em;
	border-bottom: 1px solid #707070;
	margin-top: 30px;
	width:85%;
	padding-bottom:5px;
}

.vertical-align {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 576px) {
	.upload {
		width: 85%;
		height: 70vh;
		background-color: #eee;
		margin-top: 15px;
	}
}

@media (max-width: 575px) {
	.upload {
		width: 85%;
		height: 50vh;
		background-color: #eee;
		margin-top: 15px;
	}
}

.form {
	margin-top:15px;
}

.formLabel {
	color: #707070;
	font-family: "ProximaNova", "Proxima Nova", sans-serif;
	letter-spacing: 0.05em;
}

@media (min-width: 576px) {
	.inputBox {
		background-color:#eee;
		border: none;
		height: 30px;
		font-family: "ProximaNova", "Proxima Nova", sans-serif;
		color: #707070;
		width: 30vw;
		margin-bottom:15px;
	}
}

@media (max-width: 575px) {
	.inputBox {
		background-color:#eee;
		border: none;
		height: 30px;
		font-family: "ProximaNova", "Proxima Nova", sans-serif;
		color: #707070;
		width: 70vw;
		margin-bottom:15px;
	}
}

.actionBtn {
	border-radius: 0px;
	background-color: #4D74AC;
	color: #fff;
	font-family: "ProximaNova", "Proxima Nova", sans-serif;
	font-size: 1.25em;
	letter-spacing: 0.05em;
	font-weight: 100;
	padding:10px;
}

.largeText {
	color: #707070;
	font-family: "ProximaNova", "Proxima Nova", sans-serif;
	font-size: 1.5em;
	margin-top: 25px;
	margin-bottom: 10px;
}

@media (min-width: 576px) {
	.dropBtn {
		border-radius: 0px;
		background-color: #eee;
		color: #707070;
		font-family: "ProximaNova", "Proxima Nova", sans-serif;
		font-size: 1em;
		letter-spacing: 0.05em;
		font-weight: 100;
		border: none;
		width: 10vw;
		text-align: left;
	}
}

@media (max-width: 575px) {
	.dropBtn {
		border-radius: 0px;
		background-color: #eee;
		color: #707070;
		font-family: "ProximaNova", "Proxima Nova", sans-serif;
		font-size: 1em;
		letter-spacing: 0.05em;
		font-weight: 100;
		border: none;
		width: 50vw;
		text-align: left;
	}
}

/* .dropdown {
	/* margin-bottom:15px; */
} */

.submitBtn {
	border-radius: 0px;
	background-color: #4D74AC;
	color: #fff;
	font-family: "ProximaNova", "Proxima Nova", sans-serif;
	font-size: 1.25em;
	letter-spacing: 0.05em;
	font-weight: 100;
	padding:5px;
	padding-left: 30px;
	padding-right: 30px;
	float: left;
	margin-top:20px;
	margin-bottom:30px;
}

/*–––––––––––––––––––––––*/
/* HOME PAGE BODY STYLES */
/*–––––––––––––––––––––––*/

.cover {
	background-image: url("https://cwps-static.s3.amazonaws.com/img/cover2.jpg");
	background-position: top center;
	background-size: cover;
	height: 50vh;
}

@media (min-width: 576px) {
	.tagline {
		color: #fff;
		font-family: "ProximaNova", "Proxima Nova", sans-serif;
		font-size: 2.5em;
		text-align: center;
		font-weight: 600;
		letter-spacing: 0.1em;
		/*width: 70vw;*/
		margin: 0 auto;
	}
}

@media (max-width: 575px) {
	.tagline {
		color: #fff;
		font-family: "ProximaNova", "Proxima Nova", sans-serif;
		font-size: 2em;
		text-align: center;
		font-weight: 600;
		letter-spacing: 0.05em;
		width: 70vw;
		margin: 0 auto;
	}
}

.jumbotron {
	background-size: cover;
}

.vertical-center {
  display: flex;
  align-items: center;
  text-align: center;

}

.homeBtn {
	border-radius: 0px;
	background-color: #fff;
	color: #4D74AC;
	font-family: "ProximaNova", "Proxima Nova", sans-serif;
	font-size: 1.25em;
	letter-spacing: 0.05em;
	font-weight: 100;
	padding:10px;
	padding-left: 20px;
	padding-right: 20px;
	float: center;
	margin-top:20px;
}

.featureImg {
	max-width: 100%;
	margin: 0;
	padding-bottom: 0px;
}

.featureContainer {
	padding: 15px 0px 0 !important;
}

.featureTitle {
	font-family: "CenturySchoolbook", "Century Schoolbook", serif;
	color: #fff;
	font-size:1.7em;
	letter-spacing: 0.1em;
	padding-bottom: 10px;
}

@media (min-width: 576px) {
	.featureBody {
		color: #fff;
		font-family: "ProximaNova", "Proxima Nova", sans-serif;
		letter-spacing: 0.05em;
		font-size: 1em;
		text-align: left;
		padding-bottom: 75px;
	}
}

@media (max-width: 575px) {
	.featureBody {
		color: #fff;
		font-family: "ProximaNova", "Proxima Nova", sans-serif;
		letter-spacing: 0.05em;
		font-size: 1em;
		text-align: left;
		padding-bottom: 45px;
	}
}

.newsTitle {
	font-family: "CenturySchoolbook", "Century Schoolbook", serif;
	font-size:1.7em;
	letter-spacing: 0.1em;
	padding-bottom: 10px;
}

@media (min-width: 576px) {
	.newsBody {
		color: #fff;
		font-family: "ProximaNova", "Proxima Nova", sans-serif;
		letter-spacing: 0.05em;
		font-size: 1em;
		text-align: left;
	}
}

@media (max-width: 575px) {
	.newsBody {
		color: #fff;
		font-family: "ProximaNova", "Proxima Nova", sans-serif;
		letter-spacing: 0.05em;
		font-size: 1em;
		text-align: left;
	}
}

/*––––––––––––––––*/
/* RESULTS STYLES */
/*––––––––––––––––*/
@media (min-width: 576px) {
	.uploadedImg {
		width: 85%;
		height: 50vh;
		background-color: #eee;
		margin-top: 15px;
		background-image: url('../img/results/uploaded.jpg');
		background-size: cover;
	}
}

@media (max-width: 575px) {
	.uploadedImg {
		width: 85%;
		height: 50vh;
		background-color: #eee;
		margin-top: 15px;
		background-image: url('../img/results/uploaded.jpg');
		background-size: cover;
	}
}

@media (min-width: 576px) {
	.resultImg {
		width: 26%;
		padding-bottom: 26%;
		background-color: #eee;
		margin-top: 15px;
		margin-right: 15px;
	}
}

@media (max-width: 575px) {
	.resultImg {
		width: 40%;
		padding-bottom: 40%;
		background-color: #eee;
		margin-top: 15px;
		margin-right: 15px;
	}
}

.resultImg1 {
	background-image: url('../img/results/result1.png');
	background-size: cover;
}

.resultImg2 {
	background-image: url('../img/results/result2.png');
	background-size: cover;
}

.resultImg3 {
	background-image: url('../img/results/result3.png');
	background-size: cover;
}

.resultImg4 {
	background-image: url('../img/results/result4.png');
	background-size: cover;
}

.resultImg5 {
	background-image: url('../img/results/result5.png');
	background-size: cover;
}

.resultImg6 {
	background-image: url('../img/results/result6.png');
	background-size: cover;
}

.resultImg7 {
	background-image: url('../img/results/result7.png');
	background-size: cover;
}

.resultImg8 {
	background-image: url('../img/results/result8.png');
	background-size: cover;
}

.resultImg9 {
	background-image: url('../img/results/result9.png');
	background-size: cover;
}

.resultImg10 {
	background-image: url('../img/results/result10.png');
	background-size: cover;
}

.resultImg11 {
	background-image: url('../img/results/result11.png');
	background-size: cover;
}

.resultImg12 {
	background-image: url('../img/results/result12.png');
	background-size: cover;
}

.resultImages {
	padding-bottom: 40px;
}

.newSearchBtn {
	border-radius: 0px;
	background-color: #4D74AC;
	color: #fff;
	font-family: "ProximaNova", "Proxima Nova", sans-serif;
	font-size: 1em;
	letter-spacing: 0.05em;
	font-weight: 100;
	padding:5px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	margin-top:0px;
}

/*–––––––––––––––*/
/* FOOTER STYLES */
/*–––––––––––––––*/
.footer {
	border-top: 1px solid #979797;
	font-family: "ProximaNova", "Proxima Nova", sans-serif;
	letter-spacing: 0.1em;
  	text-align: center;
}