/**
 * @file
 * Use this CSS file to override base CSS rules
 */

/* Set default font weight to 300 for better typography in high-density screens */
html {
  height: 100%;
}

@media (min-width: 768px) { 
body {
  font-weight: 400;
  font-size: 18px;
  min-height: 100vh;
  position: relative;
  padding-bottom: 250px;
}
}

/* The option below is for proper spacing of the footer for small - cell phone - screens. */
@media (max-width: 767px) {
body {
  font-weight: 400;
  font-size: 18px;
  min-height: 100vh;
  position: relative;
  padding-bottom: 350px;
}
}

/*
The css code below is derived from the superfish css code located in the superfish style library white.css file.
This controls the main navigation menu when it is set to a layout block setting style of 'white'. 
*/
ul.sf-menu.sf-style-white {
  float: left;
  margin-bottom: 1em;
  padding: 0;
}
ul.sf-menu.sf-style-white.sf-navbar {
  width: 100%;
}
ul.sf-menu.sf-style-white ul {
  margin: 0;
  padding: 0;
}
ul.sf-menu.sf-style-white a,
ul.sf-menu.sf-style-white a:visited,
ul.sf-menu.sf-style-white span.nolink {
  border: 0 none;
  color: #000000;
  padding: 0.75em 1em;
}
ul.sf-menu.sf-style-white a.sf-with-ul,
ul.sf-menu.sf-style-white span.nolink.sf-with-ul {
  padding-right: 2.25em;
}
ul.sf-menu.sf-style-white.rtl a.sf-with-ul,
ul.sf-menu.sf-style-white.rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
ul.sf-menu.sf-style-white span.sf-description {
  color: #aaa;
  display: block;
  font-size: smaller;
  line-height: 1.5;
  margin: 0.25em 0 0 0;
  padding: 0;
}
ul.sf-menu.sf-style-white li,
ul.sf-menu.sf-style-white.sf-navbar {
  background: #fafafa;
}
ul.sf-menu.sf-style-white li li,
ul.sf-menu.sf-style-white.sf-navbar > li > ul {
  background: #f7f7f7;
}
ul.sf-menu.sf-style-white li li li {
  background: #f4f4f4;
}
ul.sf-menu.sf-style-white li:hover,
ul.sf-menu.sf-style-white li.sfHover,
ul.sf-menu.sf-style-white a:focus,
ul.sf-menu.sf-style-white a:hover,
ul.sf-menu.sf-style-white span.nolink:hover {
  background: #f0f0f0;
  outline: 0;
}
.sf-menu.sf-style-white.sf-navbar li ul {
  background: #f7f7f7;
}
.sf-menu.sf-style-white.sf-navbar li ul li ul {
  background: transparent;
}
div.sf-accordion-toggle.sf-style-white a {
  background: #210c02;
  border: 1px solid #381301;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 1em 3em 1em 1em;
  position: relative;
}
div.sf-accordion-toggle.sf-style-white  > a:after {
  content: "≡";
  font-size: 2em;
  position: absolute;
  right: 0.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /* speak: none; */
}
div.sf-accordion-toggle.sf-style-white a.sf-expanded,
ul.sf-menu.sf-style-white.sf-accordion li.sf-expanded {
  background: #52250f;
}
div.sf-accordion-toggle.sf-style-white a.sf-expanded,
ul.sf-menu.sf-style-white.sf-accordion li.sf-expanded > a,
ul.sf-menu.sf-style-white.sf-accordion li.sf-expanded > span.nolink {
  font-weight: bold;
}
ul.sf-menu.sf-style-white.sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}
ul.sf-menu.sf-style-white.sf-accordion li li a,
ul.sf-menu.sf-style-white.sf-accordion li li span.nolink {
  padding-left: 2em;
}
ul.sf-menu.sf-style-white.sf-accordion li li li a,
ul.sf-menu.sf-style-white.sf-accordion li li li span.nolink {
  padding-left: 3em;
}
ul.sf-menu.sf-style-white.sf-accordion li li li li a,
ul.sf-menu.sf-style-white.sf-accordion li li li li span.nolink {
  padding-left: 4em;
}
ul.sf-menu.sf-style-white.sf-accordion li li li li li a,
ul.sf-menu.sf-style-white.sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}
ul.sf-menu.sf-style-white.rtl.sf-accordion li li a,
ul.sf-menu.sf-style-white.rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em;
}
ul.sf-menu.sf-style-white.rtl.sf-accordion li li li a,
ul.sf-menu.sf-style-white.rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em;
}
ul.sf-menu.sf-style-white.rtl.sf-accordion li li li li a,
ul.sf-menu.sf-style-white.rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em;
}
ul.sf-menu.sf-style-white.rtl.sf-accordion li li li li li a,
ul.sf-menu.sf-style-white.rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em;
}
ul.sf-menu.sf-style-white li.sf-multicolumn-wrapper ol,
ul.sf-menu.sf-style-white li.sf-multicolumn-wrapper ol li {
  margin: 0;
  padding: 0;
}
ul.sf-menu.sf-style-white li.sf-multicolumn-wrapper a.menuparent,
ul.sf-menu.sf-style-white li.sf-multicolumn-wrapper span.nolink.menuparent {
  font-weight: bold;
}

