.element-container {
    padding: 2rem 0;
}

.background-Light {
    background-color:white
}
.background-Dark {
    background-color:var(--nzbar);
    color:white;
}

.background-Dark .btn-outline-primary {
    --bs-btn-color:white;
    --bs-btn-border-color: var(--nzbarlightBlue);
    --bs-btn-hover-color: var(--nzbar);
    --bs-btn-hover-border-color: var(--nzbarlightBlue);
    --bs-btn-hover-bg:var(--nzbarlightBlue);
}


.background-Dark .btn-primary {
    --bs-btn-color: var(--nzbar);
    --bs-btn-bg: var(--nzbarlightBlue);
    --bs-btn-border-color: var(--nzbarlightBlue);
    --bs-btn-hover-border-color: var(--nzbarlightBlue);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg:var(--nzbar);
}


.background-Dark h1,
.background-Dark h2 {
    color:white;
}

/*Breadcrumbs*/
.breadcrumbs {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--nzbarMidGrey)
}
.breadcrumbs a {
    color:var(--nzbarDarkGrey);
    text-decoration: none;
}
.breadcrumbs a:hover {
    text-decoration: underline;
}
.breadcrumb-delimiter {
    margin: 0.4rem 0.4rem;
}
.breadcrumb-delimiter::after {
    content:'';
    background-image: url('../images/chevron-right.svg');
    background-position:50% 50%;
    width:14px;
    height:14px;
    display:inline-block;
}

/*dropdowns*/
.dropdown-toggle::after {
    content:'';
    background-image:url('../images/dropdown-icon.svg');
    width: 0.75rem;
    height: 0.75rem;
    transform: translateY(0.25rem);
    margin-left: .25rem;
    border-top:none;
    border-right:none;
    border-bottom:none;
    border-left:none;
}
.dropdown-menu {
    --bs-dropdown-bg: var(--nzbarGrey);
    --bs-dropdown-link-hover-bg: var(--nzbarMidGrey);
    --bs-dropdown-link-active-bg: var(--nzbarGrey);
    border-radius: 0;
    border:none;
    box-shadow: none;
    border-top: 4px solid;
}

.dropdown-menu .dropdown-item {
    text-transform:none;
}

/*Cards - Overrides Bootstrap defaults*/

.sidebar-container .card-body {
    font-size: 0.9rem;
    font-weight: 300;
    color:var(--nzbar)
}

.card {
    border: none;
    border-radius: 0;
    color:white;
    background-color:var(--nzbar)
}

.card-body {
    padding: 2.5rem 1.2rem;
}

.card h2 {
    font-size: 1.4rem;
}

.card h4 {
    color:white;
    font-weight:700;
    text-transform:uppercase;
    font-size: 1.4rem
}

.background-Dark .card {
    color: var(--nzbar);
    background-color:#e7e9ed;
}
.background-Dark .card h4 {
    color:var(--nzbar)
}

.card.background-Light .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1a335e;
    --bs-btn-border-color: #1a335e;
    --bs-btn-hover-color: #1a335e;
    --bs-btn-hover-bg: #82b5d9;
    --bs-btn-hover-border-color: #82b5d9;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #1a335e;
    --bs-btn-active-bg: #82b5d9;
    --bs-btn-active-border-color: #82b5d9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1a335e;
    --bs-btn-disabled-border-color: #1a335e;
}

.card.background-Light .btn-outline-primary {
    --bs-btn-color: var(--nzbar);
    --bs-btn-border-color: var(--nzbar);
    --bs-btn-hover-bg: var(--nzbar);
    --bs-btn-hover-border-color: var(--nzbar);
    --bs-btn-hover-color:white;
}

.card.background-Light {
    color:initial;
    background-color:white
}

.card.background-Light h4,
.card.background-Grey h4 {
    color:initial;
}

.card.background-Grey {
    color: initial;
    background-color: var(--nzbarGrey);
}


/*Accordions*/
.accordion {
    --bs-accordion-border-color:transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-border-radius: 0;
    --bs-accordion-active-bg: transparent;
}

.accordion-button::after {
    --bs-accordion-btn-icon: url('../images/dropdown-icon.svg');
    --bs-accordion-btn-icon-width: 0.8rem;
    /*--bs-accordion-btn-icon-width: 0.8rem;*/
}
.accordion-button:not(.collapsed)::after {
    --bs-accordion-btn-active-icon: url('../images/dropdown-icon.svg');
}

