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

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: #FAF7F2;
  background-image: url(../images/LandingImage.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  font-family: aleoregular;
  font-size: 14px;
}

h1, h2, h3, h4, h5, p, a, span, li, label, input, form {
  font-weight: 300;
  margin: 0;
  padding: 0;
  font-family: aleoregular;
}

a {
  cursor: pointer;
  font-family: aleobold;
}

p {
  font-family: aleoregular;
}

strong {
  font-weight: normal;
  font-family: aleobold;
}

.text-modal-text {
  color: #C24F3C;
}
.text-modal-text:hover {
  cursor: pointer;
}

.sr-only {
  display: none;
}

main {
  max-width: 1000px;
  margin: 0 auto;
  width: 90%;
}
main a {
  color: #C24F3C;
}
main section p {
  margin-bottom: 40px;
  line-height: 2;
}
main section p small {
  font-size: 11px;
}

input:not([type]), input[type=email i], input[type=number i], input[type=password i], input[type=tel i], input[type=url i], input[type=text i] {
  padding: 0;
}

::-moz-placeholder {
  color: #FFFFFF;
  font-family: aleoregular;
}

:-ms-input-placeholder {
  color: #FFFFFF;
  font-family: aleoregular;
}

::placeholder {
  color: #FFFFFF;
  font-family: aleoregular;
}

/*
@media screen and (max-width: $mobile-width-header){
		main {
			padding: 50px 5% 0 5%;
		}
}

@media screen and (max-width: $mobile-width-400){
		main {
			padding: 30px 4% 0 4%;
		}
}
*/
@font-face {
  font-family: "aleoregular";
  src: url("../fonts/aleo/Regular/aleo-regular-webfont.eot");
  src: url("../fonts/aleo/Regular/aleo-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo/Regular/aleo-regular-webfont.woff2") format("woff2"), url("../fonts/aleo/Regular/aleo-regular-webfont.woff") format("woff"), url("../fonts/aleo/Regular/aleo-regular-webfont.ttf") format("truetype"), url("../fonts/aleo/Regular/aleo-regular-webfont.svg#aleo") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "aleoitalic";
  src: url("../fonts/aleo/Regular-Italic/aleo-italic-webfont.eot");
  src: url("../fonts/aleo/Regular-Italic/aleo-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo/Regular-Italic/aleo-italic-webfont.woff2") format("woff2"), url("../fonts/aleo/Regular-Italic/aleo-italic-webfont.woff") format("woff"), url("../fonts/aleo/Regular-Italic/aleo-italic-webfont.ttf") format("truetype"), url("../fonts/aleo/Regular-Italic/aleo-italic-webfont.svg#aleo") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "aleobold";
  src: url("../fonts/aleo/Bold/aleo-bold-webfont.eot");
  src: url("../fonts/aleo/Bold/aleo-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo/Bold/aleo-bold-webfont.woff2") format("woff2"), url("../fonts/aleo/Bold/aleo-bold-webfont.woff") format("woff"), url("../fonts/aleo/Bold/aleo-bold-webfont.ttf") format("truetype"), url("../fonts/aleo/Bold/aleo-bold-webfont.svg#aleo") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "aleobolditalic";
  src: url("../fonts/aleo/Bold-Italic/aleo-bolditalic-webfont.eot");
  src: url("../fonts/aleo/Bold-Italic/aleo-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo/Bold-Italic/aleo-bolditalic-webfont.woff2") format("woff2"), url("../fonts/aleo/Bold-Italic/aleo-bolditalic-webfont.woff") format("woff"), url("../fonts/aleo/Bold-Italic/aleo-bolditalic-webfont.ttf") format("truetype"), url("../fonts/aleo/Bold-Italic/aleo-bolditalic-webfont.svg#aleo") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "aleolight";
  src: url("../fonts/aleo/Light/aleo-light-webfont.eot");
  src: url("../fonts/aleo/Light/aleo-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo/Light/aleo-light-webfont.woff2") format("woff2"), url("../fonts/aleo/Light/aleo-light-webfont.woff") format("woff"), url("../fonts/aleo/Light/aleo-light-webfont.ttf") format("truetype"), url("../fonts/aleo/Light/aleo-light-webfont.svg#aleo") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "aleolightitalic";
  src: url("../fonts/aleo/Light-Italic/aleo-lightitalic-webfont.eot");
  src: url("../fonts/aleo/Light-Italic/aleo-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aleo/Light-Italic/aleo-lightitalic-webfont.woff2") format("woff2"), url("../fonts/aleo/Light-Italic/aleo-lightitalic-webfont.woff") format("woff"), url("../fonts/aleo/Light-Italic/aleo-lightitalic-webfont.ttf") format("truetype"), url("../fonts/aleo/Light-Italic/aleo-lightitalic-webfont.svg#aleo") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ebgaramond";
  src: url("../fonts/ebgaramond/ebgaramond-bold.eot");
  src: url("../fonts/ebgaramond/ebgaramond-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ebgaramond/ebgaramond-bold.woff2") format("woff2"), url("../fonts/ebgaramond/ebgaramond-bold.woff") format("woff"), url("../fonts/ebgaramond/ebgaramond-bold.ttf") format("truetype"), url("../fonts/ebgaramond/ebgaramond-bold.svg#ebgaramond") format("svg");
  font-weight: bold;
  font-style: normal;
}
.universal-nav {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  border-top: 5px solid #0E3232;
  z-index: 10002;
  position: absolute;
}
.universal-nav .universal-links {
  margin: 6px 0 9px;
  height: 20px;
}
.universal-nav .universal-links a {
  color: #0E3232;
  background: #fff;
  font-family: aleobold;
  font-size: 14px;
  text-decoration: none;
}
.universal-nav .universal-links .universal-enslaved {
  padding: 6px 15px;
  margin-right: -4px;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  opacity: 0.8;
  border-top: 5px solid #0E3232;
  transition: all 0.2s ease-in-out;
}
.universal-nav .universal-links .universal-enslaved:hover {
  opacity: 1;
  background: #fff;
  border-top: 5px solid #C24F3C;
}
.universal-nav .universal-links .universal-jsdp {
  border-top: 5px solid #C24F3C;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
  padding: 6px 15px;
  white-space: nowrap;
}

.navigation-header {
  background-color: none;
  border-top: 5px solid #0E3232;
  height: 85px;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 999;
}
.navigation-header .navbar {
  margin: 20px;
}
.navigation-header .left-section {
  float: left;
  margin-top: 20px;
}
.navigation-header .left-section img {
  max-width: 200px;
  margin: -6px 0 0 20px;
}
.navigation-header .responsive-menu {
  margin-right: 4vw;
  width: 100%;
}
.navigation-header .dropdown-menu {
  display: none;
  float: right;
}
.navigation-header .dropdown-menu .nav-link {
  color: #0E3232;
  cursor: pointer;
  font-family: aleobold;
  font-size: 14px;
  line-height: 85px;
  padding-right: 10px;
  text-decoration: none;
}
.navigation-header .dropdown-menu .dropdown-button {
  cursor: pointer;
  font-size: 12px;
}
.navigation-header .dropdown-menu .dropdown-button img {
  width: 13px;
}
.navigation-header .right-section {
  float: right;
}
.navigation-header .right-section .nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.navigation-header .right-section .nav #drop-link ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  display: none;
}
.navigation-header .right-section .nav #drop-link ul .browse-sub {
  background-color: #0E3232;
  box-shadow: 0 5px 25px 0 rgba(14, 50, 50, 0.3);
  left: -50px;
  top: -20px;
  margin: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  border-radius: 5px;
  width: 124px;
}
.navigation-header .right-section .nav #drop-link ul .browse-sub .nav-sublink {
  display: block;
  color: #fff;
  cursor: pointer;
  font-family: aleobold;
  font-size: 12px;
  padding: 5px 0;
  text-decoration: none;
  transition: color 0.3s ease;
}
.navigation-header .right-section .nav #drop-link ul .browse-sub .nav-sublink:hover {
  color: #C24F3C;
}
.navigation-header .right-section .nav #drop-link .sub-showing {
  display: block;
}
.navigation-header .right-section .nav .nav-item {
  display: inline-table;
  cursor: pointer;
  margin-left: 25px;
}
.navigation-header .right-section .nav .nav-item .drop-carat, .navigation-header .right-section .nav .nav-item .drop-link {
  display: inline-block;
}
.navigation-header .right-section .nav .nav-item .drop-carat {
  cursor: pointer;
  margin-left: 7px;
}
.navigation-header .right-section .nav .nav-item .drop-carat img {
  transition: 0.3s ease-out;
  width: 12px;
}
.navigation-header .right-section .nav .nav-item .carat-up img {
  transform: scaleY(-1);
}
.navigation-header .right-section .nav .nav-item .nav-link {
  color: #0E3232;
  cursor: pointer;
  font-family: aleobold;
  font-size: 14px;
  line-height: 85px;
  text-decoration: none;
  transition: color 0.3s ease;
}
.navigation-header .right-section .nav .nav-item .nav-link.donate {
  color: white !important;
  background: #C24F3C;
  border-radius: 5px;
  padding: 12px;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.navigation-header .right-section .nav .nav-item .nav-link.donate:hover {
  color: white !important;
  background: #CF5440;
}
.navigation-header .right-section .nav .nav-item .search-icon {
  width: 14px;
  margin-bottom: -2px;
  padding-left: 9px;
}
.navigation-header .right-section .nav .nav-item .selected {
  border-top: 5px solid #C24F3C;
  color: #C24F3C;
  padding: 34px 0 0;
}
.navigation-header .right-section .nav .nav-item:hover .nav-link {
  color: #C24F3C;
}

.fixedheader {
  background-color: #FAF7F2;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  top: -85px;
  transition: top 0.3s;
}
.fixedheader .navbar {
  margin: 0 20px;
}
.fixedheader .navbar .left-section {
  margin-top: 26px;
}

@media screen and (max-width: 969px) {
  .navigation-header .dropclass {
    display: block !important;
    position: absolute;
    right: 0;
    top: 85px;
  }
  .navigation-header .left-section img {
    margin: 0px;
  }
  .navigation-header .right-section {
    background-color: #0E3232;
    display: none;
    padding-bottom: 50px;
    margin-right: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: right;
  }
  .navigation-header .right-section .nav {
    padding-top: 30px;
  }
  .navigation-header .right-section .nav #drop-link ul {
    position: static;
    margin-right: -35px;
  }
  .navigation-header .right-section .nav #drop-link ul .browse-sub {
    margin: 0;
    position: static;
    width: unset;
  }
  .navigation-header .right-section .nav #drop-link ul .browse-sub .nav-sublink {
    display: block;
    color: #FAF7F2;
    cursor: pointer;
    font-size: 12px;
    font-weight: 300;
    line-height: 35px;
    margin-right: 22px;
    text-decoration: none;
    transition: color 0.3s ease;
  }
  .navigation-header .right-section .nav #drop-link {
    margin-right: 35px;
    margin-left: 0;
  }
  .navigation-header .right-section .nav .nav-item {
    display: block;
  }
  .navigation-header .right-section .nav .nav-item .drop-carat {
    margin-left: -55px;
  }
  .navigation-header .right-section .nav .nav-item .nav-link {
    line-height: 45px;
    margin-right: 40px;
    margin-left: 0;
    color: #FAF7F2;
  }
  .navigation-header .right-section .nav .nav-item .selected {
    padding: 0 0 5px;
  }
  .navigation-header .right-section .nav .nav-item .search-icon {
    display: none;
  }
  .navigation-header .dropdown-menu {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .universal-links {
    width: 100%;
    margin: -5px 0 !important;
    height: 40px !important;
    padding: 10px 10px 10px 0;
    white-space: nowrap;
    overflow-x: scroll;
  }
  .universal-links::-webkit-scrollbar {
    display: none;
  }
}
.main {
  height: auto;
  width: 100%;
}
.main .middlewrap {
  color: #0E3232;
  margin: 0 auto;
  max-width: 1000px;
  width: 90%;
  position: static;
  padding: 140px 0 30px;
  text-align: left;
}
.main .middlewrap .heading-title {
  width: 100%;
}
.main .middlewrap .heading-title .logo-main {
  width: 100%;
  max-width: 850px;
  height: auto;
}
.main .middlewrap .heading-title .logo-mobile {
  display: none;
  width: 95%;
  height: auto;
}
.main .middlewrap h1 {
  font-size: 44px;
  color: #0E3232;
  font-weight: bold;
  font-family: "EB Garamond";
}
.main .middlewrap .last-page-header {
  margin-bottom: 30px;
}
.main .middlewrap .last-page-header #last-page {
  color: #0E3232;
  font-size: 22px;
  font-family: "EB Garamond";
  font-weight: bold;
  text-decoration: none;
  transition: opacity 0.3s;
  opacity: 0.7;
}
.main .middlewrap .last-page-header #last-page:hover {
  opacity: 1;
}
.main .middlewrap .last-page-header span#current-title {
  color: #0E3232;
  font-size: 12px;
  font-family: aleobold;
  letter-spacing: 1.2px;
}

.about {
  height: auto;
  padding: 0 0 50px;
  width: 100%;
}
.about .aboutwrap p {
  font-family: aleobold;
  color: #0E3232;
  font-size: 18px;
  line-height: 28px;
  position: relative;
  text-align: left;
}
.about .aboutwrap p a {
  cursor: pointer;
  color: #C24F3C;
  font-family: aleobold;
  margin-left: 4px;
  text-decoration: none;
}
.about .aboutwrap p a img {
  transition: padding 0.1s ease;
  padding-left: 4px;
}
.about .aboutwrap p a:hover img {
  padding-left: 7px;
}

.home-search {
  max-width: 1000px;
  margin: 0 auto;
  width: 90%;
  padding: 0 0 60px;
}
.home-search .searchwrap {
  background-color: #0E3232;
  padding: 30px 40px 40px;
}
.home-search .searchwrap h2 {
  font-size: 10px;
  letter-spacing: 1px;
  color: #FFFFFF;
  line-height: 12px;
  margin-bottom: 8px;
}
.home-search .searchwrap .search form {
  display: flex;
}
.home-search .searchwrap .search form .searchfieldwrap {
  width: 52%;
}
.home-search .searchwrap .search form .search-submit {
  margin-left: 15px;
}
.home-search .searchwrap .search form label {
  margin-bottom: 10px;
  color: #FAF7F2;
  font-size: 10px;
  letter-spacing: 1px;
  font-family: aleobold;
}
.home-search .searchwrap .search form .inputwrap {
  width: 40%;
  margin-left: 15px;
}
.home-search .searchwrap .search form .inputwrap p.footnote {
  width: 80%;
  margin: 21px auto 0;
  color: #1F4B54;
  opacity: 0.7;
  font-size: 14px;
  font-family: aleobold;
  line-height: 20px;
  text-align: center;
}
.home-search .searchwrap .search form .inputwrap .input-field {
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.2);
  color: #FAF7F2;
  float: left;
  font-family: aleoregular;
  font-size: 14px;
  height: 50px;
  margin: 0;
  margin-top: 10px;
  outline: none;
  padding-left: 10px;
  transition: border 0.3s ease;
  width: 100%;
}
.home-search .searchwrap .search form .inputwrap .input-field:hover {
  border: 1px solid #FFF;
}
.home-search .searchwrap .search form .inputwrap .input-field:focus-within {
  border: 1px solid #FFF;
}
.home-search .searchwrap .search form .inputwrap ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1;
  /* Firefox */
}
.home-search .searchwrap .search form .inputwrap :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1;
  /* Firefox */
}
.home-search .searchwrap .search form .inputwrap ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1;
  /* Firefox */
}
.home-search .searchwrap .search form .inputwrap :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #FFF;
}
.home-search .searchwrap .search form .inputwrap ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #FFF;
}
.home-search .searchwrap .search form .inputwrap .select2-container {
  width: 100% !important;
  height: 50px;
  display: block;
  margin-top: 10px;
}
.home-search .searchwrap .search form .inputwrap .select2-container .select2-selection--single {
  border-radius: 0;
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.2);
  color: #FAF7F2;
  float: left;
  font-family: aleoregular;
  font-size: 14px;
  height: 50px;
  margin: 0;
  outline: none;
  padding-left: 10px;
  transition: border 0.3s ease;
  width: 100%;
}
.home-search .searchwrap .search form .inputwrap .select2-container .select2-selection--single:hover {
  border: 1px solid #C24F3C;
}
.home-search .searchwrap .search form .inputwrap .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 48px;
  color: #0E3232;
  font-size: 14px;
  padding-left: 30px;
  padding-right: 35px;
}
.home-search .searchwrap .search form .inputwrap .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #72818C;
}
.home-search .searchwrap .search form .inputwrap .select2-container .select2-selection--multiple {
  border-radius: 0;
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.2);
  color: #FAF7F2;
  float: left;
  font-family: aleoregular;
  font-size: 14px;
  min-height: 50px;
  margin: 0;
  outline: none;
  padding-left: 10px;
  transition: border 0.3s ease;
  width: 100%;
  cursor: pointer;
}
.home-search .searchwrap .search form .inputwrap .select2-container .select2-selection--multiple:hover {
  border: 1px solid #FFF;
}
.home-search .searchwrap .search form .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered {
  padding-left: 10px;
  padding-right: 35px;
  display: block;
}
.home-search .searchwrap .search form .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  margin: 7px 10px 7px 0;
  padding: 0 15px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  border-radius: 0;
  background-color: #FFF;
  border: 1px solid #CED0D2;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.04);
  color: #72818C;
}
.home-search .searchwrap .search form .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  float: right;
  margin-left: 10px;
  margin-right: 0;
  font-weight: 300;
  font-size: 20px;
}
.home-search .searchwrap .search form .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
  margin: 14px 0;
  width: 0;
}
.home-search .searchwrap .search form .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
  margin-top: 0;
  font-size: 14px;
  line-height: 20px;
  color: #FFF;
  cursor: pointer;
}
.home-search .searchwrap .search form .inputwrap .select2-container .select2-selection__arrow {
  background-image: url(../images/chevron-down.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 8px;
  width: 12px;
  top: 21px;
  right: 25px;
  position: absolute;
}
.home-search .searchwrap .search form .inputwrap .select2-container--open .select2-selection--single {
  border: 1px solid #FFF;
}
.home-search .searchwrap .search form .inputwrap .select2-container--open .select2-selection--multiple {
  border: 1px solid #FFF;
}
.home-search .searchtext {
  overflow: auto;
  margin-top: 5px;
}
.home-search .searchtext p.search-note {
  font-size: 16px;
  color: rgba(14, 50, 50, 0.7);
  font-family: aleobold;
  float: left;
  margin-top: 20px;
}
.home-search .searchtext p.advanced-link {
  float: right;
  margin-top: 20px;
}
.home-search .searchtext p.advanced-link a {
  font-size: 18px;
  font-family: aleobold;
  color: #C24F3C;
  text-decoration: none;
  padding-right: 4px;
  transition: padding 0.2s ease;
}
.home-search .searchtext p.advanced-link a img {
  transition: padding 0.2s ease;
  padding-left: 4px;
}
.home-search .searchtext p.advanced-link a:hover {
  padding-right: 0;
}
.home-search .searchtext p.advanced-link a:hover img {
  padding-left: 8px;
}

.datasets {
  padding: 10px 0 100px;
  width: 90%;
}
.datasets .column .cardwrap .row li a .cards .card-text p {
  font-size: 12px;
  line-height: 1.4em;
  max-height: 10em;
  -webkit-line-clamp: 7;
}

.issue-cards {
  padding: 0 0 50px;
}
.issue-cards p.issues-link {
  float: right;
  margin-top: 10px;
}
.issue-cards p.issues-link a {
  font-size: 18px;
  font-family: aleobold;
  color: #C24F3C;
  text-decoration: none;
  padding-right: 4px;
  transition: padding 0.2s ease;
}
.issue-cards p.issues-link a img {
  transition: padding 0.2s ease;
  padding-left: 4px;
}
.issue-cards p.issues-link a:hover {
  padding-right: 0;
}
.issue-cards p.issues-link a:hover img {
  padding-left: 8px;
}

@media screen and (max-width: 700px) {
  .home-search .searchwrap .search form {
    flex-wrap: wrap;
  }
  .home-search .searchwrap .search form .searchfieldwrap {
    width: 100%;
    margin-bottom: 10px;
  }
  .home-search .searchwrap .search form .inputwrap {
    width: calc(100% - 65px);
    margin-left: 0;
  }
}
@media screen and (max-width: 400px) {
  .home-search .searchwrap {
    padding: 30px 40px 25px;
  }
  .home-search .searchwrap .search form .searchfieldwrap {
    margin-bottom: 10px;
  }
  .home-search .searchwrap .search form .search-submit {
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .home-search .searchwrap .search form .inputwrap {
    width: 100%;
    margin-bottom: 65px;
  }
}
.blog h3 {
  font-family: bigcaslonblack;
  font-size: 40px;
  margin-bottom: 30px;
}
.blog img {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
  width: 100%;
  height: auto;
}
.blog blockquote {
  border-left: 3px solid #C24F3C;
  font-family: aleoregular;
  line-height: 2;
  margin-left: 0;
  padding-left: 20px;
}
.blog hr {
  background-color: rgba(13, 18, 48, 0.07);
  border: none;
  height: 2px;
  margin: 80px 0;
}

.full-record .left-column, .full-record .right-column {
  display: inline-block !important;
}
.full-record .left-column {
  line-height: 2;
  transition: 400ms;
  width: 65%;
}
.full-record .left-column section {
  border: 1px solid rgba(13, 18, 48, 0.1);
  margin-bottom: 60px;
  overflow: auto;
  padding: 30px;
}
.full-record .left-column section p:last-child {
  margin-bottom: 0 !important;
}
.full-record .left-column section h3 {
  margin-bottom: 20px;
}
.full-record .right-column {
  float: right;
  width: 27%;
}
.full-record .right-column img {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: 300px;
}
.full-record .right-column p {
  font-size: 14px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .full-record .left-column, .full-record .right-column {
    float: none;
    width: 100%;
  }
  .full-record .left-column {
    margin-right: 0;
  }
  .full-record .left-column section {
    border-style: none;
    padding: 0;
  }
  .full-record .right-column {
    margin-bottom: 60px;
  }
}
.full-record-2 {
  display: flex;
  justify-content: space-between;
}
.full-record-2 .left-col {
  width: 16%;
}
.full-record-2 .left-col img {
  display: block;
  height: auto;
  max-width: 100%;
}
.full-record-2 .left-col p {
  color: #2F313D;
  font-size: 10px;
  line-height: 18px;
  margin-top: 20px;
}
.full-record-2 .main-col {
  width: 78%;
}
.full-record-2 .main-col .section .title {
  margin-bottom: 30px;
}
.full-record-2 .main-col .section .title p {
  font-size: 14px;
  margin-bottom: 10px;
}
.full-record-2 .main-col .section .title h3 {
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  .full-record-2 {
    flex-wrap: wrap;
  }
  .full-record-2 .left-col {
    margin-bottom: 40px;
    order: 2;
    width: 100%;
  }
  .full-record-2 .main-col {
    order: 1;
    width: 100%;
  }
}
.main.search-head .middlewrap {
  padding-bottom: 51px;
}
.main.search-head .middlewrap h4.search-page-header {
  margin-bottom: 25px;
}
.main.search-head .middlewrap h4.search-page-header #last-page {
  color: #0E3232;
  font-size: 16px;
  text-decoration: none;
}
.main.search-head .middlewrap h4.search-page-header #last-page span#previous-title {
  font-family: aleobold;
  opacity: 0.7;
  transition: opacity 0.3s;
}
.main.search-head .middlewrap h4.search-page-header #last-page span#previous-title:hover {
  opacity: 1;
}
.main.search-head .middlewrap h4.search-page-header span#current-title {
  color: #0E3232;
  font-family: aleobold;
  font-size: 16px;
}
.main.search-head .middlewrap .container.search .searchwrap {
  background-color: #0E3232;
  padding: 16px 36px 16px;
  border-radius: 5px;
  box-shadow: 0 5px 15px 0 h2;
  box-shadow-font-size: 10px;
  box-shadow-letter-spacing: 1px;
  box-shadow-color: #FFFFFF;
  box-shadow-line-height: 12px;
  box-shadow-margin-bottom: 8px;
}

