/* CSS Document */

/*	FORTHEA CORE PACKAGE
=================================================================================================
	jskaggs@forthea.com
    jsohat@forthea.com

*/

/* Fonts */

/* Lato */


/*	Resets
============================================================================================== */

:root {
    /* --color-opacity: 1; */
    --color-green: #027f56;
    --color-green-bright: #039967;
    --color-green-shaded: #026645;
    --color-green-dark: #013322;
    --color-blue: #448bc9;
    --color-blue-shaded: #336896;
    --color-blue-dark: color-mix(in oklab, var(--color-blue), black 30%);
    --color-white: #ffffff;
    --color-gray-light: #f3f3f3;
    --color-gray: #cbcbcb;
    --color-black: #404040;
    --color-red: #c35039;
    --main-transition: all 0.165s ease;
    --long-transition: all 0.25s ease;
    --main-dropshadow: 0 1px 10px rgb(0 0 0 / 0.1);

    /* --big-margin: 50px; */
    /* --big-margin: 3em; */
    --big-margin: 3rem;
    /* --small-margin: 25px; */
    /* --small-margin: 1.5em; */
    --small-margin: 1.5rem;
    --mini-margin: 1rem;
    --font-header: "alverata", serif;
    --font-paragraph: 'Lato', Helvetica, Arial, sans-serif;
}

::selection {
    background: rgba(2, 127, 85, 0.5);
}

*:focus {
    outline: none;
}


@media only screen and (max-width: 767px) {
    :root {
        /* --big-margin: 25px;
        --small-margin: 12px; */

    }
}

/* White Blure Backgound
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.50);
    box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(5px);
*/


html,
body,
h2,
h3,
h4,
p,
ul,
li,
form,
fieldset,
label,
img,
div {
    margin: 0;
    padding: 0;
    border: none;
    -webkit-text-size-adjust: none;
}

html,
body {
    height: 100%;
    min-height: 100%;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    color: #333;
}

html {
    background: #f0f0f0;
}

a[href^="tel"] {
    cursor: pointer;
}

a,
a:hover {
    text-decoration: none;
}

.centre {
    position: relative;
    margin: 0 auto 0;
    /* padding: 100px 50px; */
    padding: 4em 3em 5em;
    max-width: 1200px;
    z-index: 10;
}

.clearfix,
.centre {
    zoom: 1;
}

.clearfix:before,
.centre:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after,
.centre:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.imgWhite {
    filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.csst,
.csst:hover,
.csst *,
.csst *:hover,
.btn,
.btn:hover {
    -webkit-transition: all 0.165s ease;
    -moz-transition: all 0.165s ease;
    -ms-transition: all 0.165s ease;
    -o-transition: all 0.165s ease;
    transition: all 0.165s ease;
}

.btn:hover {
    transform: translateY(-4px);
}

.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fauxlink,
.fauxlink:hover {
    cursor: pointer;
}

.elem-flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-style: normal;
    display: block;
    /* margin: 0 auto 0.6em;
    font-weight: 600;
    line-height: 1.5em;
    color: #222e33; */
}

h1,
.h1 {
    font-size: 2.5em;
    line-height: 1em;
    font-family: "alverata", serif;
    font-weight: 400;
}

h2,
.h2 {
    font-size: 2.25em;
    line-height: 1em;
    font-family: "alverata", serif;
    /* margin-bottom: 1.25em; */
    margin-bottom: 1.25em;
    font-weight: 400;
}

h3,
.h3 {
    font-size: 1.375em;
    font-family: "alverata", serif;
    font-weight: 600;
    /* line-height: 2.25em; */
}

h4,
.h4 {
    font-size: 1.25em;
    font-weight: 600;
}

h5,
.h5 {
    font-size: 1.125em;
    font-weight: 400;
}

h6,
.h6 {
    font-size: 0.875em;
    font-weight: 400;
}

p+h2,
p+h3,
p+h4,
p+h5,
p+h6,
p+.h2,
p+.h3,
p+.h4,
p+.h5,
p+.h6,
ul+h2,
ul+h3,
ul+h4,
ul+h5,
ul+h6,
ul+.h2,
ul+.h3,
ul+.h4,
ul+.h5,
ul+.h6,
ol+h2,
ol+h3,
ol+h4,
ol+h5,
ol+h6,
ol+.h2,
ol+.h3,
ol+.h4,
ol+.h5,
ol+.h6 {
    margin-top: 1em;
    margin-bottom: 0.25em;
}

.centre a {
    text-decoration: none;
    -webkit-transition: all 0.165s ease;
    -moz-transition: all 0.165s ease;
    -ms-transition: all 0.165s ease;
    -o-transition: all 0.165s ease;
    transition: all 0.165s ease;
    color: var(--color-green);
}

.centre a:hover {
    color: var(--color-green-dark);
}

input[type=text],
input[type=email],
input[type=number],
input[type=tel],
input[type=password],
.jbmodal-search input[type=text],
select,
textarea {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: var(--color-black);
}

.jbmodal-search input[type=text] {
    font-size: 1em !important;
    color: var(--color-black) !important;
    font-style: normal !important;
    font-weight: normal !important;
}

.center {
    text-align: center;
}

img,
iframe {
    max-width: 100%;
}

img.framed {
    background: #fff;
    padding: 15px;
    border: 1px solid #e1e1e1;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.10)
}

.wrapper {
    /* min-height: 100%; */
}



/*	Base Classes
============================================================================================== */
.btn {
    position: relative;
    display: inline-block;
    min-width: 116px;
    /* margin: 25px auto 0; */
    padding: 1em 3.5em;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 0.2em;
}

.btn.green {
    color: white;
    background: var(--color-green);
}

.btn.green:hover {
    background: var(--color-green-shaded);
    color: white;
}

.btn.blue {
    color: white;
    background: var(--color-blue);
}

.btn.blue:hover {
    color: white;
    background: var(--color-blue-shaded);
}

.btn.white {
    color: var(--color-green);
    background: var(--color-white);
}


.btn.ghost.white {
    background: transparent;
    border: 1px solid white;
    color: white;
}

.btn.ghost.white:hover {
    background: transparent;
    color: white;
    background: white;
    color: var(--color-black);
}

.btn.green.ghost {
    background: transparent;
    border: 1px solid var(--color-green);
    color: var(--color-green);
}

.btn.green.ghost:hover {
    color: white;
    background: var(--color-green);
}

.btn.blue.ghost {
    background: transparent;
    border: 1px solid var(--color-blue);
    color: var(--color-blue);
}

.btn.blue.ghost:hover {
    color: white;
    background: var(--color-blue);
}


.btn.mini {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0.5em 1.5em;
    min-width: auto;
}

p+.btn,
ol+.btn,
ul+.btn {
    margin-top: 0;
}

.btn .fa,
.btn .fas,
.btn .fab {
    margin: 0 0.33em;
    font-size: 0.9em;
    vertical-align: baseline;
}

.btn.mini .fa,
.btn.mini .fas,
.btn.mini .fab {}



