/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.1
*/

:root {
    --clr-white: #fff;
    --clr-black: #000;
    --clr-black-70: rgba(0,0,0,.7);

    --rd-1: 3px;
    --rd-2: 10px;
    --rd-3: 6px;
    --shadow: 0 5px 10px rgba(0,0,0,.1);

    --transition: .2s;
}

/* General */
.h2, h2 {line-height: 1.1;}
ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star {border: none;}
ul li.bullet-arrow a, ul li.bullet-checkmark a, ul li.bullet-cross a, ul li.bullet-star a {color: var(--black);transition: var(--transition);}
ul li.bullet-arrow a:hover, ul li.bullet-checkmark a:hover, ul li.bullet-cross a:hover, ul li.bullet-star a:hover {color: var(--fs-color-primary);}
ul li.bullet-arrow:before, ul li.bullet-checkmark:before, ul li.bullet-star:before {color: var(--fs-color-primary);}
ul li.bullet-arrow {padding-left: 20px;}
ul li.bullet-arrow:before {font-size: 1.25em;line-height: 1.2;}
.diamond-list ul li {list-style: none;margin-left: 0 !important;position: relative;padding-left: 24px;}
.diamond-list ul li::before {content: '';display: block;position: absolute;left: 0;top: .4em;background: url("img/icon-diamond.svg") no-repeat 0 0 / contain;width: 13px;height: 13px;}
.diamond-list li a {color: var(--clr-black);transition: var(--transition);}
.diamond-list li a:hover {color: var(--fs-color-primary);}
.box-text {font-size: 1em;}
.subtitle p {margin-bottom: .5em;}
.box-shadow-2, .row-box-shadow-2 .col-inner {box-shadow: var(--shadow);}
.img-radius .img-inner, .img-radius .box-image {border-radius: var(--rd-3);}

/* Header */
.has-dropdown .icon-angle-down {font-size: 19px;opacity: 1;margin-left: .5em;}
.header-top .nav>li>a {font-size: .875em;color: var(--clr-black);text-transform: none;}
.header-top .nav>li>a>i {line-height: 1;color: var(--fs-color-primary);}
.header-top .nav>li>a:hover {color: var(--fs-color-primary);}
.off-canvas .nav-vertical>li>a {color: var(--clr-black);font-size: 1rem;}
.nav-vertical>li>ul li a {color: var(--clr-black);}
.nav-vertical li.header-contact-wrapper {padding-block: 20px;}
.nav-vertical li.header-contact-wrapper li {padding-left: 0;font-size: 1.25rem;}
.nav-vertical .header-contact a>i {min-width: 20px;text-align: center;color: var(--fs-color-primary);}
@media (min-width: 850px) {
    .nav-divided>li+li>a::after {left: -.8em;}
}
@media (max-width: 1500px) {
    .nav-spacing-large>li {margin-inline: 5px;}
    .nav-size-xlarge>li>a {font-size: 1rem;}
    .header-button .button {font-size: .875rem;}
    #logo {width: 230px !important;}
}
@media (max-width: 1280px) {
    #logo {width: 220px !important;}
    .nav-size-xlarge>li>a {font-size: .875rem;}
}
@media (max-width: 1199px) {
  .header .hide-for-medium {display: none !important;}
  .header .show-for-medium {display: block !important;}
}

/* Hero banner */
.hero-banner [data-text-bg] {padding: .13em .5em;border-radius: var(--rd-1);}
@media (min-width: 550px) {
    .hero-banner .section-bg-overlay::before {content: '';display: block;width: 100%;position: absolute;left: 0;top: 0;bottom: 0;background: linear-gradient(to right,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);}
}

/* Trust */
.trust .col {padding-bottom: 0;}
.trust .icon-box-text * {margin-bottom: 0;}
@media (max-width: 849px) {
    .trust .col:nth-child(n+4) {margin-top: 20px;}
}
@media (max-width: 549px) {
    .trust .col:nth-child(n+4) {margin-top: 20px;}
    .trust .icon-box {flex-direction: column;text-align: center;}
    .trust .icon-box-left .icon-box-img+.icon-box-text {padding-left: 0;padding-top: 10px;}
}

