/**
 * Custom CSS for GV Bookmarks
 * @author Frank van der Sluijs
 */

/* Logo */
img.logo{
    width: 249px;
    height: 27px;
    margin-bottom: 30px;
}

/* Font definitions */
@font-face {
    font-family: "Avenir-Light";
    src: url("../fonts/avenir-light.woff2") format("woff2"),
         url("../fonts/avenir-light.woff") format("woff");
}
@font-face {
    font-family: "Avenir-Bold";
    src: url("../fonts/avenir-bold.woff2") format("woff2");
}

/* Text styles */
h1 {
    font-family: 'Avenir-Light', Fallback, sans-serif;
    font-size: 3rem !important;
}
h2 {
    font-family: 'Avenir-Bold', Fallback, sans-serif;
    font-size: 1.7rem;
    margin-top: 0.5rem;
}
p.header_intro {
    font-family: 'Avenir-Light', Fallback, sans-serif;
}
p.cat_intro {
    font-style: italic;
    margin-bottom: 0.2rem;
}

/* Table styles */
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #D6E7FC;
}
[data-bs-theme="dark"] .table-hover tbody tr:hover td,
[data-bs-theme="dark"] .table-hover tbody tr:hover th {
    background-color: #1e3a5f;
}
.table-responsive {
    margin-top: 1rem;
    margin-bottom: 1.4rem;
    outline-style: solid;
    outline-width: 1px;
    outline-color: #e9ecef;
}
[data-bs-theme="dark"] .table-responsive {
    outline-color: #495057;
}

.table {
    margin-bottom: 0rem;
}
th {
    padding: 3px !important;
}

/* Link styles */
a.fronturl:hover, a.adminurl:hover {
    text-decoration: underline;
}
a.fronturl {
    font-weight: bold;
    color: #2645f2;
}
a.adminurl {
    font-style: italic;
    color: #9580FF;
}

/* Dark mode link styles */
[data-bs-theme="dark"] a.fronturl {
    color: #5a7fff;
}
[data-bs-theme="dark"] a.adminurl {
    color: #c8a4ff;
}

/* Misc */
@media (min-width: 576px) {
    td.platform_title {
        width: 150px;
    }
    .table td {
        padding: .5rem;
    }
}

.spacer {
    margin:0; padding:0; height:50px;
}

/* Iconic icon styling */
.oi {
    min-width: 25px;
    color: #333;
}
[data-bs-theme="dark"] .oi {
    color: #ccc;
}

/* Icons */
i.icon-list {
    font-size: 1.1rem;
    margin-right: 0.5rem;
}

/*img.logo {
    vertical-align: middle;
}*/