/* Google Fonts - Font Face Rules - hosted on https://regid.ca/fonts */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v26-latin/open-sans-v26-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin/open-sans-v26-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin/open-sans-v26-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin/open-sans-v26-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin/open-sans-v26-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin/open-sans-v26-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v26-latin/open-sans-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v26-latin/open-sans-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v26-latin/open-sans-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v26-latin/open-sans-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v26-latin/open-sans-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v26-latin/open-sans-v26-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v28-latin/open-sans-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v28-latin/open-sans-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v28-latin/open-sans-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v28-latin/open-sans-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v28-latin/open-sans-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v28-latin/open-sans-v28-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v28-latin/open-sans-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v28-latin/open-sans-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v28-latin/open-sans-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v28-latin/open-sans-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v28-latin/open-sans-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v28-latin/open-sans-v28-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* alegreya-sans-sc-regular - latin */
@font-face {
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/alegreya-sans-sc-v13-latin/alegreya-sans-sc-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/alegreya-sans-sc-v13-latin/alegreya-sans-sc-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alegreya-sans-sc-v13-latin/alegreya-sans-sc-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alegreya-sans-sc-v13-latin/alegreya-sans-sc-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alegreya-sans-sc-v13-latin/alegreya-sans-sc-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alegreya-sans-sc-v13-latin/alegreya-sans-sc-v13-latin-regular.svg#AlegreyaSansSC') format('svg'); /* Legacy iOS */
}

/* Site CSS */

html, body {
    padding: 0;
    margin: 0;
}

html {
  scroll-behavior: smooth;
}

body {
    color: #002329;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    overflow: auto;
    background: url(../images/home_coffle_bg.png) #E5E5E5 no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.orangeFnt {
  color: #F47400;
}

h1 {
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 57.6px;
  margin: 0 30px;
}

h3 {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 300;
  margin: 0 30px;
}

sup {
  font-weight: bold;
  color: rgba(244, 116, 0, 1);
}

th.modalHdr {
  font-weight: 600;
}

.fa-info-circle {
  color: rgba(33,37,41,0.5);
}

[type=button],[type=reset],[type=submit], button {
  -webkit-appearance: none!important;
}

/* Navigation */
#header {
  position: absolute;
  top: 32px;
  z-index: 5;
  width: 100%;
}

footer {
  height: 35px;
  font-size: 14px;
}

.home-footer-bg {
  color: #002329;
  text-align: center!important;
  padding: 15px 0;
}

.dark-footer-bg {
  color: #FFFFFF;
  background-color: rgba(0, 35, 41, 0.9);
  text-align: right!important;
  padding-right: 32px;
}

.light-footer-bg {
  color: #002329;
  text-align: right!important;
  padding: 15px 0;
  padding-right: 32px;
}

.main-menu-overlay {
  /*background: rgba(0, 35, 41, 1);*/
  background: #F47400;
  width: 100vw;
  height: 100vh;
  position:absolute;
  top:0;
  z-index: 2;
}

nav {
  margin-top: -32px;
  margin-left: -16px;
}

.nav-items ul li {
  list-style-type: none!important;
  margin-right: 0.5em;
  margin-left: 0.5em;
  font-size: 32px;
  text-transform: uppercase;
  text-align:center!important;
}

.nav-items ul li.nav-txt {
  margin-right: 0;
  margin-left: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}

.nav-items ul li a:link, .nav-items ul li a:visited {
    color: #FFFFFF;
}

.nav-items ul li a:hover {
    text-decoration: underline;
    text-decoration-color: orange!important;
    text-underline-position: below;
    text-underline-offset: 14px;
    text-decoration-thickness: 3px;
    font-weight: 700;
}

#mNav.dropdown-menu {
  background-color: rgba(244, 116, 0, 1);
  border: none;
  padding-bottom: 15px;
}

#mNav.dropdown-menu a:hover {
  text-decoration-color: rgba(0,35,41,0.8)!important;
  text-underline-offset: 7px;
  background: none!important;
}

