/* Vassar College Standard Stylesheet
 * v1.0
 * Last Updated: 2013-07-22
 *
 * Layout styles that are site-specific
 *
 */
@media screen {
  /* HTML5 elements
   * ========================================================================== */
  /* set max screen width*/
  .pageWrap {
    margin: 0 auto;
    max-width: 1500px !important;
    position: relative;
  }

  * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  a {
    border-bottom: 1px solid transparent;
  }

  b {
    font-weight: normal;
  }

  h3 + ul,
  h3 + ol,
  h4 + ul,
  h4 + ol {
    margin: 1em 0;
  }

  .u-pageHome h4 + ul {
    margin: 0;
  }

  html {
    background: #ffffff;
  }

  body {
    margin: 0 auto;
    width: 100%;
  }

  blockquote {
    border-left: 1px dashed #d9d7d7;
    border-left: 1px dashed rgba(129, 124, 121, 0.3);
    margin: 1em 1em 1em 0;
    padding: 0 0 0 2em;
  }

  blockquote footer {
    margin: 1em 0 0;
  }

  fieldset {
    border: none;
  }

  hr {
    border: none;
    border-bottom: 1px dotted #b3b0af;
    border-bottom: 1px dotted rgba(129, 124, 121, 0.5);
  }

  input,
  textarea {
    background: #f7f7f7;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0px 1px 1px 0px #c7c1be1;
    box-shadow: inset 1px 1px 2px 0px #ddd;
    margin: 0;
    padding: .25em;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }

  input:hover,
  input:active,
  input:focus,
  textarea:active,
  textarea:focus {
    background: #fff;
    background: white;
  }

  input[type=checkbox],
  .checkbox {
    background: #fff;
    background: white;
    border: 1px solid #b3b0af;
    border: 1px solid rgba(129, 124, 121, 0.5);
    float: left;
    height: 15px;
    margin: 0 .5em 0 0;
    position: relative;
    top: 4px;
    width: 15px;
  }

  input[type=checkbox]:active,
  input[type=checkbox]:focus,
  .checkbox:active,
  .checkbox:focus {
    background: #c60751;
    background: #c60751;
  }

  ins {
    background: #cfa80a;
  }

  mark {
    background: #c60751;
  }

  table {
    border: 1px solid #d9d7d7;
    margin: 1em 0;
    padding: 0;
    width: 100%;
  }

  td,
  th {
    padding: .5em;
  }

  td {
    border-bottom: 1px dotted #d9d7d7;
  }

  th {
    border-bottom: 1px solid #d9d7d7;
    padding: .25em .75em;
  }

  tr:nth-child(2n+2) {
    background: #f2f2f1;
  }

  ul,
  ol {
    margin: 0 0 1em;
    padding: 0 0 0 2.5em;
  }

  ul ul,
  ul ul ul,
  ul ul ul ul,
  ol ol,
  ol ol ol {
    margin: .75em 0 .5em !important;
  }

  ::-moz-selection {
    background: #ffdee8;
  }

  ::selection {
    background: #ffdee8;
  }

  .ac-skipLink {
    background: #ffdee8 !important;
    -webkit-box-shadow: 1px 1px 2px 0px #292828;
    box-shadow: 1px 1px 2px 0px #292828;
    color: #292828 !important;
    font-weight: normal !important;
    text-shadow: none !important;
  }

  .pdf-link {
    background: transparent url(../images/css/pdf-icon.png) center left no-repeat;
    padding: .5em 0 .5em 20px;
  }

  /* Academic Calendar
   * ========================================================================== */
  .academic-calendar th {
    background: #282828;
  }

  .academic-calendar th,
  .academic-calendar td {
    padding: .75em .5em;
  }

  .academic-calendar__heading {
    margin: 2em 0 0;
  }

  /* Buttons
   * ========================================================================== */
  .button {
    background: #c54774;
    background: -moz-linear-gradient(top, #c54774 0%, #a60d44 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c54774), color-stop(100%, #a60d44));
    background: -webkit-linear-gradient(top, #c54774 0%, #a60d44 100%);
    background: -o-linear-gradient(top, #c54774 0%, #a60d44 100%);
    background: -ms-linear-gradient(top, #c54774 0%, #a60d44 100%);
    background: linear-gradient(to bottom, #c54774 0%, #a60d44 100%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    margin: 1em 0;
    padding: .5em 1em;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }

  .button:hover,
  .button:focus {
    background: #c54774;
    background: -moz-linear-gradient(top, #c54774 0%, #b9114d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c54774), color-stop(100%, #b9114d));
    background: -webkit-linear-gradient(top, #c54774 0%, #b9114d 100%);
    background: -o-linear-gradient(top, #c54774 0%, #b9114d 100%);
    background: -ms-linear-gradient(top, #c54774 0%, #b9114d 100%);
    background: linear-gradient(to bottom, #c54774 0%, #b9114d 100%);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
  }

  .button:active {
    background: #c54774;
    background: -moz-linear-gradient(top, #c54774 0%, #c54774 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c54774), color-stop(100%, #c54774));
    background: -webkit-linear-gradient(top, #c54774 0%, #c54774 100%);
    background: -o-linear-gradient(top, #c54774 0%, #c54774 100%);
    background: -ms-linear-gradient(top, #c54774 0%, #c54774 100%);
    background: linear-gradient(to bottom, #c54774 0%, #c54774 100%);
  }

  /* Small buttons */
  .smallBtn,
  .more-link {
    border: 1px solid #b3b0af;
    border: 1px solid rgba(129, 124, 121, 0.5);
    clear: left;
    display: inline-block;
    margin: .5em 0;
    padding: 0 .3em;
  }

  .smallBtn:hover {
    background: #817c79;
    background: #817c79;
    border: 1px solid #817c79;
    border: 1px solid #817c79;
  }

  .more-link:hover {
    background: #c60751;
    background: #c60751;
    border: 1px solid #c60751;
    border: 1px solid #c60751;
  }

  /* note: the .more-link class is only on the About Vassar page, which is fed from the Admissions site */
  .smallBtn__more {
    background: #259fb3;
    border-color: #259fb3 !important;
  }

  /* Submit buttons */
  .btn-submit {
    font-size: 1em;
  }

  /* Subscribe buttons */
  .subscribeBtn {
    background: #b4bf3b;
    background: -moz-linear-gradient(top, #b4bf3b 0%, #949d2f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4bf3b), color-stop(100%, #949d2f));
    background: -webkit-linear-gradient(top, #b4bf3b 0%, #949d2f 100%);
    background: -o-linear-gradient(top, #b4bf3b 0%, #949d2f 100%);
    background: -ms-linear-gradient(top, #b4bf3b 0%, #949d2f 100%);
    background: linear-gradient(to bottom, #b4bf3b 0%, #949d2f 100%);
    border: 1px solid #949d2f;
    box-shadow: none;
    margin: 1em 0 0;
  }

  .subscribeBtn:hover {
    background: #b4bf3b;
    background: -moz-linear-gradient(top, #b4bf3b 0%, #b4bf3b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4bf3b), color-stop(100%, #b4bf3b));
    background: -webkit-linear-gradient(top, #b4bf3b 0%, #b4bf3b 100%);
    background: -o-linear-gradient(top, #b4bf3b 0%, #b4bf3b 100%);
    background: -ms-linear-gradient(top, #b4bf3b 0%, #b4bf3b 100%);
    background: linear-gradient(to bottom, #b4bf3b 0%, #b4bf3b 100%);
    box-shadow: inset 1px 1px 2px 0px #d3dd64;
  }

  .subscribeBtn:active,
  .subscribeBtn:focus {
    background: #b4bf3b;
    background: -moz-linear-gradient(top, #b4bf3b 0%, #b4bf3b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4bf3b), color-stop(100%, #b4bf3b));
    background: -webkit-linear-gradient(top, #b4bf3b 0%, #b4bf3b 100%);
    background: -o-linear-gradient(top, #b4bf3b 0%, #b4bf3b 100%);
    background: -ms-linear-gradient(top, #b4bf3b 0%, #b4bf3b 100%);
    background: linear-gradient(to bottom, #b4bf3b 0%, #b4bf3b 100%);
    box-shadow: inset 1px 1px 4px 0px #7b8135;
  }

  /* Calendar
   * ========================================================================== */
  /* Calendar - mini */
  .calendar__mini {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, transparent 60%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(60%, transparent));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, transparent 60%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, transparent 60%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, transparent 60%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 60%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    margin: 0 auto;
    overflow: hidden;
    padding: 4em 0 0;
    width: 100%;
  }

  .calendar__mini--table {
    background: #fff;
    box-shadow: 0px 1px 3px 0px #a0a0a0;
    margin: 0 auto 1em;
    width: 92%;
  }

  .calendar__mini--date:hover {
    background: #e7eacb;
  }

  .calendar__mini--table td {
    border: 1px dotted #ddd;
    width: 14.28%;
  }

  .calendar__mini--table th {
    background: #fff;
    border-bottom: none;
    width: 14.28%;
  }

  th.calendar__mini--day {
    background: #a8a8a8;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a8a8a8 0%, #828282 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a8a8), color-stop(100%, #828282));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a8a8a8 0%, #828282 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a8a8a8 0%, #828282 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a8a8a8 0%, #828282 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #a8a8a8 0%, #828282 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8a8a8', endColorstr='#828282',GradientType=0 );
    /* IE6-9 */
    font-size: .85em;
  }

  .calendar__mini--table tr:nth-child(2n+2) {
    background: none;
  }

  .calendar__mini--table .current {
    background: #b4bf3b;
    border: 1px solid #b4bf3b;
  }

  .calendar__mini--table .current:hover {
    background: #c1ce37;
  }

  .calendar__mini--title {
    display: block;
    font-size: 1.8em;
    margin: .5em 0;
  }

  .calendar__mini--title a {
    border-bottom: none !important;
    display: block;
  }

  .calendar__mini--title a:hover {
    border-bottom: none !important;
  }

  /* Calendar - prev/next navigation */
  .calendar-nav {
    margin: 0 auto;
    position: relative;
    width: 100%;
  }

  .calendar-btn-prev,
  .calendar-btn-next {
    border-bottom: none !important;
  }

  .calendar-btn-next {
    float: right;
  }

  .calendar-nav-top .calendar-btn-prev:before,
  .calendar-nav-top .calendar-btn-next:after {
    display: inline-block;
  }

  .calendar-btn-prev:before {
    content: "\2039";
    font-size: 1.4em;
    margin: 0 .3em 0 0;
  }

  .calendar-btn-next:after {
    content: "\203A";
    font-size: 1.4em;
    margin: 0 0 0 .3em;
  }

  .calendar-btn-prev:hover:before,
  .calendar-btn-next:hover:after {
    color: #b4bf3b;
  }

  .calendar-nav-bottom {
    overflow: hidden;
    padding: 2em 0 0;
  }

  /* Calendar - large month view */
  .u-lContent .calendar-month {
    border-top: 1px solid #d9d7d7;
    width: 100%;
    table-layout: fixed;
  }

  .calendar-month tr,
  .calendar-month th,
  .calendar-month td {
    display: block;
    white-space: normal;
  }

  .calendar-month tr:nth-child(2n+2) {
    background: none;
  }

  .calendar-month-day {
    display: none !important;
  }

  .calendar-month td {
    border-bottom: 1px dotted #d9d7d7;
    width: 100%;
  }

  .calendar-month td:hover {
    -webkit-box-shadow: 0px 3px 4px 0px #ccc;
    box-shadow: 0px 3px 4px 0px #ccc;
  }

  .calendar-list,
  .calendar-month ul {
    padding: 0;
    width: 100%;
  }

  .calendar-list li,
  .calendar-month li {
    list-style: none;
  }

  .u-lContent .calendar-month li {
    margin: 0 0 .5em;
  }

  .calendar-month li a {
    border-bottom: 1px solid transparent;
    display: block;
    width: 100%;
    word-wrap: break-word;
  }

  .calendar-month li a:hover {
    border-bottom: 1px solid transparent !important;
  }

  .calendar-month td > a {
    border-bottom: none;
  }

  .calendar-month .dayOutsideMonth {
    display: none;
  }

  .pageGroup__calendar .small-btn {
    background: #282829;
    border: none;
    padding: 0 .4em;
  }

  .pageGroup__calendar .small-btn:hover {
    background: #b4bf3b;
    border: none;
  }

  .pageGroup__calendar .view-events {
    background: #b4bf3b;
    border-bottom: 1px solid #b4bf3b;
  }

  .pageGroup__calendar .view-events:hover {
    background: #b4bf3b;
    border-bottom: 1px solid #b4bf3b;
  }

  .calendar-date {
    border-bottom: 1px dashed #d9d7d7;
    display: block;
    margin: 0;
    padding: 2em 0 .25em;
  }

  .u-lContent .calendar-list {
    margin: 0;
    width: 100%;
  }

  .calendar-list li {
    margin: 0 !important;
    overflow: hidden;
  }

  .calendar-list li a {
    display: block;
    padding: 1em 0;
    position: relative;
    width: 100%;
  }

  .calendar-list li:hover a {
    border-bottom: 1px dotted transparent !important;
  }

  .calendar-list li:hover {
    -webkit-box-shadow: 0px 2px 3px 0px #ccc;
    box-shadow: 0px 2px 3px 0px #ccc;
  }

  .calendar-list h5 {
    margin: 0 0 .3em !important;
  }

  /* Calendar - Event Detail page */
  .calendar-event-label {
    border-bottom: 1px dotted #ccc;
    position: absolute;
  }

  .calendar-event-info {
    margin: 2em 0 0;
  }

  .calendar-event-info p {
    position: relative;
    left: 25%;
    width: 75%;
  }

  .pageGroup__calendar .u-NavSite__subNav .calendar__academic--link {
    border-top: 1px solid #d7d7d7;
    display: block;
    margin: .5em 0 0;
    padding: .5em 0;
  }

  .u-NavSite__menu--calendar .u-NavSite__level--2 .calendar__academic--link,
  .u-NavSite__itemContainer--masterCalMessage a {
    background: #b4bf3b;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    margin: .5em 0 0;
    padding: .2em .75em;
  }

  .u-NavSite__itemContainer--masterCalMessage {
    margin: 3em 0 !important;
  }

  /* Connect Forms (About/Connect sidebar)
   * ========================================================================== */
  .u-lAside .connect-forms {
    margin: 4em auto 0;
    width: 80%;
  }

  .u-lAside .connect-forms div {
    width: 100%;
  }

  /* Contact page
   * ========================================================================== */
  .contact-info h4 {
    margin: 0 !important;
  }

  /* Contact form */
  .contact-form input,
  .contact-form select,
  .contact-form textarea {
    width: 100%;
  }

  .contact-form .btn-submit {
    width: auto;
  }

  /* reposition arrow icon */
  .contact-info__links a {
    position: relative;
  }

  .contact-info__links a:after {
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 3px;
  }

  .contact-info__links .icomoon-arrow-right-info {
    padding: 0 0 0 1.7em;
  }

  .curatedContent {
    border-bottom: 15px solid #292828;
    -webkit-box-shadow: 0px 3px 4px 0px rgba(129, 124, 121, 0.6);
    box-shadow: 0px 3px 4px 0px rgba(129, 124, 121, 0.6);
    overflow: hidden;
    padding: 8%;
    z-index: 100;
  }

  .curatedContent,
  .curatedContent ul li,
  .curatedContent__img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .curatedContent ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
  }

  .curatedContent__active {
    display: block;
    list-style: none;
    margin: 0 0 1.5em;
    overflow: hidden;
    padding: 1%;
    position: relative;
  }

  .curatedContent__active:hover {
    background: #e8f2f5;
    background: rgba(27, 131, 154, 0.1);
    text-shadow: 1px 1px 0px #fff;
  }

  .curatedContent__active .curatedContent__title {
    margin: 0;
    padding-bottom: 1.8em;
  }

  .curatedContent__active .curatedContent__summary {
    display: none;
    visibility: hidden;
  }

  /* hide summary on smaller screens */
  .curatedContent__item {
    overflow: hidden;
    position: relative;
  }

  .curatedContent__img {
    float: left;
    height: 50%;
    max-height: 292px;
    max-width: 292px;
    opacity: .9;
    margin: 0 5% 0 0;
    width: 50%;
  }

  .curatedContent__active .curatedContent__img {
    float: none;
    height: 100%;
    margin: 0 auto 1em;
    width: 100%;
  }

  .curatedContent__active:hover .curatedContent__img {
    opacity: 1;
  }

  .curatedContent__inactive {
    display: block;
    float: left;
    list-style: none;
    margin: 0 6% 0 0 !important;
    width: 20%;
    height/*\**/: 50px\9;
    /* IE and below */
    width/*\**/: 50px\9;
    /* IE and below */
  }

  .curatedContent__inactive .curatedContent__img {
    border: 1px solid #d9d7d7;
    border: 1px solid rgba(129, 124, 121, 0.3);
    max-height: 86px;
    max-width: 86px;
    opacity: .85;
    padding: 2px;
    height: 100%;
    width: 100%;
  }

  .curatedContent__inactive:last-child {
    margin: 0 !important;
  }

  .curatedContent__inactive .curatedContent__item {
    display: none;
    visibility: hidden;
  }

  .curatedContent__inactive:hover .curatedContent__img {
    background: #a4cdd7;
    background: rgba(27, 131, 154, 0.4);
    border: 1px solid #499cae;
    border: 1px solid rgba(27, 131, 154, 0.8);
    -webkit-box-shadow: inset 0px 0px 1px 0px #292828;
    box-shadow: inset 0px 0px 1px 0px #292828;
    opacity: 1;
  }

  .curatedContent__highlight .curatedContent__img,
  .curatedContent__inactive.curatedContent__highlight:hover .curatedContent__img {
    background: #54a2b3;
    background: rgba(27, 131, 154, 0.75);
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
  }

  .curatedContent__inactive .curatedContent__item {
    display: none;
  }

  .curatedContent__active .smallBtn {
    bottom: 0;
    left: 0;
    position: absolute;
  }

  .curatedContent__active:hover .smallBtn {
    filter: none;
    text-shadow: none;
  }

  /* Emergency Response page sidebar
   * ========================================================================== */
  .u-lAside .emergency-resources {
    margin: 4em auto 2.5em;
  }

  .emergency-numbers {
    padding: 0;
  }

  .emergency-numbers li {
    border-bottom: 1px dotted #bababa;
    list-style: none;
    padding: .5em 0;
  }

  /* Figures and Captions
   * ========================================================================== */
  .figure {
    margin: 1.5em 0;
  }

  .figure .figcaption {
    border-bottom: 1px dotted #bababa;
    margin: 0 0 1em;
    padding: .25em 0 !important;
    width: 100% !important;
  }

  .u-lContent .figure .figcaption {
    margin: 0 0 1em;
    padding: .5em 0 !important;
  }

  .u-lContent .figure img {
    margin: 0;
  }

  .u-lAside .figure img,
  .u-lAside .u-Figure__image {
    max-width: 330px;
  }

  .figure-left {
    margin-right: 1.5em;
  }

  .figure-right {
    margin-left: 1.5em;
  }

  /* Emergency sliding tab
   * ========================================================================== */
  .u-EmergencyInfo {
    background: #eee;
    /*	background:rgba(41,40,40,1); */
    display: none;
    overflow: visible;
    padding: 2% 5%;
    position: relative;
    width: 100%;
    z-index: 100;
  }

  .u-EmergencyInfo__tab {
    border-top: 1px solid #969696;
    height: 42px;
    left: 0;
    margin: 1px auto 0;
    overflow: hidden;
    width: 92%;
    z-index: 100;
  }

  .u-EmergencyInfo__tab--button {
    display: block;
    float: left;
    opacity: .85;
    overflow: hidden;
    padding: .5em 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 200px;
  }

  .u-EmergencyInfo__tab--button:hover {
    opacity: 1;
  }

  .u-EmergencyInfo__tab .icomoon-arrow-double-up:before {
    background: #c60751;
    -webkit-border-radius: 3em;
    border-radius: 3em;
    margin: 0 .75em 0 0;
    /* padding:2px 5px 3px; */
    padding: 4% 5%;
    position: relative;
    top: 1px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .u-EmergencyInfo__tab:hover span {
    top: 0px;
  }

  .u-EmergencyInfo ul {
    float: left;
    overflow: hidden;
  }

  .u-EmergencyInfo li {
    float: left;
    list-style: none;
  }

  .u-EmergencyInfo__title {
    padding: 1em 0 .25em;
  }

  .u-EmergencyInfo p {
    margin: .5em 0;
  }

  .u-EmergencyInfo__numbersPrimary {
    background: #ddd;
    padding: 2%;
    width: 100%;
  }

  .u-EmergencyInfo .u-EmergencyInfo__numbersPrimary a {
    display: block;
    margin: .5em 0 0;
  }

  .u-EmergencyInfo__numbersPrimary--campus {
    padding-right: 8%;
    width: 55%;
  }

  .u-EmergencyInfo__numbersPrimary--county {
    width: 37%;
  }

  .u-EmergencyInfo__numbersSecondary {
    padding: 0 0 0 2%;
    width: 100%;
  }

  .u-EmergencyInfo .u-EmergencyInfo__numbersSecondary li {
    border-bottom: 1px dashed #5d5956;
    margin: 1em 0 0;
    padding: 0 0 1em;
    width: 100%;
  }

  .u-EmergencyInfo__response {
    clear: left;
    overflow: hidden;
    padding: 2em 0;
  }

  .u-EmergencyInfo__response a,
  .u-EmergencyInfo__response p {
    display: block;
    float: left;
    margin: 0 .5em;
  }

  .u-EmergencyInfo__response .smallBtn {
    display: inline-block;
    float: none;
  }

  .u-EmergencyInfo__response .smallBtn:hover {
    background: #c60751;
    background: #c60751;
    border-color: #c60751;
    border-color: #c60751;
  }

  .u-EmergencyInfo__numbersSecondary a {
    display: block;
  }

  .u-EmergencyInfo__numbersSecondary a {
    display: inline-block;
    margin: 0 .2em;
  }

  .u-EmergencyInfo__numbersSecondary .u-EmergencyInfo__numbersPrimary a {
    margin: 0;
  }

  /* Event feeds
   * ========================================================================== */
  .events__home {
    overflow: hidden;
    padding: .5em 0 0;
  }

  .eventFeed {
    border-top: 1px double #bebdbd;
    margin: 0 5% 3em;
    padding: 4em 0 0;
    position: relative;
  }

  .eventFeed ul {
    padding: 0;
  }

  .eventFeed__title {
    border-top: 1px solid #bebdbd;
    display: block;
    margin: 3px 0 0;
    padding: 5px 0 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .eventFeed__title--events {
    background: #ffffff;
    border-left: 1px solid #bebdbd;
    border-right: 1px solid #bebdbd;
    display: block;
    margin: 0 auto;
    position: relative;
    top: -1.2em;
    width: 35%;
  }

  .eventFeed__title--subhead {
    position: relative;
    top: -.65em;
  }

  .eventFeed ul {
    border-bottom: 1px solid #e6e6e6;
  }

  .eventFeed li {
    list-style: none;
  }

  .eventFeed li a {
    border: 1px solid #e6e6e6;
    border-bottom: none;
    display: block;
    padding: .9em;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
  }

  .eventFeed li a:hover {
    background: #666;
    border-color: #666;
  }

  .eventFeed .eventFeed__name,
  .eventFeed .eventFeed__location {
    display: block;
    left: 25%;
    margin: 0 25% .25em 0;
    position: relative;
  }

  .eventFeed .eventFeed__dateline {
    left: 5%;
    position: absolute;
    top: 1em;
  }

  .eventFeed .eventFeed__date,
  .eventFeed .eventFeed__time {
    display: block;
  }

  .eventFeed .smallBtn {
    margin: 2em auto;
  }

  .eventFeed .smallBtn:hover {
    background: #b4bf3b;
    border-color: #b4bf3b;
  }

  /* Google Maps sidebar (Visit section)
   * ========================================================================== */
  .googlemaps iframe {
    border: 1px solid #d9d7d7;
    border: 1px solid rgba(129, 124, 121, 0.3);
  }

  /* Google Search Results
   * ========================================================================== */
  table.gsc-search-box,
  .gsc-table-result,
  .gsc-resultsRoot table {
    border: none;
    margin: 0;
  }

  table.gsc-search-box td {
    padding: 0 !important;
  }

  input.gsc-input {
    border-color: #dfdfdf !important;
    font-size: 16px !important;
    padding: .75em !important;
  }

  input.gsc-search-button {
    font: normal 1.4em "open-sans", Helvetica, Arial, sans-serif !important;
    padding: 0 1em !important;
    height: 45px !important;
    min-width: auto !important;
  }

  .gsc-control-cse {
    font-family: "open-sans", Helvetica, Arial, sans-serif !important;
    padding: 0 !important;
  }

  .gsc-above-wrapper-area-container {
    border: none;
  }

  .gsc-above-wrapper-area {
    border-bottom: none !important;
  }

  .gsc-result-info {
    margin: 0 !important;
    padding: 0 !important;
  }

  .gsc-webResult.gsc-result {
    margin-bottom: 0 !important;
  }

  .gsc-table-result td {
    padding: 1em 0 !important;
  }

  .gs-web-image-box, .gs-promotion-image-box {
    padding: 0 !important;
    margin-right: 1em !important;
  }

  .gsc-control-cse .gs-result .gs-title {
    margin: 0 0 .5em;
  }

  .gs-result .gs-snippet {
    line-height: 1.6em;
  }

  .gsc-results .gsc-cursor-box {
    font-size: 1.2em !important;
    margin-bottom: 0 !important;
    margin: 2em 0 !important;
  }

  /* History (homepage)
   * ========================================================================== */
  .history {
    background: url(../images/main-building-etching.jpg) repeat-x top center;
    clear: both;
    margin: 0;
    padding: 7em 5% 1%;
  }

  .history ul,
  .history__citation {
    margin: 0 auto;
    max-width: 1400px;
    overflow: hidden;
    padding: 0;
  }

  .history li {
    display: table;
    margin: 1em auto;
    list-style: none;
    padding: 2% 2% 2% 0;
    width: 100%;
  }

  .history b {
    background: url(../images/css/bg_pinkstripes_tile.gif) repeat 0 0;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    -webkit-box-shadow: 0px 1px 1px 0px #292828;
    box-shadow: 0px 1px 1px 0px #292828;
    margin: 0 auto;
    opacity: .8;
    padding: 1%;
    position: relative;
    top: -.75em;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 50%;
  }

  .history__date {
    display: block;
  }

  .history li a {
    background: #f7f6f6;
    background: rgba(255, 255, 255, 0.85);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(129, 124, 121, 0.5);
    box-shadow: 0px 1px 2px 0px rgba(129, 124, 121, 0.5);
    display: block;
    padding: 0 8% 5%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .history li a:hover {
    background: #fff;
  }

  .history li a:hover b {
    opacity: 1;
  }

  .history p {
    clear: left;
    display: block;
    width: 100%;
  }

  .history__citation {
    background: #d1cac8;
    display: block;
    padding: 1em 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .history__citation:hover {
    background: #e7e2e1;
  }

  /* Lists
   * ========================================================================== */
  /* Alphabetical lists */
  .alphaList,
  .alphaList li,
  .alphaList__nav {
    list-style: none;
  }

  .alphaList,
  .alphaList ol,
  .alphaList ul {
    padding: 0;
  }

  .alphaList ul ul {
    margin: .25em 0 1em;
    padding: 0 0 0 1.5em;
  }

  .alphaList ul ul li {
    list-style: circle;
  }

  .alphaList ol {
    margin: .5em 0 1.5em;
  }

  .alphaList__nav {
    border: 1px dotted #bababa;
    overflow: hidden;
    padding: .5em;
  }

  .alphaList__nav li {
    display: block;
    float: left;
    margin: 0 !important;
    height: 22px;
    width: 22px;
  }

  .alphaList__nav a {
    display: block;
    height: 100%;
    width: 100%;
  }

  .alphaList__nav a:hover {
    background: #ede1f6;
  }

  .u-lAside .links-list {
    margin: 2.5em auto;
  }

  .links-list-title {
    border-bottom: 4px double #d3d3d3;
    display: block;
    padding: 0 0 .25em;
  }

  .links-list ul {
    margin: 1px 0 0;
    padding: .75em 0;
  }

  .links-list li {
    border-bottom: 1px dashed #d3d3d3;
    list-style: none;
    padding: .25em 2%;
  }

  .infosite-history {
    list-style: none;
    padding: 0;
  }

  .infosite-history li {
    overflow: hidden;
    margin: 1em 0;
  }

  .jumplinks ul {
    margin: 0 0 2em;
    padding: 0;
    overflow: hidden;
  }

  .jumplinks li {
    border: 1px solid #d3d3d3;
    display: block;
    float: left;
    list-style: none;
    margin: 2px !important;
    padding: 0 4px;
  }

  .jumplinks li:hover {
    background: #ffdee8;
    border-color: #ffdee8;
  }

  /* Maps (Visit/Campus Maps)
   * ========================================================================== */
  .map-ul {
    padding: 0;
  }

  .map {
    border-bottom: 1px dashed #d9d7d7;
    border-bottom: 1px dashed rgba(129, 124, 121, 0.3);
    display: block;
    list-style: none;
    overflow: hidden;
    padding: 1em 0;
  }

  .map-title {
    margin-top: 0 !important;
  }

  .map-thumb {
    background: #fff;
    border: 1px solid #d9d7d7;
    border: 1px solid rgba(129, 124, 121, 0.3);
    float: left;
    list-style: none;
    margin: 0 5% 0 0;
    opacity: .9;
    padding: .25em;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }

  .map-thumb img {
    margin: 0;
  }

  .map-thumb:hover {
    background: #adb3c2;
    background: rgba(39, 60, 117, 0.4);
    border: 1px solid #5c6685;
    border: 1px solid rgba(39, 60, 117, 0.8);
    -webkit-box-shadow: inset 0px 0px 1px 0px #292828;
    box-shadow: inset 0px 0px 1px 0px #292828;
    opacity: 1;
  }

  .map h3 {
    margin: 0;
  }

  /* News Feeds
   * ========================================================================== */
  .newsFeed .smallBtn:hover,
  .curatedContent .smallBtn:hover {
    background: #259fb3;
    background: #1b839a;
    border: 1px solid #259fb3;
  }

  .newsFeed li {
    list-style: none;
  }

  .newsFeed h4 {
    border-bottom: 1px solid #d9d7d7;
    border-bottom: 1px solid rgba(129, 124, 121, 0.3);
    display: block;
  }

  .newsFeed {
    margin: 0 0 3em;
    padding: 0 0 2em;
    position: relative;
  }

  .newsFeed ul {
    overflow: hidden;
    padding: 0;
  }

  .newsFeed li {
    border-bottom: 1px solid #d9d7d7;
    border-bottom: 1px solid rgba(129, 124, 121, 0.3);
    display: block;
    margin: 0 !important;
    overflow: hidden;
    padding: 1em;
  }

  .u-lContent__aside .newsFeed li {
    padding: 5% 6% 5% 3%;
  }

  .newsFeed li,
  .newsFeed li a,
  .newsFeed__imgThumb {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }

  .newsFeed li:hover {
    background: #ecebeb;
    background: rgba(129, 124, 121, 0.15);
    border-bottom: 1px solid #b3b0af;
    border-bottom: 1px solid rgba(129, 124, 121, 0.5);
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.75);
  }

  .u-lContent__aside .newsFeed li:hover {
    background: #f2f2f1;
    background: rgba(129, 124, 121, 0.1);
  }

  .newsFeed__leadImg {
    border: 1px solid #d9d7d7;
    border: 1px solid rgba(129, 124, 121, 0.3);
    float: left;
    margin: 0 .75em .5em 0;
    max-width: 100px;
    opacity: .9;
    padding: .25em;
  }

  .newsFeed li:hover .newsFeed__leadImg {
    background: #fff;
    border: 1px solid #a7a3a1;
    border: 1px solid rgba(129, 124, 121, 0.7);
    -webkit-box-shadow: inset 0px 0px 1px 0px #292828;
    box-shadow: inset 0px 0px 1px 0px #292828;
    opacity: 1;
  }

  .news__extlink {
    display: block;
    padding: 0 .1em;
  }

  .news__extlink:hover {
    background: #54a2b3;
    background: rgba(27, 131, 154, 0.75);
    padding: 3%;
    text-shadow: 1px 1px 0px #259fb3;
  }

  .newsFeed__announcements {
    padding: 5% 0;
  }

  .newsFeed__announcements--title,
  .newsFeed__aside--title {
    margin: 0 !important;
  }

  .newsFeed__announcements li {
    border: 1px solid transparent;
    border-bottom: 1px solid #d9d7d7;
  }

  .newsFeed__announcements .newsFeed__leadImg {
    height: 75px;
    width: 75px;
  }

  .newsFeed__aside--title {
    padding-left: 2.5em;
  }

  h4.newsFeed__aside--title + ul {
    margin: 0;
  }

  .newsFeed__icon {
    left: .5em;
    margin: 0;
    position: absolute;
    top: -.25em;
  }

  .newsFeed__media {
    margin-bottom: 0;
    padding-bottom: 4em;
  }

  .newsFeed.newsFeed__aside li {
    padding: 2% 0 0;
  }

  .newsFeed.newsFeed__aside li a {
    display: block;
    padding: 3%;
  }

  .newsFeed.newsFeed__aside a i {
    position: relative;
    top: 1px;
  }

  /* News alerts */
  .news-alert-medium__top {
    background: #c60751;
    display: block;
    margin: 0 auto;
    padding: .75em 4%;
    width: 100%;
  }

  .news-alert-medium-icon {
    background: #f5e4ea;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    -webkit-box-shadow: 0px 1px 2px 0px #292828;
    box-shadow: 0px 1px 2px 0px #292828;
    display: inline-block;
    margin: 0 .5em 0 .15em;
    padding: 0 .4em;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }

  .news-alert-medium__top:hover .news-alert-medium-icon {
    background: #fff;
  }

  /* News section
   * ========================================================================== */
  .news-breadcrumb {
    left: -29%;
    position: absolute;
    top: -2.6em;
  }

  .u-ArticleList {
    margin: 2em 0 0;
  }

  .u-ArticleListItem,
  .u-ArticleListItem--expired {
    border-top: 1px solid #d9d7d7;
    border-bottom: none;
    list-style: none;
    overflow: visible;
    padding: 2em 1em !important;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .u-ArticleListItem.u-ArticleListItem--in-the-media {
    padding: 2em 1em 3em;
  }

  .u-ArticleListItem--expired {
    background: none;
    margin: 0 !important;
    padding: 1em .5em 0;
  }

  .news-breadcrumb + .u-ArticleListItem {
    margin-top: 1.8em;
  }

  /* additional spacing above first news item */
  .u-ArticleListItem a,
  .u-ArticleListItem--expired a {
    border-color: transparent !important;
    display: block;
    overflow: hidden;
  }

  .u-ArticleListItem a:hover,
  .u-ArticleListItem--expired a:hover {
    border-color: transparent !important;
  }

  .u-ArticleListItem:hover,
  .u-ArticleListItem--expired:hover {
    background: #fff;
    -webkit-box-shadow: 0px 3px 4px 0px #ccc;
    box-shadow: 0px 3px 4px 0px #ccc;
  }

  .u-ArticleListItem__title {
    margin: 0 0 .5em !important;
  }

  .u-ArticleListItem__thumbnail {
    margin: 0 1em .5em 0;
    padding: 0;
  }

  .u-ArticleListItem__thumbnail img {
    margin: 0;
    opacity: .85;
    padding: .25em;
    width: 100%;
  }

  .u-ArticleListItem:hover .u-ArticleListItem__thumbnail img {
    opacity: 1;
  }

  .u-ArticleListItem .u-ArticleListItem__label--type {
    background: #fff;
    border: 1px solid #d9d7d7;
    border-bottom: none;
    -webkit-box-shadow: 0px 5px 0px 0px #ffffff;
    box-shadow: 0px 5px 0px 0px #ffffff;
    display: block;
    height: 19px;
    margin: 0;
    left: 1.5em;
    padding: .25em .5em 0;
    position: absolute;
    top: -1.7em;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .u-ArticleListItem:hover .u-ArticleListItem__label--type {
    border-bottom: none;
  }

  .u-ArticleListItem__label--externalLink {
    display: block;
    margin: 0;
  }

  .u-ArticleListItem:hover .u-ArticleListItem__label--externalLink {
    background: #259fb3;
  }

  .u-ArticleListItem__label--externalLink:after {
    content: "";
  }

  .u-ArticleListItem__label--dateline,
  .u-Article__publishDate {
    margin: 1em 0;
    padding: 0;
  }

  .u-Article__publishDate {
    border-top: 1px dotted #d9d7d7;
    display: block;
    margin: 3em 0 0 !important;
    padding: .5em 0 0;
  }

  .u-Article__title {
    margin: 0 0 1em !important;
  }

  .u-News__subTitle,
  .u-ArticleList__separator {
    margin: 2em 0 1.5em !important;
  }

  .u-ArticleNavGroup__navButton--archive {
    background: #259fb3;
  }

  .u-ArticleNavGroup__navButton--archive:hover {
    background: #000;
  }

  .news-no-item-message,
  .news-no-item-archived {
    background: #f2f2f2;
    display: block;
    padding: .5em 0;
    position: relative;
  }

  .u-news-endpage .u-ArticleListItem__title {
    border-bottom: 1px dotted #d9d7d7;
    margin: 0 0 1.25em;
    padding: 0 0 .3em;
  }

  .u-lAside .u-NewsTools {
    background: #f7f7f7;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0px 1px 3px 0px #d9d7d7;
    box-shadow: 0px 1px 3px 0px #d9d7d7;
    display: block;
    overflow: hidden;
    padding: 1em 10% .5em;
    width: 100%;
  }

  .u-NewsTools h4 {
    display: block;
    float: left;
    margin: 0 1em 0 0;
  }

  .u-NewsTools p {
    display: block;
    float: left;
    margin: 0;
  }

  .u-lAside .u-NewsContactLink {
    border: 1px solid #d7d7d7;
    display: inline-block;
    margin: 0 0 0 10% !important;
    padding: .5em 1em;
    width: auto;
  }

  .u-NewsContactLink:hover {
    border: 1px solid #ccc;
  }

  /* Tabs (Offices page)
   * ========================================================================== */
  .ui-tabs {
    border: none;
  }

  .ui-tabs-nav {
    background: none;
    border: none;
    border-bottom: 1px solid #a8a8a8;
    border-radius: 0;
    list-style: none;
    padding: 0 0 0 .5em !important;
    position: relative;
  }

  .ui-tabs .ui-tabs-panel {
    padding: 2em 0;
  }

  /* Universal Layout
   * ========================================================================== */
  .u-lAside {
    border-top: 4px double #a8a8a8;
    padding: 2em 0 0;
  }

  .u-pageHome .u-lAside {
    padding: 0;
  }

  .u-lContent {
    border-top: 1px solid #969696;
    margin: 2px 0 0;
    margin: 0;
    min-height: 650px;
    padding: 10% 5%;
  }

  .u-pageHome .u-lContent {
    padding: 0;
  }

  	/* Main content - global elements
   	* ========================================================================== */
  .u-lContent a {
    border-bottom: 1px dotted #cdcbc9;
  }

  .u-pageHome .u-lContent a {
    border-bottom: none;
  }

  .u-lContent .smallBtn,
  .u-lContent .more-link,
  .u-pageHome .u-lContent .smallBtn {
    border-bottom: 1px solid #b3b0af;
  }

  .u-lContent li,
  .u-lContent dl {
    margin: 0 0 1em;
  }

  .u-lContent dt {
    display: block;
    margin: 0;
    padding: 1em 0 0;
  }

  .u-lContent dd {
    border-bottom: 1px solid #d9d7d7;
    border-bottom: 1px solid rgba(129, 124, 121, 0.3);
    display: block;
    padding: 0 0 1em;
  }

  .u-lContent h3 {
    margin: 2em 0 .25em;
  }

  .u-lContent h4 {
    margin: 1.2em 0 .25em;
  }

  .u-lContent h5 {
    margin: 1.1em 0 .25em;
  }

  .u-lContent h6 {
    margin: 1em 0 .25em;
  }

  .u-lContent h2 + h3,
  .u-lContent h3 + h3,
  .u-lContent h3 + h4,
  .u-lContent h4 + h4,
  .u-lContent h4 + h5,
  .u-lContent h5 + h5,
  .u-lContent h5 + h6,
  .u-lContent h6 + h6 {
    margin-top: 0;
  }

  /*.u-lContent h3:first-child,    
  .u-lContent h4:first-child,
  .u-lContent h5:first-child,
  .u-lContent h6:first-child { margin-top:.4em; }*/
  .u-lHeader,
  .u-lMain {
    margin: 0 auto;
    width: 92%;
  }

  .u-lHeader {
    border-bottom: 1px solid #969696;
    border-top: 1px solid #dedede;
    padding: 28px 0 16px 0;
  }

  /* Footer
   * ========================================================================== */
  .u-lFooter {
    background: url(../images/css/bg_pinkstripes_tile.gif) repeat 0 0;
    box-shadow: 0px 0px 15px 8px #fff;
    padding: 1em 0;
    position: relative;
    z-index: 1;
  }

  .u-lFooterGroup {
    background: #b70355;
    box-shadow: 0px 0px 8px 6px rgba(41, 40, 40, 0.1);
    margin: 0 auto 2%;
    max-width: 1400px;
    padding: 6em 0 0;
    position: relative;
  }

  .u-lFooterGroup:before {
    content: url(../images/vassar-seal.png);
    display: block;
    position: absolute;
    top: -2em;
    width: 100%;
    z-index: 0;
  }

  .u-lFooterGroup__section {
    padding: 8% 3%;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
  }

  .u-lFooterGroup__section ul {
    padding: 0;
  }

  .u-lFooterGroup__section--title {
    background: #b70355;
    border: 1px solid #da5e8e;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-left: 0;
    border-right: 0;
    display: inline-block;
    margin: 0 0 8%;
    min-width: 50%;
    padding: 0 6% 1%;
  }

  .u-lFooterGroup__section li {
    display: block;
    list-style: none;
  }

  .u-lFooterGroup__explore {
    border: 1px dashed #e383a8;
    border-left: none;
    border-right: none;
  }

  .u-lFooterGroup__postcard:before,
  .u-lFooterGroup__connect:before {
    bottom: -1px;
    content: url(../images/footer-postcards.png);
    display: block;
    position: relative;
    z-index: 0;
  }

  .u-lFooterGroup__connect:before {
    content: url(../images/footer-social.png);
  }

  .u-lFooterGroup__postcard a:hover p {
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  a:hover .u-lFooterGroup__section--title,
  a:hover .u-lFooterGroup__section--title {
    text-shadow: 1px 2px 0 #630c2c;
  }

  .u-lFooterGroup__connect li {
    display: inline-block;
    list-style: none;
  }

  .u-lFooterGroup__connect--link {
    background: #c54774;
    background: -moz-linear-gradient(top, #c54774 0%, #a60d44 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c54774), color-stop(100%, #a60d44));
    background: -webkit-linear-gradient(top, #c54774 0%, #a60d44 100%);
    background: -o-linear-gradient(top, #c54774 0%, #a60d44 100%);
    background: -ms-linear-gradient(top, #c54774 0%, #a60d44 100%);
    background: linear-gradient(to bottom, #c54774 0%, #a60d44 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c54774', endColorstr='#a60d44',GradientType=0 );
    -webkit-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;
    border: 1px solid #c54774;
    -webkit-box-shadow: 0px 1px 0px 0px #c7c1be;
    box-shadow: 0px 1px 0px 0px #a60d44;
    padding: .5em .8em;
    margin: 0 .5em 0 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }

  .u-lFooterGroup__connect .u-lFooterGroup__connect--link b {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .u-lFooterGroup__connect .u-lFooterGroup__connect--link:hover {
    background: #a1184c;
    border: 1px solid #9a1547;
    -webkit-box-shadow: inset 0px 1px 1px 0px #700e33;
    box-shadow: inset 0px 1px 1px 0px #700e33;
  }

  /* Universal masthead
   * ========================================================================== */
  .u-Masthead__siteName--link {
    display: block;
    padding: 0;
    text-align: center;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
  }

  .u-Masthead__vassar {
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    opacity: 0;
    position: absolute;
    visibility: hidden;
  }

  .u-pageTitle {
    margin: 0 0 .5em;
  }

  .u-pageHome .u-pageTitle {
    display: none;
    visibility: hidden;
  }

  /* Navigation
  ========================================================================== */
  .u-NavSite {
    margin: 0 auto;
    padding: 3.15em 0 0;
    position: relative;
  }

  .ac-NavAnchor {
    display: block;
  }

  .ac-NavAnchor--top {
    border: 1px solid #cacaca;
    border-bottom: none;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    display: block;
    height: 2.25em;
    margin: 0;
    padding: .5em .75em 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
  }

  .u-NavSite__item--home,
  .u-NavSite__item--about,
  .u-NavSite__item--news,
  .u-NavSite__item--calendar,
  .u-NavSite__item--campus,
  .u-NavSite__item--visit,
  .u-NavSite__item--contact {
    background: #fff;
    border-bottom: 1px solid #cacaca;
    padding: 0 0 2px;
  }

  .u-NavSite__title {
    background: #fff;
    border-bottom: 1px solid #cacaca;
    display: block;
    margin: 0;
    padding: 1.25em 0 1.25em 1em;
  }

  .u-NavSite__item--about:hover,
  .u-NavSite__item--about:focus,
  .u-NavSite__item--about:active,
  .u-NavSite__item--contact:hover,
  .u-NavSite__item--contact:focus,
  .u-NavSite__item--contact:active {
    background: #c60751;
    border-color: #c60751;
  }

  .u-NavSite__item--about:hover .u-NavSite__title,
  .u-NavSite__item--about:focus .u-NavSite__title,
  .u-NavSite__item--about:active .u-NavSite__title,
  .u-NavSite__item--contact:hover .u-NavSite__title,
  .u-NavSite__item--contact:focus .u-NavSite__title,
  .u-NavSite__item--contact:active .u-NavSite__title {
    border-color: #c60751;
  }

  .u-NavSite__item--news:hover,
  .u-NavSite__item--news:focus,
  .u-NavSite__item--news:active {
    background: #259fb3;
    border-color: #259fb3;
  }

  .u-NavSite__item--news:hover .u-NavSite__title,
  .u-NavSite__item--news:focus .u-NavSite__title,
  .u-NavSite__item--news:active .u-NavSite__title {
    border-color: #259fb3;
  }

  .u-NavSite__item--calendar:hover,
  .u-NavSite__item--calendar:focus,
  .u-NavSite__item--calendar:active {
    background: #b4bf3b;
    border-color: #b4bf3b;
  }

  .u-NavSite__item--calendar:hover .u-NavSite__title,
  .u-NavSite__item--calendar:focus .u-NavSite__title,
  .u-NavSite__item--calendar:active .u-NavSite__title {
    border-color: #b4bf3b;
  }

  .u-NavSite__item--campus:hover,
  .u-NavSite__item--campus:focus,
  .u-NavSite__item--campus:active {
    background: #8d57b6;
    border-color: #8d57b6;
  }

  .u-NavSite__item--campus:hover .u-NavSite__title,
  .u-NavSite__item--campus:focus .u-NavSite__title,
  .u-NavSite__item--campus:active .u-NavSite__title {
    border-color: #8d57b6;
  }

  .u-NavSite__item--visit:hover,
  .u-NavSite__item--visit:focus,
  .u-NavSite__item--visit:active {
    background: #e59e23;
    border-color: #e59e23;
  }

  .u-NavSite__item--visit:hover .u-NavSite__title,
  .u-NavSite__item--visit:focus .u-NavSite__title,
  .u-NavSite__item--visit:active .u-NavSite__title {
    border-color: #e59e23;
  }

  .u-NavSite .u-NavSite__level--1 {
    border-top: 1px solid #cacaca;
  }

  /* Global styles for navigation buttons */
  /* Home, About and Contact */
  .u-NavSite__item--isOpen.u-NavSite__item--home,
  .u-NavSite__item--isOpen.u-NavSite__item--about,
  .u-NavSite__item--isOpen.u-NavSite__item--contact {
    background: #c60751;
    border-color: #c60751;
  }

  .u-NavSite__item--isOpen.u-NavSite__item--home .u-NavSite__title,
  .u-NavSite__item--isOpen.u-NavSite__item--about .u-NavSite__title,
  .u-NavSite__item--isOpen.u-NavSite__item--contact .u-NavSite__title {
    background: #c60751;
    border-color: #c60751;
  }

  /* News */
  .u-NavSite__item--isOpen.u-NavSite__item--news {
    background: #259fb3;
    border-color: #259fb3;
  }

  .u-NavSite__item--isOpen.u-NavSite__item--news .u-NavSite__title {
    background: #259fb3;
    border-color: #259fb3;
  }

  /* Calendar */
  .u-NavSite__item--isOpen.u-NavSite__item--calendar {
    background: #b4bf3b;
    border-color: #b4bf3b;
  }

  .u-NavSite__item--isOpen.u-NavSite__item--calendar .u-NavSite__title {
    background: #b4bf3b;
    border-color: #b4bf3b;
  }

  /* Campus Resources */
  .u-NavSite__item--isOpen.u-NavSite__item--campus {
    background: #8d57b6;
    border-color: #8d57b6;
  }

  .u-NavSite__item--isOpen.u-NavSite__item--campus .u-NavSite__title {
    background: #8d57b6;
    border-color: #8d57b6;
  }

  /* Visit */
  .u-NavSite__item--isOpen.u-NavSite__item--visit {
    background: #e59e23;
    border-color: #e59e23;
  }

  .u-NavSite__item--isOpen.u-NavSite__item--visit .u-NavSite__title {
    background: #e59e23;
    border-color: #e59e23;
  }

  .u-NavSite__item--isOpen .u-NavSite__menu {
    display: none;
  }

  /* Turns off drop-down menu for the section you're in */
  .u-NavSite__menu {
    -webkit-box-shadow: 0px 8px 8px 0px rgba(129, 124, 121, 0.5);
    box-shadow: 0px 8px 8px 0px rgba(129, 124, 121, 0.5);
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 3.6em;
    visibility: hidden;
    width: 100%;
  }

  /* interior page sub-navigation */
  .u-NavSite__subNav,
  .contact-info,
  .search-tools {
    border-top: 1px solid #bababa;
    clear: left;
    margin: 2.5em 0 0;
    padding: 1em 0 0;
    width: 100%;
  }

  .u-NavSite__subNav li {
    margin: .5em 0;
  }

  .u-NavSite__subNav a,
  .contact-info a,
  .search-tools a {
    border-bottom: 1px solid transparent;
    display: inline-block;
  }

  .search-tools li {
    margin: 0;
  }

  .u-NavSite__subNav .u-NavSite__level--2 {
    border-left: 1px solid #bababa;
    margin: .25em 0 1.25em 0 !important;
    padding: 0 0 0 .75em;
  }

  .u-NavSite__subNav .u-NavSite__item--isCurrent {
    background: #282829;
    padding: .2em .8em;
  }

  .u-NavSite__subNav .u-NavSite__item--isCurrent:hover {
    border-bottom: 1px solid transparent !important;
  }

  /* Quicklinks for Webmail, Ask Banner, Moodle
   * ========================================================================== */
  .u-Quicklinks {
    background: #f2f2f2;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 0px 4px 8px 0px #ddd;
    box-shadow: 0px 4px 8px 0px #ddd;
    margin: 0 0 5em;
    width: 100%;
  }

  .u-Quicklinks ul {
    margin: 0 auto;
    overflow: hidden;
    padding: 0 5%;
  }

  .u-Quicklinks li {
    border-bottom: 1px dotted #ccc;
    display: block;
    list-style: none;
    padding: 1em 0;
  }

  .u-Quicklinks a {
    display: block;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
  }

  /* uVCardSite
   * ========================================================================== */
  .u-VCard--site {
    margin: 2em 5%;
  }

  .u-VCard li {
    display: inline-block;
    float: none;
  }

  .u-VCard__adr2 {
    /*
    	clear:left;
    	display:block;
    */
  }

  .u-VCard--site .u-VCard__info,
  .u-VCard--site .u-VCard__org {
    display: block;
    margin: .5em 0 !important;
  }

  .u-VCard--site .u-VCard__info {
    clear: left;
    overflow: hidden;
  }

  .u-VCard--site .u-VCard__info a {
    margin: 0 .5em 0 0;
  }

  .u-VCard--site .u-VCard__org {
    text-shadow: 1px 2px 0 #630c2c;
  }

  .u-List--site {
    display: table !important;
    margin: 1em auto 0 !important;
  }

  .u-List--site .u-List__itemContainer {
    margin-right: 1em;
  }
}
@media screen and (min-width: 36em) {
  .calendar-list li a {
    padding: 1.25em 0 1.25em 20%;
  }

  .calendar-list .calendar-time {
    display: block;
    left: .5em;
    padding: 0;
    position: absolute;
    top: 1.25em;
  }

  .calendar__mini--aside .calendar__mini--table {
    max-width: 40em;
  }

  .calendar__mini--aside td,
  .calendar__mini--aside th {
    padding: .8em 5%;
  }

  /* Curated Content area (homepage)
   * ========================================================================== */
  .curatedContent {
    padding: 6%;
  }

  .curatedContent__active {
    margin: 0 0 1em;
  }

  .curatedContent__active .curatedContent__img {
    float: right;
    margin: 0 0 1em 1.5em;
    max-width: 35%;
  }

  .curatedContent__active .curatedContent__title {
    font-size: 1.4em;
  }

  .curatedContent__inactive {
    margin: 0 3% 0 0 !important;
    width: 12%;
    height/*\**/: 60px\9;
    /* IE and below */
    width/*\**/: 60px\9;
    /* IE and below */
  }

  .history li {
    display: block;
    float: left;
    list-style: none;
    padding: 2% 2% 2% 0;
    width: 49%;
  }

  .history li:last-child {
    padding-right: 0;
  }

  /* Layout
  ========================================================================== */
  .newsFeed__announcements--home {
    float: left;
    width: 60%;
  }

  .u-lAside {
    clear: both;
    margin: 0 auto;
    width: 92%;
  }

  .u-lAside div,
  .u-lAside .figure {
    margin: 0 0 2.5em;
  }

  .u-lAside .vassarEvents {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .u-lAside, div.u-lContent__aside {
    float: right;
    padding: 3em 0 0;
    width: 35%;
  }

  .u-lAside {
    float: none;
    width: 100%;
  }

  .u-lHeader {
    padding-bottom: 0;
  }

  /* Footer
  ========================================================================== */
  .u-lFooterGroup {
    padding: 6em 0 1em;
  }

  .u-lFooterGroup__section {
    padding: 6% 3%;
  }

  .u-lFooterGroup__connect,
  .u-lFooterGroup__postcard {
    position: absolute;
    top: 4em;
    width: 30%;
  }

  .u-lFooterGroup__postcard {
    right: 0;
  }

  .u-lFooterGroup__explore {
    border: 1px dashed #e383a8;
    border-bottom: none;
    border-top: none;
    margin: 0 auto;
    width: 40%;
  }

  .u-lFooterGroup__explore .u-lFooterGroup__section--title {
    min-width: 35%;
  }

  /* Masthead
  ========================================================================== */
  .u-Masthead__siteName--link {
    display: inline-block;
    text-align: left;
  }

  /* Quicklinks for Webmail, Ask Banner, Moodle
   * ========================================================================== */
  .u-Quicklinks ul {
    display: table;
    padding: 2em 5%;
  }

  .u-Quicklinks li {
    border-bottom: none;
    display: block;
    float: left;
    padding: 0;
  }

  .u-Quicklinks a {
    display: inline-block;
    float: left;
    margin: 0 1em;
    width: auto;
  }
}
@media screen and (min-width: 42em) {
  img {
    margin: 1em 0;
  }

  /* Calendar - large month view */
  .calendar-month tr {
    display: table-row;
  }

  .calendar-month-day {
    background: none;
    display: table-cell !important;
  }

  .calendar-month th,
  .calendar-month td {
    border-bottom: 1px dotted #d9d7d7;
    border-right: 1px dotted #d9d7d7;
    display: table-cell;
    width: 14.23%;
  }

  .calendar-month .dayOutsideMonth {
    display: table-cell;
  }

  .u-lAside img {
    margin: 0 auto;
  }

  .curatedContent {
    border-top: 1px solid #969696;
  }

  .curatedContent__active .curatedContent__img {
    max-width: 42%;
  }

  .curatedContent__active .curatedContent__img {
    max-height: 42%;
    max-width: 42%;
  }

  .curatedContent__active .curatedContent__title {
    font-size: 1.5em;
  }

  .map-ul {
    border-right: 1px solid #d9d7d7;
    float: left;
    padding: 0 4% 0 0;
    width: 74%;
  }

  .map-sidebar {
    float: right;
    width: 22%;
  }

  /* Emergency Info
  ========================================================================== */
  .u-EmergencyInfo .u-EmergencyInfo__numbersSecondary {
    border-bottom: 1px dashed #5d5956;
    margin: 2% 0 0;
    padding: 0 0 3%;
    width: 100%;
  }

  .u-EmergencyInfo .u-EmergencyInfo__numbersSecondary li {
    border-right: 1px dashed #5d5956;
    border-bottom: none;
    height: 10em;
    padding: 0 2%;
    width: 25%;
  }

  .u-EmergencyInfo .u-EmergencyInfo__numbersSecondary li:first-of-type {
    border-left: 1px dashed #5d5956;
  }

  /* Event feeds
   * ========================================================================== */
  .eventFeed__aside {
    width: 42%;
  }

  .eventFeed__aside.eventFeed__today {
    float: left;
  }

  .eventFeed__aside.eventFeed__upcoming {
    float: right;
    margin-left: 0;
  }

  /* Layout
  ========================================================================== */
  .u-lContent {
    border-top: none;
    padding: 2em 6%;
    padding: 10% 5%;
  }

  .u-pageHome .u-lContent {
    padding: 48px 0 0;
  }

  .u-lContent__aside {
    width: 35%;
  }

  .u-lHeader {
    border-bottom: none;
  }

  /* Navigation
  ========================================================================== */
  .u-NavSite {
    left: 4%;
    padding: 0;
    position: absolute;
    top: 146px;
    width: 92%;
  }

  .u-NavSite__item--home,
  .u-NavSite__item--about,
  .u-NavSite__item--news,
  .u-NavSite__item--calendar,
  .u-NavSite__item--campus,
  .u-NavSite__item--visit,
  .u-NavSite__item--contact {
    display: inline-block;
    position: relative;
  }

  .u-NavSite__title {
    font-size: 90%;
    float: left;
    padding: 15px 0;
    position: relative;
    text-align: center;
    width: 100%;
  }

  .u-NavSite__title .icon-home {
    padding: 15px 0;
  }

  /* nav items: widths and colors */
  .u-NavSite__item--home,
  .u-NavSite__item--about,
  .u-NavSite__item--contact {
    background: #c60751;
    border-color: #c60751;
    width: 5%;
  }

  .u-NavSite__item--home .u-NavSite__title,
  .u-NavSite__item--about .u-NavSite__title,
  .u-NavSite__item--contact .u-NavSite__title {
    border-color: #c60751;
  }

  .u-NavSite__item--about {
    width: 10%;
  }

  .u-NavSite__item--contact {
    width: 13%;
  }

  .u-NavSite__item--news {
    background: #259fb3;
    border-color: #259fb3;
    width: 22%;
  }

  .u-NavSite__item--news .u-NavSite__title {
    border-color: #259fb3;
  }

  .u-NavSite__item--calendar {
    background: #b4bf3b;
    border-color: #b4bf3b;
    width: 15%;
  }

  .u-NavSite__item--calendar .u-NavSite__title {
    border-color: #b4bf3b;
  }

  .u-NavSite__item--campus {
    background: #8d57b6;
    border-color: #8d57b6;
    width: 26%;
  }

  .u-NavSite__item--campus .u-NavSite__title {
    border-color: #8d57b6;
  }

  .u-NavSite__item--visit {
    background: #e59e23;
    border-color: #e59e23;
    width: 9%;
  }

  .u-NavSite__item--visit .u-NavSite__title {
    border-color: #e59e23;
  }

  .u-NavSite__item--about:hover .u-NavSite__title,
  .u-NavSite__item--news:hover .u-NavSite__title,
  .u-NavSite__item--calendar:hover .u-NavSite__title,
  .u-NavSite__item--campus:hover .u-NavSite__title,
  .u-NavSite__item--visit:hover .u-NavSite__title {
    border-bottom-width: 5px;
    padding: 9px 0 11px;
  }

  .u-NavSite__itemContainer:hover .u-NavSite__menu {
    border-bottom-width: 5px;
    clip: auto;
    opacity: 1;
    visibility: visible;
    min-width: 250px;
  }

  /* .u-NavSite .u-NavSite__item--calendar .u-NavSite__menu  {
  	border-bottom-width:5px !important;
      clip:auto !important;
      opacity:1 !important;
      visibility:visible !important;
  } */
  .u-NavSite__level--1 {
    border-color: #969696;
    padding: 0;
    width: 100%;
  }

  /* Drop-down menus ===================================================== */
  /* Global styles */
  .u-NavSite__menu {
    background: #fff;
    background: -moz-linear-gradient(top, white 0%, #ebebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ebebeb));
    background: -webkit-linear-gradient(top, white 0%, #ebebeb 100%);
    background: -o-linear-gradient(top, white 0%, #ebebeb 100%);
    background: -ms-linear-gradient(top, white 0%, #ebebeb 100%);
    background: linear-gradient(to bottom, white 0%, #ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', endColorStr='#ebebeb',GradientType=0);
    -webkit-box-shadow: 0px 8px 8px 0px rgba(129, 124, 121, 0.5);
    box-shadow: 0px 8px 8px 0px rgba(129, 124, 121, 0.5);
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 46px;
    visibility: hidden;
    width: 100%;
    z-index: 100;
  }

  .u-NavSite__item--news .u-NavSite__menu {
    border-color: #259fb3;
  }

  .u-NavSite__item--calendar .u-NavSite__menu {
    border-color: #b4bf3b;
  }

  .u-NavSite__item--campus .u-NavSite__menu {
    border-color: #8d57b6;
  }

  .u-NavSite__item--visit .u-NavSite__menu {
    border-color: #e59e23;
  }

  .u-NavSite__menu h4 {
    margin: .5em 0;
  }

  .u-NavSite__menu .newsFeed h4 {
    border: none;
  }

  .u-NavSite__menu li {
    list-style: none;
  }

  .u-NavSite__menu .u-NavSite__img--thumb {
    border: 1px solid #d9d7d7;
    float: left;
    margin: 0 .75em .5em 0;
    padding: .25em;
  }

  .u-NavSite__menu .u-NavSite__img {
    margin: 0 0 1em 0;
  }

  /* Drop-down menu content =============================================== */
  .u-NavSite__menuContent {
    background: #fff;
    -webkit-box-shadow: inset 1px 0px 3px 0px #ccc;
    box-shadow: inset 1px 0px 3px 0px #ccc;
    overflow: hidden;
    position: relative;
  }

  .u-NavSite__section ul,
  .u-NavSite__aside ul {
    border-top: 1px solid #d9d7d7;
    overflow: hidden;
    padding: 0;
  }

  .u-NavSite__itemContainer .smallBtn {
    margin: 0;
  }

  .u-NavSite__itemContainer:hover .smallBtn {
    text-shadow: none;
    filter: none;
  }

  /* menu sub-navigation */
  .u-NavSite .u-NavSite__level--2 .u-NavSite__item {
    display: block;
  }

  .u-NavSite .u-NavSite__level--2 {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 3% 0;
  }

  .u-NavSite .u-NavSite__level--2 li {
    margin: .65em 0;
    padding: 0 15%;
    position: relative;
  }

  .u-NavSite .u-NavSite__level--3 {
    border-bottom: 1px solid #eee;
    margin: .5em 0 1.5em;
  }

  .u-NavSite .u-NavSite__level--3 li {
    border-bottom: none;
    margin: .5em 0;
    padding: 0;
  }

  .u-NavSite .u-NavSite__menu .u-NavSite__level--3 a:hover {
    border-bottom: 1px solid transparent !important;
  }

  .u-NavSite .u-NavSite__level--2 .calendar__academic--link {
    display: inline-block;
  }

  /* menu aside */
  .u-NavSite__aside {
    overflow: hidden;
    padding: 3%;
    width: 34%;
  }

  .u-NavSite__aside li {
    border-bottom: 1px solid #d9d7d7;
    padding: .65em 0 0;
  }

  .u-NavSite__aside .u-NavSite__mediaSpotlight li {
    padding: 1em 0 0;
  }

  .u-NavSite__aside .u-NavSite__mediaSpotlight img {
    margin: 0 0 .5em;
  }

  /* menu sections (middle) */
  .u-NavSite__section {
    border-right: 1px solid #d9d7d7;
    clear: left;
    float: left;
    overflow: hidden;
    padding: 5%;
    width: 66%;
  }

  .u-NavSite__section_2 {
    padding-top: 0;
  }

  .u-NavSite__section--links li {
    display: block;
    margin: .5em 0;
  }

  /* About section buttons */
  .u-NavSite__menu--about .smallBtn:hover {
    background: #c60751;
    border-color: #c60751;
  }

  /* Alphabetical lists */
  .u-NavSite__alphaList {
    overflow: hidden;
    padding: 0 0 .5em;
  }

  .u-NavSite__alphaList li {
    float: left;
  }

  .u-NavSite__alphaList a:hover {
    background: #ede1f6;
  }

  .u-NavSite__alphaList a,
  .u-NavSite__alphaList b {
    display: block;
    height: 20px;
    width: 20px;
  }

  /* Calendar */
  .u-NavSite__section.calendar__mini--nav {
    border-top: none;
    padding: 5% 0;
  }

  .calendar__mini--nav .calendar__mini--table {
    margin: 0 auto 2em;
    width: 85%;
  }

  .calendar__mini--nav .calendar__mini--title {
    display: inline;
    font-size: 1.4em;
  }

  .calendar__mini--nav .calendar__mini--day {
    font-size: .75em;
  }

  .calendar__master {
    background: #f3f5d8;
    padding: 3%;
  }

  .calendar__master p {
    margin: 0;
  }

  .u-lAside .calendar__master--link:hover {
    background: rgba(207, 168, 10, 0.85);
    border: none !important;
  }

  /* Events Feed */
  .u-NavSite__menu .eventFeed {
    display: none;
    visibility: hidden;
  }

  /* News Feed */
  .u-NavSite__menu .newsFeed {
    margin: 0;
  }

  .u-NavSite__menu .newsFeed li {
    padding: 3%;
  }

  .u-NavSite__aside .news__date {
    margin: 1em 0;
  }

  /* Subscribe form */
  .subscribe__title--heading {
    display: block;
  }

  .subscribe__form--emailInput {
    width: 100%;
  }

  /* Visit Vassar Directions */
  .u-NavSite__section--intro {
    float: left;
    width: 60%;
  }

  .u-NavSite__links {
    float: right;
    width: 28%;
  }

  .u-NavSite__links--link {
    display: block;
  }

  .u-NavSite__links--img {
    border: 1px solid #d9d7d7;
    margin: 0 0 .5em 0;
    padding: .25em;
  }

  /* Quicklinks for Webmail, Ask Banner, Moodle
   * ========================================================================== */
  .u-Quicklinks {
    background: transparent;
    border-right: 1px solid #dedede;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: .7em;
    margin: 0;
    right: 12%;
    position: absolute;
    top: 1px;
    width: 50%;
  }

  .u-Quicklinks ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .u-QuicklinksLink--banner {
    width: 29%;
  }

  .u-QuicklinksLink--webmail {
    width: 25%;
  }

  .u-QuicklinksLink--moodle,
  .u-QuicklinksLink--vassar {
    width: 23%;
  }

  .u-Quicklinks a {
    border-bottom: 3px solid transparent;
    margin: 0;
    padding: 1em 0 .6em;
    text-align: center;
    width: 100%;
  }

  .u-Quicklinks a:hover {
    border-bottom: 3px solid #c60751;
  }
}
@media screen and (min-width: 50em) {
  .curatedContent__active .curatedContent__title {
    font-size: 1.4em;
    padding-bottom: .5em;
  }

  .curatedContent__active .curatedContent__summary {
    /* show summary */
    display: block;
    padding: 0 0 1.5em;
    visibility: visible;
  }

  .curatedContent__summary {
    font-size: .9em;
  }

  .curatedContent__inactive {
    width: 10%;
    height/*\**/: 70px\9;
    /* IE and below */
    width/*\**/: 70px\9;
    /* IE and below */
  }

  .map-ul {
    border: none;
    float: none;
    padding: 0;
    width: 100%;
  }

  .map-sidebar {
    float: none;
    width: 100%;
  }

  /* Layout
  ========================================================================== */
  .u-lContent {
    border-top: none;
    padding: 6em 6% 4em 0;
    padding-left: 25%;
    /* space for sub-navigation */
    position: relative;
  }

  .u-pageHome .u-lContent {
    padding: 46px 0 0;
    padding-left: 0;
  }

  /* interior page sub-navigation */
  .u-NavSite__subNav,
  .contact-info,
  .search-tools {
    border: none;
    left: 2%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 6em;
    width: 20%;
  }

  /* Quicklinks for Webmail, Ask Banner, Moodle
   * ========================================================================== */
  .u-Quicklinks {
    border-right: none;
    right: 36%;
    width: 38%;
  }

  .u-VCard__adr2 {
    clear: none;
    display: inline;
  }
}
@media screen and (min-width: 56em) {
  /* Calendar - Event Detail page */
  .calendar-event-info p {
    left: 18%;
    width: 82%;
  }

  .curatedContent__active {
    float: left;
    width: 90%;
  }

  .curatedContent__inactive {
    float: right;
    margin: 1% 0 !important;
    width: 8%;
    height/*\**/: 50px\9;
    /* IE and below */
    width/*\**/: 50px\9;
    /* IE and below */
  }

  .curatedContent__active .curatedContent__title {
    font-size: 1.5em;
    padding-bottom: 1em;
  }

  .curatedContent__summary {
    font-size: 1em;
  }

  .curatedContent__active .curatedContent__img {
    max-width: 292px;
  }

  .u-EmergencyInfo__numbersPrimary {
    font-size: 120%;
  }

  .u-EmergencyInfo .u-EmergencyInfo__numbersSecondary li {
    height: 8em;
  }

  .u-NavSite__title {
    letter-spacing: .06em !important;
  }
}
@media screen and (min-width: 66em) {
  .u-lAside {
    border: none;
    border-top: 1px solid #ccc;
  }

  .calendar__mini--aside {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, transparent 50%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(50%, transparent));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, transparent 50%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, transparent 50%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, transparent 50%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
  }

  .curatedContent__active .curatedContent__title {
    font-size: 1.6em;
    line-height: 1.4em;
  }

  .curatedContent__inactive {
    height/*\**/: 65px\9;
    /* IE and below */
    width/*\**/: 65px\9;
    /* IE and below */
  }

  .map-ul {
    border-right: 1px solid #d9d7d7;
    float: left;
    padding: 0 4% 0 0;
    width: 74%;
  }

  .map-sidebar {
    float: right;
    width: 22%;
  }

  /* Quicklinks for Webmail, Ask Banner, Moodle
   * ========================================================================== */
  .u-Quicklinks {
    width: 30%;
  }

  /* Footer
   * ========================================================================== */
  .u-lFooterGroup {
    padding: 4em 0 0;
  }

  .u-lFooterGroup__connect,
  .u-lFooterGroup__postcard {
    top: 0em;
  }

  .u-lFooterGroup__explore {
    overflow: hidden;
  }

  .col-left,
  .col-right {
    float: left;
    width: 50%;
  }
}
@media screen and (min-width: 70em) {
  .calendar__mini {
    padding: 1em 0 0;
  }

  .calendar__mini--aside {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, transparent 60%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(60%, transparent));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, transparent 60%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, transparent 60%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, transparent 60%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 60%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
  }

  .calendar__mini--aside .calendar__mini--table {
    max-width: none;
  }

  .calendar__mini--aside td,
  .calendar__mini--aside th {
    padding: .5em 0;
  }

  /* Calendar - Event Detail page */
  .calendar-event-info p {
    left: 12%;
    width: 88%;
  }

  .curatedContent {
    padding: 5%;
  }

  .curatedContent__active {
    float: none;
    width: 100%;
  }

  .curatedContent__inactive {
    float: right;
    margin: 0 0 0 3% !important;
    width: 9%;
    height/*\**/: 60px\9;
    /* IE and below */
    width/*\**/: 60px\9;
    /* IE and below */
  }

  /* Emergency Info
  ========================================================================== */
  .u-EmergencyInfo__numbersPrimary {
    font-size: 100%;
    width: 40%;
  }

  .u-EmergencyInfo .u-EmergencyInfo__numbersSecondary {
    border-bottom: none;
    margin: 0;
    padding: 0;
    width: 60%;
  }

  .u-EmergencyInfo .u-EmergencyInfo__numbersSecondary li {
    border-bottom: none;
    height: 10em;
    margin: 0;
  }

  .u-EmergencyInfo .u-EmergencyInfo__numbersSecondary li:first-of-type {
    border-left: none;
  }

  .u-EmergencyInfo__response {
    padding: 2% 0;
  }

  /* Event feeds
   * ========================================================================== */
  .eventFeed__aside {
    margin: 0 5% 3em;
    width: 90%;
  }

  .eventFeed__aside.eventFeed__today {
    float: none;
  }

  .eventFeed__aside.eventFeed__upcoming {
    float: none;
    margin-left: auto;
  }

  .figcaption {
    text-align: left;
  }

  .u-lFooterGroup__explore .u-lFooterGroup__section--title,
  .u-lFooterGroup__section--title {
    min-width: 55%;
  }

  /* Layout
  ========================================================================== */
  .newsFeed__announcements--home {
    padding-left: 3%;
    width: 57%;
  }

  .u-lAside {
    clear: none;
    margin: 0 auto;
    padding: 4.25em 0 0;
    overflow: hidden;
    width: 30%;
  }

  .u-pageHome .u-lAside {
    padding: 47px 0 0;
  }

  .u-lAside .figure img,
  .u-lAside .u-Figure__image {
    max-width: 100%;
  }

  .u-lAside div,
  .u-lAside .figure {
    margin: 0 auto 2.5em;
    width: 90%;
  }

  .u-lContent {
    -webkit-box-shadow: 12px 0px 10px 0px rgba(129, 124, 121, 0.25);
    box-shadow: 8px 0px 10px 0px rgba(129, 124, 121, 0.25);
    float: left;
    padding: 7em 6%;
    padding-left: 20%;
    /* space for sub-navigation */
    width: 70%;
  }

  .pageGroup__visit--maps .u-lContent,
  .pageGroup__calendar .u-lContent {
    width: 100%;
  }

  /* interior page sub-navigation */
  .u-NavSite__subNav,
  .contact-info {
    left: 5%;
    top: 7em;
    width: 18%;
  }

  .pageGroup__calendar .u-NavSite__subNav {
    width: 12%;
  }

  .contact-info {
    width: 20%;
  }

  .u-lContent__aside {
    padding: 3em 3% 0 0;
    width: 35%;
  }

  .u-lMain {
    -webkit-box-shadow: 12px 0px 10px 0px rgba(129, 124, 121, 0.25);
    box-shadow: 0px 0px 10px 0px rgba(129, 124, 121, 0.25);
    margin-bottom: 4em;
    overflow: hidden;
  }

  .u-lHeader {
    border-top: none;
  }

  /* Navigation
  ========================================================================== */
  .u-NavSite .u-NavSite__level--1 {
    width: 70%;
  }

  /* menu sub-navigation */
  .u-NavSite .u-NavSite__level--2 {
    width: 100%;
  }

  /* menu aside */
  .u-NavSite__aside {
    border-left: 1px solid #d9d7d7;
    width: 28%;
  }

  /* menu sections (middle) */
  .u-NavSite__section,
  .calendar__mini--nav {
    border: none;
    clear: none;
    padding: 4% 2% 4% 4%;
    width: 36%;
  }

  .u-NavSite__section_2 {
    padding: 4% 4% 4% 2%;
  }

  /* Navigation Menu - Alphabetical lists */
  .u-NavSite__alphaList {
    padding: 0 0 1em;
  }

  .u-NavSite__section--links,
  .u-NavSite__alphaList a,
  .u-NavSite__alphaList b {
    font-size: 110%;
  }

  .u-NavSite__alphaList a,
  .u-NavSite__alphaList b {
    display: block;
    height: 30px;
    width: 30px;
  }

  /* Navigation Menu - Calendar */
  .u-NavSite__section.calendar__mini--nav {
    padding: 4%;
  }

  .calendar__mini--nav .calendar__mini--table {
    width: 100%;
  }

  .calendar__mini--nav .calendar__mini--table td,
  .calendar__mini--nav .calendar__mini--table th {
    padding: 2% 0;
  }

  .calendar__master {
    bottom: 0;
    padding: 1% 2%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
  }

  /* Navigation Menu - Calendar Events Feed */
  .u-NavSite__menu .eventFeed {
    display: block;
    margin: 0 0 2em;
    padding: 1em 0 0;
    visibility: visible;
  }

  .u-NavSite__menu .eventFeed,
  .u-NavSite__menu .eventFeed__title {
    border-top: none;
  }

  .u-NavSite__menu .eventFeed__title {
    margin: 0;
    padding: 0;
    position: static;
  }

  .u-Quicklinks {
    border-bottom: 1px solid #dedede;
    right: 4%;
    width: 28%;
  }
}
@media screen and (min-width: 84em) {
  .curatedContent__active {
    float: left;
  }

  .curatedContent__inactive {
    float: right;
    margin: 1% 0;
    width: 8%;
    height/*\**/: 70px\9;
    /* IE and below */
    width/*\**/: 70px\9;
    /* IE and below */
  }

  .u-lFooterGroup {
    font-size: 110%;
  }
}
@media screen and (min-width: 800px) {
  .u-Search, #search, .u-Search__form {
    height: 3em;
    max-height: none;
  }
}
@media screen and (min-width: 1100px) {
  .u-Search, #search, .u-Search__form {
    height: 3.8em;
    max-height: none;
  }
}
/* IE8 and IE9 fixes */
@media screen\0 {
  .calendar__mini,
  .calendar__mini--aside {
    background: #ffffff;
    filter: none;
  }

  .newsFeed__icon {
    top: 1.4em;
  }

  .u-lFooterGroup__connect--link {
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
  }
}
/* IE8 only fixes */
@media \0screen {
  .curatedContent {
    border: 1px solid #ccc;
  }

  .curatedContent__active .curatedContent__img {
    height: 292px;
    width: 292px;
  }

  .map-thumb {
    width: 150px;
  }

  .newsFeed__icon {
    top: 2.2em;
  }

  .u-lAside .u-NewsContactLink,
  .u-lAside .u-NewsContactLink:hover {
    border: none;
  }

  .u-ArticleListItem .u-ArticleListItem__label--type {
    top: -1.65em;
  }

  .u-EmergencyInfo__tab .icomoon-arrow-double-up:before {
    display: none;
  }

  .u-lAside,
  .u-lContent,
  .u-NavSite__menu,
  .u-WeatherForecast {
    border: 1px solid #d7d7d7;
  }

  .u-lFooterGroup,
  .u-lFooterGroup:before {
    text-align: center;
  }

  .u-lFooterGroup__postcard:before,
  .u-lFooterGroup__connect:before {
    content: '';
    display: none;
  }
}