/* Customization to remove searchbox border: LOSGABL-1427 */
.navbar button.newssearchbtn, .navbar input.newssearchfield[type="text"] {
	 border: 0px;
	 box-shadow: none;
}
 .navbar button.newssearchbtn {
	 background: none;
}
 .navbar .masthead button .fa-search {
	 float: none;
}
/* line 64, ../scss/arc.miami.edu-site.scss */
.people-list.list-view .collection-wrapper .head {
  background-color: #8996a0;
}
/* Do not edit this file directly as it is being managed via Sass */
/* Site specific CSS */
/* line 5, ../scss/arc.miami.edu-site.scss */
.container {
  width: auto !important;
  max-width: auto !important;
}

/* The slick sliders on this site have no borders */
/* line 13, ../scss/arc.miami.edu-site.scss */
.slick-slide img {
  border: 0px !important;
}

/* Override the default footer panel spacing. */
/* line 18, ../scss/arc.miami.edu-site.scss */
.footer-panel {
  margin-bottom: 0em !important;
  padding-bottom: 0em !important;
}

/* line 23, ../scss/arc.miami.edu-site.scss */
.homepage .footer-panel {
  margin-top: 0em !important;
}

/* .people-list.list-view .collection-wrapper .head {
    background-color: #8996a0;
} */

/* Get Started */
/* START: Styling for Get Started */
/* line 18, ../scss/custom-elements/_get-started.scss */
.get-started {
  z-index: 999;
}

