@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    --color-light: rgba(255,255,255,1);
    --color-primary: rgba(1,43,127,1);
    --color-secondary: rgba(1,99,176,1);
    --color-cta: rgba(0,161,237,1);
    --color-gray: rgba(125,180,226,1);
    --color-dark: rgba(18,26,80,1);
    --color-black: rgba(43,49,49,1);
    --color-highlight: rgba(255,0,255,1);
    --font-feature: "Montserrat", sans-serif;
    --font-default: "Open Sans", serif;
    --bs-body-bg: #E7E5E9;
    --bs-body-bg-rgb: 255,255,255;
    --bs-gutter-x: 1rem;
    --bs-accordion-inner-border-radius: 6px;
    --bs-body-color: rgba(43,49,49,1);
    --bs-accordion-btn-color: rgba(43,49,49,1);
    --bs-primary-text-emphasis: rgba(1,43,127,1);
    --bs-primary-bg-subtle: rgba(125,180,226,1);
    --bs-accordion-btn-bg: ;
    --bs-border-width: 1px;
    --bs-border-color: #E7E5E9;
    --bs-border-radius: 6px;
}


.twentytwentyfive .zonePlace {padding: 0}
.twentytwentyfive .zonePlace.zoneContent {padding: 0 15px}
.twentytwentyfive .WaPlaceHolder {max-width: none;}
/* .twentytwentyfive .sitewidth {max-width: 1640px; margin: 0 auto;} */
.twentytwentyfive .WaPlaceHolderContent>div {padding: 0}
.twentytwentyfive .valign-center td {align-content: center;}

body {
    font: 24px / 1.5 "Open Sans", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
        color: var(--color-black);
}
a {
    color: var(--color-primary);
}
.container,.container-fluid {
    /* width: 100%; */
    padding-right: var(--bs-gutter-x,.5rem);
    padding-left: var(--bs-gutter-x,.5rem);
    margin-right: auto;
    margin-left: auto
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
[class^="col"]>* {
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.text-center, .text-center .flex {
    text-align: center !important;
    justify-content: center;
}
/* .container .container,
.container .container-fluid {
    width: auto;
    padding-left: 0;
    padding-right: 0;
}

.section .container {
    width: auto;
} */

@media (min-width: 576px) {
    .container {
        /* max-width:540px */
        max-width:720px
    }
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        /* max-width:720px */
        max-width:770px
    }
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        /* max-width:960px */
        max-width:1030px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container {
        /* max-width:1320px */
        /* max-width:1640px */
        max-width:1420px
    }
}
.gadgetStyle001 a:link:not(.stylizedButton), .gadgetStyle001 a:not(.stylizedButton) {
    color: var(--color-dark);
}

.gadgetStyle001 ul li .author, .gadgetStyle001 ul li .date, .gadgetStyle001 ul li .location {
    font-family: "Open Sans", serif;
    font-weight: normal;
    font-size: 18px;
    display: block;
    margin-bottom: .5em;
}

.twentytwentyfive h1,.h1,.twentytwentyfive h2,.h2,.twentytwentyfive h3,.h3,.twentytwentyfive h4,.h4,.twentytwentyfive h5,.h5,.twentytwentyfive h6,.h6 {
    font-family: var(--font-feature) !important;
    font-weight: 600 !important;
    font-optical-sizing: auto;
    color: var(--color-primary) !important;
}
.twentytwentyfive h1, .twentytwentyfive .h1 {
    text-transform: none;
}

.twentytwentyfive h2, .twentytwentyfive .h2 {
    font-size: 45px;
    line-height: 1.2;
    margin-bottom: .5em;
}
.essence h2 {
    font-size: 54px;
}
.twentytwentyfive h3, .twentytwentyfive .h3 {
    font-size: 45px;
    text-transform: capitalize !important;
}

.twentytwentyfive h4, .twentytwentyfive .h4, [class*='EditableArea'] h4:last-child {
    font-size: 27px;
    text-transform: none;
    margin-bottom: .5em !important;
    color: var(--color-black) !important;
}

.hdr ul.firstLevel, .hdr ul.orientationHorizontal {
    padding-left: 0 !important
}
.twentytwentyfive .zoneContent ul {
    padding-left: 15px;
}
.twentytwentyfive .WaGadgetUpcomingEvents ul {
    padding-left: 0;
}
.twentytwentyfive .WaGadgetUpcomingEvents .gadgetStyleBody {
    padding: 0;
}
.twentytwentyfive > ul li {
    font-size: .5785em;
    line-height: 2;
    color: var(--color-dark);
}
/* .zoneContent .section:last-child {margin-bottom: 0 !important;} */

/* .d-none {display: none;} */

[class^="WaGadget"] {
    margin: 0 auto;
    overflow: visible;
}

.WaGadgetSlideshow:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resources/Pictures/2025/gallery-mask.png) left top no-repeat;
    background-size: cover;
    z-index: 1;
}

