/*!
Theme Name: Dramatic Arts
Theme URI: https://usc.edu
Author: USC Web Services
Author URI: https://itservices.usc.edu/webservices
Description: Custom theme for USC School of Dramatic Arts
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: drama
Domain Path: /languages/
Tags:
*/
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,300italic,700);

.content-area:after, .archive-list:after, .site-footer-wrapper:after, .site-footer:after, .site-footer .basics:after, .block.content-width:after, .page-header:after, .wrapper:after, .summary-list .wrapper:after, .summary-list ul li:after {
  content: "";
  display: table;
  clear: both;
  margin-bottom: -2px
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline
}

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
  display: block
}

ul {
  list-style: none
}

table {
  border-collapse: separate;
  border-spacing: 0
}

caption, th, td {
  font-weight: normal;
  text-align: left
}

blockquote:before, blockquote:after, q:before, q:after {
  content: ""
}

blockquote, q {
  quotes: "" ""
}

a img {
  border: 0
}

html {
  font-size: 100%
}

body {
  width: 100%
}

img {
  display: block
}

html, body {
  height: 100%
}

.site-wrapper {
  height: 100%;
  width: 100%;
  padding-top: 10.5rem
}

@media only screen and (min-width: 52em) {
  body.home .site-wrapper, body.full-image .site-wrapper {
    padding: 0
  }
}

a, button, input, .column-photo a {
  transition: all .25s
}

a {
  color: #d00;
  text-decoration: none
}

a:hover {
  color: #f23b84
}

body.shifted.admin-bar .site-nav, body.admin-bar .site-navigation.fixed {
  top: 32px
}

@media screen and (max-width: 782px) {
  body.shifted.admin-bar .site-nav, body.admin-bar .site-navigation.fixed {
    top: 46px
  }
}

@media screen and (max-width: 600px) {
  body.admin-bar .site-navigation.fixed {
    top: 0
  }
}

.edit-link {
  display: inline-block;
  clear: both;
  letter-spacing: 2px;
  margin: 1.25rem 0;
  font-size: 1rem;
  font-weight: 300;
  font-family: "Lato", Helvetica, Arial, sans-serif
}

.edit-link a {
  -webkit-font-smoothing: subpixel-antialiased
}

.edit-link.mini {
  font-size: 0.6rem
}

.edit-link.mini a.post-edit-link {
  padding: 0.25rem .5rem
}

.edit-link.module {
  margin: 0 auto 1rem 2.5rem
}

.edit-link a.post-edit-link {
  color: #fff !important;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  line-height: 1.3;
  padding: 0.5rem 0.75rem;
  background-color: #f23b84 !important;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-border-radius: 1.25rem;
  -moz-border-radius: 1.25rem;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2) inset;
  transition: background .5s
}

.edit-link a.post-edit-link:after {
  display: none !important
}

.edit-link a.post-edit-link:hover {
  background-color: #ea1067 !important;
  text-decoration: none
}

.block .edit-link.mini {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 2;
  margin: 0
}

.block .edit-link.mini.module {
  right: auto;
  left: 40%;
  left: calc(50% + -4rem)
}

.block .edit-link.mini.module.homepage-modules {
  position: fixed;
  left: auto;
  right: 0;
  height: 2.25rem;
  z-index: 200;
  top: 50%;
  top: calc(50% + 5.5rem);
  transform-origin: 100% 0;
  backface-visibility: visible;
  transform: rotate(90deg)
}

.block .edit-link.mini.module.homepage-modules a {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.block .edit-link.mini.module a {
  padding: 0.7rem 0.7rem 0.7rem 1.9rem;
  background: url(images/puzzle.png) 0 -25px no-repeat;
  background-size: 30px 120px
}

.block.carousel .edit-link.mini.module {
  left: 1rem
}

.block.carousel.content-width .edit-link.mini.module {
  left: 0
}

::selection {
  background-color: #ddf0f5;
  background-color: rgba(142, 205, 222, 0.3)
}

.filters {
  margin: 1.5rem 0 3rem
}

@media only screen and (min-width: 52em) {
  .filters {
    display: grid;
    column-gap: 2rem;
    align-items: end
  }

  .filters.faculty-filters {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }

  .filters.event-filters {
    width: 100%;
    grid-template-areas: "header header calendar" "search select calendar" "empty empty calendar";
    grid-template-rows: 6rem 6rem 1fr;
    grid-template-columns: 1fr 1fr 1fr
  }

  .filters.event-filters .entry-header {
    grid-area: header
  }

  .filters.event-filters .filter-search {
    grid-area: search
  }

  .filters.event-filters .filter-select {
    grid-area: select
  }

  .filters.event-filters .calendar {
    grid-area: calendar
  }
}

.filters h3 {
  font-size: 1.125rem;
  margin-bottom: 1.25rem
}

.filters .status ul.sorter {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  border: 1px solid #000;
  border-radius: .25rem;
  overflow: hidden
}

.filters .status ul.sorter li {
  width: 33.3334%;
  margin: 0;
  text-align: center
}

.filters .status ul.sorter li:first-child a {
  border-left: none
}

.filters .status ul.sorter li a {
  color: #333;
  font-size: 1rem;
  line-height: 1.2;
  display: block;
  padding: .5rem 0;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0
}

.filters .status ul.sorter li a:after {
  display: none
}

.filters .status ul.sorter li a:hover {
  background: #fff
}

.filters .status ul.sorter li a.active {
  background: #000;
  color: #fff;
  font-style: normal
}

.filters .filter-select select, .filters .filter-search input[type=text] {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #000;
  border-radius: .25rem;
  font-size: 1rem;
  line-height: 1.2;
  padding: .5rem 3rem .5rem .5rem;
  width: 100%;
  background: transparent
}

.filters .filter-select {
  position: relative
}

.filters.faculty-filters .filter-select {
  position: relative;
  width: 20%;
}

.filters .filter-select:after {
  position: absolute;
  bottom: .625rem;
  right: .75rem;
  content: '';
  width: 0;
  height: 0;
  border: .3rem solid transparent;
  border-top: .45rem solid #000;
  z-index: -1
}

@media only screen and (max-width: 800px) {
  .filters.faculty-filters .filter-select {
      width: 100%;
  }
  .filters.faculty-filters .filter-search {
      width: 100%;
  }
}


@media only screen and (max-width: 52em) {
  .filters .filter-select {
    margin-top: 1.5rem
  }
}


.filters .filter-search {
  position: relative;
  margin-top: 1.5rem
}

.filters.faculty-filters .filter-search {
    position: relative;
    margin-top: 1.5rem;
    width: 30%;
}

.filters .filter-search button {
  position: absolute;
  bottom: 0rem;
  right: 0;
  text-indent: -1000rem;
  background: none;
  width: 2.25rem;
  height: 2.25rem;
  z-index: 2;
  -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
  transition: opacity 0.25s, transform 0.25s
}

.filters .filter-search button:before {
  position: absolute;
  content: '';
  top: 0.375rem;
  right: 0.5rem;
  width: 1.4rem;
  height: 1.4rem;
  text-indent: 0;
  background-image: url(images/sprite2.svg);
  background-repeat: no-repeat;
  background-size: 55px 196px;
  background-position: -35px 0px
}

.filters .filter-search input[type=text] {
  width: calc(100% + -3.5rem)
}

.filters .filter-search.focus button {
  transform: rotate(-90deg);
  opacity: 0;
  z-index: -1
}

.filters .filter-search.focus .cancel {
  display: block;
  z-index: 2;
  transform: rotate(0deg);
  opacity: 1
}

.filters .filter-search .cancel {
  position: absolute;
  z-index: -1;
  opacity: 0;
  text-indent: 0;
  overflow: hidden;
  text-align: left;
  border: 0;
  width: 1.5rem;
  height: 1.5rem;
  left: auto;
  right: 0.75rem;
  bottom: .25rem;
  cursor: pointer;
  transform: rotate(90deg);
  -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
  transition: opacity 0.25s, transform 0.25s
}

.filters .filter-search .cancel:before, .filters .filter-search .cancel:after {
  position: absolute;
  width: .15rem;
  height: 1.25rem;
  background: #000;
  content: '';
  right: .5rem;
  bottom: .25rem;
  transform: rotate(-45deg)
}

.filters .filter-search .cancel:after {
  transform: rotate(45deg)
}

.filters .lightpick__day.is-start-date.is-in-range, .filters .lightpick__day.is-end-date.is-in-range.is-flipped {
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem
}

.filters .lightpick__day.is-end-date.is-in-range, .filters .lightpick__day.is-start-date.is-in-range.is-flipped {
  border-top-right-radius: .375rem;
  border-bottom-right-radius: .375rem
}

@font-face {
  font-family: "ChunkFive";
  src: url("fonts/ChunkFive.eot");
  src: url("fonts/ChunkFive.eot?#iefix") format("embedded-opentype"), url("fonts/ChunkFive.woff") format("woff"), url("fonts/ChunkFive.ttf") format("truetype"), url("fonts/ChunkFive.svg#ChunkFive") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: "Glyphicons";
  src: url("fonts/glyphicons-halflings-regular.eot");
  src: url("fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("fonts/glyphicons-halflings-regular.woff") format("woff"), url("fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("fonts/glyphicons-halflings-regular.svg#Glyphicons") format("svg");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal
}

body {
  color: #000
}

.heavy, blockquote .attribution, .content-area h4, .section-menu h3, .action-menu h3, .post-meta, .when, .paging-navigation, button, input[type="button"], input[type="reset"], input[type="submit"], .site-footer h3, .site-footer .audiences-menu ul.audiences li, .site-navigation .menu-toggle, .site-nav li a, .site-social li a, .homepage-first figcaption.labeled h3, h2, .heading-label, article h4, .archive-list h4, .single-row h3, .block-label, h2.block-label, .grid ul li h3, .carousel h3, .sorter strong, .point-detail h4 {
  font-family: "ChunkFive", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1;
  -webkit-font-smoothing: antialiased
}

.normal, .carousel.image-vertical .column.heading h3, .carousel.image-vertical .column.heading h3:hover, .sorter li a, .normal:hover, .carousel.image-vertical .column.heading h3:hover, .sorter li a:hover {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  margin: 0;
  padding: 0;
  color: #000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0rem;
  -moz-border-radius: 0rem;
  border-radius: 0rem;
  background: none
}

.cta, .column a.info, .column a.cast, .sorter li a.active, .info {
  background: #68a400;
  padding: 0.05rem 0.25rem 0.2rem 0.25rem;
  color: #fff;
  font-weight: 300;
  font-style: italic;
  text-decoration: none;
  transition: all .5s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: .1875rem;
  -moz-border-radius: .1875rem;
  border-radius: .1875rem
}

.cta:after, .column a.info:after, .column a.cast:after, .sorter li a.active:after, .info:after {
  display: none
}

.cta:hover, .column a.info:hover, .column a.cast:hover, .sorter li a.active:hover, .info:hover {
  color: #fff;
  background: #588b00
}

div.cta, div.info {
  margin: 0.5rem 0;
  display: inline-block
}

span.cta, span.info {
  white-space: nowrap
}

.link-slideright, .section-menu ul li a, .action-menu ul li a, .paging-navigation .nav-next a, .site-footer .audiences-menu ul.audiences li a, .site-footer ul.misc li a, .search-not-found .site-search .search-submit, .map-sidebar .sidebar-list li a, .point-detail .website, .point-detail .accessibility, .point-detail .directions, .link-slideleft, .paging-navigation .nav-previous a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  -webkit-font-smoothing: antialiased
}

.link-slideright:before, .section-menu ul li a:before, .action-menu ul li a:before, .paging-navigation .nav-next a:before, .site-footer .audiences-menu ul.audiences li a:before, .site-footer ul.misc li a:before, .search-not-found .site-search .search-submit:before, .map-sidebar .sidebar-list li a:before, .point-detail .website:before, .point-detail .accessibility:before, .point-detail .directions:before, .link-slideleft:before, .paging-navigation .nav-previous a:before {
  position: absolute;
  top: -30%;
  z-index: 0;
  width: 100%;
  height: 160%;
  background: rgba(149, 165, 166, 0.2);
  content: '';
  backface-visibility: visible;
  transition: transform 0.3s;
  transform: scaleY(-10px) translateX(-100%)
}

.link-slideright:hover::before, .section-menu ul li a:hover::before, .action-menu ul li a:hover::before, .paging-navigation .nav-next a:hover::before, .site-footer .audiences-menu ul.audiences li a:hover::before, .site-footer ul.misc li a:hover::before, .search-not-found .site-search .search-submit:hover::before, .map-sidebar .sidebar-list li a:hover::before, .point-detail .website:hover::before, .point-detail .accessibility:hover::before, .point-detail .directions:hover::before, .link-slideright:focus::before, .section-menu ul li a:focus::before, .action-menu ul li a:focus::before, .paging-navigation .nav-next a:focus::before, .site-footer .audiences-menu ul.audiences li a:focus::before, .site-footer ul.misc li a:focus::before, .search-not-found .site-search .search-submit:focus::before, .map-sidebar .sidebar-list li a:focus::before, .point-detail .website:focus::before, .point-detail .accessibility:focus::before, .point-detail .directions:focus::before, .link-slideleft:hover::before, .paging-navigation .nav-previous a:hover::before, .link-slideleft:focus::before, .paging-navigation .nav-previous a:focus::before {
  transform: scaleY(0.618) translateX(0)
}

.link-slideright:before, .section-menu ul li a:before, .action-menu ul li a:before, .paging-navigation .nav-next a:before, .site-footer .audiences-menu ul.audiences li a:before, .site-footer ul.misc li a:before, .search-not-found .site-search .search-submit:before, .map-sidebar .sidebar-list li a:before, .point-detail .website:before, .point-detail .accessibility:before, .point-detail .directions:before {
  left: 0;
  transform: translateX(-100%)
}

.link-slideleft:before, .paging-navigation .nav-previous a:before {
  right: 0;
  transform: translateX(100%)
}

body {
  color: #000;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 300;
  font-family: "Lato", Helvetica, Arial, sans-serif
}

h1 {
  font-size: 2.5rem
}

h2 {
  font-size: 2.25rem
}

h3 {
  font-size: 2rem
}

h4 {
  font-size: 1.75rem
}

h5 {
  font-size: 1.5rem
}

h6 {
  font-size: 1.25rem
}

.site-sidebar h1 {
  font-size: 1.5rem
}

.site-sidebar h2 {
  font-size: 1.25rem
}

.site-sidebar h3 {
  font-size: 1rem
}

.site-sidebar h4 {
  font-size: .75rem
}

.site-sidebar h5 {
  font-size: .5rem
}

.site-sidebar h6 {
  font-size: .25rem
}

body.full-image #content {
  padding: 0
}

blockquote {
  color: #444;
  font-size: 1.5rem;
  font-style: italic;
  border-left: 0.2rem solid #68a400;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0 0 0 1.5rem
}

blockquote em {
  font-style: normal !important
}

blockquote .attribution {
  font-style: normal;
  color: #000;
  text-align: right;
  font-size: 1rem
}

blockquote.lengthy {
  font-size: 1rem
}

@media only screen and (min-width: 52em) {
  blockquote.offset-left, article.post.category-event blockquote.when-where {
    border-right: 0.2rem solid #68a400;
    border-left: none;
    padding: 0 1.5rem 0 0
  }
}

blockquote p:first-of-type {
  margin-top: 0
}

blockquote p:last-of-type {
  margin-bottom: 0
}

.content-area {
  font-size: 1.25rem;
  line-height: 1.4;
  position: relative
}

.content-area h2 {
  font-size: 2rem
}

.content-area h4 {
  padding-top: 1rem;
  margin: 0;
  clear: left
}

.content-area p {
  margin: 1rem 0
}

