@charset "UTF-8";
/*** base CSS ***/
/*** component CSS ***/
.calendar-grid-containter .icon {
  color: #0074c8;
  margin: 0 0.5em;
  vertical-align: middle; }

.calendar-grid-containter .monthly-event-list .icon {
  font-size: 1.5rem;
  margin: 0; }

.monthly {
  background: transparent;
  color: #545454;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative; }

/* Contains title & nav */
.monthly-header {
  position: relative;
  margin: 0 0 1rem 0;
  padding: .5rem 0;
  background: #fff;
  overflow: auto;
  box-sizing: border-box;
  font-size: 1.75rem !important;
  font-weight: 600;
  z-index: 10; }

.monthly-header-title {
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.5rem 0;
  text-transform: uppercase;
  float: left;
  width: 100%;
  margin-top: .5rem; }

/* Back to current month button */
.current-month {
  float: left; }

.go-to-current-month,
.monthly-prev,
.monthly-next {
  background-color: #f6f6f6;
  border: thin solid #dddddd;
  border-radius: 1px;
  color: #646469 !important;
  display: inline-block;
  float: left;
  font-size: 1rem;
  font-weight: normal;
  padding: 0.5rem 0.25rem;
  text-transform: none; }

.go-to-current-month,
.monthly-prev span,
.monthly-next span {
  color: #646469 !important; }

.monthly-next {
  border-left: none;
  margin-right: 1rem; }

.monthly-prev,
.monthly-next {
  font-size: 1rem;
  padding: 0.5rem 0.25rem; }

.go-to-current-month {
  margin-right: 0.5rem;
  padding: 0.5rem; }

.go-to-current-month.disabled {
  border: thin solid #eeeeee;
  color: #dddddd !important;
  pointer-events: none;
  cursor: default; }

.go-to-month-view {
  background: rgba(233, 235, 236, 0.9);
  border: thin solid #dddddd;
  border-bottom: none;
  float: none;
  position: absolute;
  right: 1rem;
  bottom: 0;
  margin: 0.125rem 0.25em 0;
  padding: 0.825rem 1rem 0.75rem; }
  .go-to-month-view span {
    color: #424242 !important;
    font-size: 1.5rem; }

/* Day of the week headings */
.monthly-day-title-wrap {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #FFFFFF;
  border-bottom: 1px solid #eeeeee; }
  .monthly-day-title-wrap div {
    width: 14.28% !important;
    display: table-cell;
    box-sizing: border-box;
    position: relative;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.825rem; }

/* Calendar days wrapper */
.monthly-day-wrap {
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden; }

.monthly-week {
  display: table-row;
  width: 100%; }

/* Calendar Days */
.monthly-day, .monthly-day-blank {
  width: 14.28% !important;
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
  font-weight: bold;
  color: #424242 !important;
  background: #FFFFFF;
  box-shadow: 0 0 0 1px #eeeeee;
  transition: .25s;
  padding: 0;
  text-decoration: none; }

/* Trick to make the days' width equal their height */
.monthly-day:before {
  content: "";
  display: block;
  padding-top: 100%;
  float: left; }

/* Hover effect for non event calendar days */
.monthly-day-wrap > a:hover {
  background: #75bee9; }

/* Days that are part of previous or next month */
.monthly-day-blank {
  background: #f6f6f6; }

/* Event calendar day number styles */
.monthly-day-event > .monthly-day-number {
  position: absolute;
  line-height: 1em;
  top: 2px;
  left: 2px;
  font-size: 1rem;
  font-weight: normal; }

/* Non-Event calendar day number styles */
.monthly-day-pick > .monthly-day-number {
  line-height: 1em;
  font-size: 1rem;
  padding-top: 35%; }

.monthly-day-pick > .monthly-indicator-wrap {
  margin: 0; }

/* Days in the past in "picker" mode */
.monthly-past-day:after {
  content: '';
  width: 150%;
  height: 2px;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 0; }

.monthly-past-day:hover {
  background: #FFFFFF !important; }

/* Current day style */
.monthly-today .monthly-day-number {
  color: #FFFFFF;
  background: #00a499;
  border-radius: 20px;
  top: 1px;
  left: 0;
  font-size: 1rem;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center; }

.monthly-day-pick.monthly-today .monthly-day-number {
  padding: 0;
  margin: 22% 22% 0 22%; }

/* Button to reset to current month */
.monthly-reset {
  display: inline-block;
  width: 9px;
  height: 9px;
  border: 2px solid #424242;
  border-radius: 9px;
  position: relative;
  opacity: .5;
  margin-left: 5px;
  vertical-align: middle; }

.monthly-reset:hover {
  opacity: 1; }

/* Makes the little arrow on the reset button */
.monthly-reset:before {
  content: '';
  border: 3px solid transparent;
  border-left: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
  position: absolute;
  left: 2px;
  top: 6px; }

.monthly-reset:after {
  content: '';
  border: 3px solid transparent;
  border-left: 3px solid #424242;
  border-bottom: 3px solid #424242;
  position: absolute;
  left: 5px;
  top: 5px; }

/* Button to return to month view */
.monthly-cal {
  display: inline-block;
  height: 11px;
  width: 13px;
  background: #424242;
  position: relative;
  top: 1px;
  margin-right: 5px;
  opacity: .5; }

.monthly-cal:hover {
  cursor: pointer;
  opacity: 1; }

.monthly-cal:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 3px;
  border: 1px solid #FFFFFF;
  background: #424242;
  top: -2px;
  left: 2px; }

.monthly-cal:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 3px;
  border: 1px solid #FFFFFF;
  background: #424242;
  top: -2px;
  right: 2px; }

.monthly-cal div {
  background: #FFFFFF;
  height: 6px;
  width: 11px;
  position: absolute;
  top: 4px;
  left: 1px; }

/* Wrapper around events */
.monthly-indicator-wrap {
  position: relative;
  text-align: center;
  line-height: 0;
  max-width: 20px;
  margin: 0 auto;
  padding-top: 40%; }

/* Event indicator dots */
.monthly-day .monthly-event-indicator {
  display: inline-block;
  margin: 1px;
  width: 8px;
  height: 8px;
  border-radius: 6px;
  vertical-align: middle;
  border-radius: 6px;
  background: #75bee9;
  font-size: 0;
  color: transparent; }

.monthly-day .monthly-event-indicator:hover {
  cursor: pointer; }

/* Listing of events under calendar */
#calendar-grid-wrapper {
  padding: 0; }

.calendar-loaded {
  position: relative; }

.monthly-event-list {
  background: rgba(233, 235, 236, 0.9);
  overflow: auto;
  position: absolute;
  width: 100%;
  top: 113px;
  height: calc(100% - 113px);
  display: none;
  transition: .25s;
  -webkit-transform: scale(0);
  transform: scale(0); }

/* Days in Events List */
.monthly-list-item {
  position: relative;
  padding: 10px 10px 5px 50px;
  display: none;
  border-top: 1px solid #dddddd;
  text-align: left; }

.monthly-list-item:after {
  content: 'No Events';
  padding: 4px 10px;
  display: block;
  margin-bottom: 5px; }

.monthly-event-list .monthly-today .monthly-event-list-date {
  color: #00a499; }

/* Events in Events List */
.monthly-event-list .listed-event {
  display: block;
  color: #424242;
  padding: 4px 10px;
  border-radius: 2px;
  margin-bottom: 5px; }

.monthly-list-item a:link,
.monthly-list-item a:visited {
  color: #424242 !important;
  text-decoration: none; }

.item-has-event {
  display: block; }

.item-has-event:after {
  display: none !important; }

.monthly-event-list-date {
  width: 50px;
  position: absolute;
  left: 0;
  top: 1rem;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2em; }

.monthly-list-time-start,
.monthly-list-time-end {
  display: inline-block; }

.monthly-list-time-end:not(:empty):before {
  content: '-';
  padding: 0 2px; }

/* Events List custom webkit scrollbar */
.monthly-event-list::-webkit-scrollbar {
  width: 9px; }

/* Track */
.monthly-event-list::-webkit-scrollbar-track {
  background: none; }

/* Handle */
.monthly-event-list::-webkit-scrollbar-thumb {
  background: #b1b1b4;
  border: 1px solid #e4e4e4;
  border-radius: 10px; }

.monthly-event-list::-webkit-scrollbar-thumb:hover {
  background: #424242; }

/* Increase font & spacing over larger size */
@media (min-width: 400px) {
  .monthly-day-number {
    top: 5px;
    left: 5px;
    font-size: 1rem; } }

/* Styles for large mode where text is revealed within events*/
@media (min-width: 600px) {
  /*.large-12,
	.xlarge-12,
	.xxlarge-12 {*/
  .monthly-day-event {
    padding-top: 35px; }
  .monthly-day-event:before {
    padding-top: 77%; }
  .monthly-day-event > .monthly-indicator-wrap {
    width: auto;
    max-width: none; }
  .monthly-indicator-wrap {
    padding: 0; }
  .monthly-day .monthly-event-indicator {
    display: block;
    margin: 0 0 7px 0;
    width: 100%;
    height: 30px;
    font-size: 1rem;
    padding: 0 8px;
    line-height: 30px !important;
    border-radius: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #424242;
    text-decoration: none;
    line-height: 1em;
    white-space: nowrap;
    box-sizing: border-box;
    font-weight: normal;
    text-align: left; }
  /*}*/ }

/* Styles for large mode where text is revealed within events
@media (min-width: 1024px) {
	.xlarge-8, .xlarge-9,
	.xxlarge-8, .xxlarge-9 {
		.monthly-day-event {
			padding-top: 35px;
		}
		.monthly-day-event:before {
			padding-top: 77%;
		}
		.monthly-day-event > .monthly-indicator-wrap {
			width: auto;
			max-width: none;
		}
		.monthly-indicator-wrap {
			padding: 0;
		}
		.monthly-day .monthly-event-indicator {
			display: block;
			margin: 0 0 7px 0;
			width: 100%;
			height: 30px;
			font-size: 1rem;
			padding: 0 8px;
			line-height: 30px !important;
			border-radius: 0;
			overflow: hidden;
			text-overflow: ellipsis;
			color: $gray-dark;
			//text-shadow:0 0 2px rgba(0,0,0,.2);
			text-decoration: none;
			line-height: 1em;
			white-space: nowrap;
			box-sizing: border-box;
			font-weight: normal;
			text-align: left;
		}
	}
}*/
/* -------------------------------------------- MEDIUM */
@media only screen and (min-width: 40.063em) {
  .go-to-month-view {
    padding: 0.825rem 0.75rem 0.75rem; } }

/* -------------------------------------------- LARGE */
/* -------------------------------------------- XLARGE */
/* -------------------------------------------- XSMALL */
/*
.datepicker {
  .prev, .next {font-style:normal;}
  .prev:after {content:"«";}
  .next:after {content:"»";}
}
*/
/*!
 * Datepicker for Foundation - less stylesheet, just version customized to foundation
 *
 * Copyright 2013 Peter Beno, najlepsiwebdesigner@gmail.com, @benopeter
 * project website http://foundation-datepicker.peterbeno.com
 *
 * Original project https://github.com/eternicode/bootstrap-datepicker
 * 		Original author 2012 Stefan Petre
 * 		Improvements by Andrew Rowls
 * 		Licensed under the Apache License v2.0
 * 		http://www.apache.org/licenses/LICENSE-2.0
 */
.datepicker.dropdown-menu {
  /*position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;*/
  float: left;
  /*display: none;
	min-width: 160px;*/
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 18px; }
  .datepicker.dropdown-menu th, .datepicker.dropdown-menu td {
    padding: 4px 5px; }

.datepicker {
  display: none;
  position: absolute;
  /*padding: 4px;*/
  margin-top: 1px;
  direction: ltr; }

.datepicker-inline {
  display: block !important;
  position: relative !important;
  width: 100% !important; }

.datepicker-rtl {
  direction: rtl; }
  .datepicker-rtl table tr td span {
    float: right; }

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  /*position: absolute;
		top: -7px;
		left: 6px*/ }
  .datepicker-dropdown:before:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    /*position: absolute;
			top: -6px;
			left: 7px*/ }

.datepicker > div {
  display: none; }

.datepicker {
  padding: 1rem 0; }
  .datepicker.days div.datepicker-days {
    display: block; }
  .datepicker.months div.datepicker-months {
    display: block; }
  .datepicker.years div.datepicker-years {
    display: block; }
  .datepicker table {
    border: 0;
    border-spacing: 0.75rem;
    margin: 0; }
    .datepicker table thead tr {
      border-bottom: 2px solid #e4e4e4; }
      .datepicker table thead tr:first-child {
        border: none; }
        .datepicker table thead tr:first-child th {
          font-weight: 700;
          padding: 0 0 0.5rem 0 !important; }
    .datepicker table tbody tr {
      border-bottom: thin solid #b1b1b4; }
    .datepicker table tr {
      background-color: #FFFFFF !important;
      margin: 0.25em 0; }
      .datepicker table tr td, .datepicker table tr th {
        background: #FFFFFF !important;
        border: 0;
        color: #646469 !important;
        cursor: pointer;
        font-size: 1.125rem !important;
        font-weight: normal;
        padding: 0.8125rem 0.25rem;
        text-align: center; }
        .datepicker table tr td.active.day, .datepicker table tr th.active.day {
          background: #00a499 !important;
          color: #FFFFFF !important;
          font-weight: 700; }
        .datepicker table tr td.active.year, .datepicker table tr th.active.year {
          background: #00a499;
          color: #FFFFFF; }
        .datepicker table tr td span.active, .datepicker table tr td span.active, .datepicker table tr th span.active, .datepicker table tr th span.active {
          background: #00a499;
          color: #FFFFFF; }
        .datepicker table tr td .date-switch, .datepicker table tr th .date-switch {
          width: 145px; }
        .datepicker table tr td.old, .datepicker table tr td.new, .datepicker table tr th.old, .datepicker table tr th.new {
          color: #424242; }
        .datepicker table tr td.day.disabled, .datepicker table tr th.day.disabled {
          color: #dddddd; }
    .datepicker table span {
      display: block;
      width: 23%;
      height: 54px;
      line-height: 54px;
      float: left;
      margin: 1%;
      cursor: pointer; }
    .datepicker table thead tr:first-child th, .datepicker table tfoot tr:first-child th {
      cursor: pointer; }
    .datepicker table thead tr:first-child th.cw {
      cursor: default;
      background-color: transparent; }
  .datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }

.datepicker-dropdown::before,
.datepicker-dropdown::after {
  display: none; }

.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  padding: 0;
  display: none; }

.fi-arrow-left:before {
  content: "\efac"; }

#ui-datepicker-div {
  background-color: #FFFFFF !important;
  border-radius: 5px;
  box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 1rem; }
  #ui-datepicker-div .ui-widget-header {
    border-radius: 0px;
    background: #dddddd;
    margin-bottom: 8px; }
  #ui-datepicker-div dl {
    text-align: left; }
    #ui-datepicker-div dl dt {
      float: left;
      clear: left;
      padding: 0 0 0 5px; }
    #ui-datepicker-div dl dd {
      margin: 15px 10px 0 40%; }
    #ui-datepicker-div dl td {
      font-size: 90%; }
  #ui-datepicker-div .ui_tpicker_unit_hide {
    display: none; }

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0; }

