/* ===========================================================
CODE SECTION: SCROLLING 

-  STATUS: Leave in custom.css. Each school will have a different scroll-padding-top depending on their topbar treatment
============================================================= */
html {
  scroll-behavior: smooth;
}
/* offest for sticky header: mobile height */
* {
    scroll-margin-top: 66px;
}
@media (min-width: 930px) {
    * {
        scroll-margin-top: 84px;
    }
}
@media (prefers-reduced-motion) {
    html {
      scroll-behavior: auto;
    }
}



/* ===========================================================
CODE SECTION #22:

- DDFAS 2021

- STATUS: This can stay here in custom.css (MCW)
============================================================= */
 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;
}




/* ===========================================================
CODE SECTION #23:

- YouVisit Embed Container

- STATUS: This can stay here in custom.css. Might be different in each school's custom.css (MCW)
============================================================= */
 .youvisit-container {
	 height: 400px;
}
 @media screen and (min-width: 1000px) {
	 .user_content ul.tour-stops, .user_content ol.tour-stops {
		 column-count: 2;
		 margin-left: 1.25rem;
	}
	 .user_content ul.tour-stops li, .user_content ol.tour-stops li {
		 margin-left: 0;
		 list-style-position: inside;
	}
}





/* ===========================================================
CODE SECTION #27:

- IT Listbox StatusHub status (NE 8/23/2022)

- STATUS: can stay in custom.css until either
    - approved indefinitely -> then can be moved into Atomic docs
    - replaced with RSS version -> then it can be deleted
============================================================= */
.statushub-compact-widget p {
    margin-bottom: 18px !important;
    display: flex;
}
.statushub-compact-widget img.statushub-circle-status {
    margin-top: 4px;
    margin-right: 9px !important;
}