.panel .ctas,
.content .ctas {
    margin-top: var(--big-margin);
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mobile-only {
    display: none;
}

input[type="checkbox"] {
    accent-color: var(--color-green);
}

/*	LAYOUT
============================================================================================== */

/*	Header
============================================================================================== */
.header {
    position: fixed;
    /* --color-opacity: 0.1; */
    top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1250px;
    left: 25px;
    right: 25px;
    height: 80px;
    /* background: rgba(7, 44, 82, 1); */
    background: var(--color-green-dark);
    z-index: 200;
    opacity: 1;
    -webkit-transition: all 0.165s ease;
    -moz-transition: all 0.165s ease;
    -ms-transition: all 0.165s ease;
    -o-transition: all 0.165s ease;
    transition: all 0.165s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding-left: 25px;
    padding-right: 25px; */
    color: white;
    border-radius: 8px;
    z-index: 50;
}


.header.fixed {
    /* background: rgba(7, 44, 82, 0.98); */
    /* opacity: 0.95; */
    -webkit-transition: all 0.165s ease;
    -moz-transition: all 0.165s ease;
    -ms-transition: all 0.165s ease;
    -o-transition: all 0.165s ease;
    transition: all 0.165s ease;
}

.header:hover,
.header.fixed:hover {
    opacity: 1;
    -webkit-transition: all 0.165s ease;
    -moz-transition: all 0.165s ease;
    -ms-transition: all 0.165s ease;
    -o-transition: all 0.165s ease;
    transition: all 0.165s ease;
}

.header .centre {
    height: 100%;
}


.header .logo img {
    width: 75px;
    height: auto;
    display: block;
    margin-left: var(--small-margin);
}

.nav-right-side {
    display: flex;
    align-items: center;
}

.menu-bar-icon {
    display: none;
}

.mobile-navbar {
    display: none;
}

.nav-icons {
    margin-right: var(--small-margin);
}


.nav-icons i {
    color: var(--color-green-bright);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;

    &:hover {
        color: white;
    }
}

.rotate-45 {
    transform: rotate(45deg);
}

.no-scroll {
    overflow: hidden;
}



.jbmodal-search,
.zip_lookup form {
    position: relative;
    height: 36px;
    width: auto;
}

.zip_lookup form {
    width: 250px;
    max-width: 100%;
}

.jbmodal-search input[type=text],
.zip_lookup input[type=tel] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #fafafa;
    border: none;
    border-radius: 0;
    height: 36px;
    line-height: 36px;
    padding: 0 40px 0 12px;
    color: #222e33;
    font-size: 14px;
    font-weight: 100;
    font-style: oblique;
    letter-spacing: .5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

.jbmodal-search input[type=submit],
.zip_lookup input[type=submit] {
    border: 0;
    height: 36px;
    width: 36px;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0;
    background: transparent;
    opacity: 0;
    z-index: 2;
    cursor: pointer;

}

.jbmodal-search i.fa,
.zip_lookup i.fa {
    border: 0;
    height: 36px;
    width: 36px;
    line-height: 36px;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    text-align: center;
    color: #fafafa;
    font-size: 15px;
    background: var(--color-green);
    -webkit-transition: all 0.165s ease;
    -moz-transition: all 0.165s ease;
    -ms-transition: all 0.165s ease;
    -o-transition: all 0.165s ease;
    transition: all 0.165s ease;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.zip_lookup input[type=tel],
.zip_lookup i.fa {
    color: var(--color-white);
    background: var(--color-green-shaded);
}

.jbmodal-search input[type=submit]:hover+i.fa,
.zip_lookup input[type=submit]:hover+i.fa {
    color: #fafafa;
    background: var(--color-green-bright);
    -webkit-transition: all 0.165s ease;
    -moz-transition: all 0.165s ease;
    -ms-transition: all 0.165s ease;
    -o-transition: all 0.165s ease;
    transition: all 0.165s ease;
}

.zip_lookup ::placeholder {
    color: var(--color-white);
    opacity: 1;
    /* Firefox */
}

.zip_lookup ::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: var(--color-white);
}

.header>.fa-bars,
.header>.fa-times {
    position: absolute;
    top: 20px;
    right: 0.75em;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0px 1.25em;
    font-size: 1em;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fafafa;
}

.header>.fa-times {
    display: none;
}



/*	Nav
============================================================================================== */
.mainNav {
    position: relative;
    margin: 0 0 0;
    float: right;
    z-index: 1000;
    margin-right: 2em;
    /* overflow-y: scroll; */
}

/* First Level Nav */
.mainNav ul {
    /* font-size: 0; */
    /* font-family: 'Barlow', 'Lato', sans-serif; */
    font-weight: 400;
    margin: 0 0;
    /* height: 100%; */
    /* overflow-y: scroll; */
}

.mainNav>ul>li {
    font-size: 0.875em;
    display: inline-block;
    margin: 0 0px;
    position: relative;
}

.mainNav li.id_1,
.mainNav li.id_13,
.mainNav li.id_32 {
    display: none;
}

.mainNav li.id_13 a::after,
.mainNav li.id_13 i,
.mainNav li.id_44 a::after {
    display: none !important;
}

.mainNav>ul>li:first-child {}

.mainNav>ul>li.active {}

.mainNav>ul>li>a,
.mainNav>ul>li>span {
    display: inline-block;
    margin: 0 0;
    position: relative;
    color: #fafafa;
    text-decoration: none;
    height: 80px;
    line-height: 78px;
    padding: 0 16px;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.mainNav>ul>li>a:hover {
    color: var(--color-green-bright);
}

.mainNav>ul>li.parent>a:after,
.mainNav>ul>li.parent>span:after {
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f0d7";
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 18px;
    font-size: 14px;
    height: 10px;
    line-height: 10px;
    color: rgba(255, 255, 255, 0.4);
    width: 14px;
    text-align: center;
}

.mainNav>ul>li.parent:hover>a:after,
.mainNav>ul>li.parent:hover>span:after {
    color: rgba(255, 255, 255, 0.8);
}

/* Second Level Nav */
.mainNav>ul>li>ul {
    display: none;
    position: absolute;
    top: 80px;
    left: -1px;
    background: var(--color-green-dark);
    width: 210px;
    z-index: 10;
    /* border: 0px solid #000; */
    border-top: 0;
    list-style: none;
}

.mainNav>ul>li:hover>ul {
    display: block;
}

.mainNav>ul>li:last-child>ul {
    left: auto;
    right: -1px;
}

.mainNav>ul>li>ul>li {
    position: relative;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    line-height: 1em;
}

.mainNav>ul>li>ul>li:first-child {
    border-top: 0;
}

.mainNav>ul>li>ul>li>a {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fafafa;
    line-height: 1em;
    font-weight: 100;
    text-decoration: none;
}

.mainNav>ul>li>ul>li>a:hover {
    background: var(--color-green-shaded);
    color: #fafafa;
    text-decoration: none;
}

.mainNav>ul>li>ul>li.parent>a:after,
.mainNav>ul>li>ul>li.parent>span:after {
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f0da";
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
    font-size: 14px;
    height: 10px;
    line-height: 10px;
    color: rgba(255, 255, 255, 0.4);
    width: 14px;
    text-align: center;
}

.mainNav>ul>li>ul>li.parent:hover>a:after,
.mainNav>ul>li>ul>li.parent:hover>span:after {
    color: rgba(255, 255, 255, 0.8);
}


/* Third Level Nav */
.mainNav>ul>li>ul>li>ul {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background: #222c33;
    width: 210px;
    z-index: 10;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 0;
}

.mainNav>ul>li>ul>li:hover>ul {
    display: block;
}

.mainNav>ul>li>ul>li>ul>li {
    position: relative;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mainNav>ul>li>ul>li>ul>li:first-child {
    border-top: 0;
}

.mainNav>ul>li>ul>li>ul>li>a {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fafafa;
    line-height: 1em;
    font-weight: 100;
    text-decoration: none;
}

.mainNav>ul>li>ul>li>ul>li>a:hover {
    background: #00b5dc;
    color: #fafafa;
    text-decoration: none;
}

.mainNav li .trigger {
    display: none;
}

.menu-icon {
    display: none;
}

/* Pre Footer
============================================================================================== */

.badges-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.badges-wrapper>* {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.badges-wrapper>div>* {
    width: 75%;
}

.badges-wrapper img {
    mix-blend-mode: multiply;
}

.pre-footer-badges .badge-header {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 40px;
}

/*	Footer
============================================================================================== */
.footer {
    position: relative;
    background: var(--color-green);
    color: white;
}

.footer-inner {
    display: flex;
    justify-content: space-between;
    /* background-color: lightcoral; */
    font-size: 0.875em;
    padding-top: 30px;
    padding-bottom: 35px;
}

.footer-inner::before,
.footer-inner::after {
    display: none;
}

.footer-inner a {
    color: white;
    text-decoration: none;
}

.footer-inner a:hover {
    color: var(--color-green-dark);
}

.footer-inner .social a:hover {
    color: white;
}

.footer-inner .social a:hover i {
    background: var(--color-green-shaded);
}

.footer-nav {
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    line-height: 28px;
    letter-spacing: 0.1em;
}

.footer-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-logo img:first-child {
    width: 88px;
    height: auto;
    margin-bottom: 10px;
}


.footer-logo img:nth-child(2) {
    width: 228px;
    height: auto;
    margin-bottom: 25px;
}

.footer-logo p {
    opacity: 0.5;
}

.footer-contact {
    display: flex;
    flex-direction: column;

    .phone {
        font-size: 2em;
        margin-bottom: 16px;
        font-weight: bold;
    }
}

.footer-inner .social {
    display: flex;
    align-items: center;
}

.footer-inner .social i {
    margin-left: 8px;
    background: var(--color-green-dark);
    border-radius: 99%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
}

/* .footer-line {
    display: none;
    width: 90%;
    margin: 0 auto 25px;
    height: 1px;
    background: white;
    opacity: 0.3;
} */

.footer-contact .social span {
    font-style: italic;
    opacity: 0.5;
}


/*	Banner
============================================================================================== */
.banner {
    margin: 0;
    padding: 90px 0 0;
    background: black;
    /* text-align: center; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.banner .centre {
    /* padding: 90px 30px 80px; */
    padding-top: 50px;
    padding-bottom: 50px;
}

.banner .bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/images/bg-banner.jpg) center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 0.4;
    z-index: -2;
}

.banner h1,
.banner .h1 {
    margin: 0 0 18px;
    color: white;
}

.banner-home h1,
.banner-home .h1 {
    /* margin-bottom: 50px;
    font-size: 60px;
    text-transform: uppercase; */
    color: var(--color-coal);
    position: relative;
    margin-bottom: 40px;
    font-size: 3.75em;
    text-align: center;
    /* line-height: 3.75em; */
}

.banner-home .h1::after {
    position: absolute;
    bottom: -20px;
    content: "";
    border-bottom: 1px solid var(--color-black);
    opacity: 0.5;
    margin-left: auto;
    margin-right: auto;
    width: 550px;
    left: 0;
    right: 0;
}

.banner .centre h1,
.banner .centre .crumbContainer {
    margin-left: 10px;
}

.banner-home {
    min-height: 750px;
    color: var(--color-coal);
    padding-top: 125px;
}

.banner-home .bg {
    opacity: 1;
}

.banner .intro {
    width: 640px;
    max-width: 100%;
    margin: 0 auto 30px;
    color: #fafafa;
    font-size: 24px;
    text-align: center;
}

.banner-home-intro h1 {
    font-size: 4.285em;
    color: black;
}

.banner-home-intro {
    background: rgb(255 255 255 / 80%);
    padding: 70px 100px;
    /* max-width: 960px; */
    margin: auto;
    border-radius: 4px;
}

.banner-home-intro div:first-child {
    margin-bottom: 40px;
}

.home-intro-text {
    text-align: left;
    font-size: 1.125em;
    line-height: 1.75em;
}

.home-intro-text p:not(:last-child) {
    margin-bottom: 1em;
}

.home-intro-text img {
    /* mix-blend-mode: multiply; */
    /* filter: brightness(0) invert(0);
    opacity: 0.8; */
}

.home-cta {
    text-align: center;
    margin-top: var(--big-margin);
}

.home-cta .btn {
    font-size: 0.875em;
    line-height: 1.75em;
    letter-spacing: 0.2em;
    padding: 1em 3.5em;
}

.crumbContainer {
    line-height: 1em;
}

.crumbContainer .crumb {
    font-size: 0.75em;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 100;
    text-transform: uppercase;
}

.crumbContainer .crumb:after {
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "Font Awesome 6 Pro";
    /* font-weight: 900; */
    content: "/";
    color: var(--color-gray-light);
    font-size: 0.75em;
}

.crumbContainer .crumb.current:after {
    content: "";
}

.crumbContainer .crumb.current {
    padding: 0 1em;
    color: rgba(255, 255, 255, 0.5);
}

.crumbContainer .crumb a {
    padding: 0 1em;
    color: white;
    text-decoration: none;
}

.crumbContainer .crumb:first-child a {
    padding-left: 0;
}

.crumbContainer .crumb a:hover {
    color: var(--color-green-bright);
}




/*	Template Panels
============================================================================================== */
.content-wrapper {
    margin: -1px auto;
    padding: 1px 0;
    background: #f0f0f0;
}

/* .banner-buckets+.content-wrapper {
    padding-top: 150px;
} */

.panel {
    position: relative;
}

.panel-introblock {}

/* .panel-buckets {} */

.panel .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.panel .grad {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 329px;
    max-height: 100%;
    background: linear-gradient(to top, #000, transparent);
    opacity: 0.1;
    z-index: 1;
}

/* Panel Backgrounds */
.panel {
    background: white;
}

.panel.bg-white {
    background: white;
}

.panel.bg-gray {
    background: var(--color-gray-light);
}

.panel.bg-green {
    background: var(--color-green-dark);
}

.panel.bg-blue {
    background: var(--color-blue-shaded);
}

.panel.bg-patterned {
    background: url('/assets/images/pattern.png');
}

.panel-buckets {
    /* background: rgba(255, 255, 255, 0.9); */
}

.panel-plainContent.bg-img .bg,
.panel-accordion.bg-img .bg,
.panel-tabs.bg-img .bg {
    /* opacity: 0.2; */
}

/* Panel Gradients */
.panel.bg-white .grad {
    background: linear-gradient(to top, transparent, #fff);
}

/* .panel-mediaFeatured .grad {
    height: 100%;
    opacity: 0.94;
} */

.panel-mediaFeatured .grad {
    /* background: linear-gradient(to right, #f0f0f0 40%, transparent); */
}

.panel-mediaFeatured.bg-navy .grad {
    background: linear-gradient(to right, #072c52 40%, transparent);
}

.panel-mediaFeatured.bg-blue .grad {
    background: linear-gradient(to right, #00b5dc 40%, transparent);
}

.panel-mediaFeatured.bg-teal .grad {
    background: linear-gradient(to right, #00decc 40%, transparent);
}

.panel-mediaFeatured.bg-white .grad {
    background: linear-gradient(to right, #fafafa 40%, transparent);
}

.panel-mediaFeatured.bg-black .grad {
    background: linear-gradient(to right, #121212 40%, transparent);
}

.panel-mediaFeatured.bg-gray .grad {
    background: linear-gradient(to right, #e5e5e5 40%, transparent);
}

.panel-mediaFeatured.content-right .grad {
    background: linear-gradient(to left, #f0f0f0 55%, transparent);
}

.panel-mediaFeatured.content-right.bg-navy .grad {
    background: linear-gradient(to left, #072c52 55%, transparent);
}

.panel-mediaFeatured.content-right.bg-blue .grad {
    background: linear-gradient(to left, #00b5dc 55%, transparent);
}

.panel-mediaFeatured.content-right.bg-teal .grad {
    background: linear-gradient(to left, #00decc 55%, transparent);
}

.panel-mediaFeatured.content-right.bg-white .grad {
    background: linear-gradient(to left, #fafafa 55%, transparent);
}

.panel-mediaFeatured.content-right.bg-black .grad {
    background: linear-gradient(to left, #121212 55%, transparent);
}

.panel-mediaFeatured.content-right.bg-gray .grad {
    background: linear-gradient(to left, #e5e5e5 55%, transparent);
}

/* Panel Color Modes */
.panel .content,
.panel .content h1,
.panel .content .h1,
.panel .content h2,
.panel .content .h2,
.panel .content h3,
.panel .content .h3,
.panel .content h4,
.panel .content .h4,
.panel .content h5,
.panel .content .h5,
.panel .content h6,
.panel .content .h6 {
    color: var(--color-black);
}

.panel.dark .content,
.panel.dark .content h1,
.panel.dark .content .h1,
.panel.dark .content h2,
.panel.dark .content .h2,
.panel.dark .content h3,
.panel.dark .content .h3,
.panel.dark .content h4,
.panel.dark .content .h4,
.panel.dark .content h5,
.panel.dark .content .h5,
.panel.dark .content h6,
.panel.dark .content .h6 {
    color: white;
}

/* Panel Text Alignment */
.panel.content-left .content h1,
.panel.content-left .content .h1,
.panel.content-left .content h2,
.panel.content-left .content .h2 {
    text-align: left;
}

.panel-plainContent.content-right .content h1,
.panel-plainContent.content-right .content .h1,
.panel-plainContent.content-right .content h2,
.panel-plainContent.content-right .content .h2 {
    text-align: right;
}

.panel-plainContent.content-right ul,
.panel.content-right ol {
    display: inline-block;
    text-align: left;
}





.panel .content {
    width: 960px;
    max-width: 100%;
    margin: 0 auto;
}

.panel.withOverlap .content {
    padding-bottom: 5.5em;
}







.content-home .panel-introblock.withOverlap .content {
    padding-bottom: 0;
}

.content-home .panel-introblock.withOverlap .bg {
    background: #f0f0f0;
}

.panel .content h1,
.panel .content .h1,
.panel .content h2,
.panel .content .h2 {
    text-align: center;
    font-weight: 400;
}

.panel-plainContent .content .ctas,
.panel-accordion .content .ctas,
.panel-tabs .content .ctas,
.content .ctas {
    text-align: center;
}

.panel-plainContent.content-left .content .ctas {
    text-align: left;
}

.panel-plainContent.content-right .content .ctas {
    text-align: right;
}

.panel-map .content,
.panel-mediaFloated .content {
    max-width: 50%;
    margin-left: 0;
}

.panel-map.content-right .content,
.panel-mediaFeatured.content-right .content,
.panel-mediaFloated.content-right .content {
    max-width: 50%;
    margin-left: auto;
    margin-right: 0;
}

.panel-map .content h2,
.panel-map .content .h2,
.panel-mediaFloated .content h2,
.panel-mediaFloated .content .h2 {
    text-align: left;
}

.panel-mediaFloated .content .ctas {
    text-align: left;
    margin-top: var(--big-margin);
}

.panel-zip {
    background: var(--color-green);
    min-height: 0 !important;
}

.panel-zip .bg {
    mix-blend-mode: multiply;
    opacity: 0.15;
}



/*	Element Blocks
============================================================================================== */
.video169 {
    width: 100%;
    max-width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}

.video169 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.panel p,
.panel ul,
.panel ol {
    margin: 0 auto 1em;
    line-height: 1.5em;
    font-weight: 400;
}

.panel ul,
.panel ol {
    padding-left: 1.15em;
}

.content a,
.content .link {
    color: var(--color-green);
}

.content a:hover,
.content .link:hover {
    color: var(--color-green-dark);
}


.panel .content .ctas+.ctas .btn {
    margin-top: 0;
}

.fauxTable {
    display: table-row;
}

.fauxTable>div {
    display: table-cell;
}

/*	Floated Media Panel
============================================================================================== */

.panel.panel-mediaFloated {
    min-height: 450px;
}

.panel-mediaFloated .fauxTable>div {
    vertical-align: middle;
    width: 50%;
}

.panel-mediaFloated.media-left .content {
    padding-left: 25px;
}

.panel-mediaFloated.media-left.layout-cover .content {
    padding-left: var(--big-margin);
}

.panel-mediaFloated.media-left .media {
    padding-right: 25px;
}

.panel-mediaFloated.media-right .content {
    padding-right: 25px;
}

.panel-mediaFloated.media-right.layout-cover .content {
    padding-right: var(--big-margin);

}

.panel-mediaFloated.media-right .media {
    padding-left: 25px;

}

.panel-mediaFloated.media-right.layout-cover .media {
    position: absolute;
    right: 0;
}

.panel-mediaFloated.layout-cover .centre {
    position: relative;
}

.panel-mediaFloated.layout-cover .bg {
    width: calc(50% - 25px);
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 20;
}

.panel-mediaFloated.layout-cover .floated-cover-media {
    position: absolute;
    width: 100%;
    height: 100%;
}

.panel-mediaFloated.layout-cover.media-left .floated-cover-media {
    top: 0;
    left: 0;
}

.panel-mediaFloated.layout-cover.media-left .fauxTable::before {
    content: '';
}

.panel-mediaFloated.layout-cover.media-right .fauxTable::after {
    content: '';
}

.panel-mediaFloated.layout-cover.media-right .floated-cover-media {
    top: 0;
    right: 0;
}

.floated-cover-media .media {
    height: 100%;
    width: 50%;
}

.floated-cover-media .media img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.panel-mediaFloated.layout-cover.media-left .bg {
    right: auto;
    left: 0;

}

.panel-mediaFloated.layout-cover.media-right .bg {
    right: 0;
    left: auto;
}

/* .panel-mediaFloated.layout-cover.media-right .fauxTable::after {
    content: "";
}

.panel-mediaFloated.layout-cover.media-left .fauxTable::before {
    content: "";
} */




/*	Accordion Panel
============================================================================================== */

.accordion {
    margin: var(--big-margin) auto;
}

/* .resource-library .filters, */
.accordion .filters {
    margin: 0 auto 1.5em;
}

/* .resource-library .filters span, */
.accordion .filters span {
    text-transform: uppercase;
}

/* .resource-library .filters .label, */
.accordion .filters .label {
    margin: 0 1em 0 0;
    font-size: 12px;
    color: inherit;
    letter-spacing: 1px;
}

.accordion .filters .filter {
    display: inline-block;
    padding: 0 1.5em;
    font-size: 14px;
    letter-spacing: 2px;
    color: inherit;
    border-right: 1px solid #999;
    cursor: pointer;
}

.accordion .filters .filter:last-child {
    border-right: 0;
}


.panel.dark .accordion .filters .filter.active {
    color: #fafafa;
}

.accordion .item {
    position: relative;
    margin: 0 0 12px;
    background: var(--color-gray-light);
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: var(--main-dropshadow);
}

.accordion .item.active {
    background: var(--color-white);
}

.accordion .heading {
    position: relative;
    margin: 0;
    /* padding: 8px 16px 8px 40px; */
    padding-left: 40px;
    cursor: pointer;
}

.accordion .heading:hover {
    background: var(--color-green);
    /* color: white; */
    transition: var(--main-transition);

}

.accordion .heading:hover .headline {
    /* background: #fff; */
    color: white;
    transition: var(--main-transition);
}

.accordion .item .heading:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f061";
    display: block;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 4px;
    left: 0px;
    /* border-right: 1px solid #aeaeae; */
    color: var(--color-green);
    font-size: 1em;
    transition: var(--main-transition);
}

.accordion .item.active .heading:after {
    /* content: "\f0d7"; */
    transform: rotate(90deg);
    transition: var(--main-transition);
}

.accordion .item .heading:hover:after {
    color: white;
}

.accordion .heading .headline {
    display: block;
    margin: 0;
    font-weight: 400;
    line-height: 50px;
    vertical-align: middle;
}

.accordion .content {
    display: none;
    width: auto;
    padding: 8px 40px 25px 40px;
}

.accordion .content p,
.accordion .content .description {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 1.6em;
    margin: 0 auto 1em;
}

.accordion .heading .headline,
.accordion .content p,
.accordion .content .description,
.accordion .content>* {
    color: var(--color-black);
}

/*	Tabs Panel
============================================================================================== */
.tabs {
    margin: var(--big-margin) auto;
}

.tab-pre {
    margin-bottom: var(--big-margin);
}

.tabContent .item h3:first-child {
    /* margin-bottom: 1em; */
    margin-bottom: var(--small-margin);
}

.tabContent .item p {
    margin-bottom: 1em;
}

.tabs .triggers {
    float: left;
    width: 25%;
    position: relative;
    margin: 1em 0 0 0;
    /* background: #f2f2f2; */
    /* border: 1px solid #ccc;
    border-right: 1px solid #fff; */
}

.tabs .triggers .trigger {
    display: block;
    padding: 1em 1em;
    color: var(--color-black);
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: var(--mini-margin);
    background: var(--color-gray-light);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    z-index: 0;
    position: relative;
}

.tabs .triggers .trigger:hover {
    color: #fff;
    background: var(--color-green);
}

.tabs .triggers .trigger.active {
    color: var(--color-black);
    background: #fff;
    z-index: 10;
}

.tabs .mobileTriggers {}

.tabs .mobileTriggers select {
    display: inline-block;
    background: #fafafa;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    min-width: 250px;
    padding: 0.25em 0.5em;
    width: 100%;
}

.tabs .tabContent {
    margin: 0 auto 0 25%;
    /* border: 1px solid #ccc; */
    background: #fff;
    border-radius: 4px;
    box-shadow: var(--main-dropshadow);
    position: relative;
    z-index: 5;
}

.tabs .tabContent .item {
    display: none;
    /* padding: 50px; */
    padding: var(--big-margin);
}

.tabs .tabContent .item:first-child {
    display: block;
}

.mapwrap iframe {
    width: 100%;
    height: 100%;
}

.tabContent .item .content-link {
    /* margin-top: 1.5em; */
    margin-top: var(--small-margin);
}

/*	Colums
============================================================================================== */

.panel-columnContent .columns {
    display: grid;
    gap: var(--big-margin);
    margin-top: var(--big-margin);
}

.panel-columnContent.dark .columns {
    color: white;
}

.columns.count-2 {
    grid-template-columns: repeat(2, 1fr);
}

.columns.count-3 {
    grid-template-columns: repeat(3, 1fr);
}

.columns.count-4 {
    grid-template-columns: repeat(4, 1fr);
}

.columns img {
    margin-bottom: var(--small-margin);
    width: 100%;
    border-radius: 4px;
    height: 250px;
    object-fit: cover;
}



/*	Buckets
============================================================================================== */


.panel-buckets .content {
    margin-bottom: var(--big-margin);
}


.buckets {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--big-margin);
}

.banner-home .buckets {
    margin: 100px -30px -250px;
}

.panel.withOverlap+.panel-buckets .buckets {
    margin-top: -170px;
}

.bucket {
    color: var(--color-black);
    background: var(--color-gray-light);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    box-shadow: var(--main-dropshadow);
    overflow: hidden;
    /* transition: all 0.165s ease; */
    transition: var(--main-transition);

}

.bucket::after {
    content: "";
    position: absolute;
    box-shadow: inset 0px 0px 0px 5px transparent;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: none;
    transition: all 0.18s ease-in-out;

}


.bucket a {
    transition: var(--main-transition);
}

.bucket:hover {
    background-color: var(--color-green);
    color: white;
    /* transition: var(--long-transition); */
}

.bucket:hover a {
    color: white;

}

.bucket:hover::after {
    box-shadow: inset 0px 0px 0px 5px var(--color-green);
    /* transition: all 1 ease; */
    /* transition-duration: 0.15s; */
    /* transition: var(--main-transition); */
}

.bucket h3 {
    font-weight: 400;
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 0.25em;
    margin-left: -0.05em;

}

.bucket p {
    text-transform: uppercase;
    font-size: 0.875em;
    max-height: 50px;
    overflow: hidden;
    line-height: 1.25em;
}

.bucket i {
    position: absolute;
    right: 4px;
    bottom: 4px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.50);
    box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(5px);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25em;
    color: var(--color-green);
    transition: var(--main-transition);
}

.bucket:hover i {
    color: white;
    /* transition: var(--long-transition); */
    background-color: var(--color-green);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.bucket-header {
    padding: 1.5em 1.25em;
}

.bucket-header a {
    color: var(--color-black);
}

.bucket-image {
    height: 340px;
    overflow: hidden;
}

.panel-buckets .ctas {
    text-align: center;
    margin-top: var(--big-margin);
    margin-bottom: 0;

    .btn {
        margin-top: 0;
    }
}

.bucket-image img {
    object-fit: cover;
    transition: var(--main-transition);
    width: 100%;
    height: 100%;
}

.bucket:hover img {
    scale: 1.1;
    transition: var(--long-transition);
}

/*	Testimonials
============================================================================================== */
.panel-testimonials {
    background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 0%, var(--color-gray-light) 100%);
}

.panel.panel-testimonials .bg {
    background-repeat: no-repeat !important;
    background-position: 80% !important;
    /* background-size: 40% !important; */
}

.testimonial-item {
    margin: 25px;
    padding: 36px 25px 95px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.50);
    box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(5px);
    height: inherit !important;
}

.testimonial-item p {
    margin-bottom: 1.75em;
}

.testimonial-item .name {
    font-size: 1.375em;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: var(--small-margin);
}

.testimonial-item i {
    font-size: 4em;
    color: var(--color-blue);
    margin-bottom: var(--big-margin);
}

/* Override slick css to set the same height */
.panel.panel-testimonials .slick-track {
    display: flex;
}


.panel-testimonials .slick-dots li button {
    /* opacity: 0; */
    border: 3px solid var(--color-gray);
    background: white;
    border-radius: 99%;
}

.panel-testimonials .slick-dots li.slick-active button {
    background: var(--color-blue);
    border-color: white;
}

.panel-testimonials .slick-dots li.slick-active button:before,
.panel-testimonials .slick-dots li button:before {
    color: transparent;
}



.panel-testimonials .slick-prev:before,
.panel-testimonials .slick-next:before {
    color: var(--color-blue);
}



/*	CTA Panel
============================================================================================== */

.panel.panel-cta {
    .ctas {
        text-align: left;
    }
}

.panel-cta .bg {
    filter: grayscale(1);
    opacity: 0.5;
    mix-blend-mode: hard-light;
}

.panel-cta .content h2 {
    width: 75%;
    font-style: italic;
    font-size: 3.75em;
}

.panel-cta .content h2,
.panel-cta .content p {
    text-align: left !important;
    margin-left: 0;
}

.panel-cta .inner-content a {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}




.panel-cta .content .inner-content {
    width: 50%;
}

/*	Related Content
============================================================================================== */
.panel-related-content .related-contents {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* gap: var(--big-margin); */
    row-gap: var(--small-margin);
    column-gap: var(--big-margin);
    margin-top: var(--big-margin);
    /* flex-wrap: wrap; */
}

.panel-related-content .related-contents .item {
    /* width: 33%; */
    background: white;
    padding: var(--small-margin);
    border-radius: 4px;
    position: relative;
    box-shadow: var(--main-dropshadow);

}

.panel-related-content .related-contents .item .sub-header {
    color: var(--color-gray);
    font-size: 0.875em;
    text-transform: uppercase;
}

.panel-related-content .related-contents .item .sub-header i {
    margin-right: 0.25em;
}

.panel-related-content .related-contents h3 {
    font-weight: normal;
    color: var(--color-black);
    padding-bottom: var(--small-margin);
    font-size: 1.5em;
    /* border-bottom: 0.5px solid rgba(0, 0, 0, 0.15); */
    border-bottom: 1px solid rgba(64, 64, 64, 0.20);
}

.panel-related-content .related-contents .item-content {
    margin-top: var(--small-margin);
    margin-bottom: 75px;
    min-height: 150px;
    line-height: 2em;
}

.panel-related-content .related-contents .item .fa-arrow-right {
    position: absolute;
    /* left: 1.5em; */
    bottom: var(--small-margin);
    border-radius: 4px;
    background: var(--color-blue);
    backdrop-filter: blur(5px);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25em;
    color: white;
}

/*	Maps
============================================================================================== */

.panel.panel-map {
    min-height: 500px;
}

/* .panel-map .content>div {
    width: 50%;
} */


.panel.panel-map .content {
    width: 50%;
}

.panel-map.pos-right .fauxTable::after {
    content: '';
}

.panel-map.pos-left .fauxTable::before {
    content: '';
}

.panel-map.pos-left .content {
    padding-left: var(--big-margin);
}

.panel-map.pos-right .content {
    padding-right: var(--big-margin);
}

.panel-map .mapwrap {
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    z-index: 20;
}

.panel-map.pos-right .mapwrap {
    right: 0;
}

.panel-map.pos-left .mapwrap {
    left: 0;
}

.panel-map.media-right .mapwrap {
    right: auto;
    left: 0;
}

.panel-map.media-default .content,
.panel-map.media-left .content {
    padding-right: 2em;
}

.panel-map.media-right .content {
    padding-left: 2em;
}



.map-buttons {
    margin-top: var(--big-margin);

    .ctas {
        text-align: left;
    }
}

.map-buttons .ctas:last-child {
    margin-bottom: 0;
}

.map-buttons .ctas .btn {
    min-width: 180px;
}

/*	Cards
============================================================================================== */

.panel-cards .cards-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: var(--big-margin);
    row-gap: var(--small-margin);
    margin-top: var(--big-margin);
    margin-bottom: var(--big-margin);
}

.cards-content .item {
    background-color: var(--color-gray-light);
    box-shadow: var(--main-dropshadow);
    border-radius: 4px;
    overflow: hidden;


    .ctas {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .details {
        display: none;
    }

    .footer {
        margin-top: var(--big-margin);
    }
}

.cards-content .item .body {
    padding: var(--small-margin);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 300px);

    .name {
        text-transform: uppercase;
        font-size: 0.875em;
        margin-bottom: 0.5em;
        letter-spacing: 0.05em;
    }
}

.cards-content .item .body .sub-header {
    margin-bottom: var(--big-margin);
}

.cards-content .item .body .price {
    color: var(--color-green);
    margin-top: 0;
    font-size: 2.25em;
    font-family: "alverata", serif;

}

.cards-content .item .body .price span {
    /* font-size: 1.375em; */
    font-size: 22px;
}

.cards-content .media {
    height: 250px;
}

.cards-content .media img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.cards-content .item .item-footer {
    margin-top: var(--small-margin);

    .include {
        color: var(--color-green);
        margin-bottom: var(--small-margin);
    }
}

.cards-content .item .ctas .btn {
    min-width: 0;
    font-size: 0.75em;
    padding: 0.85em 1.5em;
}

.cards-content .item .ctas {
    margin-top: 0;
}

.modal-details {
    .modal-details-header {
        font-size: 1.125em;
        margin-bottom: var(--small-margin);
        font-weight: 700;
    }

    .details {
        display: grid;
        gap: var(--small-margin);
        grid-template-columns: 1fr 1fr;
    }


    .item-detail-header {
        font-size: 1.25em;
        font-family: "alverata", serif;
        font-weight: 600;
    }
}

.modal-details .details ul {
    list-style-position: inside;
}

/*	Forms
============================================================================================== */
.panel-form .form-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--big-margin);
}

.panel-form .contact-us-blurb .contact-phone {
    font-weight: 600;
}



.form {
    position: relative;
    /* width: 960px; */
    max-width: 100%;
    margin: 0;
    padding: var(--small-margin);
    padding-bottom: 0;
    /* padding: 0; */
    border-radius: 4px;
    background-color: var(--color-gray-light);
}

/* .form .order-tab {
    padding: var(--small-margin);
} */

.form .ctas {
    margin-top: 0;
    text-align: center;
    margin-top: var(--small-margin);
}

.form input:read-only {
    background: #e9e9e9 !important;
}

/* .form .row {
    margin: 0 -1em;
} */

.form .row .input {
    display: block;
    position: relative;
    float: left;
    margin: 0;
    /* padding: 0 1em; */
    /* width: 50%; */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form .row .input.full {
    width: 100%;
}

.form .row.responsive-half {
    display: grid;
    /* column-gap: var(--small-margin); */
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    /* min-width: 150px; */
    /* max-width: ; */
}

.form .row.responsive-half .input {
    width: 100%;
}


.form .input label {
    padding-left: 1em;
    text-transform: uppercase;
    font-size: 0.75em;
    letter-spacing: 0.1em;
    /* position: absolute;
    top: 11px;
    left: 32px;
    font-size: 0.8125em;
    font-weight: 100;
    z-index: 2;
    -webkit-transition: all 0.165s ease;
    -moz-transition: all 0.165s ease;
    -ms-transition: all 0.165s ease;
    -o-transition: all 0.165s ease;
    transition: all 0.165s ease; */
}

.form .input label.focus {
    top: -22px;
    -webkit-transition: all 0.165s ease;
    -moz-transition: all 0.165s ease;
    -ms-transition: all 0.165s ease;
    -o-transition: all 0.165s ease;
    transition: all 0.165s ease;
    font-style: normal;
}

.form .input label.focus:after {
    content: "\f0d7";
    display: inline-block;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 0.5em;
}

.form .input label.hidden {
    opacity: 0.0;
}

.form label.error {
    /* display: none !important; */
}

.form .input input[type=text],
.form .input input[type=email],
.form .input input[type=number],
.form .input input[type=tel],
.form .input input[type=date],
.form .input input[type=password],
.form .input select,
.form .input textarea {
    display: block;
    height: 2.75em;
    width: 100%;
    margin: 0 0 0.75em;
    padding: 0.75em 1em;
    outline: none;
    background: white;
    border: none;
    border-radius: 4px;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form .input input[type=text].error,
.form .input input[type=email].error,
.form .input input[type=number].error,
.form .input input[type=tel].error,
.form .input input[type=date].error,
.form .input input[type=password].error,
.form .input select.error,
.form .input textarea.error {
    background: #FFB5B5 !important;
    border: 1px solid #900 !important;
}

.form .input input[type=date]::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1;
    position: relative;
}

.form .input input[type=date]:before {
    /* color: transparent; */
    /* background: none;
    display: block; */
    font-family: 'Font Awesome 6 Pro';
    content: '\f133';
    /* This is the calendar icon in FontAwesome */
    width: 15px;
    height: 20px;
    position: absolute;
    top: 2.5em;
    right: 1.25em;
    color: var(--color-green);
    cursor: pointer;
}


.form .input select {}

.form .input textarea {
    max-width: 100%;
    /* height: 100px; */
    min-height: 100px;
    max-height: 200px;
    resize: vertical;
}

.form .input .radCheck {}

.form .input .radCheck:last-child {}

.form .input label+.radCheck {}

.form .input input[type=radio],
.form .input input[type=checkbox] {}

.form .btn {
    margin-top: 0;
}

.form p.error {
    color: #900;
    background: #FFB5B5 !important;
    border: 1px solid #900 !important;
    margin: 0 0 1.5em;
    padding: 0.75em 1em;
    outline: none;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.token {
    color: transparent !important;
}

/*	Articles Container
============================================================================================== */

.filters .label {
    font-family: var(--font-header);
}

.articles_list .filters {
    margin-bottom: var(--big-margin);
}

.articles_list .filters>* {
    margin-right: 1.25em;
}

.articles_list .filter {
    color: var(--color-black);
    padding-left: 0.25em;
    padding-right: 0.25em;
    padding-bottom: 0.15em;
    display: inline-block;
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    position: relative;
}

.articles_list .filter:hover {
    /* font-weight: 700; */
    color: var(--color-green);
}

.articles_list .filter:after {
    content: '';
    display: block;
    border-bottom: 2px solid var(--color-green);
    width: 0;
    position: absolute;
    left: 0;
    bottom: -2px;
    -webkit-transition: var(--main-transition);
    transition: var(--main-transition);
}

.articles_list .filter:hover:after {
    width: 100%;
}


.articles_list .filter.active {
    color: var(--color-green);
    font-weight: 700;
    border-bottom: 2px solid var(--color-green);
}

.articles_list .item {
    background-color: var(--color-gray-light);
    margin-bottom: var(--small-margin);
    padding: var(--small-margin);
    position: relative;
    z-index: 5;
    border-radius: 4px;
    border: solid var(--color-gray-light) 5px;

    .sub-heading {
        margin-bottom: var(--small-margin);
    }

    .postmeta {
        font-size: 0.875em;
    }
}

/* .articles_list .item::after {
    content: '';
    position: absolute;
    background: var(--color-green);
    width: 100%;
    height: 1em;
    bottom: 0;
    left: 0;
    z-index: 0;
} */

.articles_list .item .inner-content .ctas {
    text-align: right;
    margin-bottom: 0;
    font-size: 0.875em;
}

.articles_list .item:hover {
    /* transform: translateY(-0.5em); */
    /* background: var(--color-green-dark);
    color: var(--color-white); */
    border-color: var(--color-green);
}

.paging {
    margin-top: var(--big-margin);
}

.page-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0.5em;
}

.page-list li {
    vertical-align: middle;
    display: inline-block;
    /* margin-right: 0.25em; */
}

.page-list li a {
    /* color: var(--color-gray15) !important; */
    font-weight: normal !important;
    text-align: center;
    /* border: 1px solid var(--color-gray85); */
    background-color: var(--color-gray-light);
    border-radius: 4px;
    line-height: 38px;
    height: 40px;
    width: 40px;
    display: inline-block;
}

.page-list li a:hover {
    background: var(--color-green);
    color: var(--color-white);
}

.page-list li a.active {
    background: var(--color-green);
    color: var(--color-white);
}

.page-list li.last,
.page-list li.first {
    display: none;
}

/*	Search Result Page
============================================================================================== */
.simplesearch-paging {
    display: none;
}

.simplesearch-result {
    background-color: var(--color-gray-light);
    margin-bottom: var(--small-margin);
    padding: var(--small-margin);
    position: relative;
    z-index: 5;
    border-radius: 4px;
    border: solid var(--color-gray-light) 5px;

    .details {
        text-align: right;
        color: var(--color-green);
        font-size: 0.875em;
    }
}

.simplesearch-result:hover {
    border-color: var(--color-green);
}

.simplesearch-result h3 {
    color: green;
    margin-bottom: var(--small-margin);
}

.simplesearch-result h3:hover {
    color: green;
}

/*	Product Detail Page
============================================================================================== */
.product-details-panel {
    padding-top: 120px;
    background: white;

    .centre {
        padding-top: 0;
    }
}

.product-details-breadcrumb {
    margin-left: 2px;
}

.product-details-breadcrumb .crumbContainer .crumb a {
    color: var(--color-black);
}

.product-details-breadcrumb .crumbContainer .crumb.current {
    color: var(--color-gray);
}

.product-details-breadcrumb .crumbContainer .crumb:after {
    color: var(--color-gray);
}

.product-details-banner {
    display: flex;
    gap: var(--big-margin);

    .product-carousel {
        width: 50%;
    }
}

.product-carousel .item {
    border-radius: 4px;
    overflow: hidden;
    aspect-ratio: 4/3;
}

.product-carousel .item img {
    /* height: 100%; */
    height: 100%;
    width: 100%;
    object-fit: cover;
}



/* .slider-nav .item:first-child {
    margin-left: 0;
}

.slider-nav .item:last-child {
    margin-right: 0;
} */

.product-details-desc .h1 {
    margin-bottom: var(--small-margin);
    margin-top: var(--mini-margin);
}

.product-details-banner {
    .price {
        color: green;
        margin-bottom: var(--small-margin) !important;
        margin-top: var(--big-margin);
    }
}

.product-details-desc {
    width: 50%;



    .desc {
        margin-bottom: var(--small-margin);
    }

    .notes {
        font-size: 0.75em;
        font-style: italic;
    }
}

.product-details-banner .price span {
    font-size: 1rem;
    font-family: var(--font-paragraph);
}

.product-details-desc .details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--small-margin);
    margin-bottom: var(--small-margin);
}

.product-details-desc .details .item-detail-header {
    font-family: var(--font-header);
    font-size: 1.375em;
    font-weight: 600;
}

.product-details-desc .details ul {
    list-style-position: inside;
}

.product-details-desc .ctas {
    display: grid;
    gap: var(--small-margin);
    grid-template-columns: 1fr 1fr;
    margin-top: var(--small-margin);

    .btn {
        font-size: 0.875em;
        padding-left: 1em;
        padding-right: 1em;

    }
}

.slider-single {
    margin-bottom: 8px;
}

.slider-nav .item {
    margin: 8px;
    cursor: pointer;
}

/* .slider-nav {
    display: flex;
    gap: 8px;
} */

.product-carousel .slick-dots li.slick-active button:before {
    color: var(--color-green);
}

.product-carousel .slick-dots {
    bottom: -15px;
}

.product-carousel .slick-dots li button:before {
    color: var(--color-green);
}

/*	Addon
============================================================================================== */
.panel-addons {
    .addons-wrapper {
        margin-top: var(--big-margin);
        margin-bottom: var(--big-margin);
    }
}

.panel-addons .addons-wrapper small {
    margin-bottom: var(--small-margin);
    /* width: 100%; */
    text-align: right;
    display: block;
}

/* .addons-wrapper small:first-child {
    width: 100%;
    text-align: right;
} */

/* .panel-addons .addons-filters{

} */
.panel-addons .addons-filters .filters {
    display: flex;
    justify-content: center;
    margin-bottom: var(--small-margin);
}

.panel-addons .addons-filters .filters .filter {
    text-transform: uppercase;
    font-size: 0.75em;
    letter-spacing: 0.1em;
    cursor: pointer;
    position: relative;
}

.panel-addons .addons-filters .filters .filter:after,
.checkout-addons-wrapper .addons-filters .filters .filter::after {
    content: '';
    display: block;
    border-bottom: 2px solid var(--color-green);
    width: 0;
    position: absolute;
    left: 0;
    bottom: -2px;
    -webkit-transition: var(--main-transition);
    transition: var(--main-transition);
}

.panel-addons .addons-filters .filters .filter:hover,
.checkout-addons-wrapper .addons-filters .filters .filter:hover {
    color: var(--color-green);
}

.panel-addons .addons-filters .filters .filter:hover:after,
.checkout-addons-wrapper .addons-filters .filters .filter:hover::after {
    width: 100%;
}

.panel-addons .addons-filters .filters .filter.active {
    color: var(--color-green);
    border-bottom: solid 2px var(--color-green);
}

.panel-addons .addons-filters .filters .filter:not(:last-child) {
    margin-right: var(--small-margin);
}

.addons-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--small-margin);
    margin-top: var(--small-margin);
}

.addons-items .item.active {
    display: grid;
}

.addons-items .item {
    display: grid;
    grid-template-columns: 100px 1fr 100px;
    gap: 1em;
    /* justify-content: space-between; */
    padding: 1em 1.125em;
    background: white;
    border-radius: 4px;
    align-items: center;
    display: none;
    /* transition: all 1s ease-in-out; */


}

.addons-items .item img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 4px;
}

.addon-item {
    .price-wrapper {
        font-size: 0.875em;
        color: var(--color-green);
    }
}

.addon-item .name i {
    color: gray;
    font-size: 0.75em;
    margin-left: 0.25em;
    padding-bottom: 0.25em;
    cursor: pointer;
}

.addon-item .ctas {
    margin-top: 0;
    display: flex;
    justify-content: end;
    align-items: center;
}

.addon-info-include {
    margin-left: var(--small-margin);
    color: var(--color-gray);
}


.addon-item .ctas .addon-quantity::selection {
    background: transparent;
}

.addon-item .ctas {

    .addon-quantity {
        background: var(--color-gray-light);
        border-radius: 4px;
        padding: 0.25em 1.25em;
        margin-right: -0.75em;
        margin-left: -0.75em;
        z-index: 0;
        display: none;
        font-size: 0.875em;
        width: 1.15em;
        border: none;
        text-align: center;
    }

    .addon-delete {
        color: var(--color-red);
        margin-right: 0.25em;
        margin-right: 1em;
        cursor: pointer;
        display: none;
    }

    .addon-minus {
        color: var(--color-green);
        z-index: 5;
        position: relative;
        cursor: pointer;
        display: none;
    }

    .addon-add {
        color: var(--color-green);
        z-index: 5;
        position: relative;
        cursor: pointer;
    }
}

.addon-modal-details h3 {
    font-size: 1.25em;
    font-family: "alverata", serif;
    font-weight: 600 !important;
}

.addon-modal-details {
    /* display: grid;
    grid-template-columns: 1fr 1fr; */
    /* gap: var(--small-margin); */
    display: flex;
    flex-wrap: wrap;
    margin-bottom: var(--big-margin);
}

.addon-modal-details>div {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.addon-modal-details>div>div {
    width: 50%;
}

.addon-modal-details ul {
    list-style-position: inside;
}


/*	Add on page
============================================================================================== */
.articles-addons-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--small-margin);
}

.articles-addons-list .item {
    display: flex;
    justify-content: space-between;
    padding: 1em 1.125em;
    background: white;
    border-radius: 4px;
    align-items: center;
    border: none;
    margin-bottom: 0;
    /* display: none; */
    /* transition: all 1s ease-in-out; */

    .price {
        font-size: 0.875em;
        color: var(--color-green);
    }
}

/* .articles-addons-list .item .ctas {
    margin-top: 0;
}

.articles-addons-list .item .ctas i {
    color: var(--color-green);
} */


/*	Checkout
============================================================================================== */
.panel-checkout .checkout-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
}


.panel-checkout .checkout-tabs>div:not(:last-child) {
    position: relative;
    padding-right: var(--big-margin);
}

.panel-checkout .checkout-tabs>div>div {
    padding: 0 1em;
}

.panel-checkout .checkout-tabs>div>div:hover i {
    color: var(--color-green);
}

.panel-checkout .checkout-tabs>div>div:hover span {
    color: var(--color-black);
}

.checkout-tabs>div {
    color: var(--color-gray);
    text-transform: uppercase;
    font-size: 0.75em;
    cursor: pointer;
}

.checkout-tabs>div i {
    padding-right: 0.5em;
}

.checkout-tabs>div.active i {
    color: var(--color-green);
}

.checkout-tabs>div.active span {
    color: var(--color-black);
}

.checkout-tabs>div:not(:last-child)::after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: var(--big-margin);
    margin-left: -100%;
    /* margin-right: 1em;
    margin-left: 1em; */
    /* text-align: right; */
    right: 0;
    height: 1px;
    content: '\a0';
    background-color: var(--color-gray);
}

.checkout-wrapper {
    margin-top: var(--big-margin);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--big-margin);

    .order-details {
        background: var(--color-gray-light);
        border-radius: 4px;
        /* padding: var(--small-margin); */
    }
}

.checkout-wrapper>div {
    display: none;
}

.checkout-wrapper>div.active {
    display: inline;
}

.checkout-addons-wrapper .addons-items .item {
    grid-template-columns: 64px 1fr 100px;
}

.checkout-addons-wrapper .addons-items .item img {
    width: 64px;
    height: 64px;
}

.checkout-addons-wrapper .addons-filters {
    /* display: flex;
    flex-wrap: wrap; */
    /* margin-bottom: var(--small-margin); */

    .filter-label {
        font-size: 1.375em;
        /* margin-right: var(--small-margin); */
        font-family: var(--font-header);
        font-weight: 700;
        margin-bottom: var(--small-margin);
        margin-left: 0;
    }


}

.checkout-addons-wrapper .addons-filters .filters {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2.5em;
    row-gap: 0.5em;
    /* width: 350px; */
    /* justify-content: center; */

    .filter {
        position: relative;
        font-size: 0.75em;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        cursor: pointer;
        border-bottom: solid 2px transparent;
        /* &:not(:last-child) {
            margin-right: 1em;
        } */
    }
}

.checkout-addons-wrapper .addons-filters .filters .filter.active {
    color: var(--color-green);
    border-bottom: solid 2px var(--color-green);
}

.checkout-addons-wrapper .addons-items {
    display: flex;
    flex-direction: column;
    padding-right: 1em;
    height: 450px;
    overflow-y: scroll;
    gap: 0;
}

.checkout-addons-wrapper .addons-items::-webkit-scrollbar {
    width: 6px;
}

.checkout-addons-wrapper .addons-items::-webkit-scrollbar-track {
    background: #f3f3f3;
    border-radius: 4px;
}

.checkout-addons-wrapper .addons-items::-webkit-scrollbar-thumb {
    background: var(--color-gray);
    border-radius: 4px;
}

.checkout-addons-wrapper .addons-items .item {
    background: none;
    padding-left: 0;
    padding-right: 0;
    border-bottom: solid 1px var(--color-gray);
    border-radius: 0;

    .addon-quantity {
        background: white;
    }
}

.checkout-addons-wrapper .addons-items .item p {
    margin-bottom: 0;
}



/*	Cart
============================================================================================== */

.cart-details {
    margin-bottom: var(--small-margin);
}

/* .cart-details h2 {
    text-align: left !important;
    font-size: 1.375em;
    font-weight: 700 !important;
} */

.checkout-wrapper .cart-sechead {
    text-align: left !important;
    font-size: 1.375em;
    font-weight: 700 !important;
    margin-bottom: var(--small-margin);
    font-family: var(--font-header);
}

.cart-details .product-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

.cart-details .product-details img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 4px;
}

.checkout-product-info p:first-child {
    margin-bottom: 1em;
}

.checkout-product-info {
    .name {
        font-weight: 900;
        margin-right: 1em;
    }
}

.checkout-product-info>p:first-child span a {
    font-size: 0.875em;
    font-style: italic;
}

.checkout-product-info .selected-room-count-wrapper {
    margin-bottom: 0.5em;

    .selected-room-count {
        width: 50px;
        height: 50px;
        text-align: center;
        margin-right: 0.5em;
        border: none;
        border-radius: 4px;
    }
}

.selected-lease-length-wrapper .selected-lease-length {
    width: 50px;
    height: 50px;
    text-align: center;
    margin-right: 0.5em;
    border: none;
    border-radius: 4px;
    padding: 0;
}

.checkout-product-info label {
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.checkout-shipping-cta {
    margin-top: var(--small-margin);
    display: flex;
    justify-content: end;

    .btn {
        border: none;
    }
}

.order-summary-wrapper {
    .order-summary {
        border-radius: 4px;
        color: var(--color-white) !important;
        background: var(--color-green);
        padding: var(--small-margin);
        margin-bottom: var(--big-margin);
    }

    .notes {
        font-size: 0.75em;
        line-height: 1.5em;
        margin-top: var(--big-margin);
    }
}

/* .order-summary-wrapper .notes p {
    margin-bottom: 0;
} */

.order-summary-wrapper .order-summary h2 {
    /* font-size: 1.375em; */
    /* font-family: var(--font-header); */
    text-align: left !important;
    font-size: 1.375em;
    font-weight: 700 !important;
    margin-top: 0;
    color: var(--color-white);

}

/* .order-summary.raq-summary ul li span:not(:first-child) {
    background: yellow;
} */

.order-summary.raq-summary ul li .quantity-unit {
    /* display: inline-block !important; */
}

.order-summary.raq-summary ul li span:nth-child(2) {
    /* display: none; */
}

.order-summary.raq-summary .subtotal-monthly {
    display: none !important;
}

.order-summary.raq-summary {
    color: var(--color-black) !important;
    background: transparent !important;
    border: 4px solid var(--color-green);
}

.order-summary.raq-summary h2 {
    color: var(--color-green);
}


.order-summary.raq-summary .subtotal-onetime {
    display: none !important;
}

.order-tab {
    background-color: var(--color-gray-light);
    border-radius: 4px;
    position: relative;

    .form {
        padding: 0;
    }
}

.order-tab.active {
    display: block;
}


.shipping-wrapper {
    padding: var(--small-margin);

}

.order-tab .form .row .input {
    padding-left: 0;
    padding-right: 0;
}

/* .order-tab .form .row .input.half:first-child {
    padding-right: 0.5em;
}

.order-tab .form .row .input.half:last-child {
    padding-left: 0.5em;
} */


.form .row.col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1em;

    .input {
        width: 100%;
    }
}

.form .row.col-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 1em;

    .input {
        width: 100%;
    }
}

