/* Do not edit this file directly as it is being managed via Sass */
/* Site specific CSS */
/* line 10, ../scss/sonhs.miami.edu-subsite.scss */
.container {
  width: auto !important;
  max-width: auto !important;
}

/* Setup aclass for horizontal rules */
/* line 14, ../scss/sonhs.miami.edu-subsite.scss */
.seperator-1280 {
  max-width: 1280px !important;
  padding-top: !important;
  padding-bottom: 0 !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Site Colors */
/* line 18, ../scss/sonhs.miami.edu-subsite.scss */
.header-bg {
  background-color: #3e005c;
}

/* line 19, ../scss/sonhs.miami.edu-subsite.scss */
.header-highlight-bg {
  background-color: #8d898e;
}

/* line 20, ../scss/sonhs.miami.edu-subsite.scss */
#btn_navtoggle.toggled {
  background-color: #1e2731;
}

/* line 21, ../scss/sonhs.miami.edu-subsite.scss */
.toggle-main-menu-header {
  background-color: #8d898e;
  color: #c6c4c6;
}

/* line 22, ../scss/sonhs.miami.edu-subsite.scss */
.toggle-left-nav-header {
  background-color: #adbd92;
  color: #e6ebde;
}

/* line 23, ../scss/sonhs.miami.edu-subsite.scss */
.toggle-divider {
  border-top: 1px solid #8d898e;
}

/* line 24, ../scss/sonhs.miami.edu-subsite.scss */
.toggle-related-links-header {
  color: #adbd92;
}

/* line 25, ../scss/sonhs.miami.edu-subsite.scss */
.border-a20 {
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  border-bottom: solid 6px rgba(62, 0, 92, 0.2);
}

/* The slick sliders on this site have no borders */
/* line 28, ../scss/sonhs.miami.edu-subsite.scss */
.slick-slide img {
  border: 0px !important;
}

/* Override the default footer panel spacing. */
/* line 31, ../scss/sonhs.miami.edu-subsite.scss */
.footer-panel {
  margin-bottom: 0em !important;
  padding-bottom: 0em !important;
}

/* line 32, ../scss/sonhs.miami.edu-subsite.scss */
.homepage .footer-panel {
  margin-top: 0em !important;
}