.typography .accordion-item {
    margin-bottom:1rem;
}

.typography .accordion-header {
    border-bottom: 6px solid var(--nzbarGrey);
}
.typography .accordion-button {
    text-transform: uppercase;
    font-weight:300;
    color:var(--nzbar);
    font-size: 1.2rem;
}

.collapsible-card {

}

.collapsible-card .accordion-button {
    position:absolute;
    bottom:0;
    left:1rem;
    right:0;
    width:100%;
}
.collapsible-card .accordion-button::after {
    --bs-accordion-btn-icon-width: 1.4rem;
}

.collapsible-card .partially-hidden-content {
    position:absolute;
    top:0;
    left: 0;
    right: 0;
    max-height:80px;
    overflow:hidden
}

.collapsible-card .partially-hidden-content::after {
    content:'';
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(transparent, white);
}
.collapsible-card-content {
    position:relative;
    min-height:80px;
}

.collapsible-card-content > .collapse.show ~ .partially-hidden-content {
    display:none;
}

/*Sidebar*/
.sidebar {
    padding: 1rem 0;
    background-color:#e7e9ed;
    border-top:4px solid var(--nzbar);
}

.sidebar h3 {
    font-weight: 700;
    color:var(--nzbar);
    padding-left:1rem;
}

.sidebar .accordion {
    --bs-accordion-bg:transparent;
    --bs-accordion-border-width:0;
}
.sidebar .accordion-header {
    display:flex;
    align-items: center;
}
.sidebar .accordion-item .accordion-link,
.sidebar .accordion-item .accordion-button {
    padding:0.5rem 1rem;
    font-size: 1rem;
    text-transform: uppercase;
    color:var(--nzbar);
    font-weight:400;
    /*justify-content: center;*/
    text-decoration:none;
    position:relative;
    width:100%;
    background:transparent;
    border:none;
}
.sidebar .accordion-item .accordion-link:hover,
.sidebar .accordion-item .accordion-button:hover {
    background-color:rgba(255,255,255,0.5)
}
.sidebar .accordion-item .accordion-header > .accordion-button {
    width:auto;
}

.sidebar .accordion-body {
    padding:0;
}
.sidebar .accordion-body .sidebar-children {
    padding:0;
    list-style-type: none;
}
.sidebar .accordion-body .sidebar-children .sidebar-link {
    display:block;
    padding:0.5rem 2rem;
    color:var(--nzbar);
    text-decoration: none;
}
.sidebar .accordion-body .sidebar-children .sidebar-link::before {
    content: '- ';
}
.sidebar .accordion-body .sidebar-children .sidebar-link:hover {
    background-color: rgba(255,255,255,.5);
}

/*ContentAndSidebarElement*/
.contentAndSidebar-element__sidebar {
 font-size:0.8rem;
}


/*Forms*/
.background-Dark .form-control {
    background-color:var(--nzbar);
    color:white;
    border-color: var(--nzbarlightBlue)
}


/*event card*/
.event-card {
    position:relative;
    margin-left:-1rem;
    margin-right:-1rem;
}

.card-image {
    position:relative;
    background-color:var(--nzbarMidGrey);
    background-size:cover;
    background-position:50% 50%;
    width:100%;
    height:0;
    padding-top:54%;
    margin-left:1rem;
    margin-right:1rem;
}

.card-image-badge {
    position:absolute;
    writing-mode: sideways-lr;
    width:100%;
    height:100%;
    text-align:center;
    text-transform: uppercase;
    color:white;
    top:0;
    left:0;
}
.card-image-badge>* {
    position:relative;
}
.card-image-badge::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    clip-path:polygon(0 0, 0% 100%, 15% 50%);
    background-color:var(--nzbarlightBlue);
}
.card-image-date {
    position:absolute;
    font-size:0.8rem;
    right:8px;
    bottom:8px;
    text-transform: uppercase;
    color:white;
}


/*feature-block-element*/
.feature-block-element__image {
    height:180px;
    background-size:cover;
    background-position:50% 50%;
    background-color:var(--nzbarlightBlue);
    background-blend-mode: luminosity;
    position:relative;
}

.feature-block-element__image::after {
    content:'';
    position:absolute;
    bottom:-0.5px;
    width:100%;
    background:var(--nzbar);
    height:100%;
    clip-path: polygon(55% 100%, 65% 60%, 75% 100%, 85% 60%, 100% 60%, 100% 100%, 0 100%, 0 60%, 45% 60%);
}

