/**
 * @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 {
  min-height: 100vh;
  position: relative;
  padding-bottom: 250px;
}
}

/* Move the page title over to the left in the Hero Top layout */

.container {
    max-width: 85% !important;
     margin-left: 50 rem !important;
    padding-left: 3 rem !important;
    padding-right:3 rem !important;
  }

@media (min-width: 768px) {
  .container {
    max-width: 100%;
        margin-left: 50 rem;
    padding-left: 3 rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 100%;
	margin-left: 50 rem;
    padding-left: 3 rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1500px) {
  .container {
	max-width: 100%;
        margin-left: 50 rem;
	padding-left: 3 rem;
 	padding-right: 3rem;
    
    }
}
@media (min-width: 1555px) {
  .container {
        max-width: 100%;
        margin-left: 50 rem;
        padding-left: 3 rem;
        padding-right: 3rem;
/*  .container-fluid {
    padding-left: 3rem;
    padding-right: 3rem;
*/
  }
}

/* End Hero Top */

/* Hide the node title that is appearing on many pages that duplicates the page title. This is specified in css/components/node.css */
.node__header {
  padding: 0 0 5px;
  display: none;
}

/* 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'. 
*/

/*superfish menu arrows*/
.header-container ul.sf-menu .sf-sub-indicator,
.header-container ul.sf-menu ul .sf-sub-indicator {
    right: -16px !important;
    width: 40px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    top: 32px !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    height: 15px !important;
}
@media (min-width: 992px) {
  .header-container ul.sf-menu .sf-sub-indicator {
        top: 32px !important;    
    }
}
ul.sf-menu li:hover,
ul.sf-menu li.sfHover,
ul.sf-menu a.is-active,
ul.sf-menu a:focus,
ul.sf-menu a:hover,
ul.sf-menu span.nolink:hover {
  color: var(--mt-color-primary);
  outline: 0;
  cursor: pointer;
}
.header-top__section ul.menu:not(.sf-accordion) li a,
.header-top__section ul.menu:not(.sf-accordion) li > span {
    text-transform: none;
    padding: 10px 20px 10px !important;
    line-height: 1.2;
    margin: 0;
    font-size: 18px !important;
}

.header-top__section ul.menu:not(.sf-accordion) ul .sf-sub-indicator {
    top:19px !important;
}

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

/* css class to make text title case */
.title-case {
   text-transform: capitalize;
}

/* css class for a line break */
.line-break {
  display: block;
  width: 100%;
  height: 0;
}

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

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

/* EJL: reduce the size of the text in News tiles */
.node--view-mode-mt-teaser-tile .node__title {
  font-size: 20px !important;
}
}

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

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

/* modify search.css to decrease the width of the footer search input bar EL */
.block-search input.form-search {
  width: 50% !important;
  border-color: white !important;
  background-color: black !important;
  text-color: white !important;
}

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


.ictv-table table {
   background-color: rgba(255, 255, 255, 1.0) !important;
   border-color: #aaa;
   border-style: solid;
   border-width: 1px;
   table-layout: auto;
   width: 75%
 }
.ictv-table td,   
.ictv-table th {
   border-style: solid;
   border-bottom-color: rgb(164, 185, 195);
}
.ictv-table  th {
   font-size: 1.2rem !important;
   background-color: #cccccc !important;
}
.ictv-table  td {
   border-color: #ddd;
   border-width: 1px;
   font-size: 1.0rem !important;
   padding: 0.5rem 0.25rem;
}
.ictv-table  row {
   margin-left: 0 !important;
   margin-right: 0 !important;
}

/* ================================================== Webform Tables ================================================== */
/* LRM (08-07-2026): Drupal 10 -> Drupal 11 update messed up styles on webform/other tables using views */

/* This targets the tables on Study Groups, Master Species Lists, Virus Metadata Resource, Approved proposals, Proposal Templates, Virus Properties, Report Templates, General Information, Information Reports, Newsletters, Forum Archive, and EC Files */
.view-content.row .views-table.views-view-table {
  /* If you go higher than 98%, the table on General Information page will be cut off on the left */
  /* Centering alone was not good enough for General Information table because it made it look obviously unaligned with the header */
  width: 98%;
  /* Center the tables */
  margin-left: auto;
  margin-right: auto;
  /* You have to define collapse in order for <th> and <td> elements to properly show a border */
  border-collapse: collapse;
  border-width: 0px;
}

/* Table header */
.view-content.row .views-table.views-view-table thead tr th {
  border-style: solid;
  border-width: 2px;
}

/* Table data in the table body */
.view-content.row .views-table.views-view-table tbody tr td {
  border-style: solid;
  border-width: 2px;
}

/* ================================================== Other Tables ================================================== */

/* This targets tables on ICTV History, Life Members, National Members, Support Personnel, Study Group Info (Hepeviridae Study Group) */
.col-lg-9.col-md-9.col-12 ._none.bs-pl-3.clearfix.block.block-layout-builder.block-field-blocknodeictv-basicbody .content .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item table {
  border-collapse: collapse;
  border-width: 0px;
}

/* Needed for Life Members, National Members, Support Personnel tables (other tables did not have a table header) */
.col-lg-9.col-md-9.col-12 ._none.bs-pl-3.clearfix.block.block-layout-builder.block-field-blocknodeictv-basicbody .content .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item table thead tr th {
  border-style: solid;
  border-width: 2px;
}

/* This alone was sufficient for ICTV History and Study Group Info (Hepeviridae Study Group) tables since those did not have a table header */
.col-lg-9.col-md-9.col-12 ._none.bs-pl-3.clearfix.block.block-layout-builder.block-field-blocknodeictv-basicbody .content .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item table tbody tr td {
  border-style: solid;
  border-width: 2px;
}

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