/* ============================================================= 
CODE SECTION #1:

- Only show shaded banner if there is banner text 

- STATUS: needs to be added to atomic docs
================================================================= */
/*.m-header__photo::before,*/
/*.m-header__photo::after {*/
/*    content: none;*/
/*}*/
/*.m-title-card + .m-header__photo::before,*/
/*.m-title-card + .m-header__photo::after {*/
/*    content: "";*/
/*}*/







/* =========================================================
CODE SECTION #2:

TEMP CODE FOR ICON ROWS
issue with min-height when just icon and title 

- Remove min-height
- make sure top and bottom margins match

- STATUS: has been added to atomic docs, but need to confirm which margin-bottom is correct
========================================================== */
/*.IconRow__card {*/
/*  min-height: auto;*/
/*}*/
/*.IconRow__text-section {*/
/*  margin-bottom: calc(8.48485vw + -1.81818px);*/
/*}*/
/*@media (min-width: 600px) {*/
/*    .IconRow__text-section {*/
/*      margin-bottom: 60px;*/
/*    }   */
/*}*/
/* temp fix test for icon card height bug */
/* .wm-cards:not(.--landscape) .IconRow__icon {*/
/*	 min-height: 50px;*/
/*}*/






/* ===========================================================
CODE SECTION #3:

- temp fix for icon table until i reupload the main css

- STATUS: This can be deleted (MCW)
============================================================= */
/*.icon-table td:not(:first-child) {*/
/*  text-align: center;*/
/*}*/

/*.icon-table td > i {*/
/*  color: #115740;*/
/*  font-size: 46px;*/
/*}*/







/* ===========================================================
CODE SECTION #4:

- Code FOR 3:2 thumbs

- STATUS: Needs to be added to atomic docs
============================================================= */
/* if it ain't square, force it to 150x100 (with object-fit:cover to make it look nice) */
/*.user_content .item_listing.news_listing .news-listing-thumb img,*/
/*.user_content .dept_news_story_img.news-listing-thumb img {*/
/*    width: 150px;*/
/*    max-width: none;*/
/*    object-fit: cover;*/
/*} */
/*.user_content .dept_news_story_img {*/
/*    width: auto;*/
/*}*/
/*@media screen and (min-width:700px) {*/
/*    .user_content .item_listing.news_listing a.news-listing-thumb ~ p,*/
/*    .user_content a.dept_news_story_img.news-listing-thumb ~ p {*/
/*        margin-left: 165px;*/
/*    }*/
/*}*/






/* ===========================================================
CODE SECTION #5:

- Fix for poor rendering of scaled down images in webkit

- STATUS: Needs to be added to atomic docs
============================================================= */
/* @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {*/
/*	 img {*/
/*		 image-rendering: -webkit-optimize-contrast;*/
/*	}*/
/*}*/








/* ===========================================================
CODE SECTION #6:

- helper classes to use for negative x-axis margins applied to an element

- STATUS: No one knows what this is for.
============================================================= */
/*.mx-n22 {*/
/*    margin-left: -22px;*/
/*    margin-right: -22px;*/
/*}*/
/*.mx-n44 {*/
/*    margin-left: -44px;*/
/*    margin-right: -44px;*/
/*}*/








/* ===========================================================
CODE SECTION #7:

- fix for rows overlapping dept dropdown

- STATUS: Needs to be added to atomic docs
============================================================= */
/*.gradient-wrapper {*/
/*    z-index: 10;*/
/*}*/






/* ===========================================================
CODE SECTION #8:

- icon table help page

- STATUS: Needs to be added to atomic docs
============================================================= */
/*.icon-table tr:first-child th {*/
/*    text-align: center;*/
/*}*/
/*.icon-table tr:first-child th:first-child,*/
/*.icon-table tr:first-child th:last-child {*/
/*    text-align: left;*/
/*}*/
/*.icon-table td:last-child {*/
/*    text-align: left;*/
/*}*/









/* ===========================================================
CODE SECTION #9:

- Fix for widget support on W&M News homepage- reduce padding above the feature video when it is below a widget (desktop only)

- STATUS: Page no longer exists, this can be deleted (MCW)
============================================================= */
/* @media (min-width: 1198px) {*/
/*	 #sidebar > aside + .news-home-sidebar-video figure {*/
/*		 padding-top: 0;*/
/*	}*/
/*}*/