.container.middlewrap h1.search {
  margin-bottom: 20px;
}

div.searched-term {
  background-color: rgba(13, 18, 48, 0.8);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  display: inline-block;
  margin: 6px;
  padding: 10px;
}
div.searched-term img {
  cursor: pointer;
  margin-left: 5px;
}

.search form div.search-field {
  box-sizing: border-box;
  display: flex;
  height: 50px !important;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.search form div.search-field input#search-field {
  background-color: unset !important;
  box-shadow: none !important;
  border: none !important;
  order: 999;
  padding: 0 !important;
  width: -webkit-fill-available;
}

main.search-results {
  margin: 0;
  max-width: 100%;
  width: unset;
  padding: 0;
  padding-right: 30px;
  position: relative;
  transition: 200ms;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}

.filter-menu {
  background-color: #FFF;
  box-shadow: 0 3px 10px 0 rgba(44, 44, 44, 0.1);
  box-sizing: border-box;
  border-radius: 5px;
  height: auto;
  overflow: auto;
  margin-left: -270px;
  padding: 50px 30px;
  transition: 200ms;
  width: 310px;
  min-width: 236px;
  z-index: 3;
  margin-right: 30px;
}
.filter-menu h3 {
  color: #0E3232;
  opacity: 0.7;
  letter-spacing: 1.75px;
  text-transform: uppercase;
  font-family: aleobold;
  font-size: 14px;
  margin-bottom: 10px;
}
.filter-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.filter-menu ul li.cat-cat {
  cursor: pointer;
  font-size: 16px;
  letter-spacing: 1.75px;
  padding: 0 0 10px;
  position: relative;
  text-transform: uppercase;
  transition: 200ms;
  z-index: 0;
  color: #0E3232;
  opacity: 0.7;
}
.filter-menu ul ul#mainmenu {
  margin-bottom: 50px;
}
.filter-menu ul li.filter-cat {
  cursor: pointer;
  padding: 15px 0;
  position: relative;
  transition: 200ms;
  z-index: 0;
  border-bottom: 2px solid rgba(14, 50, 50, 0.1);
}
.filter-menu ul li.filter-cat p {
  color: #0E3232;
  font-size: 16px;
  font-family: aleobold;
}
.filter-menu ul li.filter-cat.hidden {
  padding-top: 0;
}
.filter-menu ul li.filter-cat ul#submenu {
  display: none;
  font-size: 16px;
  padding: 20px 0 0;
}
.filter-menu ul li.filter-cat ul#submenu li label {
  cursor: pointer;
  display: block;
  position: relative;
  padding-left: 28px;
  padding-bottom: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.filter-menu ul li.filter-cat ul#submenu li label input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
}
.filter-menu ul li.filter-cat ul#submenu li label p {
  font-size: 14px;
  color: #0E3232;
  font-family: aleobold;
}
.filter-menu ul li.filter-cat ul#submenu li label p em {
  font-style: normal;
}
.filter-menu ul li.filter-cat ul#submenu li label span {
  box-sizing: border-box;
  border: 1.5px solid #0E3232;
  border-radius: 2px;
  background-color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
}
.filter-menu ul li.filter-cat ul#submenu li:last-child label {
  padding-bottom: 10;
}
.filter-menu ul li.filter-cat ul#submenu li label:hover input ~ span {
  /* on mouse-over, change background color */
  background-color: #ccc;
}
.filter-menu ul li.filter-cat ul#submenu li label input:checked ~ span {
  /* when checked, add background color */
  background-color: #C24F3C;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
  border: 1.5px solid #8F3A2C;
  background-image: url(../images/check.svg);
  background-repeat: no-repeat;
  background-size: 66%;
  background-position: center;
}
.filter-menu ul li.filter-cat ul#submenu li label input:checked ~ p {
  /* change label text color when checked */
  color: #C24F3C;
}
.filter-menu ul li.filter-cat ul#submenu li.hide-category {
  display: none;
}
.filter-menu ul li.filter-cat ul#submenu .to-field {
  font-size: 12px;
  font-family: aleobold;
  padding-top: 32px;
  margin: 0 5px 0 5px;
}
.filter-menu ul li.filter-cat ul#submenu input[type=button] {
  box-sizing: border-box;
  background-color: #0E3232;
  font-family: aleobold;
  color: white;
  margin-left: 5px;
  margin-top: 22px;
  border: none;
  border-radius: 4px;
  width: 40px;
  min-width: 27px;
  height: 32px;
  cursor: pointer;
}
.filter-menu ul li.filter-cat ul#submenu .inputwrap {
  margin-bottom: 4%;
  position: relative;
  box-sizing: border-box;
  width: 70px;
  min-width: 60px;
}
.filter-menu ul li.filter-cat ul#submenu .inputwrap a {
  outline: none;
}
.filter-menu ul li.filter-cat ul#submenu .inputwrap input {
  display: block;
  box-sizing: border-box;
  color: #0E3232;
  font-family: aleobold;
  font-size: 13px;
  width: 100%;
  height: 30px;
  border: 2px rgba(14, 50, 50, 0.6) solid;
  border-radius: 5px;
  margin-top: 5px;
  padding-left: 5px;
}
.filter-menu ul li.filter-cat ul#submenu .inputwrap input:hover {
  border: 2px solid #C24F3C;
}
.filter-menu ul li.filter-cat ul#submenu .inputwrap input:focus {
  outline: none;
}
.filter-menu ul li.filter-cat ul#submenu .inputwrap ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #0E3232;
  opacity: 0.8;
  /* Firefox */
  font-family: aleobolditalic;
  padding-left: 5px;
}
.filter-menu ul li.filter-cat ul#submenu .inputwrap :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #0E3232;
  opacity: 0.8;
  /* Firefox */
  font-family: aleobolditalic;
  padding-left: 5px;
}
.filter-menu ul li.filter-cat ul#submenu .inputwrap ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #0E3232;
  opacity: 0.8;
  /* Firefox */
  font-family: aleobolditalic;
  padding-left: 5px;
}
.filter-menu ul li.filter-cat ul#submenu .inputwrap :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #0E3232;
  opacity: 0.8;
  font-family: aleobolditalic;
  padding-left: 5px;
}
.filter-menu ul li.filter-cat ul#submenu .inputwrap ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #0E3232;
  opacity: 0.8;
  font-family: aleobolditalic;
  padding-left: 5px;
}
.filter-menu ul li.filter-cat ul#submenu .inputwrap label {
  color: #0E3232;
  font-size: 13px;
  font-family: aleobold;
  width: 78px;
  height: 30px;
  padding-bottom: 5px;
}
.filter-menu ul li.filter-cat ul#submenu.show {
  display: block;
}
.filter-menu ul li.filter-cat ul#submenu.showdate {
  display: flex;
  justify-content: space-between;
}
.filter-menu ul li.filter-cat ul#submenu.hidden {
  display: none;
}
.filter-menu ul.no-main-cat {
  margin-bottom: 40px;
}
.filter-menu ul.no-main-cat li.filter-cat {
  padding: 0;
  border: none;
}

ul#submenu.show {
  display: block;
}

.filter-menu.show {
  margin-left: 0;
}

span.align-left {
  position: absolute;
  left: 0;
}

span.align-right {
  position: absolute;
  right: 0;
}
span.align-right img {
  transition: 200ms;
}

span.align-right.show img {
  transform: rotate(180deg);
}

#searchResults {
  position: relative;
  transition: 200ms;
  vertical-align: top;
  max-width: 1000px;
  min-width: 300px;
  width: 100%;
  margin: 0 auto 0;
}
#searchResults h2 {
  color: #0E3232;
  font-family: "EB Garamond";
  font-size: 30px;
  font-weight: bold;
}
#searchResults #search-result-controls {
  font-size: 14px;
  padding: 20px 0 10px;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #0E3232;
}
#searchResults #search-result-controls .show-filter, #searchResults #search-result-controls .view-modes, #searchResults #search-result-controls .sorting-dropdowns {
  padding: 10px 15px 10px 0px;
}
#searchResults #search-result-controls span.show-filter {
  cursor: pointer;
}
#searchResults #search-result-controls span.show-filter img {
  margin-right: 5px;
}
#searchResults #search-result-controls span.view-modes {
  display: flex;
  justify-content: space-between;
}
#searchResults #search-result-controls span.view-modes .grid-view {
  margin-right: 15px;
}
#searchResults #search-result-controls span.view-modes span.view-toggle {
  position: relative;
}
#searchResults #search-result-controls span.view-modes span.view-toggle img {
  height: 19px;
  cursor: pointer;
  opacity: 0.25;
  transition: all 0.3s;
}
#searchResults #search-result-controls span.view-modes span.view-toggle img:hover {
  opacity: 0.8;
}
#searchResults #search-result-controls span.view-modes span.view-toggle.show img {
  opacity: 1;
}
#searchResults #search-result-controls span.view-modes span.view-toggle p.tooltip {
  background: #0E3232;
  box-shadow: 0 25px 35px 0 rgba(13, 18, 48, 0.15);
  color: #FAF7F2;
  display: none;
  font-size: 12px;
  white-space: nowrap;
  position: absolute;
  padding: 10px;
  bottom: 32px;
  right: -25px;
}
#searchResults #search-result-controls span.view-modes span.table-view p.tooltip {
  right: -30px;
}
#searchResults #search-result-controls span.view-modes span.view-toggle p.tooltip.hovered {
  display: block;
  border-style: solid;
  border-color: #C24F3C;
  border-width: 2px;
  z-index: 999;
}
#searchResults #search-result-controls span.sorting-dropdowns {
  cursor: pointer;
}
#searchResults #search-result-controls span.sorting-dropdowns span {
  position: relative;
  font-family: aleobold;
}
#searchResults #search-result-controls span.sorting-dropdowns span.results-per-page {
  margin-left: 20px;
}
#searchResults #search-result-controls span.sorting-dropdowns ul {
  background: #0E3232;
  box-shadow: 0 5px 25px 0 rgba(44, 44, 44, 0.3);
  color: #FAF7F2;
  border-radius: 5px;
  display: none;
  list-style: none;
  padding: 10px 15px;
  position: absolute;
  right: -4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
  text-align: center;
  min-width: 40px;
}
#searchResults #search-result-controls span.sorting-dropdowns ul li {
  cursor: pointer;
  color: #FAF7F2;
  font-family: aleobold;
  font-size: 12px;
  padding: 5px 0 5px;
  transition: all 0.3s;
}
#searchResults #search-result-controls span.sorting-dropdowns ul li:hover {
  color: #C24F3C;
}
#searchResults #search-result-controls span.sorting-dropdowns ul.show {
  display: block;
}
#searchResults #search-result-controls span.sorting-dropdowns span.align-center {
  color: #0E3232;
  font-size: 14px;
  font-family: aleobold;
}
#searchResults #search-result-controls span.sorting-dropdowns span.align-center img {
  margin-left: 5px;
  margin-bottom: -2px;
  transform: rotate(90deg);
  transition: 200ms;
}
#searchResults #search-result-controls span.sorting-dropdowns span.align-center img.show {
  transform: rotate(-90deg);
}
#searchResults div.filter-cards {
  width: 100%;
  display: flex;
  margin-bottom: 30px;
}
#searchResults div.filter-cards .option-wrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1.5px solid rgba(14, 50, 50, 0.1);
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 3px 5px 0 rgba(44, 44, 44, 0.05);
  padding: 12px 15px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}
#searchResults div.filter-cards .option-wrap p {
  color: #0E3232;
  font-family: aleobold;
  font-size: 14px;
}
#searchResults div.filter-cards .option-wrap img {
  margin-left: 10px;
  width: 9px;
  height: 9px;
  opacity: 0.7;
  cursor: pointer;
  transition: all 0.3s;
}
#searchResults div.filter-cards .option-wrap img:hover {
  opacity: 1;
}

.result-section .cards-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.result-section .cards-title h3 {
  color: #0E3232;
  font-family: aleobold;
  font-size: 20px;
  margin-right: 20px;
  white-space: nowrap;
}
.result-section .cards-title h3 span {
  font-family: aleobold;
}
.result-section .cards-title div.line {
  border-bottom: 2px solid rgba(14, 50, 50, 0.05);
  width: 100%;
  height: 0px;
  margin-bottom: 2px;
  margin-top: 12px;
}
.result-section .card-section.dataset-cards {
  padding: 0 0 50px;
}

#search-result-table {
  box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.05);
  overflow: auto;
}
#search-result-table table {
  background-color: rgba(13, 18, 48, 0.05);
  border-collapse: collapse;
  border: 1px solid #0d1230;
  font-size: 13px;
  overflow: hidden;
  width: 100%;
}
#search-result-table table th {
  background-color: #fff;
}
#search-result-table table th, #search-result-table table td {
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  padding: 20px;
  margin: 0;
}
#search-result-table table thead {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.01);
  text-align: left;
}
#search-result-table table tbody {
  overflow: auto;
  vertical-align: top;
}
#search-result-table table tbody tr {
  border: 1px solid #1a1a1a;
}
#search-result-table table tbody tr td p {
  display: inline-block;
  max-width: 120px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  word-break: break-all;
}
#search-result-table table tbody tr span.first {
  display: none;
  font-family: aleobold;
}
#search-result-table table tbody tr span.meta {
  display: inline-block;
  max-width: 120px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
#search-result-table table tbody tr th:first-child, #search-result-table table tbody tr td:first-child {
  background-color: #fff;
  box-sizing: border-box;
  max-width: 200px;
  min-width: 200px;
  width: 200px;
  word-break: break-all;
}
#search-result-table table tbody tr a {
  color: #0E3232;
  font-size: 18px;
  text-decoration: none;
}
#search-result-table table tbody tr a:hover {
  cursor: pointer;
  text-decoration: underline;
}
#search-result-table table tbody tr:hover {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.03);
}
#search-result-table table tbody tr:hover td {
  background-color: rgba(39, 173, 136, 0.15);
}
#search-result-table table tbody tr:hover td:first-child {
  background-color: rgba(39, 173, 136, 0.35);
}