.ui-timepicker-rtl {
  direction: rtl; }
  .ui-timepicker-rtl dl {
    text-align: right;
    padding: 0 5px 0 0; }
    .ui-timepicker-rtl dl dt {
      float: right;
      clear: right; }
    .ui-timepicker-rtl dl dd {
      margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px; }
  .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
  .ui-timepicker-div.ui-timepicker-oneLine dt {
    display: none; }
  .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
    display: block;
    padding-top: 2px; }
  .ui-timepicker-div.ui-timepicker-oneLine dl {
    text-align: right; }
    .ui-timepicker-div.ui-timepicker-oneLine dl dd,
    .ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
      display: inline-block;
      margin: 0; }
    .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
    .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
      content: ':';
      display: inline-block; }
    .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
    .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
      content: '.';
      display: inline-block; }
  .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
  .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
    display: none; }

.ui-datepicker-buttonpane button.ui-state-default {
  border-radius: 0;
  background: #00a499 !important; }

/* Loader */
.loader {
  position: relative;
  width: 100%;
  height: 200px; }
  .loader:before {
    content: '';
    position: absolute;
    margin-top: -24px;
    margin-left: -24px;
    top: 100px;
    left: 50%;
    width: 48px;
    height: 48px;
    border: solid 8px #0074c8;
    border-left-color: transparent;
    border-radius: 50%;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
    z-index: 1; }

@-webkit-keyframes rotation {
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes rotation {
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Message when you reach the end on infite scrolling for news center */
.end-of-records {
  width: 100%;
  text-align: center;
  color: #ccc;
  font-size: 0.9rem;
  padding: 1rem 0; }

body.news-center.school-site,
body.news-center.department,
body.news-center#usd {
  width: 100%;
  /* page content override */
  /* Page Title Override */
  /* Side Navigation */
  /* OFF CANVAS MENU */
  /* Current Category Heading */
  /* Topic */
  /* Dates */
  /* Features */
  /* EVENTS */
  /* NEWS */
  /* DETAILS */ }
  body.news-center.school-site .content-wrapper-inner #content .page-content-wrapper,
  body.news-center.department .content-wrapper-inner #content .page-content-wrapper,
  body.news-center#usd .content-wrapper-inner #content .page-content-wrapper {
    padding: 0 0.935rem; }
  body.news-center.school-site .content-wrapper-inner #content .page-content-wrapper #page-title h1,
  body.news-center.department .content-wrapper-inner #content .page-content-wrapper #page-title h1,
  body.news-center#usd .content-wrapper-inner #content .page-content-wrapper #page-title h1 {
    font-family: "myriad-pro", Arial, sans-serif !important;
    font-weight: 600; }
    body.news-center.school-site .content-wrapper-inner #content .page-content-wrapper #page-title h1 .light,
    body.news-center.department .content-wrapper-inner #content .page-content-wrapper #page-title h1 .light,
    body.news-center#usd .content-wrapper-inner #content .page-content-wrapper #page-title h1 .light {
      font-weight: 300; }
  body.news-center.school-site #nav-side section,
  body.news-center.department #nav-side section,
  body.news-center#usd #nav-side section {
    margin-bottom: 1.5rem; }
  body.news-center.school-site #nav-side li a,
  body.news-center.department #nav-side li a,
  body.news-center#usd #nav-side li a {
    padding: 0.25rem !important; }
  body.news-center.school-site #nav-side .social-links li a,
  body.news-center.department #nav-side .social-links li a,
  body.news-center#usd #nav-side .social-links li a {
    padding: 0 !important; }
  body.news-center.school-site #nav-side li.back-to-all a,
  body.news-center.department #nav-side li.back-to-all a,
  body.news-center#usd #nav-side li.back-to-all a {
    font-style: italic;
    color: #0074c8;
    font-size: 0.95rem !important; }
  body.news-center.school-site #nav-side .categories ul,
  body.news-center.department #nav-side .categories ul,
  body.news-center#usd #nav-side .categories ul {
    border-top: 0 none; }
  body.news-center.school-site #nav-side .categories li,
  body.news-center.department #nav-side .categories li,
  body.news-center#usd #nav-side .categories li {
    border-bottom: none; }
  body.news-center.school-site #nav-side .categories a,
  body.news-center.department #nav-side .categories a,
  body.news-center#usd #nav-side .categories a {
    font-weight: 300;
    font-size: 1.25rem !important;
    padding-left: 0 !important; }
  body.news-center.school-site #nav-side h4,
  body.news-center.department #nav-side h4,
  body.news-center#usd #nav-side h4 {
    font-size: 1.25rem !important;
    font-weight: 600;
    color: #003b70 !important; }
    body.news-center.school-site #nav-side h4 .light,
    body.news-center.department #nav-side h4 .light,
    body.news-center#usd #nav-side h4 .light {
      font-weight: 300; }
  body.news-center.school-site #mobile-menu,
  body.news-center.department #mobile-menu,
  body.news-center#usd #mobile-menu {
    margin-top: 1rem;
    background-color: #f6f6f6;
    color: #646469; }
    body.news-center.school-site #mobile-menu a,
    body.news-center.department #mobile-menu a,
    body.news-center#usd #mobile-menu a {
      color: #646469;
      font-size: 1.25rem;
      font-weight: 300;
      display: inline-block;
      width: 100%; }
    body.news-center.school-site #mobile-menu span::after,
    body.news-center.department #mobile-menu span::after,
    body.news-center#usd #mobile-menu span::after {
      box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888; }
  body.news-center.school-site aside#off-canvas,
  body.news-center.department aside#off-canvas,
  body.news-center#usd aside#off-canvas {
    background-color: #f6f6f6;
    color: #646469; }
    body.news-center.school-site aside#off-canvas section,
    body.news-center.department aside#off-canvas section,
    body.news-center#usd aside#off-canvas section {
      padding: 0.5rem 1rem; }
    body.news-center.school-site aside#off-canvas ul,
    body.news-center.department aside#off-canvas ul,
    body.news-center#usd aside#off-canvas ul {
      margin: 0; }
    body.news-center.school-site aside#off-canvas li,
    body.news-center.department aside#off-canvas li,
    body.news-center#usd aside#off-canvas li {
      border-bottom: 1px solid #dddddd; }
      body.news-center.school-site aside#off-canvas li a,
      body.news-center.department aside#off-canvas li a,
      body.news-center#usd aside#off-canvas li a {
        padding: 0.375rem 0.25rem !important;
        display: inline-block;
        color: #646469;
        width: 100%; }
        body.news-center.school-site aside#off-canvas li a.hover,
        body.news-center.department aside#off-canvas li a.hover,
        body.news-center#usd aside#off-canvas li a.hover {
          color: #0074c8; }
    body.news-center.school-site aside#off-canvas li.back-to-all a,
    body.news-center.department aside#off-canvas li.back-to-all a,
    body.news-center#usd aside#off-canvas li.back-to-all a {
      font-style: italic;
      color: #0074c8;
      font-size: 0.95rem !important; }
    body.news-center.school-site aside#off-canvas .categories ul,
    body.news-center.department aside#off-canvas .categories ul,
    body.news-center#usd aside#off-canvas .categories ul {
      border-top: 0 none; }
    body.news-center.school-site aside#off-canvas .categories li,
    body.news-center.department aside#off-canvas .categories li,
    body.news-center#usd aside#off-canvas .categories li {
      border-bottom: none; }
    body.news-center.school-site aside#off-canvas .categories a,
    body.news-center.department aside#off-canvas .categories a,
    body.news-center#usd aside#off-canvas .categories a {
      font-weight: 300;
      font-size: 1.25rem !important;
      line-height: 1.2;
      padding-left: 0 !important; }
    body.news-center.school-site aside#off-canvas h4,
    body.news-center.department aside#off-canvas h4,
    body.news-center#usd aside#off-canvas h4 {
      font-size: 1.25rem !important;
      font-weight: 600;
      color: #003b70 !important; }
      body.news-center.school-site aside#off-canvas h4 .light,
      body.news-center.department aside#off-canvas h4 .light,
      body.news-center#usd aside#off-canvas h4 .light {
        font-weight: 300; }
  body.news-center.school-site h2#top-stories,
  body.news-center.department h2#top-stories,
  body.news-center#usd h2#top-stories {
    color: #00a499;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 1px; }
  body.news-center.school-site span.tags,
  body.news-center.department span.tags,
  body.news-center#usd span.tags {
    color: #b1b1b4;
    display: block;
    font-size: 0.95rem;
    font-style: italic; }
    body.news-center.school-site span.tags .topics-title,
    body.news-center.department span.tags .topics-title,
    body.news-center#usd span.tags .topics-title {
      display: none; }
    body.news-center.school-site span.tags a,
    body.news-center.department span.tags a,
    body.news-center#usd span.tags a {
      color: #3390d3 !important; }
  body.news-center.school-site .date-location,
  body.news-center.school-site .info,
  body.news-center.school-site #features,
  body.news-center.school-site .mypostings.detail .article-specs,
  body.news-center.school-site ul.events li .info,
  body.news-center.department .date-location,
  body.news-center.department .info,
  body.news-center.department #features,
  body.news-center.department .mypostings.detail .article-specs,
  body.news-center.department ul.events li .info,
  body.news-center#usd .date-location,
  body.news-center#usd .info,
  body.news-center#usd #features,
  body.news-center#usd .mypostings.detail .article-specs,
  body.news-center#usd ul.events li .info {
    margin-bottom: 0; }
    body.news-center.school-site .date-location span[itemprop="name"],
    body.news-center.school-site .info span[itemprop="name"],
    body.news-center.school-site #features span[itemprop="name"],
    body.news-center.school-site .mypostings.detail .article-specs span[itemprop="name"],
    body.news-center.school-site ul.events li .info span[itemprop="name"],
    body.news-center.department .date-location span[itemprop="name"],
    body.news-center.department .info span[itemprop="name"],
    body.news-center.department #features span[itemprop="name"],
    body.news-center.department .mypostings.detail .article-specs span[itemprop="name"],
    body.news-center.department ul.events li .info span[itemprop="name"],
    body.news-center#usd .date-location span[itemprop="name"],
    body.news-center#usd .info span[itemprop="name"],
    body.news-center#usd #features span[itemprop="name"],
    body.news-center#usd .mypostings.detail .article-specs span[itemprop="name"],
    body.news-center#usd ul.events li .info span[itemprop="name"] {
      display: block; }
    body.news-center.school-site .date-location .date,
    body.news-center.school-site .info .date,
    body.news-center.school-site #features .date,
    body.news-center.school-site .mypostings.detail .article-specs .date,
    body.news-center.school-site ul.events li .info .date,
    body.news-center.department .date-location .date,
    body.news-center.department .info .date,
    body.news-center.department #features .date,
    body.news-center.department .mypostings.detail .article-specs .date,
    body.news-center.department ul.events li .info .date,
    body.news-center#usd .date-location .date,
    body.news-center#usd .info .date,
    body.news-center#usd #features .date,
    body.news-center#usd .mypostings.detail .article-specs .date,
    body.news-center#usd ul.events li .info .date {
      background-color: transparent !important;
      font-family: "myriad-pro-condensed", Arial, sans-serif;
      font-weight: normal;
      color: #646469;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 0 !important;
      padding: 0 !important;
      display: block; }
    body.news-center.school-site .date-location .location,
    body.news-center.school-site .info .location,
    body.news-center.school-site #features .location,
    body.news-center.school-site .mypostings.detail .article-specs .location,
    body.news-center.school-site ul.events li .info .location,
    body.news-center.department .date-location .location,
    body.news-center.department .info .location,
    body.news-center.department #features .location,
    body.news-center.department .mypostings.detail .article-specs .location,
    body.news-center.department ul.events li .info .location,
    body.news-center#usd .date-location .location,
    body.news-center#usd .info .location,
    body.news-center#usd #features .location,
    body.news-center#usd .mypostings.detail .article-specs .location,
    body.news-center#usd ul.events li .info .location {
      margin-left: 0 !important;
      padding-left: 0 !important;
      border: 0 none !important;
      display: block; }
  body.news-center.school-site #features h3,
  body.news-center.department #features h3,
  body.news-center#usd #features h3 {
    background-color: #00a499;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 1rem;
    letter-spacing: 0.125rem;
    padding: 0.25rem 1rem !important;
    text-transform: uppercase;
    margin-bottom: 1rem !important; }
  body.news-center.school-site #features article,
  body.news-center.department #features article,
  body.news-center#usd #features article {
    padding: 0 !important; }
    body.news-center.school-site #features article h4,
    body.news-center.department #features article h4,
    body.news-center#usd #features article h4 {
      font-family: "adobe-garamond-pro-n4", "adobe-garamond-pro", "Times New Roman", serif !important;
      padding-top: 0 !important;
      font-size: 1.5rem !important; }
      body.news-center.school-site #features article h4 a,
      body.news-center.department #features article h4 a,
      body.news-center#usd #features article h4 a {
        color: #424242 !important; }
  body.news-center.school-site #features p.more,
  body.news-center.department #features p.more,
  body.news-center#usd #features p.more {
    vertical-align: middle;
    line-height: 1.6; }
  body.news-center.school-site #features .slick-dots,
  body.news-center.department #features .slick-dots,
  body.news-center#usd #features .slick-dots {
    position: relative !important;
    margin: 0;
    bottom: 0; }
    body.news-center.school-site #features .slick-dots li,
    body.news-center.department #features .slick-dots li,
    body.news-center#usd #features .slick-dots li {
      margin: 0 !important; }
      body.news-center.school-site #features .slick-dots li button::before,
      body.news-center.department #features .slick-dots li button::before,
      body.news-center#usd #features .slick-dots li button::before {
        font-size: 3rem; }
  body.news-center.school-site #features #additional-features,
  body.news-center.department #features #additional-features,
  body.news-center#usd #features #additional-features {
    border-top: 1px solid #dddddd;
    margin-top: 1rem;
    padding: 1rem 0 0 0; }
    body.news-center.school-site #features #additional-features article .columns,
    body.news-center.department #features #additional-features article .columns,
    body.news-center#usd #features #additional-features article .columns {
      padding-right: 0; }
    body.news-center.school-site #features #additional-features article h4,
    body.news-center.department #features #additional-features article h4,
    body.news-center#usd #features #additional-features article h4 {
      font-size: 1.375rem;
      line-height: 1.25 !important;
      font-weight: normal !important;
      padding: 0 !important; }
  body.news-center.school-site .events-items,
  body.news-center.department .events-items,
  body.news-center#usd .events-items {
    /* Month headings */
    /* listing */ }
    body.news-center.school-site .events-items h3,
    body.news-center.department .events-items h3,
    body.news-center#usd .events-items h3 {
      color: #646469 !important; }
    body.news-center.school-site .events-items ul.events,
    body.news-center.department .events-items ul.events,
    body.news-center#usd .events-items ul.events {
      display: inline-block;
      width: 100%; }
      body.news-center.school-site .events-items ul.events li div.date,
      body.news-center.department .events-items ul.events li div.date,
      body.news-center#usd .events-items ul.events li div.date {
        background-color: #00a499;
        border: 0 none !important;
        color: #FFFFFF;
        display: inline-block;
        font-weight: 300 !important;
        padding: 0.75rem !important;
        margin-bottom: 1rem;
        max-width: none !important;
        text-align: center;
        min-width: 85px;
        width: auto; }
        body.news-center.school-site .events-items ul.events li div.date .month,
        body.news-center.department .events-items ul.events li div.date .month,
        body.news-center#usd .events-items ul.events li div.date .month {
          display: block;
          width: 100%;
          color: #FFFFFF !important; }
        body.news-center.school-site .events-items ul.events li div.date .day,
        body.news-center.department .events-items ul.events li div.date .day,
        body.news-center#usd .events-items ul.events li div.date .day {
          display: inline-block;
          width: 100%; }
      body.news-center.school-site .events-items ul.events li div.info,
      body.news-center.department .events-items ul.events li div.info,
      body.news-center#usd .events-items ul.events li div.info {
        border-left: thin dashed #646469;
        display: inline-block;
        margin-left: 1rem;
        padding-left: 1rem;
        padding-right: 0;
        margin-right: 0; }
        body.news-center.school-site .events-items ul.events li div.info:last-child,
        body.news-center.department .events-items ul.events li div.info:last-child,
        body.news-center#usd .events-items ul.events li div.info:last-child {
          float: left !important; }
  body.news-center.school-site .news-items,
  body.news-center.school-site .blog-items,
  body.news-center.school-site .spotlight-items,
  body.news-center.department .news-items,
  body.news-center.department .blog-items,
  body.news-center.department .spotlight-items,
  body.news-center#usd .news-items,
  body.news-center#usd .blog-items,
  body.news-center#usd .spotlight-items {
    /* Featured Slider */ }
    body.news-center.school-site .news-items p.date,
    body.news-center.school-site .blog-items p.date,
    body.news-center.school-site .spotlight-items p.date,
    body.news-center.department .news-items p.date,
    body.news-center.department .blog-items p.date,
    body.news-center.department .spotlight-items p.date,
    body.news-center#usd .news-items p.date,
    body.news-center#usd .blog-items p.date,
    body.news-center#usd .spotlight-items p.date {
      font-family: "myriad-pro-condensed", Arial, sans-serif;
      font-weight: normal;
      color: #646469;
      text-transform: uppercase;
      margin-bottom: 0 !important; }
    body.news-center.school-site .news-items #feature-slider,
    body.news-center.school-site .blog-items #feature-slider,
    body.news-center.school-site .spotlight-items #feature-slider,
    body.news-center.department .news-items #feature-slider,
    body.news-center.department .blog-items #feature-slider,
    body.news-center.department .spotlight-items #feature-slider,
    body.news-center#usd .news-items #feature-slider,
    body.news-center#usd .blog-items #feature-slider,
    body.news-center#usd .spotlight-items #feature-slider {
      background-color: #f6f6f6;
      padding: 1rem; }
      body.news-center.school-site .news-items #feature-slider article img,
      body.news-center.school-site .blog-items #feature-slider article img,
      body.news-center.school-site .spotlight-items #feature-slider article img,
      body.news-center.department .news-items #feature-slider article img,
      body.news-center.department .blog-items #feature-slider article img,
      body.news-center.department .spotlight-items #feature-slider article img,
      body.news-center#usd .news-items #feature-slider article img,
      body.news-center#usd .blog-items #feature-slider article img,
      body.news-center#usd .spotlight-items #feature-slider article img {
        width: 100%; }
  body.news-center.school-site ul.tabs,
  body.news-center.department ul.tabs,
  body.news-center#usd ul.tabs {
    float: right;
    margin-right: 1rem; }
    body.news-center.school-site ul.tabs li,
    body.news-center.department ul.tabs li,
    body.news-center#usd ul.tabs li {
      width: auto; }
  body.news-center.school-site .tabs-content,
  body.news-center.department .tabs-content,
  body.news-center#usd .tabs-content {
    clear: right; }
  body.news-center.school-site #calendar-grid-wrapper,
  body.news-center.department #calendar-grid-wrapper,
  body.news-center#usd #calendar-grid-wrapper {
    z-index: 0; }
  body.news-center.school-site #news-search-terms,
  body.news-center.department #news-search-terms,
  body.news-center#usd #news-search-terms {
    border-left: 0;
    box-shadow: none; }
    body.news-center.school-site #news-search-terms:focus,
    body.news-center.department #news-search-terms:focus,
    body.news-center#usd #news-search-terms:focus {
      background: white;
      border-color: #ccc; }
  body.news-center.school-site .mypostings.detail h1,
  body.news-center.department .mypostings.detail h1,
  body.news-center#usd .mypostings.detail h1 {
    font-family: "adobe-garamond-pro-n4", "adobe-garamond-pro", "Times New Roman", serif !important;
    font-weight: 300 !important;
    margin-bottom: 1rem !important;
    line-height: 1.25; }
  body.news-center.school-site .mypostings.detail .article-specs,
  body.news-center.department .mypostings.detail .article-specs,
  body.news-center#usd .mypostings.detail .article-specs {
    margin: 1rem 0; }
    body.news-center.school-site .mypostings.detail .article-specs .tags,
    body.news-center.department .mypostings.detail .article-specs .tags,
    body.news-center#usd .mypostings.detail .article-specs .tags {
      font-size: 1rem; }
    body.news-center.school-site .mypostings.detail .article-specs .date,
    body.news-center.department .mypostings.detail .article-specs .date,
    body.news-center#usd .mypostings.detail .article-specs .date {
      font-size: 1rem; }
  body.news-center.school-site .mypostings.detail article img,
  body.news-center.department .mypostings.detail article img,
  body.news-center#usd .mypostings.detail article img {
    margin-bottom: 1rem; }
  body.news-center.school-site .mypostings.detail article p,
  body.news-center.department .mypostings.detail article p,
  body.news-center#usd .mypostings.detail article p {
    margin-bottom: 1rem; }
  body.news-center.school-site .mypostings.detail .contact,
  body.news-center.department .mypostings.detail .contact,
  body.news-center#usd .mypostings.detail .contact {
    margin-top: 2rem; }
    body.news-center.school-site .mypostings.detail .contact h2,
    body.news-center.department .mypostings.detail .contact h2,
    body.news-center#usd .mypostings.detail .contact h2 {
      font-weight: 700 !important;
      font-size: 1.25rem !important; }
  body.news-center.school-site .mypostings.detail .article-share,
  body.news-center.department .mypostings.detail .article-share,
  body.news-center#usd .mypostings.detail .article-share {
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #dddddd; }
    body.news-center.school-site .mypostings.detail .article-share .share-label,
    body.news-center.department .mypostings.detail .article-share .share-label,
    body.news-center#usd .mypostings.detail .article-share .share-label {
      float: right;
      margin-left: 0.5rem;
      text-transform: uppercase; }
    body.news-center.school-site .mypostings.detail .article-share ul,
    body.news-center.department .mypostings.detail .article-share ul,
    body.news-center#usd .mypostings.detail .article-share ul {
      margin: 0;
      list-style-type: none;
      float: right; }
      body.news-center.school-site .mypostings.detail .article-share ul li,
      body.news-center.department .mypostings.detail .article-share ul li,
      body.news-center#usd .mypostings.detail .article-share ul li {
        display: inline-block; }
  body.news-center.school-site .mypostings.detail h2,
  body.news-center.department .mypostings.detail h2,
  body.news-center#usd .mypostings.detail h2 {
    font-weight: 600 !important;
    margin-top: 0.75rem !important; }
  body.news-center.school-site .mypostings.detail h2.related,
  body.news-center.department .mypostings.detail h2.related,
  body.news-center#usd .mypostings.detail h2.related {
    background-color: #0074c8 !important;
    color: #FFFFFF !important;
    display: inline-block;
    letter-spacing: 0.125rem;
    margin-bottom: 1rem !important;
    padding: 0.25rem 1rem !important; }
    body.news-center.school-site .mypostings.detail h2.related .last,
    body.news-center.department .mypostings.detail h2.related .last,
    body.news-center#usd .mypostings.detail h2.related .last {
      font-weight: 300 !important; }
  body.news-center.school-site .mypostings.detail .module-quote,
  body.news-center.department .mypostings.detail .module-quote,
  body.news-center#usd .mypostings.detail .module-quote {
    margin: 1rem; }
    body.news-center.school-site .mypostings.detail .module-quote blockquote,
    body.news-center.department .mypostings.detail .module-quote blockquote,
    body.news-center#usd .mypostings.detail .module-quote blockquote {
      font-size: 1.5rem; }
  body.news-center.school-site .mypostings.detail .left ul,
  body.news-center.department .mypostings.detail .left ul,
  body.news-center#usd .mypostings.detail .left ul {
    padding: 0.25rem 0 0.5rem 0.5rem !important; }
    body.news-center.school-site .mypostings.detail .left ul li,
    body.news-center.department .mypostings.detail .left ul li,
    body.news-center#usd .mypostings.detail .left ul li {
      margin-bottom: 0; }
  body.news-center.school-site .mypostings.detail .right img,
  body.news-center.department .mypostings.detail .right img,
  body.news-center#usd .mypostings.detail .right img {
    margin-bottom: 1rem; }
  body.news-center.school-site .mypostings.detail .right p.button,
  body.news-center.department .mypostings.detail .right p.button,
  body.news-center#usd .mypostings.detail .right p.button {
    text-align: center !important; }
    body.news-center.school-site .mypostings.detail .right p.button a,
    body.news-center.department .mypostings.detail .right p.button a,
    body.news-center#usd .mypostings.detail .right p.button a {
      margin-right: 0 !important; }