.shipping-wrapper .ctas,
.order-billing .form .ctas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1em;
}

.same-as-shipping {
    position: absolute;
    top: -45px;
    right: 0;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
}


.billing-wrapper .notes {
    margin-top: var(--small-margin);
    font-style: italic;
}

.order-tab .btn {
    min-width: max-content;
}

.order-tab {
    display: none;
}

/*	Order Summary
============================================================================================== */
.order-summary-wrapper .order-summary h5 {
    /* margin-bottom: 0; */
    font-weight: 700;
    border: solid 1px var(--color-white);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    font-size: 1em;
    padding: 0.5rem;
    padding-right: calc(0.5rem - 5px);
    margin-top: 0.5em;
}

.order-summary-wrapper .order-summary h5 span:first-child {
    text-transform: uppercase;
}

.order-summary .checkout-cart-empty {
    text-align: center;
    display: none;
}

.order-summary .checkout-cart-empty i {
    font-size: 40px;
    margin-top: var(--small-margin);
    margin-bottom: var(--small-margin);
}

.order-summary .checkout-cart-empty .cart-empty-header {
    font-size: 1.125em;
}

.order-summary .checkout-cart-empty a {
    margin-top: var(--small-margin);
}

.order-summary-wrapper .order-summary p {
    margin-top: 0.5em;
}