/* Import the css for the site specific elements. */
/* Get Started */
/* START: Styling for Get Started */
/* Small Viewport */
@media (max-width: 29.938em) {
  /* line 20, ../scss/custom-elements/_get-started.scss */
  .get-started {
    position: fixed;
    z-index: 20;
    right: -222px;
    top: 136px;
  }

  /* line 21, ../scss/custom-elements/_get-started.scss */
  .get-started-base {
    background-color: #160026;
    opacity: 0.9;
    color: white;
    font-family: "Stag Sans Bold";
    font-size: 0.90rem;
    padding: 1.0rem 0.05rem;
    display: block;
    text-align: center;
    float: left;
    width: 74px;
    height: 74px;
    cursor: pointer;
  }

  /* line 23, ../scss/custom-elements/_get-started.scss */
  .get-started-one {
    background-color: #ffffcc;
    opacity: 0.9;
    color: #26003d;
    font-family: "Stag Sans Bold";
    font-size: 1.0rem;
    padding: 0.5rem;
    display: block;
    text-align: center;
    position: relative;
    float: right;
    width: 74px;
    height: 74px;
    border-left: solid 1px #ffffff;
    cursor: pointer;
  }

  /* line 24, ../scss/custom-elements/_get-started.scss */
  .get-started-one:hover {
    background-color: #bbb7d9;
    color: white;
  }

  /* line 25, ../scss/custom-elements/_get-started.scss */
  .get-started-two {
    background-color: #ffffcc;
    opacity: 0.9;
    color: #26003d;
    font-family: "Stag Sans Bold";
    font-size: 1.0rem;
    padding: 1.0rem 0.5rem;
    display: block;
    text-align: center;
    position: relative;
    float: right;
    width: 74px;
    height: 74px;
    border-left: solid 1px #ffffff;
    cursor: pointer;
  }

  /* line 26, ../scss/custom-elements/_get-started.scss */
  .get-started-two:hover {
    background-color: #bbb7d9;
    color: white;
  }

  /* line 27, ../scss/custom-elements/_get-started.scss */
  .get-started-three {
    background-color: #ffffcc;
    opacity: 0.9;
    color: #26003d;
    font-family: "Stag Sans Bold";
    font-size: 1.0rem;
    padding: 1.0rem 0.5rem;
    display: block;
    text-align: center;
    position: relative;
    float: right;
    width: 74px;
    height: 74px;
    border-left: solid 1px #ffffff;
    cursor: pointer;
  }

  /* line 28, ../scss/custom-elements/_get-started.scss */
  .get-started-three:hover {
    background-color: #bbb7d9;
    color: white;
  }

  /* line 29, ../scss/custom-elements/_get-started.scss */
  div.get-started-number {
    font-family: 'Stag sans Semibold';
    font-size: 25px;
  }

  /* line 30, ../scss/custom-elements/_get-started.scss */
  div.get-started-text {
    font-family: 'stag sans semibold';
    font-size: 15px;
    line-height: 1.2;
  }
}
/* Medium Viewport */
@media (min-width: 30em) {
  /* line 37, ../scss/custom-elements/_get-started.scss */
  .get-started {
    position: fixed;
    z-index: 20;
    right: -222px;
    top: 136px;
  }

  /* line 38, ../scss/custom-elements/_get-started.scss */
  .get-started-base {
    background-color: #160026;
    opacity: 0.9;
    color: white;
    font-family: "Stag Sans Bold";
    font-size: 0.90rem;
    padding: 1.0rem 0.05rem;
    display: block;
    text-align: center;
    float: left;
    width: 74px;
    height: 74px;
    cursor: pointer;
  }

  /* line 40, ../scss/custom-elements/_get-started.scss */
  .get-started-one {
    background-color: #ffffcc;
    opacity: 0.9;
    color: #26003d;
    font-family: "Stag Sans Bold";
    font-size: 1.0rem;
    padding: 0.5rem;
    display: block;
    text-align: center;
    position: relative;
    float: right;
    width: 74px;
    height: 74px;
    border-left: solid 1px #ffffff;
    cursor: pointer;
  }

  /* line 41, ../scss/custom-elements/_get-started.scss */
  .get-started-one:hover {
    background-color: #bbb7d9;
    color: white;
  }

  /* line 42, ../scss/custom-elements/_get-started.scss */
  .get-started-two {
    background-color: #ffffcc;
    opacity: 0.9;
    color: #26003d;
    font-family: "Stag Sans Bold";
    font-size: 1.0rem;
    padding: 1.0rem 0.5rem;
    display: block;
    text-align: center;
    position: relative;
    float: right;
    width: 74px;
    height: 74px;
    border-left: solid 1px #ffffff;
    cursor: pointer;
  }

  /* line 43, ../scss/custom-elements/_get-started.scss */
  .get-started-two:hover {
    background-color: #bbb7d9;
    color: white;
  }

  /* line 44, ../scss/custom-elements/_get-started.scss */
  .get-started-three {
    background-color: #ffffcc;
    opacity: 0.9;
    color: #26003d;
    font-family: "Stag Sans Bold";
    font-size: 1.0rem;
    padding: 1.0rem 0.5rem;
    display: block;
    text-align: center;
    position: relative;
    float: right;
    width: 74px;
    height: 74px;
    border-left: solid 1px #ffffff;
    cursor: pointer;
  }

  /* line 45, ../scss/custom-elements/_get-started.scss */
  .get-started-three:hover {
    background-color: #bbb7d9;
    color: white;
  }

  /* line 46, ../scss/custom-elements/_get-started.scss */
  div.get-started-number {
    font-family: 'Stag sans Semibold';
    font-size: 25px;
  }

  /* line 47, ../scss/custom-elements/_get-started.scss */
  div.get-started-text {
    font-family: 'stag sans semibold';
    font-size: 15px;
    line-height: 1.2;
  }
}
/* Large and up */
@media (min-width: 47.5em) {
  /* line 53, ../scss/custom-elements/_get-started.scss */
  .container-background {
    background: url([system-asset]/_assets/images/system-images/header-background-1x474.png[/system-asset]) repeat-x;
    background-size: auto 70%;
  }

  /* The styles for the get-started block */
  /* line 56, ../scss/custom-elements/_get-started.scss */
  .get-started {
    position: fixed;
    z-index: 20;
    right: -0px !important;
    top: 255px;
  }

  /* line 58, ../scss/custom-elements/_get-started.scss */
  .get-started-base {
    background-color: #160026;
    opacity: 0.9;
    color: white;
    font-family: "Stag Sans Bold";
    font-size: 0.90rem;
    padding: 1.0rem 0.05rem;
    display: block;
    text-align: center;
    position: static;
    float: none;
    width: 74px;
    height: 74px;
    cursor: pointer;
  }

  /* line 59, ../scss/custom-elements/_get-started.scss */
  .get-started-one {
    background-color: #ffffcc;
    opacity: 0.9;
    color: #26003d;
    font-family: "Stag Sans Bold";
    font-size: 1.0rem;
    padding: 0.5rem;
    display: block;
    text-align: center;
    position: static;
    float: none;
    width: 74px;
    height: 74px;
    border-left: none !important;
    margin-top: 2px;
    cursor: pointer;
  }

  /* line 60, ../scss/custom-elements/_get-started.scss */
  .get-started-two {
    background-color: #ffffcc;
    opacity: 0.9;
    color: #26003d;
    font-family: "Stag Sans Bold";
    font-size: 1.0rem;
    padding: 1.0rem 0.5rem;
    display: block;
    text-align: center;
    position: static;
    float: none;
    width: 74px;
    height: 74px;
    border-left: none !important;
    margin-top: 2px;
    cursor: pointer;
  }

  /* line 61, ../scss/custom-elements/_get-started.scss */
  .get-started-three {
    background-color: #ffffcc;
    opacity: 0.9;
    color: #26003d;
    font-family: "Stag Sans Bold";
    font-size: 1.0rem;
    padding: 1.0rem 0.5rem;
    display: block;
    text-align: center;
    position: static;
    float: none;
    width: 74px;
    height: 74px;
    border-left: none !important;
    margin-top: 2px;
    cursor: pointer;
  }

  /* line 62, ../scss/custom-elements/_get-started.scss */
  div.get-started-number {
    font-family: 'Stag sans Semibold';
    font-size: 25px;
  }

  /* line 63, ../scss/custom-elements/_get-started.scss */
  div.get-started-text {
    font-family: 'stag sans semibold';
    font-size: 15px;
    line-height: 1.2;
  }
}
/* Short Text Ribbon */
/* START: Styling for Short Text Ribbon */
/* line 16, ../scss/custom-elements/_short-text-ribbon.scss */
#short-text-ribbon a:hover {
  text-decoration: none;
}