/* Numbers */
.numbers .col {padding-bottom: 0;}
.numbers .text+.text {margin-top: .5em;}
.numbers p {margin-bottom: 0;}
[class*="box-shadow-"]:has(.numbers) {width: auto;}
@media (max-width: 549px) {
    .numbers .col:nth-child(n+3) {margin-top: 20px;}
}

/* Services */
.services .col-inner {--items: 5;display: grid;grid-template-columns: repeat(var(--items), 1fr);gap: 30px;}
.services .box {box-shadow: var(--shadow);border-radius: var(--rd-3);overflow: clip;}
.services .box .text+* {margin-top: .5em;}
.services .box p {margin-block: 0;}
.services .box ul {margin-bottom: 0;margin-top: 16px;}
.services .box li {padding-block: 0;}
.services .box li:not(:last-child) {margin-bottom: .5em;}
@media (max-width: 849px) {
    .services .col-inner {--items: 3;}
}
@media (max-width: 549px) {
    .services .col-inner {--items: 1;}
}

/* Projects */
.projects.row-small {margin-bottom: -20px !important;}
.projects .flickity-button {display: none;}

/* Benefits */
.benefits .icon-box-center .icon-box-img {margin-bottom: .5em;}
.benefits p {margin-bottom: 0;}
.benefits .text+* {margin-top: .5em;}

/* Process */
.process > .col {position: relative;padding-bottom: 0;}
.process .icon {position: relative;padding-bottom: 100%;background-color: var(--clr-white);border-radius: 100%;box-shadow: var(--shadow);z-index: 1;}
.process .icon-inner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.process .icon-box-img svg, .process .icon-box-img img {width: 70%;height: 70%;}
.process p {margin-bottom: 0;}
.process .text+* {margin-top: .5em;}
@media (min-width: 850px) {
    .process > .col:not(:last-child)::after {content: '';position: absolute;top: 40px;left: calc(50% + 50px);right: calc(-50% + 50px);border-top: 2px dashed rgba(170, 47, 42, 0.35);pointer-events: none;z-index: 0;}
    .process > .col:not(:last-child)::before {content: '';position: absolute;top: 41px;right: calc(-50% + 46px);width: 8px;height: 8px;border-top: 2px solid rgba(170, 47, 42, 0.45);border-right: 2px solid rgba(170, 47, 42, 0.45);transform: translateY(-50%) rotate(45deg);pointer-events: none;z-index: 0;}
}
@media (max-width: 849px) {
    .process > .col:nth-child(n+4) {margin-top: 30px;}
}
@media (max-width: 549px) {
    .process > .col:nth-child(n+2) {margin-top: 40px;}
    .process > .col:not(:last-child)::after {content: '';position: absolute;top: 100%;left: 50%;height: 22px;border-left: 2px dashed rgba(170, 47, 42, 0.35);pointer-events: none;z-index: 0;}
    .process > .col:not(:last-child)::before {content: '';position: absolute;top: calc(100% + 18px);left: 50%;width: 8px;height: 8px;border-bottom: 2px solid rgba(170, 47, 42, 0.45);border-right: 2px solid rgba(170, 47, 42, 0.45);transform: translateX(-50%) rotate(45deg);pointer-events: none;z-index: 0;margin-left: 1px;}
}

/* Icon box */
.icon-box .icon-inner {font-size: 0;line-height: 1;}
.icon-box-img img, .icon-box-img svg {padding-top: 0;}

/* Button */
.header-button .button:not(.is-outline), .btn:not(.is-outline) {border: none;line-height: 3.5em;min-height: 3.5em;}
.header-button .button, .btn {padding-inline: 1.5em;margin-bottom: 0;}
.btn.is-outline {border-width: 1px;line-height: 3.378em;}
.btn.is-outline.white:hover {color: var(--clr-black) !important;}
.btn i {font-size: 1.25rem;}
@media (max-width: 549px) {
    .header-button .button, .btn {font-size: .875rem;}
}