.order-summary-wrapper .order-summary ul {
    list-style-position: inside;
    padding-left: 1em;
}

.order-summary-wrapper .order-summary ul li {
    display: flex;
    justify-content: space-between;
}

.order-summary-wrapper .order-summary ul li>span:first-child::before {
    font-family: "Font Awesome 6 Pro";
    content: "•";
    margin-right: 0.25em;
    /* content: '<i class="fa-solid fa-circle"></i>'; */

}

.order-summary-wrapper .order-summary .subtotal-price {
    font-size: 1.375em;
    font-family: var(--font-header);
}


.order-summary li {
    padding-right: 0.5rem;
}

.order-package-item .item-price::after,
.addons-monthly .item-price::after {
    content: ' /mo';
    width: 35px;
    display: inline-block;
    margin-left: 2px;
}

.discount-row>span:last-child:after,
.addons-onetime .item-price::after,
.subtotal-onetime .subtotal-price::after {
    content: '';
    width: 35px;
    /* height: 1px; */
    display: inline-block;
    margin-left: 2px;
}

.subtotal-monthly .subtotal-price::after {
    content: ' /mo';
    width: 35px;
    text-transform: lowercase;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    display: inline-block;
    margin-left: 2px;
}

/*	Search Result
============================================================================================== */
.simplesearch-result h3 a {
    color: var(--color-black);
}