/* ===========================================================
CODE SECTION #10:

- Temp fix for button text color in collapsed tables

- STATUS: This can be deleted (MCW)
============================================================= */
/*.user_content table .button, */
/*.user_content table .content_button, */
/*.user_content table .content_button a, */
/*.user_content table .content_button_with_arrow, */
/*.user_content table .content_button_with_arrow a{*/
/*    color: white;*/
/*}*/





 
 
 
/* ===========================================================
CODE SECTION #11:

- Temp fixes for content row padding and formats Dec 13, 2021

- STATUS: .o-content class no longer used. This can be deleted (MCW)
============================================================= */ 
/*content row padding*/
/* .o-content .layout__user-content :last-child:not(.content_button){*/
/*	 margin-bottom: 0;*/
/*}*/
/* .o-content .layout-grid-container {*/
/*	 padding-bottom: 60px;*/
/*	 padding-top: 60px;*/
/*}*/
/* .o-content .layout__user-content > *:first-child {*/
/*	 margin-top: 0;*/
/*	 padding-top: 0;*/
/*}*/








/* ===========================================================
CODE SECTION #12:

- tablespecial

- STATUS: This can be deleted (MCW)
============================================================= */ 
/* .tablespecial, .tablespecial2, .tablespecialleft {*/
/*	 border-spacing: 3px;*/
/*	 text-align: left;*/
/*	 color: black;*/
/*	 border-collapse: separate;*/
/*}*/
/* .tablespecial a, .tablespecial2 a, .tablespecialleft a {*/
/*	 color: #87673d;*/
/*}*/
/* .tablespecial .content_button, .tablespecial2 .content_button, .tablespecialleft .content_button {*/
/*	 display: block;*/
/*	 overflow: hidden;*/
/*	 width: 80%;*/
/*	 min-height: 34px;*/
/*	 margin: 0 auto;*/
/*	 margin-bottom: 8px;*/
/*	 padding: 1rem 2.5rem;*/
/*	 transition: all 0.18s ease-in;*/
/*	 text-align: center;*/
/*	 text-decoration: none !important;*/
/*	 letter-spacing: 0.1em;*/
/*	 text-transform: uppercase;*/
/*	 color: white;*/
/*	 border: none;*/
/*	 outline: none;*/
/*	 background-color: #115740;*/
/*	 font-family: "Avenir Next W01", Verdana, sans-serif;*/
/*	 font-size: 0.8125rem;*/
/*	 font-weight: 700;*/
/*	 line-height: 1.3;*/
/*	 text-decoration: none;*/
/*}*/
/* @media (min-width: 700px) {*/
/*	 .tablespecial .content_button, .tablespecial2 .content_button, .tablespecialleft .content_button {*/
/*		 display: inline-block;*/
/*		 width: auto;*/
/*		 margin-right: 8px;*/
/*	}*/
/*}*/
/* .tablespecial .content_button:hover, .tablespecial .content_button:focus, .tablespecial2 .content_button:hover, .tablespecial2 .content_button:focus, .tablespecialleft .content_button:hover, .tablespecialleft .content_button:focus {*/
/*	 cursor: pointer;*/
/*	 text-decoration: none;*/
/*	 color: white;*/
/*}*/
/* .tablespecial .content_button:hover, .tablespecial .content_button:focus, .tablespecial2 .content_button:hover, .tablespecial2 .content_button:focus, .tablespecialleft .content_button:hover, .tablespecialleft .content_button:focus {*/
/*	 background-color: black;*/
/*}*/
/* .tablespecial tr, .tablespecial th, .tablespecial td, .tablespecial2 tr, .tablespecial2 th, .tablespecial2 td, .tablespecialleft tr, .tablespecialleft th, .tablespecialleft td, .map_addresses tr, .map_addresses th, .map_addresses td {*/
/*	 margin: 0;*/
/*	 padding: 11px 12px;*/
/*	 color: #262626;*/
/*	 font-size: 15px;*/
/*}*/
/* .tablespecial th, .tablespecial2 th, .tablespecialleft th, .tablespecialleft th {*/
/*	 color: #115740;*/
/*	 background-color: #d0d3d4;*/
/*	 font-size: 1.14rem;*/
/*}*/
/* .tablespecial th p, .tablespecial2 th p, .tablespecialleft th p, .tablespecialleft th p {*/
/*	 margin-bottom: 0;*/
/*	 color: #115740;*/
/*}*/
/* .tablespecial td, .tablespecial2 td, .tablespecialleft td {*/
/*	 background-color: #efefef;*/
/*}*/
/* .tablespecial td p, .tablespecial2 td p, .tablespecialleft td p {*/
/*	 margin-bottom: 1.2rem;*/
/*}*/
/* .tablespecial ul li, .tablespecial ol li {*/
/*	 font-size: 1em;*/
/*}*/
/* .tablespecial td > *:last-child:not(ul), .tablespecial2 td > *:last-child:not(ul), .tablespecialleft td > *:last-child:not(ul) {*/
/*	 margin-bottom: 0;*/
/*}*/
/* .tablespecialleft {*/
/*	 float: left !important;*/
/*	 margin-right: 20px !important;*/
/*}*/
/* .tablewrap .tablespecial, .tablewrap .tablespecial2 {*/
/*	 margin-bottom: 0;*/
/*}*/
/* .tablewrap {*/
/*	 margin-bottom: 1.2rem;*/
/*}*/
/* h5 + .tablewrap {*/
/*	 margin-top: 1.125rem;*/
/*}*/
/* h6 + .tablewrap {*/
/*	 margin-top: 1rem;*/
/*}*/
/* .scroll-table {*/
/*	 overflow: auto;*/
/*}*/
/* .scrollable + h5, .scrollable + h6 {*/
/*	 margin-top: 1.2rem;*/
/*}*/