#social-links {
  display: inline-flex;
  margin: auto;
  padding-top: 50px;
}

.social-links-list-item img {
    /*height: 18px;*/
    width: 25px;
}

#scroll-top-arrow {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  padding: 15px;
  border-radius: 50px;
}

#scroll-top-arrow:hover, .btn:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

/* Pages */
section#home, section#about, section#gallery, section#registers, section#advancedsearch {
  position: relative;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: hidden;
}

section#home {
  padding-top: 15vh;
}

section#about {
  background-color: rgba(255, 255, 255, 0.9);
}

section#gallery, section#registers, section#advancedsearch {
  background-color: rgba(255, 255, 255, 0.9);
}

.content {
  flex: 1;
}

/* Home Page */
#learn-more-btn {
    margin-bottom: 50px;
    height: 36px;
    width: 159px;
    border-radius: 4px;
    border: none;
    background: rgba(244, 116, 0, 1);
    color: white;
    /*font-weight: bolder;*/
}

.home-text-description {
  margin-top:20px;
  margin-bottom: 50px;
  color: rgba(0,35,41,1);
  background-color: rgba(255,255,255,0.5);
  padding:15px;
  border-radius:5px;
  font-weight:700;
  /*font-size:1.2rem;*/
}

.home-title {
  color: rgba(0,35,41,1);
}

/* About Page */
.margin-handler {
  margin-top: 15vh;
}

#dates-1514-1867 {
    color:rgba(244, 116, 0, 1);
    font-weight: bold;
}

.author-annotation {
    color: #000000;
    font-weight: normal !important;
    font-size: 13px;
}

.about-1-img-bg, .about-4-img-bg, .gallery-img-bg {
  background-color: rgba(0, 35, 41, 0.9);
  width: 100vw;
  position: absolute;
  top:20%;
  right: 0px;
  left:0px;
  height:700px;
  z-index: 1;
}

#about-1-img-content, #about-4-img-content, #gallery-large-img-content {
  position: relative;
  z-index: 1;
}

.caption-about-1-img, .source-about-1-img, .caption-about-4-img, .source-about-4-img {
    color: white;
    margin: 10px 30px;
}

.caption-about-1-img, .caption-about-4-img {
  font-size: 18px;
}

.source-about-1-img, .source-about-4-img {
  font-size: 14px;
}

.about-1-img, .about-4-img, .gallery-main-img {
  width: 80%;
  max-width: 645px;
}

span.orangeFnt {
  /*font-weight: bold;*/
}

#about-2 {
    background: #E5E5E5;
}

#about-3 {
    color: #FFFFFF;
    background: url(../images/aboutContentBackdrop.png) #E5E5E5 no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.about-3-main-text {
    background: rgba(0,35,41,0.7);
    padding: 30px;
    margin-top: 32px;
}

.about-3-annotations {
    font-size: 14px;
}

#about-5 {
    background: url(../images/about-sec-5_bg.png) #F8F5EE;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.about-5-main-text {
  margin-top: 50px;
  background-color: rgba(248, 245, 238, 0.9);
  padding: 15px;
}

#about-6 {
  background-color: rgba(0, 35, 41, 0.9);
  color: #FFFFFF;
}

p.about-6-paragraph span.orangeFnt {
  font-weight: 300!important;
}

.contributors-main-text h3 ul {
  list-style: none;
  padding-left: 0;
}

/* Gallery Page */
.gallery-main-text p:first-of-type {
  font-size: 18px;
}

.gallery-caption {
  color: #000000;
  text-align: left!important;
}

.gallery-credit {
  font-size: 14px;
  text-align: left!important;
}

#gallery-img-main-content {
  display: block;
}

.hide-on-mobile, .hide-select-on-mobile, .hide-for-mobile {
  display: none;
}

.show-on-mobile, .show-select-on-mobile, .show-for-mobile {
  display: block;
}

.thumbnails {
  width: 100%;
}

#thumbnailGallery {
  border-top: 2px solid #E5E5E5;
}

