/* B4RN Website Style Overrides */
/* NOTE: !important modifier is required to override existing styles */


#kd2-update {

/* Header */
    
.header-main__top {
    background: var(--barn-blue);
}
.header-main__bot, .nav__dropdown {
    background: var(--barn-grey);
}
.header-main__bot a {
    color: black;
}
.nav__dropdown a {
    border-bottom-color: black;
}
.header-main__bot a:hover, a:active {
    color: var(--barn-blue);
}

.bg-primary-rounded {
    background: linear-gradient(45deg, rgba(20, 61, 60, 1) 65%, rgba(156, 191, 69, 1) 100%);
    clip-path: ellipse(75% 100% at 50% 100%);
    margin-top: -45px;
}
    
.bg-pattern1 {
    background-image: none;
    background: #143D3C;
    background: linear-gradient(45deg, rgba(20, 61, 60, 1) 65%, rgba(156, 191, 69, 1) 100%);
}
.bg-pattern1:after {
    background-image: none;
}

.hero:has(.slick-slider) > picture {
    display: none;
}
.form--search {
    bottom: 120px;
}

.hero {
    @media (min-width: 1024px) {
        .hero .slick-slider {
            min-height: 756px;
        }
        .slick-slide {
            min-height: 756px;
        }
    }
    @media (min-width: 1220px) {
        .hero .slick-slider {
            min-height: 820px;
        }
        .slick-slide {
            min-height: 820px;
        }
    }
    .slick-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/assets/images/design/contour-lines.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 800px 200px;
    opacity: 0.4;
    pointer-events: none;
}
}

.hero__content {
    max-width: 1200px;
    margin: auto;
    padding: 0px;
}

.hero__title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: unset;
}

@media (min-width: 768px) {
.hero__title {
    text-align:left;
    margin-left: 0;
    width: 50%;
    font-weight: 500;
    font-size: 60pt;
    /* margin-top: auto; */
}
}
.hero__title em {
    color: var(--barn-light-green);
    font-weight: 400;
    font-style: italic;
    font-family: "Noto Serif", serif;
    
}
.hero__subtitle {
    font-weight: 300;
}

.hero--further .hero__content {
    transform: translate(-50%,-50%);
}


.panel--usps {
    margin-top: 0px
}

.panel--prices {
    padding-bottom: 120px;
    
    h2 {
        text-align: left;
        padding: 0px;
        margin: 60px 20px;
        color: white;
    }
    .panel__lead {
        text-align: left;
        font-weight: 200;
        padding: 0px;
        margin: 40px 20px;
    }
    .bg-primary {
        background: none;
        text-align: left;
        font-weight: 200;
        padding: 0px;
        margin: 40px 20px;
    }
}

.prices-panel__box {
    border: solid 2px var(--barn-light-green);
    border-radius: 50px;
    background: none;
}
.prices-panel__box {
    .text-secondary {
        color: white;
        margin-bottom:  0px;
    }
    .js-match-item2 p {
        font-size: 14px !important;
    }
    .js-match-item3:nth-of-type(3) span {
        font-size: 24px !important;
    }
    .title-underline {
        height: default;
    }
    .title-underline:after {
        display: none;
    }
    .js-match-item3 {
        flex-wrap: wrap;
    }
    .prices-panel__value {
        margin-bottom: 0px;
    }
    .prices-panel__link > *:not(:last-child) {
        margin-bottom: 25px;
    }

}
.prices-panel__box .btn-primary {
    border: solid 2px white;
}
.prices-panel__box:hover .btn-primary {
    background-color: var(--barn-light-green);
    color: var(--barn-dark-green);
}

.prices-nav {
    border: solid 2px white;
    border-radius: 25px
}
@media (min-width: 768px) {
    .prices-nav {
    border-radius: 30px;
}
}
.prices-panel__icon img {
    height: 100px;
    width: unset;
}

