.comments-area a,.page-content a {
    text-decoration: none !important;
}

.top-news-scrooling svg {
    fill: #FF0303;
    height: 14px;
    padding: 0 10px 0 20px;
}

.top-news-scrooling a {
    color: #fff;
}

.top-news-scrooling a:hover {
    color: #fff;
    text-decoration: none;
}

.comments-area a:hover,.page-content a:hover {
    color: initial;
    text-decoration: underline !important;
}

.custom-contact-form {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    border-radius: 0;
}

.custom-contact-form .custom-input-wrap {
    flex-grow: 1;
    display: flex;
    align-items: center;
    background: transparent;
    border: 2px solid white;
    border-radius: 8px;
    padding: 10px;
    width: 100%;
}

.custom-contact-form input[type="email"] {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    color: white;
    font-size: 16px;
}

.custom-contact-form input[type="email"]::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.custom-contact-form input[type="submit"] {
    background: white;
    color: #1e2d7d;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
}

.custom-contact-form input[type="submit"]:hover {
    background: lightgray;
}

span.category-badge {
    background-color: #EEEEEE;
    /* Light grey background */
    color: #000;
    /* Black text color */
    font-size: 14px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
}


.elementor-element.elementor-element-c781a6a.e-con-full.banner-custom.e-flex.e-con.e-child {
    left: auto;
}

.custom-contact-form p {
    display: flex;
    gap: 10px;
    width: 100%;
}

.elementor-element.elementor-element-d2277fc.e-con-full.custom-header.e-flex.e-con.e-parent.e-lazyloaded {
    height: 60px;

}


/* ===================================>>>>>>>    1-4-2025 start */


.e-con-inner .elementor-widget-image-box {
    max-width: calc(33.3% - 20px);
    width: 100%;
}
.e-con-inner .elementor-widget-image-box figure.elementor-image-box-img {
    width: 100%;
}

.elementor-image-box-wrapper .elementor-image-box-img img.attachment-full.size-full {
    width: 100%;
}

.navigation-menu {
    z-index: 9;
}

/* 31/03/20255   */

#masthead .custom-header .e-con-inner {
    display: flex;
}

.home .page-content .icon-wrapper .e-con-inner {
    flex-wrap: wrap;
}

.elementor-button {
    font-size: 16px;
}
.top-header p {
    margin: 0;
    letter-spacing: 0;
    display: flex;
    align-items: center;
}
.custom-banner-video {
    height: calc(100vh - 140px);
    min-height: 600px;
}

.search-toggle .hfe-search-icon-toggle i.fa-search:before {
    content: "" !important;
    background: url('../../images/icon-search-header.svg') no-repeat center center;
    width: 25px;
    height: 25px;
    display: block;
}

.search-toggle form.hfe-search-button-wrapper.hfe-input-focus input.hfe-search-form__input {
    box-shadow: 0px 0px 20px 0px #000;
    z-index: 999999;
}

.latest-news-wrapper .news-card, .latest-news-wrapper .post-content {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.news-card .post-data .news-category {
    background-color: #EEEEEE;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
}

.news-card .post-data .news-date {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
}

.latest-news-wrapper .news-card .post-content h3 {
    font-family: Domine;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.4;
    margin: 0;
}

.latest-news-wrapper .news-card .post-content p {
    color: #333333;
    font-family: 'Public Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

.latest-news-wrapper .news-card .post-content .read-more-link {
    font-family: 'Public Sans';
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
}

.latest-news-wrapper .news-card .post-content .read-more-link svg {
    height: 14px;
    margin: -2px 0px 0 10px;
    vertical-align: middle;
}

.google-map iframe {
    border-radius: 20px;
    border: 10px solid #0000001A;
}
.status-wrapper .column{
    position: relative;
}
.status-wrapper .column:after {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    background-color: #2B3E84;
    width: 2px;
    height: 46px;
    top: 50%;
    transform: translateY(-50%);
}
.status-wrapper .column:last-child:after {
    display: none;
}
.status-wrapper .column .elementor-element > .elementor-widget-container{
    border: none !important;
}

.section-signup .signup-column{
    max-width: 559px;
    width: 100%;
    margin-left: auto;
}
.custom-contact-form span.wpcf7-spinner {
    position: absolute;
    top: 12px;
    left: auto;
    right: -60px;
}
.custom-contact-form > p {
    width: 100%;
}
.custom-contact-form .custom-input-wrap {
    height: 49px;
}

.info-text a{
    color: #FFFFFF;
}
.footer-social-icon svg {
    width: 36px;
    height: 36px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 10px 0;
    border: none;
    color: #ffb900;
    padding: 0;
}
.wpcf7 form .wpcf7-not-valid-tip {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}
.custom-banner-video::before {
    content: "" !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); 
    z-index: 1;
}

.custom-banner-video {
    position: relative;
}

.custom-banner-video .banner-custom {
    z-index: 10;
}

/* Interactive City Map Styles Start*/

.interactive-map-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.interactive-map-header {
    background-color: #c7cfff;
    padding: 0.75rem 1rem;
    font-weight: bold;
    border-radius: 0.5rem 0.5rem 0 0;
}

.interactive-map-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: none;
}