.content-area ul {
  list-style-type: circle;
  margin: 1rem 0 1rem 2rem
}

.content-area .content-block {
  margin-top: 2rem
}

.content-area p {
  margin-bottom: 1.25rem
}

.content-area b, .content-area strong {
  font-weight: bold
}

.content-area dfn, .content-area cite, .content-area em, .content-area i {
  font-style: italic
}

.content-area caption, .content-area .wp-caption {
  max-width: 100%
}

.content-area caption, .content-area .caption, .content-area p.caption, .content-area .wp-caption-text, .content-area p.wp-caption-text {
  margin: 0;
  padding: 0.4rem 0;
  border-bottom: 1px solid #ddd
}

.content-area .image-content .caption {
  border-bottom: none;
  padding-bottom: 0
}

.content-area figcaption {
  color: #777;
  font-size: .85em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px
}

.content-area figcaption .caption, .content-area figcaption p.caption {
  padding-bottom: 0;
  border-bottom: none
}

.content-area .category-news .entry-content .image-content.feature-photo:first-child figcaption {
  border-bottom: none;
  padding-bottom: 5px
}

.content-area .entry-content, .content-area .archive-list, .content-area .block.content-width.has-block-label {
  margin-top: 0.5rem;
  border-top: 2px solid #eee
}

@media only screen and (min-width: 52em) {
  .content-area .entry-content, .content-area .archive-list, .content-area .block.content-width.has-block-label {
    overflow: visible;
    margin-right: 25%;
    float: right;
    width: 50%
  }
}

.content-area .entry-content a, .content-area .archive-list a, .content-area .block.content-width.has-block-label a {
  font-weight: 300;
  position: relative
}

.content-area .entry-content a:after, .content-area .archive-list a:after, .content-area .block.content-width.has-block-label a:after {
  background-color: #f23b84 !important;
  height: 1px !important
}

@media only screen and (min-width: 52em) {
  .content-area .entry-content a:after, .content-area .archive-list a:after, .content-area .block.content-width.has-block-label a:after {
    background-color: #f23b84 !important
  }
}

h1.entry-title, h1.page-title {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1
}

@media only screen and (min-width: 52em) {
  h1.entry-title, h1.page-title {
    font-size: 4rem;
    font-weight: 100;
    margin-top: 0 !important;
    margin-bottom: 0.25rem !important
  }
}

h2.subhead {
  margin: 0.25rem 0;
  font-size: 1.5rem
}

h1.entry-title, .content-block h2.subhead {
  margin-top: 0.75rem;
  margin-left: 5%;
  margin-right: 5%
}

@media only screen and (min-width: 35em) {
  h1.entry-title, .content-block h2.subhead {
    margin-left: 10%;
    margin-right: 10%
  }
}

@media only screen and (min-width: 46em) {
  h1.entry-title, .content-block h2.subhead {
    margin-left: 15%;
    margin-right: 15%
  }
}

@media only screen and (min-width: 52em) {
  h1.entry-title, .content-block h2.subhead {
    float: right;
    width: 65%;
    margin-left: 0 !important;
    margin-right: 10% !important
  }
}

h3.entry-title, h3.page-title {
  font-weight: 700
}

@media only screen and (min-width: 52em) {
  .single .category-news h1.entry-title {
    font-size: 2.5rem;
    font-weight: 300
  }
}

h3 {
  font-size: 1.5rem;
  margin: 2.5rem 0 0.5rem 0
}

hr {
  background-color: #eee;
  border: 0;
  height: 2px;
  margin: 1rem 0
}

sup, sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  bottom: 1ex
}

sub {
  top: .5ex
}

small {
  font-size: 75%
}

big {
  font-size: 125%
}

pre {
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: .9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em
}

code, kbd, tt, var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}

.summary {
  font-size: 1.75rem
}

.highlight {
  color: #68a400
}

figure {
  margin: 0
}

@media only screen and (min-width: 52em) {
  figure.alignleft, figure.alignright, figure.feature-photo.image-offset, figure.feature-photo.image-side {
    max-width: 50%
  }

  figure.alignleft img, figure.alignright img, figure.feature-photo.image-offset img, figure.feature-photo.image-side img {
    width: 100%;
    height: auto
  }

  figure.alignleft {
    float: left;
    margin-right: 2rem
  }

  figure.alignright, figure.feature-photo.image-offset, figure.feature-photo.image-side {
    float: right;
    margin-left: 2rem
  }
}

.alignleft {
  float: left;
  margin-right: 2rem
}

.alignright, .feature-photo.image-offset, .feature-photo.image-side {
  float: right;
  margin-left: 2rem
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto
}

@media only screen and (max-width: 52em) {
  .alignright, .feature-photo.image-offset, .feature-photo.image-side, .alignleft, .aligncenter {
    margin: 0 !important;
    float: none;
    width: 100%;
    max-width: 100%
  }
}

#content {
  overflow: hidden
}

@media only screen and (min-width: 46em) {
  #content {
    min-height: 32rem
  }
}

.entry-header, .page-header {
  margin-bottom: 1rem
}

.section-menu, .action-menu {
  margin: 0 5% 2rem 5%;
  clear: both
}

@media only screen and (min-width: 35em) {
  .section-menu, .action-menu {
    margin-left: 10%;
    margin-right: 10%
  }
}

@media only screen and (min-width: 46em) {
  .section-menu, .action-menu {
    margin-left: 15%;
    margin-right: 15%
  }
}

@media only screen and (min-width: 52em) {
  .section-menu, .action-menu {
    clear: none;
    margin: 0 0 2rem 2rem;
    width: 20%;
    float: left
  }
}

.section-menu h3, .action-menu h3 {
  font-size: 1.25rem;
  line-height: 1;
  color: #555;
  padding: 0.7rem 0 0 0;
  margin-top: 0.5rem;
  border-top: 2px solid #fc0
}

.section-menu h3 a, .action-menu h3 a {
  color: #777;
  display: block;
  padding: 0 0.25rem
}

.section-menu h3 a:hover, .action-menu h3 a:hover {
  color: #c00
}

.section-menu ul, .action-menu ul {
  font-size: 1.1rem;
  list-style: none;
  margin: 0;
  padding: 0
}

.section-menu ul li, .action-menu ul li {
  margin: 0;
  line-height: 1.2;
  position: relative
}

.section-menu ul li a, .action-menu ul li a {
  color: #777;
  font-weight: 300;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.3rem 0.25rem 0.4rem 0.25rem
}

.section-menu ul li a:hover, .action-menu ul li a:hover {
  color: #000;
  border-bottom-color: rgba(0, 0, 0, 0.2)
}

.section-menu ul li.current-menu-item>a, .section-menu ul li.current-page-item>a, .action-menu ul li.current-menu-item>a, .action-menu ul li.current-page-item>a {
  padding-right: 1.5rem;
  background: rgba(149, 165, 166, 0.1)
}

.section-menu ul li.current-menu-item>a:after, .section-menu ul li.current-page-item>a:after, .action-menu ul li.current-menu-item>a:after, .action-menu ul li.current-page-item>a:after {
  position: absolute;
  top: 0.65rem;
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border: 0.4rem solid transparent;
  border-left: 0.6rem solid #ddd;
  transition: all .5s
}

.section-menu ul li.current-menu-item>a:hover:after, .section-menu ul li.current-page-item>a:hover:after, .action-menu ul li.current-menu-item>a:hover:after, .action-menu ul li.current-page-item>a:hover:after {
  border-left-color: #000
}

.section-menu ul li.current_page_item ul.sub-menu, .section-menu ul li.current-menu-item ul.sub-menu, .section-menu ul li.current-page-parent ul.sub-menu, .section-menu ul li.current-menu-parent ul.sub-menu, .section-menu ul li.current-menu-ancestor ul.sub-menu, .action-menu ul li.current_page_item ul.sub-menu, .action-menu ul li.current-menu-item ul.sub-menu, .action-menu ul li.current-page-parent ul.sub-menu, .action-menu ul li.current-menu-parent ul.sub-menu, .action-menu ul li.current-menu-ancestor ul.sub-menu {
  display: block
}

.section-menu ul li ul.sub-menu, .action-menu ul li ul.sub-menu {
  display: none;
  font-size: 1rem
}

.section-menu ul li ul.sub-menu a, .action-menu ul li ul.sub-menu a {
  padding-left: 1.25rem
}

.section-menu ul li ul.sub-menu ul.sub-menu a, .action-menu ul li ul.sub-menu ul.sub-menu a {
  padding-left: 2.5rem
}

.section-menu ul li ul.sub-menu ul.sub-menu ul.sub-menu a, .action-menu ul li ul.sub-menu ul.sub-menu ul.sub-menu a {
  padding-left: 3.75rem
}

.section-menu ul li ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu a, .action-menu ul li ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu a {
  padding-left: 5rem
}

.section-menu.expand ul li ul.sub-menu, .action-menu.expand ul li ul.sub-menu {
  display: block
}

.post-meta, .when {
  font-size: 1rem;
  line-height: 1;
  color: #888;
  padding: 0.6rem 0;
  margin: 0;
  border-bottom: 2px solid #eee
}

.post-meta span, .when span {
  display: inline-block;
  margin-right: 0.5rem;
  padding-right: 1rem;
  position: relative
}

.post-meta span:before, .when span:before {
  position: absolute;
  content: '\00b7';
  left: -1rem;
  color: #ccc
}

.post-meta span:first-child:before, .when span:first-child:before {
  display: none
}

.events-list {
  margin-bottom: 4rem;
  transition: opacity .3s ease, max-height .3s ease
}

@media only screen and (min-width: 52em) {
  .events-list.season-productions {
    max-height: 40rem
  }
}

.events-list.collapse {
  max-height: 0 !important;
  opacity: 0
}

.events-list h2 {
  font-size: 2.5rem;
  margin-bottom: 2rem
}

.events-list .show-all-events, .events-list .past-events {
  display: inline-block;
  vertical-align: top;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 700 !important;
  margin: .25rem 0 0 1rem;
  padding: .5rem 1rem;
  font-size: .9rem;
  color: #000;
  border: 1px solid #000;
  border-radius: .25rem
}

.events-list .show-all-events:hover, .events-list .past-events:hover {
  color: #f23b84;
  border-color: #f23b84
}

.events-list .show-all-events:after, .events-list .past-events:after {
  display: none
}

.events-list #events {
  text-align: center
}

.events-list #events .loading {
  margin: 2rem auto
}

.events-list .events {
  margin: 0;
  padding: 0;
  list-style: none;
  column-gap: 2rem;
  row-gap: 2rem
}

@media only screen and (min-width: 52em) {
  .events-list .events {
    display: flex;
    flex-wrap: wrap
  }
}

.events-list .events .date-month {
  color: #000;
  font-weight: 900;
  text-align: right;
  transition: transform .3s ease;
  position: absolute;
  top: 0;
  left: .75rem
}

.events-list .events .date-month .month {
  font-size: 2rem;
  line-height: 1.1;
  position: absolute;
  top: 1rem;
  left: 1.75rem;
  text-transform: uppercase;
  transform: translate(-70%, 50%) rotate(-90deg);
  z-index: 2
}

.events-list .events .date-month .date {
  position: absolute;
  top: -.5rem;
  left: 2rem;
  font-size: 5rem;
  z-index: 2
}

.events-list .events .item, .events-list .events .item.column {
  flex-basis: 18rem;
  flex-grow: 1;
  position: relative;
  border: 1px solid #999;
  padding-bottom: .375rem
}

.events-list .events .item:before, .events-list .events .item.column:before {
  width: .5rem;
  background: #900;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  left: 0
}

.events-list .events .item a, .events-list .events .item.column a {
  position: relative
}

.events-list .events .item a:hover, .events-list .events .item.column a:hover {
  background-color: transparent !important
}

.events-list .events .item a:hover img, .events-list .events .item.column a:hover img {
  filter: grayscale(1)
}

.events-list .events .item a:hover .photo:after, .events-list .events .item.column a:hover .photo:after {
  opacity: 1;
  background: #900;
  transform: translate(0.5rem, 0.5rem)
}

.events-list .events .item a:hover .date-month, .events-list .events .item.column a:hover .date-month {
  z-index: 1;
  color: #fff;
  transform: translate(0.5rem, 0.5rem)
}

.events-list .events .item a:after, .events-list .events .item.column a:after {
  display: none
}

.events-list .events .item a hgroup, .events-list .events .item.column a hgroup {
  color: #000;
  position: relative;
  padding: 0 1.25rem
}

.events-list .events .item a hgroup h3, .events-list .events .item.column a hgroup h3 {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.75rem
}

.events-list .events .item a hgroup .date-time, .events-list .events .item.column a hgroup .date-time {
  font-size: .9rem;
  font-weight: 700
}

.events-list .events .item a hgroup .badge, .events-list .events .item.column a hgroup .badge {
  position: absolute;
  background: #000;
  top: -3.75rem;
  left: 1rem;
  color: #fff;
  padding: .25rem .5rem;
  z-index: 2;
  font-size: .9rem
}

.events-list .events .item .tags, .events-list .events .item.column .tags {
  padding: 1.5rem 1.25rem 0 1.25rem;
  font-size: .75rem;
  color: #666;
  text-transform: uppercase
}

.events-list .events .item .tags a, .events-list .events .item.column .tags a {
  color: #666;
  display: inline-block
}

.events-list .events .item .tags a:hover, .events-list .events .item.column .tags a:hover {
  color: #000
}

.events-list .events figure.photo {
  margin: 0
}

.events-list .events figure.photo:after {
  box-shadow: none;
  transition: transform .3s ease
}

.events-list.all-events .item a .date-month:after {
  display: block;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 8rem;
  background: linear-gradient(rgba(255, 255, 255, 0.4), transparent);
  z-index: 0
}

.events-list.all-events .events {
  display: grid;
  grid-template-columns: 1fr
}

@media only screen and (min-width: 46em) {
  .events-list.all-events .events {
    grid-template-columns: 1fr 1fr
  }
}

@media only screen and (min-width: 52em) {
  .events-list.all-events .events {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
  }
}

@media only screen and (min-width: 75em) {
  .events-list.all-events .events {
    grid-template-columns: 1fr 1fr 1fr 1fr
  }
}

@media only screen and (min-width: 90em) {
  .events-list.all-events .events {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
  }
}

.event-header {
  width: 100%;
  padding: 2rem 0;
  border-bottom: 2px solid #eee
}

@media only screen and (min-width: 52em) {
  .event-header {
    display: grid;
    column-gap: 3rem;
    align-items: end;
    grid-template-areas: "header image" "details image";
    grid-template-columns: 1fr 2fr
  }

  .event-header .entry-header {
    grid-area: header;
    align-self: start;
    padding-top: 3rem
  }

  .event-header .event-details {
    grid-area: details;
    align-self: end
  }

  .event-header figure {
    grid-area: image;
    grid-row: 1 / span 2;
    margin: 0
  }
}

.event-header .entry-header h1 {
  padding-top: 3rem;
  line-height: 1.2
}

.event-header .event-details {
  font-size: 1rem
}

.event-header .event-details h2 {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  margin: 0 0 1rem
}

.event-header .event-details .cta, .event-header .event-details .column a.info, .column .event-header .event-details a.info, .event-header .event-details .column a.cast, .column .event-header .event-details a.cast, .event-header .event-details .sorter li a.active, .sorter li .event-header .event-details a.active {
  background: #900;
  font-weight: 700;
  padding: 1rem 4rem;
  font-style: normal;
  display: inline-block
}

.event-header .event-details .register {
  margin-top: 1rem
}

.event-header .event-details .time, .event-header .event-details .location {
  padding: 0 0 0 1.625rem;
  margin: .5rem 0;
  position: relative
}

