html.front_end .nzft-hide_on_initial {
    display: none;
}

.cursor-pointer {
    cursor: pointer;
}

#page-site_footer.funky-sticky_footer {
    width: 100%;
    /*background-color: #f5f5f5;*/
}

/*html.front_end #funky-canvas {
    overflow: visible;
}*/


html.front_end .funky-fade_in {
    opacity: 0;
    visibility: hidden;
}

html.front_end .funky-fade_in.in-view {
    backface-visibility: hidden;
    transition-property: transform, opacity;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.11, 0.69, 0.66, 1.01);
    transition-delay: 100ms;
    transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1);
    opacity: 1;
    visibility: visible;
    transform-origin: 50% 50% 0px;
}

.text-strike {
    text-decoration: line-through;
}

.v-none,
.site-anchor_target {
    visibility: hidden !important;
    line-height: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    width: 0;
    margin:0;
    padding:0;
    display: inline;
}

.site-anchor_target {
    /*float:left;*/
    position: absolute;
    left: -9999px;
    color:transparent !important;
}

.site-link_block,
.site-link_block:hover {
    text-decoration: none;
}

.invalid-feedback {
    display: block;
}

@media all and (max-width: 991px) {
    #site-navbar .input-mobile_menu {
        display: block;
    }
}

#site-navbar.mobile {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #fff;
    height: 100%;
}

#site-navbar.mobile .navbar-collapse {
    display: flex;
}

#site-navbar.mobile .navbar-collapse .navbar-nav {
    display: block;
    margin: 0 auto !important;
}

#site-navbar.mobile .navbar {
    border-bottom: none;
}

#site-navbar.mobile .nav-item a.nav-link {
    font-size: 3em;
    color: var(--rtnz_grey);
}

.img-fullwidth {
    width: 100%;
}

.funky-modal_overflow {
    overflow-y: scroll;
    max-height: 600px;
}

.html-readmore_accordion .html-readmore_item p:last-of-type {
    margin-bottom: 0;
}

.html-readmore_accordion .html-readmore_item .html-readmore_link {
    font-size: .8rem;
    cursor: pointer;
    text-decoration: underline;
}

@media (max-width: 991px) {
    #funky-canvas .card-columns {
        -webkit-column-count:3;
        -moz-column-count:3;
        column-count:3;
    }
}
@media (max-width: 767px) {
    #funky-canvas .card-columns {
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2;
    }
}
@media (max-width: 575px) {
    #funky-canvas .card-columns {
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
    }
}

/*
Caleb: This needs to be copied to the individual block css because this css file isn't used on (some/all?) pages on live, but it is used on dev.
If someone knows why please let me know
 */
.ellipsis_expandable {
    cursor: pointer;
}
.ellipsis_expandable_see_more {
    all: unset;
    cursor: pointer;
}
.ellipsis_expandable_see_more:hover {
    all: unset;
    cursor: pointer;
    text-decoration: underline;
}