.modal-view {
  display: none;
  height: 100%;
  transition: 200ms;
  width: 100%;
}
.modal-view .config-table-modal {
  background: #FAF7F2;
  box-shadow: 0 25px 33px 0 rgba(0, 0, 0, 0.05);
  color: #0E3232;
  margin: 100% auto;
  margin-bottom: 0;
  max-height: 625px;
  overflow-y: auto;
  transition: 200ms;
  width: 70%;
  height: 80%;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap {
  font-size: 14px;
  height: unset;
  position: relative;
  padding: 45px;
  padding-bottom: 0;
  margin: 0;
  width: unset;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div.close {
  background: #0E3232;
  border-radius: 50%;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  padding: 15px;
  position: absolute;
  top: 45px;
  right: 45px;
  height: unset;
  width: unset;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap h4 {
  font-size: 30px;
  margin-bottom: 20px;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap p {
  font-size: 14px;
  text-align: left;
  padding-bottom: 10px;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap p select {
  background: url(../images/chevron-down-dark.svg) no-repeat;
  background-position: 95%;
  border: 1px solid rgba(13, 18, 48, 0.15);
  border-radius: 0;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.04);
  cursor: pointer;
  display: block;
  font-family: aleoregular;
  margin: 5px 15px 15px 0;
  padding: 15px 10px;
  transition: 200ms;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 43%;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap p select :focus {
  outline: none;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div {
  display: flex;
  font-size: 14px;
  height: 50%;
  justify-content: space-between;
  margin: 0;
  transition: 200ms;
  width: unset;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div {
  display: inline-block;
  margin-top: 5px;
  vertical-align: top;
  width: 43%;
  height: 80%;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div div {
  border: 1px solid rgba(13, 18, 48, 0.15);
  box-sizing: border-box;
  margin-top: 0;
  overflow-y: auto;
  width: 100%;
  height: 100%;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div div ul {
  list-style: none;
  margin: 10px 5px;
  padding-left: 0;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div div ul li {
  cursor: pointer;
  transition: 200ms;
  padding: 5px;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div div ul li:hover {
  background-color: rgba(194, 79, 60, 0.2);
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div.left-col {
  margin-right: 10px;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div.left-col div {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.04);
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div.right-col {
  margin-left: 10px;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div.right-col div {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.04);
  position: relative;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div.right-col div ul#selected-cols {
  width: 80%;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div.right-col div img {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.03);
  cursor: pointer;
  border: 1px solid rgba(13, 18, 48, 0.15);
  padding: 10px 8px;
  position: absolute;
  position: absolute;
  top: 50%;
  right: 10px;
  transition: 200ms;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div.right-col div img:last-child {
  top: 30%;
  transform: rotate(180deg);
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div.right-col div img:hover {
  background-color: rgba(13, 18, 48, 0.05);
  border: 1px solid #2F325F;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.03);
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div.arrow-wrap {
  width: 10%;
  margin-top: 120px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div.arrow-wrap img {
  border: 1px solid rgba(13, 18, 48, 0.15);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.03);
  cursor: pointer;
  display: block;
  margin: auto;
  padding: 10px 8px;
  transition: 200ms;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div.arrow-wrap img:first-child {
  margin-bottom: 20px;
  transform: rotate(-90deg);
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div.arrow-wrap img:last-child {
  transform: rotate(90deg);
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div div.arrow-wrap img:hover {
  background-color: rgba(13, 18, 48, 0.05);
  border: 1px solid #2F325F;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.03);
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div.update-columns-button {
  background: #0E3232;
  box-shadow: 0 2px 3px 0 rgba(30, 30, 30, 0.05);
  color: #FAF7F2;
  cursor: pointer;
  font-family: aleoregular;
  font-size: 16px;
  float: right;
  height: unset;
  margin-top: 15px;
  padding: 15px 35px;
}
.modal-view .config-table-modal div.config-table-modal-content-wrap div.close:hover,
.modal-view .config-table-modal div.config-table-modal-content-wrap div.update-columns-button:hover {
  opacity: 0.75;
}

.search form {
  font-family: aleobold;
  position: relative;
  overflow: auto;
}
.search form .searchfieldwrap {
  width: calc(100% - 70px);
  float: left;
  margin-bottom: 8px;
}
.search form label {
  margin-bottom: 10px;
  color: #FAF7F2;
  font-size: 10px;
  letter-spacing: 1px;
  font-family: aleobold;
}
.search form div.search-field {
  width: 100%;
  height: 48px;
  margin-top: 10px;
  border-radius: 5px;
}
.search form .search-field {
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.2);
  color: #FAF7F2;
  width: 100%;
  font-family: aleobold;
  font-style: italic;
  font-size: 14px;
  margin: 0;
  outline: none;
  padding-left: 10px;
  transition: border 0.3s ease;
}
.search form .search-field:hover {
  border: 1px solid #FFF;
}
.search form .search-field:focus-within {
  border: 1px solid #FFF;
}
.search form .search-field input {
  margin-left: 10px;
}
.search form .search-field input::-moz-placeholder {
  font-family: aleobold;
}
.search form .search-field input:-ms-input-placeholder {
  font-family: aleobold;
}
.search form .search-field input::placeholder {
  font-family: aleobold;
}
.search form .search-submit {
  border: none;
  box-sizing: border-box;
  background-color: #C24F3C;
  background-image: url(../images/search.svg);
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 5px 15px 0 rgba(115, 47, 35, 0.2);
  border-radius: 5px;
  color: transparent;
  cursor: pointer;
  height: 50px;
  margin-left: 20px;
  margin-top: 10px;
  outline: none;
  text-decoration: none;
  transition: opacity 0.3s ease;
  width: 50px;
}
@media screen and (max-width: 1150px) {
  .result-section .card-section.dataset-cards .cardwrap .card {
    width: 48.5%;
  }
}
@media screen and (max-width: 750px) {
  .result-section .card-section.dataset-cards .cardwrap .card {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .result-section .card-section.issue-cards .cardwrap .card .card-title-section {
    display: block;
    width: auto;
    padding-left: 0px;
    margin-top: 10px;
  }
  .result-section .card-section.issue-cards .cardwrap .card h4.view {
    text-align: left;
    margin-top: 25px;
  }
  .result-section .card-section.issue-cards .cardwrap .card .mobile-div {
    display: block;
  }
  .result-section .card-section.issue-cards .cardwrap .card .dataset-section .section-info .desktop-div {
    display: none;
  }
  .result-section .card-section.issue-cards .cardwrap .card .dataset-section .datasetwrap a {
    width: 48%;
    margin: 15px 2% 0 0;
  }
}
@media screen and (max-width: 860px) {
  .modal-view .config-table-modal {
    margin: 45px auto;
    width: 90%;
  }
}
@media screen and (max-width: 820px) {
  main.search-results {
    overflow: auto;
  }

  #searchResults #search-result-table.grid {
    margin: 0 auto;
    width: 750px;
  }

  #searchResults.show #search-result-table.grid {
    width: 500px;
  }
}
@media screen and (max-width: 770px) {
  #searchResults #search-result-table.grid {
    width: auto;
  }
  #searchResults #search-result-table.grid table.grid tbody.grid tr.grid {
    display: block;
    margin: 10px auto;
    width: 95%;
  }
}
@media screen and (max-width: 680px) {
  .modal-view .config-table-modal div.config-table-modal-content-wrap p select {
    width: 100%;
  }
}
@media screen and (max-width: 620px) {
  #searchResults div#search-result-wrap #search-result-table {
    margin-left: 135px;
  }
  #searchResults div#search-result-wrap #search-result-table table thead tr th:first-child,
#searchResults div#search-result-wrap #search-result-table table tbody tr td:first-child {
    width: 135px;
  }

  .modal-view .config-table-modal {
    height: 90%;
  }
  .modal-view .config-table-modal div.config-table-modal-content-wrap {
    padding: 35px 45px;
  }
  .modal-view .config-table-modal div.config-table-modal-content-wrap div.close {
    top: 25px;
    right: 25px;
  }
  .modal-view .config-table-modal div.config-table-modal-content-wrap div {
    flex-wrap: wrap;
    height: unset;
  }
  .modal-view .config-table-modal div.config-table-modal-content-wrap div div {
    display: block;
    width: 100%;
    height: 20%;
  }
  .modal-view .config-table-modal div.config-table-modal-content-wrap div div.left-col {
    margin: 0;
  }
  .modal-view .config-table-modal div.config-table-modal-content-wrap div div.arrow-wrap {
    margin: 30px 0 -30px;
    transform: rotate(-90deg);
    width: 100%;
  }
  .modal-view .config-table-modal div.config-table-modal-content-wrap div div.arrow-wrap img:first-child {
    transform: rotate(90deg);
  }
  .modal-view .config-table-modal div.config-table-modal-content-wrap div div.arrow-wrap img:last-child {
    transform: rotate(-90deg);
  }
  .modal-view .config-table-modal div.config-table-modal-content-wrap div div.right-col {
    margin: 0;
  }
  .modal-view .config-table-modal div.config-table-modal-content-wrap div div.right-col div img:last-child {
    margin-top: -10px;
  }
  .modal-view .config-table-modal div.config-table-modal-content-wrap div.update-s-button {
    margin-top: 70px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 415px) {
  .modal-view div.config-table-modal .config-table-modal-content-wrap div.update-columns-button {
    padding: 15px 25px;
  }
}
@media screen and (max-width: 400px) {
  /* currently, this var = 400px */
  .search-button-header {
    margin-bottom: 0;
    display: none;
  }
}
@media screen and (max-width: 395px) {
  .modal-view div.config-table-modal .config-table-modal-content-wrap div.update-columns-button {
    font-size: 14px;
    white-space: nowrap;
  }
}
#modal-dim-background {
  background: #000;
  display: none;
  height: 100%;
  opacity: 0;
  padding: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

a.modal {
  cursor: pointer;
  color: #000;
}

.modal-view {
  background: rgba(51, 51, 51, 0);
  color: #FAF7F2;
  display: none;
  height: 0%;
  transition: 400ms;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  z-index: 1001;
}
.modal-view .modal-wrap {
  height: 80%;
  margin: -100% auto 0;
  position: relative;
  transition: 400ms;
  width: 95%;
}
.modal-view .modal-wrap .arrow-left,
.modal-view .modal-wrap .arrow-right {
  background: url(../images/chevron-down.svg) no-repeat;
  background-color: #0E3232;
  background-position: 16px;
  border: none;
  border-radius: 50%;
  box-shadow: 0 10px 40px 0 rgba(13, 18, 48, 0.4);
  height: 45px;
  margin: 19px 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: 400ms;
  width: 45px;
  z-index: 1;
}
.modal-view .modal-wrap .arrow-left:hover,
.modal-view .modal-wrap .arrow-right:hover {
  cursor: pointer;
  background-color: #C24F3C;
}
.modal-view .modal-wrap .arrow-left:focus,
.modal-view .modal-wrap .arrow-right:focus {
  outline: none;
}
.modal-view .modal-wrap .arrow-left {
  left: 0;
  margin-left: 24px;
  transform: rotate(90deg);
}
.modal-view .modal-wrap .arrow-right {
  margin-right: 24px;
  right: 0;
  transform: rotate(-90deg);
}
.modal-view .modal-wrap p,
.modal-view .modal-wrap div {
  position: relative;
  padding: 15px 0 40px;
  text-align: center;
}
.modal-view .modal-wrap p #modal-close,
.modal-view .modal-wrap div #modal-close {
  background-color: #C24F3C;
  border-radius: 50%;
  float: right;
  height: 50px;
  margin: 5px;
  position: relative;
  width: 50px;
}
.modal-view .modal-wrap p #modal-close img,
.modal-view .modal-wrap div #modal-close img {
  box-shadow: 0 15px 45px 0 rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.modal-view .modal-wrap .close {
  position: fixed;
  right: 30px;
  z-index: 1;
}
.modal-view .modal-wrap #modal-img {
  height: 100%;
  margin: 10px 0 0;
  width: 100%;
}
.modal-view .modal-wrap #modal-img img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
  width: auto;
}
.modal-view .modal-wrap #modal-img .modal-img-view {
  max-height: unset;
  max-width: unset;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.modal-view .modal-wrap #modal-img div {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal-view .modal-wrap #modal-img div .plus {
  padding: 15px;
}
.modal-view .modal-wrap #modal-img div .minus {
  padding: 22px 15px;
}
.modal-view .modal-wrap #modal-img div span {
  background-color: #0E3232;
  border-radius: 50%;
  display: inline-block;
  margin: 40px 10px 0;
  transition: 400ms;
  z-index: 1;
}
.modal-view .modal-wrap #modal-img div .plus:hover,
.modal-view .modal-wrap #modal-img div .minus:hover {
  background-color: #C24F3C;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .modal-view .modal-wrap #modal-img .modal-img-view {
    max-width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .modal-view {
    color: #FAF7F2;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    z-index: 1001;
  }
}
/*========================= Preview Modal =========================*/
.modal-open {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.modal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  opacity: 0;
  transition: all 600ms ease 0s;
  pointer-events: none;
  padding: 5%;
}

.displayModal {
  opacity: 1;
  pointer-events: auto;
}

.modal > div {
  position: relative;
  background-color: #FAF7F2;
  width: 100%;
  height: 100%;
  max-width: 800px;
  max-height: 580px;
  border-radius: 5px;
  box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
}

.modal-x-btn {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  height: 60px;
  padding: 20px;
  margin: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #FAF7F2;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.modal-x-btn > img {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.modal-x-btn:hover {
  transform: scale(1.2);
}

.modal-x-btn-bdr {
  border-bottom: 1px solid #EAEAEA;
  /*box-shadow: 0px -10px 50px 5px rgba(0,0,0,0.5);*/
}

.modal-content {
  box-sizing: border-box;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 40px 40px;
  margin: 0 0 0 0;
  overflow-y: scroll;
  overflow-x: hidden;
  text-align: center;
}

.modal-content > h1 {
  width: 100%;
  font-size: 32px;
  margin: 0 0 20px 0;
  font-family: ebgaramond;
}

.modal-content > p {
  text-align: center;
  max-width: 660px;
  font-size: 18px;
  line-height: 28px;
  margin: 20px auto 30px auto;
}

.modal-content > form {
  margin-top: 45px;
}

.modalCheckbox {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  margin: 0 0 10px 0;
  transition: all 0.2s ease-in-out;
}

.modalCheckbox > input[type=checkbox] {
  display: none;
}

.modalCheckbox > input[type=checkbox]:checked + .modalCheckboxBox {
  background-color: #C24F3C;
}

.modalCheckbox > input[type=checkbox] + label {
  display: inline-block;
  padding: 0 0 0 0px;
  height: 20px;
  width: 20px;
}

.modalCheckbox > input[type=checkbox]:checked + label {
  background: url(../images/check.svg) no-repeat;
  height: 20px;
  width: 20px;
  display: inline-block;
  background-size: 75%;
  background-position: center;
}

.modalCheckbox > .modalCheckboxBox {
  width: 18px;
  height: 18px;
  cursor: pointer;
  box-sizing: border-box;
  border: 1.5px solid #C24F3C;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
  transition: background-color 600ms ease 0s;
}

.modalCheckbox > .modalCheckboxText {
  cursor: pointer;
  font-family: aleobold;
  white-space: nowrap;
  margin: 0 0 0 10px;
  font-size: 16px;
  opacity: 0.85;
  transition: all 0.2s ease-in-out;
}

.modalCheckbox > .modalCheckboxText:hover {
  color: #C24F3C;
  opacity: 1;
}

.modal-content > form > button {
  margin: 20px 0;
}

.modal-button {
  color: white;
  background: #C24F3C;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  font-family: aleobold;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
  font-size: 18px;
  padding: 20px 30px;
  margin-top: 30px;
  transition: all 0.2s ease;
}

.modal-button:hover {
  background: #CF5440;
  transform: scale(1.01);
}

@media screen and (max-width: 768px) {
  .modal-view .modal-wrap #modal-img .modal-img-view {
    max-width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .modal-view {
    color: #FAF7F2;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    z-index: 1001;
  }
}
.card-section .card-header {
  color: #0E3232;
  font-size: 16px;
  font-family: aleobold;
  font-style: italic;
  line-height: 26px;
  margin-bottom: 10px;
}
.card-section .cardwrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.card-section .cardwrap:after {
  content: "";
  flex: 0 0 31%;
}
.card-section .cardwrap .card {
  width: 100%;
  border: none;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-radius: 5px;
  transition: 400ms;
  margin-bottom: 30px;
  min-height: 240px;
  padding: 10px;
  position: relative;
  color: #0E3232;
  cursor: pointer;
}
.card-section .cardwrap .card:hover {
  box-shadow: 0 12px 13px 0 rgba(0, 0, 0, 0.05);
}
.card-section .cardwrap .card a {
  text-decoration: none;
  cursor: default;
}
.card-section .cardwrap .card h4.view {
  font-size: 18px;
  font-family: aleobold;
  text-align: right;
  opacity: 1;
  cursor: pointer;
  color: #C24F3C;
  transition: 400ms ease;
  padding-right: 10px;
  padding-bottom: 10px;
  transition: padding 0.2s ease;
}
.card-section .cardwrap .card h4.view img {
  -o-object-fit: none;
     object-fit: none;
  transition: padding 0.2s ease;
  width: 7.5px;
  height: 12px;
  padding-left: 4px;
}
.card-section .cardwrap .card h4.view:hover {
  padding-right: 6px;
}
.card-section .cardwrap .card h4.view:hover img {
  padding-left: 8px;
}

.card-section.issue-cards .cardwrap .card {
  padding: 20px;
}
.card-section.issue-cards .cardwrap .card p.issue-mark {
  color: #0E3232;
  font-family: aleobold;
  font-size: 13px;
  font-style: italic;
  line-height: 15px;
  padding: 3px 10px;
  border-radius: 0 5px 0 5px;
  background-color: rgba(14, 50, 50, 0.05);
  position: absolute;
  right: 2px;
  text-align: center;
  top: 2px;
}
.card-section.issue-cards .cardwrap .card div.imagewrap {
  width: 145px;
  height: 160px;
  border: 6px solid #FAF7F2;
  border-radius: 5px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  display: inline-block;
  position: relative;
  vertical-align: top;
  background-image: url(../images/issue-img.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.card-section.issue-cards .cardwrap .card .card-title-section {
  display: inline-block;
  padding-left: 22px;
  width: calc(100% - 180px);
}
.card-section.issue-cards .cardwrap .card .card-title-section h4.issue-date {
  opacity: 0.7;
  color: #0E3232;
  font-family: aleobold;
  font-size: 13px;
  font-style: italic;
  line-height: 26px;
}
.card-section.issue-cards .cardwrap .card .card-title-section h3.issue-division {
  opacity: 0.7;
  color: #0E3232;
  font-family: "EB Garamond";
  font-size: 24px;
  font-weight: bold;
  line-height: 31px;
}
.card-section.issue-cards .cardwrap .card .card-title-section h2.card-title {
  font-size: 30px;
  font-family: "EB Garamond";
  font-weight: bold;
  line-height: 39px;
  color: #0E3232;
  margin: 0 0 30px;
}
.card-section.issue-cards .cardwrap .card .card-title-section p.issue-editor {
  opacity: 0.7;
  color: #0E3232;
  font-family: aleobold;
  font-size: 13px;
  font-style: italic;
  line-height: 26px;
}
.card-section.issue-cards .cardwrap .card .card-title-section p.editor {
  display: inline-block;
  color: #0E3232;
  font-family: aleobold;
  font-size: 14px;
  padding-right: 10px;
}
.card-section.issue-cards .cardwrap .card .mobile-div {
  border: 1px solid rgba(14, 50, 50, 0.05);
  width: 100%;
  display: none;
  margin-bottom: 2px;
  margin-top: 25px;
}
.card-section.issue-cards .cardwrap .card .dataset-section {
  padding-top: 15px;
  z-index: 99999;
}
.card-section.issue-cards .cardwrap .card .dataset-section .section-info {
  width: 100%;
  display: flex;
  align-items: center;
}
.card-section.issue-cards .cardwrap .card .dataset-section .section-info p {
  color: #0E3232;
  font-family: aleobold;
  font-size: 15px;
  font-style: italic;
  line-height: 26px;
  flex: 0 0 auto;
}
.card-section.issue-cards .cardwrap .card .dataset-section .section-info p span {
  color: #0E3232;
  font-family: aleobold;
}
.card-section.issue-cards .cardwrap .card .dataset-section .section-info p.show-all {
  margin: 0 10px;
  color: #C24F3C;
  font-family: aleobold;
  font-size: 13px;
  font-style: normal;
  line-height: 23px;
  cursor: pointer;
  position: relative;
  pointer-events: all;
  flex: 0 0 auto;
  z-index: 999;
}
.card-section.issue-cards .cardwrap .card .dataset-section .section-info .desktop-div {
  border: 1px solid rgba(14, 50, 50, 0.05);
  width: 100%;
  height: 0;
  margin-left: 10px;
}
.card-section.issue-cards .cardwrap .card .dataset-section .datasetwrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
}
.card-section.issue-cards .cardwrap .card .dataset-section .datasetwrap a {
  width: 32%;
  margin: 15px 1% 0 0;
}
.card-section.issue-cards .cardwrap .card .dataset-section .datasetwrap .dataset-card {
  box-sizing: border-box;
  border: 1.5px solid white;
  border-radius: 5px;
  min-height: 60px;
  padding: 10px;
  cursor: pointer;
  vertical-align: top;
}
.card-section.issue-cards .cardwrap .card .dataset-section .datasetwrap .dataset-card h3.dataset-title {
  color: #C24F3C;
  font-family: "EB Garamond";
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
}
.card-section.issue-cards .cardwrap .card .dataset-section .datasetwrap .dataset-card p.dataset-editor {
  color: #0E3232;
  padding-top: 8px;
  font-size: 12px;
  padding-right: 10px;
  line-height: 23px;
  font-family: aleobold;
  display: inline-block;
}
.card-section.issue-cards .cardwrap .card .dataset-section .datasetwrap .dataset-card:hover {
  border: 1.5px solid rgba(14, 50, 50, 0.05);
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.02);
  box-shadow: 0 3px 10px 0 rgba(44, 44, 44, 0.05);
}
.card-section.issue-cards .cardwrap .card .dataset-section .datasetwrap .in-this-issue-card {
  cursor: default;
  width: 32%;
  margin: 15px 1% 0 0;
  word-wrap: break-word;
}
.card-section.issue-cards .cardwrap .card .dataset-section .datasetwrap .in-this-issue-card a {
  cursor: pointer;
  margin: initial;
}

.card-section.dataset-cards .cardwrap .card {
  width: 31%;
  min-height: 380px;
  box-sizing: border-box;
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0 3px 10px 0 rgba(44, 44, 44, 0.1);
  padding: 10px 10px 20px;
  position: relative;
  margin-bottom: 20px;
  border: 2px solid transparent;
  transition: all 0.3s;
}
.card-section.dataset-cards .cardwrap .card:hover {
  box-shadow: 0 10px 20px 0 rgba(44, 44, 44, 0.2);
}
.card-section.dataset-cards .cardwrap .card div.card-badge {
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 13px;
  border-radius: 5px;
}
.card-section.dataset-cards .cardwrap .card div.card-badge p {
  color: #0E3232;
  font-family: aleobold;
  font-size: 13px;
  line-height: 15px;
  font-style: italic;
}
.card-section.dataset-cards .cardwrap .card div.card-badge p span {
  font-family: aleobold;
  opacity: 0.7;
}
.card-section.dataset-cards .cardwrap .card div.imagewrap {
  width: 100%;
  height: 150px;
  overflow: hidden;
  background-image: url(../images/issue-img.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.card-section.dataset-cards .cardwrap .card div.content {
  padding: 0 10px 0;
}
.card-section.dataset-cards .cardwrap .card div.content p.issue {
  font-size: 13px;
  line-height: 26px;
  color: #0E3232;
  opacity: 0.7;
  font-style: italic;
  font-family: aleobold;
  margin: 10px 0 5px;
}
.card-section.dataset-cards .cardwrap .card div.content h3 {
  font-size: 22px;
  color: #0E3232;
  line-height: 24px;
  font-family: ebgaramond;
  margin-bottom: 10px;
}
.card-section.dataset-cards .cardwrap .card div.content div.people {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.card-section.dataset-cards .cardwrap .card div.content div.people p {
  font-size: 14px;
  margin-right: 15px;
  font-family: aleobold;
  color: #0E3232;
}
.card-section.dataset-cards .cardwrap .card div.content div.viewwrap {
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.card-section.long-cards h2 {
  margin-bottom: 25px;
}
.card-section.long-cards h3.cardwrap-title {
  font-size: 18px;
  font-family: aleobold;
  font-style: italic;
  line-height: 26px;
  color: #0E3232;
  margin-bottom: 10px;
}
.card-section.long-cards .cardwrap {
  margin-bottom: 40px;
}
.card-section.long-cards .cardwrap .card {
  width: 100%;
  min-height: unset;
  box-sizing: border-box;
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0 3px 10px 0 rgba(44, 44, 44, 0.1);
  padding: 10px 20px 20px;
  position: relative;
  margin-bottom: 20px;
  border: 2px solid transparent;
  transition: all 0.3s;
}
.card-section.long-cards .cardwrap .card:hover {
  box-shadow: 0 10px 20px 0 rgba(44, 44, 44, 0.2);
}
.card-section.long-cards .cardwrap .card div.card-badge {
  background: rgba(14, 50, 50, 0.05);
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 13px;
  border-radius: 0 5px 0 5px;
  font-style: italic;
}
.card-section.long-cards .cardwrap .card div.content p.issue {
  font-size: 13px;
  line-height: 26px;
  color: #0E3232;
  opacity: 0.7;
  font-style: italic;
  font-family: aleobold;
  margin: 0 0 5px;
}
.card-section.long-cards .cardwrap .card div.content h3 {
  font-size: 22px;
  color: #0E3232;
  line-height: 24px;
  font-family: ebgaramond;
  margin-bottom: 20px;
}
.card-section.long-cards .cardwrap .card div.content div.people {
  display: flex;
  flex-wrap: wrap;
}
.card-section.long-cards .cardwrap .card div.content div.people p {
  font-size: 14px;
  margin-right: 15px;
  font-family: aleobold;
  color: #0E3232;
}

@media screen and (max-width: 900px) {
  .card-section.dataset-cards .cardwrap .card {
    width: 48.5%;
  }
}
@media screen and (max-width: 600px) {
  .card-section.dataset-cards .cardwrap .card {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .card-section.issue-cards .cardwrap .card .card-title-section {
    display: block;
    width: auto;
    padding-left: 0px;
    margin-top: 10px;
  }
  .card-section.issue-cards .cardwrap .card h4.view {
    text-align: left;
    margin-top: 25px;
  }
  .card-section.issue-cards .cardwrap .card .mobile-div {
    display: block;
  }
  .card-section.issue-cards .cardwrap .card .dataset-section .section-info .desktop-div {
    display: none;
  }
  .card-section.issue-cards .cardwrap .card .dataset-section .datasetwrap a {
    width: 48%;
    margin: 15px 2% 0 0;
  }
}
@media screen and (max-width: 550px) {
  .card-section.issue-cards .cardwrap .card .dataset-section .datasetwrap a {
    width: 100%;
    margin: 15px 0 0 0;
  }
}
#footer {
  background-color: #0E3232;
  margin-top: 80px;
}
#footer .footerwrap {
  max-width: 1000px;
  padding: 80px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#footer .footerwrap a {
  display: flex;
  justify-content: space-around;
  padding: 40px 20px;
}
#footer .footerwrap img {
  width: 100%;
}
#footer .footerwrap .top-button {
  height: 60px;
  width: 330px;
  border: 1px solid rgba(255, 253, 251, 0.35);
  border-radius: 100px;
  background-color: #122E46;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  color: #FFFFFF;
  font-family: aleoregular;
  font-size: 14px;
  position: relative;
  overflow: hidden;
}
#footer .footerwrap .top-button:focus {
  outline: none;
}
#footer .footerwrap .top-button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../images/Arrow.svg);
  background-repeat: no-repeat;
  background-position: 90% 50%;
  transform: scaleY(-1);
}
#footer .footer-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: baseline;
}
#footer .footer-top a {
  width: 22%;
  min-width: 200px;
}
#footer .footer-bottom {
  align-items: flex-end;
  padding: 10px;
  color: #FFF;
  text-align: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 30px;
}
#footer .footer-bottom .first {
  display: flex;
  gap: 100px;
  margin-bottom: 5px;
}
#footer .footer-bottom .first h6 {
  opacity: 0.5;
  font-family: aleobold;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  letter-spacing: 2.75px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#footer .footer-bottom .first .contact a {
  color: #fff;
  text-decoration: none;
  padding: 0;
  transition: all 0.2s ease;
}
#footer .footer-bottom .first .contact a:hover {
  color: #C24F3C;
}
#footer .footer-bottom .first .follow {
  margin-right: 33px;
  margin-left: 33px;
}
#footer .footer-bottom .first .follow .social-icons {
  display: flex;
  gap: 15px;
}
#footer .footer-bottom .first .follow .social-icons a {
  padding: 0;
  opacity: 0.8;
  transition: all 0.2s ease;
}
#footer .footer-bottom .first .follow .social-icons a:hover {
  opacity: 1;
}
#footer .footer-bottom .footer-buttons {
  display: flex;
  gap: 20px;
}
#footer .footer-bottom .footer-buttons a {
  border-radius: 5px;
  color: #fff;
  padding: 19px;
  text-decoration: none;
  transition: all 0.2s ease;
}
#footer .footer-bottom .footer-buttons .statement-of-ethics {
  background-color: rgba(255, 255, 255, 0.1);
}
#footer .footer-bottom .footer-buttons .statement-of-ethics:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
#footer .footer-bottom .footer-buttons .support {
  background-color: #C24F3C;
}
#footer .footer-bottom .footer-buttons .support:hover {
  background-color: #CF5440;
}
#footer .footer-below {
  background-color: #0A2828;
  padding: 10px;
  color: #FFF;
  text-align: center;
  display: flex;
  justify-content: center;
}
#footer .footer-below .statement-of-ethics {
  color: #fff;
  margin-right: 50px;
  text-decoration: underline;
  transition: all 0.2s ease;
}
#footer .footer-below .statement-of-ethics:hover {
  color: #C24F3C;
}

