/**
 * Contains the styles that are used throughout the entire ASUW websites
 */
body {
  background-color: #dfdde8;
  font-family: 'Lato', sans-serif;
  margin: 0;
  padding: 0;
}
.clearfix {
  overflow: hidden;
}

header.header, header.site-header {
  background-color: #39275b;
  color: white;
  text-align: center;
  margin-bottom: 1em;
}
@media only screen and (max-width: 960px) {
	display: inline-block;
}
header.header h1 a,
header.site-header h1 a,
header.site-header h1 a:visited,
header.header h1 a:visited {
	color: white;
	text-decoration: none;
}
header.header nav ul,
header.site-header nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
header.header nav ul li,
header.site-header nav ul li {
  display: inline-block;
}
header.header nav ul li:hover,
header.site-header nav ul li:hover,
header.header nav ul li:active,
header.site-header nav ul li:active,
header.header nav ul li a:active,
header.site-header nav ul li a:active,
header.site-header nav ul li a:focus,
header.header nav ul li a:focus {
  background-color: rgba(128, 112, 128, 0.4);
}
header.header nav ul li a,
header.site-header nav ul li a {
  color: inherit;
  text-decoration: inherit;
  display: inline-block;
  padding: 0 1em;
  line-height: 3.2;
}
header.header nav:after,
header.site-header nav:after {
  clear: both;
}

@media only screen and (max-width: 960px) {
  img {
    max-width: 100%;
  }
}
footer.footer {
  min-width: 1em;
}
section .module,
div .module,
fieldset .module,
article .module,
aside .module {
  background-color: #fff;
  border: 1px solid #dfdde8;
  /*-ms-border-radius: 5px;
		-o-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;*/

  box-sizing: border-box;
}
/***********************************
 * SCREEN STYLES FROM MINIMAL GRID *
 ***********************************/
/**
 * This class is present as a wrapper DIV in every page
 */
.container {
  margin: 0 auto;
  max-width: 960px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.videowrapper {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin-bottom: 1em;
}
.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  overflow: hidden;
}
.error {
  border: 3px solid red;
}
/* minor responsive adjustments */
@media only screen and (min-width: 34em) {
  .feature, .info {
    width: 50%;
  }
}
@media only screen and (min-width: 54em) {
  .content {
    margin-bottom: 0;
  }
  .content {
    width: 66.66%;
  }
  .sidebar {
    width: 33.33%;
  }
  .info {
    width: 100%;
  }
}
@media only screen and (min-width: 76em) {
  .content {
    width: 58.33%;
  }
  /* 7/12 */
  .sidebar {
    width: 41.66%;
  }
  /* 5/12 */
  .info {
    width: 50%;
  }
}
/** 
 * Defining common column widths.
 * Syntax: c[width], or if width is a fraction:
 *         c[numerator]_[denomiator]
 * Avoid defining pixel widths
 * TODO: THIS can probably be simplified in LESS
 */
@media only screen and (min-width: 960px) {
  .c65 {
    width: 65%;
  }
  .c70 {
    width: 70%;
  }
  .c30 {
    width: 30%;
  }
  .c35 {
    width: 35%;
  }
  .c25 {
    width: 25%;
  }
  .c50 {
    width: 50%;
  }
  .c75 {
    width: 75%;
  }
  .c40 {
    width: 40%;
  }
  .c60 {
    width: 60%;
  }
  .c20 {
    width: 20%;
  }
  .c80 {
    width: 80%;
  }
  .c15 {
    width: 15%;
  }
  .c85 {
    width: 85%;
  }
  .c1_3 {
    width: 33.333333333333333333333333333%;
  }
  .c2_3 {
    width: 66.666666666666666666666666666%;
  }
  .c5_12 {
    width: 41.6666666666666666666666666666%;
  }
  .c7_12 {
    width: 58.3333333333333333333333333333%;
  }
  .c17_40 {
    width: 42.5%;
  }
  .c23_40 {
    width: 57.5%;
  }
}