.event-header .event-details .time svg, .event-header .event-details .location svg {
  position: absolute;
  top: .1rem;
  left: 0;
  width: auto;
  height: 1.375rem
}

.event-header .event-details .time.location svg, .event-header .event-details .location.location svg {
  height: 1.5rem
}

.event-content {
  font-size: 1.2rem;
  margin-top: 2rem;
  margin-bottom: 2rem
}

.event-content h2 {
  padding-bottom: .5rem;
  margin: 2rem 0 1.5rem;
  border-bottom: 2px solid #eee;
  font-size: 1.5rem
}

.event-content h3 {
  font-size: 1rem;
  margin: 1rem 0 0
}

.event-content .additional p {
  margin-top: .5rem
}

@media only screen and (min-width: 52em) {
  .event-content {
    display: flex;
    column-gap: 4rem
  }

  .event-content .event-summary {
    width: calc(66.67% + -2rem)
  }

  .event-content .additional {
    width: calc(33.33% + -2rem)
  }
}

@media only screen and (min-width: 75em) {
  .event-content .event-summary {
    width: calc(75% + -2rem)
  }

  .event-content .additional {
    width: calc(25% + -2rem)
  }
}

body.full.post-category-faculty h1.entry-title, body.full.post-category-staff h1.entry-title, body.full.page-template-page-events h1.entry-title, body.full.single-event h1.entry-title, body.full .event-filters h1.entry-title {
  margin: 0 !important
}

body.full.post-category-faculty .entry-content, body.full.post-category-staff .entry-content, body.full.page-template-page-events .entry-content, body.full.single-event .entry-content, body.full .event-filters .entry-content {
  border-top: none
}

body.full.post-category-faculty h1.entry-title, body.full.post-category-staff h1.entry-title, body.full.single-event h1.entry-title {
  font-family: "ChunkFive", Helvetica, Arial, sans-serif;
  font-size: 2rem
}

body.full.page-template-page-events h1.entry-title {
  border-bottom: 2px solid #eee
}

@media only screen and (min-width: 52em) {
  body.full .content-area .entry-content, body.full h1.entry-title {
    overflow: visible;
    margin-right: 4rem !important;
    margin-left: 4rem !important;
    float: none;
    width: auto;
    padding-left: 0;
    padding-right: 0
  }

  body.full.post-category-faculty h1.entry-title, body.full.post-category-staff h1.entry-title, body.full.single-event h1.entry-title {
    margin: 0 !important;
    font-size: 3.25rem
  }

  body.full.single-event h1.entry-title {
    font-size: 2.5rem
  }

  body.full .event-filters h1.entry-title {
    margin: 0 !important
  }
}

.faculty-header .media {
  width: 100%;
  max-height: 30rem
}

@media only screen and (min-width: 52em) {
  .faculty-header {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    column-gap: 3rem
  }

  .faculty-header .media {
    width: 60%
  }

  .faculty-header .media .feature-photo {
    margin: 0
  }

  .faculty-header .person-meta {
    width: 40%
  }
}

.person-meta {
  padding: 0
}

.person-meta .position {
  font-family: "ChunkFive", Helvetica, Arial, sans-serif;
  margin: 1.5rem 0
}

.person-meta .position p {
  margin: .5rem 0
}

.person-meta .contact a {
  display: block;
  clear: both;
  padding: .2rem 0 .5rem;
  position: relative;
  color: #000;
  font-size: 1rem
}

.person-meta .contact a svg {
  display: inline-block;
  float: left;
  vertical-align: baseline;
  width: auto;
  height: 1rem;
  margin-right: .5rem;
  padding-top: .125rem
}

.person-meta .contact a svg path {
  fill: #888;
  transition: fill .3s ease
}

.person-meta .contact a.email svg {
  height: 1.125rem;
  padding-top: .25rem
}

.person-meta .contact a:hover svg path {
  fill: #f23b84
}

.person-meta .contact a:hover:after {
  display: none
}

.faculty-profile {
  margin-top: 2rem
}

.faculty-profile h2 {
  padding-bottom: .5rem;
  margin-bottom: 1.5rem;
  border-bottom: 2px solid #eee;
  font-size: 1.5rem
}

@media only screen and (min-width: 52em) {
  .faculty-profile {
    margin-top: 5rem;
    display: flex;
    column-gap: 4rem
  }

  .faculty-profile .biography {
    width: 70%
  }

  .faculty-profile .profile-sidebar {
    width: 30%
  }

  .faculty-profile .profile-sidebar h2 {
    margin-top: 4rem
  }

  .faculty-profile .profile-sidebar h2:first-child {
    margin-top: 1.5rem
  }
}

ul.media {
  margin: 0;
  list-style: none;
  display: inline-block
}

ul.media:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

* html ul.media {
  height: 1px
}

ul.media li {
  margin: .25rem 0
}

ul.media li img {
  width: 100%;
  height: auto;
  float: right
}

@media only screen and (min-width: 52em) {
  ul.media li img {
    height: 30rem;
    max-height: 30rem;
    width: auto
  }
}

ul.media .rsBullets {
  text-align: center
}

ul.media .rsSlide li {
  text-align: center
}

ul.media .rsSlide li img, ul.media .rsSlide li iframe {
  margin: 0 auto;
  max-width: calc(100% + -3rem);
  height: auto;
  float: none
}

ul.media .rsArrow {
  opacity: .8;
  visibility: visible !important;
  position: absolute;
  top: 50%;
  margin-top: -1rem;
  width: 2rem;
  height: 2rem;
  background-image: url(images/left-angle.svg);
  background-size: contain;
  background-repeat: no-repeat
}

ul.media .rsArrow.rsArrowRight {
  transform: rotate(180deg);
  right: 0
}

ul.media .rsArrow:hover {
  opacity: 1
}

ul.media li.secondary {
  width: 20%;
  width: calc(20% + -.4rem);
  float: left;
  margin-right: .5rem
}

ul.media li.secondary:nth-child(5n+1) {
  margin-right: 0
}

ul.media li.secondary.video a {
  display: block;
  padding: 50%;
  background-position: center center;
  background-size: cover;
  position: relative
}

ul.media li.secondary.video a:before {
  content: '';
  z-index: 2;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1.4rem 0 0 -1.6rem;
  width: 2.8rem;
  height: 2.8rem;
  border: 1px solid #fff;
  border-radius: 50%
}

ul.media li.secondary.video a:after {
  opacity: 1;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -.75rem 0 0 -.6rem;
  background: none !important;
  width: 0;
  height: 0;
  border-top: .75rem solid transparent;
  border-bottom: .75rem solid transparent;
  border-left: 1.2rem solid #fff;
  transform: scale(1, 1)
}

ul.media li.secondary.video a:hover:after {
  transform: scale(1.1, 1.1)
}

ul.related {
  margin: 0;
  list-style: none;
  display: inline-block
}

ul.related:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

* html ul.related {
  height: 1px
}

ul.related li a {
  display: block;
  padding: .5rem 0 0 0;
  margin-bottom: 1rem;
  color: #000
}

ul.related li a h3 {
  font-size: 1rem;
  font-weight: 500;
  margin: .25rem 0 0
}

ul.related li a .date {
  font-size: .9rem;
  font-weight: 700;
  color: #333;
  display: block
}

@media only screen and (min-width: 52em) {
  ul.related li a {
    padding: .5rem 0
  }
}

ul.people {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 1.25rem;
  row-gap: 1.25rem;
  width: 100%
}

@media only screen and (min-width: 52em) {
  ul.people {
    grid-template-columns: 1fr 1fr
  }
}

@media only screen and (min-width: 75em) {
  ul.people {
    grid-template-columns: 1fr 1fr 1fr
  }
}

@media only screen and (min-width: 90em) {
  ul.people {
    grid-template-columns: 1fr 1fr 1fr 1fr
  }
}

ul.people div.none {
  grid-column: 1/-1
}

ul.people li a {
  position: relative;
  display: block;
  border: 1px solid #999;
  background: rgba(0, 0, 0, 0.05)
}

ul.people li a:hover {
  background: #fff
}

ul.people li a:after {
  display: none
}

ul.people li .person-photo {
  display: block;
  margin-left: 50%;
  width: 0;
  height: 0;
  overflow: hidden;
  position: relative;
  padding: 33% 25%
}

ul.people li .person-photo.empty {
  display: block;
  padding: 33.3333% 25%
}

ul.people li .person-photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 102%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 300%;
  overflow: hidden
}

ul.people li hgroup {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  left: 0;
  width: 50%
}

ul.people li hgroup h3 {
  font-family: "ChunkFive", Helvetica, Arial, sans-serif;
  padding: 0 1rem;
  font-size: 1.25rem;
  font-weight: 400;
  margin: 0 0 1.75rem;
  position: relative
}

ul.people li hgroup h3:after {
  content: '';
  width: 1.5rem;
  height: .25rem;
  background: #900;
  position: absolute;
  bottom: -1rem;
  left: 1rem
}

ul.people li hgroup .position {
  font-size: .75rem;
  padding: 0 1rem
}

ul.people li hgroup .position p {
  margin: 0 0 .5rem
}

.archive-list {
  padding-bottom: 2rem
}

.archive-list .post-meta, .archive-list .when {
  border-bottom: none;
  padding: 0;
  margin: 0.25rem 0;
  font-size: 0.9rem
}

.archive-list article.page, .archive-list article.post {
  position: relative;
  margin-top: 0;
  border-top: 2px solid #eee;
  clear: both
}

.archive-list article.page:first-of-type, .archive-list article.post:first-of-type {
  border-top: none
}

.archive-list article.page .edit-link.mini, .archive-list article.post .edit-link.mini {
  bottom: auto;
  top: 1.25rem;
  right: 0
}

.archive-list .entry-summary {
  padding-top: 0.5rem
}

.archive-list .entry-summary .info, .archive-list .entry-summary .cta, .archive-list .entry-summary .column a.info, .column .archive-list .entry-summary a.info, .archive-list .entry-summary .column a.cast, .column .archive-list .entry-summary a.cast, .archive-list .entry-summary .sorter li a.active, .sorter li .archive-list .entry-summary a.active {
  display: none
}

.archive-list .subhead {
  font-size: 1.25rem;
  font-weight: 300;
  color: #999;
  margin: -0.25rem 0 0.5rem 0
}

@media only screen and (max-width: 52em) {
  .feature-photo+.post-meta {
    margin-top: 1rem;
    border-top: 2px solid #eee
  }
}

@media only screen and (min-width: 52em) {
  .offset-left, article.post.category-event .when-where {
    float: left;
    text-align: right;
    max-width: 50%;
    margin-left: -40%;
    margin-right: 1.5rem
  }
}

figure.photo-small {
  width: 36%;
  min-width: 10rem
}

figure.photo-small img {
  max-width: 10rem !important;
  height: auto
}

@media only screen and (max-width: 52em) {
  figure.photo-small {
    float: right;
    width: auto;
    margin-right: 0;
    margin-left: 2rem
  }
}

@media only screen and (max-width: 35em) {
  figure.photo-small {
    margin: 1rem auto;
    float: none;
    display: block
  }
}

@media only screen and (min-width: 52em) {
  .offset-right, .offset, .shift-details, article.post.category-event .production-details:first-child, article.post.category-event .when-where:first-child+.production-details, article.post.category-event .image-content+.production-details, article.post.category-event .image-content+.when-where+.production-details {
    float: right;
    margin-left: 1.5rem;
    margin-right: -40%;
    max-width: 50%
  }
}

@media only screen and (min-width: 75em) {
  .extend-right, h1.entry-title, h1.page-title, .entry-content .block.content-width.extend-right, .entry-content h1.block.content-width.entry-title, .entry-content h1.block.content-width.page-title {
    margin-right: -40%
  }
}

.details {
  font-size: 1.25rem;
  font-weight: 700
}

.paging-navigation {
  clear: both;
  background: #eee;
  min-height: 3rem
}

@media only screen and (min-width: 52em) {
  .paging-navigation {
    min-height: 4rem
  }
}

.paging-navigation a {
  color: #000;
  display: block;
  padding: 1rem 1rem 0.75rem 1rem
}

@media only screen and (min-width: 52em) {
  .paging-navigation a {
    padding: 1.5rem 2rem 1.25rem 2rem
  }
}

.paging-navigation a.disabled {
  color: #bbb
}

.paging-navigation a.disabled:before {
  display: none
}

.paging-navigation a.disabled .meta-nav:after {
  border-right-color: #bbb;
  border-left-color: #bbb
}

.paging-navigation .nav-next {
  width: 50%;
  text-align: right
}

.paging-navigation .nav-next a {
  display: block
}

.paging-navigation .nav-previous {
  float: left;
  width: 50%
}

.paging-navigation .nav-previous .meta-nav:after {
  left: 0;
  border-left: none;
  border-right: 0.6rem solid #000
}

.paging-navigation .nav-previous a {
  display: block
}

.paging-navigation .nav-next {
  float: right
}

.paging-navigation .nav-next .meta-nav:after {
  right: 0;
  border-right: none;
  border-left: 0.6rem solid #000
}

.paging-navigation .meta-nav {
  display: inline-block;
  position: relative;
  color: transparent;
  width: 1.25rem
}

.paging-navigation .meta-nav:after {
  position: absolute;
  content: '';
  top: 0.3rem;
  width: 0;
  height: 0;
  border: 0.4rem solid transparent
}

ul.plain {
  list-style: none;
  margin: 0
}

@media only screen and (min-width: 75em) {
  .columns-2 .col, .columns-3 .col {
    float: left;
    margin-right: 2%
  }

  .columns-2.columns-2 .col, .columns-3.columns-2 .col {
    width: 48%
  }

  .columns-2.columns-2 .col:nth-child(2n-1), .columns-3.columns-2 .col:nth-child(2n-1) {
    clear: left
  }

  .columns-2.columns-2 .col:nth-child(2n), .columns-3.columns-2 .col:nth-child(2n) {
    margin-right: 0
  }

  .columns-2.columns-3 .col, .columns-3.columns-3 .col {
    width: 32%
  }

  .columns-2.columns-3 .col:nth-child(3n-2), .columns-3.columns-3 .col:nth-child(3n-2) {
    clear: left
  }

  .columns-2.columns-3 .col:nth-child(3n), .columns-3.columns-3 .col:nth-child(3n) {
    margin-right: 0
  }
}

.read-more {
  font-size: 1rem;
  float: right;
  margin-left: 2rem;
  position: relative;
  padding-top: 0.3rem;
  padding-right: 0.8rem;
  display: inline-block
}

.read-more:before {
  position: absolute;
  display: block;
  content: '';
  top: 0.8rem;
  right: 0;
  width: 0;
  height: 0;
  border-left: 0.4rem solid #d00;
  border-top: 0.3rem solid transparent;
  border-bottom: 0.3rem solid transparent
}

.read-more:hover:before {
  border-left-color: #f23b84
}

.loading {
  width: 8rem;
  height: 8rem;
  padding-top: 4rem;
  position: relative;
  display: inline-block;
  z-index: 1
}

.loading:before, .loading:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0
}

.loading:before {
  width: 6rem;
  height: 6rem;
  left: -2rem;
  bottom: -2rem;
  -webkit-border-radius: 160px;
  -moz-border-radius: 160px;
  border-radius: 160px;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  border-radius: 10rem;
  border: 2rem solid #fff;
  z-index: 1;
  background-image: url(images/usc-logos-all.svg);
  background-repeat: no-repeat;
  background-size: 410px 410px;
  background-position: 13px 6px
}

.ie8 .loading:before, .ie7 .loading:before, .no-svg .loading:before {
  background-image: url(images/usc-logos-all.png)
}