/*	A la Carte Furniture
============================================================================================== */
.id_44 .addons-wrapper {
    /* margin-top: 0; */
}

/*	Calculator
============================================================================================== */
.panel-form.calculator .form {
    padding-bottom: var(--small-margin);
}

.panel-form.calculator .form .radcheck label {
    display: block;
    padding-left: 0;
}

.input .error {
    color: red;
}

.input .agree_to_style {
    display: none;
}

/*	Misc
============================================================================================== */
.hidden {
    display: none;
}

.progressBar {
    position: fixed;
    top: 84px;
    left: 0;
    height: 6px;
    background: #11bbfd;
    width: 0%;
    max-width: 100%;
    z-index: 201;
    display: none;
}

@media only screen and (max-width: 767px) {
    .progressBar {
        height: 4px;
        top: 86px;
    }
}

.jbmodal-html .jbmodal-search-label {
    padding-left: 12px;
    text-transform: uppercase;
    font-size: 0.75em;
}

.jbmodal-bg {
    background-color: var(--color-green-dark);
    opacity: 0.95;
}

.jbmodal-box {
    background: var(--color-gray-light);
    padding: var(--small-margin) var(--small-margin) var(--big-margin);
    overflow-x: hidden;
    /* scrollbar-width: t; */
}

.jbmodal-box .jbmodal-controls {
    top: 4px;
    right: 4px;
}