/* ===========================================================
CODE SECTION #13:

- alerts

- STATUS: this can be deleted (MCW)
============================================================= */ 
/* .alert, .collapsible .alert {*/
/*	 display: block;*/
/*	 overflow: auto;*/
/*	 margin: 0px;*/
/*	 padding: 20px;*/
/*	 background: #efefef;*/
/*}*/
/* .alert a, .collapsible .alert a {*/
/*	 color: #87673d;*/
/*}*/
/* .alert + .alert, .collapsible .alert + .alert {*/
/*	 margin-top: 0 !important;*/
/*	 padding-top: 0;*/
/*}*/
/* .alert + :not(.alert), .collapsible .alert + :not(.alert) {*/
/*	 margin-top: 2rem;*/
/*}*/
/* .alert + hr, .collapsible .alert + hr {*/
/*	 margin-top: 44px !important;*/
/*}*/
/* .alert .photoleft, .collapsible .alert .photoleft {*/
/*	 float: left;*/
/*	 clear: left;*/
/*	 margin: 0;*/
/*	 padding-top: 8px;*/
/*	 padding-right: 22px;*/
/*	 padding-left: 0;*/
/*}*/
/* .alert .photoright, .collapsible .alert .photoright {*/
/*	 float: right;*/
/*	 clear: right;*/
/*	 margin: 7px 0 0 0;*/
/*	 padding-top: 0;*/
/*	 padding-right: 0;*/
/*	 padding-left: 22px;*/
/*}*/
/* .collapsible .alert:last-child {*/
/*	 margin-bottom: 1.2rem;*/
/*}*/
/* h5.alert, h6.alert, .collapsible h5.alert, .collapsible h6.alert {*/
/*	 padding-bottom: 0.625rem;*/
/*}*/
/* h5.alert:first-child, h6.alert:first-child, .collapsible h5.alert:first-child, .collapsible h6.alert:first-child {*/
/*	 margin-top: 0.625rem;*/
/*}*/
/* h6.alert, .collapsible h6.alert {*/
/*	 padding-bottom: 0px;*/
/*}*/
/* h5 + .alert {*/
/*	 margin-top: 1.25rem;*/
/*}*/
/* h6 + .alert {*/
/*	 margin-top: 22px;*/
/*}*/
/* h5 + ul.alert {*/
/*	 padding-top: 0 !important;*/
/*}*/
/* h6 + ul.alert {*/
/*	 padding-top: 0.4375rem !important;*/
/*}*/
/* .alert > button, .alert > .button, .alert > a.button, .alert > a.content_button, .alert > .content_button > a, .alert > .content_button_with_arrow {*/
/*	 display: block;*/
/*	 overflow: hidden;*/
/*	 width: 80%;*/
/*	 min-height: 34px;*/
/*	 margin: 0 auto;*/
/*	 margin-bottom: 8px;*/
/*	 padding: 1rem 2.5rem;*/
/*	 transition: all 0.18s ease-in;*/
/*	 text-align: center;*/
/*	 text-decoration: none !important;*/
/*	 letter-spacing: 0.1em;*/
/*	 text-transform: uppercase;*/
/*	 color: white;*/
/*	 border: none;*/
/*	 outline: none;*/
/*	 background-color: #115740;*/
/*	 font-family: "Avenir Next W01", Verdana, sans-serif;*/
/*	 font-size: 0.8125rem;*/
/*	 font-weight: 700;*/
/*	 line-height: 1.3;*/
/*}*/
/* @media (min-width: 700px) {*/
/*	 .alert > button, .alert > .button, .alert > a.button, .alert > a.content_button, .alert > .content_button > a, .alert > .content_button_with_arrow {*/
/*		 display: inline-block;*/
/*		 width: auto;*/
/*		 margin-right: 8px;*/
/*	}*/
/*}*/
/* .alert > button:hover, .alert > button:focus, .alert > .button:hover, .alert > .button:focus, .alert > a.button:hover, .alert > a.button:focus, .alert > a.content_button:hover, .alert > a.content_button:focus, .alert > .content_button > a:hover, .alert > .content_button > a:focus, .alert > .content_button_with_arrow:hover, .alert > .content_button_with_arrow:focus {*/
/*	 cursor: pointer;*/
/*	 text-decoration: none;*/
/*	 color: white;*/
/*}*/
/* .alert > button:hover, .alert > button:focus, .alert > .button:hover, .alert > .button:focus, .alert > a.button:hover, .alert > a.button:focus, .alert > a.content_button:hover, .alert > a.content_button:focus, .alert > .content_button > a:hover, .alert > .content_button > a:focus, .alert > .content_button_with_arrow:hover, .alert > .content_button_with_arrow:focus {*/
/*	 background-color: black;*/
/*}*/
/* .page_nav + .alert {*/
/*	 margin-top: 1.8125rem;*/
/*}*/
/* ======== 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;*/
/*}*/