.loading:after {
  width: 6rem;
  left: 0;
  bottom: 0;
  background-color: #f8f8f8;
  z-index: -1;
  -webkit-animation: fillerup 1s ease forwards;
  -moz-animation: fillerup 1s ease forwards;
  -o-animation: fillerup 1s ease forwards;
  animation: fillerup 1s ease forwards;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s
}

.loading .ip-loader {
  opacity: 1;
  -webkit-animation: animInitialLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) both;
  -moz-animation: animInitialLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) both;
  -o-animation: animInitialLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) both;
  animation: animInitialLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) both
}

.ip-loader {
  position: absolute;
  left: -1.7rem;
  top: 4.35rem;
  width: 100%;
  z-index: 1000;
  opacity: 0;
  cursor: default;
  pointer-events: none
}

.ip-loader svg path {
  fill: none;
  stroke-width: 6
}

.ip-loader svg path.ip-loader-circlebg {
  stroke: #ddd
}

.ip-loader svg path.ip-loader-circle {
  -webkit-transition: stroke-dashoffset 0.2s;
  transition: stroke-dashoffset 0.2s;
  stroke: #ef6e7e
}

.materialize {
  -webkit-animation: materialize .3s .3s ease-in 1 forwards;
  -moz-animation: materialize .3s .3s ease-in 1 forwards;
  -o-animation: materialize .3s .3s ease-in 1 forwards;
  animation: materialize .3s .3s ease-in 1 forwards
}

.removing {
  -webkit-animation: removing .2s ease-out 1 forwards;
  -moz-animation: removing .2s ease-out 1 forwards;
  -o-animation: removing .2s ease-out 1 forwards;
  animation: removing .2s ease-out 1 forwards
}

@-webkit-keyframes animInitialLoader {
  from {
    opacity: 0;
    transform: translate3d(0, 800px, 0)
  }
}

@-moz-keyframes animInitialLoader {
  from {
    opacity: 0;
    transform: translate3d(0, 800px, 0)
  }
}

@-ms-keyframes animInitialLoader {
  from {
    opacity: 0;
    transform: translate3d(0, 800px, 0)
  }
}

@-o-keyframes animInitialLoader {
  from {
    opacity: 0;
    transform: translate3d(0, 800px, 0)
  }
}

@keyframes animInitialLoader {
  from {
    opacity: 0;
    transform: translate3d(0, 800px, 0)
  }
}

@-webkit-keyframes fillerup {
  0% {
    height: 0;
    background-color: rgba(200, 200, 200, 0.1)
  }

  100% {
    height: 6.5rem;
    background-color: #c8c8c8
  }
}

@-moz-keyframes fillerup {
  0% {
    height: 0;
    background-color: rgba(200, 200, 200, 0.1)
  }

  100% {
    height: 6.5rem;
    background-color: #c8c8c8
  }
}

@-ms-keyframes fillerup {
  0% {
    height: 0;
    background-color: rgba(200, 200, 200, 0.1)
  }

  100% {
    height: 6.5rem;
    background-color: #c8c8c8
  }
}

@-o-keyframes fillerup {
  0% {
    height: 0;
    background-color: rgba(200, 200, 200, 0.1)
  }

  100% {
    height: 6.5rem;
    background-color: #c8c8c8
  }
}

@keyframes fillerup {
  0% {
    height: 0;
    background-color: rgba(200, 200, 200, 0.1)
  }

  100% {
    height: 6.5rem;
    background-color: #c8c8c8
  }
}

@-webkit-keyframes removing {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translate(0, 0);
    transform: scale(1, 1) translate(0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5) translate(15%, 15%);
    transform: scale(0.5, 0.5) translate(15%, 15%)
  }
}

@-moz-keyframes removing {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translate(0, 0);
    transform: scale(1, 1) translate(0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5) translate(15%, 15%);
    transform: scale(0.5, 0.5) translate(15%, 15%)
  }
}

@-ms-keyframes removing {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translate(0, 0);
    transform: scale(1, 1) translate(0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5) translate(15%, 15%);
    transform: scale(0.5, 0.5) translate(15%, 15%)
  }
}

@-o-keyframes removing {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translate(0, 0);
    transform: scale(1, 1) translate(0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5) translate(15%, 15%);
    transform: scale(0.5, 0.5) translate(15%, 15%)
  }
}

@keyframes removing {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translate(0, 0);
    transform: scale(1, 1) translate(0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5) translate(15%, 15%);
    transform: scale(0.5, 0.5) translate(15%, 15%)
  }
}

@-webkit-keyframes materialize {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5) translate(0, -4rem)
  }

  100% {
    opacity: 1;
    transform: scale(1, 1) translate(0, 0)
  }
}

@-moz-keyframes materialize {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5) translate(0, -4rem)
  }

  100% {
    opacity: 1;
    transform: scale(1, 1) translate(0, 0)
  }
}

@-ms-keyframes materialize {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5) translate(0, -4rem)
  }

  100% {
    opacity: 1;
    transform: scale(1, 1) translate(0, 0)
  }
}

@-o-keyframes materialize {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5) translate(0, -4rem)
  }

  100% {
    opacity: 1;
    transform: scale(1, 1) translate(0, 0)
  }
}

@keyframes materialize {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5) translate(0, -4rem)
  }

  100% {
    opacity: 1;
    transform: scale(1, 1) translate(0, 0)
  }
}