.mypostings-listing {
  clear: both; }

/* NEWS –---------------------------–----------------------- */
body.news-center.school-site #articles,
body.news-center.department #articles,
body.news-center#usd #articles {
  box-sizing: border-box;
  width: 100%;
  padding: 0 !important;
  margin: 0;
  /* masonry */ }
  body.news-center.school-site #articles .article,
  body.news-center.department #articles .article,
  body.news-center#usd #articles .article {
    border: none !important;
    box-shadow: 0px 0px 0px 1px #dddddd;
    padding: 0.5rem !important;
    margin-bottom: 1rem;
    background-color: #FFFFFF;
    box-sizing: border-box; }
    body.news-center.school-site #articles .article img,
    body.news-center.department #articles .article img,
    body.news-center#usd #articles .article img {
      width: 100%; }
    body.news-center.school-site #articles .article h3,
    body.news-center.department #articles .article h3,
    body.news-center#usd #articles .article h3 {
      padding-top: 0 !important; }
  body.news-center.school-site #articles .grid-sizer,
  body.news-center.school-site #articles .masonry-item,
  body.news-center.school-site #articles .masonry-item.wide,
  body.news-center.department #articles .grid-sizer,
  body.news-center.department #articles .masonry-item,
  body.news-center.department #articles .masonry-item.wide,
  body.news-center#usd #articles .grid-sizer,
  body.news-center#usd #articles .masonry-item,
  body.news-center#usd #articles .masonry-item.wide {
    width: 100%;
    box-sizing: border-box; }
  body.news-center.school-site #articles .gutter-sizer,
  body.news-center.department #articles .gutter-sizer,
  body.news-center#usd #articles .gutter-sizer {
    width: 2.25%; }