.jbmodal-box .jbmodal-controls i.fa {
    background: transparent;
    border-radius: 4px;
    color: var(--color-gray);
}

.jbmodal-box .jbmodal-controls i.fa:hover {
    background: var(--color-white) !important;
    color: var(--color-green) !important;
}

.jbmodal-search input[type=submit]:hover+i.fa {
    background: var(--color-green-shaded) !important;
}

.jbmodal-box::-webkit-scrollbar {
    visibility: hidden;
    width: 1px;
}

.jbmodal-box::-webkit-scrollbar-corner {
    background-color: transparent;
}


.jbmodal-box h2,
.jbmodal-box h3,
.jbmodal-box h4,
.jbmodal-box h5 {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 100;
    /* text-transform: uppercase; */
    line-height: 1em;
    /* letter-spacing: 0.16667em; */
}

.jbmodal-box .jbmodal-title {
    padding-bottom: var(--big-margin);
    font-family: var(--font-header);
    letter-spacing: 0;
    margin-bottom: 0;
    font-weight: 400;
}

.screenType {
    color: transparent;
    width: 1px;
    height: 1px;
    border: 0;
    position: fixed;
    bottom: 0;
    overflow: hidden;
}

.accessibe {
    position: fixed;
    display: block !important;
    inset: auto 20px 20px auto;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    visibility: visible;
    cursor: pointer;
    box-sizing: border-box;
    /* opacity: 0.5; */
    line-height: 1;
    outline: none 0 !important;
    overflow: visible !important;
    color: var(--color-green-dark);
    background: #fff;
    z-index: 999999999999;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}

