@font-face {
    font-family: 'brother_1816regular';
    src: url('/fonts/brother1816/light/brother1816-light-webfont.eot');
    src: url('/fonts/brother1816/light/brother1816-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/brother1816/light/brother1816-light-webfont.woff2') format('woff2'), url('/fonts/brother1816/light/brother1816-light-webfont.woff') format('woff'), url('/fonts/brother1816/light/brother1816-light-webfont.ttf') format('truetype'), url('/fonts/brother1816/light/brother1816-light-webfont.svg#brother_1816regular') format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'brother_1816regular';
    src: url('/fonts/brother1816/regular/brother1816-regular-webfont.eot');
    src: url('/fonts/brother1816/regular/brother1816-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/brother1816/regular/brother1816-regular-webfont.woff2') format('woff2'), url('/fonts/brother1816/regular/brother1816-regular-webfont.woff') format('woff'), url('/fonts/brother1816/regular/brother1816-regular-webfont.ttf') format('truetype'), url('/fonts/brother1816/regular/brother1816-regular-webfont.svg#brother_1816regular') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'brother_1816regular';
    src: url('/fonts/brother1816/medium/brother1816-medium-webfont.eot');
    src: url('/fonts/brother1816/medium/brother1816-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/brother1816/medium/brother1816-medium-webfont.woff2') format('woff2'), url('/fonts/brother1816/medium/brother1816-medium-webfont.woff') format('woff'), url('/fonts/brother1816/medium/brother1816-medium-webfont.ttf') format('truetype'), url('/fonts/brother1816/medium/brother1816-medium-webfont.svg#brother_1816regular') format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'brother_1816regular';
    src: url('/fonts/brother1816/bold/brother1816-bold-webfont.eot');
    src: url('/fonts/brother1816/bold/brother1816-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/brother1816/bold/brother1816-bold-webfont.woff2') format('woff2'), url('/fonts/brother1816/bold/brother1816-bold-webfont.woff') format('woff'), url('/fonts/brother1816/bold/brother1816-bold-webfont.ttf') format('truetype'), url('/fonts/brother1816/bold/brother1816-bold-webfont.svg#brother_1816regular') format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'brother_1816regular';
    src: url('/fonts/brother1816/black/brother1816-black-webfont.eot');
    src: url('/fonts/brother1816/black/brother1816-black-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/brother1816/black/brother1816-black-webfont.woff2') format('woff2'), url('/fonts/brother1816/black/brother1816-black-webfont.woff') format('woff'), url('/fonts/brother1816/black/brother1816-black-webfont.ttf') format('truetype'), url('/fonts/brother1816/black/brother1816-black-webfont.svg#brother_1816regular') format('svg');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'vivabeautiful';
    src: url('/fonts/vivabeautiful/bold/vivabeautifulprob-webfont.eot');
    src: url('/fonts/vivabeautiful/bold/vivabeautifulprob-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/vivabeautiful/bold/vivabeautifulprob-webfont.woff2') format('woff2'),url('/fonts/vivabeautiful/bold/vivabeautifulprob-webfont.woff') format('woff'),url('/fonts/vivabeautiful/bold/vivabeautifulprob-webfont.ttf') format('truetype'),url('/fonts/vivabeautiful/bold/vivabeautifulprob-webfont.svg#vivabeautiful') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: 'carpetcourt';
    src: url('/fonts/carpetcourt-font/carpetcourt.eot');
    src: url('/fonts/carpetcourt-font/carpetcourt.eot?#iefix') format('embedded-opentype'), url('/fonts/carpetcourt-font/carpetcourt.woff2') format('woff2'), url('/fonts/carpetcourt-font/carpetcourt.woff') format('woff'), url('/fonts/carpetcourt-font/carpetcourt.ttf') format('truetype'), url('/fonts/carpetcourt-font/carpetcourt.svg#carpetcourt') format('svg');
    font-weight: normal;
    font-style: normal
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size-adjust: 100%;
}

body {
    color: #333;
    font-family: 'brother_1816regular',Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.57;
    font-size: 16px;
}