body.news-center.school-site .alumni-items #article-container #articles .article,
body.news-center.department .alumni-items #article-container #articles .article,
body.news-center#usd .alumni-items #article-container #articles .article {
  padding: 0 !important;
  background-color: #f6f6f6;
  border-radius: 4px;
  text-align: center;
  border-bottom: 5px solid #eeaa2b !important; }
  body.news-center.school-site .alumni-items #article-container #articles .article > a,
  body.news-center.department .alumni-items #article-container #articles .article > a,
  body.news-center#usd .alumni-items #article-container #articles .article > a {
    display: block;
    position: relative; }
    body.news-center.school-site .alumni-items #article-container #articles .article > a:hover .bio,
    body.news-center.department .alumni-items #article-container #articles .article > a:hover .bio,
    body.news-center#usd .alumni-items #article-container #articles .article > a:hover .bio {
      opacity: 1; }
    body.news-center.school-site .alumni-items #article-container #articles .article > a .bio,
    body.news-center.department .alumni-items #article-container #articles .article > a .bio,
    body.news-center#usd .alumni-items #article-container #articles .article > a .bio {
      transition: opacity 0.25s ease;
      opacity: 0;
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(0, 59, 112, 0.95);
      text-align: left;
      color: #e3f2fb;
      padding: 2rem 1.5rem;
      border-radius: 4px 4px 0 0; }
      body.news-center.school-site .alumni-items #article-container #articles .article > a .bio .cta,
      body.news-center.department .alumni-items #article-container #articles .article > a .bio .cta,
      body.news-center#usd .alumni-items #article-container #articles .article > a .bio .cta {
        position: absolute;
        bottom: 1.375rem;
        border-top: 1px solid #7f9db7;
        padding-top: 1rem;
        width: calc(100% - 3rem); }
        body.news-center.school-site .alumni-items #article-container #articles .article > a .bio .cta .icon,
        body.news-center.department .alumni-items #article-container #articles .article > a .bio .cta .icon,
        body.news-center#usd .alumni-items #article-container #articles .article > a .bio .cta .icon {
          margin-left: .25rem;
          position: absolute;
          right: 0;
          margin-top: 2px;
          font-size: 1.25rem; }
  body.news-center.school-site .alumni-items #article-container #articles .article h3,
  body.news-center.department .alumni-items #article-container #articles .article h3,
  body.news-center#usd .alumni-items #article-container #articles .article h3 {
    color: #0074c8;
    padding: 1rem 0 !important;
    font-weight: normal; }
  body.news-center.school-site .alumni-items #article-container #articles .article .job-title,
  body.news-center.department .alumni-items #article-container #articles .article .job-title,
  body.news-center#usd .alumni-items #article-container #articles .article .job-title {
    color: #646469;
    margin-top: .875rem;
    font-weight: 600; }
  body.news-center.school-site .alumni-items #article-container #articles .article .company,
  body.news-center.department .alumni-items #article-container #articles .article .company,
  body.news-center#usd .alumni-items #article-container #articles .article .company {
    color: #646469;
    text-transform: uppercase;
    margin-bottom: .875rem; }
  body.news-center.school-site .alumni-items #article-container #articles .article .company-logo,
  body.news-center.department .alumni-items #article-container #articles .article .company-logo,
  body.news-center#usd .alumni-items #article-container #articles .article .company-logo {
    padding: 1rem 0;
    background-color: #FFFFFF; }
    body.news-center.school-site .alumni-items #article-container #articles .article .company-logo img,
    body.news-center.department .alumni-items #article-container #articles .article .company-logo img,
    body.news-center#usd .alumni-items #article-container #articles .article .company-logo img {
      width: auto;
      height: 30px; }

