/* ==============================================================
   SearchList
   style declarations for searchList.xhtml
   ==============================================================*/
/* SEARCH LIST */
/* VARIABLES */
@yellow: rgba(255, 255, 0, 0.5);

/* BLOCK */
.search-list {
    /* ELEMENT */
    &__title {
        h2 {}
    }
    &__options {
        a, button {
			position: relative;
          color: @fg-general;
        	font-size: @fontMedium;
            &:hover {
              color: @ci-color1;
            }
			&:focus,
			&:active {
				color: @fg-general;
			}
            &.active {
			 color: @ci-color1;
			.fa {
				&:after {
					display: none;
				}
			}
			& when (@colorModes = true) {
				.mx-light-mode-rules ({
					 color: @ci-color1;
					.fa {
						&:after {
							display: none;
						}
					}
				});
				.mx-dark-mode-rules ({
             		color: #ff7800;
					.fa {
						&::after {
							content: '';
							display: block;
							position: absolute;
							top: -2px;
							left: 50%;
							border-radius: 100%;
							background: #ff7800;
							width: 5px;
							height: 5px;
							transform: translate(-50%,0%);
						}
					}
				});
			}
        }
    }
    form {}
    }
    &__hitcount,
    &__rss,
    &__save-search,
    &__excel-export {}
    &__hitcount {}
    &__rss {}
    &__save-search {}
    &__excel-export {
        a {}
        .excel-export-loader {
            img {}
        }
    }
    &__views {
    	button {}
    	[data-view="search-list-default"] {}
    	[data-view="search-list-grid"] {}
    	[data-view="search-list-list"] {}
    }
    /* CURRENT SEARCH */
    &__label {}
    &__current-search {
    	margin-bottom: 1.5rem;
        .form-group {}
        .input-group-addon {
            a {
                &:hover,
                &:focus,
                &:active {}
            }
            &.reset,
            &.search {
                a, button {
                	line-height: unset;
                }
            }
            &.reset {
            	&.focus {}
            }
            &.search {
                a {}
            }
            input[type="submit"] {
            	padding: 10px 20px;
            }
        }
        .form-control {
        	&:focus {}
        }
        & + hr {
        	display: none;
        }
    }
    /* LINKS */
    &__links {
        button {}
        form {}
        a {
        	font-size: @fontMedium;
            &:hover,
            &:focus,
            &:active {}
        }
    }
    /* SORTING */
    &__sorting {
        .custom-control {}
        select {}
    }
    /* ADVANCED SEARCH INFO */
    &__adv-search-info {
		background: @bg-content-box;
		color: @fg-content-box;
		border: @border;
	}
    &__adv-search-info-back {}
    /* HITS */
    &__hits {}
    &__hit {
    	background-color: @bg-content-box;
      color: @fg-content-box;
      border: @border;
    }
    &__hit-header {}
	&__hit-number-wrapper {
		background: @ciColor1;
	}
	&__hit-number {}
    &__hit-title,
    &__hit-type,
    &__hit-info {}
    &__hit-title {
        h3 {
			  font-size: @fontNormal;
        a {
            color: @lk-content-box
        }
        }
    	&.-noThumbnail {}
    }
    &__no-thumb-bookmark {
    	&[data-bookmark-list-type="add"] {
    			color: @ci-color1;
		    .fa-bookmark-o,
		    .fa-bookmark {
		    	color: @ci-color1;
		    }
		    .fa-bookmark-o {}
		    .fa-bookmark {}
		    &.added,
		    &:hover {
		        .fa-bookmark-o {}
		        .fa-bookmark {}
		    }
		}
    }
    &__hit-thumbnail {
        img {
			border: 2px solid #fff;
			& when (@colorModes = true) {
				.mx-light-mode-rules ({
					border: 2px solid #fff;
				});
				.mx-dark-mode-rules ({
					border: none;
				});
			}
		}
        [data-bookmark-list-type="add"] {
        	color: @ci-color1;
		    .fa-bookmark-o,
		    .fa-bookmark {
		    	color: @ci-color1;
		    }
		    .fa-bookmark-o {}
		    .fa-bookmark {}
		    &.added,
		    &:hover {
		        .fa-bookmark-o {}
		        .fa-bookmark {}
		    }
		}
    }
    &__hit-type {}
    &__hit-docstruct {
    	font-size: @fontSmall;
        ul {}
        li {}
        li + li:before {}
        a {}
    }
    &__hit-text {
    	font-size: @fontMedium;
    }
    &__hit-text-label,
    &__hit-text-value {}
    &__hit-text-label {}
    &__hit-text-value {}
    &__hit-info {}
    &__toggle-thumbs {
    	.-active {
    		color: @ci-color1;
    	}
    }
    a[data-toggle="hit-content"],
    button[data-toggle="hit-content"] {
    	font-size: @fontMedium;
		color: @fg-general;
        &:hover,
        &:focus,
        &:active {
			color: @fg-general;
		}
        &:hover,
        &:focus,
        &:active {}
        .fa-caret-right {}
        .fa-caret-down {}
        &.in {
            .fa-caret-right {}
            .fa-caret-down {}
        }
        .search-list__loader {}
        &.active {}
    }
    &__hit-content {
        dl {
        	margin-bottom: 0;
        	font-size: @fontMedium;
        }
        dt {}
        dd {}
    }
    &__hit-content-set {
    	padding-bottom: 1rem;
		&:hover {
			background-color: @bg-hover;
			a {
				color: @fg-general;
			}
		}
    }
    &__hit-content-more {
        .btn {
	    	font-size: @fontMedium;
        }
    }
    &__struct-title,
    &__struct-chapter {
        .fa {}
    }
    &__struct-title {
    	margin-bottom: .5rem;
        h4 {
        	line-height: 2.1rem;
        }
    }
    &__metadata-info {
    	td {
    		&:first-child {}
    	}
    	.fa {}
    }
    &__struct-child-hits {
        a {}
    }
    &__struct-chapter {}
    &__struct-chapter + .search-list__struct-title  {}
    /* FACETS HEADING */
    &__facets-heading {}
	// SEARCH GROUP STYLES
	&__hit-result-group-heading {

	}
	&__expand-group-link {
		
	}
}
/* MODIFICATION */
.search-list--highlight {}

/* STACKED MV THUMBNAIL */
.stacked-thumbnail {}
.stacked-thumbnail-before,
.stacked-thumbnail-after {}
.stacked-thumbnail-after {}
.stacked-thumbnail a img {}
.search-list__current-search .input-group-addon.search {}

/* BREAKPOINT FOR LARGE DESKTOPS */
@media screen and (max-width: @largeBreakpoint) {}

/* BREAKPOINT FOR DESKTOPS */
@media screen and (max-width: @mediumBreakpoint) {}

/* BREAKPOINT FOR TABLETS */
@media screen and (max-width: @smallBreakpoint) {}

/* BREAKPOINT FOR SMARTPHONES */
@media screen and (max-width: @xSmallBreakpoint) {}