@-webkit-keyframes rightleft {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  50% {
    -webkit-transform: translate(-2rem, 0);
    transform: translate(-2rem, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-moz-keyframes rightleft {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  50% {
    -webkit-transform: translate(-2rem, 0);
    transform: translate(-2rem, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-ms-keyframes rightleft {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  50% {
    -webkit-transform: translate(-2rem, 0);
    transform: translate(-2rem, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-o-keyframes rightleft {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  50% {
    -webkit-transform: translate(-2rem, 0);
    transform: translate(-2rem, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes rightleft {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  50% {
    -webkit-transform: translate(-2rem, 0);
    transform: translate(-2rem, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-webkit-keyframes leftright {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  50% {
    -webkit-transform: translate(2rem, 0);
    transform: translate(2rem, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-moz-keyframes leftright {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  50% {
    -webkit-transform: translate(2rem, 0);
    transform: translate(2rem, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-ms-keyframes leftright {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  50% {
    -webkit-transform: translate(2rem, 0);
    transform: translate(2rem, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-o-keyframes leftright {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  50% {
    -webkit-transform: translate(2rem, 0);
    transform: translate(2rem, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes leftright {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  50% {
    -webkit-transform: translate(2rem, 0);
    transform: translate(2rem, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important
}

.skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

button {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  border: none;
  color: #fff;
  cursor: pointer;
  -webkit-appearance: button;
  font-size: 0.8rem;
  line-height: 1;
  padding: 0.4rem 0.8rem
}

@media only screen and (min-width: 52em) {
  button, input[type="button"], input[type="reset"], input[type="submit"] {
    font-size: 1.25rem
  }
}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
  outline: none
}

a.giving-button, a.button {
  display: inline-block;
  margin: 0 0 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 3.5rem;
  padding: 0 1.25rem;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: .1875rem;
  -moz-border-radius: .1875rem;
  border-radius: .1875rem;
  background-color: rgba(165, 1, 1, 0);
  background-image: -moz-linear-gradient(#8d0000, rgba(165, 1, 1, 0));
  background-image: -o-linear-gradient(#8d0000, rgba(165, 1, 1, 0));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8d0000), color-stop(1, rgba(165, 1, 1, 0)));
  background-image: -webkit-linear-gradient(#8d0000, rgba(165, 1, 1, 0));
  background-image: -ms-linear-gradient(#8d0000, rgba(165, 1, 1, 0));
  background-image: linear-gradient(#8d0000, rgba(165, 1, 1, 0));
  background-color: #a50101;
  box-shadow: 0 0 0 1px #900;
  border: 1px solid #bc4040;
  border-width: 1px 0 0;
  text-transform: uppercase;
  letter-spacing: 0.2rem
}

a.giving-button:after, a.button:after {
  display: none
}

a.giving-button:hover, a.giving-button:focus, a.button:hover, a.button:focus {
  text-decoration: none;
  background-color: #b90101
}

.credits {
  align-items: flex-start;
  background: #fff;
  display: flex;
  flex-flow: column nowrap;
  list-style: none;
  margin: 0;
  justify-content: flex-start;
  padding: 1rem 1.5rem
}

@media only screen and (min-width: 75em) {
  .credits {
    align-items: center;
    flex-flow: row nowrap;
    justify-content: center
  }
}

.credits li {
  margin: 0 1rem 0 0
}

.credits li:after {
  content: unset;
  padding-left: unset
}

@media only screen and (min-width: 75em) {
  .credits li:after {
    content: '\2022';
    padding-left: 1rem
  }
}

.credits li:last-of-type {
  margin: 0;
  padding: 0
}

.credits li:last-of-type:after {
  content: unset;
  padding-left: unset
}

.credits li a {
  position: relative
}

.credits li a:after {
  background-color: #f23b84 !important;
  height: 1px !important
}

@media only screen and (min-width: 52em) {
  .credits li a:after {
    background-color: #f23b84 !important
  }
}

@media only screen and (min-width: 46em) {
  .credits {
    text-align: center
  }

  .credits .site-by, .credits .site-feedback {
    display: inline;
    position: relative
  }
}

.site-footer-wrapper {
  width: 100%;
  clear: both
}

.site-footer {
  -webkit-font-smoothing: antialiased;
  padding: 1rem 2rem;
  position: relative;
  background-color: #000;
  color: #fff
}

.site-footer .basics {
  float: left;
  margin-top: 1rem;
  margin-right: 1.5rem
}

.site-footer .edit-link {
  margin: 0.5rem 0 0 0
}

.site-footer ul {
  list-style: none;
  margin: 1rem 0;
  font-size: 1rem
}

.site-footer a {
  color: #fff
}

.site-footer h3 {
  font-size: 1.25rem
}

.site-footer .audiences-menu {
  position: relative;
  clear: both
}

@media only screen and (min-width: 52em) {
  .site-footer .audiences-menu {
    clear: none;
    float: right
  }
}

.site-footer .audiences-menu ul.audiences {
  clear: both
}

.site-footer .audiences-menu ul.audiences li {
  font-size: 1.1rem;
  margin: 0 0 4px 0;
  white-space: nowrap;
  width: auto
}

@media only screen and (min-width: 46em) {
  .site-footer .audiences-menu ul.audiences li {
    width: 33%;
    width: calc(33.3333% + -1px);
    margin: 0 1px 4px 0;
    float: left
  }
}

@media only screen and (min-width: 52em) {
  .site-footer .audiences-menu ul.audiences li {
    width: auto;
    margin: 0 4px 4px 0
  }
}

.site-footer .audiences-menu ul.audiences li a {
  display: block;
  background: #222;
  transition: all .5s;
  padding: 1.7rem 1.25rem
}

.site-footer .audiences-menu ul.audiences li a:before {
  background: rgba(255, 255, 255, 0.1)
}

.site-footer .audiences-menu ul.audiences li a:hover {
  background: #333
}

.site-footer ul.misc li {
  width: 17.5rem
}

.site-footer ul.misc li a {
  display: block;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.3rem
}

.site-footer ul.misc li a:before {
  background: rgba(255, 255, 255, 0.15)
}

.site-footer .social-menu {
  position: relative;
  vertical-align: top
}

@media only screen and (min-width: 35em) {
  .site-footer .social-menu {
    float: right
  }
}

.site-footer .social-menu ul.social li {
  display: inline-block;
  padding: 0;
  margin: 0 -0.25rem 0.25rem 0;
  width: 20%
}

@media only screen and (min-width: 35em) {
  .site-footer .social-menu ul.social li {
    float: left;
    width: 4.5rem;
    margin: 0 0.25rem 0.25rem 0
  }
}

.site-footer .social-menu ul.social li a {
  position: relative;
  text-indent: -9999px;
  padding: 0;
  display: block;
  height: 4.5rem;
  transition: all .5s
}

.site-footer .social-menu ul.social li a:before {
  position: absolute;
  content: '';
  top: 1rem;
  left: 1.2rem;
  left: calc(50% + -16px);
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  background-image: url(images/sprite2.svg);
  background-repeat: no-repeat;
  background-size: 110px 392px
}

.ie8 .site-footer .social-menu ul.social li a:before, .ie7 .site-footer .social-menu ul.social li a:before, .no-svg .site-footer .social-menu ul.social li a:before {
  background-image: url(images/sprite2.png)
}

.site-footer .social-menu ul.social li.flickr a {
  background: #eee
}

.site-footer .social-menu ul.social li.flickr a:before {
  background-position: 2px -278px;
  left: 0.75rem;
  left: calc(50% + -25px);
  top: 0.8rem;
  width: 50px;
  height: 46px
}

.site-footer .social-menu ul.social li.flickr a:hover {
  background-color: #fff
}

.site-footer .social-menu ul.social li.facebook a {
  background: #3e599d
}

.site-footer .social-menu ul.social li.facebook a:before {
  background-position: 0 -137px
}

.site-footer .social-menu ul.social li.facebook a:hover {
  background-color: #5371bb
}

.site-footer .social-menu ul.social li.twitter a {
  background: #39a8e6
}

.site-footer .social-menu ul.social li.twitter a:before {
  background-position: 0 -66px
}

.site-footer .social-menu ul.social li.twitter a:hover {
  background-color: #66bcec
}

.site-footer .social-menu ul.social li.youtube a {
  background: #eb3223
}

.site-footer .social-menu ul.social li.youtube a:before {
  background-position: -3px -212px
}

.site-footer .social-menu ul.social li.youtube a:hover {
  background-color: #ef5e52
}

.site-footer .social-menu ul.social li.instagram a {
  background: -webkit-linear-gradient(-262.87498deg, #ffda7e 0, rgba(244, 48, 109, 0) 34%, #F4306D 44%, #D53592 63%, #4258F5 100%), -webkit-radial-gradient(28% 142%, circle farthest-corner, rgba(255, 104, 177, 0.1) 0, #fff 9%, #FBE18A 32%, #FBBB45 37%, #F88330 43%, #F86737 52%, #F8443E 57%, #F4306D 70%, #D53592 85%, #4258F5 100%), -webkit-linear-gradient(-18.43495deg, rgba(255, 255, 255, 0.49) 0, rgba(255, 255, 255, 0.49) 57%, #F4306D 82%, #D53592 100%), -webkit-linear-gradient(-228deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 1%, #903ACD 49%, #903ACD 77%, rgba(144, 58, 205, 0) 100%);
  background: -moz-linear-gradient(352.87498deg, rgba(255, 255, 255, 0) 0, rgba(244, 48, 109, 0) 34%, #F4306D 44%, #D53592 63%, #4258F5 100%), -moz-radial-gradient(28% 142%, circle farthest-corner, rgba(255, 104, 177, 0.1) 0, #fff 9%, #FBE18A 32%, #FBBB45 37%, #F88330 43%, #F86737 52%, #F8443E 57%, #F4306D 70%, #D53592 85%, #4258F5 100%), -moz-linear-gradient(108.43495deg, rgba(255, 255, 255, 0.49) 0, rgba(255, 255, 255, 0.49) 57%, #F4306D 82%, #D53592 100%), -moz-linear-gradient(318deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 1%, #903ACD 49%, #903ACD 77%, rgba(144, 58, 205, 0) 100%);
  background: linear-gradient(352.87498deg, rgba(255, 255, 255, 0) 0, rgba(244, 48, 109, 0) 34%, #F4306D 44%, #D53592 63%, #4258F5 100%), radial-gradient(circle farthest-corner at 28% 142%, rgba(255, 104, 177, 0.1) 0%, #ffffff 9%, #fbe18a 32%, #fbbb45 37%, #f88330 43%, #f86737 52%, #f8443e 57%, #f4306d 70%, #d53592 85%, #4258f5 100%), linear-gradient(108.43495deg, rgba(255, 255, 255, 0.49) 0, rgba(255, 255, 255, 0.49) 57%, #F4306D 82%, #D53592 100%), linear-gradient(318deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 1%, #903ACD 49%, #903ACD 77%, rgba(144, 58, 205, 0) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.25)
}

.site-footer .social-menu ul.social li.instagram a:before {
  background-position: 2px -352px;
  left: 0.9rem;
  left: calc(50% + -20px)
}

.site-footer .social-menu ul.social li.instagram a:hover {
  box-shadow: none
}

.site-footer .social-menu ul.social li.search {
  display: none
}

input, select, textarea {
  margin: 0;
  vertical-align: baseline;
  font-size: 1.25rem;
  font-weight: 300;
  font-family: "Lato", Helvetica, Arial, sans-serif
}

input[type="checkbox"], input[type="radio"] {
  padding: 0
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
  color: #666;
  border: none
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
  color: #111;
  outline: 0
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
  padding: 0.75rem
}

textarea {
  overflow: auto;
  padding: 0.4rem;
  vertical-align: top;
  width: 98%
}

.site-wrapper {
  position: relative;
  transition: all .5s ease-out
}

body.shifted {
  overflow: hidden
}

body.shifted .shifted-overlay {
  transition: background .5s ease-out, left .5s ease-out;
  position: fixed;
  top: 0;
  left: 12rem;
  background: rgba(160, 160, 160, 0.8);
  width: 100%;
  height: 100%;
  z-index: 4
}

body.shifted .site-wrapper {
  position: relative;
  overflow: auto;
  margin: 0 -12rem 0 12rem
}

.site-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  width: 100%;
  background: #000;
  transition: all .5s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  left: 0
}

@media only screen and (min-width: 52em) {
  .site-header {
    background: none
  }
}

@media only screen and (min-width: 35em) {
  .site-header:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 10.5rem;
    background-color: rgba(0, 0, 0, 0.4);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.8)), color-stop(1, rgba(0, 0, 0, 0.4)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4));
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4));
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4));
    box-shadow: inset 0 -10px 20px rgba(0, 0, 0, 0.5)
  }
}

.site-header h1, .site-header h2, .site-header h3, .site-header h4, .site-header h5, .site-header h6 {
  margin: 0
}

@media only screen and (min-width: 35em) {
  .home .site-header:after, .full-image .site-header:after {
    background-color: rgba(0, 0, 0, 0.15);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.15));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.15));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.95)), color-stop(1, rgba(0, 0, 0, 0.15)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.15));
    background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.15));
    background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.15))
  }
}

.brand-title {
  position: absolute;
  top: 0;
  right: 30px;
  z-index: 2
}

.brand-title a {
  display: block;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url(images/usc-logos-all.svg);
  background-repeat: no-repeat;
  background-size: 200px 200px;
  background-position: 0 0;
  width: 2.25rem;
  height: 3rem;
  margin-top: 1rem;
  transition: none
}

.ie8 .brand-title a, .ie7 .brand-title a, .no-svg .brand-title a {
  background-image: url(images/usc-logos-all.png)
}

@media only screen and (min-width: 35em) {
  .brand-title a {
    width: 8rem;
    background-size: 8rem 8rem;
    background-position: 0 bottom
  }
}

@media only screen and (min-width: 52em) {
  .brand-title a {
    width: 12.5rem;
    background-size: 12.5rem 12.5rem;
    background-position: 0 0
  }
}

.site-title {
  z-index: 1
}

.site-title a {
  text-indent: -9999px;
  display: block;
  background-image: url(images/sda-title-two-lines.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0.5rem bottom;
  color: #fff;
  text-decoration: none;
  width: 16.25rem;
  height: 6.875rem;
  padding: 0;
  transition: all .5s ease-out
}

.ie8 .site-title a, .ie7 .site-title a, .no-svg .site-title a {
  background-image: url(images/sda-title-two-lines.png)
}

.site-title a:active {
  background-color: #a00
}

@media only screen and (min-width: 35em) {
  .site-title a {
    background-position: center 1rem;
    float: left;
    width: 20.25rem;
    height: 6.875rem;
    margin-left: 10px
  }
}

@media only screen and (min-width: 75em) {
  .site-title a {
    margin-left: 0;
    background-color: #000;
    background-position: center bottom;
    height: 10.5rem
  }

  .site-title a:hover {
    background-color: #900
  }
}

ul, ol {
  margin: 0 0 1.5em 3em
}

ul {
  list-style: disc
}

ol {
  list-style: decimal
}

li>ul, li>ol {
  margin-bottom: 0;
  margin-left: 1.5em
}

dt {
  font-weight: bold
}

dd {
  margin: 0 1.5em 1.5em
}

dl.compact {
  margin: 1rem 0;
  display: block
}

dt.compact, dd.compact {
  margin: 0;
  padding: 0
}

dl.compact dt {
  clear: left;
  float: left;
  width: 20%
}

dl.compact dd {
  float: left;
  width: 79%
}

img {
  max-width: 100%;
  height: auto
}

#map img {
  max-width: none
}

embed, iframe, object {
  max-width: 100%
}

.default-width {
  width: 100%
}

.issuuembed {
  width: 100% !important;
  height: 500px !important
}

@media only screen and (max-width: 52em) {
  .issuuembed {
    height: 300px !important
  }
}

@media only screen and (min-width: 52em) {
  .content-block iframe.video {
    width: 125%;
    max-width: 125%
  }
}

@media only screen and (min-width: 52em) {
  .block iframe.video {
    width: 100%;
    max-width: 100% !important
  }
}

.site-navigation {
  width: 100%;
  height: 59px;
  z-index: 0;
  position: absolute;
  top: 109px;
  background-color: #000;
  left: 0
}

@media only screen and (min-width: 46em) {
  .site-navigation {
    background-color: transparent;
    position: relative;
    top: auto;
    left: auto;
    height: 58px;
    padding-top: 110px
  }
}

.site-navigation .home-link {
  display: none
}

.site-navigation.fixed {
  padding-top: 0;
  position: fixed;
  z-index: 5;
  top: 0;
  background-color: #720000;
  background-color: rgba(119, 0, 0, 0.92);
  -webkit-animation: gored .5s linear;
  -moz-animation: gored .5s linear;
  -o-animation: gored .5s linear;
  animation: gored .5s linear
}

.site-navigation.fixed .site-nav {
  padding-top: 0
}

@media only screen and (min-width: 75em) {
  .site-navigation.fixed .home-link {
    text-indent: -9999px;
    display: block;
    width: 250px;
    height: 58px;
    transition: all .5s;
    background-image: url(images/sda-title-two-lines.svg);
    background-repeat: no-repeat;
    background-size: 179px 60px;
    background-position: 20px 1px
  }

  .ie8 .site-navigation.fixed .home-link, .ie7 .site-navigation.fixed .home-link, .no-svg .site-navigation.fixed .home-link {
    background-image: url(images/sda-title-two-lines.png)
  }
}

.site-navigation .menu-toggle {
  float: left;
  text-indent: 0;
  margin: 0 0 0 1em;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  padding: 23px 12px 16px 12px
}

.site-navigation .menu-toggle:hover, .site-navigation .menu-toggle:visited {
  color: #fff
}

@media only screen and (min-width: 52em) {
  .site-navigation .menu-toggle {
    display: none
  }
}

.underline, .content-area .entry-content a:after, .content-area .archive-list a:after, .content-area .block.content-width.has-block-label a:after, .credits li a:after, .site-nav li a:after, .site-social li a:after, .site-nav li.current-menu-item a:after, .site-nav li.current-page-ancestor a:after, .site-social li.current-menu-item a:after, .site-social li.current-page-ancestor a:after, body.post-category-news li.menu-item-435 a:after, body.post-category-event li.menu-item-790 a:after, body.category-event li.menu-item-790 a:after, body.post-category-faculty li.menu-item-2801 a:after, body.post-category-alumni li.menu-item-783 a:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  opacity: 0;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
  transition: height .2s, opacity .2s, transform .4s;
  transform: translateY(-10px)
}

@media only screen and (min-width: 52em) {
  .underline, .content-area .entry-content a:after, .content-area .archive-list a:after, .content-area .block.content-width.has-block-label a:after, .credits li a:after, .site-nav li a:after, .site-social li a:after, .site-nav li.current-menu-item a:after, .site-nav li.current-page-ancestor a:after, .site-social li.current-menu-item a:after, .site-social li.current-page-ancestor a:after, body.post-category-news li.menu-item-435 a:after, body.post-category-event li.menu-item-790 a:after, body.category-event li.menu-item-790 a:after, body.post-category-faculty li.menu-item-2801 a:after, body.post-category-alumni li.menu-item-783 a:after {
    background-color: #fff
  }
}

.underline:hover, .content-area .entry-content a:hover:after, .content-area .archive-list a:hover:after, .content-area .block.content-width.has-block-label a:hover:after, .credits li a:hover:after, .site-nav li a:hover:after, .site-social li a:hover:after, body.post-category-news li.menu-item-435 a:hover:after, body.post-category-event li.menu-item-790 a:hover:after, body.category-event li.menu-item-790 a:hover:after, body.post-category-faculty li.menu-item-2801 a:hover:after, body.post-category-alumni li.menu-item-783 a:hover:after {
  opacity: 1;
  transform: translateY(0px)
}

.site-nav, .site-social {
  z-index: 5
}

.site-nav li, .site-social li {
  list-style: none;
  margin: 0;
  padding: 0
}

@media only screen and (min-width: 52em) {
  .site-nav li, .site-social li {
    float: left
  }
}

.site-nav li a, .site-social li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  line-height: 1;
  padding: 1.25rem 0.4rem 0.25rem 0.4rem;
  position: relative
}

@media only screen and (min-width: 52em) {
  .site-nav li a, .site-social li a {
    padding-top: 1.5rem;
    padding-bottom: 1rem
  }
}

@media only screen and (min-width: 90em) {
  .site-nav li a, .site-social li a {
    margin-right: 1rem
  }
}

.site-nav li.current-menu-item a:after, .site-nav li.current-page-ancestor a:after, .site-social li.current-menu-item a:after, .site-social li.current-page-ancestor a:after {
  opacity: 1;
  transform: translateY(0px);
  background: #fc0
}

body.post-category-news li.menu-item-435 a:after, body.post-category-event li.menu-item-790 a:after, body.category-event li.menu-item-790 a:after, body.post-category-faculty li.menu-item-2801 a:after, body.post-category-alumni li.menu-item-783 a:after {
  background: #fc0;
  opacity: 1;
  transform: translateY(0px)
}

.site-nav {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -12rem;
  width: 12rem;
  height: auto;
  opacity: 0;
  transition: margin .5s ease-out
}

@media only screen and (min-width: 52em) {
  .site-nav {
    opacity: 1;
    height: 58px;
    margin-left: 0;
    background: none;
    width: auto;
    left: 20px;
    padding-top: 110px
  }
}

@media only screen and (min-width: 75em) {
  .site-nav {
    margin: 0 0 0 320px
  }
}

body.shifted .site-nav {
  position: fixed;
  backface-visibility: hidden;
  z-index: 10;
  top: 0;
  background: #000;
  opacity: 1;
  left: 0;
  margin-left: 0;
  height: 100%;
  transition: margin 0.5s ease-out
}

@-webkit-keyframes gored {
  0% {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
  }

  100% {
    background-color: #690000;
    background-color: rgba(119, 0, 0, 0.8)
  }
}

@-moz-keyframes gored {
  0% {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
  }

  100% {
    background-color: #690000;
    background-color: rgba(119, 0, 0, 0.8)
  }
}

@-ms-keyframes gored {
  0% {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
  }

  100% {
    background-color: #690000;
    background-color: rgba(119, 0, 0, 0.8)
  }
}

@-o-keyframes gored {
  0% {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
  }

  100% {
    background-color: #690000;
    background-color: rgba(119, 0, 0, 0.8)
  }
}

@keyframes gored {
  0% {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
  }

  100% {
    background-color: #690000;
    background-color: rgba(119, 0, 0, 0.8)
  }
}

.site-social {
  margin: 0;
  position: absolute;
  bottom: 2px;
  right: 1.5rem
}

.site-social li {
  float: left
}

.site-social li a {
  position: relative;
  text-indent: -9999px;
  width: 1.7rem;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem
}

.site-social li a:before {
  position: absolute;
  content: '';
  top: 1.25rem;
  left: 0.6rem;
  width: 1.4rem;
  height: 1.4rem;
  text-indent: -9999px;
  background-image: url(images/sprite2.svg);
  background-repeat: no-repeat;
  background-size: 55px 196px
}

.ie8 .site-social li a:before, .ie7 .site-social li a:before, .no-svg .site-social li a:before {
  background-image: url(images/sprite2.png)
}

.site-social li.flickr {
  display: none
}

.site-social li.facebook a:before {
  background-position: 0 -67px
}

.site-social li.facebook a:after {
  background: #3e599d
}

.site-social li.instagram a:before {
  background-position: -1px -174px
}

.site-social li.instagram a:after {
  background: #de3570
}

.site-social li.twitter a:before {
  background-position: 0 -31px
}

.site-social li.twitter a:after {
  background: #39a8e6
}

.site-social li.youtube a:before {
  background-position: -2px -104px
}

.site-social li.youtube a:after {
  background: #eb3223
}

.site-social li.search a {
  position: relative
}

.site-social li.search a:before {
  background-position: 0 0
}

.site-social li.search a:after {
  background: #f00
}

.site-social li.search a.active:after {
  opacity: 1;
  transform: translateY(0px)
}

@media only screen and (min-width: 46em) {
  .error-404, .no-results {
    min-height: 28rem
  }
}

.site-navigation .site-search {
  position: absolute;
  right: 1.5rem;
  height: 3rem;
  padding: .5rem;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4)
}

.site-navigation .site-search.hide {
  transition: opacity 0.5s ease-out, bottom 0.5s ease-out;
  bottom: -3.5rem;
  opacity: 0;
  visibility: hidden
}

.site-navigation .site-search.show {
  transition: opacity 0.5s ease-out, bottom 0.5s ease-out;
  visibility: visible;
  bottom: -4rem;
  opacity: 1
}

.search-not-found {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 6rem
}

.search-not-found .site-search {
  display: table-row;
  width: 100%
}

.search-not-found .site-search .search-field, .search-not-found .site-search .search-submit {
  display: table-cell
}

.search-not-found .site-search .search-field {
  border: 2px solid #eee;
  border-right: none;
  margin-right: -2px;
  width: 50%;
  transition: all .5s
}

.search-not-found .site-search .search-field:focus {
  border-color: #999
}

@media only screen and (min-width: 46em) {
  .search-not-found .site-search .search-field {
    width: 64%
  }
}

@media only screen and (min-width: 75em) {
  .search-not-found .site-search .search-field {
    width: 75%
  }
}

.search-not-found .site-search .search-submit {
  height: 3.25rem;
  vertical-align: top;
  background: #444;
  width: 40%;
  transition: all .3s
}

@media only screen and (min-width: 46em) {
  .search-not-found .site-search .search-submit {
    width: 30%
  }
}

@media only screen and (min-width: 75em) {
  .search-not-found .site-search .search-submit {
    width: 20%
  }
}

.search-not-found .site-search .search-submit:hover {
  background: #900
}

.search-not-found .site-search .search-submit:before {
  background: rgba(255, 0, 0, 0.3)
}

.search-submit {
  background: transparent
}

table {
  margin: 0 0 0 -0.5rem;
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border: none
}

table th, table td {
  vertical-align: top;
  padding: 0.25rem 0.5rem;
  border: none;
  font-size: 1.25rem;
  font-weight: 300
}

table th {
  color: #999;
  font-size: 1rem;
  text-align: left;
  border-bottom: 1px solid #aaa;
  padding-bottom: 0.2rem;
  vertical-align: bottom
}

table tr td {
  border-left: 1px solid #e0e0e0;
  border-left: 1px solid rgba(0, 0, 0, 0.05)
}

table tr td:first-of-type {
  border-left: none
}

table tr:nth-child(2n) td {
  background-color: rgba(180, 180, 180, 0.06)
}

.lazy {
  min-height: 60rem;
  background-color: #fff;
  text-align: center
}

.block {
  position: relative;
  clear: both;
  overflow: visible
}

.block .feature-photo, .block.photo-block {
  margin: 0
}

.block .feature-photo figcaption, .block.photo-block figcaption {
  font-size: 1.25rem;
  line-height: 1.4;
  z-index: 1;
  border-bottom: 1px solid #eee
}

@media only screen and (min-width: 75em) {
  .block .feature-photo figcaption, .block.photo-block figcaption {
    border-bottom: none
  }
}

.block .feature-photo figcaption p.caption, .block.photo-block figcaption p.caption {
  display: none
}

@media only screen and (min-width: 75em) {
  .block .feature-photo figcaption p.caption, .block.photo-block figcaption p.caption {
    position: absolute;
    width: 20%;
    display: block;
    bottom: -3rem;
    right: 1.5rem;
    height: 0;
    border-bottom: none
  }
}

@media only screen and (min-width: 75em) {
  .block .feature-photo figcaption, .block.photo-block figcaption {
    position: absolute
  }
}

@media only screen and (min-width: 52em) and (max-width: 75em) {
  .block .feature-photo figcaption, .block.photo-block figcaption {
    font-size: 1.1rem
  }
}

@media only screen and (min-width: 75em) {
  .block .feature-photo figcaption, .block.photo-block figcaption {
    width: 33.3%
  }
}

.block .feature-photo figcaption h1.entry-title, .block.photo-block figcaption h1.entry-title {
  float: none;
  width: 100%;
  margin: 1rem 0 0 0
}

@media only screen and (min-width: 52em) {
  .block .feature-photo figcaption h1.entry-title, .block.photo-block figcaption h1.entry-title {
    margin: 0
  }
}

.block .feature-photo figcaption h2, .block.photo-block figcaption h2 {
  margin-top: 0
}

@media only screen and (min-width: 52em) and (max-width: 75em) {
  .block .feature-photo figcaption h2, .block.photo-block figcaption h2 {
    font-size: 2rem
  }
}

.block .feature-photo figcaption h3, .block.photo-block figcaption h3 {
  margin-top: 0
}

@media only screen and (min-width: 75em) {
  .block .feature-photo figcaption.text-left, .block .feature-photo figcaption.text-right, .block .feature-photo figcaption.text-bottom-left, .block .feature-photo figcaption.text-bottom-right, .block.photo-block figcaption.text-left, .block.photo-block figcaption.text-right, .block.photo-block figcaption.text-bottom-left, .block.photo-block figcaption.text-bottom-right {
    width: 42%
  }

  .block .feature-photo figcaption.text-left.text-left, .block .feature-photo figcaption.text-left.text-right, .block .feature-photo figcaption.text-right.text-left, .block .feature-photo figcaption.text-right.text-right, .block .feature-photo figcaption.text-bottom-left.text-left, .block .feature-photo figcaption.text-bottom-left.text-right, .block .feature-photo figcaption.text-bottom-right.text-left, .block .feature-photo figcaption.text-bottom-right.text-right, .block.photo-block figcaption.text-left.text-left, .block.photo-block figcaption.text-left.text-right, .block.photo-block figcaption.text-right.text-left, .block.photo-block figcaption.text-right.text-right, .block.photo-block figcaption.text-bottom-left.text-left, .block.photo-block figcaption.text-bottom-left.text-right, .block.photo-block figcaption.text-bottom-right.text-left, .block.photo-block figcaption.text-bottom-right.text-right {
    top: 3rem
  }

  .block .feature-photo figcaption.text-left.text-left, .block .feature-photo figcaption.text-left.text-bottom-left, .block .feature-photo figcaption.text-right.text-left, .block .feature-photo figcaption.text-right.text-bottom-left, .block .feature-photo figcaption.text-bottom-left.text-left, .block .feature-photo figcaption.text-bottom-left.text-bottom-left, .block .feature-photo figcaption.text-bottom-right.text-left, .block .feature-photo figcaption.text-bottom-right.text-bottom-left, .block.photo-block figcaption.text-left.text-left, .block.photo-block figcaption.text-left.text-bottom-left, .block.photo-block figcaption.text-right.text-left, .block.photo-block figcaption.text-right.text-bottom-left, .block.photo-block figcaption.text-bottom-left.text-left, .block.photo-block figcaption.text-bottom-left.text-bottom-left, .block.photo-block figcaption.text-bottom-right.text-left, .block.photo-block figcaption.text-bottom-right.text-bottom-left {
    left: 3%
  }

  .block .feature-photo figcaption.text-left.text-right, .block .feature-photo figcaption.text-left.text-bottom-right, .block .feature-photo figcaption.text-right.text-right, .block .feature-photo figcaption.text-right.text-bottom-right, .block .feature-photo figcaption.text-bottom-left.text-right, .block .feature-photo figcaption.text-bottom-left.text-bottom-right, .block .feature-photo figcaption.text-bottom-right.text-right, .block .feature-photo figcaption.text-bottom-right.text-bottom-right, .block.photo-block figcaption.text-left.text-right, .block.photo-block figcaption.text-left.text-bottom-right, .block.photo-block figcaption.text-right.text-right, .block.photo-block figcaption.text-right.text-bottom-right, .block.photo-block figcaption.text-bottom-left.text-right, .block.photo-block figcaption.text-bottom-left.text-bottom-right, .block.photo-block figcaption.text-bottom-right.text-right, .block.photo-block figcaption.text-bottom-right.text-bottom-right {
    right: 3%
  }
}

.block .feature-photo figcaption.bottom, .block .feature-photo figcaption.bottom.opaque, .block.photo-block figcaption.bottom, .block.photo-block figcaption.bottom.opaque {
  padding: 0;
  bottom: 0;
  width: 100%
}

@media only screen and (min-width: 52em) {
  .block .feature-photo figcaption.bottom, .block .feature-photo figcaption.bottom.opaque, .block.photo-block figcaption.bottom, .block.photo-block figcaption.bottom.opaque {
    background: rgba(0, 0, 0, 0.66)
  }
}

.block .feature-photo figcaption.bottom header, .block .feature-photo figcaption.bottom.opaque header, .block.photo-block figcaption.bottom header, .block.photo-block figcaption.bottom.opaque header {
  background: none;
  margin-left: 5%;
  margin-right: 5%
}

@media only screen and (min-width: 35em) {
  .block .feature-photo figcaption.bottom header, .block .feature-photo figcaption.bottom.opaque header, .block.photo-block figcaption.bottom header, .block.photo-block figcaption.bottom.opaque header {
    margin-left: 10%;
    margin-right: 10%
  }
}

@media only screen and (min-width: 46em) {
  .block .feature-photo figcaption.bottom header, .block .feature-photo figcaption.bottom.opaque header, .block.photo-block figcaption.bottom header, .block.photo-block figcaption.bottom.opaque header {
    margin-left: 15%;
    margin-right: 15%
  }
}

@media only screen and (min-width: 52em) {
  .block .feature-photo figcaption.bottom header, .block .feature-photo figcaption.bottom.opaque header, .block.photo-block figcaption.bottom header, .block.photo-block figcaption.bottom.opaque header {
    color: #fff;
    margin-bottom: 1rem;
    margin-left: 23%;
    margin-right: 2%;
    width: 73%;
    padding: 0.5rem 2%;
    max-width: 800px
  }
}

@media only screen and (min-width: 52em) {
  .block .feature-photo figcaption.bottom-right, .block .feature-photo figcaption.bottom-left, .block .feature-photo figcaption.text-bottom-right, .block .feature-photo figcaption.text-bottom-left, .block.photo-block figcaption.bottom-right, .block.photo-block figcaption.bottom-left, .block.photo-block figcaption.text-bottom-right, .block.photo-block figcaption.text-bottom-left {
    bottom: 1.5rem
  }
}

@media only screen and (min-width: 75em) {
  .block .feature-photo figcaption.bottom-right, .block .feature-photo figcaption.bottom-left, .block .feature-photo figcaption.text-bottom-right, .block .feature-photo figcaption.text-bottom-left, .block.photo-block figcaption.bottom-right, .block.photo-block figcaption.bottom-left, .block.photo-block figcaption.text-bottom-right, .block.photo-block figcaption.text-bottom-left {
    bottom: 2rem
  }
}

@media only screen and (min-width: 52em) {
  .block .feature-photo figcaption.bottom-right, .block.photo-block figcaption.bottom-right {
    right: 1.5rem
  }
}

@media only screen and (min-width: 75em) {
  .block .feature-photo figcaption.bottom-right, .block.photo-block figcaption.bottom-right {
    right: 3%
  }
}

@media only screen and (min-width: 52em) {
  .block .feature-photo figcaption.bottom-left, .block.photo-block figcaption.bottom-left {
    left: 1.5rem
  }
}

@media only screen and (min-width: 75em) {
  .block .feature-photo figcaption.bottom-left, .block.photo-block figcaption.bottom-left {
    left: 3%
  }
}

.two-circle {
  position: relative
}

.two-circle figure {
  margin: 0
}

.two-circle figure img {
  width: 100%;
  height: auto
}

.two-circle ul {
  list-style: none
}

.two-circle span.fill {
  display: block;
  line-height: 0.86
}

.two-circle li.half {
  position: relative
}

@media only screen and (min-width: 75em) {
  .two-circle li.half {
    width: 50%;
    float: left
  }

  .two-circle li.half:nth-child(2) .edit-link.mini {
    right: auto !important;
    left: 1rem
  }
}

.two-circle li.half a .padding {
  font-family: "ChunkFive", Helvetica, Arial, sans-serif;
  position: absolute;
  bottom: 1rem;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 2;
  padding: 0
}

.two-circle li.half a .padding h3 {
  color: #fff;
  font-size: 1.5rem
}

@media only screen and (min-width: 46em) {
  .two-circle li.half a .padding h3 {
    font-size: 2rem
  }
}

.two-circle li.half a:before {
  transition: all .5s;
  top: 0;
  left: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #e06666;
  background-color: rgba(204, 0, 0, 0.6);
  box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.8)
}

.two-circle li.half a:after {
  position: absolute;
  content: '';
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background-color: rgba(0, 0, 0, 0.8) 100%;
  background-image: -moz-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  background-image: -o-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent 0%), color-stop(1, rgba(0, 0, 0, 0.8) 100%));
  background-image: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  background-image: -ms-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.8) 100%)
}

.two-circle li.half a:hover:before {
  opacity: 1
}

.two-circle li.circle {
  color: #fff;
  text-align: center;
  height: 17rem;
  margin: 1rem
}

@media only screen and (min-width: 75em) {
  .two-circle li.circle {
    position: absolute;
    width: 14rem;
    height: 14rem;
    left: 50%;
    bottom: 50%;
    bottom: calc(50% + 1.5rem);
    margin: 0 0 -7rem -7rem;
    z-index: 3
  }
}

.two-circle li.circle>a {
  display: block;
  border-radius: 50%;
  width: 14rem;
  height: 14rem;
  position: relative;
  margin: 0 auto;
  transition: all .5s;
  background-color: #c22f6a;
  background-color: rgba(242, 59, 132, 0.8)
}

.two-circle li.circle>a:hover {
  background-color: #a30000;
  background-color: rgba(204, 0, 0, 0.8)
}

.two-circle li.circle>a .padding {
  padding: 2rem
}

.two-circle li.circle>a .padding h3 {
  color: #fff;
  margin: 0;
  text-align: center;
  height: 10rem;
  font-family: "ChunkFive", Helvetica, Arial, sans-serif
}

.two-circle li.circle span.cta {
  background: #000;
  margin: 0.5rem auto 0 auto;
  display: block;
  font-size: 1.25rem;
  text-align: center
}

.feature-photo img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0
}

.feature-photo.image-offset {
  margin-top: 1.5rem
}

@media only screen and (min-width: 52em) {
  .feature-photo.image-offset {
    width: 75%;
    max-width: 24rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-right: -43.75%
  }
}

.feature-photo.image-side {
  margin-top: 1.5rem
}

@media only screen and (min-width: 52em) {
  .feature-photo.image-side {
    width: 36%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    margin-right: -43.75%
  }
}

.feature-photo.image-content {
  margin: 1rem 0 0 0
}

@media only screen and (min-width: 52em) {
  .feature-photo.image-content {
    margin: -0.5rem 0 0 0;
    border-top: 1rem solid #fff;
    padding-bottom: 1rem;
    border-bottom: 2px solid #eee
  }
}

@media only screen and (min-width: 52em) {
  .category-news .feature-photo.image-offset {
    margin-top: 4rem
  }
}

.photo-block .feature-photo figcaption {
  -webkit-font-smoothing: subpixel-antialiased;
  opacity: 0.99;
  padding: 1.5rem
}

.photo-block .feature-photo figcaption.opaque h2:before {
  display: none
}

@media only screen and (min-width: 75em) {
  .photo-block .feature-photo figcaption.opaque {
    padding: 1.5rem 1.5rem 1rem 1.5rem
  }
}

@media only screen and (min-width: 75em) {
  .boxed .feature-photo figcaption {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.4);
    padding: 1.5rem 1.5rem 1rem 1.5rem
  }
}

figcaption {
  background: none
}

@media only screen and (min-width: 52em) {
  figcaption {
    color: #fff
  }
}

figcaption a.teaser {
  color: #000;
  text-decoration: none;
  display: block
}

figcaption.labeled h2 {
  font-size: 1.75rem
}

figcaption.labeled h3 {
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 100;
  margin-bottom: 2rem
}

@media only screen and (min-width: 46em) {
  figcaption.labeled h3 {
    font-size: 3.5rem
  }
}

figcaption.labeled p {
  margin: 1rem 0
}

figcaption .entry-header h2.subhead, figcaption .page-header h2.subhead {
  margin: 1rem 0 -0.5rem 0.4rem
}

figcaption.opaque {
  background: #fff;
  color: #000;
  padding: 1.5rem
}

figcaption.opaque h2 {
  position: relative
}

figcaption.opaque h2:before {
  position: absolute;
  content: '';
  z-index: 2;
  top: -3.5rem;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 1.1rem solid #fff;
  border-right: 1rem solid transparent;
  border-left: 1rem solid transparent;
  border-top: 1rem solid transparent
}

.homepage-first.photo-block {
  z-index: 1
}

.homepage-first figcaption.labeled h3 {
  font-size: 2rem;
  margin-bottom: 0
}

h2 {
  position: relative;
  margin: 1.5rem 0 1rem 0
}

.heading-label {
  font-size: 1.5rem;
  display: block;
  margin: 1rem 0 0 0.1rem
}

h3 {
  font-weight: 700;
  line-height: 1.1;
  margin: 0.5rem 0
}

article h2, .archive-list h2 {
  font-size: 2rem
}

article h4, .archive-list h4 {
  padding-top: 1rem;
  margin: 0;
  clear: left
}

article p, .archive-list p {
  margin: 1rem 0
}

article ul, .archive-list ul {
  list-style-type: circle;
  margin: 1rem 0 1rem 2rem
}

.block.content-width {
  padding-bottom: 3.5rem;
  overflow: visible
}

@media only screen and (min-width: 52em) {
  .block.content-width {
    margin-right: 25%;
    float: right;
    width: 50%
  }
}

.entry-content .block.content-width.summary-list ul li figure.photo, .content-area .entry-content .block.content-width.has-block-label.summary-list ul li figure.photo {
  position: relative;
  float: left
}

@media only screen and (min-width: 52em) {
  .entry-content .block.content-width, .content-area .entry-content .block.content-width.has-block-label {
    margin-right: 0;
    float: none;
    width: auto
  }
}

@media only screen and (max-width: 52em) {
  .entry-content .block.content-width {
    padding-left: 0;
    padding-right: 0
  }
}

@media only screen and (min-width: 52em) {
  article .entry-content:last-of-type {
    padding-bottom: 2rem
  }
}

@media only screen and (max-width: 52em) {
  body.full-image article.page, body.full-image article.post {
    margin-top: -0.5rem
  }
}

.content-module, .content-area .entry-content, .content-area .archive-list, .content-area .block.content-width.has-block-label, .block.content-width {
  padding-left: 5%;
  padding-right: 5%
}

@media only screen and (min-width: 35em) {
  .content-module, .content-area .entry-content, .content-area .archive-list, .content-area .block.content-width.has-block-label, .block.content-width {
    padding-left: 10%;
    padding-right: 10%
  }
}

@media only screen and (min-width: 46em) {
  .content-module, .content-area .entry-content, .content-area .archive-list, .content-area .block.content-width.has-block-label, .block.content-width {
    padding-left: 15%;
    padding-right: 15%
  }
}

@media only screen and (min-width: 52em) {
  .content-module, .content-area .entry-content, .content-area .archive-list, .content-area .block.content-width.has-block-label, .block.content-width {
    padding-left: 0;
    padding-right: 0
  }

  .content-module.page, .content-area .page.entry-content, .content-area .page.archive-list, .content-area .page.block.content-width.has-block-label, .page.block.content-width, .content-module.post, .content-area .post.entry-content, .content-area .post.archive-list, .content-area .post.block.content-width.has-block-label, .post.block.content-width {
    padding-right: 25%
  }
}

article.post.category-event .when-where {
  font-size: 1rem;
  margin-top: 1.5rem
}

@media only screen and (min-width: 52em) {
  article.post.category-event .when-where {
    text-align: right;
    width: 44%;
    margin-right: 0;
    margin-left: -48%
  }
}

@media only screen and (min-width: 75em) {
  article.post.category-event .when-where {
    font-size: 1.25rem
  }
}

article.post.category-event .production-details {
  margin-top: 0.5rem;
  font-size: 1rem
}

@media only screen and (min-width: 75em) {
  article.post.category-event .production-details {
    font-size: 1.25rem
  }
}

@media only screen and (min-width: 52em) {
  .shift-details, article.post.category-event .production-details:first-child, article.post.category-event .when-where:first-child+.production-details, article.post.category-event .image-content+.production-details, article.post.category-event .image-content+.when-where+.production-details {
    width: 44%;
    margin-left: 0;
    margin-right: -48%
  }
}

@media only screen and (min-width: 52em) {
  .unshift-details, .post-title.has-photo-caption+article.post.category-event .production-details {
    float: none;
    max-width: 100%;
    width: auto;
    margin-left: 0;
    margin-right: 0
  }
}

.page-header {
  margin: 2rem 2rem 0 2rem
}

@media only screen and (min-width: 35em) {
  .page-header {
    margin-left: 10%;
    margin-right: 10%
  }
}

@media only screen and (min-width: 46em) {
  .page-header {
    margin-left: 15%;
    margin-right: 15%
  }
}

@media only screen and (min-width: 52em) {
  .page-header {
    margin-left: 25%;
    margin-right: 25%
  }
}

p {
  margin: 0.5rem 0
}

.caption, .feature-photo figcaption .caption, .wp-caption-text {
  font-size: 0.8rem;
  color: #666
}

dl.compact {
  margin: 1rem 0;
  display: block
}

dl.compact dt {
  clear: left;
  float: left;
  width: 20%
}

dl.compact dd {
  float: left;
  width: 79%
}

.clear {
  clear: both
}

.column {
  position: relative;
  white-space: normal;
  vertical-align: top;
  display: inline-block;
  padding: 0;
  font-size: 1.2rem;
  text-align: left
}

.column a {
  display: block
}

.column a:hover {
  background-color: rgba(160, 160, 160, 0.15) !important
}

.column a:hover .photo:after {
  opacity: 0.5
}

.column a:active {
  background-color: rgba(160, 160, 160, 0.3) !important
}

.column a:active .photo:after {
  opacity: 1
}

.column a.info, .column a.cast {
  display: inline-block;
  margin-top: 0.5rem
}

.column.details {
  text-align: right
}

.column h3 {
  text-align: left;
  margin-top: 1rem;
  font-size: 1.5rem
}

.column .photo {
  width: 100%;
  margin: 0;
  height: auto;
  position: relative;
  background: #000
}

.column .photo:after {
  transition: all .5s;
  top: 0;
  left: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #e06666;
  background-color: rgba(204, 0, 0, 0.6);
  box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.8)
}

.column .photo img {
  width: 100%;
  height: auto
}

.column .video {
  margin: 0;
  margin: 0;
  width: 100%
}

.column .excerpt a {
  display: inline-block
}

.column .excerpt a.cta, .column .excerpt a.info, .column .excerpt a.cast, .column .excerpt .sorter li a.active, .sorter li .column .excerpt a.active {
  color: #fff
}

span.location {
  display: block
}

.block.column-padding .wrapper, .block.single-row.column-padding .wrapper, .block.grid.column-padding .wrapper {
  margin-top: 1rem
}

.block.column-padding .column a, .block.column-padding .column span.no-link, .block.single-row.column-padding .column a, .block.single-row.column-padding .column span.no-link, .block.grid.column-padding .column a, .block.grid.column-padding .column span.no-link {
  margin: 0.5rem
}

.block.column-padding .column span.no-link, .block.single-row.column-padding .column span.no-link, .block.grid.column-padding .column span.no-link {
  display: block
}

@media only screen and (min-width: 35em) {
  .full-width.image-small .column {
    width: 33.3333%
  }
}

@media only screen and (min-width: 46em) {
  .full-width.image-small .column {
    width: 25%
  }
}

@media only screen and (min-width: 52em) {
  .full-width.image-small .column {
    width: 20%
  }
}

@media only screen and (min-width: 75em) {
  .full-width.image-small .column {
    width: 16.6666%
  }
}

.full-width.image-medium .column, .content-width.image-small .column {
  width: 100%
}

@media only screen and (min-width: 46em) {
  .full-width.image-medium .column, .content-width.image-small .column {
    width: 50%
  }
}

@media only screen and (min-width: 52em) {
  .full-width.image-medium .column, .content-width.image-small .column {
    width: 33.3333%
  }
}

@media only screen and (min-width: 75em) {
  .full-width.image-medium .column, .content-width.image-small .column {
    width: 25%
  }
}

@media only screen and (min-width: 35em) {
  .full-width.image-large .column, .content-width.image-medium .column {
    width: 100%
  }
}

@media only screen and (min-width: 52em) {
  .full-width.image-large .column, .content-width.image-medium .column {
    width: 50%
  }
}

@media only screen and (min-width: 75em) {
  .full-width.image-large .column, .content-width.image-medium .column {
    width: 33.3333%
  }
}

@media only screen and (min-width: 52em) {
  .content-width.image-large .column {
    width: 100%
  }
}

@media only screen and (min-width: 75em) {
  .content-width.image-large .column {
    width: 50%
  }
}

@media only screen and (min-width: 90em) {
  .content-width.image-large .column {
    width: 33.3333%
  }
}

.single-row.image-small .column .excerpt, .single-row.image-small .column p, .single-row.image-medium.image-vertical .column .excerpt, .single-row.image-medium.image-vertical .column p {
  font-size: 1rem
}

@media only screen and (max-width: 35em) {
  .single-row.image-small .column .padding, .single-row.image-medium.image-vertical .column .padding {
    padding: 0 1rem 0.25rem 1rem
  }
}

@media only screen and (max-width: 75em) {
  .single-row.image-small .column .excerpt, .single-row.image-small .column p, .single-row.image-medium.image-vertical .column .excerpt, .single-row.image-medium.image-vertical .column p {
    font-size: 0.9rem
  }
}

@media only screen and (max-width: 90em) {
  .single-row.image-small .column .padding, .single-row.image-medium.image-vertical .column .padding {
    padding: 0 0.75rem 0.5rem 0.75rem
  }

  .single-row.image-small .column h3, .single-row.image-medium.image-vertical .column h3 {
    font-size: 1rem
  }

  .single-row.image-small .column .excerpt, .single-row.image-small .column p, .single-row.image-medium.image-vertical .column .excerpt, .single-row.image-medium.image-vertical .column p {
    font-size: 0.95rem
  }
}

.padding {
  display: block;
  padding: 0 1rem 1rem 1rem
}

.wrapper {
  width: 100%
}

.wrapper ul {
  margin: 0
}

.background-black {
  background-color: rgba(0, 0, 0, 0.8) 100%;
  background-image: -moz-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.8) 100%);
  background-image: -o-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.8) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent 60%), color-stop(1, rgba(0, 0, 0, 0.8) 100%));
  background-image: -webkit-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.8) 100%);
  background-image: -ms-linear-gradient(transparent 60%, rgba(0, 0, 0, 0.8) 100%);
  background-image: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.8) 100%)
}