.panel--prices em {
    color: var(--barn-light-green);
    font-weight: 400;
    font-style: italic;
    font-family: "Noto Serif", serif;   
}
.panel--prices em:after {
    content: "+ + +";
    margin-left: 40px;
}
    
.prices-panel {
    .prices-panel__1 {
        flex-wrap: wrap;
        gap: 40px;
        margin: 60px 0px;
    }
    @media (min-width: 1024px) {
        .cols>* {
            width: calc(33.3333% - 40px);
        }
    }
    @media (min-width: 768px)
        and (max-width: 1023px) {
        .cols>* {
            width: calc(50% - 40px)
        }
    } 
    @media (min-width: 768px) {
        .cols>* {
            padding-left: 0px;
            margin-top: 0px;
        }
    }
}

.panel--testimonial {
    background-color: var(--barn-mid-green);
    background-image: url(
        /assets/images/design/contour-lines.png);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: 180% 50px;
}

blockquote svg {
    display: none;
}
blockquote {
    font-family: "Noto Serif", serif;
    font-size: 20pt;
}
blockquote p {
    font-family: "Noto Serif", serif;

}

blockquote .block::before {
  content: open-quote;
}
blockquote .block::after {
  content: close-quote;
}
blockquote {
  quotes: "“" "”" "‘" "’";
}
.content-block figcaption {
    font-weight: 500;
    margin-top: 20px;
}

.bg-pattern2 {
    background-image: none;
    background: var(--barn-grey)
}

/* Footer */

.footer-main {
    background: var(--barn-blue);
    background-image: url(
        /assets/images/design/contour-lines.png);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: bottom right;
}
.footer-main .w-full {
    background: rgb(0,94,184, 0.7);
    border-radius: 25px;
    padding: 20px;
}
.footer-main .text-primary svg {
  color: var(--barn-light-green);
}
.hocus\:text-primary:hover {
    color: var(--barn-light-green);
}



--barn-blue: rgb(0,94,184);
--barn-light-green:#9CBF45;
--barn-mid-green: #405828;
--barn-dark-green: #143D3C;
--barn-grey: #D9D6D1;
}

/* Page  width styling */

.panel--content > .container {
    max-width: 100%;
    padding: 0px;
}
.panel--content {
    padding: 0px;
}
.content-block > * {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
}
.container > .cols--auto, .container > h3, h2  {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
}
.container > h2 {
    padding-top: 60px;
}
.container > .cols--auto:last-of-type {
    padding-bottom: 80px;
}
.content-block {
    margin-top: 60px;
    margin-bottom: 60px;
}
.cms-content ol, .cms-content ul {
    margin-left: auto;
    padding-left: 27px;
}
.cms-content ol {
    padding-left: 80px;
}

.bg-gradient-box {
    background: linear-gradient(45deg, rgba(20, 61, 60, 1) 65%, rgba(156, 191, 69, 1) 100%);
}
.bg-gradient-box a:hover {
    background-color: var(--barn-light-green);
}

.bg-grey-light {
        padding-top: 20px;
    }