.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span {
    background: var(--color-gray);
    color: var(--color-light);
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a:hover, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span:hover {
    background: var(--color-secondary);
    color: var(--color-light);
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarHeader, {
    font-family: "Open Sans", serif;
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span {
    font: .625em / 1.5 "Open Sans", serif;
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td a.calendarDate, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td a.calendarDate:hover {
    font-size: .75em;
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate:hover {
    color: var(--color-cta);
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div {
    background: var(--color-secondary);
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventDivItem:hover {
    background: var(--color-cta);
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable #group1 {
    position: relative;
    z-index: 9;
    border-right: .125em solid var(--color-cta);
    border-bottom: .0625em solid var(--color-cta);
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable #group2 {
    z-index: 9;
    position: relative;
    border-top: .0625em solid var(--color-cta);
    margin-left: -.03125em;
}
.WaGadgetEvents .boxInfoContainer ul.boxInfo {
    font-size: 18px;
}
font {
    font-family: "Open Sans", serif !important
}


/* Header */

.twentytwentyfive header {
    padding: 30px 0 20px
}
.hdr {
    margin: .5em 0;
}
.hdr .container {
    display: flex;
    justify-content: space-between;
}
.logo {
    max-width: 266px;
    background: url(/resources/Pictures/2025/CNG-logo.svg) left top no-repeat;
    width: 100%;
    background-size: contain;
}
.logo img {
    width: 266px;
    max-height: 130px;
}
.social {
    display: flex;
    justify-content: space-between;
    max-width: 90px;
    align-items: center;
}

    .WaGadgetSocialProfile.gadgetThemeStyle li a {
        color: var(--color-secondary);
    }
    .WaGadgetSocialProfile.gadgetThemeStyle a.YouTube:before {
        top: 3px;
    }

.main-menu {
    display: flex;
    align-items: center;
    height: 140px;
}

    .main-menu.WaGadgetMenuHorizontal .menuInner, .main-menu.WaGadgetMenuHorizontal .menuInner ul.firstLevel, .main-menu.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item:hover>a {background-color: transparent;}
    .main-menu.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item>a {
        color: var(--color-primary);
    }
.main-menu a, .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
    color: var(--color-black);
    text-decoration: none;
    font-family: var(--font-feature);
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 20px;
    text-transform: capitalize;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
    height: 45px;
}
.twentytwentyfive .main-menu a, .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
    padding: .5em 1em;
}
.main-menu a:hover, .main-menu.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.sel>.item>a, .main-menu.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item:hover>a,
.twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:nth-child(6n) .item:hover a:before {
    color: var(--color-secondary);
    text-decoration: underline;
}
.main-menu ul.orientationHorizontal li+li:before {
    display: none;
}
.main-menu ul.orientationHorizontal li {
    padding: 0 1.5em;
    line-height: 1.5em;
}
    .main-menu ul.orientationHorizontal li:first-child {
        padding-left: 0
    }
    .main-menu ul.orientationHorizontal li:last-child {
        padding-right: 0
    }

.hdr .firstLevel {display: flex !important}

    .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:first-child,
    .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:last-child {
        display: none;
    }
    .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:nth-child(7n) {
        order: 1;
    }
    .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:nth-child(5n) {
        order: 2;
    }
    .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:nth-child(3n) {
        order: 3;
    }
    .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:nth-child(6n) a {
        text-decoration: none !important;
        border-radius: 6px;
        display: inline-flex;
        transition: all .5s ease-in;
        border: 3px solid var(--color-secondary);
        margin-left: 1em;
        margin-top: -.15em;
        height: 50px;
    }
    .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:nth-child(6n) span {
        text-indent: -999px;
        overflow: hidden;
    }
    .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:nth-child(6n) a:before {
        content: 'Get Involved';
    }
    /* .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:nth-child(2n) {
        order: 4;
    } */
    /* .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:nth-child(6n) {
        order: 5;
        display: none;
    } */
    /* .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li:last-child {
        display: table-cell;
        order: 6;
    } */

/* Mobile Menu */

.twentytwentyfive .WaGadgetMobilePanel .mobilePanel {
    background: var(--color-primary);
}
.twentytwentyfive .WaGadgetMobilePanel .mobilePanel .mobilePanelButton {
    color: var(--color-light);
}
    .twentytwentyfive .buttonMenu {right: 0; left: unset;}
    .twentytwentyfive .buttonLogin {display: none;}
.twentytwentyfive .WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
    background: var(--color-primary);
}
.twentytwentyfive .WaGadgetMobilePanel .mobilePanel .menuInner ul ul {
    background: var(--color-secondary);
}


/* Hero */

.hero:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-dark);
    opacity: .6;
}
.hero .container {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}
.hero .container h1 {
    color: var(--color-light) !important;
    margin-bottom: 5px;
    font-size: 60px;
}
.hero .container p {
    max-width: 800px;
    font-size: 27px;
}

.banner:before {
    background-color: var(--color-dark);
    opacity: .3;
}
.banner .container {
    align-items: flex-start;
}

.twentytwentyfive .btn,
.nextButton,
.registerButton,
.submitApplicationButton,
.WaGadgetAuthorizationRequired .loginPageTable input.loginButton,
.generalFieldsContainer input.typeButton, .generalFieldsContainer input[type=submit],
a.buttonStyle001, a:link.buttonStyle001 {
    font-family: var(--font-feature) !important;
    font-weight: 600 !important;
    margin: 1em 0;
    font-size: 25px !important;
    letter-spacing: .05em;
    text-decoration: none !important;
    border-radius: 6px;
    display: inline-flex;
    transition: all .5s ease-in;
}
.twentytwentyfive .btn a {
    color: var(--color-dark) !important;
}
.twentytwentyfive .btn span {
    transition: all .5s ease-in;
    line-height: normal;
}

    .twentytwentyfive .btn:hover span:after {
        position: relative;
        content: "";
        display: block;
        border-bottom: 2.5px solid;
        margin-bottom: -2.5px;
        bottom: 5px;
    }
    .twentytwentyfive .btn-sm:hover span:after {
        border-bottom: 1.5px solid;
        margin-bottom: -1.5px;
        bottom: 3px;
    }
.twentytwentyfive .btn-sm {
    position: relative;
    font-size: 18px !important;
    font-weight: 400 !important;
}
.twentytwentyfive .btn-fill,
.nextButton,
.registerButton,
.submitApplicationButton, .WaGadgetAuthorizationRequired .loginPageTable input.loginButton, .generalFieldsContainer input.typeButton, .generalFieldsContainer input[type=submit],
a.buttonStyle001, a:link.buttonStyle001 {
    padding: .5em 1.5em !important;
    background-color: var(--color-cta) !important;
    color: var(--color-light) !important;
}
    .twentytwentyfive .btn-fill:hover,
    .nextButton:hover,
    .registerButton:hover,
    .submitApplicationButton:hover, .WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover, .generalFieldsContainer input.typeButton:hover, .generalFieldsContainer input[type=submit]:hover, a.buttonStyle001:hover, a:link.buttonStyle001:hover {
        text-decoration: underline !important;
        background-color: var(--color-secondary) !important
    }
.twentytwentyfive .btn-outline {
    padding: 0.5em 1em;
    border: 3px solid var(--color-secondary);
    color: var(--color-dark) !important;
}
    .twentytwentyfive .btn-outline:hover {
        border: 3px solid var(--color-cta);
    }
    .twentytwentyfive .btn-outline.btn-sm {
        border: 1.5px solid var(--color-secondary);
    }

.twentytwentyfive .btn.doc span {
    left: 15px;
    position: relative;
    margin-right: 10px;
}
.btn.doc:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 14.79px;
    height: 19.46px;
    background: url(/resources/Pictures/2025/doc-icon.svg) left top no-repeat;
    z-index: 1;
    background-size: cover;
}
.flex {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    max-width: 1364px;
}
.flex-m {
    max-width: 1296px;
}
.flex-s table {
    max-width: 1140px;
}
.sub-nav {
    box-shadow: 0px 3px 6px #00000029;
    background-color: #E7E5E9;
    padding: 0 1.25em;
    border-radius: 6px;
    min-width: 250px;
    text-align: left;
}
.sub-nav span {
    font-family: var(--font-feature);
    border-bottom: 3px solid var(--color-primary);
    margin: .5em -1.25em 0;
    display: block;
    color: var(--color-black);
    font-weight: 600;
    padding-bottom: .5em;
    padding-left: 1.25em;
}
.sub-nav ul {
    list-style: none;
    padding-top: .5em !important;
    margin-top: 0;
    padding-left: 0 !important;
    margin-left: 0 !important;
    padding-bottom: 1em;
}
.sub-nav ul li {
    font-size: 18px;
    line-height: 2.125;
}
.sub-nav a {
    color: var(--color-black);
    text-decoration: none;
}
.sub-nav a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}
.sub-nav a.active, .sub-nav a.active:hover {
    font-weight: 500;
    cursor: default;
    text-decoration: none;
}
.sub-nav a.active:after {
    content: '';
    border-bottom: 3px solid var(--color-cta);
    display: block;
    width: 1em;
    bottom: 2px;
    position: relative;
}