/* Added by EJL to override right column display of collapse blocks on showcase page
From node.showcase.css in components */
/* accordion */
@media (min-width: 992px) {
  .layout-no-sidebars .field--name-field-mt-shw-content-collapses .card-body {
    margin-left: 25px;
    width: 75%;
  }
}


/*Subfooter*/
.subfooter {
/*Below changed by EJL to stick subfooter at bottom of page */

/*    fixed-bottom; */
  position: absolute;
  bottom: 0px;
  width: 100%
}

/* Added by EJL to override current ugly buttons */
.your-button-selector {
    border: 1px solid transparent;
    border-radius: 0.25rem;
    display: inline-block;
    font-size: 12pt;
    font-size: 0.9rem;
    font-weight: 400;
    padding: .375rem .75rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.views-exposed-form:not(.bef-exposed-form) .form--inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  width: 50%;
}

/* Added by EJL to control scrolling of 9th Report columns */
 @media (min-width: 768px) { 
 .row-9height {
  height: 100vh;
  }
 
 .col-9left {
  height: 100%;
  overflow-y: scroll;
  }

  .col-9right {
  height: 100%;
  overflow-y: scroll;
  }
}
/* @media (max-width: 767px) {

 .row-9height {
  }
 
 .col-9left {
 }

 .col-9right {
}
} */

/*Remove the scrollbar from Chrome, Safari, Edge and IE 
::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
*/

/* Give the sitemap module a bit more of a margin at the bottom */

.sitemap-item {
  margin-bottom: 4em;
}

/* Create css for StudyGroup table width */
.w-30 {
    flex: 0 0 auto;
    width: 30% !important ;
}
.w-25 {
    flex: 0 0 auto;
    width: 25% !important ;
}

.w-20 {
    flex: 0 0 auto;
    width: 20% !important ;
}

.w-15 {
    flex: 0 0 auto;
    width: 15% !important ;
}
.w-10 {
    flex: 0 0 auto;
    width: 10% !important ;
}

/* Control layout of Virus Properties table */

