/* DNN Links module — sage green Web 2.0 tiles (TRC portal) */

.aperture-theme .link_module {
    margin: 6px 0 12px !important;
    padding: 8px 10px 10px !important;
    background: linear-gradient(180deg, #f7f9f4 0%, #eef1e8 100%) !important;
    border: 1px solid #87986a !important;
    border-radius: 6px !important;
    box-shadow:
        0 2px 6px rgba(35, 42, 26, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

.aperture-theme .link_module .linklist {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    z-index: 1 !important;
}

.aperture-theme .link_module .linkitem {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.25 !important;
}

.aperture-theme .link_module .linkitem a,
.aperture-theme .link_module .linkitem a.Normal,
.aperture-theme .link_module .linkitem a[class*="Normal"] {
    display: block !important;
    position: relative !important;
    padding: 4px 10px 4px 26px !important;
    text-decoration: none !important;
    color: #2a3320 !important;
    font-family: Verdana, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    background: linear-gradient(180deg, #fff 0%, #f5f7f0 42%, #e8ece0 100%) !important;
    border: 1px solid #b8c4a8 !important;
    border-radius: 3px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 1px 2px rgba(35, 42, 26, 0.1) !important;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease !important;
}

.aperture-theme .link_module .linkitem a::before {
    content: "\25B6" !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    color: #87986a !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

.aperture-theme .link_module .linkitem a:link,
.aperture-theme .link_module .linkitem a:visited {
    color: #2a3320 !important;
    text-decoration: none !important;
}

.aperture-theme .link_module .linkitem a:hover,
.aperture-theme .link_module .linkitem a:focus {
    color: #1a1f14 !important;
    border-color: #87986a !important;
    background: linear-gradient(180deg, #eef3e6 0%, #dfe8d2 50%, #d0dbbf 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 2px 5px rgba(35, 42, 26, 0.14) !important;
    outline: none !important;
}

.aperture-theme .link_module .linkitem a:active {
    color: #1a1f14 !important;
    background: linear-gradient(180deg, #cdd9bc 0%, #b8c8a4 48%, #a8b894 100%) !important;
    box-shadow: inset 0 2px 4px rgba(45, 54, 33, 0.22) !important;
}

.aperture-theme .link_module .item_desc {
    margin: 6px 0 0 34px !important;
    padding: 8px 10px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    color: #3d4a2f !important;
    background: rgba(255, 255, 255, 0.65) !important;
    border: 1px solid #d8dfd0 !important;
    border-radius: 4px !important;
}

.aperture-theme .link_module ul.linklist.Horizontal {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.aperture-theme .link_module li.linkitem.Horizontal {
    float: none !important;
    display: block !important;
    margin: 0 !important;
}

.aperture-theme .link_module .CommandButton,
.aperture-theme .link_module input.CommandButton,
.aperture-theme .link_module .LinkButton.CommandButton {
    color: #f8faf5 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55) !important;
    background: linear-gradient(180deg, #a8b88c 0%, #87986a 55%, #6f8055 100%) !important;
    border: 1px solid #5a6a44 !important;
    border-radius: 4px !important;
    padding: 4px 12px !important;
}