/* Gallery */
.custom-gallery .col {padding-bottom: 0 !important;}
.custom-gallery .box-image {border-radius: var(--rd-3);}
.custom-gallery .flickity-page-dots {height: 10px;bottom: 20px;}
.custom-gallery .flickity-page-dots .dot {vertical-align: top;opacity: 1;background-color: var(--clr-white);}
.custom-gallery .flickity-page-dots .dot.is-selected {background-color: var(--fs-color-primary);}
.custom-gallery .flickity-button {display: none;}

/* Footer */
.footer-logo {max-width: 300px;}
.footer-title p {margin-bottom: .75em;}
.footer-list ul {margin-bottom: 0;}
.footer-list li {margin-left: 0 !important;margin-bottom: 0;list-style: none;}
.footer-list li:not(:last-child) {margin-bottom: .3em;}
.footer-list li a {color: var(--fs-color-text);transition: var(--transition);}
.absolute-footer {padding-block: 0;}
.abs-footer {color: var(--clr-black-70);padding-block: 1em;}
.abs-footer p {margin-bottom: 0;}
.abs-footer a {color: inherit;transition: color var(--transition);}
.abs-footer a:hover, .footer-list li a:hover {color: var(--fs-color-primary);}
.footer-secondary {padding-block: 0;}

/* Contact info */
.contact-info ul {margin-bottom: 0;}
.contact-info li {display: flex;list-style: none;margin-left: 0 !important;margin-bottom: 0;}
.contact-info li+li {margin-top: 1em;}
.contact-info li i {color: var(--fs-color-primary);min-width: 25px;position: relative;top: 3px;}
.contact-info li a {color: var(--fs-color-text);transition: var(--transition);}
.contact-info li a:hover {color: var(--fs-color-primary);}
.cnt-item {border: 1px solid rgba(255,255,255,.2);border-radius: var(--rd-2);padding: .75em;}
.cnt-item p {margin-bottom: 0;}

/* Social icons */
.social-icons {--icon-size: 4em;}
.social-icons .button.icon {min-width: var(--icon-size);line-height: var(--icon-size);}
.social-icons .button.icon:not(.is-outline) {border: none !important;background-color: var(--clr-white) !important;margin-bottom: 0;}
.social-icons .button.icon:not(.is-outline)>i {color: var(--fs-color-primary) !important;transition: var(--transition);font-size: 1.25rem;}
.social-icons .button.icon:not(.is-outline):hover {background-color: var(--fs-color-primary) !important;}
.social-icons .button.icon:not(.is-outline):hover>i {color: var(--clr-white) !important;}
.social-icons .button i {top: 0;}
@media (max-width: 549px) {
    .social-icons.text-left {text-align: center;}
}

/* Form elements */
.input {box-shadow: none !important;border-radius: var(--rd-3);}
.input:focus {border-color: var(--fs-color-primary) !important;}
.ninja-forms-form-wrap form {margin-bottom: 0;}
.nf-field-label label {font-weight: 400 !important;}
.label-above .nf-field-label {margin-bottom: 5px !important;}
.nf-field-element textarea {height: 100px;resize: vertical;}
.nf-field-element:has(.nf-element[type="submit"]) {text-align: center;}
.nf-field-container {margin-bottom: 15px !important;}
.nf-field-container:has(.nf-element[type="submit"]) {margin-bottom: 0;}
.nf-element[type="submit"] {height: 57px !important;background-color: var(--fs-color-primary);border-radius: var(--rd-3);margin-inline: auto;font-size: .97em;padding-inline: 1.5em;border: none;}
.nf-element[type="submit"]:hover {background-color: var(--fs-color-primary);box-shadow: none;}
.nf-form-fields-required {display: none;}
.nf-error-msg {font-size: 1rem;}
.nf-error .ninja-forms-field, .nf-error.listimage-wrap .nf-field-element ul {border-color: var(--fs-color-alert) !important;}
.nf-error-msg, .ninja-forms-req-symbol {color: var(--fs-color-alert) !important;}
.nf-error-field-errors {text-align: center;}
@media (max-width: 549px) {
    .content-area .nf-field-container {margin-bottom: 10px;}
    .nf-form-cont .one-half {width: 100% !important;margin-left: 0 !important;}
}

