@import url("reference.css");






.partnum:not(td){
    padding:.125em .25em;
    border-radius: .125em;
    background:rgb(255, 255, 221);
    border:.05em solid rgba(0,0,0,0.2);
    filter: invert();
    color:#000;
}


.project-detail .page {

    box-shadow:  -17px 17px 43px #c0c0c0,
                 17px -17px 43px #fafafa;
     border-radius: .5em;
    overflow: hidden;
    background: #fff;
    min-height: 40vh;
    display: flex;
    flex-flow: column;
}


.project-detail .page  h3{
    font-weight:500;
    font-size:1.6em;
}

.page section{
    padding:1em;

}
.page section:last-child{
    border: none;
}


section.title{
    padding-bottom:1em;
    border-bottom:1px solid rgba(0,0,0,0.3);
    background-color:var(--color-blueDark);
    color:#fff;
}
section.title a{
    color:inherit;
    text-decoration: underline;
}

section.title h1{
    font-size: 3em;
    font-weight: 600;
    margin-bottom:.5rem;
}



section.top-middle{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    gap:2em 4em;
    padding:2em;
}

.descr{
    flex:0 1 48ch;
    padding:1em;
    background:rgba(0,0,0,0.025);
}
.descr p{
    line-height: 1.6;
    font-size: 1.2em;
    margin-bottom:.65em;
}
.descr p:last-child{
    margin-bottom: none;
}
.descr a{
}

.descr span.pt{
    font-weight: 600;
    font-style: italic;
}
.descr em{
    padding:.125em .5em;
    background-color: rgba(0, 0, 0, 0.07);
    font-weight: 500;
    border-radius: .5em;
    color:rgba(0,0,0,0.75)
}


.quick-ref{
    flex:1 1 30ch;
    display: flex;
    flex-flow:column;
    gap:2em;
}

.quick-ref .rsc-links{

}
.quick-ref .rsc-list{
    padding:1em 0;
}
.quick-ref .rsc-list li{

    display: flex;
    align-items: center;
    gap:2em;
}
.quick-ref .rsc-list li span{
    font-weight: 600;
}

.quick-ref .ings{
    font-size:1.5rem;
    padding-top:1rem;
}
.quick-ref .ings li.alt{
    font-style: italic;
}

.quick-ref .ings li h5 {
}
.quick-ref .ings li h5 em{
    font-size:.75em;
    text-transform: uppercase;
    letter-spacing: 0;
}

.quick-ref .ings li .v{
    display: flex;
    flex-flow:row nowrap;
    justify-content: center;
    gap:.5em;
}
.quick-ref .ings li .v span{
    padding:0;
}
.quick-ref .ings li .v span.ing-d{
    color:rgba(0,0,0,0.6);
    font-size:.75em;
}



section.trans-info {
    padding: 2em;
}


section.trans-info .matched{
    border-bottom:1px solid var(--color-text);
    padding-bottom:3em;
}

section.trans-info p.subtitle{
    line-height: 1.6;
    font-size: .85em;
    margin-bottom:.65em;
    margin-top:1rem;
    max-width:60ch;
    padding:1em;
    background:rgba(0,0,0,0.025);
}


section.trans-info table{
    margin-top:1em;
}

section.trans-info table tr.og{
    border:3px solid #000;
}
section.trans-info .table-descr{
    margin-top:2em;
}
section.trans-info .table-descr p{
    line-height: 1.6;
    font-size: 1rem;
    margin-bottom:.65em;
    margin-top:1rem;
}
section.trans-info .table-descr em{
    font-weight:900;
}
section.trans-info .table-descr p:last-child{
    margin:0;
}

section.trans-info .table-descr button[type="submit"]{
    color:var(--color-link);
    font-weight: 700;
}

/* _____________________________________________________________________________________


_____________________________________________________________________________________ */


@media (max-width: 1080px) {
    .descr{flex-grow:1;}
    section.trans-info p.subtitle{
        max-width: none;
    }
}


@media (max-width: 767px) {



}


@media (max-width: 480px) {


}



@page {
    size: portrait letter;
    margin:1cm;
}
@media print{
    .no-print, .no-print * { display: none !important; }

    header, .breadcrumbs, footer, .btn-row
    {display: none;}
    html, body{
        background:#fff;
    }

    article.page::before{
        content:"from reference.huntingtonaudio.com";
        display: block;
        position:absolute;
        right:0;
        text-align: right;
        font-family: var(--fontFamMono);
        margin-bottom:1em;
    }

    article.page{
        box-shadow: none !Important;
    }

    article.page section.title{
        background-color: #fff;
        color:#000;
    }

    table.component-list tr td{
        font-size:.65em !important;
        page-break-inside: avoid;

    }
    table.component-list tr td{
        background-color:transparent;
    }
    table.component-list tr:hover td{
        filter:none !important;
    }
    table.component-list tr:hover td.partnum{
        text-align:left !important;
    }

    table.component-list tr.og{
        background:#ccc;
        border:none !important;
    }
    table.component-list tr.og td{
        background:rgba(255,255,255,.25)
    }
    table.component-list tr.og td.last{
        background:#fff;
    }
    table.component-list tr.og td.partnum{
        border:2px solid #000;
    }

    .matched{
        border-bottom:none !important;
    }

    .partnum {
        font-size:.75rem !important;
    }
    .partnum .st{display: none !important;}

    .descr a{
        color:inherit;
    }
    .table-descr button{
        color: inherit !important;
        font-weight: 400 !important;
    }
    .table-descr button::after{
        content: " (on reference.huntingtonaudio.com)";
        font-weight:bold;
    }
    .rsc-links a{
        color:#fff;
        position: relative;
        color:transparent !important;
    }
    .rsc-links a::after{
        content:attr(href);
        font-size:.7em;
        font-family: var(--fontFamMono);
        display: block;
        color:#000;
        position: absolute;
        top:0;
    }

}