@charset "UTF-8";

/* CSS Document */

/** {
	  font-family: Arial, Helvetica,  "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}*/

/* Fonts */

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Regular.woff') format('woff'),
         url('../fonts/Montserrat-Regular.ttf') format('truetype'),
         url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat-Medium.woff') format('woff'),
         url('../fonts/Montserrat-Medium.ttf') format('truetype'),
         url('../fonts/Montserrat-Medium.svg#Montserrat-Mediu') format('svg');
}
@font-face {
    font-family: 'SuperclarendonRg';
    src: url('../fonts/SuperclarendonRg.eot');
    src: url('../fonts/SuperclarendonRg.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SuperclarendonRg.woff') format('woff'),
         url('../fonts/SuperclarendonRg.ttf') format('truetype'),
         url('../fonts/SuperclarendonRg.svg#SuperclarendonRg') format('svg');
}

.assocTable{
    display: none;
    border: 1px solid rgba(30,2,5,0.1);
    background-color: rgb(255, 251, 242);
}

.assocLine {
    text-align: left;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.05);
    padding: 15px;
    cursor: pointer;
    border: 1px solid rgba(30,2,5,0.1);
    background-color: rgba(30,2,5,0.02);
}
.assocLine td, th{
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    border-bottom: 2px solid rgba(30,2,5,0.05);;
}
.assocLine:hover {
    background-color: #f5f5f5;
}

/*.footer added by Alicia 20171220*/

.footer {
	background-color:#4F040C;
	text-align: center;
    padding: 50px;
    clear: both;
}
.footer a {
    margin: 20px;
    height: 60px;
    overflow: hidden;
}
.footer div {
    display: block;
    padding-top: 10px;
}
.footer .inline-imgs a {
    display: inline-block;
}
.footer .inline-imgs img {
    width: 200px;
    height: 60px;
}
.footer .block-img a {
    width: 700px;
    text-align: center;
}
.footer .block-img img {
    width: 60%;
    height: 60px;
}
body {
    margin: 0;
    max-width: 2560px;
}
h1{
	font-family:SuperclarendonRg;
	padding-left: 11%;
	padding-right: 11%;
	color: #1E0205;
	line-height: 72px;
	margin-top:0px;
	font-weight: bold;
	font-size: 34px;
}
a {
    color:#c40003;
    text-decoration:none;
}
.panel-heading {
    border-radius: 5px !important;
}
.panel-title {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.panel-heading h1 {
    font-size: 20px;
    line-height: 25px;
}
div.panel-default > div.panel-heading {
    height: 44px;
}
#contribute-page h2 {
    font-family:SuperclarendonRg;
    padding-left: 11%;
    padding-right: 11%;
    font-size: 28px;
    color: #1E0205;
    line-height: 50px;
    margin-top:0px;
    font-weight: bold
}
#contribute-page h3{
	color: #1E0205;
}
#contribute-page p {
    padding-left: 11%;
    padding-right: 11%;
    font-size: 16px;
    color: #1E0205;
    line-height: 30px;
}
*{
	font-family: "Montserrat-Regular";
    font-size:16px;
    color:#1e0205;
}
hr {
	color: #F2E6D2;
	background-color: #F2E6D2;
}
.divider-vertical {
    height: 50px;
    margin-left: 10px;
    margin-right:30px;
    border-right: 1px solid #F2E6D2;
}

/* Top header picture on most pages */

.header-image {
    text-align: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 300px;
    object-fit: cover;
    background-image: url(../images/banner_browse.jpg);
    background-size: cover;
    background-position: 0% 45%;
    margin-bottom: 30px;
}
.header-image-text {
    display: table;
    position: absolute;
    top: 30%;
    width: 100%;
}
.navbar {
    position: fixed !important;
    z-index: 999;
    width: 100%;
}
.navbar-inverse {
	background-color: #4F040C;
	border-radius: 0px;
}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    background-color: #F2E6D2
}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #F2E6D2
}
.dropdown-menu {
    background-color: #340000;
    border: none;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #F2E6D2;
    border: none;
}
.navbar-inverse {
    background-image: none;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background-image: none;
	border: none;
}

/*Border*/

.navbar-inverse {
	border-radius: 0px;
  border: none;

}
.navbar-inverse .navbar-nav>li>a {
    color: #FBF9E8;
    font-size: 16px;
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #340000
}

/*change hover color of */

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: #340000
}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #F2E6D2}
.dropdown-menu>li>a { color: #F2E6D2}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #340000}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #F2E6D2}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #340000}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #340000}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #F2E6D2}

/*Buttons*/

.btn {
    border: 0 none;
    background: #F2E6D2;
    color: #340000;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
	background: #F2E6D2;
	color: #340000;
}
.btn-primary {
    background: #F2E6D2;
    color: #340000;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #949494;
	color: #340000;
}
.btn-primary:active, .btn-primary.active {
    background: #949494;
    box-shadow: none;
	color: #340000;
}
.navbar-nav{
	font-family: "Montserrat-Regular";
}

/*Image Gallery*/

.galleryImage {
    height:auto!important;
    max-height:500px!important;
}
.h1-font-color {
	margin: 10px;
	margin-bottom:20px;
	font-size: 17px;
	line-height: 26px;
}
.h2-font-color {
	color: #F2E6D2;
	font-size: 36px;
	margin-bottom: 20px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{
    margin:auto;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);
}
.h4-font-color {
	color: #1E0205;
}
.glyphicon-search{
	left: 7px;
}
.row-about {
    padding-bottom: 20px;
    background-color: rgba(255,250,239,1);
}
.row-about-person {
    padding-bottom: 100px;
    background-color: rgba(255,250,239,1);
    margin: 0 auto !important;
    max-width: 1200px;
}
.row-about-person span{
    font-weight: normal;
}
.main-content p {
    padding: 0px 20px;
    margin: 0 0 4px !important;
}
.row-about .courts > li, .row-about ol > li {
    margin-left: 32px;
}
.row-about ul > li {
    list-style-type: none;
}
.title {
    text-align: center;
    padding: 20px 0;
    color: #FFFAEF;
    text-shadow: -1px -1px 0 #1E0205, 1px -1px 0 #1E0205, -1px 1px 0 #1E0205, 1px 1px 0 #1E0205;
}
.subtitle {
    text-align: left;
}
.description-wrapper {
    margin: 0 auto;
}
.history-image {
    max-width: 100%;
	margin:0 auto;
}
.court-insert-image {
    display: block;
    max-width: 100%;
    margin:0 auto;
}
#headerSearch{
    font-size: 50px;
}
#headerSearch {
    font-size: 50px;
}

.search-fail {
    position: relative;
    font-size: 30px;
    color: #1e0205;
    text-align: center;
    width: 90%;
    border-bottom: 2px solid rgba(30,2,5,0.05);
    padding-bottom: 115px;
    padding-top: 115px;
    margin: 0 auto;
}