/* -------------------------------------------- SMALL */
/* -------------------------------------------- MEDIUM */
@media only screen and (min-width: 40.063em) {
  body.news-center.school-site #articles,
  body.news-center.department #articles,
  body.news-center#usd #articles {
    /* masonry */ }
    body.news-center.school-site #articles .grid-sizer,
    body.news-center.school-site #articles .masonry-item,
    body.news-center.school-site #articles .masonry-item.wide,
    body.news-center.department #articles .grid-sizer,
    body.news-center.department #articles .masonry-item,
    body.news-center.department #articles .masonry-item.wide,
    body.news-center#usd #articles .grid-sizer,
    body.news-center#usd #articles .masonry-item,
    body.news-center#usd #articles .masonry-item.wide {
      width: 48.875%; }
    body.news-center.school-site #articles .article,
    body.news-center.department #articles .article,
    body.news-center#usd #articles .article {
      margin-bottom: 2.25%; } }

/* -------------------------------------------- LARGE */
@media only screen and (min-width: 48.063em) {
  body.news-center.school-site #articles,
  body.news-center.department #articles,
  body.news-center#usd #articles {
    /* masonry */ } }

/* -------------------------------------------- XLARGE */
@media only screen and (min-width: 64.063em) {
  body.news-center.school-site #articles .gutter-sizer,
  body.news-center.department #articles .gutter-sizer,
  body.news-center#usd #articles .gutter-sizer {
    width: 2%; }
  body.news-center.school-site #articles .grid-sizer,
  body.news-center.school-site #articles .masonry-item,
  body.news-center.department #articles .grid-sizer,
  body.news-center.department #articles .masonry-item,
  body.news-center#usd #articles .grid-sizer,
  body.news-center#usd #articles .masonry-item {
    width: 23.5%; }
  body.news-center.school-site #articles .masonry-item.wide,
  body.news-center.department #articles .masonry-item.wide,
  body.news-center#usd #articles .masonry-item.wide {
    width: 49%; }
  body.news-center.school-site #articles .article,
  body.news-center.department #articles .article,
  body.news-center#usd #articles .article {
    margin-bottom: 2%; }
  body.news-center.school-site .blog-items #articles .grid-sizer,
  body.news-center.school-site .blog-items #articles .masonry-item,
  body.news-center.school-site .spotlight-items #articles .grid-sizer,
  body.news-center.school-site .spotlight-items #articles .masonry-item,
  body.news-center.school-site .alumni-items #articles .grid-sizer,
  body.news-center.school-site .alumni-items #articles .masonry-item,
  body.news-center.department .blog-items #articles .grid-sizer,
  body.news-center.department .blog-items #articles .masonry-item,
  body.news-center.department .spotlight-items #articles .grid-sizer,
  body.news-center.department .spotlight-items #articles .masonry-item,
  body.news-center.department .alumni-items #articles .grid-sizer,
  body.news-center.department .alumni-items #articles .masonry-item,
  body.news-center#usd .blog-items #articles .grid-sizer,
  body.news-center#usd .blog-items #articles .masonry-item,
  body.news-center#usd .spotlight-items #articles .grid-sizer,
  body.news-center#usd .spotlight-items #articles .masonry-item,
  body.news-center#usd .alumni-items #articles .grid-sizer,
  body.news-center#usd .alumni-items #articles .masonry-item {
    width: 32%; }
  body.news-center.school-site .blog-items #articles .article,
  body.news-center.school-site .spotlight-items #articles .article,
  body.news-center.school-site .alumni-items #articles .article,
  body.news-center.department .blog-items #articles .article,
  body.news-center.department .spotlight-items #articles .article,
  body.news-center.department .alumni-items #articles .article,
  body.news-center#usd .blog-items #articles .article,
  body.news-center#usd .spotlight-items #articles .article,
  body.news-center#usd .alumni-items #articles .article {
    margin-bottom: 2%; } }