.background-black .wrapper {
  background: #000;
  color: #fff
}

.background-black a {
  color: #fff
}

.background-black .block-label a {
  color: #000
}

.background-black .block-label a:hover {
  color: #900
}

.background-black.image-vertical .column:before {
  border-right-color: #111
}

.background-white {
  background: #fff
}

.background-white a, .background-white a h3 {
  color: #000
}

.background-white .wrapper {
  background: #fff;
  color: #000
}

.background-white.image-vertical .column:before {
  border-right-color: #f2f2f2
}

.block-label, h2.block-label {
  font-size: 1rem;
  line-height: 1.2;
  text-align: center;
  display: block;
  margin: -1rem 0 0 0;
  height: 0;
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  z-index: 2
}

.block-label span, h2.block-label span {
  background: #fff;
  padding: 0.5rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: .1875rem;
  -moz-border-radius: .1875rem;
  border-radius: .1875rem;
  display: inline-block;
  text-transform: uppercase;
  height: 1rem;
  line-height: 1;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.1)
}

.block-label span a, h2.block-label span a {
  color: #000
}

.block-label span a:hover, h2.block-label span a:hover {
  color: #900
}

.block-label span a:after, h2.block-label span a:after {
  display: none !important
}

.block {
  clear: both;
  position: relative;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1)
}