.flex-inline > * {
    margin-right: 1em !important;
}
.flex-inline > *:last-child {
    margin-right: 0 !important;
}

/* Membership Form */

input[type=password], input[type=text], select, textarea {
    font: 20px / 1.25 "Open Sans", serif;
    padding: 12px 20px;
    border-radius: 6px;
    border: 1px solid var(--color-dark);
    color: var(--color-dark);
}

.formTitleOuterContainer {
    font: 18px / 1.125 "Open Sans", serif;
}
.fieldSubContainer {
    font-size: 18px;
}
.fieldSubContainer>table .left {
    vertical-align: middle;
}
/* .infoOuterContainer .infoSection {
    color: var(--color-highlight);
} */
.formTitleOuterContainer .formTitleContainer {
    /* box-shadow: 0px 3px 6px #00000029; */
    border-bottom: 1px solid #E7E5E9;
    padding-bottom: 20px;
}
.infoOuterContainer .infoSection .infoTitle {
    float: none;
    text-align: left;
}
.infoOuterContainer .infoSection .infoText {
    width: auto;
}
.WaGadgetEvents .pageTitleContainer #idTitleRight, .WaGadgetEvents .titleContainer #idTitleRight {
    margin: 1em 0;
}



/* Content */

.section {
    margin: 5em auto !important;
    /* padding-bottom: 5em; */
}
iframe .section {
    margin: 0 !important;
}
.section.hr {
    margin: 0 !important;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #E7E5E9;
}
hr {
    margin: 2.5em 0;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #E7E5E9;
}
.three-col .container .row {
    display: flex;
    gap: 1em;
}