.accessibe:hover {
    opacity: 1;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}



.header::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-green-dark);
    z-index: -1;
    border-radius: 8px;
    /* display: none; */
}




/*	RESPONSIVE
============================================================================================== */

/*	Desktop			--	1024+
============================================================================================== */
@media only screen and (min-width: 1024px) {}

@media only screen and (max-width: 1250px) {
    .header {
        top: 0;
        left: 0;
        right: 0;
    }

    .mainNav {
        display: none;
    }

    .mainNav li.id_1,
    .mainNav li.id_10,
    .mainNav li.id_32 {
        display: block;
    }

    .mainNav li.id_44 i {
        display: none !important;
    }

    .mainNav {
        width: 100vw;
        position: fixed;
        top: 0;
        left: 0;
        /* position: absolute; */
        /* top: -20px;
        left: -1em; */
        margin: 0;
        background: var(--color-green);
        overflow-x: scroll;
        padding-top: 120px;
        z-index: 1;
    }

    .mainNav ul {
        min-height: 125%;
    }

    .nav-right-side .btn.mini {
        padding: 0.5em 1em !important;
        min-width: auto;
        /* background: #000; */
    }

    .header .logo {
        z-index: 3;
    }

    .nav-icons {
        z-index: 3;
    }


    .header::before {
        z-index: 2;
        border-radius: 0;
    }



    .mainNav ul li {
        font-size: 16px;
    }

    .mainNav>ul>li:last-child {
        border-bottom: none;
    }

    .mainNav>ul>li {
        display: block !important;
        margin: 0 0 -1px 0;
        height: auto;
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        margin: 0 50px;
    }


    .mainNav>ul>li>a,
    .mainNav>ul>li>span {
        display: block;
        margin: 0;
        height: auto;
        line-height: 1em;
        padding: 12px 20px 12px 48px;
        font-weight: 100;
        text-transform: uppercase;
        font-size: 1em;
        z-index: 1;
    }

    .mainNav li.parent>a:after,
    .mainNav li.parent>span:after {
        display: none !important;
    }

    .mainNav>ul li.parent .trigger {
        display: block;
        position: absolute;
        font-size: 14px;
        height: 10px;
        line-height: 10px;
        text-align: center;
        left: 0;
        height: 40px;
        line-height: 40px;
        color: #fafafa;
        width: 48px;
        top: 0;
        z-index: 2;
    }

    .mainNav>ul>li>ul {
        display: none;
        max-height: unset;
        position: relative;
        top: 0;
        width: auto !important;
        background: transparent;
    }

    .mainNav>ul>li:hover>ul,
    .mainNav>ul>li>ul>li:hover>ul {
        display: none;
        max-height: unset;
        overflow: visible;
    }

    /* .mainNav>ul>li.open>ul { display: block !important; } */
    .mainNav>ul>li>a:hover,
    .mainNav>ul>li:hover>a {
        color: white;
        background: var(--color-green-shaded);
    }

    .mainNav>ul>li>ul>li {
        border-top: 0;
    }

    .mainNav>ul>li>ul li.parent .trigger {
        padding-left: 20px;
    }

    .mainNav>ul>li>ul>li>a {
        display: block;
        padding: 8px 32px 12px 64px;
        font-size: 16px;
    }

    .mainNav>ul>li>ul>li>ul {
        display: none;
        position: relative;
        left: auto;
        background: transparent;
        max-height: unset;
        width: auto;
    }

    .mainNav>ul>li>ul>li>ul>li>a {
        display: block;
        padding: 8px 32px 8px 84px;
        font-size: 16px;
    }

    .menu-bar-icon {
        display: inline-flex;
        width: 16px;
        justify-content: center;
        width: 40px;
        height: 40px;
        justify-content: center;
        align-items: center;
    }

    .menu-bar-icon i {
        color: white;
    }

    .header .fa-bars {
        display: inline-flex;
    }
}


/*	Small Desktop	--	1024-1199
============================================================================================== */
@media only screen and (max-width: 1199px) {}




/*	Tablets			--	768-1023
============================================================================================== */
@media only screen and (max-width: 1023px) {



    .header .fa-phone {
        padding: 0px 12px;
        float: right;
        font-size: 16px;
        height: 48px;
        line-height: 48px;
    }

    .banner-home {
        min-height: 800px;
        padding-top: 100px;
    }

    .banner-home .h1::after {
        width: 80%;
    }

    .tabs .mobileTriggers {
        display: block;
        margin: 0 0 0.5em;
    }

    .tabs .tabContent {
        margin-left: 0;
        min-height: 0 !important;
    }

    .panel-map {
        min-height: 0;
    }



    .panel-map .content {
        /* width: 100%; */
        max-width: 100% !important;
        /* padding: 0 !important; */
    }



    .banner-home h1,
    .banner-home .h1 {
        font-size: 2.5em;
    }

    .buckets {
        grid-template-columns: repeat(2, 1fr);
    }


}









.form .row {
    /* margin: 0 0; */
    display: flex;
    margin-bottom: 0.75em;
}

/* Fetuared Media Section */


.panel-mediaFeatured {
    position: relative;

    .featured-media-content {
        text-align: center;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.90);
        /* box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.05);
        backdrop-filter: blur(5px); */
        margin-top: -325px;
        padding: var(--big-margin);
        position: relative;
    }

    .ctas {
        position: absolute;
        bottom: -50px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
    }
}

.panel-mediaFeatured .media img {
    width: 100%;
}

.featured-media-content p {
    line-height: 1.5em;
    margin-bottom: 25px;
    text-align: left;
}

.featured-media-content a {
    color: var(--color-green);
}

.panel-mediaFeatured .centre {
    padding-bottom: 50px;
}

/* Checkered Content Section */

.panel-checkered .ctas {
    justify-content: center;
    display: flex;
}

.checkered-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 350px;
    background: var(--color-gray-light);
    margin-bottom: var(--small-margin);
    border-radius: 4px;
    overflow: hidden;
}

.checkered-media {
    max-height: 350px;
}

.checkered-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.checkered-content p {
    margin-bottom: 1em;
}

.checkered-content.content-left {
    padding: 35px 50px 35px 35px;
}

.checkered-content.content-right {
    padding: 35px 35px 50px 35px;
}

.checkered-pre {
    margin-bottom: var(--big-margin);
}

.checkered-post {
    margin-top: var(--big-margin);
}

.checkered-media.layout-inset {
    margin: var(--small-margin);
}


.content-link {
    display: flex;
    align-items: center;
    margin-top: var(--small-margin);
    color: var(--color-green);
}

.checkered-content .content-link,
.tabContent .content-link,
a.content-link,
.content-link .btn {
    color: var(--color-green);
    letter-spacing: 0;
    margin-top: 25px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    display: inline-flex;
    min-width: auto;
    margin-top: 0;
}

/* a.content-link {
    color: var(--color-green);
    letter-spacing: 0.1em;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
} */

.content-link::after {
    font: var(--fa-font-solid);
    content: "\f101";
    font-size: 0.5em;
    margin-left: 00.5em;
}




