@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=3e664eee-fd9e-4a69-a03c-89f7883027bc");
    @font-face{
        font-family:"Avenir Next Bold";
        src:url("fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix");
        src:url("fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix") format("eot"),url("fonts/14c73713-e4df-4dba-933b-057feeac8dd1.woff2") format("woff2"),url("fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff") format("woff"),url("fonts/890bd988-5306-43ff-bd4b-922bc5ebdeb4.ttf") format("truetype"),url("fonts/ed104d8c-7f39-4e8b-90a9-4076be06b857.svg#ed104d8c-7f39-4e8b-90a9-4076be06b857") format("svg");
    }
    @font-face{
        font-family:"Chaparral Light";
        src:url("fonts/cff5eded-4d36-4eb4-8cc4-3a52ac5503de.eot?#iefix");
        src:url("fonts/cff5eded-4d36-4eb4-8cc4-3a52ac5503de.eot?#iefix") format("eot"),url("fonts/598bd1b0-875a-41a3-8991-7e94c7187fcc.woff2") format("woff2"),url("fonts/61e46292-8cb0-4f32-891b-77274dc1bc87.woff") format("woff"),url("fonts/b833ed45-e1a0-43f2-8d76-30a4d01ff6f7.ttf") format("truetype"),url("fonts/5d11a84f-30d9-4578-988d-bd8d5c396b5d.svg#5d11a84f-30d9-4578-988d-bd8d5c396b5d") format("svg");
    }
    @font-face{
        font-family:"Chaparral Regular";
        src:url("fonts/f8e524a2-7c8a-45cd-a96f-d025b3d36c6f.eot?#iefix");
        src:url("fonts/f8e524a2-7c8a-45cd-a96f-d025b3d36c6f.eot?#iefix") format("eot"),url("fonts/ab7d642d-1d27-4e76-890d-c7e3934971ab.woff2") format("woff2"),url("fonts/dc5612da-e3d5-4147-a72c-34fe4ff936b1.woff") format("woff"),url("fonts/67ef1020-e3c7-4c21-a853-130961370f48.ttf") format("truetype"),url("fonts/9d2bab39-1cc0-4fe8-85c1-fb8c533b04e2.svg#9d2bab39-1cc0-4fe8-85c1-fb8c533b04e2") format("svg");
    }
    @font-face{
        font-family:"DIN Regular";
        src:url("fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix");
        src:url("fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix") format("eot"),url("fonts/44e7b0fa-6c8d-43c2-b19e-f1e3ce9ea57c.woff2") format("woff2"),url("fonts/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"),url("fonts/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"),url("fonts/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a") format("svg");
    }
    @font-face{
        font-family:"DIN Regular Italic";
        src:url("fonts/4393bcd9-65c9-4c71-b688-9a0c17e40ebf.eot?#iefix");
        src:url("fonts/4393bcd9-65c9-4c71-b688-9a0c17e40ebf.eot?#iefix") format("eot"),url("fonts/f37f8098-b16e-405f-ab24-bd595a5d5762.woff2") format("woff2"),url("fonts/c5635d60-91fa-4e4b-8a51-41c97fc744c3.woff") format("woff"),url("fonts/de34232f-b870-49c0-a6c0-24c25db73bc2.ttf") format("truetype"),url("fonts/35916fb2-3ed3-4d39-bec8-74155a53b1f0.svg#35916fb2-3ed3-4d39-bec8-74155a53b1f0") format("svg");
    }
   @font-face{
        font-family:"DIN Bold";
        src:url("fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix");
        src:url("fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix") format("eot"),url("fonts/121784c1-863c-4e49-b682-625ea7de55b0.woff2") format("woff2"),url("fonts/9949035f-6226-4080-a14a-bf7d94ffb1e1.woff") format("woff"),url("fonts/6241bd09-15c2-485e-9796-9db8d0aa6974.ttf") format("truetype"),url("fonts/af94da3e-4232-416a-b6bc-f39f85dd5db6.svg#af94da3e-4232-416a-b6bc-f39f85dd5db6") format("svg");
    }
    @font-face{
        font-family:"Trade Gothic Light";
        src:url("fonts/1d699af3-0e50-4c4b-a343-42d071e85714.eot?#iefix");
        src:url("fonts/1d699af3-0e50-4c4b-a343-42d071e85714.eot?#iefix") format("eot"),url("fonts/5414f75e-5cb8-4357-88e5-5a294424c859.woff2") format("woff2"),url("fonts/537b145a-6a7d-4787-81d9-7228d3a42458.woff") format("woff"),url("fonts/8e50278c-45cd-4808-b774-24767d958f17.ttf") format("truetype"),url("fonts/d918b947-5fcb-42e2-8286-a98a801876de.svg#d918b947-5fcb-42e2-8286-a98a801876de") format("svg");
    }
    @font-face{
        font-family:"Trade Gothic Bold";
        src:url("fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix");
        src:url("fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix") format("eot"),url("fonts/d2e623ca-efc6-4557-ae55-ebb786065dcf.woff2") format("woff2"),url("fonts/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"),url("fonts/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf") format("truetype"),url("fonts/d5153ad4-7c93-4757-9147-640e69ec4801.svg#d5153ad4-7c93-4757-9147-640e69ec4801") format("svg");
    }