#cng-help-you {
    padding-bottom: 5em;
}
#cng-help-you h3 {
    color: var(--color-light) !important;
}
#cng-help-you [class^="col"]>* {
    margin-top: 0;
}
#cng-help-you h4 {
    padding-bottom: 0;
    margin-top: 1.75rem !important;
}

#cng-help-you .three-col .container .col {
    background-color: var(--color-light);
    border-radius: 6px;
    border: 3px solid var(--color-cta);
    padding: 0 1em;
    box-shadow: 0px 3px 6px #00000029;
}
#cng-help-you li {
    font-size: .662em;
    line-height: 1.25;
    margin-bottom: 1em;
}
.upcoming-events li {
    display: flex;
    gap: 1em
}
.upcoming-events ul li .date {
    /* inline-size: 90%; */
    border-right: 1px solid #E7E5E9;
    padding-right: .5em;
    margin-right: .5em;
    font-size: 23px;
    color: var(--color-dark);
    /* margin-bottom: 150px; */
}
.upcoming-events ul li .date:after {
    content: '';
}
.upcoming-events h3,
.upcomingEventsContainer h3 {
    position: relative;
    margin: 0 auto .5em auto !important;
    padding-left: 1.5em;
}
.LayoutMain2025 .upcoming-events h3,
.upcomingEventsContainer h3 {
    font-size: 30px !important;
}