#search-image {
    background-image: url(../images/banner_about.jpg);
}
.search-row, .search-results {
    margin: auto;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 10px;
}
#search-form {
    text-align: left;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    width: 80%;
    margin-top: 20px;
    color: #1E0205;
}
#search-form h2 {
    font-family:SuperclarendonRg;
    font-size: 24px;
    padding: 20px 0px 10px 0px;
	margin-bottom:10px!important;
}
#search-form .dropdown-menu {
    background-color: rgba(255,250,239,1);
}
#search-form .glyphicon-search {
    right: 0;
    height: 3em;
    left: auto;
    line-height: 5em;
    width: 3em;
}
#search-form input, #search-form .form-control {
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.04);
    height: 4.25em;
}
.form-control:focus {
    border-color:#C40003;
}
select.form-control {
    background-color: #fffcf5;
	background:url(../images/arrow_dark.svg) no-repeat;
	-webkit-appearance:none;
    background-position:93%;
}
.search-set {
    margin-bottom: 15px;
}
#search-form .form-group, #search-form input[type=submit] {
    display: inline-block;
    width: 48%;
    margin: 10px 0 15px;
}
.form-group input{
	text-align: left;
    background:#fffcf5;
}
input#keyword {
	text-align:center;
}
#search-form .search-input-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}
#search-form .search-input-container.search-submit {
    display: flex;
    flex-flow: row-reverse wrap;
    justify-content: space-between;
    padding: 55px 0px 55px 0px;
}
#search-form label {
    font-family:SuperclarendonRg;
    display: block;
    padding-left: 0;
    text-indent: 0;
}
#search-form input[type=submit] {
    background: #340000;
    color: #F2E6D2;
    float: right;
    transition:400ms;
}
#search-form input[type=submit]:hover {
    background:#c40003;
}
#search-form #keyword {
    height: 5em;
    width: 100%;
}
#search-form #keywordContainer {
    width: 100%;
    margin-bottom: 60px;
}
.searchResults .subtitle {
    border-bottom: 2px solid rgba(30,2,5,0.05);
    text-align: center;
    padding-bottom: 13px;
}
.searchResults .subtitle a {
    color: #1E0205;
    font-size: 20px;
    text-decoration: none;
    line-height: 26px;
    margin: 0 20px;
    padding: 13px;
}
.searchResults .subtitle a:hover, .searchResults .subtitle .active {
    border-bottom: 2px solid #940817;
    color: #c40003;
}
.landing-image{
	position: relative;
}
.landing-image .img-responsive{
	position: relative;
	width:100%;
	height:900px;
	object-fit: cover;
}
.lrn {
	margin-top: 20px;
	color:#C40003;
    font-size:18px;
    transition:400ms;
}
a:hover{
    color:#1e0205;
    text-decoration:none;
}
#text-box{
	position:absolute;
	top: 8%;
	width: 610px;
	right: 5%;
	text-align: center;
}
.main-header-text{
	font-size: 34px;
	font-family:"SuperclarendonRg";
	line-height: 1.5;
	text-align: center;
}
.h1-font-color{
	font-size: 18px;
	font-family: "Montserrat-Regular";
	text-align: center;
}
.h1-font-color a{
	color: #C40003;
}
#text-box h1{
	color: #1E0205;
}
#text-box img{
	margin-left: 0%;
    margin-bottom: 20px;
}
.small-logo-image {
    padding-left: 10px;
    margin-top: 10px;
    padding-bottom: 3px;
    text-align: center;
    height: 35px;
    width: 35px;
}
.custom-navbar-left{
    margin-left: -30px;
    float: left;
}
.small-logo-image img {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
}
.logoText {
    color: #FBF9E8;
    font-size: 16px;
    padding-left: 10px !important;
}
li a.logoText:hover {
    background-color: #4F040C !important;
    color: #FBF9E8 !important;
}
#about-content{
	height:auto;
	background-color: #FFFAEF;
}
#about-header, #courts-header, #image-header, #history-header, #browse-header, #people-header,#register-header,#fr-header{
	height:10px;
	background-color: #4F040C;
}
#about-content a{
	display: table;
    margin: 0 auto;
}
#about-image{
	position: relative;
	text-align: center;
}
#map{
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}
.img-title {
    font-family: "SuperclarendonRg";
    text-align: center;
    font-weight: bold;
    font-size: 20px;

}

.main-content p.img-title{
    padding-bottom: 30px;
}


#contributors {
    width: 100%;
}
.gallery-dropdown-heading {
    margin-left: 8px;
}
.row .row {
    display: flex;
    flex-wrap: wrap;
}
#gallery-dropdown-item {
    padding: 5px;
    font-size: 13px;
    min-height: 285px;
    cursor: pointer;
}
#gallery-thumb {
    background-color: #340000 !important;
    border: none !important;
    outline: none;
}
div.modal-content > div:last-child {
    color: #F2E6D2!important;
    border-image: none;
}
div.modal-content p, div.modal-content strong {
    color:#F2E6D2!important;
}
div.modal-body a:hover {
    color:#c40003;
}
#close {
    line-height: 3px;
    color: #F2E6D2;
}
.submit {
    display: none !important;
}
.img-responsive-about{
	width:100%;
	height:300px;
	object-fit: cover;
}
.about-image-text{
	display: table;
	position: absolute;
	top:33%;
	width: 100%;
}
.about-content {
	margin:40px auto;
}
.voyage-content div.row {
    padding: 20px;
    margin: 10px 0 20px;
    display: flex;
}
.main-content > div.row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 20px;
}
div.row:before {
    content: none;
}
div.row:after {
    content: none;
}
div.row > figure:first-child {
    margin-bottom: 80px;
}
div.row figure {
    position: relative;
    display: inline-block;
    height: auto;
    width: 49%;
    vertical-align: top;
}
div.row figure p {
    padding-left: 0;
}
div.row > figure:last-child > p:last-child {
    padding-top: 0;
    margin-top: -10px;
}
div.row figure img.sources-img {
    display: block;
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 90%;
}
#image-container{
	position: relative;
	text-align: center;
	display: flex;
    align-items: center;
}
#image-container img{
	width:100%;
	object-fit: cover;
}
#image-container a{
	color:#FFFAEF;
	font-size: 34px;
	font-family: "SuperclarendonRg";
	text-decoration: none;
    text-shadow: -1px -1px 0 #1E0205, 1px -1px 0 #1E0205, -1px 1px 0 #1E0205, 1px 1px 0 #1E0205;
}
#image-container div {
    padding-top: 12px;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    transition: 200ms;
}
#image-container div:hover {
    cursor: pointer;
    color: #4F040C;
}

/* Filter */

.filterBy {
    display: inline-block;
    min-width: 180px;
    padding: 0px 0px 0px 35px;
    vertical-align: top;
    width: 20%;
}
.filterBy a {
    height: 19px;
    line-height: 19px;
    font-size: 16px;
    color: #4F040C;
    font-size: 16px;
    text-decoration: none;
}
.filterBy h3 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 32px;
}
.filterBy li {
    display: block;
    margin: 7px 0;
}
.filterBy ul {
    color: #4F040C;
    list-style: none;
    margin-bottom: 10px;
    margin-top: 15px;
    padding: 0;
}
.filterBy .filterToggle + ul {
    display: none;
}
.filterBy .filterToggle + ul li {
    margin: 5px 0;
}

/* Search Results */

.srSection {
    display: none;
    position: relative;
    width:100%;
    vertical-align: top;
}
.srDisplay {
    display: block;
    min-height: 250750px;
    position: relative;
    width:100%;
    vertical-align: top;
}
.srSection .card {
    display: none;
}
.card {
    display: inline-block;
    text-align: left;
    height: 275px;
    width: 240px;
    border: 2px solid rgba(33,47,60,0.14);
    padding: 20px;
    margin: 0.5% 1%;
    position: relative;
    transition:400ms;
    /*overflow: auto;*/
    cursor:pointer;
    vertical-align: top;
}
.results-display {
    margin-bottom: 4%;
}
.results-display .subtitl {
    margin: 0 auto;
    margin-left:30px;
}
.results-display .subtitl .subtitles {
    display: flex;
    justify-content: space-between;
    margin-right: 50px;
}
.results-display .subtitl .subtitles h4 {
    display: inline-block;
}
.results-display .subtitl .subtitles h4#sort-by {
    margin: 10px 30px;
    cursor: pointer;
}