/* line 17, ../scss/custom-elements/_short-text-ribbon.scss */
#short-text-ribbon .top {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #26003d;
  text-align: center;
  line-height: 1;
}

/* line 18, ../scss/custom-elements/_short-text-ribbon.scss */
#short-text-ribbon .bottom {
  text-align: center;
  background-color: #3e005c;
  text-align: center;
  line-height: 1.0;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 20, ../scss/custom-elements/_short-text-ribbon.scss */
#short-text-ribbon .date-header {
  display: block;
  text-transform: uppercase;
  font-family: "Stag Sans Bold";
  color: #774f8b;
  font-size: 2.063rem;
}

/* line 21, ../scss/custom-elements/_short-text-ribbon.scss */
#short-text-ribbon .event-header {
  display: block;
  text-transform: uppercase;
  font-family: "Stag Sans Book";
  color: white;
  font-size: 2.063rem;
}

/* line 22, ../scss/custom-elements/_short-text-ribbon.scss */
#short-text-ribbon .event-description {
  text-transform: uppercase;
  font-family: "Stag Sans Light";
  color: white;
  font-size: 1.563rem;
}

@media (min-width: 30em) {
  /* line 32, ../scss/custom-elements/_short-text-ribbon.scss */
  #short-text-ribbon .date-header {
    display: inline;
    padding-right: 3px;
  }

  /* line 33, ../scss/custom-elements/_short-text-ribbon.scss */
  #short-text-ribbon .event-header {
    display: inline;
    padding-left: 3px;
  }
}
@media (min-width: 64em) {
  /* line 46, ../scss/custom-elements/_short-text-ribbon.scss */
  #president-event-left {
    text-align: center;
    background-color: #26003d;
    padding-top: 22px;
    padding-bottom: 10px;
    height: 75px;
    line-height: 2.5em;
  }

  /* line 47, ../scss/custom-elements/_short-text-ribbon.scss */
  #president-event-right {
    background-color: #3e005c;
    padding-top: 22px;
    padding-bottom: 10px;
    height: 75px;
    line-height: 2.5em;
  }

  /* line 48, ../scss/custom-elements/_short-text-ribbon.scss */
  #short-text-ribbon .date-header {
    display: inline;
    padding-right: 3px;
  }

  /* line 49, ../scss/custom-elements/_short-text-ribbon.scss */
  #short-text-ribbon .event-header {
    display: inline;
    padding-left: 3px;
  }
}
@media (min-width: 85.375em) {
  /* line 55, ../scss/custom-elements/_short-text-ribbon.scss */
  #short-text-ribbon .top {
    min-height: 65px;
    width: 40%;
    height: 100%;
    display: table-cell;
  }

  /* line 56, ../scss/custom-elements/_short-text-ribbon.scss */
  #short-text-ribbon .bottom {
    min-height: 65px;
    width: 60%;
    height: 100%;
    display: table-cell;
  }
}
/* END: Styling for Short Text Ribbon */
/* Image Mosaic */
/* START: Styling for Image Mosaic Slideshow */
/* line 16, ../scss/custom-elements/_17-image-mosaic-slideshow.scss */
.generic-panel-photo-gallery, #experienceumiami {
  background: #3e005c;
}