.upcoming-events h3:before,
.upcomingEventsContainer h3:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 41.64px;
    height: 46.27px;
    background: url(/resources/Pictures/2025/event-icon.svg) left top no-repeat;
    z-index: 1;
    background-size: cover;
}
.LayoutMain2025 .upcoming-events h3:before,
.upcomingEventsContainer h3:before {
    width: 29.16px;
    height: 32.39px;
    }
.upcoming-events .title {
    font-size: 18px;
}
.upcoming-events .title h4 {
    font-size: 23px !important
}
.upcoming-events ul {
    margin-top: 1.5em;
}
.upcoming-events ul li .title h4 {
    font-weight: 500 !important;
    margin: 0;
    margin-bottom: .5em;
}
.upcoming-events ul li .title h4 a {
    color: var(--color-dark);
    text-decoration: none !important;
    font-weight: 500;
}
.upcoming-events .location {font-size: 18px; color: #707070; margin-bottom: .5em;}
.upcoming-events .view-event {font-size: 20px; font-family: var(--font-feature); font-weight: 500; letter-spacing: .1em;}
.slideshow {
    margin-top: 1.5em;
}
.past-events, .pastEventsContainer .sectionTitle {
    color: #707070 !important;
    font-size: 20px;
    padding-left: 35px;
    font-family: var(--font-feature);
}
.past-events:hover,
.pastEventsContainer .sectionTitle:hover {
    color: #575757;
}
.past-events:before,
.pastEventsContainer .sectionTitle:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/resources/Pictures/2025/past_events-icon.svg) left top no-repeat;
    z-index: 1;
}
.pastEventsList {
    overflow: auto;
    max-height: 310px;
    display:flex;
}
.past-events:hover:before,
.pastEventsContainer .sectionTitle:hover:before {
    filter: brightness(90%);
}
.WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left {
    padding-right: .5em;
}
.WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left+td {
    padding-left: .5em;
}
.WaGadgetEventsStateList .pastEventsOuterContainer table.pastEventsList td.left+td:before {
    content: none;
}
/* #view-all-events_btn {
    margin-left: 170px;
} */

.infoOuterContainer {
    border-radius: 6px;
    background-color: #E7E5E9;
}
.dei, .max-gray {
    margin: 0 auto !important;
    padding-top: 5em;
    padding-bottom: 5em;
    background-color: #E7E5E9;
}
.dei .container {
    border-left: 10px solid var(--color-primary);
}
.dei h3 {
    color: var(--color-dark);
    margin-bottom: -.5em;
}
.dei em {
    font-size: 16px;
}
.dei p {
    font-size: 20px;
}
.board-directors .container {
    font-size: 18px;
    padding: 0;
    margin: 0;
}
.board-directors img {
    display: block;
}
.committees .col .col {
    max-width: 223.33px;
}
#HowTo-Network td:first-child {
    width: 33.33333333% !important;
}
/* #HowTo-Network .WaLayoutSeparator {
    width: 0;
} */
#HowTo-Network td:last-child {
    width: 66.66666666% !important;
}
#PAGEID_18120 #Upcoming-Events {
    background: transparent linear-gradient(180deg, #7DB4E21A 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    margin-top: 0 !important;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}
#PAGEID_18120 #Upcoming-Events > table {
    max-width: 1562px;
    margin: 0 auto;
}
.sponsors-logos p {font-size: .625em}
.sponsors-logos img {max-height: 100px;}