@media screen and (max-width: 900px) {
  #footer .footerwrap .footer-top {
    flex-wrap: wrap;
    margin-bottom: 30px;
    justify-content: space-around;
  }
  #footer .footerwrap .footer-top a {
    padding: 20px;
    width: 35%;
  }
  #footer .footerwrap .footer-bottom {
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
  #footer .footerwrap {
    padding: 0px;
    padding-top: 47px;
  }
  #footer .footerwrap .footer-bottom .first {
    flex-wrap: wrap;
    gap: 10px;
  }
  #footer .footerwrap .footer-bottom .first div {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  #footer .footerwrap .footer-bottom .footer-buttons {
    flex-wrap: wrap;
  }
  #footer .footerwrap .footer-bottom .footer-buttons a {
    width: 100%;
  }
}
.category {
  background-color: #FAF7F2;
  height: auto;
  width: 100%;
}
.category .categorywrap {
  margin: 0 auto;
  max-width: 1000px;
}
.category .categorywrap .button-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
  margin: 50px 0 0 0;
  padding: 0;
}
.category .categorywrap .button-grid a {
  width: 30%;
}
.category .categorywrap .button-grid a li {
  margin-bottom: 30px;
}
.category .categorywrap .button-grid a li .buttons {
  border: 2px solid rgba(13, 18, 48, 0.1);
  box-shadow: 0 2px 3px 0 rgba(30, 30, 30, 0.05);
  color: #0E3232;
  font-family: aleoregular;
  font-size: 14px;
  height: 40px;
  line-height: 38px;
  padding: 5px;
  position: relative;
  text-align: center;
  transition: border 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}
.category .categorywrap .button-grid a li .buttons:hover {
  border: 2px solid #C24F3C;
  box-shadow: 0 12px 13px 0 rgba(30, 30, 30, 0.05);
  color: #C24F3C;
}

