/* temp styles for updated people page banner layout*/

.tall-banner-alt-layout .m-header.-tall {
  align-items: flex-end;
  justify-content: center;
  padding: 70px 44px;
}

.tall-banner-alt-layout .m-header.-tall .scroll-down {
  display: none;
}

.tall-banner-alt-layout .m-header.-tall .m-title-card {
  text-align: left;
  width: 100%;
  max-width: 1112px;
}

.tall-banner-alt-layout .m-header.-tall .m-title-card__umbrella a {
  margin: 0 3px;
}

.tall-banner-alt-layout .m-header.-tall .m-title-card:hover + .m-header__photo::before {
  opacity: 0;
}



/* ========== Temp fix for image extending over the right column ================== */ 
/* example, primary content image here (https://www.wm.edu/news/stories/2021/new-scholarship-supports-first-generation-graduate-business-students.php) */ 
.hasSidebar .user_content .leftcaption, .hasSidebar .user_content .photoleft, .hasSidebar .user_content .rightcaption, .hasSidebar .user_content .photoright {
    max-width: 100%;
}


/* =========== Temp Fix for content_button in custom listbox ============= */
/* Note that it will be cleaner in atomic to add :not(.content_button) to existing code rather than 
specify #sidebar .listbox .customContent a.content_button like this, but can't zero out the code 
that is already there */
#sidebar .listbox .customContent a.content_button {
    font-size: 0.8125rem;
    color: #fff;
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 1rem 2.5rem;
}
@media (min-width: 700px) {
    #sidebar .listbox .customContent a.content_button {
        width: auto;
        display: inline-block;
        margin-right: 8px;
    }
}



/* ======== Quick fixes for widget/listbox hover behaviors ===== */
#sidebar .listbox .list-items a:hover, #sidebar .listbox .list-items a:focus, #sidebar .listbox .list-items .listing-link:hover, #sidebar .listbox .list-items .listing-link:focus {
    text-decoration: underline;
}
@media (min-width: 1215px) {
  #sidebar .read-more-link:hover, #sidebar .read-more-link:focus {
    border: none;
  }
}



/* ======== temp fix for alert button =========== */
.user_content .alert button,
.user_content .alert .button,
.user_content .alert a.button,
.user_content .alert a.content_button,
.user_content .alert .content_button > a,
.user_content .alert .content_button_with_arrow,
.user_content .collapsible .alert  button,
.user_content .collapsible .alert  .button,
.user_content .collapsible .alert  a.button,
.user_content .collapsible .alert  a.content_button,
.user_content .collapsible .alert  .content_button > a,
.user_content .collapsible .alert  .content_button_with_arrow{
    color: white;
}


/* ========= RRSS Buttons (sharebar) ================= */
.user_content .rrssb-buttons {
    margin-top: 1.79rem;
    max-width: 634px;
}
@media (min-width: 801px) {
    .rrssb-buttons li a .rrssb-icon.fa-facebook {
        top: 0px;
    }
}
@media (min-width: 1125px) {
    .rrssb-buttons li a .rrssb-icon.fa-facebook {
        top: 0px;
    }
}



/* ======= MOBILE VIEWS OF NEWS AND FEATURE LIST ITEMS WITH THUMBNAILS =========== */

/* DEPT NEWS LIST BLOCK */
.user_content .news_listing .dept_news_story_img ~ p {
    margin-left: 0;
}
@media (min-width: 930px) {
    .user_content .news_listing .dept_news_story_img ~ p {
        margin-left: 7.1875rem;
    }
}

/* NEWS LISTING */
.user_content .item_listing.news_listing a ~ p {
    margin-left: 0;
}
@media (min-width: 930px) {
    .user_content .item_listing.news_listing a ~ p  {
        margin-left: 115px;
    }
}

/* FEATURE LISTING */
.user_content .item_listing.feature_listing a ~ p {
    margin-left: 0px;
}
@media (min-width: 930px) {
    .user_content .item_listing.feature_listing a ~ p {
        margin-left: 115px;
    }
}




/* ========== DDFAS 2021 (ONE OFF AND TEMP. DO NOT MOVE TO ATOMIC) ============= */
a[class^="ddfas"] + .grid {
    margin-top: 0;
}
.user_content figure.mobile, .user_content figure.desktop {
    margin-top: 0;
    margin-bottom: 10px;
    background: #ececec;
    transition: .3s;
}
figure.mobile figcaption h4, figure.desktop figcaption h4 {
    text-align: center;
    color: #115740;
    font-size: 14.4px !important;
    text-transform: none;
    font-weight: 700;
}
figure.desktop img {
    width: 774px;
}
figure.desktop, figure.mobile {
    display: block;
    margin:0;
}
.ddfas-mobile {
    display: inline-block;
}
.ddfas-desktop {
    display: none;
}
.ddfas-mobile:hover, .ddfas-desktop:hover,
.ddfas-mobile:focus, .ddfas-desktop:focus {
    text-decoration: none;
}

@media (min-width: 518px) {
    figure.desktop, figure.mobile {
        display: block;
    }
    .ddfas-mobile {
        display: none;
    }  
    .ddfas-desktop {
        display: inline-block;
    } 
}






/* fix for long listing page titles wrapping below thumbnails */
.item_listing article header a, article.item_listing header a {
    display: inline;
}


/* temporary fix for bellipsis going behind slideshow */
 [id^="collapsedlinks"][data-show] {
	 z-index:3;
}





/* ============= YouVisit Embed Container ============= */
 .youvisit-container {
	 height: 400px;
}
/* =============== Collapsible Table ================= */
 button.collapsible_title_text, .collapsible_title_text, button.collapsible_title_text:hover, .collapsible_title_text:hover, button.collapsible_title_text:focus, .collapsible_title_text:focus {
	 background: transparent;
}
/* show table content to no-js visitor */
.no-js .user_content .collapsible {
    display: block;
}



/* ======= Quick fix to remove margin-bottom from h6's ============== */
.user_content--wrapper > h6 {
    margin-bottom: 0;
}



/* ======= Directory Page: Namecoach Audio Link ============== */
 .namecoach-icon {
	 vertical-align:top;
	 display:inline-block;
	 margin:0 0 0 4px;
	 font-size: 19px;
	 color: #115740;
	 position:relative;
	 cursor: pointer;
	 border-color: transparent;
	 border-style: solid;
	 border-width: 5px;
	 transition: color 0.3s;
}
 .namecoach-icon:hover, .namecoach-icon:focus {
	 color: #B9975B;
}
 .mouseuser .namecoach-icon:hover, .mouseuser .namecoach-icon:focus {
	 outline: none;
}
 .namecoach-icon__progressbar {
	 content: "";
	 position: absolute;
	 bottom: 0;
	 left:0;
	 width: 0;
	 height: 2px;
	 background: #B9975B;
	 transition: width 0s linear;
}
 .namecoach-icon:hover .namecoach-icon__progressbar, .namecoach-icon:focus .namecoach-icon__progressbar {
	 background: #000;
}
 .namecoach-icon.playing {
	 color: #B9975B;
}
 .namecoach-icon.playing .namecoach-icon__progressbar {
	 width: 100%;
	 background: #B9975B;
}
 @media (min-width: 700px) {
	 .namecoach-icon {
		 transform: translateY(10%);
		 margin:0 0 0 6px;
	}
}