/* ======= FOR ICON ROWS WITH 9 CARDS ================== */
 @media (min-width: 860px) {
	 .wm-cards.--cards9 {
		 max-width: 1070px;
	}
}





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

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

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

.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;
}





/*temp fix for icon table until i reupload the main css*/
/**[class*="fa-duotone"] {*/
/*  letter-spacing: 0;*/
/*}*/

.icon-table td:not(:first-child) {
  text-align: center;
}

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

/* =========== CODE FOR 3:2 THUMBS =============== */

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





/* Fix for poor rendering of scaled down images in webkit... */
 @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	 img {
		 image-rendering: -webkit-optimize-contrast;
	}
}



/* helper classes to use for negative x-axis margins applied to an element */
.mx-n22 {
    margin-left: -22px;
    margin-right: -22px;
}
.mx-n44 {
    margin-left: -44px;
    margin-right: -44px;
}



/* fix for rows overlapping dept dropdown */
.gradient-wrapper {
    z-index: 10;
}


/*icon table help page*/

.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;
}


/* Fix for widget support on W&M News homepage- reduce padding above the feature video when it is below a widget (desktop only) */
 @media (min-width: 1198px) {
	 #sidebar > aside + .news-home-sidebar-video figure {
		 padding-top: 0;
	}
}


/* TEMP FIX FOR BUTTON TEXT COLOR IN COLLAPSED TABLES */
.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;
}
 
 
 
 
/*===== TEMP FIXES FOR CONTENT ROW PADDING AND FORMATS DEC 13, 2021 =====*/
/*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;
}
/*tablespecial*/
 .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;
}
/*alerts*/
 .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;
}
/*======= fix for Chrome browser showing 1px space above top bar on scroll */
 .broadcastBarTop + img + .wm-topbar {
	 top: -1px;
}
/*======== temp- setting content row background color to #fff for web proposals discussion ========== */
 .o-content.layout__main-container {
	 background: #fff;
}
/*== temp fix for Callout row text width */
 @media (min-width: 1215px) {
	 .o-callout__text {
		 width: calc(100% - 280px);
	}
}
/* ========== 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;
}
 @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;
	}
}
/*@media screen and (min-width: 1680px) {
	*/
	/* .user_content ul.tour-stops, .user_content ol.tour-stops {
		*/
		/* column-count: 3;
		*/
		/* margin-bottom: 1.7rem;
		*/
		/* 
	}
	*/
	/*
}
*/
/* =============== 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;
	}
}