body:has(#location-page), body:has(#investment-page) {
    .hero {
        background-color: var(--barn-mid-green);
        background-image: url(
        /assets/images/design/contour-lines.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: calc(100% + 300px);
    }
    .hero picture {
        display: none;
    }
    .hero.hero--overlay:before {
        background-color: #00000000;
    }
    @media (min-width: 768px) {
        .hero.hero--further {
            min-height: 600px;
        }
    }
    .hero__content h1 {
        font-size: calc(2em + 2vw);
    }

    .panel--usps .container {
        max-width: 1300px;
    }
    .panel--usps {
        background: linear-gradient(45deg, rgba(20, 61, 60, 1) 65%, rgba(156, 191, 69, 1) 100%);
        color: white;
    }
    .panel--usps .w-full:first-of-type {
        width: 100%;
        padding-top: 0px;
    }
    .panel--usps .w-full:first-of-type {
        .works-icon {
            display: none;
        }
        h3 {
            display: none;
        }
    }
    .panel--usps h2, .panel--usps h3 {
        color: white
    }
    .panel--usps strong {
        color: var(--barn-light-green)
    }
    .usp-item:after {
        display: none;
    }
    .works-icon {
        border: none;
    }

    .content-block > .cols > .w-full {
        align-content: center;
        padding-left: 0px;
    }
    .content-block ul {
        max-width: min(1000px, 80%);
        display: table;
        margin: 40px auto;
    }
    .content-block >  {
        align-content: center;
    }
    .md:=w-1/2 {
        padding-left: 0px;
    }

    .content-set {
        text-align: center;
        margin-top: 60px;
    }
    .content-block:has(figure) {
        background-color: var(--barn-mid-green);
        background-image: url(
            /assets/images/design/contour-lines.png);
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: 180% 50px;
        padding: 60px;
    }
    figure {
        border: 0px;
        color: white;
        text-align: center;
    }
    figcaption {
        font-weight: 500;
        font-size: 28px;
    }
    blockquote em {
        font-style: italic;
        font-size: 26px;
        font-weight: 300;
        color: white;
    }
    blockquote p:has(strong) {
        margin-bottom: 40px;
    }
    blockquote strong {
        font-size: 20px;
        color: white;
        font-weight: 600;
    }
    .cms-content .btn-primary {
        padding: 25px;
        font-weight: 600;
        border-radius: 50px;
        font-size: 1.8rem;
    }
    .panel--search {
        display: none;
    }
    h2 em, 
    h3 em, 
    p em:not(figure em) {
        color: var(--barn-light-green);
        font-weight: 400;
        font-style: italic;
        font-family: "Noto Serif", serif;
    }
    p strong {
        font-weight: 700;
    }
    .content-block:has(a[href*="b4rn-investment-booklet"]) > p:last-of-type {
        font-size: 16px;
        text-align: right;
        line-height: 1.6;
        a {
            color: var(--barn-blue);
        }
    }
}

/* Location Page Specific Edits */

body:has(#location-page) {
    .content-set {
        margin-bottom: 80px;
    }
}

/* Investment Page Specific Edits */

body:has(#investment-page) {
    .container {
        display: flex;
        flex-wrap: wrap;
        column-gap: 40px;
    }
    .content-block:nth-of-type(2),
    .content-block:nth-of-type(3) {
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: var(--barn-dark-green);
        color: white;
        padding: 20px;
        border-radius: 30px;
        justify-content: start;
        margin-left: 10px;
        margin-right: 10px;
    }
    .content-block:nth-of-type(2),
    .content-block:nth-of-type(3) {
        ul {
            margin: 20px;
            margin-bottom: 40px;
            max-width: unset;
        }
        .content-set {
            margin: 20px;
            margin-top: auto;
        }
        .btn {
            border: 2px solid white;
            padding: 16px;
            font-size: 26px;
        }
    }

    @media (min-width: 1024px) {
        .content-block:nth-of-type(2),
        .content-block:nth-of-type(3) {
            width: min(44%, 650px);
        }
        .content-block:nth-of-type(2) {
            margin-left: auto;
            margin-right: 0px;
        }
        .content-block:nth-of-type(3) {
            margin-right: auto;
            margin-left: 0px;
        }
    }

    .content-block:nth-of-type(2) h3,
    .content-block:nth-of-type(2) strong {
            color: white;
        }
    .content-block:nth-of-type(3) h3, 
    .content-block:nth-of-type(3) strong {
            color: white;
        }
    .content-block {
        width: 100%;
    }
    .md\:w-1\/2 {
        p:not(li p) {
            text-align: center;
        }
    }
}

p {
    font-size: 16pt;
    font-weight: 400;
    font-family: "Noto Sans", sans-serif;
}