.results-display-search {
    margin-bottom: 4%;
    display:inline-block;
    float: right;
    width: calc(100% - 260px);
}
.results-display-search .subtitl {
    margin: 0 auto;
    margin-left:30px;
}
.results-display-search .subtitl .subtitles {
    display: flex;
    justify-content: space-between;
    margin-right: 50px;
}
.results-display-search .subtitl .subtitles h4 {
    display: inline-block;
}
.results-display-search .subtitl .subtitles h4#sort-by {
    margin: 10px 30px;
    cursor: pointer;
}
.card:hover {
    border: 2px solid #940817;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);
}
.card .cardTitle {
    font-size: 22px;
    line-height: 28px;
    max-height: 50px;
    color: #1E0205;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.card .cardDesc {
    font-size: 12px;
    min-height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.card .cardExtra {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.card .cardExtra p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 1px;
}
.search-again a {
    text-decoration: none;
    color: #c40003;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
}
.results-found {
    color: #1E0205;
    font-size: 18px;
    height: 22px;
    line-height: 23px;
}

/* Browse Page */

div.mobileHide span {
    font-weight: 300;
    font-size: 14px;
}
div.mobileHide form h3.split {
    color: #1e0205;
    font-family: SuperclarendonRg;
    font-size: 14px;
    margin: 55px 0 25px;
}
.filterToggle a {
    font-size: 13px;
}
#browse-content{
    align-content: center;
    text-align: center;
	background-color: #FFFAEF;
	width:100%;
    height:auto;
	min-height:375px;
}
.wrap {
    width:100%;
}
label {
    padding-left: 1em;
    text-indent: -2em;
}
.browse {
    color: #4F040C;
    width:17%;
    padding-left:40px;
    position: relative;
    float:left;
    margin-bottom: 1px;
}
.browse-search {
    color: #4F040C;
    width:260px;
    display:inline-block;
    padding-left:40px;
    position: relative;
    float:left;
    margin-bottom: 1px;
}
div.mobileHide form > div {
    border-bottom: 2px solid rgba(33,47,60,0.14);
}
#results-display {
    width: 83%;
    float:right;
}
#results-display-search {
    width: 83%;
    float:right;
}
.browse-obj {
    width:200px!important;
}
.browse a {
    color: #4F040C;
    text-decoration: none;
}
.browse-search a {
    color: #4F040C;
    text-decoration: none;
}
.browse .dateGroup input {
    display: inline-block;
}
.browse-search .dateGroup input {
    display: inline-block;
}
.browse .dateGroup label {
    font-size: 9px;
}
.browse-search .dateGroup label {
    font-size: 9px;
}
.browse .dateGroup label + label {
    display: inline-block;
    margin-left: 72px;
}
.browse-search .dateGroup label + label {
    display: inline-block;
    margin-left: 72px;
}
.browse .dateGroup p {
    display: inline-block;
    margin: 0 8px;
}
.browse-search .dateGroup p {
    display: inline-block;
    margin: 0 8px;
}
.filter-title-chevron {
    visibility: hidden;
}
.browse .filter h2 {
    color: #1E0205;
    font-size: 18px;
    font-family:SuperclarendonRg;
    margin: 10px 0 35px 0;
    position: absolute;
    top: 0;
    white-space: nowrap;
}
.browse .filter h3 {
    color: #4F040C;
    font-size: 16px;
    margin: 10px 0 15px;
}
.browse .filter .mobileHide {
    margin-top: 80px;
}
.browse .filterInputs {
    display: none;
    font-size: 12px;
    margin-left: 16px;
    margin-bottom: 15px;
}
.browse .dateGroup .filterInputs {
    width: 140%;
}

/* Custom checkboxes */

.browse .filter input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: -99999px;
    left: -99999px;
}
.browse .filter label:hover {
    cursor: pointer;
}
.browse .filter .eventDateGroup  label:hover {
    cursor: default;
}
.browse .filter input[type="checkbox"] + span::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: transparent;
    border: 1px solid #4F040C;
    border-radius: 100%;
    vertical-align: middle;
}
.browse .filter input[type="checkbox"]:checked + span::before {
    background-color: rgba(79,4,12,0.4);
}
.browse .filter input[type="text"] {
    width: 70px;
    padding: 0 8px;
}
.browse .resultsContainer {
    display: inline-block;
    padding-left: 5%;
    margin-top: 24px;
    width: calc(100% - 235px);
}
.browse .resultsContainer .searchSort {
    padding-bottom: 20px;
    color: #4F040C;
    font-size: 16px;
}
.browse .resultsContainer #browseSearch {
    border: none;
    padding: 10px 30px;
    width: 200px;
}
.browse .resultsContainer #browseSearch:focus {
    outline: none;
}
.browse .results, .searchResults .results {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  max-width: 1400px;
  padding: 0;
  margin: 0 auto;

}
.browse .subtitle {
  border-bottom: 2px solid rgba(30,2,5,0.05);
  text-align: center;
  padding-bottom: 13px;
    margin-bottom: 15px;
}
.browse .subtitle a {
  color: #1E0205;
  font-size: 20px;
  text-decoration: none;
  line-height: 26px;
  margin: 0 20px;
  padding: 13px;
}
.browse .subtitle a:hover, .browse .subtitle .active {
  border-bottom: 2px solid #940817;
  color: #940817;;
}



.browse-search .filter-search h2 {
    color: #1E0205;
    font-size: 18px;
    font-family:SuperclarendonRg;
    margin: 10px 0 35px 0;
    top: 0;
    white-space: nowrap;
}
.browse-search .filter-search h3 {
    color: #4F040C;
    font-size: 16px;
    margin: 10px 0 15px;
}
.browse-search .filter-search .mobileHide {
    margin-top: 80px;
}
.browse-search .filterInputs {
    display: none;
    font-size: 12px;
    margin-left: 16px;
    margin-bottom: 15px;
}
.browse .dateGroup .filterInputs {
    width: 140%;
}

/* Custom checkboxes */

.browse-search .filter-search input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: -99999px;
    left: -99999px;
}
.browse-search .filter-search label:hover {
    cursor: pointer;
}
.browse-search .filter-search .eventDateGroup  label:hover {
    cursor: default;
}
.browse-search .filter-search input[type="checkbox"] + span::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: transparent;
    border: 1px solid #4F040C;
    border-radius: 100%;
    vertical-align: middle;
}
.browse-search .filter-search input[type="checkbox"]:checked + span::before {
    background-color: rgba(79,4,12,0.4);
}
.browse-search .filter-search input[type="text"] {
    width: 70px;
    padding: 0 8px;
}
.browse-search .resultsContainer {
    display: inline-block;
    padding-left: 5%;
    margin-top: 24px;
    width: calc(100% - 235px);
}
.browse-search .resultsContainer .searchSort {
    padding-bottom: 20px;
    color: #4F040C;
    font-size: 16px;
}
.browse-search .resultsContainer #browseSearch {
    border: none;
    padding: 10px 30px;
    width: 200px;
}
.browse-search .resultsContainer #browseSearch:focus {
    outline: none;
}
.browse-search .results, .searchResults .results {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  max-width: 1400px;
  padding: 0;
  margin: 0 auto;

}
.browse-search .subtitle {
  border-bottom: 2px solid rgba(30,2,5,0.05);
  text-align: center;
  padding-bottom: 13px;
    margin-bottom: 15px;
}
.browse-search .subtitle a {
  color: #1E0205;
  font-size: 20px;
  text-decoration: none;
  line-height: 26px;
  margin: 0 20px;
  padding: 13px;
}
.browse-search .subtitle a:hover, .browse-search .subtitle .active {
  border-bottom: 2px solid #940817;
  color: #940817;;
}



h2 {
    margin-bottom: 50px;
    color: #1e0205;
    font-size: 16px;
}
h2.about-text {
	margin-top: 40px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #1e0205;
	font-size: 20px;
	padding: 0 20px;
}
.voyages-h2 {
    padding: 0;
    font-size: 40px;
    font-family: SuperclarendonRg;
    margin-bottom: 40px;
}
.voyages-rightColumn-h2 {
    font-family:SuperclarendonRg;
    font-size:22px;
}
.objectTitle {
    font-size:28px;
    font-family:SuperclarendonRg;
}
.voyages-h3 {
    padding: 0;
    margin-top:5px;
    font-family:SuperclarendonRg;
    font-size:28px;
}
.browse-row{
    margin:0 auto;
    padding:0;
	list-style-type: none;
}
.browse-row li{
	display: inline-block;
    margin: 0 30px 0 30px;
}
.results li{
	display: inline-block;
    margin: 0 30px 0 30px;
    vertical-align: top;
}
.courts-page ul {
    display: inline-block;
}