html, body {
    overflow-x: hidden;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

.page-container {
    max-width: 1328px;
}

.header-top {
    color: #929497;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding-top: 15px;
}

.header-top, .header {
    font-size: 14px !important;
}


.field-validation-error {
    font-size: 80%;
    font-weight: 700;
    display: block;
    margin-top: .25rem;
}

    .field-validation-error:before {
        content: '\f106';
        font-family: 'Font Awesome 5 Pro';
        font-size: .8rem;
        margin-right: 4px;
        font-weight: 700;
    }

.input-validation-error {
    background: rgba(220,53,69,.05);
}

.validation-summary-errors ul {
    margin: 0;
    padding: 0;
    padding-left: 10px;
}

    .validation-summary-errors ul li {
        list-style-type: disc;
    }


.store-location {
    color: #3E87CB;
    font-weight: 500;
    user-select: none;
}

    .store-location i {
        color: #929497;
        margin-right: 3px;
    }

.local-franshise {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    background: #3E87CB;
    color: #fff;
    font-weight: 500;
    user-select: none;
}

    .local-franshise i {
        margin-right: 3px;
    }

.header .logo {
    display: inline-block;
}

.footer {
    /*margin-top: 4rem;*/
    min-height: 115px;
    border-top: 1px solid #929497;
}

    .footer .logo {
        margin-top: 32.5px;
    }

        .footer .logo img {
            max-width: 285px;
        }

    .footer .tag {
        margin-top: 50px;
    }

        .footer .tag img {
            max-width: 350px;
        }


.measure-and-quote {
    background-color: #3E87CB;
    border: 1px solid #fff;
    padding: 12px 15px;
    display: inline-block;
    text-decoration: none;
    min-width: 210px;
    transition: background-color .3s ease-in-out,color .3s ease-in-out;
}

    .measure-and-quote h2 {
        margin: 0 0 10px 0;
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        text-transform: uppercase;
    }

    .measure-and-quote .button {
        font-size: 15px;
        height: 30px;
        line-height: 28px;
        text-align: center;
    }

    .measure-and-quote .button {
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
        font-weight: bold;
    }

    .measure-and-quote:hover {
        background-color: #fff;
        border: 1px solid #3E87CB;
        color: #3E87CB;
        text-decoration: none;
    }

        .measure-and-quote:hover h2 {
            color: #3E87CB;
            text-decoration: none;
        }

        .measure-and-quote:hover .button {
            background-color: #fff;
            border: 1px solid #3E87CB;
            color: #3E87CB;
            text-decoration: none;
        }

.address-box-header {
    background-color: #fff;
    border: 1px solid #fff;
    color: #382E2C;
    padding: 12px 15px;
    display: inline-block;
    text-decoration: none;
    min-width: 210px;
    height: 82.67px;
    line-height: 19px;
    font-weight: 500;
}

    .address-box-header i {
        display: none !important;
    }

.mobile-menu-btn {
    position: absolute;
    bottom: 0;
    left: 15px;
    margin-right: 20px;
}

    .mobile-menu-btn:hover {
        color: #3E87CB;
        cursor: pointer;
    }

.menu .nav-item {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    margin-top: 13px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
}

    .menu .nav-item a {
        color: #929497;
        text-decoration: none;
    }

        .menu .nav-item a:hover, .menu .nav-item a:active, .menu .nav-item a.active {
            color: #1787E0 !important;
        }


#home-carousel1 .carousel-item {
    border: 1px solid #929497;
}

#home-carousel1 .carousel-control-next-icon, #home-carousel1 .carousel-control-prev-icon, .styles-banner .carousel-control-next-icon, .styles-banner .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
}

.universal-box {
    height: 320px;
    display: block;
    position: relative;
    overflow: hidden;
}

#home-carousel1 .universal-box__button-container {
    position: static;
    margin-bottom: 20px;
}

.universal-box__heading {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 0;
    text-shadow: 2px 2px 5px rgb(0 0 0 / 75%);
    font-size: 60px;
}

.universal-box__subheading {
    color: #FFF;
    font-family: 'vivabeautiful',Georgia,'Times New Roman',Times,serif;
    font-size: 44px;
    line-height: 52px;
    letter-spacing: 0.04em;
}

.universal-box__container {
    height: 100%;
    display: block;
}

.universal-box__link {
    display: block;
    text-decoration: none !important;
    height: 100%;
}

.universal-box__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative;
}

.universal-box__button-container {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
}

.universal-box__button {
    background-image: none;
    display: inline-block;
    font-family: 'brother_1816regular',Helvetica,Arial,sans-serif;
    font-weight: 700;
    margin: 0;
    line-height: 1.8rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .3s ease-in-out,color .3s ease-in-out;
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid rgba(255,255,255,0.1);
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 35px;
    padding-right: 35px;
    color: #382E2C;
    letter-spacing: 0.04em;
    height: 40px;
    background: rgba(255,255,255,0.75);
}

