/******************************
Common CSS for all TReMo pages
*******************************/

#tremo-main-container a,
#tremo-metadata-container a {
    color: #348c89;
}

#tremo-main-container a:hover,
#tremo-metadata-container a:hover {
    opacity: .7;
}

#tremo-metadata-container .tremo-container-heading,
#tremo-metadata-container .download-title,
#tremo-search-container .tremo-container-heading {
    background-color: #3a3228;
}

#tremo-search-container .container-body,
#tremo-metadata-container .tremo-container-body,
#tremo-metadata-container .tremo-container .da-attachments-table {
    border: 1px solid #c3c4c7;
    border-top: none;
}

#tremo-search-container table,
#tremo-metadata-container .tremo-container table {
    width: 100%;
    margin: 0px;
    border: none;
}

#tremo-metadata-container .tremo-container h3,
#tremo-search-container .tremo-container-heading h3,
#tremo-metadata-container .tremo-container h3 {
    margin-bottom: 0;
    color: white;
    padding: 10px;
}

#tremo-search-container .tremo-link,
#tremo-archive-container .tremo-link,
#tremo-metadata-container .tremo-link {
    display: inline-block;
    color: #fff;
    background-color: #348c89;
    padding: 2px 6px;
    line-height: 13px;
    font-size: 12px;
    margin-right: 4px !important;
}

#tremo-search-container .tremo-link:hover,
#tremo-archive-container .tremo-link:hover,
#tremo-search-container .tremo-search-button:hover,
#tremo-metadata-container .tremo-link:hover {
    opacity: .7;
    transition: opacity 0.3s ease-in-out;
}

#tremo-search-container .tremo-bold,
#tremo-archive-container .tremo-bold,
#tremo-metadata-container .tremo-bold {
    font-weight: 700;
    font-style: normal;
}

#tremo-search-container .tremo-hidden,
#tremo-metadata-container .tremo-hidden {
    display: none;
}