/* skip nav for accessibility, based on https://webaim.org/techniques/skipnav/ */
.skip-to-content a {
	padding:6px;
	position: absolute;
	top:-100px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:#BF1722;
	-webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
}
.skip-to-content a:focus {
	position:absolute;
	left:0px;
	top:0px;
	outline-color:transparent;	
	-webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
}

/* scroll to top */
#scroll-to-top {
    display: none; 
    position: fixed; 
    bottom: 20px; 
    right: 20px; 
    z-index: 99;
    font-size: 40px; 
}

/* bootstrap icons tweaks */
.bi { 
    display: inline-block;
    fill: currentColor;
    vertical-align: text-bottom; 
    overflow: hidden;
}
.icon-sprite {
    width: 1em;
    height: 1em;
    vertical-align: -0.1em;
}

/* navbar */
#brand-logo {
    max-height: 45px;
}
#nav-logo {
    max-height: 55px;
}
.bg-dark {
    background-color: #191919 !important;
}
.serif-title {
    font-family: 'Merriweather';
}
.site-title {
    color: #7c2529 !important;
}
.site-title:hover {
    color: #c8102e !important;
}
.nav-item-top > a {
    padding: 0;
    color: #7c2529 !important;
    margin: 0;
    border-radius: 0;
    font-family: Arial,Helvetica Neue,sans-serif;
    font-weight: 700;   
}
.nav-item-top > a:hover {
    color: #c8102e !important;
}
.nav-item-top > a.active {
    color: #c8102e !important;
}
.dropdown-menu > a {
    color: #7c2529 !important;
    font-family: Arial,Helvetica Neue,sans-serif;
    font-weight: 700;   
}

.dropdown-menu > a:hover {
    color: #c8102e !important;
}

.dropdown-menu > a.active {
    color: #c8102e !important;
    background-color: #fff !important;
}

/* filter column */
.accordion-button:not(.collapsed) {
    color: white;
    background-color: #003D4C;
}
.btn-filter {
    color: #212529;
    width: 100%;
    display: flex;
    padding: 0px 5px 0px 5px;
}
.btn-filter .title {
    flex: 1;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    padding-right: 15px;
    margin-right: 15px;
    text-overflow: ellipsis;
    overflow: auto;
}
.btn-filter:hover, .btn-filter:focus {
    background-color: #003D4C;
    color: white !important;
}
.btn-filter:hover path {
    fill: white;
}

/* results items */
.search-item .search-thumb {
    width: 200px;
}
.search-thumb img {
    max-height: 350px;
}

/* result grid layout option */ 
.result-items.grid {
    grid-template-columns: repeat(3, 1fr);
}
.result-items.grid {
    display: grid;
    gap: 10px;
}
.result-items.grid .search-item {
    flex-direction: column !important;
}
.result-items.grid .search-content {
    margin-left: 0px !important;
}
.result-items.grid .item-description {
    display: none !important;
}
.result-items.grid .result-item img {
    width: 100%;
    height: auto;
}

/* hide show animations */ 
.fadein {
    opacity: 0;
}
.fadein.fadeinshow {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

/* list js */
.btn-sort {
    border: none;
    background: transparent;
}
.sort:after {
    display:inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content:"";
    position: relative;
    top:-10px;
    right:-5px;
}
.sort.asc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
    content:"";
    position: relative;
    top:4px;
    right:-5px;
}
.sort.desc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
    content:"";
    position: relative;
    top:-4px;
    right:-5px;
}