/* ==============================================
 CODE SECTION: TABLE HEIGHT

- status: testing
============================================================== */
.user_content table {
    height: auto;
}




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

-  STATUS: Leave in custom.css. Each school will have a dfferent 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: Footer (_footer.scss)

- Note: only affects the www site
- Status: Ready to move to Atomic Docs
============================================================== */

/* overrides the col width */
@media screen and (min-width: 1000px) {
    .o-wm-footer .sm_icon {
      margin: 0 .25em;
      font-size: 22px;
    }
    .o-wm-footer__logo-column > div {
      width: 228px;
    }
    .o-wm-footer__logo-column {
        padding: 9.5rem 1.066rem 32px 0;
        margin-bottom: 0;
    }
}





/* ==============================================
 CODE SECTION: 50/50 photo credit

- status: Ready to move to Atomic Docs
============================================================== */
.wm-row.FiftyFiftyRow figure {
    display: table;
}
.wm-row.FiftyFiftyRow figure.video-figure {
    width: 100%;
}
.wm-row.FiftyFiftyRow figcaption {
  display: table-caption;
  caption-side: bottom;
  text-align: left;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: .24px;
  padding-top: 11px;
}

/* TODO: Can these RGBA caption colors be css variables */

.wm-row.h-theme-blue figcaption,
.wm-row.h-theme-green figcaption,
section.h-theme-blue .wm-row.FiftyFiftyRow figcaption,
section.h-theme-green .wm-row.FiftyFiftyRow figcaption {
    color: rgba(255,255,255,0.6485);
}
.wm-row.h-theme-silver figcaption,
.wm-row.h-theme-white figcaption,
section.h-theme-silver .wm-row.FiftyFiftyRow figcaption,
section.h-theme-white .wm-row.FiftyFiftyRow figcaption {
    color: rgba(40,38,38,0.6485);
}

.wm-row.FiftyFiftyRow figcaption a {
    color: var(--theme-link-color);
}
@media (min-width: 700px) {
    .wm-row.FiftyFiftyRow .h-switch figcaption {
        text-align: right;
    }   
}




/* ===========================================================
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;
}


/* =========================================================== 
CODE SECTION #28: 

- temp fix for issue with the SASS compile of Perspective Students tab color variable (MW 9/2/2022) 
    
- STATUS: delete when SASS issue is fixed

============================================================= */

.wm-info-for-menu .tabs button:nth-child(1)[aria-selected="true"]::before {
    background: #c1ae43;
}
.wm-info-for-menu .tabs button:nth-child(1)::after {
    border-color: #c1ae43 transparent transparent;
}
.wm-info-for-menu .tabs button:nth-child(1):hover::before {
    background: #c1ae43;
}