/*
Theme Name: nda
Theme URI: https://nickdigital.agency/
Author: NDA
Description: Custom theme for NDA Insights that mirrors the main NDA website styling.
Version: 1.0.0
Text Domain: nda
*/

:root {
    --nda-accent: #ff5722;
    --nda-text: #141414;
    --nda-hero-bg: url("assets/img/about-us/about-us-4/about-us-4-bg.png");
}

html.agntix-dark {
    --nda-accent: #D0FF71;
    --nda-text: #ffffff;
    --nda-hero-bg: url("assets/img/blog/blog-masonry/blog-bradcum-bg.png");
}

body {
    color: var(--nda-text);
}

.rc-post-thumb {
    flex: 0 0 140px;
    width: 140px;
    height: 140px;
}

.rc-post-thumb img {
    width: 140px;
    height: 140px;
    object-fit: cover;
    display: block;
}

.agntix-light #header-sticky .tp-header-logo .logo-white {
    display: none !important;
}

.agntix-light #header-sticky .tp-header-logo .logo-black {
    display: inline-block !important;
}

.agntix-dark #header-sticky .tp-header-logo .logo-white {
    display: inline-block !important;
}

.agntix-dark #header-sticky .tp-header-logo .logo-black {
    display: none !important;
}

.agntix-dark #header-sticky.sticky-black-bg {
    background: rgba(14, 15, 17, 0.9);
}

.agntix-dark #header-sticky.sticky-black-bg .tp-header-menu > nav > ul > li > a {
    color: var(--tp-common-white);
}

.agntix-dark #header-sticky.sticky-black-bg .tp-header-dropdown nav ul li.has-dropdown::after {
    color: var(--tp-common-white);
}

#header-sticky .tp-header-logo .logo-white,
#header-sticky .tp-header-logo .logo-black {
    width: 180px;
    max-width: 100%;
    height: auto;
}

.nda-blog-hero {
    background-image: var(--nda-hero-bg);
    background-size: cover;
    background-position: center;
    color: var(--nda-text);
}

.nda-blog-hero .tp-section-subtitle svg rect {
    fill: currentColor;
}

.nda-blog-hero .tp-section-subtitle svg path,
.nda-blog-hero .tp-blog-title svg path,
.nda-blog-hero .tp-blog-shape svg path {
    stroke: currentColor;
}

.nda-blog-hero .tp-blog-title a {
    color: inherit;
}

.tp-blog-masonry-ptb {
    color: var(--nda-text);
}

.tp-blog-masonry-title .tp-line-white {
    color: var(--nda-text);
}

.tp-blog-masonry-item-time svg path,
.tp-blog-masonry-tag svg path,
.tp-blog-masonry-btn svg path {
    stroke: currentColor;
}

.tp-blog-masonry-btn a {
    color: var(--nda-accent);
}

.tp-blog-masonry-item-3 .tp-blog-masonry-item-icon {
    color: var(--nda-accent);
}

.tp-blog-masonry-item-3 .tp-blog-masonry-item-icon svg path {
    fill: currentColor;
}

.tp-breadcrumb-area .tp-breadcrumb-content {
    color: var(--nda-text);
}

.tp-breadcrumb-area .tp-breadcrumb-content a {
    color: inherit;
}

.tp-breadcrumb-area .tp-breadcrumb-content svg path,
.postbox-details-tag svg path,
.postbox-meta svg path {
    stroke: currentColor;
}

.agntix-light .postbox-meta i {
    color: rgba(0, 0, 0, 0.6);
}

.postbox-details-quote-box i {
    color: rgba(0, 0, 0, 0.1);
}

html.agntix-dark .postbox-details-quote-box i {
    color: rgba(255, 255, 255, 0.1);
}

.postbox-details-quote-box i svg path {
    fill: currentColor;
}





/* Entry content styling for blog details */
.entry-content blockquote {
    display: grid;
    grid-template-columns: 63px 1fr;
    column-gap: 35px;
    align-items: start;
    margin: 0 0 45px;
    padding: 0;
    border: 0;
}

.entry-content blockquote::before {
    content: "";
    width: 63px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'63'%20height%3D'50'%20viewBox%3D'0%200%2063%2050'%20fill%3D'none'%3E%3Cpath%20d%3D'M36.7657%2050V39.1608C42.0105%2038.4615%2045.507%2036.7133%2047.2552%2033.9161C49.0035%2031.0023%2049.8776%2026.9231%2049.8776%2021.6783L58.4441%2023.4266H37.1154V0H62.6399V17.4825C62.6399%2025.8741%2060.542%2033.042%2056.3461%2038.986C52.2669%2044.9301%2045.7401%2048.6014%2036.7657%2050ZM0%2050V39.1608C5.24476%2038.4615%208.74126%2036.7133%2010.4895%2033.9161C12.2378%2031.0023%2013.1119%2026.9231%2013.1119%2021.6783L21.6783%2023.4266H0.34965V0H25.8741V17.4825C25.8741%2025.8741%2023.7762%2033.042%2019.5804%2038.986C15.5012%2044.9301%208.97436%2048.6014%200%2050Z'%20fill%3D'black'%20fill-opacity%3D'0.1'%2F%3E%3C%2Fsvg%3E");
    grid-column: 1;
    grid-row: 1 / span 2;
}