.big-header header {
  width: auto;
  text-align: center;
  padding: 5%;
  background: #fff;
  border-top: 1px solid #eee
}

@media only screen and (min-width: 75em) {
  .big-header header {
    border-top: none
  }
}

.big-header header h2, .big-header header h3 {
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 0
}

.big-header header h3 {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: 100
}

.big-header header a.info, .big-header header a.cta, .big-header header .column a.info, .column .big-header header a.info, .big-header header .column a.cast, .column .big-header header a.cast, .big-header header .sorter li a.active, .sorter li .big-header header a.active {
  display: inline-block;
  margin: 1em 0
}

.header-left {
  width: 100%
}

@media only screen and (min-width: 75em) {
  .header-left {
    display: table
  }
}

.header-left header {
  padding: 4rem 0;
  white-space: normal
}

@media only screen and (min-width: 75em) {
  .header-left header {
    width: 25%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 2%;
    padding-right: 2%;
    display: table-cell;
    text-align: left;
    vertical-align: top
  }

  .header-left header h2, .header-left header h3 {
    font-size: 2rem
  }
}

@media only screen and (min-width: 90em) {
  .header-left header {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 3%;
    padding-right: 3%
  }

  .header-left header h2, .header-left header h3 {
    font-size: 2.5rem
  }
}

@media only screen and (min-width: 75em) {
  .header-left .wrapper {
    margin-top: 0;
    vertical-align: top
  }
}

.header-left.grid ul {
  margin: 0;
  padding: 0;
  width: 100%
}

@media only screen and (min-width: 75em) {
  .header-left.grid ul {
    display: table-cell;
    vertical-align: top;
    width: 75%
  }
}

.header-top header {
  padding: 4rem 5%
}

.profile img {
  float: left
}

li.profile {
  color: #000;
  background: #eee;
  width: 33.3%;
  float: left;
  padding: 0;
  margin: 0 0 1px 0;
  position: relative
}

li.profile a {
  display: block;
  background: none;
  padding: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0rem;
  -moz-border-radius: 0rem;
  border-radius: 0rem
}

.grid a, .carousel a {
  position: relative;
  margin: 0
}

.carousel .details {
  padding: 4%;
  margin-left: 50%
}

.carousel a:hover {
  background: none
}

.profile img {
  position: relative;
  z-index: 0;
  width: 50%;
  height: auto
}

.profile:before {
  z-index: 2;
  content: '';
  position: absolute;
  top: 10px;
  right: 50%;
  border-right: 15px solid #eee;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: none;
  width: 0;
  height: 0
}

.grid ul {
  list-style: none;
  clear: left;
  display: block
}

.grid ul li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%
}

@media only screen and (min-width: 35em) and (max-width: 46em) {
  .grid ul li {
    width: 50%
  }
}

@media only screen and (min-width: 46em) and (max-width: 52em) {
  .grid ul li {
    width: 33%
  }
}

@media only screen and (min-width: 52em) {
  .grid ul li {
    width: 25%
  }
}

@media only screen and (min-width: 75em) {
  .grid ul li {
    width: 16.6666%
  }
}

.grid ul li figure {
  margin: 0
}

.grid ul li a, .grid ul li a:hover {
  display: block;
  padding: 0;
  margin: 0;
  position: relative
}

.grid ul li>a:after {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.5rem;
  background: none;
  background-color: rgba(0, 0, 0, 0.75) 75%;
  background-image: -moz-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.75) 75%);
  background-image: -o-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.75) 75%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent 0%), color-stop(1, rgba(0, 0, 0, 0.75) 75%));
  background-image: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.75) 75%);
  background-image: -ms-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.75) 75%);
  background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.75) 75%)
}

@media only screen and (min-width: 46em) {
  .grid ul li .padding {
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }

  .grid ul li .padding>h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    z-index: 1;
    padding: 1.5rem 0.75rem 0.2rem 0.75rem
  }
}

.grid ul li h3 {
  font-size: 1rem;
  font-style: normal
}

@media only screen and (min-width: 46em) {
  .grid ul li h3 {
    color: #fff
  }
}

.grid ul li img {
  width: 100%;
  margin: 0;
  padding: 0;
  height: auto;
  display: block
}

.grid ul li .excerpt {
  display: block
}

@media only screen and (min-width: 46em) {
  .grid ul li .excerpt {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 90%;
    padding: 5%;
    opacity: 0;
    font-size: 0.9rem;
    text-align: left;
    color: #fff;
    backface-visibility: hidden;
    transition: transform 0.5s, opacity 0.5s
  }
}

.grid ul li .excerpt h3 {
  margin: 0
}

@media only screen and (max-width: 46em) {
  .grid ul li .excerpt h3 {
    display: none
  }
}

.grid ul li .excerpt p {
  font-size: 1rem;
  display: none;
  margin-top: 0 !important
}

@media only screen and (min-width: 75em) {
  .grid ul li .excerpt p {
    display: block
  }
}

@media only screen and (min-width: 46em) {
  .grid ul li:hover .excerpt {
    background: rgba(0, 0, 0, 0.7);
    transform: translate(1rem, 1rem);
    background-color: #7a0000;
    background-color: rgba(153, 0, 0, 0.8);
    z-index: 2;
    opacity: 1
  }
}

