@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700&display=swap');

:root {
    --bs-body-font-family: 'Roboto', sans-serif;
    --mw-ff-heading: 'Roboto Condensed', sans-serif;
}

body {/*word-break: break-word;*/ font-family: var(--bs-body-font-family);}
h1, .h1, h2, .h2, .ff-heading {font-family: var(--mw-ff-heading) !important;}
h1, .h1 {text-shadow: 20px -5px 0 rgba(33,37,41,.1);}

h2 {font-size: 1.5rem; font-weight: bold; color: var(--bs-primary);}
h3 {font-size: 1.25rem; text-transform: uppercase; font-weight: bold}
h4 {font-size: 1.25rem; font-weight: bold;}
h5 {font-size: 1rem; text-transform: uppercase;}
h6 {font-size: 1rem; font-weight: bold;}

.container-big {max-width: 2500px;}

.btn {font-weight: normal;}
.nav-tabs {margin-bottom: 1rem;}

.social-links a {font-size: 1.25rem; height: 1.25rem; line-height: 0;}
.social-links span span {display: none;}
.social-links img {height: 1.25rem;}

.highlighted-box {background-color: #fff3cd; border: 1px solid #ffecb5;}

.black-links a {color: var(--bs-text-body);}

/* .table-responsive .table {white-space: nowrap;}
@media (max-width: 575.98px) { .table-responsive-sm .table {white-space: nowrap;} }
@media (max-width: 767.98px) { .table-responsive-md .table {white-space: nowrap;} }
@media (max-width: 991.98px) { .table-responsive-lg .table {white-space: nowrap;} }
@media (max-width: 1199.98px) { .table-responsive-xl .table {white-space: nowrap;} }
@media (max-width: 1399.98px) { .table-responsive-xxl .table {white-space: nowrap;} } */


/* Header */

.header-wrapper {position: relative; z-index: 1020;}
.header-wrapper.sticky {position: -webkit-sticky; position: sticky; top: 0;}
.header-wrapper.sticky .alert-topbar {display: none;}

.nav-top .btn {font-size: .9rem; text-transform: none;}

.header-mainbar {background-color: rgba(255, 255, 255, .9);}
.header-navbar {background-color: rgba(3, 14, 34, .9);}

.site-header a {text-decoration: underline;}
.header-src input {width: 14rem !important;}

.site-seal img {max-height: 2.5rem;}
.site-logotype img {max-height: 1.5rem; margin-left: .5rem; margin-top: .25rem;}

/* @media (min-width: 768px) {
    .site-seal img {max-height: 4rem;}
    .site-logotype img {max-height: 2.25rem; margin-left: .75rem;}
} */

@media (min-width: 992px) {
    .header-wrapper.sticky {margin-top: 0;}
    /* .header-wrapper .header-mainbar > .container-xl {transition: all .3s;} */
    .header-wrapper.sticky .header-mainbar > .container-xl {padding-top: .5rem !important; padding-bottom: .5rem !important;}
    .header-wrapper .nav-primary > ul > li:hover > a {color: var(--bs-body-color) !important; background-color: var(--bs-light); opacity: 1 !important;}
    .header-wrapper .nav-primary > ul > li:hover > a:active {color: #FFF !important;}
    .site-seal {position: absolute; top: 0; left: 0;}
    .site-seal img {max-height: 8rem; transition: all .3s;}
    .site-logotype img {max-height: 2.25rem; margin-left: .75rem;}
    .header-wrapper.sticky .site-seal img {max-height: 5.25rem;}
    .site-logotype img {margin-left: /*7rem*/ 9rem; transition: all .3s;}
    .header-wrapper.sticky .site-logotype img {margin-left: /*5rem*/ 6.25rem;}
    .nav-top .btn {padding-left: .5rem !important; padding-right: .5rem !important;}
}

@media (min-width: 1200px) {
    .header-wrapper .nav-primary > ul > li > a {font-size: 1.25rem;}
}

.dropdown-item {text-decoration: underline;}
.nav-primary a.current::before {bottom: -1px;}
.nav-primary .dropdown-hover .btn.dropdown-toggle {top: .45rem;}
.nav-primary .dropdown-hover .dropdown-menu .btn.dropdown-toggle {top: 0;}
.nav-secondary > ul > li > a {color: #FFF;}
.nav-secondary .dropdown-toggle > span::after {line-height: 0;}

@media (min-width: 768px) {
    .dropdown-item {font-size: 1.25rem;}
}

@media (min-width: 992px) {
    .nav-primary {margin-left: /*7rem*/ 9rem; transition: all .3s;}
    .header-wrapper.sticky .nav-primary {margin-left: /*5rem*/ 6.25rem;}
}


/* Home */

.site-hero {aspect-ratio: 4 / 3;}
.site-hero video {z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.hero-card-wrapper {position: absolute; bottom: 1rem; left: 0; width: 100%;}
.hero-card-wrapper .slide-card {width: 100%;}
.hero-card-wrapper .swiper-btn {position: static;}
.hero-card-wrapper .card-centered {text-align: center;}
.hero-card-wrapper .card-centered .card-imgtxt-row {display: block;}
.hero-card-wrapper .card-centered .card-image {margin: 0 auto 1rem;}
.hero-card-wrapper .card-centered .card-image img {height: 10rem;}

.container-news-carousel {padding-top: 3rem; padding-bottom: 3rem;}
.news-carousel .ratio {aspect-ratio: 2 / 1;}
.news-carousel-wrapper .swiper-btn {position: relative; top: .75rem; left: auto !important; right: auto !important;}
.news-carousel-wrapper .swiper-btn::after {opacity: .7; font-size: 1.5rem;}

.home-events {background: var(--bs-primary) /*url('/media/ms1o1gw5/novi-christmas-tree.jpg') center*/; background-size: cover;}
/*.home-events-inner {background: rgba(0, 0, 0, .6);}*/
.wiz-event-list * {border: 0 !important; background: none !important; color: #FFF !important;}
.wiz-event-list table {display: block}
.wiz-event-list td {padding: 0 !important}
.wiz-event-list tr {border-bottom: .5em solid transparent !important}
.uce_event_title {text-decoration: underline !important}
.uce_event_title:hover {text-decoration: none !important}

.home-spotlight-shadow {
    width: 70%; height: 1.5rem; border-radius: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 0; opacity: .25;
    -webkit-box-shadow: 0 5px 5px 0 #000; -moz-box-shadow: 0 5px 5px 0 #000; box-shadow: 0 5px 5px 0 #000;
}

@media (min-width: 576px) {
    .site-hero {/*height: 60vh; max-height: 45rem;*/ aspect-ratio: 7 / 2;}
    .today-title {background: url('/assets/bg-today-title.svg') top center no-repeat; background-size: auto; background-size: auto 70%;}
}

@media (max-width: 767.98px) {
    .section-news-carousel {padding: 0;}
}

@media (min-width: 768px) {
    .hero-card-wrapper .slide-card {width: 70%;}
    .container-news-carousel {padding-top: 0; padding-bottom: 0;}
}

@media (min-width: 992px) {
    .hero-card-wrapper .slide-card {width: 50%;}
    .container-news-carousel {border: 0 !important;}
    .news-carousel-wrapper .swiper-btn {position: absolute; top: 50%; transform: translateY(-50%);}
    .news-carousel-wrapper .swiper-button-prev {left: -3rem !important;}
    .news-carousel-wrapper .swiper-button-next {right: -3rem !important;}
}


/* Interior pages */

.page-heading-image {aspect-ratio: 5 / 1; background-position: center; background-size: cover;}
.page-heading-image video {z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.page-heading-title {border-bottom: 1rem solid #FFF; background: rgba(255, 255, 255, .9);}

.accordion-button.collapsed {background-color: var(--bs-light);}
.accordion-button:not(.collapsed) {box-shadow: none;}

.novi-tabs .accordion-button {text-indent: -9999px; height: 4rem; overflow: hidden; background-position: 10% center; background-repeat: no-repeat; background-size: auto 3.5rem;}
.novi-tabs .accordion-header:first-child button {background-image: url('/assets/letter-n.jpg');}
.novi-tabs .accordion-header:first-child + div + .accordion-header button {background-image: url('/assets/letter-o.jpg');}
.novi-tabs .accordion-header:first-child + div + .accordion-header + div + .accordion-header button {background-image: url('/assets/letter-v.jpg');}
.novi-tabs .accordion-header:first-child + div + .accordion-header + div + .accordion-header + div + .accordion-header button {background-image: url('/assets/letter-i.jpg');}

.sitemap > ul > li {margin-bottom: 1rem;}
.sitemap > ul > li > a {display: block; padding: .75rem 1.5rem; border-bottom: 1px solid #DEE2E6; text-transform: uppercase; font-weight: bold;}
.sitemap > ul ul {padding: .5rem 1.5rem;}
.sitemap > ul > li > ul > li > a {text-transform: uppercase; padding: .5rem 0;}
.sitemap > ul ul a {font-weight: normal;}

.calendar-legend {margin-bottom: 1rem;}
.calendar-legend > div {position: relative; padding: 0 0 0 1.5em;}
.calendar-legend > div::before {content: ''; position: absolute; top: .25em; left: 0; width: 1em; height: 1em; border-radius: 100%;}
.calendar-legend > div.legend-kid::before {background: #3D85C6;}
.calendar-legend > div.legend-adult::before {background: #CC0000;}
.calendar-legend > div.legend-family::before {background: #6AA84F;}

.gm-style-iw {max-width: none !important; max-height: none !important; width: 250px;}

.table-with-collapse .collapse-btn {padding: 0.1rem .25rem; margin-right: .5rem; font-size: .7rem; line-height: 1.3; font-weight: 900;}
.table-with-collapse .collapse-btn::before {font-family: 'Font Awesome 6 Pro'; content: '\f068';}
.table-with-collapse .collapse-btn.collapsed::before { content: '\2b';}

@media (min-width: 768px) {
 
    .gm-style-iw {width: 600px;}
    
}

@media (min-width: 768px) {

    .accordion-to-tabs {display: flex; flex-wrap: wrap;}
    .accordion-to-tabs .accordion-header {order: -1; position: relative; top: 1px;}
    .accordion-to-tabs .accordion-button {display: block; border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);}
    .accordion-to-tabs .accordion-button.collapsed {background-color: #FFF;}
    .accordion-to-tabs .accordion-button:not(.collapsed) {
        background-color: #FFF;
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); border-bottom: 0;
        border-top-left-radius: .375rem; border-top-right-radius: .375rem;
        pointer-events: none;
    }

    .novi-tabs .accordion-button::after {content: none;}
    .novi-tabs .accordion-button {width: 4rem; background-position: center;}

    .calendar-topright {position: absolute; top: .25rem; right: 0;}
    .calendar-legend {margin-bottom: 0;}
    .calendar-legend > div {margin-left: 2em;}
 
    .gm-style-iw {width: 450px;}
    
}


/* Commission Application Form */

#form-4c4e6003-ede6-4950-a62f-ab0f7ea3e154 fieldset {padding-top: 1.25rem; border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);}
#form-4c4e6003-ede6-4950-a62f-ab0f7ea3e154 fieldset:first-child {padding-top: 0; border-top: 0;}
/* #form-4c4e6003-ede6-4950-a62f-ab0f7ea3e154 .richtext + .shortanswer + .multiplechoice {display: none;} */


/* Novi Parks Soccer Club */

ul.npsc-nav {background: #B88B00; padding: 5px 4px; margin: 0; list-style: none;}
ul.npsc-nav li {flex-grow: 1; border-left: 1px solid #B88B00; border-right: 1px solid #B88B00; text-align: center;}
ul.npsc-nav a {color: #FFD761; background: #0039A6; text-transform: uppercase; padding: 5px 0; font-weight: bold; text-decoration: none; display: block;}
ul.npsc-nav a:hover, ul.npsc-nav .active a {color: #FFF;}

.npsc-table {border: 2px solid #B88B00; width: 100%;}
.npsc-table th {color:#FFF !important;background: #0039A6 !important; border: 1px solid #B88B00 !important; font-weight: bold;}
.npsc-table td {border: 1px solid #B88B00;}
.npsc-table th, .npsc-table td {padding: 5px 10px;}
.npsc-table.table-striped > tbody > tr:nth-child(odd) > td {background: #DDD !important;}
.npsc-table.table-striped > tbody > tr:nth-child(odd) > th {background: #0039A6 !important;}


/* Landing Pages - 2025 Bond */

.lp-2025-bond-welcome {background: url('/media/ezyfmi5d/lp-welcome.png') right center no-repeat; background-size: auto 125%;}
.lp-2025-bond-calculator {background: linear-gradient(to right, var(--bs-primary) 50%, var(--bs-dark-gold) 50%);}
.lp-2025-bond-events {background: var(--bs-dark);}
.lp-2025-bond-form .field-validation-error {color: var(--bs-yellow);}
.lp-2025-bond-form [type="submit"] {background-color: var(--bs-dark) !important; border-color: var(--bs-dark) !important;}

.lp-2025-bond-welcome-2 {background-image: url('/media/inpbbsux/lp-welcome-2.jpg');}
.lp-2025-bond-calendarwiz * {color: #FFF !important; background: none !important; border: 0 !important;}
.lp-2025-bond-calendarwiz td {padding-left: 0 !important; padding-right: 0 !important;}

/* Landing Pages - 2025 MYF */

.lp-myf-welcome {background: url('/media/o12j0m3n/myf-banner-blur-no-logo.png') right center no-repeat; background-size: cover;}

/* Landing Pages - PS Buildings */

.ps-updates-gallery-img-frame {display: flex; gap: 5px;}
.ps-updates-gallery-img-frame > a {display: block; width: 100%; height: 100%; position: relative;}
.ps-updates-gallery-img-frame > a img {object-fit: cover; position: absolute; inset: 0; width: 100%; height: 100%;}

/* Landing Pages - Default */

@media (min-width: 992px) {
    .lp-section {padding: 7rem 0;}
    .lp-text-2-cols {column-count: 2; column-gap: 50px;}
    .lp-2025-bond-events {background: linear-gradient(to right, var(--bs-dark) 50%, transparent 50%);}
    .lp-2025-bond-events .inner-decor-photo {background: url('/media/hw4due4b/lp-events-bg.jpg') center right no-repeat; background-size: 50% auto;}
}

.landing-page-default .umb-block-grid__layout-item:not(:first-child) {padding-top: 3rem; padding-bottom: 3rem; margin: 0;}
.landing-page-default .block-title, .landing-page-default .text-block h2 {margin-bottom: 1.5rem; text-transform: none !important; color: var(--bs-primary);}

@media (min-width: 576px) {
    .landing-page-default .umb-block-grid__layout-item:not(:first-child) .block-grid-item-inner {max-width: calc(540px - var(--bs-gutter-x)); margin: 0 auto;}
}

@media (min-width: 768px) {
    .landing-page-default .umb-block-grid__layout-item:not(:first-child) .block-grid-item-inner {max-width: calc(720px - var(--bs-gutter-x)); margin: 0 auto;}
}

@media (min-width: 992px) {
    .landing-page-default, .landing-page-default .accordion-button {font-size: 1.25rem;}
    .landing-page-default .umb-block-grid__layout-item:not(:first-child) {padding-top: 7rem; padding-bottom: 7rem;}
    .landing-page-default .umb-block-grid__layout-item:not(:first-child) .block-grid-item-inner {max-width: calc(960px - var(--bs-gutter-x)); margin: 0 auto;}
    .landing-page-default .block-title, .landing-page-default .text-block h2 {text-align: center; font-size: calc(1.425rem + 2.1vw) !important; line-height: 1.2; font-weight: 700 !important; margin-bottom: 3rem !important;}
}

@media (min-width: 1200px) {
    .landing-page-default .block-grid-item-inner {width: 70%;}
    .landing-page-default .umb-block-grid__layout-item:not(:first-child) .block-grid-item-inner {max-width: calc(1140px - var(--bs-gutter-x)); margin: 0 auto;}
}

@media (min-width: 1400px) {
    .landing-page-default .umb-block-grid__layout-item:not(:first-child) .block-grid-item-inner {max-width: calc(1320px - var(--bs-gutter-x)); margin: 0 auto;}
}

/* Landing Pages - NOVI 2050 */

[data-element-udi="umb://element/3a6d6a5d66704f80a366d2dda896a624"] {text-align: center;}

[data-element-udi="umb://element/8a904c90232849b28d29d9d90e56e798"] {background-color: var(--bs-primary); color: #FFF; text-align: center;}
[data-element-udi="umb://element/8a904c90232849b28d29d9d90e56e798"] .block-title {color: #FFF !important;}
[data-element-udi="umb://element/8a904c90232849b28d29d9d90e56e798"] a {color: #FFF;}

[data-element-udi="umb://element/3a6d6a5d66704f80a366d2dda896a624"] { background-color: var(--bs-light);}

[data-element-udi="umb://element/0530e35d929d4e2fb8c3b5007650e191"] {display: none; text-align: center; text-wrap: balance;}

[data-element-udi="umb://element/42ad731c6f134fc3bb82758e69486877"] {display: none;}

[data-element-udi="umb://element/a4c79448afbd4664aaa974ecd2c1b088"] .block-title {text-align: center;}

/* Landing Pages - 2026 CIP */

.lp-bg-lightgreen {background-color: #eefae4;}
.lp-bg-lightred {background-color: #f6f0f0;}
.lp-bg-lightyellow {background-color: #f5f5df;}
.lp-bg-lightblue {background-color: #eefaff;}

.banner-renewal {position: relative;}
.banner-renewal .text {position: absolute; top: 50%; transform: translateY(-55%); left: 22%; color: #FFF; width: 55%; font-size: 1rem;}
.banner-renewal-addtext {color: #FFF; background: #45889d; padding: .5rem 1rem; display: inline-block;}

.banner-title {padding: .5rem 7rem .5rem 2rem; background-position: right center; background-repeat: no-repeat; background-size: auto 100%; position: relative;}
.banner-title::after {content: ''; position: absolute; top: 0; left: 0; display: block; width: 75%; height: 100%;}
.banner-title .text {position: relative; z-index: 1;}
.banner-title.green {background-image: url('/assets/landing-pages/2026-cip/greenbanner.png');}
.banner-title.green::after {background: #8cb03f;}
.banner-title.red {background-image: url('/assets/landing-pages/2026-cip/redbanner.png');}
.banner-title.red::after {background: #eb5947;}
.banner-title.yellow {background-image: url('/assets/landing-pages/2026-cip/yellowbanner.png');}
.banner-title.yellow::after {background: #ffc832;}
.banner-title.blue {background-image: url('/assets/landing-pages/2026-cip/bluebanner.png');}
.banner-title.blue::after {background: #9fbdc8;}

.cip-table thead th {background: #45889d; color: #FFF;}

@media (min-width: 576px) {
    .banner-renewal .text {font-size: 1.5rem;}
}

@media (min-width: 992px) {
    .banner-renewal .text {font-size: 2rem;}
}

@media (min-width: 1400px) {
    .banner-renewal .text {font-size: 3rem; width: 65%;}
}


/* Sidebar */

.nav-sidebar .btn-drop-lv2 {top: 0;}
.nav-sidebar .btn-drop-lv3 {top: -.125rem;}
.widget-nl:hover {opacity: 1 !important; background-color: var(--bs-primary) !important;}
.sidebar-widget [id^='cwwrapper_'] a {color: var(--bs-link-color) !important; text-decoration: underline !important;}
.sidebar-widget [id^='cwwrapper_'] .uce_event_title {font-size: 1rem !important;}
.sidebar-widget [id^='cwwrapper_'] .uce_event_title + div {font-size: 1rem !important;}


/* Footer */

.quicklinks-bar {background-color: rgba(194, 221, 235, .95);}

.col-footer:not(:first-child), .col-footer:not(:first-child)::before {border-color: rgba(0, 0, 0, .125);}

.nav-footer ul {list-style: none; padding: 0; margin: 0;}
.nav-footer ul li {line-height: 1.25; margin: .5rem 0;}

@media (min-width: 992px) {
    .nav-footer ul {column-count: 2; column-gap: 1rem;}
}


/* Plugins */

.swiper-button-disabled {visibility: hidden;}
.rounded-icon.swiper-btn::after {font-size: 1rem; font-weight: bold;}

.form-group.umbraco-forms-field.checkbox {
    display: flex;
    flex-direction: row-reverse;
}

.form-group.umbraco-forms-field.checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.st-sticky-share-buttons {top: 50% !important; transform: translateY(-50%);}

@media (max-width: 991.98px) {
    .st-sticky-share-buttons {display: none !important;}
}

.ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button {background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important;}

.form-group.umbraco-forms-field.checkbox .form-label {
    margin-bottom: 0;
}

.form-group.umbraco-forms-field.checkbox .mt-2 {
    margin-top: 0 !important;
}