@media screen and (max-width: 400px) {
  .category {
    padding: 50px 0;
  }
  .category .categorywrap {
    padding: 0 4%;
  }
  .category .categorywrap .category-header {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .category .categorywrap .button-grid a {
    width: 48%;
  }
}
@media screen and (max-width: 450px) {
  .category .categorywrap .button-grid a {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .categorywrap {
    padding: 0 6%;
  }
}
.essays {
  background-color: #FAF7F2;
  padding: 65px 0 0 0;
}
.essays .aboutwrap p {
  color: #0E3232;
}

.essaycard {
  padding: 100px 0 0 0;
}
.essaycard .cardwrap .row li .cards .card-title {
  display: -webkit-box;
  font-size: 1.375em;
  /*height: 75px;*/
  height: unset;
  line-height: 1.2em;
  max-height: 3.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.essaycard .cardwrap .row li .cards p {
  display: -webkit-box;
  font-size: 0.875em;
  line-height: 1.2em;
  max-height: 9.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}

.essaymultiplerowcards .cardwrap .row li .cards .card-title {
  display: -webkit-box;
  font-size: 1.375em;
  /*height: 75px;*/
  height: unset;
  line-height: 1.2em;
  max-height: 3.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.essaymultiplerowcards .cardwrap .row li .cards p {
  display: -webkit-box;
  font-size: 0.875em;
  line-height: 1.2em;
  max-height: 9.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}

.dictionary .cardwrap .row li .cards {
  height: 200px;
}

.media-records {
  padding: 25px 8% 100px;
}
.media-records .column {
  padding: 0;
}
.media-records .column .cardwrap .row li {
  border: 2px solid rgba(13, 18, 48, 0.05);
  box-shadow: 0 2px 3px 0 rgba(30, 30, 30, 0.05);
  box-sizing: border-box;
  transition: 400ms;
}
.media-records .column .cardwrap .row li:hover {
  border: 2px solid #C24F3C;
  box-shadow: 0 12px 13px 0 rgba(30, 30, 30, 0.05);
}
.media-records .column .cardwrap .row li a img {
  height: 160px;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@-moz-document url-prefix() {
  .media-records .column .cardwrap .row li a img {
    max-height: 160px;
  }
  .media-records .column .cardwrap .row li a .cards .card-title {
    height: 55px !important;
  }
}
.media-records .column .cardwrap .row li a .cards {
  border: none;
  box-shadow: none;
  height: unset;
  padding: 20px;
}
.media-records .column .cardwrap .row li a .cards .card-title {
  font-size: 22px;
  height: unset;
  margin-bottom: 22px;
}
.media-records .column .cardwrap .row li a .cards p {
  font-size: 12px;
  margin-bottom: 12px;
}
.media-records .column .cardwrap .row li a .cards :last-child {
  margin: 0;
}
.media-records .column .cardwrap .row li a .cards:hover {
  border: none;
  box-shadow: none;
}

.media-records-2 {
  padding: 100px 8% !important;
}
.media-records-2 .record {
  border: 2px solid rgba(13, 18, 48, 0.05);
  box-shadow: 0 2px 3px 0 rgba(30, 30, 30, 0.05);
  box-sizing: border-box;
  height: 250px;
  margin: 0 auto 40px;
  overflow: hidden;
  padding: 20px 20px 0;
  position: relative;
  transition: 250ms;
  width: 80%;
}
.media-records-2 .record .record-main {
  border-bottom: 2px solid rgba(13, 18, 48, 0.05);
  display: flex;
  height: 75%;
  justify-content: space-between;
  padding-bottom: 25px;
  position: relative;
}
.media-records-2 .record .record-main img {
  margin-right: 20px;
  max-height: 100%;
}
.media-records-2 .record .record-main .record-main-right {
  display: inline-block;
  height: 100%;
  position: relative;
  vertical-align: top;
  width: 75%;
}
.media-records-2 .record .record-main .record-main-right .title p small {
  font-family: aleoregular;
  font-size: 0.65em;
}
.media-records-2 .record .record-main .record-main-right .title h2 {
  display: -webkit-box;
  font-size: 1.25em;
  line-height: 1.23em;
  max-height: 2.46em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.media-records-2 .record .record-main .record-main-right .description {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 10px;
}
.media-records-2 .record .record-main .record-main-right .description p {
  display: -webkit-box;
  font-size: 12px;
  line-height: 1.5em;
  max-height: 4.5em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.media-records-2 .record .record-main .record-main-right .bottom-row {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  white-space: nowrap;
  width: 100%;
}
.media-records-2 .record .record-main .record-main-right .bottom-row .metadata {
  display: inline-flex;
  max-width: 335px;
  width: 70%;
}
.media-records-2 .record .record-main .record-main-right .bottom-row .metadata,
.media-records-2 .record .record-main .record-main-right .bottom-row .date {
  justify-content: space-between;
}
.media-records-2 .record .record-main .record-main-right .bottom-row .metadata span,
.media-records-2 .record .record-main .record-main-right .bottom-row .date span {
  font-size: 10px;
}
.media-records-2 .record .record-main .record-main-right .bottom-row .metadata span:hover,
.media-records-2 .record .record-main .record-main-right .bottom-row .date span:hover {
  cursor: pointer;
}
.media-records-2 .record .record-main .record-main-right .bottom-row .date {
  display: none;
}
.media-records-2 .record .record-main .record-main-right .bottom-row .view-record {
  font-size: 12px;
  text-decoration: none;
}
.media-records-2 .record .record-bottom {
  margin: 0;
  position: relative;
}
.media-records-2 .record .record-bottom .list-wrap {
  overflow-y: hidden;
  overflow-x: scroll;
  position: relative;
}
.media-records-2 .record .record-bottom .list-wrap::-webkit-scrollbar {
  display: none;
}
.media-records-2 .record .record-bottom .list-wrap .tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.media-records-2 .record .record-bottom .list-wrap .tabs .tab {
  color: rgba(13, 18, 48, 0.5);
  display: inline-block;
  font-size: 10px;
  padding: 10px;
}
.media-records-2 .record .record-bottom .list-wrap .tabs .tab:hover {
  cursor: pointer;
}
.media-records-2 .record .record-bottom .arrow {
  padding: 90px 10px 10px;
  position: absolute;
  top: -40px;
}
.media-records-2 .record .record-bottom .arrow:hover {
  cursor: pointer;
}
.media-records-2 .record .record-bottom .left {
  background: linear-gradient(0deg, #FFFFFF 30%, rgba(255, 255, 255, 0) 100%);
  left: 18px;
  transform: rotate(90deg);
}
.media-records-2 .record .record-bottom .right {
  background: linear-gradient(0deg, #FFFFFF 30%, rgba(255, 255, 255, 0) 100%);
  right: 18px;
  transform: rotate(-90deg);
}
.media-records-2 .record .record-bottom .hidden {
  display: none;
}
.media-records-2 .record:hover {
  border: 2px solid #27AD88;
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

@media screen and (max-width: 920px) {
  .media-records-2 .record {
    height: 541px;
    padding: 0;
  }
  .media-records-2 .record .record-main {
    flex-wrap: wrap;
    height: 89%;
  }
  .media-records-2 .record .record-main img {
    height: 48%;
    margin: 0;
    max-width: 100%;
    width: 100%;
  }
  .media-records-2 .record .record-main .record-main-right {
    box-sizing: border-box;
    height: 56%;
    padding: 20px 20px 0;
    width: 100%;
  }
  .media-records-2 .record .record-main .record-main-right .title p {
    margin-bottom: 10px;
  }
  .media-records-2 .record .record-main .record-main-right .title h2 {
    max-height: 3.69em;
    -webkit-line-clamp: 3;
  }
  .media-records-2 .record .record-main .record-main-right .description {
    margin: 20px 0;
    position: static;
    top: unset;
    transform: none;
    -webkit-transform: none;
  }
  .media-records-2 .record .record-main .record-main-right .description p {
    max-height: 7.5em;
    -webkit-line-clamp: 5;
  }
  .media-records-2 .record .record-main .record-main-right .bottom-row {
    position: static;
  }
  .media-records-2 .record .record-main .record-main-right .bottom-row .metadata {
    display: none;
  }
  .media-records-2 .record .record-main .record-main-right .bottom-row .date {
    display: inline-flex;
    justify-content: space-between;
    max-width: 50%;
    width: 125px;
  }
  .media-records-2 .record .record-bottom .left {
    left: 37px;
    z-index: 1;
  }
  .media-records-2 .record .record-bottom .right {
    right: 38px;
  }
}
.media-record {
  margin: 0;
  max-width: unset;
  padding: 0;
}
.media-record figure {
  background: #0E3232;
  height: 595px;
  margin: 0;
  padding-top: 55px;
  position: relative;
}
.media-record figure .fig-wrap {
  height: 500px;
  position: relative;
}
.media-record figure .fig-wrap .arrow-left,
.media-record figure .fig-wrap .arrow-right {
  background: url(../images/chevron-down.svg) no-repeat;
  background-color: #0E3232;
  background-position: 16px;
  border: none;
  border-radius: 50%;
  box-shadow: 0 10px 40px 0 rgba(13, 18, 48, 0.4);
  height: 45px;
  margin-top: 225px;
  opacity: 0;
  position: absolute;
  transition: 400ms;
  width: 45px;
}
.media-record figure .fig-wrap .arrow-left:hover,
.media-record figure .fig-wrap .arrow-right:hover {
  background-color: #C24F3C;
  cursor: pointer;
}
.media-record figure .fig-wrap .arrow-left:focus,
.media-record figure .fig-wrap .arrow-right:focus {
  outline: none;
}
.media-record figure .fig-wrap .arrow-right {
  margin-right: 40px;
  right: 0;
  transform: rotate(-90deg);
}
.media-record figure .fig-wrap .arrow-left {
  margin-left: 40px;
  transform: rotate(90deg);
}
.media-record figure .fig-wrap .carousel-display {
  box-shadow: 0 15px 45px 0 rgba(0, 0, 0, 0.5);
  display: block;
  height: 100%;
  margin: 0 auto;
  max-height: 100%;
  width: auto;
}
.media-record figure .fig-wrap .carousel-display:hover {
  cursor: pointer;
}
.media-record figure .carousel-controls {
  height: 100px;
  margin: 0 20px;
  position: relative;
}
.media-record figure .carousel-controls img {
  cursor: pointer;
  display: inline-block;
  margin-top: 55px;
  transition: 200ms;
}
.media-record figure .carousel-controls img:hover {
  opacity: 0.5;
}
.media-record figure .carousel-controls .download {
  margin-left: 20px;
}
.media-record figure .carousel-controls .maximize {
  float: right;
}
.media-record .thumbnail-slider {
  display: flex;
  justify-content: center;
  margin: 50px auto -80px;
  padding-bottom: 80px;
  position: relative;
  white-space: nowrap;
}
.media-record .thumbnail-slider .arrow-left,
.media-record .thumbnail-slider .arrow-right {
  background: url(../images/chevron-down.svg) no-repeat;
  background-color: #0E3232;
  background-position: 16px;
  border: none;
  border-radius: 50%;
  height: 45px;
  margin: 19px 0;
  position: absolute;
  transition: 400ms;
  width: 45px;
  z-index: 1;
}
.media-record .thumbnail-slider .arrow-left:hover,
.media-record .thumbnail-slider .arrow-right:hover {
  background-color: #C24F3C;
  cursor: pointer;
}
.media-record .thumbnail-slider .arrow-left:focus,
.media-record .thumbnail-slider .arrow-right:focus {
  outline: none;
}
.media-record .thumbnail-slider .arrow-left {
  box-shadow: 10px 0 40px 0 rgba(13, 18, 48, 0.4);
  left: 0;
  margin-left: 24px;
  transform: rotate(90deg);
}
.media-record .thumbnail-slider .arrow-right {
  box-shadow: -10px 0 40px 0 rgba(13, 18, 48, 0.4);
  margin-right: 24px;
  right: 0;
  transform: rotate(-90deg);
}
.media-record .thumbnail-slider .hidden {
  opacity: 0.3;
}
.media-record .thumbnail-slider .hidden:hover {
  background-color: #0E3232;
  cursor: not-allowed;
}
.media-record .thumbnail-slider .slider-wrap {
  margin: 0 auto;
  overflow: hidden;
}
.media-record .thumbnail-slider .slider-wrap .slider {
  list-style: none;
  margin: 0 0 0 90px;
  /*max-width: 1000px;*/
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
  padding: 0 90px 0 0;
  transition: 2s;
  z-index: 0;
}
.media-record .thumbnail-slider .slider-wrap .slider::-webkit-scrollbar {
  display: none;
}
.media-record .thumbnail-slider .slider-wrap .slider li {
  display: inline-block;
  margin: 0 5px;
  position: relative;
}
.media-record .thumbnail-slider .slider-wrap .slider li .overlay-border {
  background: rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  height: 100%;
  position: absolute;
  transition: 200ms;
  width: 100%;
}
.media-record .thumbnail-slider .slider-wrap .slider li .thumbnail-img {
  height: 80px;
  max-height: 100%;
  width: auto;
}
.media-record .thumbnail-slider .slider-wrap .slider li:hover {
  cursor: pointer;
}
.media-record .thumbnail-slider .slider-wrap .slider li:hover .overlay-border {
  background: rgba(175, 175, 175, 0);
  border: 3px solid #C24F3C;
  box-shadow: 0 10px 40px 0 rgba(13, 18, 48, 0.25);
}
.media-record .thumbnail-slider .slider-wrap .slider .selected .overlay-border {
  background: rgba(175, 175, 175, 0);
  box-shadow: 0 10px 40px 0 rgba(13, 18, 48, 0.25);
  border: 3px solid #C24F3C;
}
.media-record .custom-scrollbar {
  background-color: #fff;
  margin: 40px 20px -20px;
  padding: 0 8%;
  z-index: 1;
}
.media-record .custom-scrollbar .bar {
  background: rgba(13, 18, 48, 0.1);
  height: 2px;
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
}
.media-record .custom-scrollbar .bar .scroll {
  background: #C24F3C;
  border-radius: 50%;
  cursor: default;
  height: 1.2em;
  position: absolute;
  top: -8px;
  width: 1.2em;
  z-index: 2;
}
.media-record .custom-scrollbar .bar .scroll:hover {
  cursor: pointer;
}
.media-record article {
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  padding: 100px 8%;
}
.media-record article .description {
  margin-bottom: 80px;
}
.media-record article .metadata div {
  border-bottom: 2px solid rgba(13, 18, 48, 0.05);
  margin-bottom: 15px;
  padding-bottom: 20px;
  position: relative;
}
.media-record article .metadata div span {
  line-height: 1.5;
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
}
.media-record article .metadata div p {
  display: inline-block;
  line-height: 1.5;
  margin: 0;
  max-width: 79%;
  padding-left: 230px;
}
.media-record article .metadata div p a {
  display: block;
  text-decoration: none;
}
.media-record article .metadata div p a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 540px) {
  .media-record figure .fig-wrap .arrow-left,
.media-record figure .fig-wrap .arrow-right {
    z-index: 1;
  }
  .media-record figure .fig-wrap .arrow-right {
    right: -30px;
  }
  .media-record figure .fig-wrap .arrow-left {
    left: -30px;
  }
  .media-record figure .fig-wrap .carousel-display {
    bottom: 0;
    height: auto;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 0;
  }
  .media-record article .metadata div span {
    position: relative;
    width: unset;
  }
  .media-record article .metadata div p {
    display: block;
    max-width: 100%;
    padding: 0;
  }
}
.image-card-grid {
  display: flex;
  flex-wrap: wrap;
  max-width: unset;
  padding: 0;
}
.image-card-grid .image-grid-column {
  flex: 25%;
  max-width: 25%;
  width: 25%;
}
.image-card-grid .image-grid-column .image-grid-card {
  position: relative;
  transition: 400ms;
}
.image-card-grid .image-grid-column .image-grid-card .border {
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  transition: 200ms;
  width: 100%;
}
.image-card-grid .image-grid-column .image-grid-card .border a {
  height: 100%;
  position: absolute;
  width: 100%;
}
.image-card-grid .image-grid-column .image-grid-card img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.image-card-grid .image-grid-column .image-grid-card .title {
  background: rgba(13, 18, 48, 0.7);
  color: white;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: 400ms;
  width: 100%;
}
.image-card-grid .image-grid-column .image-grid-card .title .title-wrap {
  margin: auto 30px 30px;
  position: absolute;
  bottom: 0;
}
.image-card-grid .image-grid-column .image-grid-card .title .title-wrap h4 {
  display: -webkit-box;
  font-size: 20px;
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (4) */
  max-height: 4.8em;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.image-card-grid .image-grid-column .image-grid-card:hover {
  cursor: pointer;
}
.image-card-grid .image-grid-column .image-grid-card:hover .border {
  z-index: 1;
}
.image-card-grid .image-grid-column .image-grid-card:hover .title {
  background: rgba(13, 18, 48, 0);
  color: transparent;
}

@media screen and (max-width: 768px) {
  .image-card-grid .image-grid-column {
    flex: 50%;
    max-width: 50%;
    width: 50%;
  }
}
@media screen and (max-width: 400px) {
  .image-card-grid .image-grid-column {
    flex: 100%;
    max-width: 100%;
    width: 100%;
  }
}
.image-card-grid-2 .row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.image-card-grid-2 .row .image-grid-2-card {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(13, 18, 48, 0.7) 100%);
  box-shadow: 0 2px 3px 0 rgba(30, 30, 30, 0.21);
  overflow: hidden;
  position: relative;
  transition: 400ms;
  width: 48%;
}
.image-card-grid-2 .row .image-grid-2-card .border {
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  transition: 200ms;
  width: 100%;
}
.image-card-grid-2 .row .image-grid-2-card .border a {
  height: 100%;
  position: absolute;
  width: 100%;
}
.image-card-grid-2 .row .image-grid-2-card img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.image-card-grid-2 .row .image-grid-2-card .title {
  color: #FAF7F2;
  opacity: 1;
  position: absolute;
  bottom: 0;
  transition: 400ms;
}
.image-card-grid-2 .row .image-grid-2-card .title .title-wrap {
  margin: auto 30px 30px;
}
.image-card-grid-2 .row .image-grid-2-card .title .title-wrap h4 {
  display: -webkit-box;
  font-size: 25px;
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 3.6em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.image-card-grid-2 .row .image-grid-2-card .description {
  background: rgba(13, 18, 48, 0.8);
  height: 100%;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  transition: 250ms;
  width: 100%;
}
.image-card-grid-2 .row .image-grid-2-card .description p {
  box-sizing: border-box;
  color: white;
  display: -webkit-box;
  font-size: 0.9em;
  line-height: 1.5em;
  margin: 20px;
  max-height: 16.5em;
  overflow: hidden;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical;
}
.image-card-grid-2 .row .image-grid-2-card:hover {
  background-color: rgba(13, 18, 48, 0.8);
  box-shadow: 0 20px 25px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.image-card-grid-2 .row .image-grid-2-card:hover .border {
  z-index: 1;
}
.image-card-grid-2 .row .image-grid-2-card:hover .title {
  opacity: 0;
}
.image-card-grid-2 .row .image-grid-2-card:hover .description {
  opacity: 1;
}
.image-card-grid-2 .row:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1130px) {
  .image-card-grid-2 .row .image-grid-2-card .description p {
    -webkit-line-clamp: 10;
  }
}
@media screen and (max-width: 1040px) {
  .image-card-grid-2 .row .image-grid-2-card .description p {
    -webkit-line-clamp: 9;
  }
}
@media screen and (max-width: 955px) {
  .image-card-grid-2 .row .image-grid-2-card .description p {
    -webkit-line-clamp: 8;
  }
}
@media screen and (max-width: 870px) {
  .image-card-grid-2 .row .image-grid-2-card .description p {
    -webkit-line-clamp: 7;
  }
}
@media screen and (max-width: 768px) {
  .image-card-grid-2 {
    padding: 100px 8%;
  }
  .image-card-grid-2 .row {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .image-card-grid-2 .row .image-grid-2-card {
    margin: 0 0 20px;
    width: 100%;
  }
  .image-card-grid-2 .row .image-grid-2-card .description p {
    -webkit-line-clamp: 11;
  }
}
@media screen and (max-width: 550px) {
  .image-card-grid-2 .row .image-grid-2-card .description p {
    -webkit-line-clamp: 10;
  }
}
@media screen and (max-width: 500px) {
  .image-card-grid-2 .row .image-grid-2-card .description p {
    -webkit-line-clamp: 9;
  }
}
@media screen and (max-width: 455px) {
  .image-card-grid-2 .row .image-grid-2-card .description p {
    -webkit-line-clamp: 8;
  }
}
@media screen and (max-width: 415px) {
  .image-card-grid-2 .row .image-grid-2-card .description p {
    -webkit-line-clamp: 7;
  }
}
@media screen and (max-width: 370px) {
  .image-card-grid-2 .row .image-grid-2-card .description p {
    -webkit-line-clamp: 6;
  }
}
@media screen and (max-width: 320px) {
  .image-card-grid-2 .row .image-grid-2-card .description p {
    -webkit-line-clamp: 5;
  }
}
@media screen and (max-width: 280px) {
  .image-card-grid-2 .row .image-grid-2-card .description p {
    -webkit-line-clamp: 4;
  }
}
.image-carousel {
  max-width: unset;
  padding: 0;
  width: 100%;
}
.image-carousel .image-carousel-fig {
  background: #0E3232;
  height: 640px;
  margin: 0;
  position: relative;
}
.image-carousel .image-carousel-fig .arrow-left,
.image-carousel .image-carousel-fig .arrow-right {
  background: url(../images/chevron-down.svg) no-repeat;
  background-color: #0E3232;
  background-position: 16px;
  border: none;
  border-radius: 50%;
  box-shadow: 0 10px 40px 0 rgba(13, 18, 48, 0.4);
  height: 45px;
  margin-top: -22.5px;
  position: absolute;
  top: 50%;
  transition: 400ms;
  width: 45px;
  z-index: 2;
}
.image-carousel .image-carousel-fig .arrow-left:hover,
.image-carousel .image-carousel-fig .arrow-right:hover {
  cursor: pointer;
  background-color: #C24F3C;
}
.image-carousel .image-carousel-fig .arrow-left:focus,
.image-carousel .image-carousel-fig .arrow-right:focus {
  outline: none;
}
.image-carousel .image-carousel-fig .arrow-right {
  margin-right: 40px;
  right: 0;
  transform: rotate(-90deg);
}
.image-carousel .image-carousel-fig .arrow-left {
  margin-left: 40px;
  transform: rotate(90deg);
}
.image-carousel .image-carousel-fig .carousel-title {
  color: #FAF7F2;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  transform: translateY(-50%);
  transition: 400ms;
  width: 40%;
  z-index: 2;
}
.image-carousel .image-carousel-fig .carousel-title .title h1 {
  display: -webkit-box;
  font-size: 45px;
  line-height: 1.2em;
  max-height: 2.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.image-carousel .image-carousel-fig .carousel-title .description {
  display: -webkit-box;
  font-size: 14px;
  line-height: 1.5em;
  margin: 20px 0;
  /* max-height = line-height (1.5) * lines max number (3) */
  max-height: 4.5em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.image-carousel .image-carousel-fig .carousel-title .carousel-link {
  text-decoration: none;
}
.image-carousel .image-carousel-fig .carousel-display {
  box-shadow: 0 15px 45px 0 rgba(0, 0, 0, 0.5);
  display: block;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0%;
  transition: 400ms;
  width: 100%;
  z-index: 0;
}
.image-carousel .image-carousel-fig .carousel-controls {
  height: 80px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 2;
}
.image-carousel .image-carousel-fig .carousel-controls .dot {
  background-color: rgba(240, 240, 240, 0.2);
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  width: 10px;
}
.image-carousel .image-carousel-fig .carousel-controls .dot:hover {
  cursor: pointer;
}
.image-carousel .image-carousel-fig .carousel-controls .active {
  background-color: #F0F0F0;
}
.image-carousel .image-carousel-fig .overlay {
  background-color: rgba(13, 18, 48, 0.7);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .image-carousel .image-carousel-fig {
    height: 440px;
  }
}
@media screen and (max-width: 400px) {
  .image-carousel .image-carousel-fig {
    height: 280px;
  }
  .image-carousel .image-carousel-fig .arrow-right {
    right: -30px;
  }
  .image-carousel .image-carousel-fig .arrow-left {
    left: -30px;
  }
  .image-carousel .image-carousel-fig .carousel-controls {
    height: 35px;
  }
  .image-carousel .image-carousel-fig .carousel-title .title {
    margin-bottom: 10px;
  }
  .image-carousel .image-carousel-fig .carousel-title .title h1 {
    font-size: 25px;
  }
  .image-carousel .image-carousel-fig .carousel-title .description {
    display: none;
  }
}
.tab-wrap {
  margin: 0 auto;
  max-width: 1000px;
  padding: 100px 8% 0;
  position: relative;
}
.tab-wrap .arrow-wrap {
  overflow-y: hidden;
  overflow-x: scroll;
  position: relative;
}
.tab-wrap .arrow-wrap::-webkit-scrollbar {
  display: none;
}
.tab-wrap .arrow-wrap .tabs {
  border-bottom: 2px solid rgba(13, 18, 48, 0.01);
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  z-index: 0;
}
.tab-wrap .arrow-wrap .tabs .tab {
  border-bottom: 2px solid rgba(13, 18, 48, 0.05);
  color: rgba(13, 18, 48, 0.3);
  display: inline-block;
  font-family: aleoregular;
  font-size: 1em;
  margin-bottom: -2px;
  padding: 10px;
  z-index: 1;
}
.tab-wrap .arrow-wrap .tabs .tab:hover {
  cursor: pointer;
}
.tab-wrap .arrow-wrap .tabs .active {
  border-bottom: 2px solid #27AD88;
  color: #27AD88;
}
.tab-wrap .arrow {
  height: 9%;
  padding: 40px 10px 10px 10px;
  position: absolute;
  bottom: -11px;
  z-index: 1;
}
.tab-wrap .arrow:hover {
  cursor: pointer;
}
.tab-wrap .right {
  background: linear-gradient(0deg, #FFFFFF 30%, rgba(255, 255, 255, 0.3) 100%);
  right: 8%;
  transform: rotate(-90deg);
}
.tab-wrap .left {
  background: linear-gradient(0deg, #FFFFFF 30%, rgba(255, 255, 255, 0.3) 100%);
  left: 8%;
  transform: rotate(90deg);
}
.tab-wrap .hidden {
  display: none;
}

.text-modal {
  align-items: center;
  background: rgba(13, 18, 48, 0);
  display: none;
  height: 100%;
  justify-content: center;
  position: fixed;
  top: 0;
  transition: 400ms;
  width: 100%;
  z-index: 9999;
}
.text-modal .canvas {
  background: #FAF7F2;
  box-shadow: 0 25px 33px 0 rgba(0, 0, 0, 0.05);
  margin: 0 auto;
  max-width: 650px;
  opacity: 0;
  padding: 20px;
  position: relative;
  text-align: center;
  transition: 200ms;
}
.text-modal .canvas .close {
  background: #0E3232;
  border-radius: 50%;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.05);
  margin: 0;
  padding: 15px;
  position: absolute;
  top: 20px;
  right: 30px;
  transition: 400ms;
}
.text-modal .canvas .close:hover {
  background-color: #C24F3C;
  box-shadow: 0 12px 13px 0 rgba(30, 30, 30, 0.05);
  cursor: pointer;
}
.text-modal .canvas .body {
  max-height: 70%;
  overflow-y: auto;
  overflow-x: hidden;
}
.text-modal .canvas .body .title {
  margin-top: 10%;
}
.text-modal .canvas .body .title h2 {
  font-size: 2em;
}
.text-modal .canvas .body .description {
  line-height: 1.8;
  margin: 5% 8% 0;
}
.text-modal .canvas .buttons {
  margin-top: 35px;
}
.text-modal .canvas .buttons p {
  transition: 400ms;
}
.text-modal .canvas .buttons p:hover {
  box-shadow: 0 12px 13px 0 rgba(30, 30, 30, 0.05);
  cursor: pointer;
  opacity: 0.7;
}
.text-modal .canvas .buttons .yes {
  background: #0E3232;
  box-shadow: 0 2px 3px 0 rgba(30, 30, 30, 0.05);
  color: #FAF7F2;
  display: inline-block;
  padding: 15px 70px;
}
.text-modal .canvas .buttons .no {
  color: #0E3232;
  margin: 3% auto;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

@media screen and (max-width: 600px) {
  .text-modal .canvas .title {
    margin-top: 50px;
  }
  .text-modal .canvas .buttons {
    bottom: 25px;
  }
  .text-modal .canvas .buttons .yes {
    padding: 15px 35px;
  }
}
.text-with-nav {
  display: flex;
  justify-content: space-between;
  overflow: visible;
}
.text-with-nav .text-nav {
  align-self: flex-start;
  position: -webkit-sticky;
  position: sticky;
  top: 135px;
  vertical-align: top;
}
.text-with-nav .text-nav .text-nav-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: right;
}
.text-with-nav .text-nav .text-nav-list .text-link {
  border-right: 2px solid rgba(13, 18, 48, 0.07);
  padding: 8px 20px;
}
.text-with-nav .text-nav .text-nav-list .text-link a {
  color: #0E3232;
  opacity: 0.6;
  text-decoration: none;
}
.text-with-nav .text-nav .text-nav-list .text-link:hover {
  border-right: 2px solid #27AD88;
  cursor: pointer;
}
.text-with-nav .text-nav .text-nav-list .text-link:hover a {
  color: #C24F3C;
  opacity: 1;
}
.text-with-nav .text-nav .text-nav-list .link-selected {
  border-right: 2px solid #27AD88;
}
.text-with-nav .text-nav .text-nav-list .link-selected a {
  color: #C24F3C;
  opacity: 1;
}
.text-with-nav .main-col {
  vertical-align: top;
  width: 75%;
}
.text-with-nav .main-col .section {
  margin-bottom: 50px;
}
.text-with-nav .main-col .section h2 {
  margin: 30px 0;
}
.text-with-nav .main-col .section h2 a {
  color: #0E3232;
  font-family: bigcaslonblack;
  text-decoration: none;
}
.text-with-nav .main-col .section h2 a:hover {
  cursor: default;
}
.text-with-nav .main-col .section h2 a:focus {
  outline: none;
}

@media screen and (max-width: 768px) {
  .text-with-nav .text-nav {
    display: none;
  }
  .text-with-nav .main-col {
    width: 100%;
  }
}
.collapsible-drawers .drawer {
  background-color: rgba(13, 18, 48, 0.05);
  border: 1px solid rgba(13, 18, 48, 0.1);
  margin-bottom: 30px;
  padding: 18px 20px;
  position: relative;
  transition: 400ms;
}
.collapsible-drawers .drawer:hover {
  border: 1px solid rgba(13, 18, 48, 0.5);
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.collapsible-drawers .drawer:hover img {
  opacity: 1;
}
.collapsible-drawers .drawer .heading {
  margin: 0;
}
.collapsible-drawers .drawer img {
  margin: 17px;
  opacity: 0.7;
  position: absolute;
  top: 0;
  right: 0;
}
.collapsible-drawers .drawer .drawer-body {
  border: none;
  height: 0;
  overflow: hidden;
  padding: 0;
  line-height: 1.8em;
  transition: 400ms;
}
.collapsible-drawers .drawer .drawer-body .body-text {
  font-size: 14px;
  line-height: 1.8em;
  visibility: hidden;
}
.collapsible-drawers .drawer.open .heading {
  margin: 0 0 20px;
}
.collapsible-drawers .drawer.open .drawer-body {
  border-top: 2px solid rgba(13, 18, 48, 0.1);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 23px 0 0 0;
}
.collapsible-drawers .drawer.open .drawer-body .body-text {
  visibility: visible;
}

.search p {
  color: #FAF7F2;
  font-size: 16px;
  padding: 10px 0;
}
.search form {
  font-family: aleobold;
  position: relative;
  overflow: auto;
}
.search form input:-webkit-autofill,
.search form input:-webkit-autofill:hover,
.search form input:-webkit-autofill:focus,
.search form input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #FAF7F2 !important;
}
.search form .searchfieldwrap {
  width: calc(100% - 70px);
  float: left;
  margin-bottom: 8px;
}
.search form label {
  margin-bottom: 10px;
  color: #FAF7F2;
  font-size: 10px;
  letter-spacing: 1px;
  font-family: aleobold;
}
.search form div.search-field {
  width: 100%;
  height: 48px;
  margin-top: 10px;
  border-radius: 5px;
}
.search form .search-field {
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.2);
  color: #FAF7F2;
  width: 100%;
  font-family: aleobold;
  font-style: italic;
  font-size: 14px;
  margin: 0;
  outline: none;
  padding-left: 10px;
  transition: border 0.3s ease;
}
.search form .search-field:hover {
  border: 1px solid #FFF;
}
.search form .search-field:focus-within {
  border: 1px solid #FFF;
}
.search form .search-field input {
  margin-left: 10px;
}
.search form .search-field input::-moz-placeholder {
  font-family: aleobold;
}
.search form .search-field input:-ms-input-placeholder {
  font-family: aleobold;
}
.search form .search-field input::placeholder {
  font-family: aleobold;
}
.search form .search-submit {
  border: none;
  box-sizing: border-box;
  background-color: #C24F3C;
  background-image: url(../images/search.svg);
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 5px 15px 0 rgba(115, 47, 35, 0.2);
  border-radius: 5px;
  color: transparent;
  cursor: pointer;
  height: 50px;
  margin-left: 20px;
  margin-top: 10px;
  outline: none;
  text-decoration: none;
  transition: all 0.3s ease;
  width: 50px;
}
.search form .search-submit:hover {
  background-color: #db5945;
}

.search-head .middlewrap .container-middlewrap-title {
  font-size: 29px;
  margin-bottom: 20px;
  font-weight: bold;
  font-family: "EB Garamond";
}
.search-head .middlewrap .searchwrap {
  background-color: #0E3232;
  padding: 20px 35px 25px;
  border-radius: 5px;
  box-shadow: 0 5px 15px 0 h2;
  box-shadow-font-size: 10px;
  box-shadow-letter-spacing: 1px;
  box-shadow-color: #FFFFFF;
  box-shadow-line-height: 12px;
  box-shadow-margin-bottom: 8px;
}
.search-head .middlewrap p.sub-text {
  font-family: aleobold;
  font-size: 18px;
  padding-top: 30px;
}
.search-head .middlewrap p.sub-text a {
  color: #C24F3C;
  font-family: aleobold;
}

.advanced-search {
  margin: 20px auto 55px;
  max-width: 1000px;
  width: 90%;
}
.advanced-search .advanced-search-title {
  font-size: 29px;
  color: #0E3232;
  margin-bottom: 20px;
  font-weight: bold;
  font-family: "EB Garamond";
}
.advanced-search form {
  padding: 10px 0px 0px;
}
.advanced-search form .search-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.advanced-search form .search-section .inputwrap {
  width: 47.5%;
  margin-bottom: 40px;
}
.advanced-search form .search-section .inputwrap p.footnote {
  width: 80%;
  margin: 21px auto 0;
  color: #1F4B54;
  opacity: 0.7;
  font-size: 14px;
  font-family: aleobold;
  line-height: 20px;
  text-align: center;
}
.advanced-search form .search-section .inputwrap input, .advanced-search form .search-section .inputwrap label {
  display: block;
}
.advanced-search form .search-section .inputwrap label {
  margin-bottom: 10px;
  color: #0E3232;
  font-size: 16px;
  font-family: aleobold;
}
.advanced-search form .search-section .inputwrap .input-field {
  height: 60px;
  width: 93%;
  border: 1px solid rgba(31, 75, 84, 0.1);
  outline: none;
  background-color: #FFFFFF;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
  padding-left: 30px;
  font-size: 15px;
  opacity: 0.8;
  font-style: italic;
  font-family: aleobold;
  color: #0E3232;
  transition: border 0.3s ease;
  border-radius: 5px;
}
.advanced-search form .search-section .inputwrap .input-field:hover {
  border: 1px solid #C24F3C;
}
.advanced-search form .search-section .inputwrap .input-field:focus-within {
  border: 1px solid #C24F3C;
}
.advanced-search form .search-section .inputwrap ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #72818C;
  opacity: 1;
  /* Firefox */
}
.advanced-search form .search-section .inputwrap :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #72818C;
  opacity: 1;
  /* Firefox */
}
.advanced-search form .search-section .inputwrap ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #72818C;
  opacity: 1;
  /* Firefox */
}
.advanced-search form .search-section .inputwrap :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #72818C;
}
.advanced-search form .search-section .inputwrap ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #72818C;
}
.advanced-search form .search-section .inputwrap .select2-container {
  width: 100% !important;
}
.advanced-search form .search-section .inputwrap .select2-container .select2-selection--single {
  height: 60px;
  border: 1px solid rgba(31, 75, 84, 0.1);
  outline: none;
  background-color: #FFF;
  box-shadow: 0 3px 10px 0 rgba(44, 44, 44, 0.1);
  transition: border 0.3s ease;
}
.advanced-search form .search-section .inputwrap .select2-container .select2-selection--single:hover {
  border: 1px solid #C24F3C;
}
.advanced-search form .search-section .inputwrap .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 58px;
  color: #0E3232;
  opacity: 0.8;
  font-size: 15px;
  padding-left: 30px;
  padding-right: 35px;
  font-family: aleobold;
  font-style: italic;
}
.advanced-search form .search-section .inputwrap .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #0E3232;
  font-family: aleobold;
  opacity: 0.8;
}
.advanced-search form .search-section .inputwrap .select2-container .select2-selection--multiple {
  min-height: 60px;
  border-radius: 5px;
  border: 1px solid rgba(31, 75, 84, 0.1);
  outline: none;
  background-color: #FFF;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05);
  transition: border 0.3s ease;
  cursor: pointer;
}
.advanced-search form .search-section .inputwrap .select2-container .select2-selection--multiple:hover {
  border: 1px solid #C24F3C;
}
.advanced-search form .search-section .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered {
  padding-left: 15px;
  padding-right: 35px;
}
.advanced-search form .search-section .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  margin: 10px 5px 10px 0;
  padding: 0 15px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  border-radius: 0;
  background-color: #FFF;
  border: 1px solid #CED0D2;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.04);
  color: #72818C;
}
.advanced-search form .search-section .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  float: right;
  margin-left: 10px;
  margin-right: 0;
  font-weight: 300;
  font-size: 20px;
}
.advanced-search form .search-section .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
  margin: 18px 0;
  width: 0;
}
.advanced-search form .search-section .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
  margin-top: 0;
  margin-left: 15px;
  font-size: 15px;
  line-height: 22px;
  cursor: pointer;
  font-style: italic;
  opacity: 0.8;
}
.advanced-search form .search-section .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline input.select2-search_field {
  color: orange;
}
.advanced-search form .search-section .inputwrap .select2-container .select2-selection__arrow {
  background-image: url(../images/chevron-down-dark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 8px;
  width: 12px;
  top: 25px;
  right: 25px;
  position: absolute;
}
.advanced-search form .search-section .inputwrap .select2-container--open .select2-selection--single {
  border: 1px solid #C24F3C;
}
.advanced-search form .search-section .inputwrap .select2-container--open .select2-selection--multiple {
  border: 1px solid #C24F3C;
}
.advanced-search form .search-section .datewrap .select2-container {
  width: 48% !important;
  margin-right: 4%;
}
.advanced-search form .search-section .datewrap .select2-container:last-child {
  margin-right: 0;
  margin-left: -5px;
}
.advanced-search form .buttonwrap {
  width: 100%;
  text-align: right;
  position: relative;
  margin-top: 31px;
  width: 158px;
}
.advanced-search form .buttonwrap .search-submit {
  cursor: pointer;
  height: 60px;
  width: 160px;
  color: #FFFFFF;
  font-size: 20px;
  outline: none;
  font-family: aleobold;
  border-radius: 0;
  border: none;
  background: #C24F3C;
  transition: background-color 0.3s ease;
  right: 0;
  bottom: 37px;
  border-radius: 5px;
  box-shadow: 0 5px 15px 0 rgba(115, 47, 35, 0.2);
}
.advanced-search form .buttonwrap .search-submit:hover {
  background-color: #db5945;
}

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    form .search-section .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
      margin-left: 5px;
    }
  }
}
.select2-container--open {
  z-index: 10000;
}
.select2-container--open .select2-dropdown {
  border-radius: 5px;
  border: 1px solid #CED0D2;
}
.select2-container--open .select2-dropdown .select2-search--dropdown .select2-search__field {
  outline: none;
  color: #0E3232;
}
.select2-container--open .select2-dropdown .select2-results .select2-results__options {
  padding: 15px 0;
}
.select2-container--open .select2-dropdown .select2-results .select2-results__options .select2-results__option {
  font-size: 15px;
  color: #0E3232;
  padding-left: 30px !important;
  padding: 8px;
  font-family: aleobold;
}
.select2-container--open .select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected] {
  background-color: #ffffff;
  color: #C24F3C;
}
.select2-container--open .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true] {
  background-color: #ffffff;
  color: #C24F3C;
}
.select2-container--open .select2-dropdown .select2-search {
  display: none;
}

