/* Medium Displays: 768px - 1279px */
/* Large Displays: 1280px - 1440px */
/* X-Large Displays: 1400px and up */
body {
  background-color: #fff; }

#homecoming-header-image {
  min-width: 100% !important;
  max-width: none;
  padding-bottom: 2rem; }
  #homecoming-header-image #hero {
    padding-left: 0;
    padding-right: 0; }
    #homecoming-header-image #hero #hero-image {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative; }
      @media screen and (max-width: 767px) {
        #homecoming-header-image #hero #hero-image {
          height: 250px; } }
      @media screen and (min-width: 768px) and (max-width: 1279px) {
        #homecoming-header-image #hero #hero-image {
          height: 350px; } }
      @media screen and (min-width: 1280px) and (max-width: 1439px) {
        #homecoming-header-image #hero #hero-image {
          height: 450px; } }
      @media screen and (min-width: 1440px) {
        #homecoming-header-image #hero #hero-image {
          height: 500px; } }

#titleSection {
  text-align: center;
  margin: 20px auto 15px auto; }
  #titleSection h2 {
    font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    line-height: 1;
    margin: 10px auto 5px auto;
    font-size: 59px; }
  #titleSection .dates {
    color: #877148;
    font-family: "ITC Garamond W01 Light Italic", "Garamond", Times, serif;
    font-size: 33px;
    line-height: 2rem;
    margin: 1.25rem 0; }
  #titleSection .eventDescription {
    margin: 0px auto 25px auto;
    width: 73%;
    font-family: "Helvetica Neue LT W01_47 Lt Cn", "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 23px; }

.flex-video {
  overflow: visible; }

#featuredEvents .row .row {
  margin-left: auto;
  margin-right: auto; }
#featuredEvents h3 {
  font-family: "ITC Garamond W01 Light Italic", "Garamond", Times, serif;
  font-size: 33px;
  text-align: center;
  margin: 35px auto 55px auto; }
#featuredEvents a {
  text-decoration: underline;
  color: #000; }
#featuredEvents a:hover {
  color: #877148; }
#featuredEvents .eventSummary {
  margin-bottom: 55px; }
#featuredEvents .eventImage {
  margin-right: 0px;
  padding: 0px; }
  #featuredEvents .eventImage img {
    height: auto;
    width: 100%; }
#featuredEvents .eventDate {
  text-transform: uppercase;
  font-size: 20px;
  font-family: "Helvetica Neue LT W01_57 Cond", "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  margin: 0px auto; }
#featuredEvents h4 {
  text-transform: uppercase;
  color: #877148;
  font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  margin: 0px;
  line-height: .8;
  font-size: 54px;
  width: 70%; }
#featuredEvents .eventDetails {
  font-size: 14px;
  font-family: "Helvetica Neue LT W01_41488878", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  line-height: 17px;
  margin-top: 8px;
  width: 75%; }