html.agntix-dark .entry-content blockquote::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'63'%20height%3D'50'%20viewBox%3D'0%200%2063%2050'%20fill%3D'none'%3E%3Cpath%20d%3D'M36.7657%2050V39.1608C42.0105%2038.4615%2045.507%2036.7133%2047.2552%2033.9161C49.0035%2031.0023%2049.8776%2026.9231%2049.8776%2021.6783L58.4441%2023.4266H37.1154V0H62.6399V17.4825C62.6399%2025.8741%2060.542%2033.042%2056.3461%2038.986C52.2669%2044.9301%2045.7401%2048.6014%2036.7657%2050ZM0%2050V39.1608C5.24476%2038.4615%208.74126%2036.7133%2010.4895%2033.9161C12.2378%2031.0023%2013.1119%2026.9231%2013.1119%2021.6783L21.6783%2023.4266H0.34965V0H25.8741V17.4825C25.8741%2025.8741%2023.7762%2033.042%2019.5804%2038.986C15.5012%2044.9301%208.97436%2048.6014%200%2050Z'%20fill%3D'white'%20fill-opacity%3D'0.1'%2F%3E%3C%2Fsvg%3E");
}

.entry-content blockquote p {
    grid-column: 2;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.3;
    letter-spacing: -0.02em;
    margin: 0 0 12px;
    color: var(--nda-text);
}

.entry-content blockquote p:last-child {
    margin-bottom: 0;
}

.entry-content blockquote cite,
.entry-content blockquote footer {
    grid-column: 2;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.6);
}

.entry-content blockquote cite::before,
.entry-content blockquote footer::before {
    content: "";
    height: 1px;
    width: 40px;
    margin-right: 10px;
    display: inline-block;
    transform: translateY(-5px);
    background-color: rgba(0, 0, 0, 0.6);
}

html.agntix-dark .entry-content blockquote cite,
html.agntix-dark .entry-content blockquote footer {
    color: rgba(255, 255, 255, 0.6);
}

html.agntix-dark .entry-content blockquote cite::before,
html.agntix-dark .entry-content blockquote footer::before {
    background-color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 767px) {
    .entry-content blockquote {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .entry-content blockquote::before,
    .entry-content blockquote p,
    .entry-content blockquote cite,
    .entry-content blockquote footer {
        grid-column: 1;
    }
}

.entry-content pre {
    padding: 25px 30px;
    border-radius: 14px;
    background: #1a1b1e;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    margin: 0 0 40px;
    color: rgba(255, 255, 255, 0.7);
    overflow-x: auto;
}

.entry-content pre code {
    color: inherit;
    background: transparent;
}

html.agntix-light .entry-content pre {
    background: rgb(246, 246, 249);
    color: rgba(0, 0, 0, 0.7);
}

.entry-content ul {
    padding-left: 30px;
    margin: 0 0 30px;
}

.entry-content ul li {
    list-style-type: none;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.1;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    padding-left: 20px;
}

.entry-content ul li:not(:last-child) {
    margin-bottom: 15px;
}

.entry-content ul li::before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
}

.entry-content ul li span {
    color: rgba(255, 255, 255, 0.3);
}

.entry-content ul li i {
    font-style: normal;
    color: var(--nda-accent);
}

html.agntix-light .entry-content ul li {
    color: rgba(0, 0, 0, 0.7);
}

html.agntix-light .entry-content ul li::before {
    background-color: rgba(0, 0, 0, 0.7);
}

html.agntix-light .entry-content ul li span {
    color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
    .entry-content ul {
        padding-left: 0;
    }
}


.postbox__comment-text {
    flex: 1 1 auto;
    min-width: 0;
}




.sidebar-widget-author-img.nda-sidebar-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-widget-author-img .nda-logo-light,
.sidebar-widget-author-img .nda-logo-dark {
    display: none;
    width: 120px;
    height: 120px;
    object-fit: contain;
}

html.agntix-light .sidebar-widget-author-img .nda-logo-light {
    display: inline-block;
}

html.agntix-dark .sidebar-widget-author-img .nda-logo-dark {
    display: inline-block;
}


.tp-blog-masonry-thumb {
    aspect-ratio: 384 / 282;
}

.tp-blog-masonry-thumb img {
    height: 100%;
    object-fit: cover;
}

.creative-footer-style.blog-footer-style {
    background-color: var(--tp-common-black-8);
}

html.agntix-light .creative-footer-style.blog-footer-style {
    background-color: #F6F6F9;
}

.postbox-details-nevigation-wrap.no-thumb .postbox-details-nevigation-content span,
.postbox-details-nevigation-wrap.no-thumb .postbox-details-nevigation-content .postbox-details-nevigation-title {
    color: #0f0f0f;
}

html.agntix-dark .postbox-details-nevigation-wrap.no-thumb .postbox-details-nevigation-content span,
html.agntix-dark .postbox-details-nevigation-wrap.no-thumb .postbox-details-nevigation-content .postbox-details-nevigation-title {
    color: #ffffff;
}