#events-note {
    background-color: #707070;
    padding-top: 3em;
    padding-bottom: 3em;
    margin-bottom: 0;
}
#events-note .note {
    background-color: #fff;
    border: 3px solid #46C0E2;
    border-radius: 6px;
    box-shadow: 0px 3px 6px #00000029;
    padding: 2.5em;
}
#events-note .note:before {
    content: "";
    display: block;
    position: absolute;
    top: -25px;
    left: -25px;
    width: 50px;
    height: 50px;
    background: url(/resources/Pictures/2025/note-icon.png) left top no-repeat;
    background-size: cover;
    z-index: 1;
}

/* Footer */

.ftr {
    background-color: #808080;
    color: #fff;
    font-size: 16px;
}

.ftr .container {
    display: flex;
    justify-content: space-between;align-items: center;
    height: 211px;
}
.ftr a {
    color: #fff;
    text-decoration: none;
}
.ftr a:hover {
    text-decoration: underline;
}
.ftr .logo {
    max-width: 129px;
    background: url(/resources/Pictures/2025/CNG-logo_white.svg) left top no-repeat;
    width: 100%;
    background-size: contain;
}
.ftr .logo img {
    width: 129px;
    max-height: 70px;
}
.ftr .WaGadgetSocialProfile.gadgetThemeStyle li a {
    color: var(--color-light);
}

.zoneWAbranding {
    display: none;
}
/* .standard .zoneContent {
    margin: 5em auto !important;
    max-width: 1420px;
} */





/* Utilities */

.bkg-img {border-radius: 6px;}
.align-items-center {align-items: center !important;}
.justify-content-center {justify-content: center !important;}
.m-0 {margin: 0 !important;}
.mt-1 {margin-top: 1em !important;}
.mt-2 {margin-top: 2em !important;}
.mb-0 {margin-bottom: 0em !important;}
.mb-2 {margin-bottom: 2em !important;}
.mt-5 {margin-top: 5em !important;}
.my-5 {margin-top: 5em !important; margin-bottom: 5em !important;}
.mt-0 {margin-top: 0 !important;}
.mt-n1 {margin-top: -1rem !important;}
.mt-n2 {margin-top: -2rem !important;}
.mt-n5 {margin-top: -6.25rem !important;}
.mt-n5.valign-center td .copy {margin-top: 12.5rem !important;}
.col a {word-break: break-all;}
.highlight, .highlight > * {
    color: var(--color-highlight) !important;
}
.grayscale {filter: grayscale(1);}
.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.small, small {font-size: .625em}
@media (max-width: 768px) {
    .row > .col-md:first-child {
        margin-top: 0;
    }
    .row > .col-md {
        margin-top: 2em;
    }
}



.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    /* --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) -(var(--bs-border-width))); */
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
    font-size: 18px;
    padding-top: 0;
}

/* .accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius);
} */

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    margin-bottom: 1em;
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    box-shadow: 0px 3px 6px #00000029;
}

.accordion-header {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-family: "Open Sans", serif !important;
}

/* .accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
} */
.accordion-header .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    /* background-color: var(--bs-accordion-active-bg); */
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}

.accordion-collapse.show {
    
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
}