.tab-vp {
  overflow-x: auto;
  thead th {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
  td {
  padding: 5px;
}
  table tr:first-child td {
  padding-top: 5px;
}
  table tr:last-child td {
  padding-bottom: 5px;
} 	
}  
  
/* .tab-vp-colwrap  */

.views-field-webform-submission-value-15{
  width: 6%;
}
.views-field-webform-submission-value-14{
  width: 6%;
}
.views-field-webform-submission-value-8{
  width: 15%;
}
.views-field-webform-submission-value-7{
  width: 15%;
}
.views-field-webform-submission-value-6{
  width: 8%;
}
.views-field-webform-submission-value-5{
  width: 8%;
}
.views-field-webform-submission-value-4{
  width: 8%;
}
.views-field-webform-submission-value-3{
  width: 8%;
}
.views-field-webform-submission-value-2{
  width: 8%;
}
.views-field-webform-submission-value-1{
  width: 8%;
}
.views-field-webform-submission-value{
  width: 8%
}
.views-field views-field-counter {
  width: 5%;
}


/* Control layout of MSL and VMR tables */

.tab-file-list {
  overflow-x: auto;
  thead th {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
  td {
  padding: 5px;
}
  table tr:first-child td {
  padding-top: 5px;
}
  table tr:last-child td {
  padding-bottom: 5px;
}       
  table {
  width: 50%
  }
}

/* Control layout of IMCE file browser */
#imce-body {
  height: 600px;
  overflow: hidden;
}

/* Control layout of file listing tables */

.tab-file-listing {
  overflow-x: auto;
  thead th {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
  td {
  padding: 5px;
}
  table tr:first-child td {
  padding-top: 5px;
}
  table tr:last-child td {
  padding-bottom: 5px;
}       
  table {
  width: 80%
  }
}

/* Control layout of file listing tables width=100% */

.tab-file-list-100 {
  overflow-x: auto;
  thead th {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
  td {
  padding: 5px;
}
  table tr:first-child td {
  padding-top: 5px;
}
  table tr:last-child td {
  padding-bottom: 5px;
}       
  table {
  width: 100%
  }
}

/* Control layout of file listing tables width=80% */

.tab-file-page-80 {
  overflow-x: auto;
  width: 80%;
  thead th {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
  td {
  padding: 5px;
}
  table tr:first-child td {
  padding-top: 5px;
}
  table tr:last-child td {
  padding-bottom: 5px;
}       
  table {
  width: 100%
  }
}

/* LRM (1-22-25): Ensure all info cards are equal height on home page */

/* ul element that contains info on cards */
.row.list-unstyled {
  display: flex;
  flex-wrap: wrap; 
  align-items: stretch;
}

/* the indivial li elements iside the ul */ 
.view-items-of-interest .views-row {
  display: flex; 
}

/* LRM (1-23-25): Fix other info cards at bottom of homepage having the same issue */

/* Parent container */
.field__items.row.list-unstyled {
  display: flex;
  flex-wrap: wrap; /* Allow wrapping for responsiveness */
  align-items: stretch; /* Ensure all child items stretch to the same height */
}

/* Div (card container) */
.field__item {
  display: flex;
  flex-direction: column;
}

/* Div Card */
.paragraph--type--mt-icon-features {
  display: flex;
  flex-direction: column;
  flex: 1; /* Allow the card to fill the available height */
}

/* Feature container */
.feature {
  display: flex;
  flex-direction: column;
  flex: 1; /* Allow feature to fill the available height */
}

/* "Read More" link */
/* Push the link to the bottom of the card */
.feature__link {
  margin-top: auto;
}

/* Hide filed labels with no data like for etymology display */
.do-not-display:empty {
     display: none;
}

/* dmd css to remove lable from empty elements - used in etymology display */
strong.views-label:has(+ em > a:empty) {                 
  display: none;
}
strong.views-label:has(+ a:empty) {
  display: none;
}

/* LRM (06-09-25): Executive Committee Info Cards, give cards equal height always */
/* Class block-views-blockmt-team-members-grid-block-1 should be specific to this page */
.block-views-blockmt-team-members-grid-block-1 .views-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.block-views-blockmt-team-members-grid-block-1 .views-row article {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.block-views-blockmt-team-members-grid-block-1 .views-row article .p-4.mt-teaser-tile-card {
  display: flex;
  flex-direction: column;
  flex: 1;
}


/* Control layout of Demarcation table */
/* LRM (06-06-2024) demarc1 is a custom class I added for the current demarcation criteria table */



 .demarc1 {
  padding-top: 1px;
  padding-left: 2px;
  padding-right: 1px;
  padding-bottom: 1px;
  overflow-x: auto;
  thead th {
  padding-left: 2px;
  padding-right: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
}
  td {
  padding: 2px;
}
  table tr:first-child td {
  padding-top: 1px;
}
  table tr:last-child td {
  padding-bottom: 1px;
} 	
}  
/*
.demarc1 .views-field-webform-submission-value,
.demarc1 .views-field-webform-submission-value-1,
.demarc1 .views-field-webform-submission-value-2,
.demarc1 .views-field-webform-submission-value-3,
.demarc1 .views-field-webform-submission-value-4,
.demarc1 .views-field-webform-submission-value-5,
.demarc1 .views-field-webform-submission-value-6,
.demarc1 .views-field-webform-submission-value-7,
.demarc1 .views-field-webform-submission-value-8,
.demarc1 .views-field-webform-submission-value-9,
.demarc1 .views-field-webform-submission-value-10,
.demarc1 .views-field-webform-submission-value-11,
.demarc1 .views-field-webform-submission-value-12,
.demarc1 .views-field-webform-submission-value-13 {
  width: 7.1%;
  /* overflow-wrap: break-word; Allow long content (links) to wrap */
  /* Break words if necessary */
  word-break: break-word;
}
 
*/
 
/* .views-field-webform-submission-value{
  width: 7.1%;
}
.views-field-webform-submission-value-13{
  width: 7.1%;
}
.views-field-webform-submission-value-1{
  width: 7.1%;
}
.views-field-webform-submission-value-2{
  width: 7.1%;
}
.views-field-webform-submission-value-3{
  width: 7.1%;
}
.views-field-webform-submission-value-10{
  width: 7.1%;
}
.views-field-webform-submission-value-4{
  width: 7.1%;
}
.views-field-webform-submission-value-11{
  width: 7.1%;
}
.views-field-webform-submission-value-12{
  width: 7.1%;
}
.views-field-webform-submission-value-5{
  width: 7.1%;
}
.views-field-webform-submission-value-6{
  width: 7.1%;
}
.views-field-webform-submission-value-7{
  width: 7.1%;
}
.views-field-webform-submission-value-8{
  width: 7.1%;
}
.views-field-webform-submission-value-9{
  width: 7.1%;
} */