.visibility-badge {
    text-transform:uppercase;
    font-weight:700;
    color:var(--nzbarlightBlue)
}

/*paywall*/
.paywall {
    position:relative;
    padding:3rem 3rem 3rem 8rem;
}

.paywall::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    clip-path:polygon(0 0, 0% 100%, 5% 50%);
    background-color:var(--nzbarGreyBlue);
}

.paywall h3 {
    display:inline-block;
    padding-bottom:1rem;
    border-bottom:3px solid #465a7d
}

.paywall .actions {
    display:block;
}

.card.resource-card .card-body {
    padding-top: 1.4rem;
}

.card.resource-card .card-body .visibility-badge {
    font-weight:400;
    font-size: 1rem;
}

.card.file-card {
    height:100%;
    padding-left:3rem;
}

.card.file-card::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    clip-path:polygon(0 0, 0% 100%, 3rem 50%);
    background-color:var(--nzbarGreyBlue);
}

/*LogoListElement*/
.element__logo-list-element {
    padding-top: 3.8rem;
    padding-bottom:2.8rem;
}
.element__logo-list-element .logo {
    margin: 0 1.2rem;
    position:relative;
    display:flex;
    height:80px;
}

.element__logo-list-element .logo  img {
    max-width:100%;
    width:auto;
    height: auto;
}



/*EventPage*/
.modifier-badge {
    position:relative;
    display:inline-block;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    color:var(--nzbarlightBlue);
    font-weight:700;
    font-size:0.8rem;
    text-transform:uppercase;
    padding:0.15rem 0.5rem;
    margin-left:20px;
}
.modifier-badge::before,
.modifier-badge::after {
    content:'';
    position:absolute;
    height:61%;
    width:1px;
    left:-4px;
    border-left:1px solid;
}
.modifier-badge::before {
    top:-2px;
    transform:rotate(30deg)
}

.modifier-badge::after {
    bottom:-2px;
    transform:rotate(-30deg)
}


.share-link {
    color:var(--nzbar);
    display:inline-block;
    text-align:center;
    line-height:23px;
    padding:2px;
    width:25px;
    height:25px;
    text-decoration:none;
    margin-left:0.25rem;
    border-radius:50%;
    background:var(--nzbarlightBlue)
}
.share-link::after {
    display:none;
}
.share-link:hover {
    background-color:var(--nzbarMidGrey);
}

/*MembershipPage*/
.membership-table-title {
    color:var(--nzbar);
    font-weight: 500;
    text-transform: uppercase;
}
.membership-table-item {
    background-color:var(--nzbarGrey);
    border: 1px solid var(--nzbarDarkGrey);
    padding:1rem;
    color:var(--nzbar);
    font-weight:400
}

/*EventsHolderPage + ResourcesHolderPage*/
div.events-filter select,
div.resources-filter select,
div.resources-filter input {
    width: 100%;
    background-color: var(--nzbar);
    color: white;
    border: 2px solid var(--nzbarGreyBlue);
}
div.resources-filter input::placeholder {
    color: white;
}
div.resources-filter button i {
    color: white;
}
div.resources-holder-content select,
div.events-holder-content select {
    background: none;
    border: 0;
    font-weight: 200;
    color: #727d8c;
}
div.resources-filter div.category-select-container,
div.resources-filter div.access-select-container {
    padding: 0.5rem 0;
}
@media screen and (min-width: 768px) {
    div.resources-filter div.category-select-container {
        padding: 0.5rem 0.5rem 0.5rem 0;
    }
    div.resources-filter div.access-select-container {
        padding: 0.5rem 0 0.5rem 0.5rem;
    }
}


/*pagination*/
.pagination .active .btn {
    background-color: var(--nzbarlightBlue);
    color: white;
}

.pagination .disabled .btn {
    color:var(--nzbarMidGrey);
    pointer-events:none;
}
Page.ss


/*Search*/
/*form#SearchForm_SearchForm {*/
/*    display:flex;*/
/*}*/
/*form#SearchForm_SearchForm > fieldset {*/
/*    width:100%;*/
/*}*/
/*input#SearchForm_SearchForm_Query {*/
/*    font-size: 2rem;*/
/*    width:100%;*/
/*}*/
/*button#SearchForm_SearchForm_action_results::after {*/
/*    content:'\f002';*/
/*    font-family: 'Font Awesome 6 Free', sans-serif;*/
/*    font-size:2rem;*/
/*}*/