button, select {
    text-transform: none;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button {
    border-radius: 0;
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

*, ::after, ::before {
    box-sizing: border-box;
}
.collapse:not(.show) {
    display: none;
}







@media (max-width: 1023px) {
    .two-col tr, .three-col .container .row {
        display: flex;
        flex-direction: column;
    }
    .two-col .WaLayoutItem, .three-col .WaLayoutItem {
        width: 100% !important;
    }
    .WaLayoutSeparator {
        height: 2.22225em;
    }
    .twentytwentyfive .main-menu a, .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
        padding: .5em 1.25em;
    }
}

@media (max-width: 1024px) {
    .WaLayoutSeparator {
        width: 2.22225em;
    }
}

@media (min-width: 1025px) {
    .WaLayoutSeparator {
        width: 4.44445em;
    }
}

@media (max-width: 991px) {
    .flex {
        flex-direction: column;
        gap: 1em;
        align-items: flex-start;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .logo img {
        width: 200px;
    }
    .WaGadgetSocialProfile.gadgetThemeStyle .orientationHorizontal {
        margin-left: 0;
    }
    .hdr .container {
        flex-direction: column;
    }
    .hdr .container .logo {
        order: 1;
    }
    .hdr .container .menu {
        order: 2;
    }
    .hdr .container .social {
        order: 0;
        max-width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-bottom: -139px;
        height: 139px;
    }
    .main-menu {
        justify-content: center;
    }
    .twentytwentyfive .main-menu a, .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
        padding: .5em 2.25em;
    }
    .WaGadgetSocialProfile.gadgetThemeStyle li a {
        font-size: 36px;
        line-height: 38px;
        width: 36px;
        height: 38px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .twentytwentyfive .main-menu a, .twentytwentyfive .WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
        padding: .5em 1.25em;
    }
}

@media (max-width: 767px) {

    .top {display: flex;flex-direction: column;}
    .top .mobilePanelContainer {order:1}
    .top .container {order:0;
        /* gap: 0 3em; */
        gap: 0 10em; padding: 0;}

    .top .buttonMenu.active:before {
        color: var(--color-gray);
    }

    .hdr .container {justify-content: space-evenly;}

    h1 {font-size: 40px !important;}
    h2 {font-size: 36px !important;}
    h3 {font-size: 30px !important;}
    h3.formTitle {font-size: 18px !important;}
    h4 {font-size: 20px !important;}

    .logo {max-width: 139px}
    .logo img {max-height: 70px}

    
    .twentytwentyfive .btn { font-size: 18px !important}
    .twentytwentyfive .btn-sm { font-size: 16px !important}
    .btn-sm:before{top:8px;}

    .menu {display: none;}
    .main-menu {
        height: 70px;
    }
    
    .upcoming-events li {flex-direction: column;}
    .upcoming-events ul li .date {padding-bottom: 0; display: block;font-size:16px; margin-top: 8px; inline-size: auto; margin-bottom: auto;border-right: none;padding-right: 0; margin-right: 0;}
    .upcoming-events h3:before {width: 24.64px; height: 27.27px;}
    .view-event a {font-size: 16px; letter-spacing: 0;}
    .past-events {font-size: 18px;}
    .past-events:before {top: 0;}
    #id_J4FnmLq > div /* past events link/slideshow */ {display: grid;}
        #id_abJ3ZGy {order: 1}
        .slideshow {order: 0; margin-top: 0; margin-bottom: 1.5em;}
    
    .hero .container br {display: none;}
    .hero > div {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .bkg-img img {
        height: auto !important
    }

    .ftr .container {flex-direction: column; padding: 1em; text-align: center;}
    .ftr .container .bullet {display: none;}

    .section {margin: 2.5em auto !important}
    .mt-n5.valign-center td .copy {margin-top: 0 !important;}
    .mt-5 {
        margin-top: 2.5em !important;
    }

}

@media screen and (max-width: 479px) {
    html:not([class*="WaPlaceHolder"]) .gadgetStyle001 a:link:not(.stylizedButton), html:not([class*="WaPlaceHolder"]) .gadgetStyle001 a:not(.stylizedButton) {
        font-size: 18px;
    }
    html:not([class*="WaPlaceHolder"]) body {
        font-size: 18px;
    }
}