/*
    Theme Name: Onyx Child Theme
    Theme URI: http://ecko.me
    Description: This is a custom child theme for Onyx.
    Author: EckoThemes
    Author URI: http://ecko.me
    Template: ecko-onyx
    Version: 1.0.0
    Text Domain: ecko-onyx
*/
:root {
    --contrast: #000000;
    --contrast-2: #2c3033;
    --contrast-3: #8d939e;
    --base: #dddddd;
    --base-2: #f2f2f2;
    --base-3: #ffffff;
    --accent: #168eea;
    --active-1: #ee4a03;
    --active-2: #eb6c35;
    --active-3: #9c27b0;
    --active-4: #b82bd0;
    --custom-color-1: #f71800;
    --custom-color-2: #cbeccc;
    --custom-color-3: #ffcadc;
}
@font-face {
    font-family: Open Sans;
    src: url(https://fe43aa.claudeassets.com/20250618122150im_/https://mediapro-av.com/wp-content/themes/onyx-child/fonts/Open_Sans/OpenSans-Regular.ttf);
    font-display: swap;
}
body, html {
    background-color: var(--base-3);
    font-family: Open Sans, sans-serif;
}
.post-body {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
.top-bar.top-bar-overlay {
    background-color: rgb(0 0 0 / 80%);
}
.pagination-noresults {
    display: none;
}
.page-contents.post-list-standard .post .post-title a, .page-contents.post-list-standard .page .post-title a {
    color: var(--accent);
}
.page-contents.post-list-standard .post .post-title a:hover, .page-contents.post-list-standard .page .post-title a:hover {
    text-decoration: underline;
    text-decoration-color: var(--accent);
}
p {
    color: var(--contrast);
}
.footer-copyright {
    border-top: 1px solid var(--contrast);
}

/* post */
.post-contents p a, .post-contents ul a, .post-contents ol a, .postcontents p a, .postcontents ul a, .postcontents ol a {
    border-bottom: none;
}
.post-contents li ul {
    margin-top: 5px;
    margin-bottom: 5px;
}
.post-contents a, .postcontents a {
    color: var(--accent);
}
.post-contents a:hover, .post-contents a:focus, .postcontents a:hover, .postcontents a:focus {
    text-decoration: underline;
}
.post-contents ul {
    margin-left: 0;
}
.post-contents li, .postcontents li {
    margin: 0 0 0 5%;
    padding: 0;
}
.post-contents p, .post-contents ul, .post-contents ol, .postcontents p, .postcontents ul, .postcontents ol {
    font-size: 16px;
    color: var(--contrast);
    line-height: 1.6;
}
.post-contents h2, .post-contents h3, .post-contents h4, .post-contents h5, .post-contents h6 {
    color: var(--contrast);
}

/* footer */
footer.page-footer {
    background: var(--contrast-2);
}
.widget li:before {
    display: inline-block;
    margin-right: 0;
    content: none;
    color: transparent;
}
.widget p {
    margin-bottom: 50px;
}
.footer-widgets .footer-widgets-custom {
    float: left;
}
.footer-widgets .footer-widgets-custom .widget {
    width: 50%;
    margin-right: 10px;
    text-align: left;
}
.footer-widgets .widget li a {
    color: var(--base-3);
}
.footer-widgets .widget li a:hover, .footer-widgets .widget li a:focus {
    color: var(--base-3);
    text-decoration: underline;
    text-decoration-color: var(--base-3);
}

/* breadcrumbs */
.post-breadcrumbs {
    color: var(--contrast);
    border-bottom: 1px solid var(--base);
    margin: 20px 0;
    padding: 20px 0;
}
.post-breadcrumbs a {
    color: var(--accent);
}
.post-breadcrumbs a:hover, .post-breadcrumbs a:focus {
    text-decoration: underline;
    text-decoration-color: var(--accent);
}
.post-breadcrumbs .breadcrumbs-separator {
    color: var(--contrast);
}
.post-breadcrumbs .breadcrumb_last {
    color: var(--contrast-3);
}

/* important */
.important {
    border-left: 6px solid var(--custom-color-1);
    font-size: 20px;
    padding: 10px 20px;
    margin: 0 0 10px;
}
.important p {
    font-weight: 600;
}
.post-contents .important {
    margin: 0;
}
.post-contents .important p {
    margin: 0;
}

/* related-article */
.related-article {
    color: var(--base-3);
    padding: 5px 20px;
    background-color: var(--contrast-2);
    border: 1px solid var(--contrast-2);
    border-radius: 20px;
}
.related-article a {
    color: var(--accent);
    font-weight: 600;
}

/* navigation */
.quick-navigation {
    padding: 30px 10px;
    background-color: var(--base-3);
    margin-top: 30px;
    margin-bottom: 30px;
    border: 2px solid var(--base);
    border-radius: 4px;
}
.quick-navigation-header {
    color: var(--contrast);
    margin: 0 0 10px 5%;
}
.quick-navigation ul {
    margin: 10px 0 0 0;
}
.quick-navigation ul li {
    list-style-type: disc;
    color: var(--contrast-3);
    margin: 0 0 10px 5%;
}
.quick-navigation ul li a {
    color: var(--accent);
}
.quick-navigation ul li a:hover, .quick-navigation ul li a:focus {
    text-decoration: underline;
}

/* pros & cons */
.pros-cons {
    margin: 0;
}
.post-contents .pros-header {
    margin-top: 20px;
    color: var(--contrast-3);
    border-bottom: 3px solid var(--custom-color-2);
    padding: 5px 20px;
    font-size: 21px;
}
.pros-cons ul {
    margin: 0;
    list-style-type: none;
}
.pros-cons ul li {
    margin: 0 0 0 5%;
    color: var(--contrast-2);
    position: relative;
}
.pros-cons ul li::before {
    position: absolute;
    content: "";
}
.pros-cons .pros-contant ul li::before {
    width: 14px;
    height: 14px;
    background: url('https://90258a.claudeassets.com/20250618122150im_/https://mediapro-av.com/wp-content/themes/onyx-child/assets/icons/pros.svg') no-repeat;
    left: -20px;
    top: 5px;
}
.pros-cons .cons-contant ul li::before {
    width: 14px;
    height: 14px;
    background: url('https://042675.claudeassets.com/20250618122150im_/https://mediapro-av.com/wp-content/themes/onyx-child/assets/icons/cons.svg') no-repeat;
    left: -20px;
    top: 5px;
}
.post ul.pros {
    color: var(--contrast-2);
}
.post-contents .cons-header {
    margin-top: 20px;
    color: var(--contrast-3);
    border-bottom: 3px solid var(--custom-color-3);
    padding: 5px 20px;
    font-size: 21px;
}
.post ul.cons {
    color: var(--contrast-2);
}
.pros-data, .cons-data {
    margin-left: 20px;
    margin-top: 10px;
}

/* key specs */
.key-specs {
    margin: 0;
}
.key-specs-content .key-specs-header {
    color: var(--contrast-3);
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 21px;
}
.key-specs ul {
    margin: 0;
    list-style-type: none;
}
.key-specs ul li {
    margin: 0 0 0 5%;
    color: var(--contrast-2);
    position: relative;
}
.key-specs ul li::before {
    position: absolute;
    content: "";
}
.key-specs .key-specs-content ul li::before {
    width: 14px;
    height: 14px;
    background: url('https://d300e7.claudeassets.com/20250618122150im_/https://mediapro-av.com/wp-content/themes/onyx-child/assets/icons/specs.svg') no-repeat;
    left: -20px;
    top: 5px;
}

/* key specs table */
.key-specs-table caption {
    text-align: left;
    font-weight: 500;
    padding: 20px 0;
}
.key-specs-table ul {
    margin: 0 0 0 1.5em;
}
.key-specs-table ul li ul li {
    list-style-type: circle;
}

/* buttons */
.order-product-article {
    background-color: var(--active-1);
    border: 3px solid var(--active-1);
    border-radius: 50px;
    color: var(--base-3);
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 40px;
    display: inline-block;
    text-decoration: none;
    padding: 18px 50px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    transition: all .3s ease;
    text-align: center;
    line-height: 1;
}
.order-product-article:hover, .order-product-article:focus {
    background-color: var(--base-3);
    color: var(--active-1);
}
.order-product-article-next {
    background-color: var(--active-3);
    border: 3px solid var(--active-3);
    border-radius: 50px;
    color: var(--base-3);
    cursor: pointer;
    margin-left: 5px;
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
    padding: 18px 50px;
    font-size: 14px;
    font-weight: 800;
    position: relative;
    transition: all .3s ease;
    text-align: center;
    line-height: 1;
}
.order-product-article-next:hover, .order-product-article-next:focus {
    background: none;
    color: var(--active-3);
}
.amazon .order-product-article-next {
    background-color: #ffa41c;
    border: 3px solid #ffd814;
    color: var(--base-3);
}
.bestbuy .order-product-article-next {
    background-color: #0046be;
    border: 3px solid #4976e6;
    color: var(--base-3);
}
.bestbuy .order-product-article-next:hover, .bestbuy .order-product-article-next:focus {
    background: none;
    color: #0046be;
}

.bhphotovideo .order-product-article-next {
    background-color: #bd2c26;
    border: 3px solid #ffc745;
    color: var(--base-3);
}
.bhphotovideo .order-product-article-next:hover, .bhphotovideo .order-product-article-next:focus {
    background: none;
    color: #bd2c26;
}

.worldwidestereo .order-product-article-next {
    background-color: #151515;
    border: 3px solid #f1c540;
    color: var(--base-3);
}
.worldwidestereo .order-product-article-next:hover, .worldwidestereo .order-product-article-next:focus {
    background: none;
    color: #151515;
}

.walmart .order-product-article-next {
    background-color: #0071dc;
    border: 3px solid #ffc220;
    color: var(--base-3);
}
.walmart .order-product-article-next:hover, .walmart .order-product-article-next:focus {
    background: none;
    color: #0071dc;
}

/* our pick */
.our-pick {
    border: 6px solid var(--contrast-3);
    border-radius: 4px;
    padding: 5px;
    position: relative;
    margin: 40px 0;
}
.our-pick .our-pick-content {
    margin-top: 50px;
}
.our-pick .our-pick-label {
    left: -15px;
    font-weight: 700;
    position: absolute;
    top: -20px;
    margin: 0;
    padding: 9px 16px 8px 14px;
    color: var(--base-3);
    background-color: var(--contrast-3);
    z-index: 2;
}
.our-pick .our-pick-image {
    float: left;
    width: 30%;
}
.our-pick .our-pick-title {
    margin-left: 35%;
    margin-top: 10px;
}
.our-pick .our-pick-subtitle {
    margin-left: 35%;
    font-weight: 700;
    color: var(--contrast);

}
.our-pick .our-pick-disclaimer {
    margin-left: 35%;
}
.our-pick .our-pick-text {
    font-size: 15px;
    margin-left: 10px;
    color: var(--contrast-3);
    line-height: 20px;
}
.our-pick .our-pick-btn {
    margin: 10px;
}
.our-pick .our-pick-btn .order-product-ourpick {
    background-color: inherit;
    border: none;
    color: var(--active-1);
    cursor: pointer;
    text-transform: uppercase;
    transition: all .3s ease;
    text-align: center;
    font-weight: 600;
}
.our-pick .our-pick-btn .order-product-ourpick:hover, .our-pick .our-pick-btn .order-product-ourpick:focus {
    text-decoration: underline;
}

/* comparison table */
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    display: table;
}
.post-contents table, .postcontents table {
    margin: 5px 0;
}
.post-contents tr, .postcontents tr {
    height: auto;
}
.post-contents th, .postcontents th {
    background: var(--base-2);
}
.post-contents thead th, .postcontents thead th {
    background: var(--contrast-3);
    color: var(--base-3);
}
.post-contents tr>td:first-child, .post-contents tr>th:first-child, .postcontents tr>td:first-child, .postcontents tr>th:first-child {
    padding-left: 3px;
}
.table-bordered {
    border: 1px solid var(--base);
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid var(--base);
}
.table th {
    text-align: left;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    border-top: 1px solid var(--base);
}
.table .ct-award {
    color: var(--custom-color-1);
    border: 2px solid var(--custom-color-1);
    border-radius: 4px;
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap;
    float: right;
    font-size: 10px;
}
.table .order-product-table {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 10px;
}

/* score rating */
.score-rating .score-rating-body {
    margin-top: 0;
}
.score-rating .score-rating-header {
    color: var(--contrast-3);
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 21px;
}
.score-rating .score-section {
    margin-bottom: 20px;
    display: none;
}
.score-rating .score-section-overall {
    margin-bottom: 20px;
}
.score-rating .score-section-header {
    color: var(--contrast);
    font-size: 14px;
}
.score-rating .score-chart, .score-rating .score-chart-overall {
    background: linear-gradient(90deg,rgb(241, 241, 241),var(--contrast-3) 70%,var(--contrast-3));
}
.score-rating .score-item-row {
    margin-bottom: 0;
}
.score-rating .score-item-row .progress {
    margin-left: 20%;
    background-color: var(--base);
    border-radius: 20px;
}
.score-rating .score-item-row .progress-bar {
    color: var(--contrast);
    background-color: var(--contrast-3);
    height: 18px;
}
.score-rating .score-item-row .progress .progress-bar {
    border-radius: 20px;
}
.score-rating .score-value {
    float: left;
    max-width: 25%;
}
.score-rating .badge {
    padding: 3px 10px;
    background-color: var(--contrast-3);
    min-width: 35px;
    font-size: 12px;
    line-height: 1;
    color: var(--base-3);
    text-align: center;
    white-space: nowrap;
    border-radius: 20px;
    margin-left: 20px;
}
.score-rating .score-name {
    padding-left: 50px;
    color: var(--contrast-3);
}
.score-rating .show-all-rating {
    color: var(--accent);
}
.score-rating .show-all-rating:hover, .score-rating .show-all-rating:focus {
    text-decoration: underline;
    cursor: pointer;
}

/* full-specs */
.full-specs {
    display: none;
}
.show-full-specs {
    color: var(--accent);
    margin-top: 20px;
}
.show-full-specs:hover, .show-full-specs:focus {
    text-decoration: underline;
    cursor: pointer;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-right: 1px solid var(--base);
}

/* accordion */
.accordion {
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    padding: 5px;
    margin: 0;
    margin-bottom: 10px;
    border: 2px solid var(--base);
    border-radius: 4px;
    background-color: var(--base-3);
}
.accordion h2, .accordion h3, .accordion h4, .accordion h5, .accordion h6 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: var(--contrast);
    font-weight: 400;
}
.active, .accordion:hover {
    border-color: var(--contrast);
}
.panel {
    padding: 0;
    display: none;
    overflow: hidden;
    margin: 0;
    margin-bottom: 20px;
    font-size: 16px;
    color: var(--contrast-2);
    line-height: 1.6;
}
.accordion::before {
    position: absolute;
    content: "";
    width: 28px;
    height: 28px;
    background: url('https://a990ba.claudeassets.com/20250618122150im_/https://mediapro-av.com/wp-content/themes/onyx-child/assets/icons/down.svg') no-repeat;
    right: 100px;
}
.accordion.open::before {
    background: url('https://b66e6d.claudeassets.com/20250618122150im_/https://mediapro-av.com/wp-content/themes/onyx-child/assets/icons/up.svg') no-repeat;
}

