/* ==================================================================
	 Screen Sizes
================================================================== */
/* ==================================================================
	 Global Sizes
================================================================== */
 /* ==================================================================
	 Colors (names from http://chir.ag/projects/name-that-color)
================================================================== */
/**alternate row bckgd in datatables, details row, and panel-heading background**/
/**only used for border in grants file upload form. this is also the default bootstrap color for a panel border **/
/**only used in .radio-border **/
 /* ==================================================================
	 Amherst Colors
================================================================== */
/* body text on white background */
/* banner background */
/* navs and buttons */
/* links within body text, do not use otherwise */
/* links on black background */
/* buttons */
/* button hover */
/* ==================================================================
	 Images
================================================================== */
/* ==================================================================
	 Fonts
================================================================== */
/**
Font Family
**/
/* specify in media queries */
/**
Font Weights
**/
/**
Font Sizes
**/
/* ==================================================================
	 Mixins
================================================================== */
/**Media Queries**/
/** adjust padding while adding a bottom border **/
/** Accepts font size in rem for full display
	$sizeValue is the value at full display
	$reduction should be the decimal representation of the percent to reduce
	$reduce is passed only if we should reduce.
**/
@font-face {
  font-family: "TiemposHeadline";
  src: url("../../../fonts/TiemposHeadlineWeb-Light.woff2") format("woff2");
  src: url("../../../fonts/TiemposHeadlineWeb-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* ===
Basic styles for Amherst College's internal and business apps. 
Ask us for SASS sheet and style guide. 
=== */
a {
  color: #5d3c85;
  cursor: pointer;
  cursor: hand; }
  a:hover {
    color: #7800a0; }

/* COLORS */
/* Main Purple $purple */
.purple {
  background: #3f1f69; }

/* Medium Purple $purple-medium */
.purple-medium {
  background: #5d3c85; }

/* Dark Purple $purple-dark */
.purple-dark {
  background: #311A4D; }

/* Light Purple $purple-light */
.purple-light {
  background: #856cb0; }

/* Green $green */
.green {
  background: #5ba151; }

/* Dark Green $green-dark */
.green-dark {
  background: #458246; }

/* Red $red */
.red {
  background: #BA3A1D; }

/* Bright Red $red-bright */
.red-bright {
  background: #D74C4C; }

/* PAGE */
body {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-family: setimo, -apple-system, Roboto, arial, sans-serif;
  line-height: 150%;
  color: #505061;
  box-sizing: border-box; }

header, footer {
  background-color: #3f1f69;
  color: white;
  font-size: .95em; }

header {
  min-height: 150px;
  position: relative; }

header img {
  width: 375px;
  margin: 40px; }

header div {
  position: absolute;
  left: 40px;
  bottom: 20px; }

header div a {
  color: white;
  text-decoration: none;
  margin-right: 1em; }

header div a:hover {
  color: white;
  text-decoration: underline; }

footer {
  padding: 2em;
  text-align: center; }

footer a, header a {
  color: white;
  text-decoration: none;
  border: 0; }

footer a:hover, header a:hover {
  color: white;
  text-decoration: underline;
  border: 0; }

main {
  padding: 2em 4em;
  max-width: 1140px;
  margin: 0 auto;
  position: relative; }

@media screen and (max-width: 800px) {
  footer, main {
    padding: 1em; }

  header {
    background-size: 90%;
    background-position: 18px 20px;
    min-height: 80px; }

  header div {
    display: none; } }
/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
  color: #311A4D;
  line-height: 130%; }

h1 {
  font-size: 1.47rem;
  font-family: TiemposHeadline;
  color: #fff;
  letter-spacing: 0em;
  font-weight: 400;
  margin: 0 0 20px 3px; }
  @media only screen and (min-width: 768px) {
    h1 {
      font-size: 2.1rem; } }

h2 {
  font-size: 1.52rem;
  letter-spacing: -.05em;
  margin-top: 0; }
  @media only screen and (min-width: 768px) {
    h2 {
      font-size: 1.9rem; } }

h3 {
  font-size: 1.04rem;
  font-weight: 700;
  letter-spacing: -.025em;
  margin-top: 0; }
  @media only screen and (min-width: 768px) {
    h3 {
      font-size: 1.3rem; } }

h4 {
  font-size: 0.96rem;
  font-weight: 500;
  letter-spacing: .015em;
  margin: 0 0 20px; }
  @media only screen and (min-width: 768px) {
    h4 {
      font-size: 1.2rem; } }

h5 {
  font-size: 1.1rem; }

p, ul, ol {
  line-height: 160%; }

/* BUTTONS */
button {
  font-size: 1.1em;
  padding: .5em 1em;
  border: 0;
  border-radius: 6px;
  cursor: pointer; }

/* Green button */
button.primary {
  background: #5ba151;
  color: white; }

button.primary:hover {
  background: #458246; }

/* Purple button */
button.secondary {
  background: #5d3c85;
  color: white; }

button.secondary:hover {
  background: #311A4D; }

/* Red button */
button.warning-button {
  background: #D74C4C;
  color: white; }

button.warning-button:hover {
  background: #BA3A1D; }

/* OTHER */
hr {
  border: 1px solid #d2cfcd;
  border-bottom-width: 0;
  clear: both; }

.swatch {
  color: white;
  float: left;
  padding: 1em;
  width: 150px;
  height: 150px;
  margin: .5em 1em 2em 0; }

.warning-message {
  background: #D74C4C;
  color: white;
  padding: 1em 2em;
  margin: 2em 0 2.5em; }

/*# sourceMappingURL=style.css.map */