.courts-page{
  max-width: 1200px;
  margin: 0 auto;
  padding-right: 40px;
}
.courts-container {
    text-align: left;
}
.courts-container h2 {
    margin-left: 3px;
    margin-bottom: 10px;
    font-size: 20px;
}
.courts-container .arrow-right {
    margin-left: 5px;
    transform: rotate(-90deg);
}
.courts-container .courts-img {
    float: left;
    margin: 10px 10px 10px 3px;
    max-height: 167px;
    max-width: 167px;
    border: 2px solid rgba(255,250,239,1);
}
.courts-container p {
    margin-left: 3px;
    margin-top: 4px;
    font-size: 12px;
    line-height: 20px;
}
.courts-container:hover h2 {
	color:#c40003;
}
.courts-container:hover .courts-img {
	border: 2px solid #c40003;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);
}
.courts-container em {
    font-size: inherit;
}
.browse-container{
	width: 229px;
    transition: 200ms;
	overflow: hidden;
	margin:0 auto;
}
.browse-container a img{
	border: 2px solid rgba(30,2,5,0.1);
}
.browse-container a{
	text-decoration: none;
	color:#1E0205;
	font-size: 14px;
}
.browse-container > p {
    margin-top: 5px;
}
.browse-container:hover a,.browse-container:hover h2 {
	color:#4F040C;
}
.browse-container:hover img{
	border: 2px solid #c40003;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);
}
.browse-container:hover p a{
    color: #c40003;
}
#people-content{
	background-size: cover;
	background-image:url("../images/People.jpg") ;
	width:100%;
	height: 800px;
}
.people-row{
	list-style-type: none;
	padding:0;
}
.people-row li{
	float:left;
	display: inline-block;
	padding-bottom: 0px;
	margin-left: 10%;
	margin-top: 5%;
}
.people-container{
	padding: 80px 6px 0px 11px;
	height: 275px;
	width: 275px;
	border: 2px solid rgba(30,2,5,0.5);
	text-align:center;
	background-color: rgba(255,250,239,0.7);
	font-weight: bold;
}
.people-container h2{
	margin-bottom: 80px;
	font-weight: bold;
	color:#1E0205;
	font-size: 20px;
}
.people-container a{
	text-decoration: none;
	color:#1E0205;
}
.people-container:hover a,.people-container:hover h2{
	color:#4F040C;
}
.people-container:hover{
	border: 2px solid #4F040C;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);
}
#courts-image {
    background-image: url(../images/banner_browse.jpg);
    text-align: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 300px;
    object-fit: cover;
    background-size: cover;
    background-position: 0% 45%;
    margin-bottom: 30px;
}
#gallery-image{
    text-align: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 300px;
    object-fit: cover;
    background-image: url(../images/Image_Gallery.jpg);
    background-size: cover;
    background-position: 0% 80%;
    margin-bottom: 30px;
}
.gallery-image-text {
    display: table;
    position: absolute;
    top: 30%;
    width: 100%;
}
.gallery.panel-group {
    margin: auto;
    max-width: 1000px;
}
.col-xs-6 p{
	text-align: left;
	color:#1E0205;
}
.col-xs-6 a{
	text-align: left;
	color:#940817;
}
.carousel-caption h4{
	font-size: 24px;
}
.carousel-caption p{
	font-size: 18px;
}
.panel-group{
	margin-left: 30px;
    margin-right: 30px;
}
.panel-title a {
    display: block;
    width: 100%;
	font-size:20px!important;
}
.panel-title a span {
    float: right;
    margin-top:3px;
}
.panel-title a:hover {
    color:white;
}

/*History Page*/

.essays {
    max-width: 1200px;
    margin: auto;
    padding: 5% 5% 0% 10%;
    text-align: center;
}
.essays a {
    text-decoration: none !important;
    color:#1E0205;
}
.historic-essays {
    text-align: left;
    height: 375px;
    width: 300px;
  	border: 2px solid rgba(30,2,5,0.1);
    padding: 25px 25px 20px 25px;
    position: relative;
    margin: 1%;
    display: inline-table;
	transition:400ms;
}
.historic-essays:hover{
	border: 2px solid #c40003;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);
}
.historic-essays .titling {
    width: 211px;
    color: #1E0205;
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 15px;
}
.historic-essays .overview {
    height: 225px;
    color: #1E0205;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
}
.learn-more {
    height: 19px;
    color:#C40003;
    font-size: 15px;
    line-height: 19px;
    position: absolute;
    bottom:0;
    left:0;
    padding:200px 90px 40px 20px;
    text-decoration: none;
}
.people-names .learn-more {
    padding:200px 110px 40px 20px;
}
.historic-essays > .learn-more {
    padding:330px 188px 40px 20px;
}
.learn-more:hover{
	color:#c40003;
}
.single-history .description-wrapper {
    text-indent: 50px;
}
.description-wrapper ul,
.description-wrapper ol {
    padding-left: 0;
    text-indent: 0;
}
.description-wrapper strong:first-child {
    margin-left: -50px;
}
.description-wrapper strong {
    font-size: 20px;
}

/*End of history page*/
/*People page*/

#people-image {
    text-align: center;
    background-image: url(../images/banner_browse.jpg);
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 300px;
    object-fit: cover;
    background-size: cover;
    background-position: 0% 45%;
    margin-bottom: 30px;
}
/*.people a {
    text-decoration: none !important;
}
.people-names {
    text-align:left;
    height: 240px;
  	width: 230px;
  	border: 2px solid rgba(33,47,60,0.14);
    padding: 20px;
    margin: 1% 2%;
    position: relative;
    transition:400ms;
    overflow:auto;
    cursor:pointer;
    color: #333;
    transition:200ms;
}
.people-names:hover {
    border: 2px solid #940817;
  box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);
}
.people-names h3 {
    font-size: 22px;
    color:#1E0205;
    margin-top:0;
    height:45px;
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.people-names div {
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
}
.subtitl {
  padding:0 0 35px 0;
  margin-left:25%;
  margin-right: 9%;
}
.subtitl h4 {
    text-align: left;
    display: inline-block;
}
.subtitles {
    text-align: left;
}
.subtitl #sort-by {
    cursor: pointer;
    width: 95px;
    font-size: 16px;
    height: 19px;
    line-height: 19px;
    float: right;
    margin-left: 30px;
}*/
#referer, #eventReferer {
    display: none;
}
#refered, #eventRefered {
    height: 25px;
    overflow: hidden;
}
#sort-drop {
    margin-top: 10px;
    margin-left: -48px;
}

#sort-drop li a {
    font-size: 12px;
    text-align: left;
}

#menu-icon {
    margin-left: 7px;
    font-size: 14px;
}
.pagination {
    margin-bottom: 62px;
    text-align: center;
    width: 78.85%;
    float: right;
    margin-right: 4.15%;
    position:relative;
    padding-bottom:22px;
}
.pagination a {
    color: #1e0205;
    margin: 2px;
    padding: 5px;
    width: 20px;
    text-decoration: none;
    cursor: pointer;
    transition:300ms;
}
/* .pagination a:hover {
    background-color: #ddd;
} */

#previousPage .previous-arrow:hover{
    background-color: rgba(79,4,12,.2);
    transition: background-color 0.5s ease;
}

#nextPage .next-arrow:hover{
  background-color: rgba(79,4,12,.2);
  transition: background-color 0.5s ease;
}
.pagination a.the-active {
    margin: 2px;
    padding: 6px 16px;
    width: 20px;
    text-decoration: none;
    border: 1px solid #1E0205;
}


#lastPage:hover{
  opacity: .6;
}

.pagination a.newPage:hover{
  opacity: .6 !important;
}





.pagination a.the-active:hover{
  opacity: .6;
}
#nextPage {
  display: inline-block;
  width: auto;
  border-radius: 100%;
  margin: 0 5%;
}
#previousPage {
    display: inline-block;
    transform: scaleX(-1);
    width: auto;
    border-radius: 100%;
    margin: 0 5%;
}

.previous-label {
	height: 11px;
	width: 62.52px;
	color: #3F3F3F;
	font-family: Montserrat;
	font-size: 9px;
	line-height: 11px;
  transform: scaleX(-1);
  float:left;
  margin-top: 16px;
  text-align:left;
  padding-left: 10px;
}
.next-label {
	height: 11px;
	width: 62.52px;
	color: #3F3F3F;
	font-family: Montserrat;
	font-size: 9px;
	line-height: 11px;
  float:left;
  margin-top: 16px;
  text-align: right;
  padding-right: 10px;
}



#previousPage .previous-arrow {
    height: 40px;
    width: 40.34px;
    border: 1px solid #1E0205;
    transform: scaleX(-1);
    border-radius: 100%;
    margin: 0;
    padding: 10px 15px;
    display: inline-block;
    transform: rotate(-90deg);
}