.carousel-item:hover .universal-box__button, .universal-box:hover .universal-box__button {
    background: #3E87CB;
    border: 1px solid #3E87CB;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.universal-box__image-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.universal-box__image-container {
    transition: all 600ms cubic-bezier(.86, 0, .07000000000000001, 1);
    display: block;
}

#home-carousel2 {
    border: 1px solid #929497;
}

    #home-carousel2 .banner1 {
        /* national site / promotions banner - see _NationalSiteBanner.cshtml */
        background: #3E87CB;
    }

    #home-carousel2 .banner2 {
        background: url('/img/banners/banner-sale1.svg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    #home-carousel2 .banner3 {
        background: url('/img/banners/banner-flooring-clearance-centre.svg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    #home-carousel2 .banner4 {
        background: url('/img/banners/earn-quantas-points.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

.banner-link1 {
    position: relative;
    border: 1px solid #3E87CB;
    /*height: 268px;*/
    background: url('/img/banners/banner-carpet1.svg?v=1');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all .3s ease-in-out,color .3s ease-in-out;
}


    .banner-link1:hover {
        background: url('/img/banners/banner-carpet1-hover.svg?v=1');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        cursor: pointer;
    }

.banner-dream {
    background: url('/img/banners/dream1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-style {
    background: url('/img/banners/style1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner-live {
    background: url('/img/banners/live1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

h1.special, h2.special {
    font-family: 'brother_1816regular';
    font-size: 20px;
    text-align: center;
    display: block;
    line-height: 24px;
    padding: 12px;
    color: #929497;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: normal;
    max-width: calc((100% - 40px) / 3);
    margin: 20px auto;
    min-width: 300px;
}

    h1.special::before, h2.special::before {
        top: 0;
        border-bottom-color: transparent;
    }

    h1.special::before, h2.special::before, h1.special::after, h2.special::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        height: 12px;
        border: 2px solid #3E87CB;
    }

    h1.special::before, h2.special::before, h1.special::after, h2.special::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        height: 12px;
        border: 2px solid #3E87CB;
    }

    h1.special::before, h2.special::before {
        top: 0;
        border-bottom-color: transparent;
    }

    h1.special::after, h2.special::after {
        bottom: 0;
        border-top-color: transparent;
    }

h3.special {
    margin-bottom: 1.8rem;
}


.page-main p {
    margin: 0 0 26px;
}

/*.sub-page-main {
    margin-top: 20px;
}*/

.breadcrumbs {
    margin: 0 0 21px;
}

    .breadcrumbs .items {
        font-size: 1.3rem;
        color: #929497;
        margin: 0;
        padding: 0;
        list-style: none none;
    }

        .breadcrumbs .items > li {
            display: inline-block;
            vertical-align: top;
        }

    .breadcrumbs .item {
        margin: 0;
        text-transform: uppercase;
        font-weight: 400;
    }

        .breadcrumbs .item:not(:last-child):after {
            color: #929497;
            content: '/';
            margin-left: 2px;
        }

.sub-page-top {
    min-height: 255px;
}

    .sub-page-top h1.sub-page-title {
        /*font-size: 30px;*/
        font-size: 40px;
        color: #FFFFFF;
        letter-spacing: 6px;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
        padding: 0;
        text-shadow: 0 0 10px rgb(0 0 0 / 50%);
        display: inline;
        text-align: center;
    }

.styles-banner {
    margin-top: 20px;
    border: 2px solid #3E87CB;
    font-family: 'brother_1816regular',Helvetica,Arial,sans-serif;
}

.styles-banner-header {
    background: #3E87CB;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 3.3rem;
    /*    height: 83px;
    max-height: 83px;
*/
}

.styles-banner-content {
    /*min-height: 200px;*/
    border-bottom: 2px solid #3E87CB;
}

    /*.page-top .styles-banner-content .carousel-item {
    height: 449px;
}*/

    /*.carpet-side .styles-banner-content .carousel-item {
    height: 200px;
}
*/
    .styles-banner-content .zoom-icon {
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 30px;
        color: #fff;
        z-index: 1;
        opacity: .5;
        transition: all .15s ease;
    }

    .styles-banner-content:hover .zoom-icon {
        opacity: 0.9;
        font-size: 40px;
    }

.styles-banner-footer {
    background: #3E87CB;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 2.8rem;
}

/*.styles-banner:hover {
    cursor: pointer;
}

    .styles-banner:hover .styles-banner-footer {
        background: #fff;
        color: #3E87CB;
    }
*/


.why-banner {
    /*margin-top: 20px;*/
    /*margin-top: 88px;*/
    border: 2px solid #3E87CB;
    /*border: 2px solid #382E2C;*/
    font-family: 'brother_1816regular',Helvetica,Arial,sans-serif;
}

.why-banner-header {
    padding-top: 20px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    background: #3E87CB;
    text-align: center;
}

    .why-banner-header img {
        max-height: 50px;
    }

.why-banner-content {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    color: #382E2C;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 2rem;
}

.why-banner-reason {
    margin-top: 15px;
    margin-bottom: 15px;
}


hr {
    border-top: 1px solid #929497;
}

/*    .why-banner-reason hr {
        border-top: 1px solid #929497;
    }*/

.why-banner-footer {
    background: #3E87CB;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 2.8rem;
}


.style-visualiser-banner {
    /*margin-top: 20px;*/
    /*margin-top: 88px;*/
    border: 2px solid #3E87CB;
    /*border: 2px solid #382E2C;*/
    font-family: 'brother_1816regular',Helvetica,Arial,sans-serif;
}

.style-visualiser-banner-header {
    padding-top: 20px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    background: #3E87CB;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

    .style-visualiser-banner-header .universal-box__heading {
        text-shadow: none;
    }

.style-visualiser-banner-content {
    background: #efefef;
    /*padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    color: #382E2C;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 2rem;*/
}

.style-visualiser-banner .carousel-item {
    min-height: 500px;
    position: relative;
}

.style-visualiser-banner .vr-goggles {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    max-width: 50%;
}

.style-visualiser-banner-reason {
    margin-top: 15px;
    margin-bottom: 15px;
}


    .style-visualiser-banner-reason hr {
        /*margin-top: 15px;
        margin-bottom: 15px;*/
        border-top: 1px solid #929497;
    }

.style-visualiser-banner-footer {
    background: #3E87CB;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 2.8rem;
}


.contact-banner1 {
    background: url('/img/pages/contact1.jpg?v=2021-07-04T18:43:28.7364739+10:00');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 250px;
}

.contact-banner2 {
    /*background: url('/img/local-showroom.jpg?v=2021-07-04T18:43:28.7364739+10:00');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;*/
    /*background: #3E87CB;*/
}

.address-box-contact {
    background-color: #fff;
    border: 1px solid #fff;
    color: #382E2C;
    padding: 12px 15px;
    display: inline-block;
    text-decoration: none;
    min-width: 210px;
    height: 82.67px;
    line-height: 19px;
    font-weight: 500;
}

    .address-box-contact i {
        /*display: none !important;*/
    }

.opening-hours div {
    margin-bottom: 5px;
}

.opening-hours span {
    background-color: #EFEFEF;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

    .opening-hours span::before {
        font-family: 'Font Awesome 5 Pro';
        content: '\f054';
        margin-right: 10px;
        opacity: 0.2;
    }

.opening-hours .today span::before {
    opacity: 0.5;
}

.opening-hours .today span {
    background-color: #3E87CB;
    color: #fff;
}


.contact-map {
    min-height: 400px;
    background-color: #EFEFEF;
}


/* BOOTSTRAP MODIFICATIONS */
label {
    font-weight: 500;
    text-transform: uppercase;
}


.btn {
    font-size: 16px;
}

.btn-primary {
    color: #3E87CB;
    background-color: #FFF;
    border-color: #3E87CB;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #3E87CB;
        border-color: #3E87CB;
    }


/* MOBILE MENU STYLES */
.pushy {
    background: #FFF;
}

    .pushy .logo {
        margin-top: 30px;
    }

    .pushy a {
        text-transform: uppercase;
        color: #929497;
        padding: 15px 30px;
    }

        .pushy a.active, .pushy a:hover {
            color: #3E87CB;
            text-decoration: none;
        }

    /*.pushy-content {
    position: relative;
}*/

    .pushy button.close {
        padding: 15px;
        font-size: 30px;
        position: absolute;
        top: 0;
        right: 0;
    }

.pushy-content ul.nav {
    margin-top: 15px;
    margin-bottom: 30px;
    display: block;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
    background-color: rgba(62, 135, 203, 0.9);
}


.pushy {
    width: 300px;
}

.pushy-left {
    -webkit-transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
    -webkit-transform: translate3d(300px, 0, 0);
    -ms-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
}

.pushy-right {
    -webkit-transform: translate3d(300px, 0, 0);
    -ms-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
    -webkit-transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
}


body .pushy-open-left #container {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}




blockquote {
    font-size: 1.1em;
    line-height: 1.6em;
    padding: 20px 20px 20px 40px;
    border-left: none;
    text-indent: -19px;
}

section#block_content {
    margin-bottom: 40px;
    margin-top: 50px;
    text-align: left;
}

blockquote .quote {
}

    blockquote .quote:before,
    blockquote .quote:after {
        font-family: Arial, serif;
        font-size: 3em;
        vertical-align: middle;
        line-height: 0;
        color: #3E87CB;
    }

    blockquote .quote:before {
        content: open-quote;
        margin-right: 4px;
    }

    blockquote .quote:after {
        content: close-quote;
        margin-left: 3px;
    }

blockquote.blockstyle {
    font-style: italic;
}

blockquote.blockstyle {
    border-left: 5px solid #3E87CB;
    position: relative;
}

    blockquote.blockstyle > span.triangle:before {
        text-indent: 0;
        color: #3E87CB;
        content: "\f0da";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
        position: absolute;
        left: -2px;
        top: calc(50% - 10px);
        margin-top: -11px;
        font-style: normal;
        font-size: 1.5em;
    }

.blockquote-footer {
    margin-top: 10px;
}


.badge-exclusive {
    color: #dc3545;
    background-color: #fff;
    border: 1px solid #dc3545;
}

.border-muted {
    border-bottom: 2px solid #efefef;
}

hr.big-margins {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

hr.bigger-margins {
    margin-top: 5rem;
    margin-bottom: 5rem;
}


.instagram-element.gutter-15 .instagram-photo {
    margin: 15px;
}

.instagram-element .instagram-photo {
    width: calc(20% - 30px);
}

    .instagram-element .instagram-photo.image {
        background-color: #007bff;
    }

    .instagram-element .instagram-photo.video {
        background-color: #007bff;
    }

.community-carousel {
    display: block;
    position: relative;
}

    .community-carousel:after {
        display: block;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        /*background: #3E87CB;*/
        background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%);
    }

    .community-carousel .slick-slide {
        margin-left: 2rem;
        margin-right: 2rem;
        padding: 30px;
        border: 2px solid transparent;
        transition: all .3s linear, all .3s linear;
        opacity: 0.4;
        /*filter: blur(4px);*/
    }

    .community-carousel .slick-active.slick-center {
        border: 2px solid #3E87CB;
        opacity: 1;
        /*filter: blur(0);*/
    }

    .community-carousel img {
        transition: all .3s linear, all .3s linear;
        filter: grayscale(100%);
    }

    .community-carousel .slick-active.slick-center img {
        filter: grayscale(0%);
    }


/* https://www.w3schools.com/howto/howto_css_social_media_buttons.asp */
.fa-social {
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 10px;
    margin-right: 5px;
    width: 2.5em;
    border-radius: .25rem;
    /*border-radius: 50%;*/
}

    .fa-social:hover {
        opacity: 0.7;
        color: #fff;
        text-decoration: none;
    }

.fa-facebook {
    background: #3B5998;
}

.fa-facebook-f {
    background: #3B5998;
}

.fa-twitter {
    background: #55ACEE;
}

.fa-linkedin {
    background: #007bb5;
}

.fa-youtube {
    background: #bb0000;
}

.fa-instagram {
    background: #125688;
}

.fa-pinterest {
    background: #cb2027;
}

.xmas-hours {
    background: #ca0612;
    color: #fff;
    margin-bottom: 15px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.xmas-hours-image {
    position: absolute;
    height: 60px;
    top: -32px;
    right: -20px;
    filter: drop-shadow(0 3px 1px #555);
}

.xmas-hours-heading {
    font-weight: 600;
    text-transform: uppercase;
}

    .xmas-hours-heading span {
        background: #ca0612 !important;
        border-bottom: 1px dashed rgba(255,255,255,0.2);
    }