@media only screen and (min-width: 52em) {
  .grid ul li .edit-link.mini a {
    opacity: 0
  }

  .grid ul li:hover .edit-link.mini a {
    opacity: 1
  }
}

.grid.image-medium ul li .padding>h3 {
  font-size: 1.5rem
}

.grid.image-large ul li .padding>h3 {
  font-size: 2.5rem
}

.grid.image-small ul li {
  width: 50%
}

.grid.image-small ul li .excerpt {
  text-indent: -9999px
}

.grid.image-small ul li:hover .excerpt {
  z-index: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: #3d0000;
  background-color: rgba(153, 0, 0, 0.4);
  transform: none
}

@media only screen and (min-width: 35em) and (max-width: 46em) {
  .grid.image-small ul li {
    width: 25%
  }
}

@media only screen and (min-width: 46em) and (max-width: 75em) {
  .grid.image-small ul li {
    width: 16.6666%
  }
}

@media only screen and (min-width: 75em) {
  .grid.image-small ul li {
    width: 12.5%
  }
}

.grid.image-large ul li {
  width: 100%
}

@media only screen and (min-width: 46em) {
  .grid.image-large ul li {
    width: 50%
  }
}

@media only screen and (min-width: 52em) {
  .grid.image-large ul li {
    width: 33.3333%
  }
}

@media only screen and (min-width: 90em) {
  .grid.image-large ul li {
    width: 25%
  }
}

.carousel .wrapper {
  position: relative;
  display: table;
  border-collapse: collapse
}

.carousel .padding {
  padding: 0 1rem 1rem 1rem
}

.carousel p {
  font-style: normal;
  font-weight: 300;
  margin-top: 0
}

.carousel h3 {
  font-size: 1.5rem;
  font-style: normal;
  margin-bottom: 0
}

.carousel ul {
  list-style: none;
  margin: 0
}

.carousel .slide-block {
  display: table-row;
  display: block;
  width: 100%
}

.carousel .slide-block .column {
  display: table-cell
}

.carousel .slide-block .column.no-media a .padding {
  padding-top: 1.5rem
}

.carousel.image-vertical .wrapper {
  background-color: rgba(120, 120, 120, 0.1)
}

.carousel.image-vertical .column {
  position: relative;
  font-size: 1.2rem
}

.carousel.image-vertical .column img {
  width: 50%;
  float: left;
  height: auto
}

.carousel.image-vertical .column:before {
  z-index: 2;
  content: '';
  position: absolute;
  top: 0.8rem;
  right: 50%;
  border-right-width: 1.1rem;
  border-right-style: solid;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-left: none;
  width: 0;
  height: 0
}

.carousel.image-vertical .column.heading {
  background: none;
  padding: 2rem;
  width: 15rem
}

.carousel.image-vertical .column.heading h2 {
  font-size: 1.5rem
}

.carousel.image-vertical .column.heading h3, .carousel.image-vertical .column.heading h3:hover {
  font-size: 2.5rem;
  font-weight: 100
}

.carousel.image-vertical .column.heading:before {
  display: none
}

.carousel.image-vertical .column .padding {
  width: 42%;
  padding: 0 4%;
  float: left;
  clear: none
}

.carousel.image-vertical .column h3 {
  font-size: 1.25rem
}

.carousel.image-vertical .column .rsNav {
  background-color: rgba(120, 120, 120, 0.2)
}

.content-area ul.sorter {
  margin: 1rem 0
}

.sorter {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  padding-bottom: 1rem
}

.sorter ul, .sorter li {
  display: inline-block
}

.sorter li {
  margin: 0 0 0 1.2rem
}

.sorter li:first-child {
  margin: 0 0 0 0.6rem
}

@media only screen and (min-width: 52em) {
  .sorter.faculty li, .sorter.faculty li:first-child {
    float: left;
    width: 32%;
    margin: 0 0 1rem 0
  }

  .sorter.faculty li:nth-child(2), .sorter.faculty li:first-child:nth-child(2) {
    margin: 0 2%
  }

  .sorter.faculty li a, .sorter.faculty li:first-child a {
    display: block
  }
}

.sorter.faculty li a, .sorter.faculty li:first-child a {
  background: #eee;
  border-radius: .25rem;
  padding: 0.05rem 0.25rem 0.2rem 0.25rem
}

.sorter.faculty li a.active, .sorter.faculty li:first-child a.active {
  background: #68a400;
  font-style: normal
}

.sorter.faculty li a:after, .sorter.faculty li a:before, .sorter.faculty li:first-child a:after, .sorter.faculty li:first-child a:before {
  display: none
}

ul.sortable {
  clear: left;
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0
}

ul.sortable li {
  position: absolute;
  display: block;
  padding: 0;
  margin: 0 0 10px 0
}

ul.sortable li a {
  display: block
}

.block.archive-list.background-white a {
  color: #d00
}

.block.archive-list.background-white a:hover {
  color: #f23b84
}

.summary-list ul {
  margin: 0;
  padding: 1rem 0 0 0;
  list-style: none
}

.summary-list ul li {
  position: relative;
  transition: background .5s;
  margin: 0;
  padding: 0 0 1rem 0
}

.summary-list ul li h3 {
  margin-top: 0
}

.summary-list ul li>a {
  display: block
}

.summary-list ul li figure.photo {
  width: 25%;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0.5rem;
  left: 0
}

.summary-list ul li .padding {
  margin-left: 25%;
  padding: 0.5rem 0 2rem 1rem
}

.summary-list ul li.no-media .padding {
  margin-left: 0;
  padding: 0 0 2rem 0
}

.summary-list ul li:hover {
  background: rgba(200, 200, 200, 0.1)
}

.slide-block li {
  transition: all .5s
}

.block.carousel+.block.has-block-label {
  border-top: 1rem solid #fff
}

.block.background-white.image-vertical.carousel+.block.has-block-label {
  border-top-color: rgba(120, 120, 120, 0.1)
}

.block.background-black.carousel+.block.has-block-label {
  border-top-color: #000
}

.block.summary-list .block-label+.wrapper {
  padding-top: 2rem;
  border-top: 1px solid #eee
}

.map-sidebar {
  width: 100%
}

@media only screen and (min-width: 52em) {
  .map-sidebar {
    width: 16rem;
    float: none;
    position: absolute;
    z-index: 1;
    bottom: 2rem;
    right: 1rem
  }
}

.map-sidebar .sidebar-list {
  background: #fff;
  margin: 0;
  list-style: none
}

@media only screen and (min-width: 52em) {
  .map-sidebar .sidebar-list {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4)
  }
}

.map-sidebar .sidebar-list li {
  padding: 0;
  margin: 0;
  font-size: 0.9rem;
  border-top: 1px solid #e0e0e0
}

.map-sidebar .sidebar-list li:first-of-type {
  border-top: none
}

.map-sidebar .sidebar-list li.current a {
  font-weight: 700;
  background: rgba(149, 165, 166, 0.1)
}

.map-sidebar .sidebar-list li a {
  display: block;
  padding: 0.4rem 0.8rem
}

.full-width #map {
  height: 16rem
}

@media only screen and (min-width: 35em) {
  .full-width #map {
    height: 20rem
  }
}

@media only screen and (min-width: 46em) {
  .full-width #map {
    height: 32rem
  }
}

@media only screen and (min-width: 52em) {
  .full-width #map {
    height: 44rem
  }
}

.content-width #map {
  height: 16rem
}

@media only screen and (min-width: 35em) {
  .content-width #map {
    height: 20rem
  }
}

@media only screen and (min-width: 46em) {
  .content-width #map {
    height: 24rem
  }
}

@media only screen and (min-width: 52em) {
  .content-width #map {
    height: 32rem
  }
}

.point-detail {
  width: 120px;
  margin: 0 auto
}

@media only screen and (min-width: 46em) {
  .point-detail {
    width: 220px
  }
}

.point-detail h4 {
  font-size: 0.8rem;
  margin: 0.3rem 0;
  padding-top: 0
}

@media only screen and (min-width: 46em) {
  .point-detail h4 {
    font-size: 1.1rem
  }
}

.point-detail .short-description {
  margin: 0.5rem 0
}

.point-detail .short-description a {
  border: none
}

.point-detail .locphoto {
  width: 120px;
  height: 55px
}

@media only screen and (min-width: 46em) {
  .point-detail .locphoto {
    width: 220px;
    height: 100px
  }
}

.point-detail a {
  color: #d00;
  border-top: 1px solid #e0e0e0
}

.point-detail a:nth-of-type(1) {
  border-top: none
}

.point-detail .website, .point-detail .accessibility, .point-detail .directions {
  display: block;
  padding: 0.2rem;
  font-weight: 700
}

.block .royalSlider {
  width: auto !important;
  height: auto !important
}

.block .rsUni, .block .rsUni .rsOverflow, .block .rsUni .rsSlide, .block .rsUni .rsVideoFrameHolder, .block .rsUni .rsThumbs {
  background: transparent !important;
  color: inherit !important
}

.block .rsArrow {
  display: none
}

.block .rsNav {
  padding: 0.5rem 0 !important;
  width: 100%;
  text-align: center;
  clear: both
}

.rsUni .rsBullets {
  line-height: 0.5rem !important;
  padding: 0.5rem 0 !important
}

.rsUni .rsBullets .rsBullet span {
  background: transparent !important
}

.rsUni .rsBullets .rsBullet {
  padding: 0 !important
}

.rsBullets .rsNavItem {
  display: inline-block;
  width: 0.8rem !important;
  height: 0.8rem !important;
  margin: 0 0.4rem;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-border-radius: 1.25rem;
  -moz-border-radius: 1.25rem;
  border-radius: 1.25rem;
  background: #eee;
  background: rgba(120, 120, 100, 0.5);
  cursor: pointer;
  transition: all .5s
}

.rsBullets .rsNavItem.rsNavSelected {
  background: #f23b84
}

.rsBullets .rsNavItem.rsNavSelected:hover {
  background: #d00
}

.rsBullets .rsNavItem:hover {
  background: #888;
  background: #787878
}

.content-block .royalSlider {
  margin: 1rem 0 1.5rem;
  background: none
}

.rsUni .rsGCaption {
  font-size: 1.18rem !important;
  bottom: 0 !important;
  left: 0 !important;
  background: rgba(0, 0, 0, 0.7) !important;
  padding: 4px 8px !important
}

@media only screen and (max-width: 600px) {
  .rsUni .rsGCaption {
    display: none
  }
}

@media only screen and (max-width: 800px) {
  .rsUni .rsGCaption {
    font-size: 0.9rem;
    position: relative;
    bottom: auto;
    left: auto
  }
}

.royalSlider {
  width: 100%;
  position: relative;
  direction: ltr
}

.royalSlider>* {
  float: left
}

.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0)
}

.rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none
}

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: transparent
}

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: transparent
}

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0
}

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent
}

.rsArrow, .rsThumbsArrow {
  cursor: pointer
}

.rsThumb {
  float: left;
  position: relative
}

.rsArrow, .rsNav, .rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear
}

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear
}

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center
}

.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important
}

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none
}

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%
}

.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
  height: auto
}

.rsContent {
  width: 100%;
  height: 100%;
  position: relative
}

.rsPreloader {
  position: absolute;
  z-index: 0
}

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none
}

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25)
}

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22
}

.rsTabs {
  float: left;
  background: none !important
}

.rsTabs, .rsThumbs {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent
}

.rsVideoContainer {
  width: auto;
  height: auto;
  line-height: 0;
  position: relative
}

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s
}

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1
}

.rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px
}

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15
}

img.rsImg {
  max-width: none
}

.grab-cursor {
  cursor: url(images/grab.png) 8 8, move
}

.grabbing-cursor {
  cursor: url(images/grabbing.png) 8 8, move
}

.rsNoDrag {
  cursor: auto
}

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(../images/blank.gif)
}

@media print {
  @page {
    margin: 0.5cm
  }

  body {
    background: #fff;
    color: #000 !important;
    -webkit-font-smoothing: antialiased
  }

  div, article, aside, details, figcaption, figure, footer, header, main, nav, section {
    background: transparent !important
  }

  h1, h2, h3, h4, h5, h6 {
    color: #000 !important;
    background: transparent !important;
    border-color: #000 !important
  }

  h1 {
    font-size: 18px
  }

  h2 {
    font-size: 20px
  }

  h3 {
    font-size: 22px
  }

  h4 {
    font-size: 24px
  }

  h5 {
    font-size: 26px
  }

  h6 {
    font-size: 28px
  }

  .brand-title {
    display: inline !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    margin: 0 !important;
    float: left !important;
    font-weight: 500 !important;
    font-size: 1rem !important
  }

  .site-title {
    float: left
  }

  .brand-title a, .site-title a {
    font-style: normal;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    margin: 0 0.3rem 0 0 !important;
    clear: none !important;
    display: inline !important;
    color: #000 !important;
    font-weight: 500 !important;
    background: none !important;
    text-indent: 0 !important;
    height: auto !important;
    width: auto !important;
    float: none !important;
    font-size: 1rem !important;
    line-height: 1 !important
  }

  .brand-title a:after, .site-title a:after {
    display: none !important
  }

  .site-header, .site-header:after {
    background: transparent !important;
    background-color: transparent !important;
    height: auto !important;
    width: auto !important;
    margin: 1rem
  }

  h1.entry-title, .content-block h2.subhead, .content-module, .content-area .entry-content, .content-area .archive-list, .content-area .block.content-width.has-block-label, .block.content-width, .content-area .entry-content, .content-area .archive-list, .content-area .block.content-width.has-block-label, .block.content-width {
    float: none !important;
    padding: 0 !important;
    width: auto !important;
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .site-wrapper, .site-content-wrapper {
    clear: both;
    margin-top: 0;
    padding-top: 1rem
  }

  p {
    color: #444
  }

  q[cite]:after, blockquote[cite]:after {
    content: " [Source: " attr(cite) "]";
    font-size: 75%
  }

  a {
    color: #777 !important
  }

  p a {
    word-wrap: break-word
  }

  .underline, .content-area .entry-content a:after, .content-area .archive-list a:after, .content-area .block.content-width.has-block-label a:after, .credits li a:after, .site-nav li a:after, .site-social li a:after, .site-nav li.current-menu-item a:after, .site-nav li.current-page-ancestor a:after, .site-social li.current-menu-item a:after, .site-social li.current-page-ancestor a:after, body.post-category-news li.menu-item-435 a:after, body.post-category-event li.menu-item-790 a:after, body.category-event li.menu-item-790 a:after, body.post-category-faculty li.menu-item-2801 a:after, body.post-category-alumni li.menu-item-783 a:after {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    background-color: transparent !important
  }

  img {
    max-width: 500px
  }

  header nav, footer, audio, video, embed, object, .widget_search, .section-menu, .grid ul li .padding>h3 {
    display: none
  }

  .credits {
    padding: 1rem 0 0 0 !important;
    margin: 1rem !important;
    text-align: left !important;
    border-top: 2px solid #eee;
    font-size: 12px;
    font-size: .75rem
  }

  .credits div {
    display: block !important
  }

  .credits .site-feedback:after {
    display: none !important
  }

  .credits .site-feedback a:after {
    display: none !important
  }

  .grid ul li .excerpt {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    margin-left: 25%;
    height: auto;
    padding: 0;
    float: none !important;
    opacity: 1 !important;
    color: #000 !important
  }

  .background-black {
    background: none
  }

  .background-black .wrapper {
    background: #fff;
    color: #000
  }

  .block {
    margin-top: 3rem !important
  }

  .block-label {
    margin-bottom: 1.5rem !important
  }

  .column {
    width: 100% !important;
    clear: both !important
  }

  .grid ul li>a:after {
    display: none
  }

  .column .photo {
    width: 20%
  }

  .column .photo:after {
    display: none
  }
}