/* line 17, ../scss/custom-elements/_17-image-mosaic-slideshow.scss */
.generic-panel-photo-gallery {
  border-bottom: 6px solid rgba(62, 0, 92, 0.2) !important;
  border-top: 6px solid rgba(62, 0, 92, 0.2) !important;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
}

/* line 18, ../scss/custom-elements/_17-image-mosaic-slideshow.scss */
#experienceumiami .nopad a {
  background-color: rgba(97, 30, 130, 0.75);
}

/* line 19, ../scss/custom-elements/_17-image-mosaic-slideshow.scss */
.slick-slide img {
  border: 0 none !important;
}

/* END: Image Mosaic Slideshow */
/* Set the color for the grid panel */
/* line 61, ../scss/sonhs.miami.edu-subsite.scss */
.generic-grid-panel {
  background-color: #faf5f9;
}

/* Small Viewport */
@media (max-width: 29.938em) {
  /* line 66, ../scss/sonhs.miami.edu-subsite.scss */
  .navCol.sitelogo img, .sitelogo img { 
  }

  /* line 69, ../scss/sonhs.miami.edu-subsite.scss */
  .interior-slider-caption {
    width: 100%;
    font-family: "Stag sans Light";
    padding: 15px;
    font-size: 1rem;
    bottom: 0px;
    position: relative;
    background-color: black !important;
  }
}
/* Medium Viewport */
@media (min-width: 30em) {
  /* line 74, ../scss/sonhs.miami.edu-subsite.scss */
  .navCol.sitelogo img, .sitelogo img { 
  }

  /* line 76, ../scss/sonhs.miami.edu-subsite.scss */
  .interior-slider-caption {
    width: 100%;
    font-family: "Stag sans Light";
    padding: 15px;
    font-size: 1rem;
    bottom: 0px;
    position: relative;
    background-color: black !important;
  }
}
/* Large and up */
@media (min-width: 47.5em) {
  /* line 82, ../scss/sonhs.miami.edu-subsite.scss */
  .navCol.sitelogo img, .sitelogo img {  
  }

  /* Chance the color of the main nav bar on large and up */
  /* line 85, ../scss/sonhs.miami.edu-subsite.scss */
  .navmain [class~='header-bg']:last-of-type {
    background: #26003d;
  }

  /* line 87, ../scss/sonhs.miami.edu-subsite.scss */
  .container-background {
    background: url(../images/system-images/header-background-1x474.png) repeat-x;
    background-size: auto 70%;
  }

  /* line 92, ../scss/sonhs.miami.edu-subsite.scss */
  .interior .navmain.border-a20, .homepage .navmain.border-a20 {
    border-bottom: solid 6px rgba(62, 0, 92, 0.2);
  }

  /* line 95, ../scss/sonhs.miami.edu-subsite.scss */
  .interior-slider-caption {
    position: absolute;
    width: 40%;
    height: auto;
    padding: 15px;
    bottom: 10px;
    background-color: rgba(0, 0, 0, 0.8) !important;
    left: auto !important;
    right: 0;
    border-left: none !important;
  }

  /* line 96, ../scss/sonhs.miami.edu-subsite.scss */
  .interior-slider-subhead {
    font-size: 1.125em;
    font-family: 'Stag Sans Light';
    color: #ffffff;
    line-height: 150%;
  }
}
/* XLarge and up */
/* XXLArge and up */