#allEvents {
  background-color: #000000;
  width: 100%;
  padding-bottom: 50px; }
  #allEvents .eventsList {
    background-color: #000000; }
  #allEvents .narrowColumn {
    max-width: 47%; }
  #allEvents h3 {
    font-family: "ITC Garamond W01 Light Italic", "Garamond", Times, serif;
    font-size: 33px;
    text-align: center;
    margin: 50px auto 30px auto;
    color: orange; }
  #allEvents h4 {
    color: #ccb06c;
    font-size: 25px;
    font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    text-transform: uppercase; }
    #allEvents h4 .date {
      color: #ffffff;
      font-size: 68px;
      font-family: "ITC Garamond W01 Light", "Garamond", Times, serif; }
  #allEvents .category {
    border-top: solid 2px darkorange; }
  #allEvents h5 {
    font-size: 15px;
    background-color: darkorange;
    color: #000000;
    font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    margin-top: 0rem;
    text-transform: uppercase;
    padding-left: .5rem; }
  #allEvents h5.faculty {
    margin-right: 18.8rem; }
  #allEvents h5.all {
    margin-right: 20.5rem; }
  #allEvents h5.alumni {
    margin-right: 23.4rem; }
  #allEvents .event {
    background-color: #000000;
    margin-bottom: 12px; }
    #allEvents .event .time {
      color: #ccb06c;
      font-size: 18px;
      text-transform: uppercase;
      font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      padding-top: 8px;
      line-height: 1.2rem; }
    #allEvents .event .title {
      color: #ffffff;
      font-size: 27px;
      font-family: "Helvetica Neue LT W01_47 Lt Cn", "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      line-height: 2rem; }
    #allEvents .event .location {
      color: #a3a3a3;
      font-size: 18px;
      font-family: "Helvetica Neue LT W01_56 It", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      padding-top: 2.5px; }
    #allEvents .event a {
      color: white;
      font-size: 11px;
      text-transform: uppercase;
      background-color: black;
      padding-left: 0px;
      padding-bottom: 28px;
      text-decoration: underline; }
    #allEvents .event a:hover {
      color: #ccb06c; }
    #allEvents .event .collapsible-box-title,
    #allEvents .event .FauxLegend {
      border: none;
      color: #fff !important;
      padding: 1rem 1rem 1rem 0px;
      margin: 0px;
      font-family: "Helvetica Neue LT W01_55 Roman", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-weight: normal !important;
      font-size: 11px;
      border-bottom: none;
      background-image: url(https://www.oakland.edu/Assets/Oakland/homecoming/graphics/new-template/more-info-arrow.png);
      background-repeat: no-repeat;
      background-position: 66px 48%;
      background-size: 10px;
      text-transform: uppercase; }
    #allEvents .event .collapsible-box-title.active, #allEvents .event .FauxLegend.active {
      color: #ccb06c !important;
      background-image: url(https://www.oakland.edu/Assets/Oakland/homecoming/graphics/new-template/more-info-x.png); }
    #allEvents .event .collapsible-box-body, #allEvents .event .FauxFieldset {
      padding: 10px 10px 0 30px; }
    @media screen and (min-width: 40.063em) {
      #allEvents .event .collapsible-box-title:hover, #allEvents .event .collapsible-box-title:focus, #allEvents .event .FauxLegend:hover, #allEvents .event .FauxLegend:focus {
        background-image: url(https://www.oakland.edu/Assets/Oakland/homecoming/graphics/new-template/more-info-arrow.png); } }
    @media screen and (min-width: 40.063em) {
      #allEvents .event .collapsible-box-title.active:hover, #allEvents .event .collapsible-box-title.active:focus, #allEvents .event .FauxLegend.active:hover, #allEvents .event .FauxLegend.active:focus {
        background-image: url(https://www.oakland.edu/Assets/Oakland/homecoming/graphics/new-template/more-info-x.png); } }
    #allEvents .event .FauxLegend {
      font-size: 11px !important; }
    #allEvents .event .FauxLegend:hover, #allEvents .event .FauxLegend:focus {
      cursor: pointer; }
    #allEvents .event .FauxFieldset, #allEvents .event .FauxFieldset p {
      color: #f1f1f1;
      font-size: 13px;
      padding: 0px 0px 15px 0px;
      font-family: "Helvetica Neue LT W01_41488878", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      width: 90%; }
    #allEvents .event .accordion .goldX {
      display: none; }
    #allEvents .event .accordion .whiteArrow {
      width: 2.5%;
      height: auto;
      margin-left: 4px;
      margin-bottom: 1.7px; }
    #allEvents .event .accordion .active .whiteArrow {
      display: none; }
    #allEvents .event .accordion .active .goldX {
      width: 2.5%;
      height: auto;
      display: inline-block;
      margin-left: 4px;
      margin-bottom: 1.7px; }
    #allEvents .event .accordion .active a {
      color: #ccb06c;
      font-size: 11px;
      padding-bottom: 18px; }
    #allEvents .event .accordion .accordion-navigation > .content.active, #allEvents .event .accordion .accordion dd > .content.active {
      background-color: black;
      color: #f1f1f1;
      font-size: 13px;
      padding: 0px 15px 30px 0px;
      font-family: "Helvetica Neue LT W01_35 Thin", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      width: 90%; }

#generalInformation {
  height: auto;
  background-color: #877148;
  width: 100%;
  padding-bottom: 50px; }
  #generalInformation .information {
    background-color: #877148; }
  #generalInformation .narrowColumn {
    width: 47%; }
  #generalInformation h3 {
    font-family: "ITC Garamond W01 Light Italic", "Garamond", Times, serif;
    font-size: 33px;
    text-align: center;
    margin: 50px auto 45px auto;
    color: #ffffff; }
  #generalInformation .hotel {
    font-family: "Helvetica Neue LT W01_55 Roman", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    margin-bottom: 2px; }
  #generalInformation h4 {
    color: #ffffff;
    font-size: 27px;
    font-family: "Helvetica Neue LT W01_47 Lt Cn", "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    margin-bottom: 2px; }
  #generalInformation p, #generalInformation li {
    color: #ffffff;
    font-size: 15px;
    font-family: "Helvetica Neue LT W01_35 Thin", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    width: 90%; }
  #generalInformation a {
    text-decoration: underline; }
  #generalInformation a:hover {
    color: black; }
  #generalInformation .map {
    padding-right: 0.46875rem; }
  #generalInformation .lots {
    padding-left: 0.46875rem; }
  #generalInformation .button {
    font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #000000;
    background-color: #ffffff;
    width: 100%;
    margin-bottom: 32px;
    padding: 0.7rem 2rem 0.6625rem 2rem;
    text-decoration: none; }