/* ===========================================================
CODE SECTION #14:

- fix for Chrome browser showing 1px space above top bar on scroll

- STATUS: Needs to be added to atomic docs
============================================================= */ 
/* .broadcastBarTop + img + .wm-topbar {*/
/*	 top: -1px;*/
/*}*/









/* ===========================================================
CODE SECTION #15:

- temp- setting content row background color to #fff for web proposals discussion

- STATUS: .o-content class no longer used. This can be deleted (MCW)
============================================================= */ 
/* .o-content.layout__main-container {*/
/*	 background: #fff;*/
/*}*/











/* ===========================================================
CODE SECTION #16:

- temp fix for Callout row text width

- STATUS: .o-callout__text class no longer used. This can be deleted (MCW)
============================================================= */ 
/* @media (min-width: 1215px) {*/
/*	 .o-callout__text {*/
/*		 width: calc(100% - 280px);*/
/*	}*/
/*}*/









/* ===========================================================
CODE SECTION #17:

- Temp fix for image extending over the right column

- STATUS: This can be deleted
============================================================= */
/* 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%;*/
/*}*/











/* ===========================================================
CODE SECTION #18:

- Temp Fix for content_button in custom listbox

- STATUS: Added to atomic docs 8-23-22 NE
============================================================= */
/* #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;*/
/*	}*/
/*}*/










/* ===========================================================
CODE SECTION #19:

- Quick fixes for widget/listbox hover behaviors

- STATUS: this can be deleted (MCW)
============================================================= */
/* #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;*/
/*	}*/
/*}*/










/* ===========================================================
CODE SECTION #20:

- RRSS Buttons (sharebar)

- STATUS: Leave here in custom.css. We will delete when we finish rewriting the share bar
============================================================= */
 .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;
	}
}







/* ===========================================================
CODE SECTION #21:

- Mobile views of news and feature list items with thumbnails

- STATUS: can be deleted (MCW)
============================================================= */
/* 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;*/
/*	}*/
/*}*/















/* ===========================================================
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 #24:

- Collapsible Table

- STATUS: uncommented code needs to be added to atomic docs
============================================================= */
/* 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_content {*/
/*	 display: block;*/
/*}*/










/* ===========================================================
CODE SECTION #25:

- Quick fix to remove margin-bottom from h6's

- STATUS: needs to be added to atomic docs
============================================================= */
/* .user_content--wrapper > h6 {*/
/*	 margin-bottom: 0;*/
/*}*/













/* ===========================================================
CODE SECTION #26:

- Directory Page: Namecoach Audio Link

- STATUS: needs to be added to atomic docs
============================================================= */
/* .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;*/
/*	}*/
/*}*/



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