.thumbnailFirst {
  border: 2px solid rgba(244,116,0,1);
  border-radius: 0.25rem;
}

/* Registers Page */
.table-wrapper {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

tbody {
  background-color: white;
}

.th-sm {
  background-color: rgba(0, 35, 41, 0.9);
  color: white;
  font-weight: 300;
  font-size: 16px;
}

.modal-header {
  background-color: rgba(0, 35, 41, 0.9);
  color: white !important;
}

.modal-title {
  font-family: 'Alegreya Sans SC';
  margin-left: 15px;
}

.filter-btn {
  background-color: rgba(244, 116, 0, 1);
  border: 1px solid rgba(0,0,0,0.3);
}

.search-btn {
  background-color:rgba(244, 116, 0, 1);
}

#restartSearch {
  display: none;
  margin-left: 15px;
}

#restartRegularSearch {
  display: none;
}

.notactive {
  pointer-events: none;
  cursor: default;
}

input[data-status='inactive'] {
  pointer-events: none;
  cursor: default;
}

input[data-status='active'] {
  pointer-events: auto;
  cursor: default;
}

/* Styling selects for cross-browser support */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: .5em;
  background: #fff;
  border: 1px solid #C4C4C4;
  border-radius: 3px;
  padding: 1em 2em 1em 1em;
  font-size: 1em;
}

.select-container {position:relative; display: inline; display: ruby;}
.select-container:after {content:""; width:0; height:0; position:absolute; pointer-events: none;}
div#sSinSelect_1.select-container:after,div#sSinSelect_2.select-container:after,div#sSinSelect_3.select-container:after,div#sSinSelect_4.select-container:after,div#sSinSelect_5.select-container:after,div#sSinSelect_6.select-container:after,div#sSinSelect_7.select-container:after,div#sSinSelect_8.select-container:after,div#sSinSelect_9.select-container:after,div#sSinSelect_10.select-container:after{
  top: 1.3em!important;
}
.select-container:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: .3em;
    right: .75em;
    border-top: 8px solid black;
    opacity: 0.5;
}
#sSinSelect.select-container:after, #sMulSelect.select-container:after {
  top: 1em!important;
}

select::-ms-expand {
    display: none;
}

.form-select-lg {
  padding-top: .5rem!important;
  padding-bottom: .5rem!important;
  padding-left: 1rem!important;
  font-size: 1.25rem!important;
}

#sTerm {
  padding: 1.45rem .75rem!important;
  font-size: 1.25rem!important;
}

#sTermSinSelect, #sSinSelect, #sTermMulSelect, #sMulSelect, select#row_st_1, select#sSinSelect_1 {
  display: none;
}

#searchBtn {
  padding: 15px 30px;
}

#checkBtn, #uncheckBtn {
  width: 150px;
}

#checkBtn {
  margin-right: 15px;
}

#dropdownMenu3 {
  padding-top:0!important;
}

.input-group-append, .input-group, .input-group-prepend {
  height: 38px !important;
}

.dropdown-container {
  position: relative;
  display: inline-block;
}

.dropdown-menu {
  position:absolute;
  top:100%;
  left:0px;
}

#srchDiv {
  padding-bottom: 1.5rem !important;
}

ul.dropMenuLists, ul.paginationLists {
  padding-left: 0px;
  /*max-height: 50vh;
  max-width: 83vw;
  overflow: auto;*/
}

ul.dropMenuLists li, ul.paginationLists li{
  list-style-type: none !important;
}

a.page-link {
  color: #002329!important;
}

p.page-link {
  color: #C4C4C4!important;
}

#navbarToggleExternalContent {
  background-color: #C4C4C4;
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
  min-height: 60vh;
}

select {
  width: 100%;
}

.sLabels {
  text-transform: uppercase;
  font-size: 1rem!important;
  text-align: left!important;
}

.view-more-button {
  background-color: rgba(196,196,196,1);/* #C4C4C4 */
}

.table th:first-child, .table td:first-child {
  position: sticky;
  left: 0;
}

#sTermSinSelect, #sTermMulSelect {
  max-width: 200px;
}