/* Marquee */
.marquee .col-inner {display: flex;flex-wrap: nowrap;gap: 20px;}
.marquee .img {width: 460px !important;pointer-events: none;margin-bottom: 0 !important;}
.marquee .img-inner {border-radius: var(--rd-3);}
.marquee .img-inner, .marquee .img img {height: 100%;}
.marquee .img img {object-fit: cover;}
@media (max-width: 849px) {
    .marquee .img {width: 360px !important;}
}
@media (max-width: 549px) {
    .marquee .img {width: 260px !important;}
}

/* Decor */
.decor {--spacer: 20px;overflow: clip;}
.decor::before {content: '';display: block;position: absolute;background-repeat: no-repeat;background-size: contain;background-image: url("img/decor.png");width: 220px;aspect-ratio: 1/1;opacity: .1;transform-origin: center bottom;animation: sway 3s ease-in-out infinite;}
.decor.left-top::before {left: var(--spacer);top: var(--spacer);}
.decor.right-bottom::before {right: var(--spacer);bottom: var(--spacer);}
@media (max-width: 549px) {
    .decor {--spacer: 10px;}
}
@keyframes sway {
    0% {
        transform: rotate(-3deg);
    }
    50% {
        transform: rotate(3deg);
    }
    100% {
        transform: rotate(-3deg);
    }
}

/* Composite decks page */
@media (min-width: 550px) {
    .page-id-937 .composite-comparison-row {
        align-items: stretch;
    }

    .page-id-937 .composite-comparison-row > .col {
        display: flex;
    }

    .page-id-937 .composite-comparison-row > .col > .col-inner {
        display: flex;
        width: 100%;
    }

    .page-id-937 .composite-comparison-card,
    .page-id-937 .composite-comparison-card > .col,
    .page-id-937 .composite-comparison-card > .col > .col-inner {
        width: 100%;
        height: 100%;
    }
}

/* PVC decks page */
@media (min-width: 550px) {
    .page-id-972 .pvc-comparison-row {
        align-items: stretch;
    }

    .page-id-972 .pvc-comparison-row > .col {
        display: flex;
    }

    .page-id-972 .pvc-comparison-row > .col > .col-inner {
        display: flex;
        width: 100%;
    }

    .page-id-972 .pvc-comparison-card,
    .page-id-972 .pvc-comparison-card > .col,
    .page-id-972 .pvc-comparison-card > .col > .col-inner {
        width: 100%;
        height: 100%;
    }
}