.sliderRow {
  width: 100%; }
  .sliderRow .photoSlider .slick-prev {
    left: 15px;
    z-index: 1; }
  .sliderRow .photoSlider .slick-prev:before {
    background-image: url(https://www.oakland.edu/Assets/template-assets/oumagazine/images/arrows-left-white.png);
    background-size: cover;
    display: inline-block;
    width: 19px;
    height: 30px;
    content: "";
    opacity: 0.75; }
  .sliderRow .photoSlider .slick-next {
    right: 15px;
    z-index: 1; }
  .sliderRow .photoSlider .slick-next:before {
    background-image: url(https://www.oakland.edu/Assets/template-assets/oumagazine/images/arrows-right-white.png);
    background-size: cover;
    display: inline-block;
    width: 19px;
    height: 30px;
    content: "";
    opacity: 0.75; }

@media only screen and (min-width: 40.001em) and (max-width: 64em) {
  body::before {
    content: "medium";
    position: fixed;
    top: 0px;
    z-index: 100;
    color: red;
    display: none; }

  #featuredEvents h4 {
    font-size: 40px; }

  #allEvents h4 .date {
    font-size: 58px; }
  #allEvents h5.faculty {
    margin-right: 8.5rem; }
  #allEvents h5.alumni {
    margin-right: 13rem; }
  #allEvents h5.all {
    margin-right: 10rem; }
  #allEvents .event .title {
    font-size: 25px; }

  #generalInformation .information .button {
    margin-bottom: 20px; } }
@media only screen and (max-width: 40em) {
  body::before {
    content: "small";
    position: fixed;
    top: 0px;
    z-index: 100;
    color: red;
    display: none; }

  #titleSection
  h2 {
    font-size: 44px;
    line-height: .9; }

  .eventDescription {
    line-height: 1.2; }

  #featuredEvents h3 {
    margin: 20px auto 40px auto; }
  #featuredEvents .eventSummary {
    margin: 0px auto 20px auto; }
  #featuredEvents .eventDate {
    font-size: 17px; }
  #featuredEvents h4 {
    font-size: 35px;
    width: 100%;
    line-height: 1.9rem; }
  #featuredEvents .eventDetails {
    width: 100%; }

  #allEvents {
    /* .narrowColumn {
        width: initial;
    }
    .column {
        float:none;
    }*/ }
    #allEvents .narrowColumn {
      max-width: initial; }
    #allEvents h4.date {
      font-size: 60px; }
    #allEvents h3 {
      margin: 40px auto 20px auto; }
    #allEvents h5.faculty {
      margin-right: 8.5rem; }
    #allEvents h5.alumni {
      margin-right: 13rem; }
    #allEvents h5.all {
      margin-right: 9.3rem; }
    #allEvents .event .title {
      font-size: 25px; }
    #allEvents .event .time {
      font-size: 17px; }
    #allEvents .event .location {
      font-size: 17px; }
    #allEvents .event .accordion a {
      padding-bottom: 28px; }
    #allEvents .event .accordion .active a {
      padding-bottom: 10px; }
    #allEvents .event .accordion .accordion-navigation > .content.active, #allEvents .event .accordion #allEvents .event .accordion .accordion dd > .content.active {
      padding: 0px 15px 22px 0px; }

  #generalInformation h3 {
    margin: 40px auto 35px auto; }
  #generalInformation .information .narrowColumn {
    width: initial; }
  #generalInformation .information .map {
    padding-right: 0.9375rem; }
    #generalInformation .information .map .button {
      margin-bottom: 20px; }
  #generalInformation .information .lots {
    padding-left: 0.9375rem; }
    #generalInformation .information .lots .button {
      margin-bottom: 20px; } }

/*# sourceMappingURL=homecoming.css.map */