#nextPage .next-arrow {
    height: 40px;
    width: 40.34px;
    border: 1px solid #1E0205;
    transform: scaleX(-1);
    border-radius: 100%;
    margin: 0;
    padding: 10px 15px;
    display: inline-block;
    transform: rotate(-90deg);
  }

.previous-label2 {
    display: none;
}
.next-label2 {
    display: none;

}

#previousPage.mobile {
    display: none;

}

#previousPage.mobile .previous-arrow2 {
    height: 40px;
    width: 40.34px;
    border: 1px solid #1E0205;
    transform: scaleX(-1);
    border-radius: 100%;
    margin: 0;
    padding: 10px 15px;
    transform: rotate(-90deg);
}

#nextPage.mobile {
    display: none;
    @media (max-width: 1025px) {

        .previous-label2 {
            display: none;
        }
        .next-label2 {
            display: none;
        }
        /* #previousPage.mobile {
            display: block;
            position: absolute;
            width: fit-content;
            top: 32px;
            left: calc(47% - 100px);
            float: left;
            margin: 0;
        }

        #nextPage.mobile {
            display: block;
            position: absolute;
            width: fit-content;
            top: 32px;
            float: right;
            right: calc(47% - 100px);
            margin: 0;
          } */
    }
}

#nextPage.mobile .next-arrow2 {
    height: 40px;
    width: 40.34px;
    border: 1px solid #1E0205;
    transform: scaleX(-1);
    border-radius: 100%;
    margin: 0;
    padding: 10px 15px;
    transform: rotate(-90deg);
  }


#page-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 220%;
    width: 100%;
    background-color: rgba(255,250,239,1);
    opacity: 0.8;
    z-index: 1000;
    display: none;
    text-align: center;
    padding-top: 25px;
}
#page-loader .content {
    padding: 25%;
    color: #c40003;
    font-size: 16px;
}
#page-loader  img {
    height: 10%;
    width: 10%;
}

@media (max-width: 1025px) {

    .previous-label2 {
        display: none;
    }
    .next-label2 {
        display: none;
    }
    /* #previousPage.mobile {
        display: block;
        position: absolute;
        width: fit-content;
        top: 32px;
        left: calc(47% - 100px);
        float: left;
        margin: 0;
    }

    #nextPage.mobile {
        display: block;
        position: absolute;
        width: fit-content;
        top: 32px;
        float: right;
        right: calc(47% - 100px);
        margin: 0;
      } */
}

/* @media (max-width: 670px) {
    .pagination{
        margin-bottom: 90px;
    }

    .previous-label2 {
        display: none;
    }
    .next-label2 {
        display: none;
    }

    #previousPage{
      display: none;
    }

    #nextPage{
      display:none;

    }
    #previousPage.mobile {
        display: block;
        position: absolute;
        width: fit-content;
        top: 47px;
        left: calc(47% - 100px);
        float: left;
        margin: 0;
        padding: 0;
    }

    #previousPage.mobile:hover{
        background-color: rgba(79,4,12,.2);
        transition: background-color 0.5s ease;

    }

    #nextPage.mobile {
        display: block;
        position: absolute;
        width: fit-content;
        top: 47px;
        float: right;
        right: calc(47% - 100px);
        margin: 0;
        padding: 0;
      }
    #nextPage.mobile:hover{
        background-color: rgba(79,4,12,.2);

      }
} */

/* End of People page */
/* Court Single */

.court-image{
	width:100%;
}
.court-image div{
	text-align: left;
	margin: 0 auto;
	display: table;
}
.court-image img{
	margin-top:5%;
	margin-bottom:2%;
}
.court-image p{
	font-weight: bold;
	font-size: 15px;
}
h3.court-heading {
    margin-bottom: 5px;
}
p.court-data {
    padding: 0 0 40px 0;
    font-size: 14px;
    font-family: "montserrat-regular"
}
.left-prev{
	color: #FFFAEF;
	float:left;
	padding-left: 18px;
	text-decoration: none;
}
.left-prev:hover{
	color: #FFFAEF;
	text-decoration: none;
	cursor: pointer;
}
.right-next{
	color: #FFFAEF;
	float:right;
	padding-right: 18px;
	text-decoration: none;
}
.right-next:hover{
	color: #FFFAEF;
	text-decoration: none;
	cursor: pointer;
}
.event-top{
    display: block;
    width: 85%;
    text-align: center;
    margin-bottom: 80px;
    margin: auto;
}
.button-block .associate {
    font-size: 14px;
    font-family: "Montserrat-Regular";
}
.place-top {
    margin-bottom: 40px;
}
.place-top .subtitle {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    font-family: "montserrat-regular";
}
.place-top span {
    font-size: 18px;
    font-family: "montserrat-medium";
}
.event-top h3 {
	display: block;
    margin-top: 20px;
    font-size: 18px;
    font-family: "Montserrat-medium";
}
.event-top h3{
	font-size: 18px;
}
.event-top h3 span {
    font-size: 14px;
    font-family: "montserrat-regular";
}
.event-head, .event-end{
	text-align: left;
	font-size: 40px;
	margin-top: 60px;
    margin-left: 2.5%;
    font-family: SuperclarendonRg;
}
.related-records {
    margin-bottom:50px;
}
.record-header{
    position: relative;
    color: #1e0205;
	text-align: center;
	width:90%;
	border-bottom: 2px solid rgba(30,2,5,0.05);
	padding-bottom: 35px;
	margin: 0 auto;
}

.record-header a{
	text-align: center;
	color: #1E0205;
    font-size: 20px;
    text-decoration: none;
    line-height: 26px;
}
.center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.record-header .grid-view,
.record-header .list-view,
.record-header .dropdown {
    float: right;
}
.record-header .dropdown {
    margin-left: 20px;
    cursor: pointer;
}
.record-header .dropdown .dropdown-menu {
    text-align: left;
    font-size: 12px;
}

.record-header .grid-view {
    margin-left: 15px;
}
div.associated-events {
    text-align: center;
    margin: 0 auto 100px;
    max-width: 1200px;
}
.row-about-person .associated-events {
    margin: 0 auto;
}
.voyage-content .associated-events {
    padding: 20px;
}
.associated-events table {
    width: 80%;
}
#associated-events{
    height: 46px;
    width: 23%;
    border: 2px solid rgba(30,2,5,0.1);
    text-align: left;
    font-size: 16px;
    padding-top: 13px;
    padding-left: 10px;
    margin: 4% 0% 0% 7%;
    display: inline-table;
}
#associated-events a{
	color: #1E0205;
	text-decoration: none;
}
.glyphicon-chevron-down, .glyphicon-search {
	color:white!important;
}
.glyphicon-chevron-down {
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
}
.record-header a:hover, .record-header .active {
    color: #c40003;
}
.results {
    margin-bottom: 4%;
    padding: 0 5% 0 0;
    align-content: center;
    text-align: center;
}
ul.results {
    padding: 0;
}
ul.results li div a img {
    display: block;
    vertical-align: top;
}
.inside-image {
	margin:20px auto!important;
}
.button-block{
    position: relative;
    height:auto;
	min-height: 60px;
    width: 250px;
    vertical-align: top;
    margin: 2% 2%;
    font-size: 16px;
    display: inline-flex;
    align-items:center;
    border: 2px solid rgba(30,2,5,0.1);
	color:#1E0205;
	text-decoration: none;
    line-height: normal !important;
    transition: 200ms;
    overflow:hidden;
}
ul.results > .record-header {
	margin-top:75px;
}ul.results > .record-header:first-child {
	margin-top:0!important;
}
.home-search {
	position: absolute;
	top: 0;
	bottom: 0;
	right:0;
	margin:25px!important;
}
.button-block:hover{
    cursor:pointer;
    border-color: #1e0205;
    color: #1e0205;
    background:rgba(0,0,0,0.1);
}
.button-block-text {
    width: 80%;
    margin: auto;
}
.description{
	width:90%;
	margin:90px auto;
}
#esearch-sort {
    margin-left: 3%;
    padding:25px 0 35px 0;
}
#psearch-sort {
    margin: 0 auto;
    padding-top:7px;
    padding-bottom: 4%;
    max-width: 80%;
    position:relative;
    display: flex;
    justify-content: space-between;
}
.search-sort #esort {
    margin: 0 30px;
}
.search-sort div {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    padding-top: 5px;
}
.grid-view, .list-view {
    height:20px!important;
    width:20px!important;
    position: relative;
    transition: 200ms;
    cursor: pointer;
}
.grid-view span, .list-view span {
    font-size: 16px!important;
    padding: 5px;
}
.list-view {
    opacity: 0.5;
}
.subtitles .grid-view, .subtitles .list-view {
    /*display: inline-block;*/
    display: none!important;
    cursor: pointer;
    padding-top: 5px;
    opacity: 0.5;
}
.subtitles .grid-view.active, .subtitles .list-view.active {
    opacity: 1;
}
.people-table-chevron {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg);
}
.search-sort span img {
    height: 30px;
    width: 30px;
    font-weight: bold;
}
.search-sort input[type=text] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url(../images/searchicon.png);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 12px;
}
.search-sort #search-here {
    display: inline-block;
    width:300px;
    position: relative;
}
.search-sort #search-here:focus {
    outline:none;
}
.search-sort #search-here input, .search-sort #search-here input.events-search {
    text-align: left;
    transition: 400ms;
    background-image: url(../images/searchicon.png);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