/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,figure,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
html {
    font-size: 16px;
    font-kerning: auto;
    color: rgba(0,0,0,0.7);
}
html, body {
    min-height: 100%;
    width: 100%;
    box-sizing: border-box;
}
body {
    width: 90%;
    font-family:"DIN Regular";
    margin: 0 auto;
    padding-bottom: 8vh;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    background-image: -webkit-repeating-linear-gradient(25deg,rgba(0,0,0,.04),rgba(0,0,0,.04) 30px,rgba(255,255,255,1) 30px,rgba(255,255,255,1) 60px);
    background-image: repeating-linear-gradient(25deg,rgba(0,0,0,.04),rgba(0,0,0,.04) 30px,rgba(255,255,255,1) 30px,rgba(255,255,255,1) 60px);
}
a {
    text-decoration: none;
    color: rgb(0,0,0);
    transition: all 0.3s ease;
}
a.new:before {
    content: 'NEW';
    font-family:"Trade Gothic Bold";
    font-size: .66rem;
    letter-spacing: 2px;
    margin-right: 1.5vw;
    padding-bottom: 2px;
    border-bottom: solid 1px rgba(241,90,36,0.5);
    animation: pulse 2.5s infinite;
}
img {
    width: 100%;
}

@keyframes pulse {
  0% {
    color: rgba(36,168,224,1);
  }
  50% {
    color: rgb(241,90,36);
  }
  100% {
    color: rgba(36,168,224,1);
  }
}
a.external:after {
    content: '\f08e';
    font-family: FontAwesome;
    font-size: .875rem;
    line-height: 1.5em;
    color: rgb(241,90,36);
    margin-left: .75vw;
    transition: all 0.3s ease;
}
p a.external:after {
    margin-left: .4vw;
}
a:hover, a.external:hover:after {
    color: rgb(36,168,224);
}
em {
    font-family:"DIN Regular Italic";
    font-size: .9em;
}
ul {
    margin-bottom: 1.5vh;
}
img {
    image-rendering: -webkit-optimize-contrast;
}
aside em, aside strong, ul em {
    font-size: 1em;
}
strong {
    font-family: 'DIN Bold';
    color: rgb(0,0,0);
    font-size: .9em;
    transition: all 1s ease;
}
header {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,1);
    height: 5vh;
    width: 90%;
    padding: 0 5%;
    z-index: 5;
}
button {
    width: 100%;
    box-sizing: border-box;
    padding: .75vw .5vw .5vw .5vw;
    text-transform: uppercase;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    font-family:"DIN Bold";
    letter-spacing: 2px;
    border-radius: 5px;
    background-image: -webkit-repeating-linear-gradient(135deg,rgba(241,90,36,.8),rgba(241,90,36,.8) 30px,rgba(241,90,36,1) 30px,rgba(241,90,36,1) 60px);
    background-image: repeating-linear-gradient(135deg,rgba(241,90,36,.8),rgba(241,90,36,.8) 30px,rgba(241,90,36,1) 30px,rgba(241,90,36,1) 60px);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    opacity: 0.75;
    color: rgba(255,255,255,1);
    border: none;
    transition: all 0.3s ease;
}
button.view {
    background-image: -webkit-repeating-linear-gradient(135deg,rgba(36,168,224,.8),rgba(36,168,224,.8) 30px,rgba(36,168,224,1) 30px,rgba(241,90,36,1) 60px);
    background-image: repeating-linear-gradient(135deg,rgba(36,168,224,.8),rgba(36,168,224,.8) 30px,rgba(36,168,224,1) 30px,rgba(36,168,224,1) 60px);
}
button:hover {
    cursor: pointer;
    box-shadow: 0 0 10px rgba(36,168,224,0.8);
    opacity: 1;
}
button.view:hover {
    box-shadow: 0 0 10px rgba(241,90,36,0.8);
}
button:disabled {
    background: none;
    border: solid 1px rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.2);
    box-shadow: none;
    text-shadow: none;
    cursor: inherit;
    font-family:"DIN Regular";
}
button:hover:disabled {
    box-shadow: none;
}
header h1, header h2 {
    display: inline-block;
    color: white;
    line-height: 3vh;
    margin-top: 1vh;
    margin-bottom: 1vh;
    text-transform: uppercase;
    font-family: "Trade Gothic Bold";
    vertical-align: middle;
}
header h1 {
    font-size: 1.25rem;
}
header h2 {
    font-family:"DIN Bold";
    margin-left: 1vw;
    padding-left: 1vw;
    padding-top: 2px;
    border-left: solid 1px rgba(255,255,255,0.6);
    font-size: .9375rem;
    color: rgb(241,90,36);
}
header h1 .semester {
    font-family:"Trade Gothic Light";
    color: rgba(255,255,255,0.5);
}
nav.weeks {
    position: absolute;
    top: 17.5vh;
    left: 5%;
    width: 7%;
}
nav.weeks ul {
    background-color: rgb(255,255,255);
    width: 4%;
    font-family:"DIN Bold";
    text-align: center;
    font-size: .875rem;
    position: fixed;
}
nav.weeks ul li:first-child {
    border-top: solid 1px rgba(0,0,0,0.8);
}
nav.weeks a {
    display: block;
    height: 4vh;
    box-sizing: border-box;
    padding-top: 1.25vh;
    color: rgba(0,0,0,0.25);
    border-bottom: solid 1px rgba(0,0,0,0.2);
}
nav.weeks a:hover {
    color: rgba(0,0,0,1);
}
nav.weeks a.past {
    color: rgba(0,0,0,1);
    border-bottom-color: rgba(0,0,0,0.8);
}
nav.weeks a.past:hover, nav.weeks a.clicked {
    color: rgb(241,90,36);
}
nav.weeks a.active {
    color: rgba(255,255,255,1);
    background-color: rgb(241,90,36);
}
nav.weeks a.active:hover {
    color: rgba(0,0,0,1);
}
main {
    width: 86%;
    margin: 0 7%;
    padding-top: 5vh;
}
article {
    border-top: solid 1px rgba(0,0,0,0.1);
    padding-top: 2.5vh;
    margin-top: 6vh;
    position: relative;
}
article h2 {
    font-size: 2.25rem;
    line-height: 1em;
    font-family: "Trade Gothic Bold";
    color: rgb(0,0,0);
    text-transform: uppercase;
    margin-bottom: 2vh;
    letter-spacing: -1px;
}
article .feature h2 {
    border-top: dashed 1px rgb(0,0,0);
    padding-top: 2vh;
}