@media screen and (max-width: 600px) {
  .advanced-search form .search-section .inputwrap {
    width: 100%;
  }
}
@media screen and (max-width: 470px) {
  .advanced-search form .search-section {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 350px) {
  .advanced-search form .buttonwrap button {
    width: 100%;
  }
}
.datasets-head .middlewrap {
  padding-bottom: 0;
}
.datasets-head .middlewrap .headwrap {
  margin-bottom: 45px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.datasets-head .middlewrap .headwrap h1 {
  font-size: 44px;
  margin-right: 30px;
}
.datasets-head .middlewrap .headwrap .filterwrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.datasets-head .middlewrap .headwrap .filterwrap .sort-dropdown {
  height: 66px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 30px;
}
.datasets-head .middlewrap .headwrap .filterwrap .sort-dropdown .sort-pages {
  position: relative;
}
.datasets-head .middlewrap .headwrap .filterwrap .sort-dropdown .sort-pages p {
  color: #0E3232;
  margin: 0;
  margin-right: 20px;
  font-size: 14px;
  font-family: aleobold;
  opacity: 0.8;
  cursor: pointer;
}
.datasets-head .middlewrap .headwrap .filterwrap .sort-dropdown .sort-pages p span {
  font-family: aleobold;
}
.datasets-head .middlewrap .headwrap .filterwrap .sort-dropdown .sort-pages p img.sort-arrow {
  margin-left: 5px;
  margin-bottom: -2px;
  transition: 400ms;
  transform: rotate(90deg);
}
.datasets-head .middlewrap .headwrap .filterwrap .sort-dropdown .sort-pages p img.show {
  transform: rotate(-90deg);
}
.datasets-head .middlewrap .headwrap .filterwrap .sort-dropdown .sort-pages ul {
  background-color: #0E3232;
  color: white;
  border-radius: 5px;
  box-shadow: 0 25px 35px 0 rgba(13, 18, 48, 0.15);
  display: none;
  list-style: none;
  margin: 0;
  padding: 10px;
  position: absolute;
  top: 25px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
}
.datasets-head .middlewrap .headwrap .filterwrap .sort-dropdown .sort-pages ul li {
  cursor: pointer;
  font-size: 12px;
  font-family: aleobold;
  line-height: 15px;
  padding: 5px 3px;
  text-align: center;
  transition: color 0.3s ease;
}
.datasets-head .middlewrap .headwrap .filterwrap .sort-dropdown .sort-pages ul li span {
  font-family: aleobold;
}
.datasets-head .middlewrap .headwrap .filterwrap .sort-dropdown .sort-pages ul li:hover {
  color: #C24F3C;
}
.datasets-head .middlewrap .headwrap .filterwrap .sort-dropdown .sort-pages #submenu.show {
  display: block;
}
.datasets-head .middlewrap .headwrap .filterwrap .sort-dropdown .sort-pages#sort-year ul {
  left: -2px;
}
.datasets-head .middlewrap .headwrap .filterwrap .sort-dropdown .sort-pages#sort-by ul {
  left: -4px;
}
.datasets-head .middlewrap .headwrap .filterwrap .sort-dropdown .sort-pages#sort-page ul {
  left: -2px;
}
.datasets-head .middlewrap .headwrap .filterwrap .dataset-search {
  position: relative;
  width: 270px;
  display: none;
}
.datasets-head .middlewrap .headwrap .filterwrap .dataset-search form {
  position: relative;
}
.datasets-head .middlewrap .headwrap .filterwrap .dataset-search form .search-field {
  border: 1px solid rgba(31, 75, 84, 0.07);
  border-radius: 5px;
  box-shadow: 0 3px 10px 0 rgba(44, 44, 44, 0.1);
  color: #0E3232;
  font-size: 13px;
  font-family: aleobold;
  margin: 0;
  outline: none;
  padding-left: 16px;
  padding-right: 30px;
  transition: border 0.3s ease;
  height: 50px;
  width: 100%;
  box-sizing: border-box;
}
.datasets-head .middlewrap .headwrap .filterwrap .dataset-search form ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(14, 50, 50, 0.8);
  opacity: 1;
  /* Firefox */
  font-style: italic;
  font-family: aleobold;
}
.datasets-head .middlewrap .headwrap .filterwrap .dataset-search form :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(14, 50, 50, 0.8);
  opacity: 1;
  /* Firefox */
  font-style: italic;
  font-family: aleobold;
}
.datasets-head .middlewrap .headwrap .filterwrap .dataset-search form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(14, 50, 50, 0.8);
  opacity: 1;
  /* Firefox */
  font-style: italic;
  font-family: aleobold;
}
.datasets-head .middlewrap .headwrap .filterwrap .dataset-search form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(14, 50, 50, 0.8);
  font-style: italic;
}
.datasets-head .middlewrap .headwrap .filterwrap .dataset-search form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(14, 50, 50, 0.8);
  font-style: italic;
}
.datasets-head .middlewrap .headwrap .filterwrap .dataset-search form .search-icon {
  cursor: pointer;
  height: 50px;
  width: 50px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/Search-dark.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 28%;
}
.datasets-head .middlewrap .headwrap .filterwrap .dataset-filter {
  cursor: pointer;
  position: relative;
  width: 270px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid rgba(31, 75, 84, 0.07);
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.05);
  transition: border 0.3s ease;
  color: rgba(14, 50, 50, 0.8);
  font-size: 13px;
  font-family: aleoregular;
  padding: 10px 25px;
  margin: 0;
  height: 50px;
  box-sizing: border-box;
}
.datasets-head .middlewrap .headwrap .filterwrap .dataset-filter:hover {
  border: 1px solid #0E3232;
}
.datasets-head .middlewrap .headwrap .filterwrap .dataset-filter img {
  padding-top: 2px;
  opacity: 0.6;
}
.datasets-head .middlewrap .summarywrap {
  margin-top: 20px;
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
}
.datasets-head .middlewrap .summarywrap .found {
  font-size: 18px;
  margin-bottom: 10px;
}
.datasets-head .middlewrap .summarywrap .filters {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  height: 45px;
}
.datasets-head .middlewrap .summarywrap .filters p {
  display: inline;
  font-size: 13px;
  padding-bottom: 5px;
  border-bottom: 2px solid rgba(14, 50, 50, 0.5);
  margin-left: 10px;
}
.datasets-head .middlewrap .summarywrap .filters p:first-child {
  margin-left: 0;
}
.datasets-head .middlewrap .summarywrap .filters p img {
  width: 9px;
  height: 9px;
  padding-left: 5px;
  opacity: 0.7;
  cursor: pointer;
}
.datasets-head .middlewrap .summarywrap .filters p img:hover {
  opacity: 1;
}
.datasets-head .middlewrap .active {
  display: flex;
}

@media screen and (max-width: 890px) {
  .datasets-head .middlewrap .headwrap .filterwrap {
    width: 100%;
    margin-bottom: -25px;
  }
  .datasets-head .middlewrap .headwrap .filterwrap .dataset-search {
    width: 49%;
    margin-right: 0;
  }
  .datasets-head .middlewrap .headwrap .filterwrap .dataset-filter {
    width: 49%;
  }
}
@media screen and (max-width: 530px) {
  .datasets-head .middlewrap .headwrap .filterwrap .dataset-search {
    width: 100%;
  }
  .datasets-head .middlewrap .headwrap .filterwrap .dataset-filter {
    width: 100%;
  }
}
.single-dataset-head {
  position: relative;
  overflow: hidden;
  background-color: #FAF7F2;
  background-image: url(../images/BannerImageDefault.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 43%;
}
.single-dataset-head .middlewrap {
  padding-bottom: 50px;
  position: relative;
  z-index: 2;
}
.single-dataset-head .middlewrap h1 {
  font-size: 44px;
  font-family: ebgaramond;
}
.single-dataset-head .middlewrap h4.last-page-header a#last-page {
  font-size: 22px;
  font-family: ebgaramond;
}
.single-dataset-head .middlewrap h4.last-page-header a#last-page img {
  height: 8px;
  margin-bottom: 4px;
  margin-right: 5px;
  opacity: 0.7;
  transform: rotate(90deg);
}
.single-dataset-head .head-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  background-color: #FAF7F2;
  opacity: 0.6;
}

.dataset-wrap {
  width: 100%;
  background-color: #FAF7F2;
  box-shadow: 0 -19px 20px 0 rgba(0, 0, 0, 0.05);
}

