/*font handling - inherited by all text*/
body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 400;
	color: #212529;
}
a {
  color: #0029F7;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #001cab;
  text-decoration: none;
}

h1 {
    font-family: "Franklin Gothic Demi Condensed Bold", "Franklin Gothic Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.7em;
}
h1 a {
    font-family: "Franklin Gothic Demi Condensed Bold", "Franklin Gothic Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

h2, h3, h4, h5, h6 {
  font-family: "Franklin Gothic Medium",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700; }

h2 a, h3 a, h4 a, h5 a, h6 a{
  font-family: "Franklin Gothic Medium",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: inherit; }

.col0 a {
color: #444;
}

h1.page-title {
color:#444;
}

h1.top_text_title {
    font-size: 2.7em;
}

.container {
  text-wrap: auto;
}

.title-container h1 {
  overflow: visible;
  text-overflow: unset;
  white-space: wrap;
}


/*HEADER*/

/*add full-width border to header of the page*/
div.logonav {
    border-top: 40px solid #000;
      border-top-color: #000;
      border-top-style: solid;
      border-top-width: 40px;
  }

  /*color of dropdown lists on the menu bar*/
.sub-menu > .menu-item {
    background-color: #f9f9f9;

  }

  .sub-menu > .menu-item a {
    color:#000;
    transition: none;
  }
/*color of dropdown lists on the menu bar on hover*/
.sub-menu > .menu-item:hover {
    background-color: #353535;
  }

/*If DORIS does not want the dropdown to turn black on hover uncomment the following lines and delete the line above*/

/* .sub-menu > .menu-item:hover {
    background-color: #f9f9f9;
  }

  #nav li li:hover a {
    color: #000 !important;
  } */



/*make header full width*/
.headerfullwidth .container {
  width: 100%;
}


/*put navigation bar on right side of the screen with proper margin*/

.twelve.navigation.columns {
  float: right;
  margin-right: 1% !important;
}

@media only screen and (min-width: 768px) {
/*Trying to create centered header*/
    #top_block .wrap {
    position: absolute;
    bottom: 93%;
    left: 38%;
    right: 50%;
    width: 350px;}

    .top_text_title {
        color: black;
    }

    #top_block > .wrap >div>.new-primary-background {
        background-color: transparent;
    }
}

@media only screen and (max-width: 480px) {
    .wrap {
        visibility: hidden;
    }
}

/*make the menu dropdowns fixed height and scrollable*/

ul.sub-menu {
    overflow-y: auto;
    height: 500px;
}

#nav ul {
    width: 250px;
}

#nav ul li {
    width: 95%;
}

/*BODY*/
/*change color of grid units*/
div.new-secondary-background {
	background-color: #fff;
}

/*sets background color for main section of page*/
div.content_wrapper {
    background-color: #fff;
  }

/*text color of buttons*/
.button {
	font-weight: 700;
	color: white;
}

/*improved and columnized metadata handling*/
span.metadata-title {
	color: rgb(68, 68, 68);
	font-weight: bold;
}