.interactive-map-list li {
    border-bottom: 1px solid #E9E9E9;
    padding: 0.75rem 1rem;
}

.interactive-map-list li:nth-child(even) {
    background: #FAFAFA;
}

.interactive-map-list li a {
    font-family: "Public Sans", Sans-serif;
    text-decoration: underline;
    color: #000;
    display: inline-block;
}

.interactive-map-list li a:hover {
    color: #333;
}

.interactive-map-footer {
    padding: 1rem;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
/* Interactive City Map Styles End*/

.cottleville-page-top-banner {
    background: url('/wp-content/uploads/2025/08/Group-4.jpg');
    background-size: cover;
    padding: 80px 0;
    position: relative;
}

.cottleville-page-top-banner:after {
    background: #00000057;
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    z-index: 0;
}

.cottleville-page-top-banner .cottleville-page-top-inner {
    z-index: 1;
    position: relative;
}

.cottleville-page-top-banner .cottleville-heading-title {
    color: #fff;
    font-family: 'Domine';
    font-size: 52px;
    line-height: 60px;
    margin: 0;
    text-align: center;
}

.cottleville-page-breadcrumbs {
    background: #F5F5F5;
    padding: 26px 0;
}
 
.cottleville-page-breadcrumbs-inner { 
    max-width: 1320px;
    margin: 0 auto;
}

.cottleville-page-breadcrumbs-inner a {
    color: #545454;
    font-family: 18px;
    font-family: "Public Sans", Sans-serif;
}

.cottleville-page-breadcrumbs-inner a {
    font-family: "Public Sans", Sans-serif;
    font-family: 18px;
}

.cottleville-page-breadcrumbs-inner span.current {
    color: #000;
}

.contact-phone-button p {
    margin: 10px 0;
}

.contact-phone-button a {
    color: #000;
    box-shadow: 0px -4px 4px 0px #00000033 inset;
    border-radius: 10px;
    padding: 10px;
    text-decoration: none !important;
}

.public-section-pdf ul.elementor-icon-list-items {
    gap: 15px 0;
}
.public-section-pdf .elementor-icon-list-items li {
    background: #F5F5F5;
    border-radius: 6px;
    padding: 10px;
}

.public-section-pdf .elementor-icon-list-items li a {
    text-decoration: none;
}

.public-section-pdf .elementor-icon-list-items li a:hover {
    text-decoration: underline;
}

.elementor-button-content-wrapper {
    align-items: center;
}

.default-a a {
    color: #000;
    font-weight: 400;
    text-decoration: underline !important;
}

.default-1-a a {
    color: inherit;
    font-size: 18px;
    text-decoration: underline !important;
}

.default-2-a a {
    color: #0000FF;
    font-size: 18px;
}

.default-3-a a {
    color: inherit;
    text-decoration: underline !important;
}

.default-4-a a {
    color: inherit;
    text-decoration: none !important;
}

.default-5-a a {
    color: #0000FF;
    text-decoration: underline !important;
}

.default-6-a a,.default-6-a a:hover {
    color: inherit;
    font-size: inherit;
}

.default-7-a a,.default-7-a a:hover {
    color: inherit;
    font-size: inherit;
    text-decoration: underline !important;
}

.justify-around .elementor-inline-items {
    justify-content: space-around
}

.faq-style-1 .e-n-accordion details {
    background: #F5F5F5;
    border-radius: 8px
}

.faq-style-1 .e-n-accordion details > div {
    position: relative;
}

.faq-style-1 .e-n-accordion details > div:before {
    background: #D7D7D7;
    content: '';
    height: 1px;
    left: 2%;
    position: absolute;
    width: 96%;
}

.graye-button-style-bg {
    background: #E4E4E4;
    border-radius: 7px;
    padding: 8px 10px;
}

.our-core-values:before {
    background: #E9E0BE;
    content: '';
    height: 1px;
    width: 80%;
    top: 48%;
    left: 10%;
    position: absolute;
}

.our-core-values:after {
    background: #E9E0BE;
    content: '';
    height: 80%;
    width: 1px;
    top: 10%;
    left: 50%;
    position: absolute;
}

.faq-style-2 .e-n-accordion .e-n-accordion-item-title {
    background: #0000FF33;
}

.faq-style-2 .e-n-accordion .e-n-accordion-item-title[aria-expanded="true"] {
    border-radius: 8px 8px 0 0;
}

.faq-style-2 .e-n-accordion  .table-style-content .elementor-widget-container p {
    margin: 0;
}

.faq-style-2 .e-n-accordion .table-style-content {
    border-top: 1px solid;
    border-color: #E9E9E9;
    display: block;
    padding: 16px;
    transition: all 0.2s ease-out;  
}

.faq-style-2 .e-n-accordion .table-style-content:nth-child(even){
    background-color: #FAFAFA;
}

.word-break-style {
    word-break: break-all;
}

.no-marging-p p {
    margin: 0;
}

.custom-ul-style-1 ul li {
    list-style: none;
}

.custom-ul-style-1 ul {
    padding: 0;
}

.ul-bold-default li strong{
    font-weight: 500;
}

.custom-ul-style-1 ul li:before {
    content: "•";
    color: #969696;
    display: inline-block;
    font-size: 30px;
    width: 30px;
    height: 30px;
    left: -10px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
}

.custom-ul-style-1 ul li{
    padding: 0 0 10px 20px;
}

.agenda-tabs { font-family: sans-serif; }
.agenda-year-tab, .agenda-view-more {
	margin-right: 10px;
	text-decoration: none;
	font-weight: bold;
	color: blue;
	cursor: pointer;
}

.agenda-row {
	border-top: 1px solid #E9E9E9;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px;
}

.agenda-row h5 {
    font-family: 'Public Sans';
    font-size: 14px;
    font-weight: 500;
    line-height: 12px;
    margin: 0;
}

.agenda-download button.download-button {
    box-shadow: 0px -4px 4px 0px #00000033 inset;
    background: #f3f3f3;
    border-radius: 6px;
    border: 1px solid #E9E9E9;
    font-weight: 600;
    padding: 10px;
    position: relative;
    text-decoration: none;
    /* appearance: none;
    background-image: url('');
    background-position: calc(100% - 5px) center;
    padding-right: 30px; */
}

.agenda-download button.download-button a {
    color: #037B39;
    font-weight: 600;
}

.agenda-download button.download-button a:hover {
    text-decoration: none !important;
}

.agenda-download button.download-button[disabled]{
    color: #a7a7a7;
    cursor: not-allowed;
}

.agenda-download span {
	margin-left: 5px;
}

.agenda-download a.button[disabled] {
    pointer-events: none;
}

.agenda-download button.download-button a:after {
    content: unset;
}

.agenda-heading {
    background: #E9E9E9;
    border-radius: 4px 4px 0 0;
    display: flex;
    padding: 10px 26px;
    justify-content: space-between;
}

.agenda-heading h4,.agenda-heading span {
    font-family: 'Public Sans';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

.agenda-download a:after {
    background: url('/wp-content/themes/hello-elementor-child/images/down-arrow.svg');
    background-size: cover;
    content: '';
    display: inline-block;
    margin-left: 6px;
    height: 8px;
    width: 12px;
}

.agenda-years-tabs {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    padding-bottom: 16px;
}

.agenda-years-tabs button.filter-btn {
    border: 0;
    color: #404040;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
}
.agenda-years-tabs button.filter-btn:hover,.agenda-years-tabs button.filter-btn:focus,.agenda-years-tabs button.filter-btn.active  {
    background: transparent;
    color: #0000FF;
}

.agenda-years-tabs button.filter-btn,.agenda-years-tabs a {
    border: 0;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
}


.no-margin-p p {
    margin: 0;
}

.arrow-style-1 a img {
    width: 20px !important;
    transition: all 0.3s ease-out;
}

.support-hover:hover a img,  .arrow-style-1 a img:hover {
    transform: rotate(45deg);
}

.header-main-menu ul.max-mega-menu li a,.header-main-menu ul.max-mega-menu li {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
}

.header-main-menu ul.max-mega-menu {
    background: #ffffff !important;
}

.header-main-menu ul.max-mega-menu {
    text-align: center !important;
}

.header-main-menu ul.max-mega-menu li a.mega-menu-link {
    color: #000000 !important;
    font-size: 15px !important;
    font-family: 'Public Sans' !important;
    font-weight: 600 !important;
}

.header-main-menu .max-mega-menu li a.mega-menu-link .mega-indicator:after {
    background: url('/wp-content/themes/hello-elementor-child/images/chevron-down.svg') !important;
    content: '' !important;
    height: 18px !important;
    width: 18px !important;
    vertical-align: middle !important;
}

.header-main-menu ul.max-mega-menu li .mega-menu-sub-menu > .mega-sub-menu, .header-main-menu > mega-sub-menu{
   display: block !important;
   padding: 43px 40px !important;
}

.header-main-menu ul.max-mega-menu .mega-menu-item .mega-menu-sub-menu {
    border-radius: 0 0 20px 20px !important;
}

.header-main-menu ul.max-mega-menu .mega-menu-item-type-post_type > ul.mega-sub-menu li:last-child {
    border-radius: 0 0 20px 20px !important;
}

.header-main-menu ul.max-mega-menu .mega-menu-item .mega-sub-menu  {
    border-radius: 0 0 20px 20px !important;
}

.header-main-menu ul.max-mega-menu .mega-sub-menu .mega-menu-item {
    color: #000 !important;
    font-family: Public Sans !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 100% !important;
    letter-spacing: 0 !important;
    padding: 14px 20px !important;
    transition: all 0.5s ease-in;
}

.header-main-menu ul.max-mega-menu .mega-sub-menu .mega-menu-item a:hover {
    text-decoration: underline !important;
}
.header-main-menu ul.max-mega-menu .small-mega-menu .mega-sub-menu .mega-menu-item {
    padding: 8px 20px  !important;
}

.header-main-menu ul.max-mega-menu .small-mega-menu .mega-sub-menu .mega-menu-item:nth-child(1){
    padding-top: 19px !important;
}

.header-main-menu ul.max-mega-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
    color: #555555b9 !important;    
}

.mega-menu-divider:after {
    background: #D3D3D3;
    content: '' !important;
    height: 100%;
    width: 1px;
}
.header-main-menu ul.max-mega-menu h4 {
    color: #666666a6;
    font-size: 18px;
    font-weight: 700;
}
.header-main-menu ul.max-mega-menu .mega-menu-row > .mega-sub-menu {
    padding: 20px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
    background: transparent !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    background: transparent !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.mega-menu-divider {
    border-right: 1px solid #D3D3D3;
}   
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menu{
    top: calc(100% + 18px);
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding-bottom: 43px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus{
    background-color: transparent;
}
.header-main-menu ul.max-mega-menu .mega-menu-item:nth-child(2) .mega-sub-menu{
    width: 260px !important;
}

.all-events-wrap {
    border-radius: 16px;
    position: relative;
}

.all-events-wrap .event-content-wrap {
    display: flex;
    bottom: 0;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    z-index: 10;
    padding: 10px 16px;
}

.all-events-wrap:after{
    background: linear-gradient(178.17deg, rgba(0, 0, 0, 0) -6.59%, rgba(0, 0, 0, 0.6) 98.45%);
    border-radius: 16px;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.all-events-wrap .event-content-wrap h4, .all-events-wrap .event-content-wrap a {
    background: transparent;
    color: #fff !important;
    font-size: 16px;
    margin: 0;
    line-height: 24px;
    font-weight: 700;
}

.all-events-wrap .event-content-wrap a {
    font-weight: 600;
    position: relative;
}

.all-events-wrap .event-content-wrap a:after {
    content: "" !important;
    background: url('/wp-content/themes/hello-elementor-child/images/left-arrow-icon.svg') no-repeat center center;
    height: 12px;
    width: 8px;
    position: absolute;
    top: 7px;
    right: -12px;
}

.all-events-wrap img {
    border-radius: 16px;
}

.slick-slider-wrap .slick-slide {
    margin: 0 10px;
}

.slick-slider-wrap .slick-list {
    margin: 0 -10px;
}

.slick-slider-wrap {
    position: relative;
}

.slick-slider-wrap .slick-arrow {
    cursor: pointer;
    position: absolute;
}

.slick-slider-wrap .slick-arrow svg {
    height: 20px;
}

.slick-slider-wrap span.nextArrow.slick-arrow {
    left: auto;
    right: -30px;
    top: 50%;
}

.slick-slider-wrap  span.prevArrow.slick-arrow {
    left: -30px;
    right: auto;
    top: 50%;
}

.legacy-park-tabination .e-n-tabs .e-n-tabs-heading {
    background: #fff;
    border-radius: 10px;
    flex-grow: 3;
    justify-content: flex-start;
    padding: 10px;
    width: 33%;
}
.legacy-park-tabination .e-n-tabs .e-n-tabs-content {
    width: 67%;
}

.legacy-park-tabination .e-n-tabs .e-n-tabs-heading button {
    justify-content: flex-start;
}
.legacy-park-tabination .e-n-tabs .e-n-tabs-heading button .e-n-tab-icon {
    display: none;
} 
.legacy-park-tabination .e-n-tabs .e-n-tabs-heading button[aria-selected="true"] .e-n-tab-icon{
    display: flex;
}

.legacy-park-tabination .e-n-tabs .e-n-tabs-content img {
    border-radius: 10px;
    max-height: 500px;
    object-fit: cover;
    width: 100%
}
.legacy-park-tabination .e-n-tabs .e-n-tabs-content .max-height-auto img {
    max-height: fit-content;
}

.legacy-park-tabination.trails-tabination .e-n-tabs .e-n-tabs-content img {
    max-height: 358px;
}

.latest-news-wrapper {
    display: flex;
    gap: 20px;
}

.latest-news-wrapper .post-content h3 {
    font-size: 24px;
    font-family: 'Domine';
    font-weight: 600;
    line-height: 1.4;
}

.latest-news-wrapper .post-content a.read-more-link svg{
    height: 24px;
}

.simcal-calendar span.simcal-event-title {
    font-size: 14px;
}

a.read-more-link {
    font-size: 16px;
    color: #000;
}

.pagination-controls {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
}

.pagination-controls  .pagination {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination-controls  .page-item {
    margin: 0 3px;
}

.pagination-controls  .page-link {
    display: block;
    padding: 8px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-decoration: none;
    color: #037B39;
    font-weight: 500;
    transition: all 0.3s ease;
}

.pagination-controls  .page-item a {
    color: #037B39;
}

.pagination-controls  .page-item:not(.disabled):not(.active) .page-link:hover {
    background: #f3f3f3;
    border-color: #E9E9E9;
}

.pagination-controls  .page-item.active .page-link {
    box-shadow: 0px -4px 4px 0px #00000033 inset;
    background: #f3f3f3;
    color: #037B39;
    border-color: #E9E9E9;
}

.pagination-controls  .page-item.disabled .page-link {
    color: #037B39;
    cursor: not-allowed;
}

.pavilion-reservations-wrap a,.pavilion-reservations-wrap img {
    width: 100%;
}

.event-link-reverse a {
    flex-direction: row-reverse;
    gap: 14px;
}

.custom-event-grid {
    display: flex;
    gap: 20px;
}

.custom-event-grid .event-card {
    width: calc( 33% - 10px);
}

.custom-event-grid.col-4 .event-card {
    width: calc( 25% - 10px);
}

.custom-event-grid .event-card img {
    border-radius: 16px;
    object-fit: cover;
    height: 300px;
    width: 100%;
}

.custom-event-grid .event-card a {
    display: block;
}

.custom-event-grid .event-card .event-title {
    color: #000;
    font-family: 'Public Sans';
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.custom-event-grid .event-card .event-date {
    color: #000000;
    font-family: 'Public Sans';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
}

.pavilion-reservations-page-events.custom-event-grid .event-card .event-date {
    color: #000000A8;
    font-family: 'Public Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.all-licenses-forms-wrap .elementor-element {
    background: #F8D9D9;
    border-radius: 6px;
}
.all-licenses-forms-wrap .elementor-element p {
    margin: 10px 0;
}

.img-width-100 img {
    width: 100%;
}

.gallery-section .first-row {
    display: flex;
    gap: 20px;
}

.gallery-section a img { 
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.gallery-section a:hover img { 
    transform: scale(1.05);
}

.gallery-section .first-row a {
    width: calc(50% - 10px);
}

.gallery-section .second-row {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.gallery-section .second-row a {
    display: block;
    width: calc(33.33% - 10px);
}

.gallery-section .second-row a:nth-child(n+4){
    display: none;
}

.gallery-section img {
    height: 100%;
    width: 100%;
}

.pagination-controls.disabled {
    display: none;
}

.city-alderman-img img {
    border-radius: 10px;
    height: 312px;
    object-fit: cover;
    object-position: top;
    width: 312px;
}

form#alarm-registration-form {
position: relative;
}

form#alarm-registration-form.form-processing:after {
    background: #0000002e;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}

form#alarm-registration-form.form-processing {
    pointer-events: none;
}
   
.form-loader {
    width: 120px;
    aspect-ratio: 1;
    --c:no-repeat linear-gradient(#0000FF 0 0);
    background:
    var(--c) left   40px top    0,
    var(--c) top    40px right  0,
    var(--c) right  40px bottom 0,
    var(--c) bottom 40px left   0;
    background-size:calc(100%/3) calc(100%/3);
    animation: 
    l29-1 .75s infinite alternate linear,
    l29-2 1.5s infinite;
    position: absolute;
    bottom: 2%;
    right: calc(50% - 80px);
    left: auto;
}

.top-news-scrooling {
    color: #fff;
}
.top-news-scrooling .elementor-icon-list-icon {
    display: inline-flex !important;
    margin-left: 30px;
}
.top-news-scrooling .elementor-icon-list-icon svg {
    fill: #f00
}

.container {
    max-width: 1320px;
    margin: 0 auto;
}

.author-posts {
    padding: 60px 10px;
}

.author-posts .post-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.author-posts .post-card {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 6px;
    padding: 15px;
    width: calc(33.33% - 14px);
}

.author-posts .post-thumb img {
    border-radius: 16px;
    object-fit: cover;
    height: 300px;
    width: 100%;
}

.author-posts .post-title a {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    margin-top: 10px;
}

.author-posts .post-meta {
    color: #666;
    font-size: 12px;
}

.author-posts .post-excerpt {
    margin: 10px 0;
}

.author-posts .read-more {
    display: inline-block;
    background: #0000FF;
    border-radius: 4px;
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
}

.author-posts .read-more:hover {
    background: #005f8d;
}

.city-person-img img {
    height: 311px;
    object-fit: cover;
    object-position: top;
}


@media screen and (max-width:1440px){
    .custom-contact-form span.wpcf7-spinner{
        right: 0;
    }
}
@media screen and (max-width: 1200px) {
    div#page {
        overflow: hidden;
    }
}
@media screen and (max-width: 1024px) {
    .navigation-menu {
        position: absolute;
        left: auto;
        right: 20px;
        width: auto !important;
        flex: auto !important;
        max-width: 40px !important;
        min-width: inherit;
        z-index: 11;
        background: transparent;
    }
    .header-left {
        margin-left: 0;
        margin-right: auto;
    }
    
    .navigation-menu .elementor-element.elementor-widget-navigation-menu {
        width: 100%;
    }
    .header-right {
        padding-right: 50px;
    }
    .navigation-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu{
        padding-top: 80px;
    }
    .mayor-wraaper .e-con-inner {
        margin: 0;
    }
    .gallery-wrapper .elementor-image-gallery .gallery-item img {
        margin: 0 auto;
        width: 100%;
    }
    .section-signup .signup-column {
        margin: 0 auto;
    }

    footer .hfe-nav-menu .hfe-nav-menu__toggle{
        display: none !important;
    }
    footer nav.hfe-nav-menu__layout-horizontal.hfe-dropdown {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    footer .hfe-nav-menu ul.hfe-nav-menu {
        display: flex;
        flex-direction: row;
        opacity: 1 !important;
        visibility: visible !important;
    }
    footer .hfe-nav-menu ul.hfe-nav-menu > li {
        width: auto;
    }
    
    #page footer .hfe-nav-menu ul.hfe-nav-menu > li > a,
    #page footer  .elementor-element nav.hfe-dropdown .menu-item a.hfe-menu-item{
        background: transparent !important;
    }
    #page footer .hfe-nav-menu ul.hfe-nav-menu > li > a, #page footer .elementor-element nav.hfe-dropdown .menu-item {
        border: none;
    }    
}
@media screen and (max-width: 992px){
    .custom-banner-video{
        height: auto;
        min-height: inherit;
    }
}
@media screen and (max-width: 991px) {
   
    .home .page-content .news-wrapper .e-child .elementor-widget-image {
        text-align: left;
    }

    .home .page-content .news-wrapper .e-child,
    .home .page-content .bulletin-board .e-child,
    .home .page-content .e-con-inner .service-item {
        max-width: 33.33%;
        width: 100%;
    }

    .custom-event-grid .event-card img {
        height: 230px;
    }

    .header-main-menu .mega-toggle-blocks-right {
        background: #fff;
    }
    
    .header-main-menu span.mega-toggle-animated-inner,
    .header-main-menu span.mega-toggle-animated-inner:before ,
    .header-main-menu span.mega-toggle-animated-inner:after {
        background-color: #000 !important;
    }
    .custom-contact-form p {
        flex-wrap: wrap;
    }

    .custom-contact-form input[type="submit"] {
        width: 100%;
    }
    .author-posts .post-card {
        width: calc(50% - 14px);
    }
}
@media screen and (max-width: 767px){
    .elementor-widget-video .elementor-wrapper video{
        min-height: 300px;
    }
    .banner-custom{
        height: 100%;
    }
    .hfe-search-button-wrapper.hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input {
        left: auto;
        width: 100vw;
        top: 100px;
        right: -15px;
    }
    
    .hfe-search-button-wrapper .hfe-search-icon-toggle .hfe-search-form__input {
        width: 100vw;
        right: -14px;
    }
    .header-logo {
        position: static !important;
    }
    .navigation-menu {
        left: 0;
        right: auto;
    }
    
    .header-left {
        max-width: 170px;
        margin: 0 auto;
    }
    
    .header-right {
        position: absolute;
        left: auto;
        right: 15px;
        padding: 0;
    }
    
    .header-left a > img {
        max-width: 85% !important;
    }
    .status-wrapper .column:after{
        display: none;
    }

    .graye-button-style-bg-wrap .graye-button-style-bg {
        display: block;
        margin: 10px 0;
    }

    .elementor-element ul, .elementor-element ol {
        padding-left: 10px;
    }

    .our-core-values:after,.our-core-values:before {
        content: unset;
    }
    .header-main-menu ul.max-mega-menu .mega-sub-menu .mega-menu-item {
        padding: 10px 0 !important;
    }
    .header-main-menu ul.max-mega-menu li .mega-menu-sub-menu > .mega-sub-menu, .header-main-menu > mega-sub-menu {
        padding: 15px 10px !important;
    }
    .header-main-menu ul.max-mega-menu .mega-menu-item .mega-sub-menu {
        border-radius: 0 !important;
    }
    .header-main-menu ul.max-mega-menu .mega-menu-item:nth-child(2) .mega-sub-menu {
        width: 100% !important;
    }
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.mega-menu-divider {
        border: 0 !important;
    }
    .home .page-content .news-wrapper .e-child,
    .home .page-content .bulletin-board .e-child,
    .home .page-content .e-con-inner .service-item {
        max-width: 50%;
        width: 100%;
    }
    .latest-news-wrapper {
        flex-direction: column;
        padding: 0 15px;
    }

    .custom-event-grid {
        flex-direction: column;
    }

    .custom-event-grid .event-card {
        width: 100%;
    }
    .custom-event-grid .event-card img {
        height: 300px;
    }
    .author-posts .post-card {
        width: 100%;
    }
    .cottleville-page-top-banner {
        background: url('/wp-content/uploads/2025/08/banner-bg-04-mobile.jpg');
        background-position: center center;
        padding: 140px 0;
    }
}
@media screen and (max-width: 575px) {

    .home .page-content .news-wrapper .e-child,
    .home .page-content .bulletin-board .e-child,
    .home .page-content .e-con-inner .service-item {
        max-width: 100%;
        width: 100%;
    }
    .img-width-100 img {
        width: auto;
    }

    .cottleville-page-top-banner .cottleville-heading-title {
        font-size: 24px;
        line-height: 1.5;
    }

    .cottleville-page-breadcrumbs {
        padding: 20px 10px;
    }
}
   
@keyframes l29-1 {
    90%,100% {background-size:calc(2*100%/3) calc(100%/3),calc(100%/3) calc(2*100%/3)}
}

@keyframes l29-2 {
    0%,49.99% {transform:scaleX(1)}
    50%,100%  {transform:scaleX(-1)}
}