.people-search {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 15px;
    transition: 400ms;
}
.search-sort #search-here input:focus{
    border-color: #C40003;
    outline: 0;
}
.search-sort #search-here input:focus + .people-search{
    outline-color: white;
}
.object-iframe {
    margin: auto;
}
.object-iframe iframe {
    width:100%;
    height:500px;
    overflow:hidden;
    border-style: none;
}
#block-display {
    padding-left: 50%;
}
#list-display {
    padding-left: 4%;
}
.download-csv {
    display: none;
    cursor: pointer;
    margin-top: 25px;
}
.download-csv:hover {
    color:#c40003;
}
#use-listing {
    padding-left: 5%;
    display: none;
}
#use-listing table {
    table-layout: fixed;
    text-align: justify;
    border: 1px solid rgba(30,2,5,0.1);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.05);
    background-color: rgba(30,2,5,0.02);
}
#use-listing th {
    box-sizing: border-box;
    border-bottom: 2px solid rgba(30,2,5,0.1);
    color: #1E0205;
    font-weight: 500;
    font-size: 16px;
    background-color: #FFFBF2;
}
#use-listing td {
    box-sizing: border-box;
    border-bottom: 2px solid rgba(30,2,5,0.05);
    color: #1E0205;
}
#use-listing th, #use-listing td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    line-height: 30px;
}
#use-listing td a {
    text-decoration: none;
    color: #4F040C;
    float: right;
    padding-right: 10px;
}
#use-listing tr:hover td {
    cursor: pointer;
    background-color: rgba(79,4,12,0.05);
}
.event-journey {
    width: 100%;
    overflow:auto;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    white-space:nowrap;
    transition:200ms;
}
.event-journey-wrap {
    margin: 0 auto;
}
.event-journey .event-block {
    display: inline-block;
    padding: 10px;
}
.event-block {
    position: relative;
}
.event-block div{
    display: block;
}
.event-block a {
    text-decoration: none;
}
.event-block:hover {
    color: #3D000C;
}
.event-block .event-name, .event-place {
    margin-top: 0px;
    margin-bottom:0px;
    position:absolute;
    color: #4F040C;
    font-size: 14px;
    font-weight: 1000;
    font-family: inherit;
}
.v-line {
    border-left: 2px solid black;
    height: 20px;
    margin-left: 59px;
    position: absolute;
}
.event-place {
    font-size: 11px;
    opacity: 0.7;
    color: #1E0205;
    text-align: center;
    width: 200px;
    text-overflow: ellipsis
}
.to-bottom .v-line {
    margin-top: 80px;
    margin-left: 54px;
}
.on-top .v-line {
    margin-top: 20px;
    margin-left: 60px;

}
.to-bottom .event-name {
    padding-top: 100px;
    margin-left: -10px;
    width: 130px;
    text-align: center;
}
.to-bottom .event-place {
    padding-top: 120px;
    margin-left: -45px;
    text-align: center;
    width: 200px;
    overflow: hidden;
}
.on-top .event-name {
    padding-bottom: 60px;
    top: 0;
    margin-left: -3px;
    width: 130px;
    text-align: center
}
.on-top .event-place {
    padding-bottom: 60px;
    top: -15px;
    margin-left: -40px;
    width: 200px;
    overflow: hidden;
}
.event-block .event-date-original {
    height: 40px;
    width: 120px;
    border: 1px solid rgba(30,2,5,0.1);
    border-radius: 5px;
    margin-top: 40px;
    margin-bottom:0px;
    line-height: 20px;
    background-color: #F5F0E6;
    box-shadow: 0 3px 5px 0 rgba(30,2,5,0.05);
    color: #1E0205;
    font-size: 14px;
    padding-top: 10px;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    font-style: normal;
    text-align: center;
    transition:400ms;
}
.active .event-date-original {
  background-color: #4F040C;
  text-align: center;
}
.active .event-date-original div {
  color: #F5F0E6!important;
}
.event-date-original:hover {
    border: 1px solid rgba(30,2,5,0.7);
}
.main-content, .voyage-content {
	padding: 60px 20px;
    max-width: 1200px;
	line-height:30px;
	margin:0 auto 40px;
}

.main-content .record-header {
    margin-top: 40px;
}

.voyage-content {
    padding-bottom: 40px;
}
.voyage-content a {
  text-decoration: none;
}
.voyage-content .date a {
    font-size: 14px;
    font-family: "Montserrat-regular";
}
.event-details div {
    margin-top: 20px;
    font-size: 14px;
    font-family: Montserrat-regular;
}
span.source {
    cursor: pointer;
}
.event-details div.source span img {
    transition: 400ms;
}
.event-details span {
    font-size: 18px;
    font-family: Montserrat-medium;
}
span.sourceInfo {
    font-size: inherit;
    font-weight: inherit;
    display: none;
}
.open-fullsize {
    color: #1E0205;
    padding-left: 20px;
    line-height: 60px;
}
.event-details span.hideme {
    display: none;
    font-weight: unset;
    font-size: 14px;
    padding: 10px 0;
}
.event-docs {
    text-align: left;
    margin: 40px auto 0;
    background-color: #F5F0E6;
    border: 1px solid rgba(30,2,5,0.1);
    border-radius: 10px;
    box-shadow: 0 3px 5px 0 rgba(30,2,5,0.05);
    padding-bottom: 20px;
    min-height: 300px;
    overflow: hidden;
}
.event-docs div {
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
}
.other-docs {
    padding-left: 28px;
    text-align: left;
}
.other-docs span {
    font-size: 18px;
    font-weight: bold;
}
.col-md-6 {
    margin-bottom: 80px;
}
.right-column {
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
    background-color: #F5F0E6;
    border: 1px solid rgba(30,2,5,0.1);
    border-radius: 10px;
    box-shadow: 0 3px 5px 0 rgba(30,2,5,0.05);
    text-align: center;
    margin: 40px 0;
    visibility: visible;
    padding: 20px 10px;
    width: 40%;
}
.right-column .main-div {
    display: inline-block;
    margin-right: 10px;
    margin-top: 20px;
}
.back-to-case {
    height: 43px;
    margin: -55px 0 0 10px;
    padding: 10px 35px 0 20px;
    background-color: #F5F0E6;
    box-shadow: 0 3px 5px 0 rgba(30,2,5,0.05);
    position: absolute;
    left: -18px;
    color: #1E0205;
    font-style: normal;
    -ms-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
    border: 1px solid rgba(30,2,5,0.1);
    border-radius: 10px;
    font-style: italic;
}
.back-to-case > div {
    display:inline-block;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
}
.view-voyage {
    height: 35px;
    width: 277px;
    margin: 20px 0px 5px 0px;
    padding: 5px 0px 0px 20px;
    border: 1px solid rgba(30,2,5,0.1);
    border-radius: 0 5px 5px 0;
    background-color: #F5F0E6;
    box-shadow: 0 3px 5px 0 rgba(30,2,5,0.05);
    line-height: 20px;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    font-style: normal;
    display: inline-block;
}
.slant {
    -ms-transform:skewX(20deg);
    -webkit-transform:skewX(20deg);
    transform:skewX(20deg);
}
.modal-model {
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    display: none;
}
.modal-model #modal-config {
    margin: 5% auto;
    height: 774px;
    max-width: 928px;
    width: 95%;
    max-height: 100%;
    z-index: 102;
    overflow: auto;
    background-color: rgba(255,250,239,1);
    border: 1px solid #C5C8CF;
}