/* -------------------------------------------- XSMALL */
@media only screen and (max-width: 30em) {
  body.news-center.school-site .events-items ul.events li div.date,
  body.news-center.department .events-items ul.events li div.date,
  body.news-center#usd .events-items ul.events li div.date {
    min-width: unset;
    width: unset; }
  body.news-center.school-site .events-items ul.events li div.info,
  body.news-center.department .events-items ul.events li div.info,
  body.news-center#usd .events-items ul.events li div.info {
    margin-left: 0;
    /* Add margin-left:1rem back in for S+ */
    padding-right: 0;
    /* So it doesn't run into container border, good for all displays */ }
  body.news-center.school-site .events-items ul.events li .info-border,
  body.news-center.department .events-items ul.events li .info-border,
  body.news-center#usd .events-items ul.events li .info-border {
    border-left: 0 !important;
    /* Add border-left: 2px dotted #dddddd !important; back in for S+ */ } }

.mce-btn .mce-txt {
  color: #000000 !important; }

form .section-clonedInput div.mce-tinymce,
form .section-clonedInput .mce-tinymce div {
  padding: 0 !important; }

/*** site-specific CSS for viewports ***/
.module-mypostings {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.news .mypostings.module-mypostings > .columns {
  padding: 0; }

form .row {
  clear: left; }

@media only screen {
  /**** for public listing and detail pages ****/
  span.white {
    color: #FFFFFF; }
  #content .page-content-wrapper #page-content .mypostings h2,
  .news .inner-container .mypostings .mypostings-listing h2 {
    background-color: #0074c8;
    color: #FFFFFF !important;
    display: inline-block;
    font-family: "myriad-pro", Arial, sans-serif;
    font-size: 1rem !important;
    font-weight: 300 !important;
    letter-spacing: 0.125rem;
    line-height: 1 !important;
    margin-bottom: 1rem !important;
    padding: 0.25rem 1rem 0.25rem 1rem !important;
    text-transform: uppercase;
    clear: left;
    float: left; }
    #content .page-content-wrapper #page-content .mypostings h2.news-source,
    .news .inner-container .mypostings .mypostings-listing h2.news-source {
      background-color: transparent !important;
      color: #424242 !important;
      display: block !important;
      float: none !important;
      font-size: 1.125rem !important;
      font-weight: 600 !important;
      letter-spacing: 0 !important;
      line-height: 1.4 !important;
      margin: 0 !important;
      padding: 0.05rem 0 0 0 !important;
      text-transform: uppercase !important; }
  #content .page-content-wrapper #page-content .mypostings.module-mypostings h2 {
    clear: none;
    float: none;
    display: inline-block; }
  #content .page-content-wrapper #page-content .mypostings.module-mypostings .mypostings-listing h2 {
    clear: left !important;
    float: left; }
  #content .page-content-wrapper #page-content .mypostings .mypostings-listing h2,
  .news .inner-container .mypostings .mypostings-listing h2 {
    background-color: #b2e4e0 !important;
    border-left: #7fd1cc 10px solid;
    color: #424242 !important;
    font-size: 1.25rem !important;
    width: 75%; }
  #content .page-content-wrapper .mypostings.detail h2,
  #content .page-content-wrapper #page-content .mypostings.detail h2,
  #content .page-content-wrapper #page-content .mypostings.detail.preview h2 {
    background-color: #FFFFFF !important;
    border: none;
    color: #003b70 !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    margin: 0.5rem 0 0.25rem 0 !important;
    padding: 0 !important;
    text-transform: uppercase; }
    #content .page-content-wrapper .mypostings.detail h2:first-child,
    #content .page-content-wrapper #page-content .mypostings.detail h2:first-child,
    #content .page-content-wrapper #page-content .mypostings.detail.preview h2:first-child {
      margin-top: 0 !important; }
  #content .page-content-wrapper .mypostings.detail .left h2,
  #content .page-content-wrapper #page-content .mypostings.detail .left h2,
  #content .page-content-wrapper #page-content .mypostings.detail.preview .left h2 {
    float: none !important;
    clear: none !important;
    text-align: left; }
  #content .page-content-wrapper .mypostings.detail .right h2,
  #content .page-content-wrapper #page-content .mypostings.detail .right h2,
  #content .page-content-wrapper #page-content .mypostings.detail.preview .right h2 {
    text-align: right; }
  p.more {
    margin: 0 !important;
    padding: 0; }
  .mypostings h2 .columns:first-child,
  .mypostings .mypostings-listing .columns:first-child, .mypostings.listing .columns:first-child {
    padding-left: 0; }
  .mypostings h2 .columns:last-child,
  .mypostings .mypostings-listing .columns:last-child, .mypostings.listing .columns:last-child {
    padding: 0; }
  .mypostings h2 h2,
  .mypostings .mypostings-listing h2, .mypostings.listing h2 {
    clear: left; }
    .mypostings h2 h2.month,
    .mypostings .mypostings-listing h2.month, .mypostings.listing h2.month {
      background-color: #b2e4e0 !important;
      border-bottom: none;
      border-left: #7fd1cc 10px solid;
      font-family: "myriad-pro", Arial, sans-serif;
      font-weight: 300;
      height: auto;
      margin-bottom: 1rem !important;
      width: 100%; }
  .mypostings h2 + p {
    clear: left !important; }
  .mypostings.carousel h2,
  .mypostings.detail h2 {
    float: none; }
  .mypostings p.more {
    clear: left;
    padding-top: 0 !important; }
  .mypostings ul {
    list-style-type: disc; }
    .mypostings ul li {
      margin-bottom: 1rem; }
      .mypostings ul li h3 {
        margin-bottom: 0;
        padding: 0 !important; }
        .mypostings ul li h3 a {
          color: #0074c8; }
      .mypostings ul li p.date {
        color: #646469;
        font-family: "myriad-pro-condensed", Arial, sans-serif;
        letter-spacing: 1px; }
      .mypostings ul li p.teaser {
        margin-top: 1rem; }
      .mypostings ul li .icon {
        margin-right: 0.5rem;
        font-size: 1.25rem; }
    .mypostings ul.events {
      list-style-type: none !important;
      margin: 0.5rem 0 0 0;
      /*&.module li {
					.date {
						border-right: 2px dotted $gray-light;
						margin-right: 1rem;
						padding-right: 3.5rem;
					}
				}*/ }
      .mypostings ul.events li {
        line-height: 1;
        margin: 0.5rem 0 0 1.25rem; }
        .mypostings ul.events li .title {
          color: #0074c8; }
        .mypostings ul.events li.more {
          clear: left; }
        .mypostings ul.events li .date .month {
          color: #646469;
          display: block;
          font-size: 1.5rem;
          font-weight: 300;
          text-align: center;
          text-transform: uppercase; }
        .mypostings ul.events li .date .day {
          display: block;
          font-family: "adobe-garamond-pro-n4", "adobe-garamond-pro", "Times New Roman", serif;
          font-size: 1.75rem;
          line-height: 2;
          text-align: center; }
        .mypostings ul.events li .date-location .date {
          border: none; }
        .mypostings ul.events li .info-border {
          border-left: 2px dotted #dddddd;
          padding-left: 1rem !important; }
        .mypostings ul.events li .info {
          font-size: 1rem !important; }
          .mypostings ul.events li .info h3 {
            font-family: "myriad-pro", Arial, sans-serif;
            font-size: 1.15rem; }
            .mypostings ul.events li .info h3 a {
              color: #003b70 !important; }
          .mypostings ul.events li .info .location {
            border-left: thin solid #646469;
            margin-left: 0.5rem;
            padding-left: 0.5rem; }
      .mypostings ul.events + p {
        border-top: thin dashed #646469;
        clear: left;
        display: block;
        font-size: 1rem;
        text-align: center; }
        .mypostings ul.events + p a {
          color: #0074c8;
          padding: 0.25rem 0.5rem; }
    .mypostings ul.news {
      list-style-type: none !important;
      margin: 0;
      margin-bottom: 2rem !important; }
      .mypostings ul.news li {
        margin-left: 0 !important;
        display: block; }
        .mypostings ul.news li img {
          margin-bottom: 0.5rem;
          object-fit: cover;
          max-height: 200px;
          width: 100%; }
        .mypostings ul.news li p.date {
          color: #646469;
          font-family: "myriad-pro-condensed", Arial, sans-serif;
          font-size: 1.15rem;
          font-weight: 300;
          margin-bottom: 0.5rem;
          text-transform: uppercase; }
        .mypostings ul.news li h3 {
          font-family: "myriad-pro", Arial, sans-serif;
          font-size: 1.5rem;
          line-height: 1.25 !important;
          margin-bottom: 0; }
          .mypostings ul.news li h3 a {
            color: #0074c8 !important; }
        .mypostings ul.news li .info h3 {
          font-weight: 300;
          font-size: 1.25rem !important; }
          .mypostings ul.news li .info h3 a {
            color: #003b70 !important; }
        .mypostings ul.news li .info p.date {
          font-size: 1rem !important;
          margin-bottom: 0 !important; }
    .mypostings ul.items {
      list-style-type: none !important; }
      .mypostings ul.items li {
        margin: 0 0 2rem 0 !important;
        padding: 0 !important; }
        .mypostings ul.items li .info a:first-child {
          color: #424242;
          font-size: 1.25rem;
          font-weight: 600; }
        .mypostings ul.items li .info > span[itemprop="name"] {
          display: block;
          font-size: 1.25rem; }
        .mypostings ul.items li .info .date {
          color: #646469;
          font-family: "myriad-pro-condensed", Arial, sans-serif;
          letter-spacing: 1px;
          text-transform: uppercase; }
      .mypostings ul.items.announcements .info p.teaser {
        margin-top: 0 !important; }
      .mypostings ul.items.in-the-news {
        margin-top: 1rem; }
        .mypostings ul.items.in-the-news li {
          border-bottom: 1px solid #dddddd;
          margin: 0 0 1rem 0 !important;
          padding-bottom: 1rem !important;
          width: 100%; }
          .mypostings ul.items.in-the-news li .date {
            text-transform: uppercase;
            font-size: 1.125rem !important;
            font-weight: 600; }
          .mypostings ul.items.in-the-news li .info .title, .mypostings ul.items.in-the-news li .info .teaser {
            display: block !important; }
          .mypostings ul.items.in-the-news li .info .title {
            color: #0074c8;
            font-size: 1.125rem !important; }
          .mypostings ul.items.in-the-news li .info a.full-story {
            text-decoration: underline; }
    .mypostings ul.items.module li .info h3 a {
      color: #003b70;
      font-size: 1.25rem;
      font-weight: 300; }
  .mypostings .education li, .mypostings .publications li {
    float: none;
    width: 100% !important; }
  .mypostings.detail a.button, .mypostings.detail div.button a, .mypostings.detail.preview a.button, .mypostings.detail.preview div.button a {
    color: #FFFFFF; }
  .mypostings.detail h1, .mypostings.detail.preview h1 {
    margin: 1rem 0 0.15rem !important; }
  .mypostings.detail ul.social-media, .mypostings.detail.preview ul.social-media {
    border-bottom: thin solid #dddddd;
    border-top: thin solid #dddddd;
    float: left;
    margin: 1rem 0;
    padding: 0.5rem 0;
    width: 100%; }
    .mypostings.detail ul.social-media li, .mypostings.detail.preview ul.social-media li {
      display: inline;
      margin: 0 !important; }
      .mypostings.detail ul.social-media li a, .mypostings.detail.preview ul.social-media li a {
        font-size: 1.5rem;
        padding: 0.25rem; }
  .mypostings.detail p a, .mypostings.detail.preview p a {
    color: #0074c8; }
  .mypostings.detail .button, .mypostings.detail.preview .button {
    background-color: #0074c8;
    color: #FFFFFF;
    width: 250px; }
  .mypostings.detail .flex-video, .mypostings.detail.preview .flex-video {
    clear: left;
    padding-top: 0;
    padding-bottom: 56.25%; }
  .mypostings.detail .right, .mypostings.detail.preview .right {
    margin-bottom: 2rem;
    margin-top: 1.5rem; }
  .mypostings.detail .left .button, .mypostings.detail.preview .left .button {
    margin-right: 1rem !important; }
  .mypostings.detail .left li a:first-child, .mypostings.detail.preview .left li a:first-child {
    padding-left: 0; }
  .mypostings.detail .right li, .mypostings.detail.preview .right li {
    clear: none; }
    .mypostings.detail .right li a, .mypostings.detail.preview .right li a {
      margin: 0 0 0 1rem; }
      .mypostings.detail .right li a:last-child, .mypostings.detail.preview .right li a:last-child {
        padding-left: 0; }
  .mypostings.detail .right .button, .mypostings.detail.preview .right .button {
    margin-right: 0 !important;
    width: 100%; }
    .mypostings.detail .right .button a, .mypostings.detail.preview .right .button a {
      color: #FFFFFF !important; }
  .mypostings.detail .right img, .mypostings.detail.preview .right img {
    margin-bottom: 1.5rem; }
  .mypostings .has_multimedia {
    margin-left: 0.75rem; }
    .mypostings .has_multimedia .icon {
      color: #728c1f;
      font-size: 1.15rem;
      margin-right: 0.5rem; }
      .mypostings .has_multimedia .icon .show-for-sr {
        color: #424242; }
  .mypostings .related-news .date {
    display: inline !important; }
  .mypostings .related-news .has_multimedia {
    vertical-align: middle; }
  .mypostings span.caption {
    color: #838387;
    display: block;
    font-size: 95%;
    font-style: italic;
    margin-bottom: 1.5rem; }
  .mypostings p.error {
    color: #c25219; }
  .mypostings p.error-bkg {
    background-color: #c25219;
    color: #FFFFFF; }
  .mypostings p.info {
    color: #c25219; }
  .mypostings p.info-bkg {
    background-color: #c25219;
    border: thin solid #424242;
    color: #FFFFFF;
    padding: 0.25em; }
  .mypostings a.edit {
    font-size: 1.75em; }
  .mypostings a.copy {
    font-size: 1.5em; }
  /****** manage interface *******/
  .hint {
    color: #838387;
    font-style: italic;
    display: block;
    float: none;
    margin-top: -35px; }
  .phone .hint {
    margin-top: -10px; }
  fieldset.general-info .hint {
    margin-bottom: 1rem; }
  fieldset.approvals label {
    display: inline;
    font-weight: 700 !important; }
  .filters_info .school ul {
    display: block;
    list-style-type: none !important;
    margin-left: 0; }
    .filters_info .school ul li {
      position: relative;
      padding: 0.25rem 0;
      margin-left: 0.75rem !important; }
      .filters_info .school ul li input {
        position: absolute;
        top: 9px;
        left: 4px;
        margin: 0; }
      .filters_info .school ul li label {
        display: block;
        padding: 0 1rem !important; }
  .addresses .row {
    margin-bottom: 0 !important; }
  .addresses .hint {
    margin-top: 0; }
  .media-hints .hint {
    float: none;
    display: inline; }
  .emphasis {
    color: #00a499 !important;
    font-size: 1rem; }
  .departments, .pull-quote {
    margin-top: 1rem; }
  table#posters-with-access label.remove {
    color: #92002d; }
  .manage-post-list table {
    border-collapse: collapse; }
    .manage-post-list table tr {
      border-bottom: thin solid #dddddd !important; }
  ul {
    list-style-type: none; }
  form .clonedInput, form .sponsor-clonedInput {
    padding: 0 !important; }
  form .section-clonedInput {
    margin: 1rem 0 !important;
    background-color: #e3f2fb;
    border: solid thin #badef4;
    padding: 0 !important; }
    form .section-clonedInput p {
      background-color: #badef4;
      padding: 0.5rem;
      font-weight: 600; }
    form .section-clonedInput div {
      padding: 0 1rem; }
  form label {
    cursor: initial !important;
    margin-top: 0; }
  form select {
    background-color: #f6f6f6;
    color: #424242; }
  form input[type="checkbox"],
  form input[type="radio"] {
    display: inline !important;
    margin-top: 0.35rem; }
    form input[type="checkbox"] + label span,
    form input[type="checkbox"] + label span:first-child,
    form input[type="radio"] + label span,
    form input[type="radio"] + label span:first-child {
      background: none !important;
      display: none !important; }
    form input[type="checkbox"] + .hint,
    form input[type="radio"] + .hint {
      margin-top: -10px; }
  form input[type="button"].button.xsmall {
    padding: 0 !important;
    height: 30px !important;
    width: 30px !important; }
  form span.mceEditor {
    display: block;
    margin-bottom: 2rem; }
  form table.mceLayout {
    width: 100% !important; }
  form #event_info .indent {
    display: block;
    margin-left: 1.5rem; }
  form #event_info select {
    margin-bottom: 0 !important; }
  form #event_info label:first-child {
    margin-top: 0; }
  form #add-sponsors select {
    margin-bottom: 0; }
  form #add-sponsors label {
    float: left;
    margin-top: 0; }
  form #add-sponsors input[type="checkbox"] {
    margin-left: 0.25rem; }
  form label[for="additional_sections"] + label,
  form input#additional_sections_yes {
    float: left; }
  form label[for="additional_sections"] + label + label + br + span {
    clear: left; }
  #filter {
    border: 3px solid #00a499;
    margin-bottom: 1rem; }
    #filter .hint {
      color: #c25219;
      margin-top: -20px; }
  #manage-access input[type="checkbox"],
  #manage-access input[type="radio"] {
    margin: 0; }
  #manage-access td {
    padding: 0.75rem .5rem !important; }
  /**** images and docs ****/
  .media {
    border-top: 1px #ededed solid;
    clear: left;
    padding-bottom: 1rem;
    vertical-align: top; }
    .media .hint {
      margin-top: -25px; }
    .media p.media-instructions,
    .media p.media-docs {
      padding-bottom: 0; }
    .media .show-image label, .media .show-image input, .media .show-image a {
      vertical-align: top; }
    .media .show-image img.thumb-form,
    .media .show-image img.image-form {
      max-width: 150px; }
    .media .media-docs input {
      margin-bottom: 0;
      padding-bottom: 0; }
    .media .media-docs .media-upload {
      margin-left: 1rem; }
    .media .media-docs .alt {
      margin-top: 0.5rem; }
    .media .media-docs .media-location,
    .media .media-docs .media-alt {
      border: 1px solid #CCC;
      background-color: #FAFAFA;
      display: block;
      margin-bottom: 1rem;
      padding: 0.5rem 0.5rem 1rem; }
    .media .thumb-media-docs,
    .media .image-media-docs,
    .media .image-media-docs,
    .media .attachment {
      padding-top: 0;
      margin-top: 0; } }

@media only screen and (min-width: 40.063em) {
  .mypostings.module-mypostings {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .mypostings ul.items {
    padding: 0; }
    .mypostings ul.items li .image {
      padding: 0;
      padding-right: 0.9325rem !important; }
    .mypostings ul.items li .date {
      padding: 0; }
    .mypostings ul.items li .info {
      padding-right: 0; }
      .mypostings ul.items li .info h3 {
        font-size: 1.25rem !important; }
    .mypostings ul.items + p {
      text-align: left; }
  .mypostings.detail .flex-video {
    clear: right; }
  .mypostings.detail .right h2 + p {
    clear: right !important;
    float: right; }
  .mypostings.detail .right h2, .mypostings.detail .right ul, .mypostings.detail .right li, .mypostings.detail .right .button, .mypostings.detail .right img {
    clear: right;
    float: right; }
  .mypostings.detail .right li {
    clear: none; }
  .mypostings.detail .right p {
    clear: right;
    text-align: right !important; }
    .mypostings.detail .right p.text-center {
      text-align: center !important; }
    .mypostings.detail .right p.public {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 0.875rem;
      padding: 0.5rem; }
  .mypostings.detail .right .button {
    text-align: center !important; }
    .mypostings.detail .right .button a {
      margin: 0 !important; }
  /**** images and docs ****/
  .media .media-instructions,
  .media .media-doc {
    float: left;
    padding: 0.75em 1em 1.5em 1em; }
  .media .media-instructions {
    width: 300px; }
  .media .media-doc {
    width: 400px; }
  .media .show-image {
    margin-top: 1em;
    float: left; } }

@media only screen and (min-width: 48.063em) {
  .mypostings h2.month {
    width: 75%; }
  .mypostings.spotlight-1col .spotlight .columns {
    width: 50%; }
  .mypostings .spotlight {
    clear: left; }
  .has_multimedia {
    margin-left: 0; } }

@media only screen and (min-width: 64.063em) {
  .mypostings h2.month {
    width: 50%; } }