/* Vinyl liner pools page */
@media (min-width: 850px) {
    .page-id-988 .vinyl-comparison-row {
        align-items: stretch;
    }

    .page-id-988 .vinyl-comparison-row > .col {
        display: flex;
    }

    .page-id-988 .vinyl-comparison-row > .col > .col-inner {
        display: flex;
        width: 100%;
    }

    .page-id-988 .vinyl-comparison-card,
    .page-id-988 .vinyl-comparison-card > .col,
    .page-id-988 .vinyl-comparison-card > .col > .col-inner {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 550px) and (max-width: 849px) {
    .page-id-988 .vinyl-comparison-row > .col,
    .page-id-988 .vinyl-faq-row > .col {
        flex-basis: 100%;
        max-width: 100%;
    }
}

/* Remaining service pages */
.content-area p a:not(.button),
.content-area li a:not(.button) {
    font-weight: 600;
    text-underline-offset: 0.15em;
}

.content-area p a:not(.button):hover,
.content-area li a:not(.button):hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.dd-service-comparison-row > .col:first-child .dd-service-comparison-card > .col > .col-inner {
    background-color: rgb(236, 236, 236);
    border-radius: 6px;
}

.dd-service-comparison-row > .col:last-child .dd-service-comparison-card > .col > .col-inner {
    background-color: rgb(36, 36, 36);
    border-radius: 6px;
    color: rgb(255, 255, 255);
}

.dd-service-comparison-row > .col:last-child .dd-service-comparison-card h1,
.dd-service-comparison-row > .col:last-child .dd-service-comparison-card h2,
.dd-service-comparison-row > .col:last-child .dd-service-comparison-card h3,
.dd-service-comparison-row > .col:last-child .dd-service-comparison-card h4,
.dd-service-comparison-row > .col:last-child .dd-service-comparison-card h5,
.dd-service-comparison-row > .col:last-child .dd-service-comparison-card h6,
.dd-service-comparison-row > .col:last-child .dd-service-comparison-card p,
.dd-service-comparison-row > .col:last-child .dd-service-comparison-card li,
.dd-service-comparison-row > .col:last-child .dd-service-comparison-card strong {
    color: rgb(255, 255, 255) !important;
}

.dd-service-source-note {
    margin-top: 30px;
}

@media (min-width: 850px) {
    .dd-service-comparison-row {
        align-items: stretch;
    }

    .dd-service-comparison-row > .col {
        display: flex;
    }

    .dd-service-comparison-row > .col > .col-inner {
        display: flex;
        width: 100%;
    }

    .dd-service-comparison-card,
    .dd-service-comparison-card > .col,
    .dd-service-comparison-card > .col > .col-inner {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 550px) and (max-width: 849px) {
    .dd-service-comparison-row > .col,
    .dd-service-faq-row > .col {
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (min-width: 850px) and (max-width: 1099px) {
    .dd-service-benefits-row > .col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .dd-service-benefits-row .benefits > .col {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (max-width: 549px) {
    .dd-service-source-note {
        margin-top: 24px;
    }
}

/* DDP BLOG EDITORIAL START */
/* Diamond Decks editorial blog system */
.single-post .blog-wrapper {
  background: #fff;
}

.single-post .blog-wrapper > .row {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}

.single-post .blog-wrapper > .row > .large-10 {
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.single-post .blog-wrapper .post {
  width: 100%;
  max-width: none;
  margin: 0;
}

.single-post .article-inner {
  background: #fff;
  box-shadow: none;
}

.single-post .entry-header-text {
  max-width: 1040px;
  margin: 0 auto;
  padding: 58px 34px 30px;
  text-align: center;
}

.single-post .entry-header-text .entry-category {
  margin-bottom: 14px;
  color: #b32128;
  font-weight: 700;
  letter-spacing: 0;
}

.single-post .entry-header-text .entry-title {
  max-width: 820px;
  margin: 0 auto 18px;
  color: #151515;
  font-size: 46px;
  line-height: 1.12;
  letter-spacing: 0;
}

.single-post .entry-header-text .entry-divider {
  margin-right: auto;
  margin-left: auto;
  background-color: #b32128;
}

.single-post .entry-header-text .entry-meta {
  color: #656565;
  letter-spacing: 0;
}

.single-post .entry-header-text .byline {
  display: none;
}

.single-post .entry-image {
  max-width: 1200px;
  margin: 0 auto;
}

.single-post .entry-image img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.single-post .entry-image .badge {
  display: none;
}

.single-post .entry-content.single-page {
  max-width: 980px;
  margin: 0 auto;
  padding: 54px 34px 68px;
  color: #333;
}

.single-post .ddp-blog-article > p,
.single-post .ddp-blog-article > ul,
.single-post .ddp-blog-article > ol,
.single-post .ddp-blog-faq p {
  font-size: 18px;
  line-height: 1.72;
}

.single-post .ddp-blog-article > p {
  margin-bottom: 1.35em;
}

.single-post .ddp-blog-article a:not(.button) {
  color: #982027;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(152, 32, 39, 0.34);
  text-underline-offset: 3px;
}

.single-post .ddp-blog-article a:not(.button):hover {
  color: #6f1117;
  text-decoration-color: currentColor;
}

.single-post .ddp-blog-reviewed {
  margin: 0 0 18px;
  color: #6b6b6b;
  font-size: 13px !important;
  font-weight: 700;
  text-transform: uppercase;
}

.single-post .ddp-blog-lead {
  margin: 0 0 34px;
  color: #1c1c1c;
  font-size: 22px !important;
  line-height: 1.55 !important;
}

.single-post .ddp-blog-summary {
  margin: 0 0 42px;
  padding: 28px 30px 26px;
  border-left: 4px solid #c32830;
  background: #171717;
  color: #fff;
}

.single-post .ddp-blog-summary p {
  margin-bottom: 12px;
  color: #fff;
  font-size: 17px;
  line-height: 1.65;
}

.single-post .ddp-blog-summary ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 28px;
  margin: 20px 0 0;
}

.single-post .ddp-blog-summary li {
  margin: 0;
  color: #efefef;
  font-size: 15px;
  line-height: 1.5;
}

.single-post .ddp-blog-kicker,
.single-post .ddp-blog-toc-title {
  margin: 0 0 12px;
  color: #c32830;
  font-size: 12px !important;
  font-weight: 800;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

.single-post .ddp-blog-toc {
  margin: 0 0 50px;
  padding: 25px 0 20px;
  border-top: 1px solid #d9d9d6;
  border-bottom: 1px solid #d9d9d6;
}

.single-post .ddp-blog-toc ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 34px;
  margin: 0;
  padding-left: 22px;
}

.single-post .ddp-blog-toc li {
  margin: 0;
  padding-left: 3px;
  color: #717171;
  font-size: 15px;
  line-height: 1.45;
}

.single-post .ddp-blog-toc a {
  color: #2a2a2a !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.single-post .ddp-blog-toc a:hover {
  color: #982027 !important;
}

.single-post .ddp-blog-article > h2,
.single-post .ddp-blog-faq > h2 {
  margin: 54px 0 18px;
  color: #171717;
  font-size: 30px;
  line-height: 1.24;
  letter-spacing: 0;
  scroll-margin-top: 100px;
}

.single-post .ddp-blog-article > h2::after,
.single-post .ddp-blog-faq > h2::after {
  display: block;
  width: 46px;
  height: 3px;
  margin-top: 13px;
  background: #c32830;
  content: "";
}

.single-post .ddp-blog-article > ul {
  margin: 0 0 30px 20px;
}

.single-post .ddp-blog-article > ul li {
  margin-bottom: 10px;
  padding-left: 6px;
}

.single-post .ddp-blog-image {
  margin: 42px 0 48px;
}

.single-post .ddp-blog-image img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 4px;
}

.single-post .ddp-blog-image figcaption {
  max-width: 760px;
  margin: 11px 0 0;
  color: #6e6e6e;
  font-size: 13px;
  line-height: 1.5;
}

.single-post .ddp-blog-table-wrap {
  overflow-x: auto;
  margin: 30px 0 38px;
  border-top: 3px solid #c32830;
  -webkit-overflow-scrolling: touch;
}

.single-post .ddp-blog-table {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  background: #fff;
  color: #252525;
  font-size: 17px;
  line-height: 1.55;
}

.single-post .ddp-blog-table th,
.single-post .ddp-blog-table td {
  min-width: 150px;
  padding: 15px 16px;
  border: 0;
  border-bottom: 1px solid #dededb;
  text-align: left;
  vertical-align: top;
}

.single-post .ddp-blog-table th {
  background: #f1f1ef;
  color: #111;
  font-weight: 700;
}

.single-post .ddp-blog-table td {
  color: #252525;
  font-weight: 400;
}

.single-post .ddp-blog-note {
  margin: 30px 0 40px;
  padding: 20px 24px;
  border-left: 3px solid #c32830;
  background: #f5f5f3;
  color: #404040;
  font-size: 15px;
  line-height: 1.65;
}

.single-post .ddp-blog-faq {
  margin-top: 62px;
  padding-top: 1px;
  border-top: 1px solid #d9d9d6;
}

.single-post .ddp-blog-faq-item {
  margin: 0;
  border-bottom: 1px solid #d9d9d6;
}

.single-post .ddp-blog-faq-item summary {
  position: relative;
  padding: 20px 42px 20px 0;
  color: #1b1b1b;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
  list-style: none;
}

.single-post .ddp-blog-faq-item summary::-webkit-details-marker {
  display: none;
}

.single-post .ddp-blog-faq-item summary:focus {
  outline: 0;
}

.single-post .ddp-blog-faq-item summary:focus-visible {
  outline: 2px solid #c32830;
  outline-offset: 3px;
}

.single-post .ddp-blog-faq-item summary::after {
  position: absolute;
  top: 20px;
  right: 3px;
  color: #a9232a;
  font-size: 22px;
  font-weight: 400;
  content: "+";
}

.single-post .ddp-blog-faq-item[open] summary::after {
  content: "-";
}

.single-post .ddp-blog-faq-answer {
  padding: 0 42px 17px 0;
}

.single-post .ddp-blog-faq-answer p {
  margin: 0;
  color: #444;
}

.single-post .ddp-blog-sources,
.single-post .ddp-blog-related,
.single-post .ddp-blog-byline {
  margin-top: 44px;
  padding: 24px 26px;
  border-left: 3px solid #c32830;
  background: #f3f3f1;
}

.single-post .ddp-blog-sources ul,
.single-post .ddp-blog-related ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
  margin: 0;
  padding-left: 18px;
}

.single-post .ddp-blog-sources li,
.single-post .ddp-blog-related li {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}

.single-post .ddp-blog-byline p {
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.6;
}

.single-post .ddp-blog-byline p:last-child {
  margin-bottom: 0;
}

.single-post .ddp-blog-cta {
  margin: 48px -34px -68px;
  padding: 46px 48px 48px;
  background: #171717;
  color: #fff;
  text-align: center;
}

.single-post .ddp-blog-cta h2 {
  max-width: 650px;
  margin: 0 auto 13px;
  color: #fff;
  font-size: 30px;
  line-height: 1.25;
  letter-spacing: 0;
}

.single-post .ddp-blog-cta > p {
  max-width: 690px;
  margin: 0 auto 18px;
  color: #e3e3e3;
  font-size: 17px;
  line-height: 1.6;
}

.single-post .ddp-blog-cta > p:last-child {
  margin-bottom: 0;
}

.single-post .ddp-blog-cta .button {
  margin: 5px 0 0;
  border-radius: 2px;
  background: #c32830;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
}

.single-post .entry-content > .blog-share,
.single-post .article-inner > .blog-share,
.single-post .article-inner > .entry-author,
.single-post .article-inner > footer.entry-meta {
  display: none;
}

@media (max-width: 849px) {
  .single-post .blog-wrapper .post {
    max-width: 100%;
  }

  .single-post .article-inner {
    box-shadow: none;
  }

  .single-post .entry-header-text {
    padding: 42px 22px 25px;
  }

  .single-post .entry-header-text .entry-title {
    font-size: 36px;
  }

  .single-post .entry-content.single-page {
    padding: 40px 22px 56px;
  }

  .single-post .ddp-blog-summary ul,
  .single-post .ddp-blog-toc ol,
  .single-post .ddp-blog-sources ul,
  .single-post .ddp-blog-related ul {
    grid-template-columns: 1fr;
  }

  .single-post .ddp-blog-cta {
    margin-right: -22px;
    margin-bottom: -56px;
    margin-left: -22px;
    padding: 38px 25px 40px;
  }
}

@media (max-width: 549px) {
  .single-post .entry-header-text .entry-title {
    font-size: 31px;
  }

  .single-post .entry-header-text .entry-meta {
    line-height: 1.6;
  }

  .single-post .ddp-blog-lead {
    font-size: 20px !important;
  }

  .single-post .ddp-blog-summary {
    padding: 24px 22px;
  }

  .single-post .ddp-blog-article > h2,
  .single-post .ddp-blog-faq > h2,
  .single-post .ddp-blog-cta h2 {
    font-size: 27px;
  }

  .single-post .ddp-blog-article > p,
  .single-post .ddp-blog-article > ul,
  .single-post .ddp-blog-article > ol,
  .single-post .ddp-blog-faq p {
    font-size: 17px;
  }
}
/* DDP BLOG EDITORIAL END */