.modal-model #modal-config #innerGroup {
    display: block;
    margin: 30px;
}

.modal-model #modal-config #innerGroup .modal-dropdown {
    margin-bottom: 15px;
}

.modal-model #modal-config #innerGroup .modal-select {
    display: block;
    width: 40%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fffcf5;
    /*background-image: none;*/
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.modal-model #modal-config #innerGroup .modal-label {
    padding-left: 0;
    text-indent: 0;
    font-weight: 200;
    margin-top: 30px;
}

.modal-model #modal-config #innerGroup .modal-table-outer-wrap {
    display: inline-block;
    margin-top: 30px;
    width: 100%;
}

.modal-model #modal-config #innerGroup .arrow-wrap{
    float: left;
    width: 10%;
    margin-top: 160px;
    vertical-align: top;
    text-align: center;
    /* cursor: pointer; */
}

.modal-model #modal-config #innerGroup .arrow-wrap img {
    /*height: 15px;*/

}

.modal-model #modal-config #innerGroup .arrow-wrap #arrow-right {
    transform: rotate(-90deg);
    height: 8px;
    cursor: pointer;
}

.modal-model #modal-config #innerGroup .arrow-wrap #arrow-left {
    width: 100%;
    transform: rotate(90deg);
    height: 8px;
    cursor: pointer;
}

.modal-model #modal-config #innerGroup .arrow-wrap .img-padding-wrap {
    border: 1px solid #ccc;
}

.modal-model #modal-config #innerGroup .field-choice {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    font-size: 14px;
    margin-left: 15px;
}

.modal-model #modal-config #innerGroup .modal-table-wrap {
    width: 44%;
   float:left;
}

.modal-model #modal-config #innerGroup .modal-table-header {
    font-size: 14px;
    margin-top: 24px;
}

.modal-model #modal-config #innerGroup .modal-table {
    width: 100%;
    height: 320px;
    max-height: 100%;
    background-color: #fffcf5;
    border: 1px solid #ccc;
    overflow: auto;
    margin-top: 2px;


}

.modal-select:focus {
    border-color:#C40003;
}


select.modal-select {
    background-color: #fffcf5;
    background:url(../images/arrow_dark.svg) no-repeat;
    -webkit-appearance:none;
    background-position:93%;
}

.modal-model #modal-config #innerGroup #config-header {
    /* font-size: 30px;
    font-weight: bold; */
    font-size: 30px;
    font-weight: bolder;
    font-family: "superclarendon";
}

.close-x{
    height: 40px;
    width: 40px;
    border-radius: 30px;
    background-color: #1E0205;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.05);
    margin-top: -56px;
    margin-left: 817px;
    float: right;
    cursor: pointer;
}

.close-x img{
    margin-left: 14px;
    margin-top: 14px;
    height: 12px;
    width: 12px;
}


.name-var-drop{
    height: 60px;
    width: 380px;
    background-color: #FFFCF5;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.04);
    border: 1px solid rgba(30,2,5,0.1);
    text-align: left;
    line-height: 60px;
    margin-top:-5px;
}

.choose-group {
  margin-top: 48px;
  font-size: 14px;
}

.name-var-drop p{
    margin-left: 20px;
    font-size:14px;
}

.name-var-drop img{
    margin-top: -140px;
    margin-left: 343px;
}

.select-arrows {
    margin-top: -314px;
    float: right;
    position: relative;
    right: 40px;
    width: 30px;

}

.down-arrow {
    margin: 0 auto;
    width: fit-content;
    cursor: pointer;

}

.down-arrow-wrap{
    background: #fff;
    border: 1px solid rgba(37,52,73,0.1);
    cursor: pointer;
    padding: 3px 0;
    margin-top: 20px;
}

.right-arrow-wrap{
    border: 1px solid rgba(37,52,73,0.1);
    cursor: pointer;
    padding: 3px 0;
    width: 30px;
    height: 30px;
    margin:0 auto;
    margin-top: 20px;
}

.left-arrow-wrap{
    padding: 3px 0;
    border: 1px solid rgba(37,52,73,0.1);
    cursor: pointer;
    width: 30px;
    margin: 0 auto;
}

#configTable {
    display: none;
    margin: 20px 0;
    cursor: pointer;
}
#configTable:hover > p {
    color:#c40003;
}


.up-arrow {
    transform: rotate(180deg);
    margin: 0 auto;
    cursor: pointer;
    width: fit-content;
    vertical-align: middle;
}

.up-arrow-wrap{
    padding: 3px 0;
    Background: #fff;
    border: 1px solid rgba(37,52,73,0.1);
    cursor: pointer;
}
#modal-inner {
    position: relative;
    display: block;
    margin: 0 auto;
}

.update-table-columns {
    background-color: #1E0205;
    height: 60px;
    width: 380px;
    float:right;
    margin-top: 42px;
    margin-left: 477px;
    margin-right:2%;
}

.update-table-columns p {
    color: #FFFFFF;
    font-size: 18px;
    font-family: Montserrat-Regular;
    text-align:center;
    line-height: 60px;
    cursor: pointer;

}

.openLarge {
    cursor: pointer;
    text-align: left;
    margin-left: 28px;
}
embed {
    max-width: 100%;
    overflow: hidden;
}
.back-to-arrow {
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
}

/* Media Queries */

/* When using max-width, queries must be ordered from largest to smallest */
/* The opposite is true for min-width */