.dataset-content {
  margin: 0 auto;
  max-width: 1000px;
  width: 90%;
  padding: 50px 0;
  background-color: #FAF7F2;
  position: relative;
}
.dataset-content .page-badge {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
  color: #0E3232;
  font-family: aleobold;
  font-size: 14px;
  font-style: italic;
  padding: 10px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: -19px;
}
.dataset-content .page-badge p {
  font-family: aleobold;
  color: #0E3232;
}
.dataset-content .page-badge p span {
  font-family: aleobold;
  opacity: 0.8;
}
.dataset-content .columnwrap {
  display: flex;
}
.dataset-content .right-column {
  width: 100%;
}
.dataset-content .right-column iframe {
  width: 100%;
  height: 100%;
}
.dataset-content .right-column section {
  margin-bottom: 40px;
  overflow: auto;
  border-bottom: 2px solid rgba(14, 50, 50, 0.05);
  padding-bottom: 40px;
  font-size: 16px;
  font-family: aleoregular;
  line-height: 23px;
  color: #0E3232;
}
.dataset-content .right-column section:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.dataset-content .right-column section h2 {
  color: #0E3232;
  font-family: ebgaramond;
  font-size: 32px;
  margin-bottom: 20px;
}
.dataset-content .right-column section p {
  font-size: 16px;
  font-family: aleoregular;
  line-height: 23px;
  color: #0E3232;
  margin-bottom: 0;
}
.dataset-content .right-column section table {
  width: 98% !important;
  margin-left: 1%;
  background: #FFFDFA;
  border-radius: 5px;
  box-shadow: 0 3px 10px 0 rgba(44, 44, 44, 0.05);
  border-collapse: collapse;
  border: none;
}
.dataset-content .right-column section table td, .dataset-content .right-column section table th {
  border: none;
  border-bottom: 1px solid #E5E8E8;
  padding: 15px;
  text-align: left;
}
.dataset-content .right-column section table th {
  font-family: aleobold;
  font-weight: normal;
  font-size: 16px;
}
.dataset-content .right-column section table tr:hover {
  background-color: #f5f5f5;
}
.dataset-content .right-column section span.inline-title, .dataset-content .right-column section span.inline-text {
  display: inline-block;
}
.dataset-content .right-column section span.inline-title {
  float: left;
  width: 16%;
  font-family: aleobold;
  font-size: 16px;
}
.dataset-content .right-column section span.inline-text {
  width: 83%;
}
.dataset-content .right-column section.keyinfo div {
  margin-bottom: 20px;
}
.dataset-content .right-column section.keyinfo div h3 {
  font-size: 22px;
  color: #0E3232;
  font-family: aleobold;
  font-style: italic;
  margin-bottom: 5px;
}
.dataset-content .right-column section.keyinfo div:last-child {
  margin-bottom: 0;
}
.dataset-content .right-column section.people-list div {
  margin-bottom: 15px;
}
.dataset-content .right-column section.people-list div h3 {
  font-size: 16px;
  color: #0E3232;
  line-height: 17px;
  font-family: aleobold;
}
.dataset-content .right-column section.people-list div p {
  font-size: 15px;
  line-height: 22px;
  opacity: 0.7;
  font-family: aleobold;
  font-style: italic;
}
.dataset-content .right-column section.people-list div:last-child {
  margin-bottom: 0;
}
.dataset-content .right-column .overview .overview-content {
  margin-bottom: 20px;
}
.dataset-content .right-column .contributors h3 {
  font-style: normal;
}
.dataset-content .right-column .contributors p {
  font-style: italic;
  opacity: 0.7;
}
.dataset-content .right-column .aknowledgements h3 {
  font-style: normal;
}
.dataset-content .right-column .aknowledgements p {
  font-style: italic;
  opacity: 0.7;
}
.dataset-content .right-column img {
  margin-top: 25px;
  background-color: #FFFDFA;
  border-radius: 5px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
  max-width: 100%;
}
.dataset-content .right-column p.caption {
  font-family: aleobold;
  font-size: 12px;
  color: #0E3232;
  opacity: 0.7;
  padding: 5px 10px 30px 0px;
  line-height: 1;
  word-break: break-word;
}
.dataset-content .left-column {
  width: 260px;
  min-width: 260px;
  margin-right: 50px;
  overflow: hidden;
}
.dataset-content .left-column div.top-section div.page-image {
  width: 98%;
  background-color: #FFFDFA;
  padding: 6px;
  border-radius: 5px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  box-sizing: border-box;
}
.dataset-content .left-column div.top-section div.page-image img {
  width: 100%;
  height: auto;
  display: block;
}
.dataset-content .left-column div.top-section div.page-image p {
  font-family: aleobold;
  font-size: 12px;
  color: #0E3232;
  opacity: 0.7;
  padding: 8px;
  word-break: break-word;
}
.dataset-content .left-column div.top-section h2 {
  font-size: 18px;
  color: #0E3232;
  opacity: 0.7;
  font-family: ebgaramond;
  line-height: 23px;
}
.dataset-content .left-column div.top-section h3 {
  font-size: 22px;
  color: #0E3232;
  font-family: ebgaramond;
  line-height: 25px;
  margin-bottom: 30px;
}
.dataset-content .left-column div.top-section button.view-dataset {
  cursor: pointer;
  font-size: 16px;
  font-family: aleobold;
  color: #FAF7F2;
  background-color: #C24F3C;
  box-shadow: 0 5px 15px 0 rgba(115, 47, 35, 0.2);
  border: none;
  border-radius: 5px;
  text-align: left;
  width: 100%;
  max-width: 300px;
  height: 60px;
  padding: 0 20px;
  margin: 0 0 35px;
  transition: all 0.3s;
}
.dataset-content .left-column div.top-section button.view-dataset:hover {
  background-color: #db5945;
}
.dataset-content .left-column .downloads #pdf img {
  margin-right: 10px;
}
.dataset-content .left-column section {
  padding-bottom: 25px;
  border-bottom: 2px solid rgba(14, 50, 50, 0.05);
  margin-bottom: 25px;
}
.dataset-content .left-column section h2 {
  font-size: 13px;
  font-family: aleobold;
  color: #0E3232;
  opacity: 0.7;
  font-style: italic;
  margin-bottom: 10px;
}
.dataset-content .left-column section h3 {
  font-size: 14px;
  font-family: aleobold;
  color: #0E3232;
  line-height: 23px;
}
.dataset-content .left-column section h3 a {
  font-size: 14px;
  font-family: aleobold;
  color: #0E3232;
  line-height: 23px;
}
.dataset-content .left-column section h3.doi {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dataset-content .left-column section h3.doi a {
  color: #C24F3C;
  font-family: aleobold;
}
.dataset-content .left-column section:last-child {
  border-bottom: none;
}
.dataset-content .left-column section.downloads div {
  display: flex;
  margin-bottom: 20px;
  align-items: start;
}
.dataset-content .left-column section.downloads div a.url {
  font-family: aleobold;
  font-size: 18px;
  margin-bottom: 10px;
  text-decoration: none;
}
.dataset-content .left-column section.downloads div p {
  margin: 0;
  line-height: unset;
}
.dataset-content .left-column section.downloads div p a {
  text-decoration: none;
  color: #C24F3C;
  font-size: 16px;
  font-family: aleobold;
}
.dataset-content .left-column section.downloads div:last-child {
  margin-bottom: 0;
}
.dataset-content .left-column section.authors div, .dataset-content .left-column section.creators div {
  margin-bottom: 15px;
}
.dataset-content .left-column section.authors div p, .dataset-content .left-column section.creators div p {
  font-size: 12px;
  font-family: aleobold;
  color: #0E3232;
  opacity: 0.7;
  font-style: italic;
  line-height: 13px;
  margin: 0;
}
.dataset-content .left-column section.authors div p.link, .dataset-content .left-column section.creators div p.link {
  opacity: 1;
}
.dataset-content .left-column section.authors div p.link a, .dataset-content .left-column section.creators div p.link a {
  color: #C24F3C;
  line-height: 23px;
  text-decoration: none;
  font-family: aleobold;
}
.dataset-content .left-column section.authors div:last-child, .dataset-content .left-column section.creators div:last-child {
  margin-bottom: 0;
}
.dataset-content .left-column section.citations p {
  font-size: 12px;
  color: #0E3232;
  line-height: 15px;
  margin-bottom: 0;
}
.dataset-content .left-column section.citations h3.doi {
  padding-top: 15px;
}
.dataset-content .left-column section.citations p.link {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dataset-content .left-column section.citations p.link a {
  font-family: aleobold;
}
.dataset-content .left-column section.citations p.copyright {
  margin: 5px 0;
}
.dataset-content .left-column section.citations .license {
  padding-top: 20px;
}
.dataset-content .left-column section.citations .license a {
  text-decoration: none;
}
.dataset-content .left-column section.citations .license h3 {
  font-size: 17px;
  transition: 0.3s;
}
.dataset-content .left-column section.citations .license h3:hover {
  color: #C24F3C;
}
.dataset-content .left-column section.citations .license h3 a {
  font-size: 17px;
  transition: 0.3s;
}
.dataset-content .left-column section.citations .license h3 a:hover {
  color: #C24F3C;
}
.dataset-content .left-column section.citations .license .unlock {
  float: left;
  padding-right: 10px;
  padding-top: 3px;
}
.dataset-content .left-column .jump-to {
  padding-top: 55px;
}
.dataset-content .left-column .jump-to .jump-title {
  font-size: 22px;
  color: #0E3232;
  padding-bottom: 15px;
  border-bottom: 2px solid rgba(31, 75, 84, 0.1);
  margin-bottom: 30px;
}
.dataset-content .left-column .jump-to .jump-section {
  margin-bottom: 30px;
}
.dataset-content .left-column .jump-to .jump-section p {
  font-family: aleobold;
  color: #C24F3C;
  line-height: unset;
}
.dataset-content .left-column .jump-to .jump-section a {
  text-decoration: none;
  font-family: aleobold;
  color: #C24F3C;
  line-height: unset;
}
.dataset-content .left-column .jump-to .jump-section .jump-head {
  font-size: 14px;
  letter-spacing: 1.5px;
  margin-bottom: 0;
}
.dataset-content .left-column .jump-to .jump-section .sub-section {
  margin-top: 20px;
  border-left: 2px solid rgba(194, 79, 60, 0.1);
  padding-left: 15px;
}
.dataset-content .left-column .jump-to .jump-section .sub-section .jump-sub {
  font-size: 12px;
  letter-spacing: 1.3px;
  margin-bottom: 15px;
}
.dataset-content .left-column .jump-to .jump-section .sub-section .jump-sub:last-child {
  margin-bottom: 0;
}
.dataset-content .left-column .jump-to .key-events-date {
  font-size: 22px;
  color: #0E3232;
  margin-bottom: 20px;
}
.dataset-content .left-column .jump-to .key-events-text {
  color: #0E3232;
  border-left: 2px solid rgba(37, 52, 73, 0.1);
  padding-left: 34px;
  padding-bottom: 15px;
  margin-left: 10px;
  margin-bottom: 24px;
  font-size: 15px;
  line-height: 18px;
}
.dataset-content .left-column .jump-to .key-events-text:last-child {
  padding-bottom: 0;
}
.dataset-content .column {
  padding: 0;
}

.unavailable-page-modal {
  position: fixed;
  top: 150px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  z-index: 1001;
  padding: 0 10px 0;
}
.unavailable-page-modal .message-container {
  margin: 0 auto 0;
  position: relative;
  max-width: 600px;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 35px 50px;
  box-sizing: border-box;
}
.unavailable-page-modal .message-container h1 {
  font-family: ebgaramond;
  color: #0E3232;
  font-size: 33px;
  line-height: 37px;
  margin-bottom: 15px;
}
.unavailable-page-modal .message-container p {
  font-family: aleobold;
  color: #0E3232;
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 40px;
}
.unavailable-page-modal .message-container p a {
  color: #C24F3C;
  font-family: aleobold;
}
.unavailable-page-modal .message-container button {
  background-color: #C24F3C;
  font-family: aleobold;
  font-size: 20px;
  color: #fff;
  border: none;
  outline: none;
  box-shadow: 0 5px 15px 0 rgba(115, 47, 35, 0.2);
  border-radius: 5px;
  height: 60px;
  width: 180px;
  cursor: pointer;
}

.mobile-only {
  display: none;
}

@media screen and (max-width: 700px) {
  .dataset-content .columnwrap {
    flex-wrap: wrap;
  }
  .dataset-content .left-column {
    width: 100%;
    margin-right: 0;
  }
  .dataset-content .left-column .authors {
    margin-top: 85px;
  }
  .dataset-content .right-column section:last-child {
    border-bottom: 2px solid rgba(14, 50, 50, 0.05);
    padding-bottom: 40px;
  }
  .dataset-content .right-column .mobile-only {
    display: block;
    margin-top: -25px;
    margin-bottom: 25px;
  }
  .dataset-content .right-column .mobile-only p {
    font-size: 12px;
    font-family: aleobold;
    color: #0E3232;
    opacity: 0.7;
    font-style: italic;
    line-height: 13px;
    margin: 0;
  }
  .dataset-content .right-column iframe {
    min-height: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .dataset-content .right-column .content-imagery {
    width: 95%;
  }
}
.redirect-modal {
  align-items: center;
  background: rgba(0, 0, 0, 0);
  display: none;
  height: 100%;
  justify-content: center;
  position: fixed;
  top: 0;
  transition: 400ms;
  width: 100%;
  z-index: 9999;
}
.redirect-modal .canvas {
  background: #FAF7F2;
  box-shadow: 0 25px 33px 0 rgba(0, 0, 0, 0.05);
  margin: 0 auto;
  max-width: 650px;
  opacity: 0;
  padding: 45px;
  position: relative;
  text-align: center;
  transition: 200ms;
}
.redirect-modal .canvas .body {
  max-height: 70%;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 25px;
}
.redirect-modal .canvas .body .title h2 {
  font-size: 26px;
  color: #0E3232;
}
.redirect-modal .canvas .body .counter {
  margin: 35px 0;
}
.redirect-modal .canvas .body .counter p {
  font-size: 17px;
  font-family: aleobold;
  text-align: center;
  color: #0E3232;
}
.redirect-modal .canvas .body .counter span {
  font-size: 17px;
  font-family: aleobold;
  color: #0E3232;
}
.redirect-modal .canvas .body .description p {
  font-size: 16px;
  line-height: 28px;
  color: #0E3232;
}
.redirect-modal .canvas .buttons p {
  display: inline-block;
  transition: 400ms;
  cursor: pointer;
  width: 200px;
  margin: 0 30px;
  padding: 15px 0;
  position: relative;
}
.redirect-modal .canvas .buttons .close {
  background: #C24F3C;
  box-shadow: 0 2px 3px 0 rgba(30, 30, 30, 0.05);
  color: #FAF7F2;
  letter-spacing: 1.5px;
  margin-top: 25px;
}
.redirect-modal .canvas .buttons .close:hover {
  box-shadow: 0 12px 13px 0 rgba(30, 30, 30, 0.05);
  opacity: 0.7;
}
.redirect-modal .canvas .buttons .no-show {
  color: #0E3232;
}
.redirect-modal .canvas .buttons .no-show span {
  box-sizing: border-box;
  border: 1px solid rgba(31, 75, 84, 0.5);
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.05);
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 25px;
  width: 25px;
  position: absolute;
  border-radius: 50%;
  top: 12px;
  left: 0;
  transition: 0.3s ease;
}
.redirect-modal .canvas .buttons .no-show:hover {
  color: #C24F3C;
}
.redirect-modal .canvas .buttons .no-show:hover span {
  background-color: rgba(229, 95, 95, 0.1);
  border: 1px solid #E55F5F;
}
.redirect-modal .canvas .buttons .no-show.active {
  color: #C24F3C;
}
.redirect-modal .canvas .buttons .no-show.active span {
  background-color: #e55f5f;
  border: 1px solid #E55F5F;
  background-image: url(../images/check.svg);
}

.redirect-min {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  background-color: #FFF;
  padding: 15px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid transparent;
  transition: all 0.3s ease;
  cursor: pointer;
}
.redirect-min .r-min-text {
  color: #0E3232;
  text-align: center;
  transition: color 0.3s ease;
}
.redirect-min .r-min-text .title {
  margin-bottom: 10px;
}
.redirect-min .r-min-text .title h2 {
  font-size: 18px;
}
.redirect-min .r-min-text .counter p {
  font-size: 16px;
}
.redirect-min:hover {
  border: 1px solid #C24F3C;
}
.redirect-min:hover .r-min-text {
  color: #C24F3C;
}

.redirect-min.show {
  display: block;
}

.about-cont .about .title-1 {
  color: #0E3232;
  height: 57px;
  width: 209px;
  font-size: 44px;
  font-family: "EB Garamond";
  font-weight: bold;
}
.about-cont .about .paragraph-1 {
  padding-bottom: 15px;
}
.about-cont .about .paragraph-2 {
  padding-bottom: 35px;
}
.about-cont .about .title-2 {
  color: #0E3232;
  font-size: 33px;
  font-family: "EB Garamond";
  font-weight: bold;
  padding-bottom: 14px;
  margin-bottom: 0px;
}
.about-cont .about .view-submission {
  color: #C24F3C;
  font-family: aleobold;
  font-size: 20px;
  display: inline-block;
  margin-right: 50px;
  margin-bottom: 20px;
}
.about-cont .about a.contribute-data {
  background: #C24F3C;
  box-shadow: 0 5px 15px 0 rgba(229, 95, 95, 0.1);
  color: #FFFFFF;
  text-align: center;
  font-family: aleobold;
  box-sizing: border-box;
  margin: 30px auto 0;
  cursor: pointer;
  text-decoration: none;
  font-size: 20px;
  transition: all 0.3s ease;
  border-radius: 5px;
  display: inline-block;
  height: 60px;
  width: 274px;
  line-height: 60px;
}
.about-cont .about a.contribute-data:hover {
  background-color: #B34937;
}
.about-cont .about .title-3 {
  color: #0E3232;
  font-size: 22px;
  font-family: "aleobold";
  font-weight: 100;
  line-height: 1.5;
  padding-bottom: 14px;
  margin-bottom: 0px;
}
.about-cont .about .line {
  height: 3px;
  width: 100%;
  border-bottom: 2px solid rgba(14, 50, 50, 0.05);
  margin: 25px 0 55px;
}
.about-cont .about ol {
  margin-bottom: 50px;
}
.about-cont .about li {
  font-family: aleoregular;
  font-size: 18px;
  color: #0E3232;
  line-height: 28px;
}

.contribute-head .middle-wrap {
  padding-bottom: 30px;
}

.contribute-info {
  padding: 0 0 50px;
}
.contribute-info .aboutwrap p {
  font-size: 14px;
  line-height: 33px;
}

.contribute-form {
  margin: 0 auto 100px;
  max-width: 1000px;
  padding: 0 6%;
}
.contribute-form form .inputwrap {
  width: 100%;
  margin-bottom: 40px;
}
.contribute-form form .inputwrap p.footnote {
  margin-top: 10px;
  color: #0E3232;
  font-size: 12px;
}
.contribute-form form .inputwrap input, .contribute-form form .inputwrap label {
  display: block;
}
.contribute-form form .inputwrap .invalid-text {
  display: none;
  float: right;
  font-size: 14px;
  color: #C24F3C;
  font-family: aleobold;
}
.contribute-form form .inputwrap label {
  margin-bottom: 10px;
  color: #0E3232;
  font-size: 10px;
  letter-spacing: 1px;
  font-family: aleobold;
}
.contribute-form form .inputwrap .input-field {
  height: 60px;
  width: 100%;
  border: 1px solid rgba(31, 75, 84, 0.1);
  box-sizing: border-box;
  outline: none;
  background-color: #FFF;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.05);
  padding-left: 30px;
  font-size: 14px;
  font-family: aleoregular;
  color: #0E3232;
  transition: border 0.3s ease;
}
.contribute-form form .inputwrap .input-field:hover {
  border: 1px solid #C24F3C;
}
.contribute-form form .inputwrap .input-field:focus-within {
  border: 1px solid #C24F3C;
}
.contribute-form form .inputwrap ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #72818C;
  opacity: 1;
  /* Firefox */
}
.contribute-form form .inputwrap :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #72818C;
  opacity: 1;
  /* Firefox */
}
.contribute-form form .inputwrap ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #72818C;
  opacity: 1;
  /* Firefox */
}
.contribute-form form .inputwrap :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #72818C;
}
.contribute-form form .inputwrap ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #72818C;
}
.contribute-form form .inputwrap textarea.input-field {
  padding-top: 20px;
  padding-bottom: 20px;
  height: 140px;
  max-width: 100%;
}
.contribute-form form .inputwrap .box-input.input-field {
  height: 140px;
  padding: 0;
  text-align: center;
  border: 1px solid rgba(31, 75, 84, 0.1);
}
.contribute-form form .inputwrap .box-input.input-field input.box-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.contribute-form form .inputwrap .box-input.input-field label {
  cursor: pointer;
  font-family: aleoregular;
  color: #0E3232;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 45px auto 0;
  font-size: 14px;
}
.contribute-form form .inputwrap .box-input.input-field label span.box-dragndrop {
  color: #0E3232;
}
.contribute-form form .inputwrap .box-input.input-field label span.box-select {
  display: block;
  color: #C24F3C;
  margin-top: 20px;
  opacity: 0.65;
  transition: opacity 0.2s;
}
.contribute-form form .inputwrap .box-input.input-field label:hover span.box-select {
  opacity: 1;
}
.contribute-form form .inputwrap .box-input.input-field label:focus-within span.box-select {
  opacity: 1;
}
.contribute-form form .inputwrap .box-input.input-field:hover {
  border: 1px solid rgba(31, 75, 84, 0.1);
}
.contribute-form form .inputwrap .box-input.has-advanced-upload {
  border: 2px dashed rgba(31, 75, 84, 0.2);
}
.contribute-form form .inputwrap .box-input.has-advanced-upload .box-dragndrop {
  display: inline;
}
.contribute-form form .inputwrap .box-input.has-advanced-upload:hover {
  border: 2px dashed rgba(31, 75, 84, 0.2);
}
.contribute-form form .inputwrap .box-input.is-dragover {
  border: 2px dashed #C24F3C;
}
.contribute-form form .inputwrap .box-dragndrop,
.contribute-form form .inputwrap .box-uploading,
.contribute-form form .inputwrap .box-success,
.contribute-form form .inputwrap .box-error {
  display: none;
}
.contribute-form form .invalid.inputwrap .input-field {
  border: 1px solid rgba(194, 79, 60, 0.4);
}
.contribute-form form .invalid.inputwrap .input-field:hover {
  border: 1px solid #C24F3C;
}
.contribute-form form .invalid.inputwrap .input-field:focus-within {
  border: 1px solid #C24F3C;
}
.contribute-form form .invalid.inputwrap .invalid-text {
  display: block;
}
.contribute-form form .invalid.inputwrap .box-input.has-advanced-upload {
  border: 2px dashed rgba(194, 79, 60, 0.4);
}
.contribute-form form .invalid.inputwrap .box-input.has-advanced-upload:hover {
  border: 2px dashed rgba(194, 79, 60, 0.4);
}
.contribute-form form .invalid.inputwrap .box-input.is-dragover {
  border: 2px dashed #C24F3C;
}
.contribute-form form .buttonwrap {
  width: 100%;
  text-align: right;
  margin-top: 60px;
}
.contribute-form form .buttonwrap button {
  cursor: pointer;
  height: 50px;
  width: 300px;
  color: #FAF7F2;
  letter-spacing: 1.5px;
  font-size: 14px;
  outline: none;
  font-family: aleobold;
  border-radius: 0;
  border: none;
  background: #C24F3C;
  transition: background-color 0.3s ease;
}
.contribute-form form .buttonwrap button:hover {
  background-color: #E86E6E;
}