/* subscribe */
.post-subscribe {
    border-left: 6px solid var(--base);
    padding: 10px 20px;
    margin: 0 0 10px;
}
.post-subscribe p.subscribe-header {
    font-weight: 600;
    font-size: 20px;
}
.post-subscribe p.subscribe-info {
    font-style: italic;
    color: var(--contrast-3);
}
.post-subscribe .subscribe-button {
    background-color: var(--base-3);
    border: 3px solid var(--base);
    border-radius: 50px;
    color: var(--contrast-3);
    cursor: pointer;
    margin-top: 20px;
    display: inline-block;
    text-decoration: none;
    padding: 18px 50px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    transition: all .3s ease;
    text-align: center;
    line-height: 1;
}
.post-subscribe .subscribe-button:hover, .post-subscribe .subscribe-button:focus {
    color: var(--contrast);
    border-color: var(--contrast);
}
.subscribe-input {
    width: 100%;
    background-color: var(--base-3);
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 20%);
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: var(--base);
    font-size: 14px;
    padding: 13px 15px;
    height: auto;
    font-weight: 400;
}
.post-subscribe #subscribe-form-success {
    border-radius: 3px;
    color: var(--base);
    font-size: 14px;
    background-color: var(--custom-color-2);
    min-height: 20px;
    padding: 15px;
    display: none;
}
.post-subscribe #subscribe-form-danger {
    border-radius: 3px;
    color: var(--base);
    font-size: 14px;
    background-color: var(--custom-color-3);
    min-height: 20px;
    padding: 15px;
    display: none;
}

