/* Base styles for all tabs */
#spotlightTab6.collectionSpotlightTabs,
#spotlightTab8.collectionSpotlightTabs,
#spotlightTab18.collectionSpotlightTabs,
#spotlightTab19.collectionSpotlightTabs,
#spotlightTab22.collectionSpotlightTabs {
    color: #535b5f;
    font-size: 22px;
    font-weight: bold;
    border: 1px dotted #f5f5f5;
    padding: 8px;
    transition: color 0.3s; /* Add a smooth transition effect */
    transition: background-color 0.3s; /* Add a smooth transition effect */

}

/* Change text color to teal when hovered */
#spotlightTab6.collectionSpotlightTabs:hover,
#spotlightTab8.collectionSpotlightTabs:hover,
#spotlightTab18.collectionSpotlightTabs:hover,
#spotlightTab19.collectionSpotlightTabs:hover,
#spotlightTab22.collectionSpotlightTabs:hover {
    color: #40C1AC;
    -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    background-color: #fff;

}


/* Tab border color change */
.tab-content {
   border-left: 1px solid #ffffff !important;
   border-right: 1px solid #ffffff !important;
   border-bottom: 1px solid #ffffff !important;
}

/* Body color change for collection spotlight */
body.embeddedCollectionSpotlightBody {
   background-color: #ffffff;

/* Selected tab color */
.nav-tabs > a.collectionSpotlightTabs[aria-selected='true'] {
background-color: #f5f5f5
}

/* View More font size and color */
}
#titleScrollerViewMore6.titleScrollerViewMore,
#titleScrollerViewMore8.titleScrollerViewMore,
#titleScrollerViewMore17.titleScrollerViewMore,
#titleScrollerViewMore18.titleScrollerViewMore,
#titleScrollerViewMore19.titleScrollerViewMore,
#titleScrollerViewMore22.titleScrollerViewMore {
   font-size: 16px;
}

a, a:visited, .result-head, #selected-browse-label a, #selected-browse-label a:visited {
   color: #7c878e;
}

/* Style for alignment of collection spotlight on webpage */
.nav-tabs {
display: flex;
flex-direction: row;
width: 25%;
float: left;
align-items: center;
flex-wrap: nowrap;
align-content: stretch;
justify-content: space-evenly;
}

.tab-content > .active {
width: 95%;
padding-left: 3.85714rem;
float: left;
}