.success-modal {
  align-items: center;
  background: rgba(0, 0, 0, 0);
  display: none;
  height: 100%;
  justify-content: center;
  position: fixed;
  top: 0;
  transition: 400ms;
  width: 100%;
  z-index: 9999;
}
.success-modal .canvas {
  background: #FAF7F2;
  box-shadow: 0 25px 33px 0 rgba(0, 0, 0, 0.05);
  margin: 0 auto;
  max-width: 650px;
  opacity: 0;
  padding: 45px;
  position: relative;
  text-align: center;
  transition: 200ms;
}
.success-modal .canvas .body {
  max-height: 70%;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 25px;
}
.success-modal .canvas .body .title {
  margin-bottom: 40px;
}
.success-modal .canvas .body .title h2 {
  font-size: 26px;
  color: #0E3232;
}
.success-modal .canvas .body .description p {
  font-size: 16px;
  line-height: 28px;
  color: #0E3232;
}
.success-modal .canvas .buttons p {
  display: inline-block;
  transition: 400ms;
  cursor: pointer;
  width: 200px;
  margin: 0 30px;
  padding: 15px 0;
  position: relative;
}
.success-modal .canvas .buttons .close {
  background: #C24F3C;
  box-shadow: 0 2px 3px 0 rgba(30, 30, 30, 0.05);
  color: #FAF7F2;
  letter-spacing: 1.5px;
  margin-top: 25px;
}
.success-modal .canvas .buttons .close:hover {
  box-shadow: 0 12px 13px 0 rgba(30, 30, 30, 0.05);
  opacity: 0.7;
}

.middlewrap.about {
  padding-top: 110px;
}

.about-cont {
  display: flex;
  min-height: 100%;
  justify-content: space-between;
}
.about-cont div.side-nav {
  height: 100%;
  order: 0;
  width: 25%;
}
.about-cont div.side-nav div.side-nav-inner {
  position: fixed;
  max-width: 230px;
}
.about-cont div.side-nav div.side-nav-inner ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-left: 2px solid rgba(14, 50, 50, 0.12);
}
.about-cont div.side-nav div.side-nav-inner ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  border-left: 2px solid transparent;
  margin-left: -2px;
}
.about-cont div.side-nav div.side-nav-inner ul li a {
  text-decoration: none;
  font-size: 20px;
  font-family: "EB Garamond";
  font-weight: bold;
  color: #0E3232;
  opacity: 0.8;
}
.about-cont div.side-nav div.side-nav-inner ul li.active {
  border-left: 2px solid #C24F3C;
}
.about-cont div.side-nav div.side-nav-inner ul li.active a {
  opacity: 1;
  color: #C24F3C;
}
.about-cont div.side-nav div.side-nav-inner-view {
  position: relative;
}
.about-cont .about {
  background-color: transparent;
  order: 1;
  width: 72%;
  padding-bottom: 0 !important;
}
.about-cont .about h1 {
  font-size: 44px;
  font-family: "EB Garamond";
  font-weight: bold;
  color: #0E3232;
  margin-bottom: 30px;
}
.about-cont .about h4 {
  color: #0E3232;
  font-family: "EB Garamond";
  font-size: 44px;
  font-weight: bold;
  line-height: 57px;
  margin-bottom: 30px;
}
.about-cont .about p {
  color: #0E3232;
  font-family: aleoregular;
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 15px;
}
.about-cont .about h3 {
  color: #0E3232;
  font-family: "EB Garamond";
  font-size: 30px;
  font-weight: bold;
  line-height: 39px;
  padding-bottom: 13px;
}
.about-cont .about hr {
  border: 2px solid rgba(14, 50, 50, 0.05);
  margin-bottom: 60px;
}
.about-cont .about a {
  font-family: aleobold;
  color: #C24F3C;
}
.about-cont .about a.button {
  cursor: pointer;
  font-size: 16px;
  font-family: aleobold;
  color: #FAF7F2;
  background-color: #C24F3C;
  box-shadow: 0 5px 15px 0 rgba(115, 47, 35, 0.2);
  border: none;
  border-radius: 5px;
  text-align: left;
  width: 100%;
  max-width: 300px;
  height: 60px;
  padding: 15px 20px;
  margin: 0 0 35px;
  transition: all 0.3s;
  text-decoration: none;
}
.about-cont .about a.button:hover {
  background-color: #db5945;
}

.about-cont-view {
  align-items: flex-end;
  padding-bottom: 20px;
}

@media screen and (max-width: 900px) {
  .side-nav {
    display: none;
  }

  .about-cont .about {
    width: 100%;
  }
}
.pagiwrap {
  margin: 35px auto 70px;
  max-width: 1000px;
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

#pagination {
  display: flex;
  align-items: center;
}
#pagination .pagi-left,
#pagination .pagi-right {
  background-color: #FFF;
  box-shadow: 0 3px 7px 0 rgba(44, 44, 44, 0.1);
  border: 2px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  opacity: 1;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  transition: all 0.3s;
}
#pagination .pagi-left img,
#pagination .pagi-right img {
  margin: 0 auto;
}
#pagination .pagi-left:hover,
#pagination .pagi-right:hover {
  border: 2px solid #C24F3C;
}
#pagination .pagi-left {
  margin-right: 20px;
}
#pagination .pagi-left img {
  transform: scaleX(-1);
}
#pagination .pagi-right {
  margin-left: 20px;
  background-color: #0E3232;
}
#pagination .page-numbers {
  max-width: 280px;
  margin: 0 auto;
}
#pagination .page-numbers span.active {
  opacity: 1;
}
#pagination .page-numbers span {
  cursor: pointer;
  color: #0E3232;
  margin: 0 2px;
  font-size: 14px;
  font-family: aleobold;
  opacity: 0.3;
}
#pagination .page-numbers span:hover {
  opacity: 1;
}

.filter-modal {
  align-items: center;
  background: rgba(0, 0, 0, 0);
  display: none;
  height: 100%;
  justify-content: center;
  position: fixed;
  top: 0;
  transition: 400ms;
  width: 100%;
  z-index: 9999;
}
.filter-modal .canvas {
  background: #FAF7F2;
  box-shadow: 0 25px 33px 0 rgba(0, 0, 0, 0.05);
  margin: 0 auto;
  width: 70%;
  max-height: 75%;
  overflow: auto;
  opacity: 0;
  padding: 45px;
  position: relative;
  text-align: left;
  transition: 200ms;
}
.filter-modal .canvas form .headwrap {
  margin-bottom: 40px;
  overflow: auto;
}
.filter-modal .canvas form .headwrap h1 {
  font-size: 22px;
  color: #0E3232;
  float: left;
}
.filter-modal .canvas form .headwrap p {
  float: right;
}
.filter-modal .canvas form .headwrap p img {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.filter-modal .canvas form .search-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.filter-modal .canvas form .search-section .inputwrap {
  width: 47.5%;
  margin-bottom: 40px;
}
.filter-modal .canvas form .search-section .inputwrap p.footnote {
  width: 80%;
  margin: 21px auto 0;
  color: #1F4B54;
  opacity: 0.7;
  font-size: 14px;
  font-family: aleobold;
  line-height: 20px;
  text-align: center;
}
.filter-modal .canvas form .search-section .inputwrap input, .filter-modal .canvas form .search-section .inputwrap label {
  display: block;
}
.filter-modal .canvas form .search-section .inputwrap label {
  margin-bottom: 10px;
  color: #0E3232;
  font-size: 10px;
  letter-spacing: 1px;
  font-family: aleobold;
}
.filter-modal .canvas form .search-section .inputwrap .input-field {
  height: 60px;
  width: 100%;
  border: 1px solid rgba(31, 75, 84, 0.1);
  outline: none;
  background-color: #FFF;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.05);
  padding-left: 30px;
  font-size: 14px;
  font-family: aleoregular;
  color: #0E3232;
  transition: border 0.3s ease;
}
.filter-modal .canvas form .search-section .inputwrap .input-field:hover {
  border: 1px solid #C24F3C;
}
.filter-modal .canvas form .search-section .inputwrap .input-field:focus-within {
  border: 1px solid #C24F3C;
}
.filter-modal .canvas form .search-section .inputwrap ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #72818C;
  opacity: 1;
  /* Firefox */
}
.filter-modal .canvas form .search-section .inputwrap :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #72818C;
  opacity: 1;
  /* Firefox */
}
.filter-modal .canvas form .search-section .inputwrap ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #72818C;
  opacity: 1;
  /* Firefox */
}
.filter-modal .canvas form .search-section .inputwrap :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #72818C;
}
.filter-modal .canvas form .search-section .inputwrap ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #72818C;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container {
  width: 100% !important;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container .select2-selection--single {
  height: 60px;
  border-radius: 0;
  border: 1px solid rgba(31, 75, 84, 0.1);
  outline: none;
  background-color: #FFF;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.05);
  transition: border 0.3s ease;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container .select2-selection--single:hover {
  border: 1px solid #C24F3C;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 58px;
  color: #0E3232;
  font-size: 14px;
  padding-right: 35px;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #72818C;
  margin-left: 15px;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container .select2-selection--multiple {
  min-height: 60px;
  border-radius: 0;
  border: 1px solid rgba(31, 75, 84, 0.1);
  outline: none;
  background-color: #FFF;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.05);
  transition: border 0.3s ease;
  cursor: pointer;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container .select2-selection--multiple:hover {
  border: 1px solid #C24F3C;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered {
  padding-right: 35px;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  margin: 10px 5px 10px 0;
  padding: 0 15px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  border-radius: 0;
  background-color: #FFF;
  border: 1px solid #CED0D2;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.04);
  color: #72818C;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  float: right;
  margin-left: 10px;
  margin-right: 0;
  font-weight: 300;
  font-size: 20px;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
  margin: 18px 0;
  width: 0;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
  width: 170px !important;
  margin-top: 0;
  margin-left: 15px;
  font-size: 14px;
  line-height: 22px;
  color: #0E3232;
  cursor: pointer;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container .select2-selection__arrow {
  background-image: url(../images/chevron-down-dark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 8px;
  width: 12px;
  top: 25px;
  right: 25px;
  position: absolute;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container--open .select2-selection--single {
  border: 1px solid #C24F3C;
}
.filter-modal .canvas form .search-section .inputwrap .select2-container--open .select2-selection--multiple {
  border: 1px solid #C24F3C;
}
.filter-modal .canvas form .search-section .datewrap .select2-container {
  width: 48% !important;
  margin-right: 4%;
}
.filter-modal .canvas form .search-section .datewrap .select2-container:last-child {
  margin-right: 0;
  margin-left: -5px;
}
.filter-modal .canvas form .buttonwrap {
  width: 100%;
  text-align: right;
  position: relative;
}
.filter-modal .canvas form .buttonwrap .search-submit {
  cursor: pointer;
  height: 50px;
  width: 225px;
  color: #FAF7F2;
  letter-spacing: 1.5px;
  font-size: 14px;
  outline: none;
  font-family: aleobold;
  border-radius: 0;
  border: none;
  background: #C24F3C;
  transition: background-color 0.3s ease;
}
.filter-modal .canvas form .buttonwrap .search-submit:hover {
  background-color: #E86E6E;
}

@media screen and (max-width: 660px) {
  .filter-modal .canvas form .search-section .inputwrap {
    width: 100%;
  }
}
.single-issue-head .middlewrap {
  padding-bottom: 30px;
}
.single-issue-head .middlewrap h1 {
  font-size: 46px;
  line-height: 64px;
  color: #0E3232;
  font-family: ebgaramond;
}
.single-issue-head .middlewrap h2 {
  font-size: 34px;
  line-height: 47px;
  color: #0E3232;
  font-family: ebgaramond;
  opacity: 0.8;
}
.single-issue-head .middlewrap h3 {
  font-size: 16px;
  line-height: 26px;
  color: #0E3232;
  font-family: aleobold;
  text-transform: uppercase;
  margin-bottom: 10px;
  opacity: 0.7;
}

.issue-wrap {
  width: 100%;
}

.issue-content {
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 0 50px;
}
.issue-content .columnwrap {
  display: flex;
}
.issue-content .right-column {
  width: 100%;
}
.issue-content .right-column section {
  margin-bottom: 60px;
}
.issue-content .right-column section h2 {
  color: #0E3232;
  font-family: ebgaramond;
  font-size: 28px;
  margin-bottom: 15px;
}
.issue-content .right-column section p {
  font-size: 16px;
  font-family: aleoregular;
  line-height: 23px;
  color: #0E3232;
  margin-bottom: 0;
}
.issue-content .right-column section.abstract div.card, .issue-content .right-column section.editorial div.card {
  padding: 25px;
  background-color: #FFF;
  border-radius: 5px;
  box-shadow: 0 3px 10px 0 rgba(44, 44, 44, 0.1);
  border: 2px solid transparent;
  transition: all 0.3s;
}
.issue-content .right-column section.abstract div.card:hover, .issue-content .right-column section.editorial div.card:hover {
  border: 2px solid #C24F3C;
  box-shadow: 0 10px 20px 0 rgba(44, 44, 44, 0.2);
}
.issue-content .right-column section.abstract div.card h3, .issue-content .right-column section.editorial div.card h3 {
  color: #0E3232;
  font-family: ebgaramond;
  font-size: 22px;
  margin-bottom: 10px;
}
.issue-content .right-column section.abstract div.card a, .issue-content .right-column section.editorial div.card a {
  color: #C24F3C !important;
}
.issue-content .right-column section.abstract div.card .view-card, .issue-content .right-column section.editorial div.card .view-card {
  text-decoration: none;
}
.issue-content .right-column section.abstract div.card .contents, .issue-content .right-column section.editorial div.card .contents {
  margin-top: -10px;
}
.issue-content .right-column section.abstract div.card .contents p, .issue-content .right-column section.editorial div.card .contents p {
  font-size: 16px;
  font-family: aleoregular;
  line-height: 23px;
  color: #0E3232;
  margin-bottom: 20px;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.issue-content .right-column section.abstract div.card .contents div, .issue-content .right-column section.editorial div.card .contents div {
  display: none;
}
.issue-content .right-column section.abstract div.card .contents a, .issue-content .right-column section.editorial div.card .contents a {
  font-family: aleobold;
  color: #0E3232;
}
.issue-content .right-column section.abstract div.card .contents .footnotes, .issue-content .right-column section.editorial div.card .contents .footnotes {
  display: none;
}
.issue-content .right-column section.abstract div.card div.view, .issue-content .right-column section.editorial div.card div.view {
  display: flex;
  justify-content: flex-end;
}
.issue-content .right-column section.abstract div.card div.view h4, .issue-content .right-column section.editorial div.card div.view h4 {
  font-size: 18px;
  font-family: aleobold;
  color: #C24F3C;
  margin-right: 10px;
}
.issue-content .right-column section.dataset-cards .cardwrap .card {
  width: 48.5%;
}
.issue-content .left-column {
  width: 20%;
  min-width: 200px;
  margin-right: 50px;
  overflow: hidden;
}
.issue-content .left-column div.top-section div.page-image {
  width: 98%;
  background-color: #FFFDFA;
  padding: 6px;
  border-radius: 5px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  box-sizing: border-box;
}
.issue-content .left-column div.top-section div.page-image img {
  width: 100%;
  height: auto;
  display: block;
}
.issue-content .left-column div.top-section div.page-image p {
  font-family: aleobold;
  font-size: 12px;
  color: #0E3232;
  opacity: 0.7;
  padding: 8px;
  word-break: break-word;
}
.issue-content .left-column div.top-section h2 {
  font-size: 18px;
  color: #0E3232;
  opacity: 0.7;
  font-family: ebgaramond;
  line-height: 23px;
}
.issue-content .left-column div.top-section h3 {
  font-size: 22px;
  color: #0E3232;
  font-family: ebgaramond;
  line-height: 25px;
  margin-bottom: 30px;
}
.issue-content .left-column section {
  padding-bottom: 25px;
  border-bottom: 2px solid rgba(14, 50, 50, 0.05);
  margin-bottom: 25px;
}
.issue-content .left-column section h2 {
  font-size: 13px;
  font-family: aleobold;
  color: #0E3232;
  opacity: 0.7;
  font-style: italic;
  margin-bottom: 10px;
}
.issue-content .left-column section h3 {
  font-size: 14px;
  font-family: aleobold;
  color: #0E3232;
  line-height: 23px;
}
.issue-content .left-column section:last-child {
  border-bottom: none;
}
.issue-content .left-column section.jump-to .jump-section {
  margin-bottom: 10px;
}
.issue-content .left-column section.jump-to .jump-section p {
  font-family: ebgaramond;
  color: #0E3232;
}
.issue-content .left-column section.jump-to .jump-section a {
  font-family: ebgaramond;
  text-decoration: none;
  color: #0E3232;
  transition: all 0.3s;
}
.issue-content .left-column section.jump-to .jump-section a:hover {
  color: #C24F3C;
}
.issue-content .left-column section.jump-to .jump-section .jump-head {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 0;
}
.issue-content .left-column section.jump-to .jump-section .sub-section {
  margin: 5px 0;
  padding-left: 15px;
}
.issue-content .left-column section.jump-to .jump-section .sub-section .jump-sub {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 3px;
}
.issue-content .left-column section.jump-to .jump-section .sub-section .jump-sub a {
  font-family: aleobold;
  font-style: italic;
}
.issue-content .left-column section.jump-to .jump-section .sub-section .jump-sub:last-child {
  margin-bottom: 0;
}
.issue-content .left-column section.jump-to .key-events-date {
  font-size: 22px;
  color: #0E3232;
  margin-bottom: 20px;
}
.issue-content .left-column section.jump-to .key-events-text {
  color: #0E3232;
  border-left: 2px solid rgba(37, 52, 73, 0.1);
  padding-left: 34px;
  padding-bottom: 15px;
  margin-left: 10px;
  margin-bottom: 24px;
  font-size: 15px;
  line-height: 18px;
}
.issue-content .left-column section.jump-to .key-events-text:last-child {
  padding-bottom: 0;
}
.issue-content .left-column section.citations p {
  font-size: 12px;
  color: #0E3232;
  line-height: 15px;
  margin-bottom: 0;
}
.issue-content .left-column section.citations h3.doi {
  padding-top: 15px;
}
.issue-content .left-column section.citations p.link {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.issue-content .left-column section.citations p.link a {
  font-family: aleobold;
}
.issue-content .left-column section.citations p.copyright {
  margin: 5px 0;
}
.issue-content .left-column section.citations .license {
  padding-top: 20px;
}
.issue-content .left-column section.citations .license a {
  text-decoration: none;
}
.issue-content .left-column section.citations .license h3 {
  font-size: 17px;
  transition: 0.3s;
}
.issue-content .left-column section.citations .license h3:hover {
  color: #C24F3C;
}
.issue-content .left-column section.citations .license .unlock {
  float: left;
  padding-right: 10px;
  padding-top: 3px;
}
.issue-content .column {
  padding: 0;
}

@media screen and (max-width: 880px) {
  .issue-content .right-column section.dataset-cards .cardwrap .card {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .issue-content .columnwrap {
    flex-wrap: wrap;
  }
  .issue-content .left-column {
    width: 100%;
    margin-right: 0;
  }
  .issue-content .left-column section.jump-to {
    display: none;
  }
  .issue-content .right-column section.dataset-cards .cardwrap .card {
    width: 48.5%;
  }
}
@media screen and (max-width: 550px) {
  .issue-content .right-column section.dataset-cards .cardwrap .card {
    width: 100%;
  }
}
.top {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/LandingImage.svg);
  height: auto;
  width: 100%;
}
.top .topwrap {
  color: #0E3232;
  margin: 0 auto;
  max-width: 1000px;
  width: 90%;
  position: static;
  padding: 140px 0 210px;
  text-align: left;
}

.middle-card {
  position: absolute;
  top: 22%;
  padding: 40px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 2px solid transparent;
  background-color: #FFFF;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 2;
}
.middle-card .sort-middle-text1 {
  font-family: aleobold;
  letter-spacing: 2px;
  font-size: 15px;
  color: #0E3232;
}
.middle-card .sort-middle-text2 {
  font-family: ebgaramond;
  font-size: 33px;
  padding: 25px 0px 26px 0px;
  color: #0E3232;
}
.middle-card .sort-middle-text3 {
  font-family: aleobold;
  font-size: 18px;
  padding: 0px 0px 40px 0px;
  color: #0E3232;
}
.middle-card .button {
  font-size: 18px;
  display: inline-block;
  cursor: pointer;
  padding: 18px 39px 19px 38px;
  box-shadow: 0 5px 15px 0 rgba(115, 47, 35, 0.2);
  background: #C24F3C;
  border-radius: 5px;
  transition: all 0.2s ease;
}
.middle-card .button:hover {
  background: #CF5440;
}
.middle-card .button a {
  color: white;
  text-decoration: none;
}

.page {
  height: 308px;
  width: 100%;
  background-color: #FAF7F2;
  box-shadow: 0 -19px 20px 0 rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 260px) {
  .middle-card .button {
    padding: 6px 10px 7px 10px;
  }
}