/* Advanced Search */
#ad-form {
  background-color: rgba(196,196,196,0.3);
  padding: 2rem 3rem !important;
  border-radius: 5px;
}

/* Handle non-mobile phone screens */
@media screen and (min-width: 768px){
  body {
    font-size: 18px;
  }

  /* About Page */
  section#home {
    width: 80%;
    float: right;
  }

  /* Navigation */
  .main-menu-overlay {
    display: none!important;
  }

  nav {
    background-color: transparent;
  }

  #navbarToggleExternalContent {
    background-color: transparent;
    padding-bottom: unset !important;
    padding-top: unset !important;
    min-height: unset;
  }

  .nav-items ul li {
    margin-right: 0.5em;
    font-size: 18px;
  }

  .nav-items ul li.nav-txt {
    margin-right: 1.5em;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  #social-links {
    position: absolute;
    right: 0;
    padding-top:0px;
  }

  #pRight {
    margin-left: 15px;
  }

  #pLeft {
    margin-right: 15px;
  }

  .about-3-main-text {
    padding: 80px 50px;
    margin-top: 150px;
  }

  #about-5 {
      background: url(../images/about-sec-5_bg-md.png) #F8F5EE;
      background-repeat: no-repeat;
      background-size: 100% 100%;
  }

  /* Gallery Page */
  .gallery-main-text p:first-of-type {
    font-size: 24px;
  }

  /* Registers Page */

  /* Switch back the dropdown menus */
  .hide-select-on-mobile {
    display: flex;
  }

  .show-select-on-mobile, .show-for-mobile {
    display: none;
  }

  .hide-for-mobile {
    display: block;
  }

  #sTermSinSelect, #sTermMulSelect {
    max-width: 500px;
  }
}


@media screen and (min-width: 992px){
  /* About Page */
  section#home {
    width: 70%;
    float: right;
  }

  .about-3-main-text {
    padding: 80px 50px;
    margin-top: 170px;
  }

  .modal-dialog {
    max-width: 80vw!important;
  }

  #sTermSinSelect, #sTermMulSelect {
    max-width: 200px;
  }
}

@media screen and (min-width: 1200px){
  /* About Page */
  section#home {
    width: 51%;
    float: right;
  }

  .about-1-img-bg, .about-4-img-bg {
    top:0;
    width:38vw;
    height: 1080px;
  }

  .gallery-img-bg {
    top:0;
    width:35vw;
    height: 100vh;
  }

  .about-4-img-bg {
    left: unset;
    right: 0px;
  }

  .about-1-img, .about-4-img {
    max-width: 80%;
  }

  .gallery-main-img {
    max-width: 80%;
    max-height: 80vh;
    width:auto;
    height:auto;
  }

  #about-1-img-content {
    margin-top: 23vh;
  }

  #about-4-img-content, #gallery-large-img-content {
    margin-top: 15vh;
  }

  .caption-about-1-img, .source-about-1-img {
    text-align: left!important;
    width: 60%;
    margin-left: 10%;
  }

  .caption-about-4-img, .source-about-4-img {
    text-align: left!important;
    width: 60%;
    float: right;
  }

  #about-5 {
      background: url(../images/about-sec-5_bg-xl.png) #F8F5EE;
      background-repeat: no-repeat;
      background-size: 100% 100%;
  }

  .about-5-main-text {
    margin-top: 50px;
    background-color: rgba(248, 245, 238, 0.7);
  }

  /* Gallery Page */
  #gallery-img-main-content {
    display: none;
  }

  .hide-on-mobile {
    display: inherit;
  }

  .show-on-mobile {
    display: none;
  }

  #gallery-img-no-scroll {
    position: fixed;
    top: 0;
    width: 50%;
    z-index: 5;
    height: 100%;
  }

  #sTermSinSelect, #sTermMulSelect {
    max-width: 300px;
  }
}


@media screen and (min-width: 1700px){
  .gallery-img-bg {
    top:0;
    width:30vw;
    height: 100vh;
  }
}