/* Small Viewport */
@media (max-width: 29.938em) {
  /* line 24, ../scss/custom-elements/_get-started.scss */
  .get-started {
    position: fixed;
    z-index: 20;
    right: -222px;
    top: 136px;
  }

  /* line 25, ../scss/custom-elements/_get-started.scss */
  .get-started-base {
    background-color: black;
    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 27, ../scss/custom-elements/_get-started.scss */
  .get-started-one, .get-started-1 {
    background-color: #f37320;
    opacity: 0.9;
    color: white;
    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 28, ../scss/custom-elements/_get-started.scss */
  .get-started-1 {
    float: left;
  }

  /* line 29, ../scss/custom-elements/_get-started.scss */
  .get-started-one:hover, .get-started-1:hover {
    background-color: rgba(73, 85, 91, 0.9);
    color: white;
  }

  /* line 30, ../scss/custom-elements/_get-started.scss */
  .get-started-two, .get-started-2 {
    background-color: #f37320;
    opacity: 0.9;
    color: white;
    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 31, ../scss/custom-elements/_get-started.scss */
  .get-started-2 {
    float: left;
  }

  /* line 32, ../scss/custom-elements/_get-started.scss */
  .get-started-two:hover, .get-started-2:hover {
    background-color: rgba(73, 85, 91, 0.9);
    color: white;
  }

  /* line 33, ../scss/custom-elements/_get-started.scss */
  .get-started-three, .get-started-3 {
    background-color: #f37320;
    opacity: 0.9;
    color: white;
    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 34, ../scss/custom-elements/_get-started.scss */
  .get-started-3 {
    float: left;
  }

  /* line 35, ../scss/custom-elements/_get-started.scss */
  .get-started-three:hover, .get-started-3:hover {
    background-color: rgba(73, 85, 91, 0.9);
    color: white;
  }

  /* line 36, ../scss/custom-elements/_get-started.scss */
  div.get-started-number {
    font-family: 'Stag sans Semibold';
    font-size: 25px;
  }

  /* line 37, ../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 44, ../scss/custom-elements/_get-started.scss */
  .get-started {
    position: fixed;
    z-index: 20;
    right: -222px;
    top: 136px;
  }

  /* line 45, ../scss/custom-elements/_get-started.scss */
  .get-started-base {
    background-color: black;
    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 47, ../scss/custom-elements/_get-started.scss */
  .get-started-one, .get-started-1 {
    background-color: #f37320;
    opacity: 0.9;
    color: white;
    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 48, ../scss/custom-elements/_get-started.scss */
  .get-started-1 {
    float: left;
  }

  /* line 49, ../scss/custom-elements/_get-started.scss */
  .get-started-one:hover, .get-started-1:hover {
    background-color: rgba(73, 85, 91, 0.9);
    color: white;
  }

  /* line 50, ../scss/custom-elements/_get-started.scss */
  .get-started-two, .get-started-2 {
    background-color: #f37320;
    opacity: 0.9;
    color: white;
    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 51, ../scss/custom-elements/_get-started.scss */
  .get-started-2 {
    float: left;
  }

  /* line 52, ../scss/custom-elements/_get-started.scss */
  .get-started-two:hover, .get-started-2:hover {
    background-color: rgba(73, 85, 91, 0.9);
    color: white;
  }

  /* line 53, ../scss/custom-elements/_get-started.scss */
  .get-started-three, .get-started-3 {
    background-color: #f37320;
    opacity: 0.9;
    color: white;
    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 54, ../scss/custom-elements/_get-started.scss */
  .get-started-3 {
    float: left;
  }

  /* line 55, ../scss/custom-elements/_get-started.scss */
  .get-started-three:hover, .get-started-3:hover {
    background-color: rgba(73, 85, 91, 0.9);
    color: white;
  }

  /* line 56, ../scss/custom-elements/_get-started.scss */
  div.get-started-number {
    font-family: 'Stag sans Semibold';
    font-size: 25px;
  }

  /* line 57, ../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) {
  /* The styles for the get-started block */
  /* line 64, ../scss/custom-elements/_get-started.scss */
  .get-started {
    position: fixed;
    z-index: 20;
    right: -0px !important;
    top: 255px;
  }

  /* line 66, ../scss/custom-elements/_get-started.scss */
  .get-started-base {
    background-color: black;
    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 67, ../scss/custom-elements/_get-started.scss */
  .get-started-one, .get-started-1 {
    background-color: #f37320;
    opacity: 0.9;
    color: white;
    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 68, ../scss/custom-elements/_get-started.scss */
  .get-started-two, .get-started-2 {
    background-color: #f37320;
    opacity: 0.9;
    color: white;
    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 69, ../scss/custom-elements/_get-started.scss */
  .get-started-three, .get-started-3 {
    background-color: #f37320;
    opacity: 0.9;
    color: white;
    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 70, ../scss/custom-elements/_get-started.scss */
  div.get-started-number {
    font-family: 'Stag sans Semibold';
    font-size: 25px;
  }

  /* line 71, ../scss/custom-elements/_get-started.scss */
  div.get-started-text {
    font-family: 'stag sans semibold';
    font-size: 15px;
    line-height: 1.2;
  }
}
/* START: Styling for Image Mosaic Slideshow */
/* line 16, ../scss/custom-elements/_17-image-mosaic-slideshow.scss */
.generic-panel-photo-gallery, #experienceumiami {
  background: #ebeef0;
}

/* line 17, ../scss/custom-elements/_17-image-mosaic-slideshow.scss */
.generic-panel-photo-gallery {
 /* border-bottom: 6px solid #ebeee6 !important;
  border-top: 6px solid #ebeee6 !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(73, 85, 91, 0.75);
}

/* line 19, ../scss/custom-elements/_17-image-mosaic-slideshow.scss */
.slick-slide img {
  border: 0 none !important;
}

/* END: Image Mosaic Slideshow */
/* 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: #49545b;
  text-align: center;
  line-height: 1;
}

/* line 18, ../scss/custom-elements/_short-text-ribbon.scss */
#short-text-ribbon .bottom {
  text-align: center;
  background-color: #ebeef0;
  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: #f37320;
  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: black;
  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: #49545b;
    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: #ebeef0;
    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 */
/* Small Viewport */
/* Medium Viewport */
/* Large and up */
@media (min-width: 47.5em) {
  /* line 62, ../scss/arc.miami.edu-site.scss */
  .navbar .masthead .navCol.search .fa.fa-search {
    color: #cccccc;
  }
}
/* XLarge and up */
/* XXLArge and up */

/* Customize the opacity of the stickey buttons */
/* LOSGABL-1428 */
 .get-started-base {
	 opacity: 0.75;
}
 .get-started-1 {
	 opacity: 0.75;
}
 .get-started-2 {
	 opacity: 0.75;
}
 .get-started-3 {
	 opacity: 0.75;
}
/* LOSGABL-1430  Change the color of the targeted marketing panel */
@media (min-width: 47.5em) {
#marketing-panel .event-details .event-date { background:#f47321; }
}
#marketing-panel .event-title a, #marketing-panel .event-title a:hover  { color:#f47321; }
#marketing-panel h2.events-header.black-bg, #marketing-panel .events-footer.black-bg { background:#FFFFFF; color:#7D858B;}
#marketing-panel .event-details .event-time { color:#7D858B; }

/* Customizing High-contrast logo SVG because it sits on a black background. */
 body.high-contrast .sitelogo svg path.st1, body.high-contrast .sitelogo svg path.st2, body.high-contrast .sitelogo svg path.st3, body.high-contrast .sitelogo svg line.st3 {
	 fill: #FFF;
}
 body.high-contrast .sitelogo svg path.st1:nth-child(1) {
	 fill: #FFF;
}
 body.high-contrast .sitelogo svg line.st3 {
	 stroke: #FFF;
}
 .button-list .button {
	 background-image: url(https://cdn.dev.miami.edu/_assets-common/images/system/btn-over-15-solid.png) !important;
	 transition: none !important;
	 border: solid 3px transparent !important;
}
 .text-call-out .button {
	 background-image: url(https://cdn.dev.miami.edu/_assets-common/images/system/btn-over-15-solid.png) !important;
	 transition: none !important;
	 border: solid 3px transparent !important;
}
 .mms a.button.onblack, button.onblack {
	 background-image: url(https://cdn.dev.miami.edu/_assets-common/images/system/btn-over-15-solid.png) !important;
	 transition: none !important;
	 border: solid 3px transparent !important;
}
 .card-section a.button.onblack, button.onblack {
	 background-image: url(https://cdn.dev.miami.edu/_assets-common/images/system/btn-over-15-solid.png) !important;
	 transition: none !important;
	 border: solid 3px transparent !important;
}
 .people-loader a.button.onwhite, button.onwhite {
	 background-image: url(https://cdn.dev.miami.edu/_assets-common/images/system/btn-over-15-solid.png) !important;
	 transition: none !important;
	 border: solid 3px transparent !important;
}
 .subscribe-story .submitButton {
	 background-image: url(https://cdn.dev.miami.edu/_assets-common/images/system/btn-over-15-solid.png) !important;
	 transition: none !important;
	 border: solid 3px transparent !important;
}
 #load-button button.orange, a.button.orange {
	 background-image: url(https://cdn.dev.miami.edu/_assets-common/images/system/btn-over-15-solid.png) !important;
	 transition: none !important;
	 border: solid 3px transparent !important;
}