section {
    padding: 6vh 4vw 4vh 4vw;
    box-sizing: border-box;
    background-color: rgb(255,255,255);
    margin-top: 12.5vh;
    position: relative;
}
section:nth-of-type(1) {
    margin-top: 5vh;
}
section > h3 {
	text-align: center;
	font-size: 1.875rem;
	font-family:"Chaparral Light";
	color: rgba(0,0,0,0.4);
	width: 20%;
    left: 50%;
    transform: translateX(-50%);
	padding-bottom: 2vh;
	margin-bottom: 3vh;
	border-top: none;
	background-color: rgba(255,255,255,.9);
    position: absolute;
    top: 0;
    z-index: 3;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
section > h3.fixed {

}
article p, article ul.bullet li {
    margin-bottom: 2vh;
    color: rgba(0,0,0,.7);
    font-size: 1.125rem;
    line-height: 1.375em;
    font-family: "Chaparral Regular";
}
article h4 {
    font-family: "DIN Bold";
    color: rgb(0,0,0);
    font-size: .9375rem;
    line-height: 1.75em;
    transition: all 0.3s ease;
}
article h4.slider:hover {
    cursor: pointer;
    color: rgb(36,168,224);
}
article h5 {
    font-size: .9375rem;
}
article h6 {
    font-family:"Trade Gothic Light";
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .75rem;
    line-height: 1.75em;
    color: rgb(0,0,0);
}
aside ul {
    margin-bottom: 4vh;
}
article li {
    padding-bottom: .75vh;
    margin-bottom: 1vh;
    font-size: .9375rem;
    line-height: 1.375em;
    border-bottom: solid 1px rgba(0,0,0,0.2);
    text-align: left;
    transition: all 1s ease;
}
article ul.center li {
    text-align: center;
}
article .banner ul {
    margin-bottom: 0;
}
article li:last-child {
    border: none;
    padding: 0;
    margin: 0;
}
article .seventyfive ul.large li {
    font-size: 1rem;
    width: 75%;
    text-align: inherit;
}
article ul.bullet li {
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
    padding-left: 1.5vw;
}
article ul:hover li, article ul:hover li strong {
    color: rgba(0,0,0,0.15);
}
article ul:hover li:hover, article ul:hover li:hover strong {
    color: rgb(0,0,0);
}
article ul.bullet li:before {
    content: '\f192';
    font-family: FontAwesome;
    font-size: .875rem;
    line-height: 1.5em;
    color: rgb(241,90,36);
    position: absolute;
    top: 0;
    left: 0;
}
article .card {
    border: dotted 1px rgba(0,0,0,1);
    padding: 2vh;
}
article .card.lecture {
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
    border: none;
}
article .card p {
    font-size: .875rem;
    border-bottom: dashed 1px rgb(0,0,0);
    padding-bottom: 1vh;
    margin-bottom: 1.5vh;
}
article .card .preview a {
    display: flex;
}
@keyframes bPulse {
    0% { background-color: aqua; border-radius: 0; transform: rotate(0deg); }
    10% { background-color: aqua; border-radius: 0; transform: rotate(0deg); }
    100% { background-color: magenta; border-radius: 50%; transform: rotate(180deg); }
}
article .preview b {
    animation: bPulse 10s ease 0s infinite alternate;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 100%;
    position: relative;
}
article .preview b:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '.,;:!';
    font-family:"Trade Gothic Bold";
    font-size: 2.5rem;
    letter-spacing: 2px;
}
article .card .thumbnail {
    flex: 1;
    margin-right: 1.5vw;
    border: solid 1px rgba(0,0,0,0.1);
    box-sizing: border-box;
}
article .card .thumbnail img {
    width: 100%;
}
article .card .description {
    flex: 2;
}
article .card .description h5 {
    margin-bottom: .5vh;
}
article .card .description p {
    border: none;
    font-family:"DIN Regular";
    transition: all 0.3s ease;
}
article .card a:hover .description p {
    color: rgb(0,0,0);
}
article footer {
    border-top: dashed 1px rgb(0,0,0);
    width: 100%;
    padding-top: 1vh;
    margin-bottom: 1.5vh;
    align-self: end;
}
article footer.top {
    bottom: inherit;
    top: 0;
    padding-top: 0;
    border: none;
}
article .feature footer {
    margin: 0;
}
.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2vw;
}
.grid.seventyfive.left {
    grid-template-columns: 3fr 1fr;
}
.grid.seventyfive.right {
    grid-template-columns: 1fr 3fr;
}
.grid.three {
    grid-template-columns: 1fr 1fr 1fr;
}
.grid.four {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid.feature {
    margin-top: 1vh;
}
.grid.feature.seventyfive img {
    width: 100%;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}

/*
.flex {
    display: flex;
}
.flex > div {
    flex: 1;
    margin-right: 1.5vw;
}
.flex > div:last-of-type {
    margin-right: 0;
}
.flex > aside {
    flex: 1;
}
.flex > div.seventyfive {
    flex: 3;
    padding-right: 5vw;
    box-sizing: border-box;
}
.flex.feature {
    margin-top: 1vh;
}
.flex.feature > div.seventyfive {
    padding-right: 1.5vw;
    margin-right: 0;
}
.flex.feature > div.seventyfive img {
    width: 100%;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}
*/
.relative {
    display: grid;
    grid-template-rows: auto auto;
}
.lede {
    padding-bottom: 3vh;
}
.lede p {
    font-size: 1.5rem;
    line-height: 1.2em;
}
.small p {
    font-size: .875rem;
}
.banner {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    padding: 1vw;
    margin-top: 3vh;
    margin-bottom: 4vh;
    box-sizing: border-box;
}
.dashed {
    border-bottom: dashed 1px #000;
}
.toggleactive:after {
    position: absolute;
    right: 0;
    top: 0;
    content: '+';
    background-size: cover;
}