/*	SCREEN SIZE GLOBALS
============================================================================================== */
@media only screen and (min-width: 1024px) {

    /* desktop only */
    .desktop {
        display: none;
    }


}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    /* tablets */
    .tablet {
        display: none;
    }

}

/*	Max Screen 1200
============================================================================================== */
@media only screen and (max-width: 1200px) {
    /* .nav-icons i:nth-child(3) {
        margin-right: 1rem;
    } */

    .header {
        /* left: 50px;
        right: 50px; */
    }


}

/*	Max Screen 1023
============================================================================================== */

@media only screen and (max-width: 1023px) {

    .panel-related-content .related-contents,
    .addons-items {
        grid-template-columns: repeat(2, 1fr);
    }

    .columns.count-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .panel-cta .content .inner-content {
        width: 75%;
    }

    .panel-cards .cards-content {
        grid-template-columns: repeat(2, 1fr);
    }

    .panel-mediaFeatured .featured-media-content {
        margin-top: -200px;
    }
}


/*	Small Screen 767
============================================================================================== */

@media only screen and (max-width: 767px) {

    h1,
    .h1 {
        font-size: 2.25em;
    }


    html,
    body {
        font-size: 14px;
    }

    .mobile-only {
        display: block;
    }

    .desktop-only {
        display: none;
    }

    .centre,
    .banner .centre {
        padding: 2.5em 1em 2.75em;
    }

    .header>.fa-bars,
    .header>.fa-times {
        right: 0;
    }

    .home-intro-text img {
        max-width: 60%;
        height: auto;
    }

    .wrapper {
        min-height: 60%;
    }

    .wrapper>div:last-child {
        padding-bottom: 0;
    }

    .footer {
        height: auto;
        margin: 0;
        /* padding: 1px 0 75px; */
    }

    /* .panel-map .content,  */
    .panel-mediaFeatured .content,
    .panel-mediaFloated .content {
        max-width: 100% !important;
    }

    .panel-mediaFeatured .grad {
        /* opacity: 0.9 !important; */
    }

    .panel-mediaFeatured.bg-primary .grad {
        background: #072c52 !important;
    }

    .panel-mediaFeatured.bg-secondary .grad {
        background: #00b5dc !important;
    }

    .panel-mediaFeatured.bg-accent .grad {
        background: #00decc !important;
    }

    .panel-mediaFeatured.bg-white .grad {
        background: #fafafa !important;
    }

    .panel-mediaFeatured.bg-black .grad {
        background: #121212 !important;
    }

    .panel-mediaFeatured.bg-ltGray .grad {
        background: #e5e5e5 !important;
    }

    .panel-mediaFeatured.bg-dkGray .grad {
        background: #333333 !important;
    }

    .panel-mediaFloated .fauxTable {
        /* display: block; */
        display: flex;
        flex-direction: column;
    }

    .panel-mediaFloated .fauxTable>div {
        display: block;
        /* margin: 0 auto 3em; */
        padding: 0 !important;
        width: 100%;
    }

    .panel-mediaFloated .fauxTable .media {
        /* margin-top: -0.5em; */
    }

    .panel-mediaFloated .fauxTable .content {
        width: 100%;
        margin-bottom: 0;
    }


    .panel-mediaFeatured .featured-media-content {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .panel-mediaFloated.layout-cover .floated-cover-media {
        position: relative;
        width: 100%;
        height: 350px;
    }

    .panel-mediaFloated.layout-cover {
        display: flex;
        flex-direction: column;
    }

    .panel-mediaFloated.layout-cover .media {
        order: 1;
    }

    .panel-mediaFloated.layout-cover .centre {
        order: 2;
    }

    .floated-cover-media .media {
        width: 100%;
    }

    .panel-mediaFloated.media-left .media {
        padding-right: 0;
        /* margin-bottom: var(--big-margin); */
    }

    .panel-mediaFloated.media-right .media {
        padding-left: 0;
        /* margin-top: var(--big-margin); */
    }

    .panel-mediaFloated .media {
        order: 1;
        margin-bottom: var(--big-margin);
    }

    .panel-mediaFloated .content {
        order: 2;
    }

    .header {
        padding-left: 16px;
        padding-right: 16px;
        height: 50px;
    }



    .header .logo img {
        width: 50px;
        margin-left: 0;
    }

    .nav-icons {
        margin-right: 0;
    }

    .mobile {
        display: none;
    }

    .header {
        /* left: 1em;
        right: 1em; */
        left: 0;
        right: 0;
        top: 0;
        border-radius: 0;
    }

    .mainNav {
        padding-top: 90px;
    }

    .mainNav>ul>li {
        margin: 0 1em;
    }


    .footer-inner {
        flex-wrap: wrap;
        position: relative;
        padding-bottom: 100px;
        overflow: hidden;
    }

    .footer-logo {
        order: 1;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        margin-bottom: 2em;
    }

    .footer-nav {
        order: 2;
        width: 50%;
    }

    .footer-contact {
        order: 3;
        width: 50%;
    }

    .footer-contact {
        text-align: right;
    }

    .footer-inner .social {
        justify-content: end;
    }

    /* .footer-line {
        display: block;
    } */

    .rights-reserved {
        position: absolute;
        bottom: 0;
        padding-top: 1em;
        padding-bottom: 2em;
        background: var(--color-green-dark);
        width: 100vw;
        text-align: center;
        /* opacity: 1 !important; */
    }

    .rights-reserved span {
        display: block;
    }

    .footer .phone {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        display: block;
    }

    .buckets {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .bucket .far,
    .bucket .fas,
    .bucket .fab {
        margin: 0.75em;
    }

    .panel-mediaFloated .fauxTable .panel-mediaFeatured {
        width: 100%;
        /* margin-top: -1.5em; */
    }

    .accordion .filters .label {
        display: block;
        margin: 0 0 0.5em;
    }

    .accordion .filters .filter {
        padding: 0.33em 1em;
        margin: 0 1em 0.5em 0;
        border: 1px solid #999;
        border-radius: 4px;
    }

    .accordion .filters .filter:last-child {
        border-right: 1px solid #999;
    }

    .accordion .filters .filter:hover,
    .accordion .filters .filter.active {
        background: #fafafa;
    }

    .panel.dark .accordion .filters .filter {}

    .panel.dark .accordion .filters .filter:hover,
    .panel.dark .accordion .filters .filter.active {
        background: #232b33;
        color: #88abb8;
    }

    .banner-home-intro {
        padding: 4em 2em;
    }

    .home-cta .btn {
        /* font-size: 1em; */
    }

    .badges-wrapper {
        /* grid-template-columns: repeat(2, 1fr); */
        /* gap: 1em; */
        margin-left: 15%;
        margin-right: 15%;
        flex-wrap: wrap;
    }

    .badges-wrapper>* {
        width: 50%;
    }



    /* Feature Image */
    .panel-mediaFeatured {
        .centre {
            padding-bottom: 50px;
        }
    }

    /* Columns */
    .columns.count-2,
    .columns.count-3,
    .columns.count-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Testimonial Section */
    .panel.panel-testimonials .bg {
        background-size: 80% !important;
    }


    /* Checkered Section */
    .checkered-item {
        grid-template-columns: 1fr;
    }

    .checkered-content {
        padding: var(--big-margin) !important;
        order: 2;
    }

    .checkered-media {
        min-height: 350px;
        order: 1;
    }

    /* Bucket */
    .bucket-image {
        height: 200px;
    }

    .bucket-image img {
        height: 100%;
    }

    .bucket h3 {
        font-size: 1.5em;
    }

    .panel-cta .content h2,
    .panel-cta .content p {
        width: 100%;
    }

    .panel.panel-cta .ctas {
        text-align: center;
    }

    .panel-cta .content h2 {
        font-size: 2.25em;
    }

    .panel-related-content .related-contents {
        grid-template-columns: 1fr;
    }

    .panel-related-content .related-contents h3 {
        border-bottom: none;
    }

    .panel-related-content .related-contents .item-content {
        display: none;
    }

    .panel-related-content .related-contents .item .fa-arrow-right {
        display: none;
    }

    /* .panel-related-content .related-contents .item{

    } */

    .panel-form .form-wrapper {
        grid-template-columns: 1fr;
    }

    .form .row .input.name>div {
        justify-content: space-between;
        display: flex;
        flex-direction: column;
    }

    .panel-form .form-wrapper form {
        order: 2;
    }

    .accordion .content {
        padding: 0 1em 1em 1em;
    }


    .panel-map .mapwrap {
        position: relative;
        width: 100%;
        height: 450px;
    }

    .panel.panel-map .content {
        width: 100%;
    }

    .panel-map.pos-left .content {
        padding-left: 0;
    }

    .panel-map.pos-right .content {
        padding-right: 0;
    }

    .map-buttons {
        .ctas {
            text-align: center;
        }
    }

    .product-details-panel {
        padding-top: 75px;

        .mobile-header {
            margin-bottom: var(--small-margin);
        }
    }

    .product-details-banner {
        flex-direction: column;
        gap: 0;
    }

    .product-details-banner .product-carousel,
    .product-details-banner .product-details-desc {
        width: 100%;
    }

    .product-details-banner .price {
        margin-bottom: 0;
        margin-top: var(--small-margin);
    }

    .checkout-wrapper {
        grid-template-columns: 1fr;
    }

    .checkout-product-info .selected-room-count-wrapper .selected-room-count,
    .selected-lease-length-wrapper .selected-lease-length {
        width: 40px;
    }

    .panel-addons .addons-filters .filters {
        flex-wrap: wrap;
    }

    .addon-modal-details>div>div {
        width: 100%;
    }

    .checkout-addons-wrapper .addons-items .item {
        grid-template-columns: 50px 1fr 100px;
    }

    .checkout-addons-wrapper .addons-items .item img {
        width: 50px;
        height: 50px;
    }



    .panel-testimonials .slick-prev {
        left: 0;
    }

    .panel-testimonials .slick-next {
        right: 0;
    }

}

/*	XS Screen 767
============================================================================================== */
@media only screen and (max-width: 480px) {
    .home-intro-text img {
        max-width: 90%;
    }

    .columns.count-2,
    .columns.count-3,
    .columns.count-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .buckets {
        grid-template-columns: 1fr;
    }

    .panel-cards .cards-content,
    .addons-items {
        grid-template-columns: 1fr;
    }

    .badges-wrapper {
        margin-left: 0;
        margin-right: 0;
    }

    .addon-item .ctas {
        .addon-add {
            font-size: 1.2em;
        }

        .addon-minus {
            font-size: 1.2em;
        }

        .addon-delete {
            font-size: 1.2em;
        }
    }

    .panel-checkout .checkout-tabs>div>div {
        text-align: center;
    }

    .order-tab .btn {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    .slider-nav .slick-dots {
        flex-wrap: nowrap;
        display: flex;
        width: 160px;
        justify-content: center;
        transform: translateX(60%);
        overflow: hidden;
    }

}