/* post author */
.post-author-profile {
    border-top: 1px solid var(--base);
    border-bottom: 1px solid var(--base);
    margin: 20px 0;
    padding: 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.post-author-profile .post-author-img {
    flex: 1;
}
.post-author-profile .post-author-img img {
    border-radius: 50%;
    display: block;
    margin: auto;
}
.post-author-profile .post-author-information {
    padding-left: 20px;
    flex: 2;
}
.post-author-profile .post-author-name {
    float: none;
    margin-top: 0;
    font-weight: 600;
}

/* affiliate-notice */
.affiliate-notice {
    border-top: 1px solid var(--base);
    margin: 20px 0;
    padding: 20px 0;
}
.affiliate-notice p {
    font-style: italic;
    color: var(--contrast-2);
}

/* suggested-articles */
.related-section {
    margin: 20px 0;
}
.related-section header {
    font-weight: 600;
    font-size: 20px;
}
.related-section a {
    color: var(--accent);
}
.related-section a:hover, .related-section a:focus {
    text-decoration: underline;
}
.related-section.hidden {
    display: none;
}
.suggested-articles {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.suggested-articles::after {
    content: "";
    flex: auto;
}
.suggested-article {
    flex: 0 0 33.33%;
    margin-bottom: 20px;
    padding: 2px;
}
.suggested-article .link {
    display: block;
}
.suggested-article img {
    width: 100%;
}
.suggested-article img:hover, .suggested-article img:focus {
    opacity: 0.9;
}
.suggested-article .tag {
    position: relative;
    left: 0;
    bottom: -30px;
    background-color: var(--contrast);
    color: var(--base-3);
    opacity: 60%;
    padding: 2px 8px;
    text-transform: uppercase;
}

/* media */
@media (max-width: 480px) {
    /* post */
    .post-body {
        box-shadow: none;
        padding: 20px 8px;
    }
    /* post author */
    .post-author-profile {
        flex-direction: column;
    }
    .post-author-profile .post-author-information {
        padding-left: 0;
    }
    .post-author-profile .post-author-name {
        margin-top: 20px;
    }
    .post-author-profile .post-author-description {
        text-align: left;
    }
    /* our-pick */
    .our-pick .our-pick-image {
        width: 100%;
    }
    .our-pick .our-pick-title, .our-pick .our-pick-subtitle, .our-pick .our-pick-disclaimer {
        margin-left: 5%;
    }
    /* comparison table */
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid var(--base);
    }
    .table-responsive>.table {
        margin-bottom: 0;
    }
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
        white-space: nowrap;
    }
    /* full-specs */
    .post-contents table, .postcontents table {
        margin: 0;
    }
    .post-contents table td, .postcontents table td {
        display: revert;
        text-align: left;
    }
    .post-contents table tr td:first-child, .postcontents table tr td:first-child {
        padding: 7px 2px;
    }
    /* buttons */
    .order-product-article {
        margin-top: 10px;
        padding: 10px 20px;
    }
    .order-product-article-next {
        margin-top: 10px;
        padding: 10px 20px;
    }
    /* accordion */
    .accordion::before {
        right: 10px;
    }
    /* suggested-articles */
    .suggested-article {
        flex: 0 0 100%;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    /* comparison table */
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid var(--base);
    }
    .table-responsive>.table {
        margin-bottom: 0;
    }
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
        white-space: nowrap;
    }
    /* full-specs */
    .post-contents table, .postcontents table {
        margin: 0;
    }
    .post-contents table td, .postcontents table td {
        display: revert;
        text-align: left;
    }
    .post-contents table tr td:first-child, .postcontents table tr td:first-child {
        padding: 7px 2px;
    }
    /* suggested-articles */
    .suggested-article {
        flex: 0 0 100%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    /* suggested-articles */
    .suggested-article {
        flex: 0 0 50%;
    }
}
@media (min-width: 992px) and (max-width: 1260px) {

}
@media (min-width: 1261px) {

}
/*
     FILE ARCHIVED ON 12:21:39 Jun 18, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:41:16 Aug 19, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.392
  exclusion.robots: 0.05
  exclusion.robots.policy: 0.043
  esindex: 0.004
  cdx.remote: 15.776
  LoadShardBlock: 54.644 (3)
  PetaboxLoader3.datanode: 71.221 (4)
  load_resource: 87.205
  PetaboxLoader3.resolve: 33.101
*/