.meta_single.grey_block {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

/*browse page title alignment*/

/*layout adjustments to make full width displays for anything bigger than a tablet*/

@media only screen and (min-width: 768px) {
  .pagelayout .container {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
  }
    .pagelayout .container .sixteen.columns {
    width: 97.5%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
  }

  .pagelayout .container .four.columns {
    width: 25%;
    float: left;
    margin-right: 4%;
  }
  .pagelayout .container .four.columns.single-controls {
    width: 10%;
    float: right;
    margin-right: 2.5%
  }
  .metadata-switch-buttons {
    padding-right: 25%;
  }

  .pagelayout .container .twelve.columns {
    width: 71%;
    float: left;
    margin-right: 4%;
  }

  .pagelayout .container .twelve.columns:last-child {
    margin-right: 0;
  }
  .three.columns {
    float: right;
    margin-right: 2.5%;
  }
  .thirteen.columns {
    margin: 0;
  }
  .title-narrow {
    max-width: 100%;
  }
  .title-container h1 {
    overflow: visible;
    white-space: wrap;
  }
}
/*thumbnail image rendering*/
@media only screen and (min-width: 1275px) {
    .blocks img.thumbnail{
        width: 100%;
        margin-top: -25%;
    }
}
.list img.thumbnail {
    margin-top: 0;
}

div.archive_image.new-secondary-tint-background {
    background-color: transparent;
  }
/*styling facet elements so that they don't get cut off*/
.ellipsis.multiline {
    /* Overwrite ellipsis styling here */
    /* For example, you can remove overflow property */
    overflow: visible; /* or unset; or any other value */
    width: 90%;
  }

  @media (min-width: 480px) {
    .browse .list .two.columns {
      height: fit-content;
    }
  }

/*description metadata display*/
@media (min-width: 480px) {
    .browse .list .grey_block .archive_description p {
      overflow: visible;
      white-space: wrap;
      width: 50%;
    }

  }

/*Margins for item pages*/

.page_wrapper > .content_wrapper > .container > .container {
    padding-left: 0;
  }

  .eleven.columns.breadcrumb {
    margin-left: 0
  }

  /*filter input border*/
input.form-control {
    border-width: 1px;
    border-style: solid;
  }

.button.view-gallery {
	display: none;
}

.pres-button-wrapper {
	display: none;
}

.pres-prev-button {
	display: none;
}

.pres-next-button {
	display: none;
}

/*FOOTER*/

/*bringing footer margins in on desktop*/
@media only screen and (min-width: 768px) {
    #footer .container {
        margin-left: 20%;
        width: fit-content;
        margin-right: 15%
    }
    ul#footer_nav {
      height: fit-content;
      -webkit-column-count: 4;
      -moz-column-count: 4;
      column-count: 4;
  }
}



#footer_nav li {
    display: block;
    margin-bottom: 10px;
    margin-right: 5px;
    border-right: none;

}

#footer_nav .menu-item a {
    font-size: 0.75rem;
    font-weight: bold;
  }

#footer_nav .small a {
    font-size: 0.5rem;
    font-weight: normal;
	text-decoration: underline;
  }
/*color of footer*/
#footer {
    background: #000000;
  }

  /*color of subfooter*/
  #subfooter {
      background: #000;
      height: 80px;
      color: #ffffff;
  }

  #subfooter .new-primary {
      color: #ffffff;
  }

/*Table view changes*/
@media (min-width: 480px) {
    .browse .table .grey_block .archive_image { position: relative; display: table-cell; width: 74px; max-width: 70px; height: 70px; overflow: hidden; border-color: lightgray; border-style: solid; border-width: 0px 0px 3px 0px; }	/* max-width is necessary for IE */
    .browse .table .grey_block .archive_name { position: relative; display: table-cell; padding: 0px 5px; width: 32%; max-width: 150px; border-color: lightgray; border-style: solid; border-width: 0px 0px 3px 0px; }
    .browse .table .grey_block .archive_description { position: relative; display: table-cell; padding: 0px 5px; width: 38%; max-width: 150px; border-color: lightgray; border-style: solid; border-width: 0px 0px 3px 0px; }
    .browse .table .grey_block .archive_data_content { position: relative; display: table-cell; padding: 0px 5px; width: 20%; max-width: 100px; border-color: lightgray; border-style: solid; border-width: 0px 0px 3px 0px; }
    .browse .table .grey_block .archive_icon { width: 24px; height: 24px; margin-top: 10px; }
    .browse .table .grey_block .thumbnail { margin-top: 10px; margin-bottom: 10px; }
    .table .col0.archive_name {
      width: 20% !important;
  }
}



.table .col1.archive_description {
    width: 70% !important;
}

.table .col2.archive_data_content {
    width: 0% !important;
    display: none !important;
}