@media (min-width: 2560px) {
    body {
        text-align: center;
    }
    .page-wrapper {
        margin: auto;
        width: 2560px;
    }
}
@media (min-width:1550px){
	.people-row{
		margin-left:10%;
	}
}
@media(max-width: 1196px){
	.people-row li{
		margin-left: 5%;
	}
}
@media(max-width: 1186px){
  .browse-row{
    max-width:800px;
  }
}
@media(max-width:1125px){
    .browse{
        width: 20%
    }
    .browse-search{
        width: 20%
    }
    #results-display{
        width: 80%;
    }
    #results-display-search{
        width: 80%;
    }
    .pagination {
        width: 76%;
        margin-right: 4%;
    }
}
@media(max-width: 1120px){
	.results-display .subtitl {
		margin-left:10%;
	}
    .results-display-search .subtitl {
		margin-left:10%;
	}
}
@media(max-width:1050px){
    .grid-view {
        margin-left: 45px;
    }
    .search-sort #esort {
        margin: 0 0 0 15px;
    }
}
@media(max-width: 1000px){
    div.row figure {
        width: 100%;
    }
    .event-top {
        width: auto;
    }
}
@media(max-width: 992px) {
    .container .voyage-content {
        margin-bottom: -50px;
    }
    .voyage-content div.row {
        margin-top: -30px;
        margin-bottom: 60px;
        flex-wrap: wrap;
    }
    .row .col-md-6 {
        width: 100%;
        margin-bottom: 40px;
    }
    .row .right-column {
        margin-top: 0;
        margin-bottom: 0;
        width: 100%;
    }
    .associated-events table {
        width: 100%;
    }
}
@media(max-width: 987px){
	.browse-container h2{
		font-size: 17px;
	}
	.people-row li{
		margin-left: 6%;
	}
	.people-container{
		padding: 51px 6px 0px 11px;
	    height: 222px;
	    width: 212px;
	}
	.people-container h2{
		font-size: 17px;
	}
	#people-content{
		height: 650px;
	}
}
@media(max-width: 850px){
    .browse {
        float: none;
        width: 80%;
        padding: 0 5%;
        margin: 0 auto;
    }
    .filter-title-chevron {
        visibility: visible;
    }
    .browse .filter h2 {
        cursor: pointer;
        position: relative;
    }
    .browse .filter {
        width:auto;
        padding-left: 55px;
    }
    .browse-search {
        float: none;
        width: 80%;
        padding: 0 5%;
        margin: 0 auto;
    }
    .filter-title-chevron {
        visibility: visible;
    }
    .browse-search .filter-search h2 {
        cursor: pointer;
        position: relative;
    }
    .browse-search .filter-search {
        width:auto;
        padding-left: 55px;
    }
    #results-display {
        width: 100%;
        float: none;
        padding: 0 5%;
    }
     .results-display-search {
        width: 100%;

    }
    .results {
        padding: 0 5%;
    }
    .mobileHide {
        display: none;
    }
    .download-csv {
        display: none;
        margin: 0;
    }
    #psearch-sort {
        padding-left: 8%;
    }
    .pagination {
        width: 100%;
        margin-right: 0;
    }
}
@media(max-width: 792px){
	.browse-container h2{
		font-size: 17px;
	}
	.people-row li{
		margin-left: 3%;
	}
	.people-container{
		padding: 51px 6px 0px 11px;
	    height: 222px;
	    width: 212px;
	}
	.people-container h2{
		font-size: 17px;
	}
	#people-content{
		height: 650px;
	}
}
@media(max-width: 770px){
    #psearch-sort {
        padding-left: 25px;
    }
    .browse .filter {
        padding-left: 25px;
    }
    .browse-search .filter-search {
        padding-left: 25px;
    }
}
@media(max-width: 768px){
    .browse .filter {
        font-size: 12px;
    }
    .browse-search .filter-search{
        font-size:12px;
    }
    .custom-navbar-left {
        margin-left: 0px;
    }
}
@media(max-width:735px){
    .grid-view {
        margin-left: 10px;
    }
}
@media(max-width: 715px){
  #name-form {
      width: 100%;
      padding: 0;
  }
  .browse .filter {
    width: 100%;
  }
    .browse-search .filter-search {
    width: 100%;
  }
	#people-content{
		height: 900px;
	}
	#text-box {
	    position: absolute;
	    top: 5%;
	    width: 100%;
        right:0;
	}
	.landing-image .img-responsive{
  	height: 700px;
	}
	.people-row li{
		margin-left: 5%;
	}
    ul.results li {
        display: block;
        padding-bottom: 40px;
    }
    form.subtitle {
        width: 50%;
        margin: auto;
    }
    .row-about .courts {
        -webkit-columns: initial;
        -moz-columns: initial;
        columns: initial;
        margin-left: 0;
    }
}
@media(max-width:710px){
    #psearch-sort {
        padding-left: 0;
    }
    .search-sort #esort {
        margin: 0 0 0 30px;
    }
    .browse .filter {
        padding-left: 0;
    }
    .browse-search .filter-search {
        padding-left: 0;
    }
}
@media(max-width: 680px){
    .search-sort > div {
        width: 100%;
        position: relative;
        padding-bottom: 10px;
        display: block;
    }
    .search-sort #esort {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .browse {
        width:99%;
    }
    .browse .filter {
        padding: 0 5%;
    }
     .browse-search {
        width:99%;
    }
    .browse-search .filter-search {
        padding: 0 5%;
    }
    #psearch-sort {
        max-width: 100%;
        padding: 0 10%;
        margin: 0;
        display: block;
    }
    .search-sort #search-here {
        margin-right: auto;
        width: 100%;
        display: block;
    }
}
@media(max-width:671px){
    .card {
        width:90%;
    }
}
@media(max-width: 650px) {
    .results-display {
        position:relative;
        display: inline-block;
    }
    .results-display .subtitl .subtitles {
        margin-right: 0;
    }
     .results-display-search {
        position:relative;
        display: inline-block;
    }
    .results-display-search .subtitl .subtitles {
        margin-right: 0;
    }
}
@media(max-width:634px){
    .people-names {
        width:90%;
    }
}
@media(max-width: 550px) {
    .browse .resultsContainer {
        display: block;
        width: 100%;
    }
     .browse-search .resultsContainer {
        display: block;
        width: 100%;
    }
    #block-display {
        padding-left: 13%;
    }
    #psearch-sort {
        max-width: 100%;
    }
    #search-form .form-group, #search-form input[type=submit] {
        display: block;
        width: 100%;
    }
}

@media (max-width: 670px) {
    .pagination{
        margin-bottom: 90px;
    }

    .previous-label2 {
        display: none;
    }
    .next-label2 {
        display: none;
    }

    #previousPage{
      display: none;
    }

    #nextPage{
      display:none;

    }
    #previousPage.mobile {
        display: block;
        position: absolute;
        width: fit-content;
        top: 47px;
        left: calc(47% - 100px);
        float: left;
        margin: 0;
        padding: 0;
    }

    #previousPage.mobile:hover{
        background-color: rgba(79,4,12,.2);
        transition: background-color 0.5s ease;

    }

    #nextPage.mobile {
        display: block;
        position: absolute;
        width: fit-content;
        top: 47px;
        float: right;
        right: calc(47% - 100px);
        margin: 0;
        padding: 0;
      }
    #nextPage.mobile:hover{
        background-color: rgba(79,4,12,.2);

      }
}

@media(max-width: 495px){
	#people-content{
		height: 825px;
	}
	#text-box {
	    position: absolute;
	    top: 5%;
	    width: 100%;
	}
	.people-row li{
		margin-left: 3%;
	}
}
@media(max-width: 469px){
	#people-content{
		height: 1530px;
	}
	#text-box {
	    position: absolute;
	    top: 28%;
	    width: 440px;
	    right: 1%;
	}
	.people-row li{
		margin-left: 27%;
	}
}
@media(max-width: 400px){
	.people-row li{
		margin-left: 20%;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    .browse .filter {
        padding-left: 7%;
    }
    .browse-search .filter-search {
        padding-left: 7%;
    }

    .people {
        width: 100%;
        margin-left: -15px;
    }

    #psearch-sort {
        margin-left: 5%;
    }

    #block-display {
        padding-left: 12%;
    }

    #use-listing {
        padding-right: 2%;
    }

    #use-listing th:nth-child(2) {
        width: 50px;
        margin: 0;
    }

    #use-listing th:last-child {
        width: 115px;
        margin: 0;
    }

    #use-listing th:nth-child(3) {
        width: 75px;
        margin: 0;
    }

    #use-listing th:first-child {
        width: 100px;
        margin: 0;
    }

    #use-block .people-names {
        margin-left: 17%;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){

}

.connected_icons {
  position: absolute;
  margin-bottom: 15px;
  bottom: 40px;
  height: 30px;
  width: 90%;
  text-align: left;
  display: inline-block;
  z-index: 10;
  margin-left: -1px;
}
.connected_icons div {
  display: inline-block;
  margin-right: 3%;
  width: 31.3%;
  padding-bottom: 5px;
  /*border: 2px solid black;*/
}
.connected_icons div span {
    padding-left: 29px;
    font-size:12px;
}
.connected_icons .cpeople {
    background-image: url("../images/People.svg");
    background-repeat: no-repeat;
    width: 30%;
}
.connected_icons .cplaces {
    background-image: url("../images/Places.svg");
    background-repeat: no-repeat;
    width: 30%;
}
.connected_icons .cevents {
    background-image: url("../images/Events.svg");
    background-repeat: no-repeat;
    width: 30%;
}

.card .IIcon-hover {
  display: none;
  position: absolute;
  height: 151px;
  width: 267px;
  bottom: 30px;
  background-color: #1E0205;
  text-align: left;
  box-shadow: 0 25px 33px 0 rgba(0,0,0,0.05);
  padding: 10px;
  margin-left: -165px;

}
.card .IIcon-hover:after {
     /*z-index: -1;*/
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    content:'';
    width: 0;
    height: 0;
    border-top: solid 10px #1E0205;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}
.connected_icons div:hover .IIcon-hover {
  display: inline-block;
}

.IIcon-hover h2 {
  line-height: 23px;
  height: 22px;
  color: #FFFFFF;
  margin: 4px;
  font-size: 18px;

}
.IIcon-hover a {
  line-height: 15px;
  height: 15px;
  color: #FFFFFF;
  margin-bottom: 1px;
  font-size: 12px;
}
.IIcon-hover a img {
  margin-left: -2px;
  color: #FFFFFF;
  margin-bottom: -23px;
}

.no-cases-returned {
    width: 100%;
    text-align: center;
    /*height: 290px;*/
    padding-top: 5%;
    padding-bottom: 9%;
}