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

/* Setup aclass for horizontal rules */
/* line 14, ../scss/president.miami.edu-site.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;
}

/* Colors for the president site */
/* line 17, ../scss/president.miami.edu-site.scss */
.header-bg {
  background-color: #006344;
}

/* line 18, ../scss/president.miami.edu-site.scss */
.header {
  color: #006344;
}

/* line 19, ../scss/president.miami.edu-site.scss */
.header-highlight-bg {
  background-color: #efbb43;
}

/* line 20, ../scss/president.miami.edu-site.scss */
.header-highlight {
  color: #efbb43;
}

/* line 21, ../scss/president.miami.edu-site.scss */
.lower-nav ul li:hover, .navCol ul li:hover {
  background: #efbb43;
}


/* Override the default footer panel spacing. */
/* line 29, ../scss/president.miami.edu-site.scss */
.footer-panel {
  margin-bottom: 0em !important;
  margin-top: 0em !important;
  padding-bottom: 0em !important;
}

/* Full width slideshow*/
/* line 31, ../scss/president.miami.edu-site.scss */
#fullWidthSlider.slick-slider {
  margin-top: -0.375rem;
  /* To compensate for the full width row padding and header shadow */
  margin-bottom: 0 !important;
}

/* line 35, ../scss/president.miami.edu-site.scss */
.fullWidthSlide img {
  top: 0;
  left: 0;
  height: auto;
}

/* line 40, ../scss/president.miami.edu-site.scss */
.fullWidthSlide .slideCaption a {
  margin: 0;
  padding: 0;
  display: block;
}

/* line 41, ../scss/president.miami.edu-site.scss */
.fullWidthSlide .slideCaption {
  margin: 0;
  padding: 1.25rem;
  color: #FFF;
}

/* line 42, ../scss/president.miami.edu-site.scss */
.fullWidthSlide .slideCaption p, .fullWidthSlide .slideCaption h1,
.fullWidthSlide .slideCaption h2, .fullWidthSlide .slideCaption h3,
.fullWidthSlide .slideCaption h4 {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 46, ../scss/president.miami.edu-site.scss */
.fullWidthSlide .slideCaption.full-width {
  position: absolute;
  bottom: 3.75rem;
  left: 0;
  width: 100%;
  padding: 30px 30px;
}

/* line 47, ../scss/president.miami.edu-site.scss */
.fullWidthSlide .slideCaption.fullwidthbottom {
  width: 100%;
  padding: 30px 30px;
}

/* line 48, ../scss/president.miami.edu-site.scss */
.fullWidthSlide .slideCaption.left-side {
  position: absolute;
  bottom: 3.75rem;
  left: 0;
  padding: 30px 30px;
  max-width: 428px;
  width: 100%;
}

/* line 49, ../scss/president.miami.edu-site.scss */
.fullWidthSlide .slideCaption.right-side {
  position: absolute;
  bottom: 3.75rem;
  right: 0;
  padding: 30px 30px;
  max-width: 428px;
  width: 100%;
}

/* line 51, ../scss/president.miami.edu-site.scss */
.fullWidthHighlight {
  color: #efbb43;
}

/* line 54, ../scss/president.miami.edu-site.scss */
.generic-panel-full-width .columns {
  padding-left: 0;
  padding-right: 0;
}

/* Small Viewport */
@media (max-width: 29.938em) {
  /* line 62, ../scss/president.miami.edu-site.scss */
  .navCol.sitelogo img, .sitelogo img {
  }
}
/* Medium Viewport */
@media (min-width: 30em) {
  /* line 67, ../scss/president.miami.edu-site.scss */
  .navCol.sitelogo img, .sitelogo img {
  }
}
/* Large and up */
@media (min-width: 47.5em) {
  /* line 72, ../scss/president.miami.edu-site.scss */
  .navCol.sitelogo img, .sitelogo img {
  }
}
/* XLarge and up */
@media (min-width: 64em) {
  /* line 77, ../scss/president.miami.edu-site.scss */
  .fullWidthSlide .slideCaption.fullwidthbottom {
    padding: 20px 30px;
  }

  /* line 78, ../scss/president.miami.edu-site.scss */
  .fullWidthSlide .slideCaption.left-side {
    bottom: 3rem;
    padding: 20px 30px;
  }

  /* line 79, ../scss/president.miami.edu-site.scss */
  .fullWidthSlide .slideCaption.right-side {
    bottom: 3rem;
    padding: 20px 30px;
  }
}
/* XXLArge and up */
/* Temp styles for accordion feeds */
 .acc-columns div:first-child{
	 padding-right:0.813em !important;
	 padding-left:0 !important;
}
 .acc-columns div:last-child{
	 padding-left:0.813em !important;
	 padding-right: 0 !important;
}
 .interior-text ul:not(.pagination):not(.advancedSearch) li.accordion-item{
	 padding-top:0;
	 padding-bottom:0;
}
 .accordion-item.is-active a:active, .accordion-item.is-active a:focus, .accordion-item.is-active a:hover{
	 background:none;
	 color:orange;
}

/* Adding some classes that will be used for the related news WEB-24088 */
.related-news-header {
    font-family: 'Stag Bold'!important;
    text-transform: uppercase;
    color: #005030!important;
    margin-top: 0px!important;
    font-size: 21px!important;
}
.related-news-list {
    list-style-type: none; 
    margin-left: 0px;
}

/* We only want to use the seperators for large and up */
 @media (min-width: 64em) {
    .related-news-list li { border-bottom: 1px solid #f47321; }
    .related-news-list li:last-child { border-bottom: none; }
}

.related-news-list-item {
    display: flex; 
    align-items: center; 
    gap: 4px;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.related-news-list-item img {
    width: 30%!important;
}

.related-news-list-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}