:root {
            --astoria-blue: #005495;
            --astoria-blue-dark: #004e8a;
            --astoria-blue-darker: #00477f;
            --text-gray: #486b86;
        }
        
        h1, h2, h3, h4, h5, h6 {
            font-family: inherit;
        }


        @media (max-width: 767.98px) {
            h1 { font-size: 24px;font-weight: 600;  }
            h2, h1.small-h1 { font-size: 22px;font-weight: 600;  }
            h3 { font-size: 20px;font-weight: 600;  }
            h4 { font-size: 18px;font-weight: 600;  }
            h5 { font-size: 16px;font-weight: 600;  }
            h6 { font-size: 14px;font-weight: 600; }
        }

        h1 { font-size: 28px;}
        h2, h1.small-h1 { font-size: 25px;}
        h3 { font-size: 22px;}
        h4 { font-size: 20px;}
        h5 { font-size: 18px;}
        h6 { font-size: 14px;}

        .coa-button {
            display: inline-block;
            position: relative;
            cursor: pointer;
            outline: none;
            white-space: nowrap;
            margin: 0;
            padding: 13px 20px;
            font-size: 16px;
            border-radius: 6px;
            line-height: 1;
            background-color: #005495;
            color: #FFF;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0;
            border: none;
            text-shadow: none;
        }

        .coa-button:hover {
            background-color: #00477f;
            color: #FFF;
        }

        .coa-button.on-dark {
            background-color:white;
            color:  #005495;
        }

        .coa-button.on-dark:hover {
            background-color:#a0bfd7;
            color: #00477f;
        }

        #google_translate_element .VIpgJd-ZVi9od-l4eHX-hSRGPd {
        display: none !important;
        }

        .skip-link {
            position: absolute;
            top: -40px;
            left: 0;
            background: #000;
            color: #fff;
            padding: 8px;
            z-index: 9999;
            text-decoration: none;
        }

        .skip-link:focus {
            top: 0!important;
                 z-index: 9999;
        }

        #printfriendly .qa_hide {
            display: block!important;
        }
      
        ::selection {
        background: #6C9DC2 /* WebKit/Blink Browsers */
        }
        ::-moz-selection {
        background: #6C9DC2; /* Gecko Browsers */
        }

        ::placeholder {
            color: #8797a4;
            opacity: 1;
        }


        .rwControlButtons {
            margin-right: 20px!important;
        }

        .home-intro {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap:24px;
            padding-left: 0;
        }


        .home-intro h1 {
            font-size: 24px;
            color: #005495;
            line-height: 1.1;
        }

        .home-intro div {
          width: 100%
        }

        .home-intro-section{
            padding-top: 40px;
            position: relative;
            background: #F0F0F0;
            background-image: url(/Content/images/Home-Background-1.jpg);
            background-size: 100%;
            background-repeat: no-repeat;
        }
       .home-intro-section:after{
            position: absolute;
            content:"";
            bottom: 0;
           background: linear-gradient(0deg,rgba(240, 240, 240, 1) 29%, rgba(240, 240, 240, 0) 86%);
            width: 100%;
            left: 0;
            height: 50%;
            z-index: 0;
       }

       .home-intro-section .container {
           position: relative;
           z-index: 2;
           padding-left: 0;
           padding-right: 0;
       }

        .home-bottom-section {
            position: relative;
            background: #F0F0F0;
        }
        .top-links li > a {
            padding: 0 6px 0 6px;
        }

       .top-links {
            margin-top: 6px;
        }

        .top-links li:hover {
            background-color: #eeeeee26;
        }

        #primary-menu ul li > a {
            display: block;
            text-wrap: nowrap;
            white-space: nowrap;
            line-height: 22px;
            padding: 20px 8px;
            color: #ffffff;
            font-weight: revert;
            font-size: 15px;
            letter-spacing: 0;
            text-transform: uppercase;
            font-family: inherit;
        }
        
       #primary-menu ul ul li > a  {
                text-wrap: wrap;
                white-space: wrap;
        }  

        #primary-menu ul li:nth-child(2) > a {
            padding-left: 20px;
            padding-right: 20px;
        }


          #primary-menu ul li.sub-menu ul li a {
            line-height: 19px;
            font-size: 15px;
        }

         #primary-menu ul li.sub-menu ul li > a, #primary-menu ul li.sub-menu ul li:nth-child(2) > a {
            padding-left: 15px;
            padding-right: 15px;
        }

        #primary-menu ul ul li > a {
            font-size: 16px;
            font-weight: 400;
            color: #225390;
            padding-top: 10px;
            padding-bottom: 10px;
            border: 0;
            letter-spacing: 0;
            font-family: inherit;
             text-transform: none;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

        #primary-menu ul li > a i.icon-angle-down:last-child {
            font-size: 18px;
            margin: 0px 0 0 2px;
        }

        #primary-menu ul li > a i {
            position: relative;
            top: -1px;
            font-size: 18px;
            width: 18px;
            margin-right: 0;
            margin-left: 0px;
        }

        #primary-menu ul ul li:hover > a {
            background-color: #F9F9F9;
            padding-left: 18px;
            /* color: #71B783; */
            color:  #0483c3;
        }

        .home-page-tab-row {
            background: white;
            border-top-right-radius: .45rem;
        }

        .nav-tabs {
            margin-bottom: 0;
            align-items: end;
            gap: 6px;
            border: none!important;     
            margin-left: -.75rem !important;
        }
        .nav-tabs  li {
                margin-left: 0px;
        }

        .nav-tabs .nav-link {
             margin-bottom: 0;
        }
        .nav-tabs .nav-item .nav-link {
            color:#a0bfd7!important;
            background-color:#005495;
            border-color: #005495 #005495 #005495;
            border-top-left-radius: .5rem;
            border-top-right-radius: .55rem;
            padding: 10px 24px;
            color: white;
            font-weight: 500;
            font-size: 17px;
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #225390!important;
            background-color: #fff;
            border-color: #fff #fff #fff;
            border-radius: none;
            padding: 16px 24px 10px;
            font-weight: 500;
            font-size: 17px;
        }

        .nav-tabs .nav-item:first-child .nav-link {
            border-top-left-radius: .4rem;
            border-top-right-radius: 0;
        }
          .nav-tabs .nav-item:first-child .nav-link.active {
            border-top-left-radius: .4rem;
            border-top-right-radius: .4rem;
        }
        
        .nav-tabs .nav-item:nth-child(2) .nav-link, .nav-tabs .nav-item:nth-child(3) .nav-link, .nav-tabs .nav-item:nth-child(4) .nav-link {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
        .nav-tabs .nav-item:nth-child(2) .nav-link.active, .nav-tabs .nav-item:nth-child(3) .nav-link.active, .nav-tabs .nav-item:nth-child(4) .nav-link.active {
            border-top-left-radius: .4rem;
            border-top-right-radius: .4rem;
        }

        .nav-tabs .nav-item:last-child .nav-link {
            border-top-left-radius: 0;
            border-top-right-radius: .4rem;
        }

         .nav-tabs .nav-item:last-child .nav-link.active {
            border-top-left-radius: .4rem;
            border-top-right-radius: .4rem;
        }

        .quick-links-home {
            background: white;
            border-radius: .4rem;
            position: relative;
            padding: 30px 20px; 
            min-height: 100%;
        }
        .quick-links-home h2 {
            position: absolute;
            top: 0;
            left: 0;
            background: #f5f5f5;
            font-size: 16px;
            color: #005495;
            padding: 4px 15px;
            border-bottom-right-radius: .4rem;
            border-top-left-radius: .4rem;
                font-weight:500;
        }


         .alerts-signup-home {
            background: white;
            border-radius: .4rem;
            position: relative;
            padding: 20px 20px;
            height: 100%;
            font-size: 24px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: start;
            gap:24px;
        }

        @media (min-width:768px) {
            .alerts-signup-home {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                gap: 36px;
            }
        }
        .alerts-signup-home h2 {
            color: #005495;
            margin: 0;
        }
        .alerts-signup-home p {
            padding: 0;
            margin: 0;
        }

         .dept-dropdown {
            background: #ffffff21;
         }

        #primary-menu ul li.dept-dropdown > a.dept-select {
            display: block;
            line-height: 38px;
           padding: 20px 16px 2px;
            color:#ffffff;
            height: 100%;
            letter-spacing: 0;
                 min-width: 165px;
         }
         
        .dept-dropdown h6 {
            margin: 0;
            padding: 0;
            font-size: 11px;
            color: #dbdfe2!important;
            position: absolute;
            font-weight: 400;
            top: 12px;
            left: 16px;
        }

        #top-bar {
            border-bottom: none;
            height: 24px;
            line-height: 24px;
            z-index: 10006;
            background: transparent
        }
        .top-links li > a {
            height: 24px;
            color: #ffffff;
            line-height: 24px;
        }
        .top-links ul li {
            height: 24px;
            border-left:none;
        }
        .show-inside {
            display: none;
        }

        #header.transparent-header {
            background: #005495;
            border-bottom: none;
            position: relative;
            z-index: 1002
        }

        #header.transparent-header .header-container {
                padding: 0px 0px 0!important
        }

        #primary-menu.style-2 {
            background: #00477f;
            color: white;
            border: none
        }
        #primary-menu ul ul li > a {
            padding-top: 6px;
            padding-bottom: 6px;
        }

        #primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
            border-top:none;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

      #primary-menu ul ul li:last-child a {
            border-bottom-left-radius: 4px!important;
            border-bottom-right-radius: 4px!important;
       }
        #primary-menu ul ul > li.sub-menu > a, #primary-menu ul ul > li.sub-menu:hover > a {
            background-image: url(https://www.astoria.gov/content/images/icons/submenu-dark.png);
            background-position: right center;
            background-repeat: no-repeat;
        }

        #primary-menu.style-2 > div > ul {
            float: left;
            max-width: 100%;
            display: inline-flex;
        }

        #primary-menu.style-2 > div > ul {
            width: 100%;
            max-width: 100%;
            margin-left: -12px;
        }

        #logo img {
            display: block;
            max-width: 100%;
            width: 300px;
            margin-top: -15px;
            margin-bottom: 15px;
        }

        .custom-nav {
            display: flex;
            justify-content: flex-end;
            gap: 8px;
        }
        
        .feature-box.fbox-dark .fbox-icon i {
            background-color: #005495;
        }

        .feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon, .feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon, .feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon {
            overflow: hidden;
        }

        button.btn-nav-custom {
            background: white;
            color: #486b86;
            border: none;
            padding: 6px 12px;
            margin: 0;
            border-radius: .1rem!important;
        }

        button.btn-nav-custom:hover {
            background:#f5f5f5
        }

        button.btn-nav-custom:active, button.btn-nav-custom:focus, button.btn-nav-custom:focus-visible {
            background: white!important
        }

        .custom-nav .dropdown.show button.btn-nav-custom {
            background: #f5f5f5;
        }

        .custom-nav .dropdown-menu {
            min-width: 11rem;
            padding: .5rem 0 0 0;
            margin: 0;
            font-size: 16px;
            color: #486b86!important;
            text-align: left;
            list-style: none;
            background-color: #005495;
            background-clip: padding-box;
            border: none;
            border-radius: 0;
        }

        .custom-nav .dropdown-item {
            color: #486b86!important;
        }

        .custom-nav .dropdown-item {
             background-color: #f5f5f5;
        }
        .custom-nav .dropdown-item:hover {
             background-color: #eae9e9;
        }

        .custom-nav .dropdown-toggle::after {
            display: inline-block;
            margin-left: .355em;
            vertical-align: -1px;
            content: "\e7a7";
            border-top: .3em solid;
            font-family: 'font-icons';
            border: none;
            border-bottom: 0;
        }

        .quick-links-home .quicklinks-list {
            float: none;
            display: grid;
            grid-template-columns: 1fr 1fr; 
            gap: 16px;
            width: 100%;
            margin: 20px 0 0 0;
            padding: 0;
        }
        .quick-links-home .quicklinks-list li a {
            display: flex;
            line-height: 1;
            flex-direction: row;
            align-items: start;
            text-align: left;
            align-items: center;
        }
       .quick-links-home .quicklinks-list li {
            margin-left: 0px;
            height: auto;
            overflow: visible;
            list-style: none;
            float: none;
        } 
       .quick-links-home .quicklinks-list li .i-plain {
            width: 16px !important;
            height: 16px !important;
            min-width: 16px !important;
            font-size: 16px;
            line-height: 14px !important;
            float: none;
            color: #00549552;
            text-shadow: 1px 1px 1px #FFF;
            border-radius: 30px;
            background: #f5f5f5;
            margin: 0px 10px 0 0!important;
        }

        .quick-links-home .quicklinks-list li .he-text {
            padding-right: 10px;
            font-weight: normal;
            font-size: 16px;
            line-height: 1.1;
            text-transform: capitalize;
            color: #225390;
            font-weight: 500;
        }

        .quick-links-home .quicklinks-list li a:hover .he-text {
            color: #0483c3;
        }


        .sidebar-area h3 {
            font-size: 18px;
            color: #225390;
            font-weight: 500;
        }
        .sidebar-area .quicklinks-list {
            background: white;
            position: relative;
        }
        .sidebar-area .quicklinks-list {
            float: none;
            display: grid;
            grid-template-columns: 1fr; 
            gap: 16px;
            width: 100%;
            margin: 0px 0 0 0;
            padding: 0;
        }
       .sidebar-area .quicklinks-list li a {
            display: flex;
            line-height: 1;
            flex-direction: row;
            align-items: start;
            text-align: left;
            align-items: center;
        }
       .sidebar-area .quicklinks-list li {
            margin-left: 0px;
            height: auto;
            overflow: visible;
            list-style: none;
            float: none;
        } 
       .sidebar-area .quicklinks-list li .i-plain {
            width: 16px !important;
            height: 16px !important;
            min-width: 16px !important;
            font-size: 16px;
            line-height: 14px !important;
            float: none;
            color: #00549552;
            text-shadow: 1px 1px 1px #FFF;
            border-radius: 30px;
            background: #f5f5f5;
            margin: 0px 10px 0 0!important;
        }

        .sidebar-area .quicklinks-list li .he-text {
            padding-right: 10px;
            font-weight: normal;
            font-size: 16px;
            line-height: 1.1;
            text-transform: capitalize;
            color: #225390;
            font-weight: 500;
        }

        @media (min-width:768px) {
            .sidebar-area {
                padding-left: 0;
            }
        }

        .sidebar-area .search-form-container input {
            background: #f1f1f1
        }
        .sidebar-area .search-form-container button {
           padding: 8px 12px!important;
        }


        .page-title {
            margin-bottom: 60px 
        }

        .page-title .container {
            padding-left: 0!important;   
        }

        .search-plus-quicklinks {
            width: 100%;
            margin: 0;
        }


        .search-plus-quicklinks .col:last-child {
            padding-right: 0!important
        }

        .search-form-container {
            display: block!important;
            width: 100%;
        }
        .search-form-container .input-group {
            position: relative;
            display: flex;
            flex-wrap: nowrap;
            align-items: stretch;
            width: 100%;
        }
        .search-form-container .input-group input.search-input{    
            width: 100% !important;
            padding: 8px 12px;
            border: none;
            border-radius:0!important;
            color: #486b86;
            border-top-left-radius: .4rem!important;
            border-bottom-left-radius: .4rem!important;
            font-size: 16px;  line-height: 1.3;
        }
         .search-form-container .input-group button {
            background: #005495;
            border: #005495;
            padding: 8px 30px;
            color: white;
            font-size: 15px;  
            font-weight: 500;
            text-transform: uppercase;
            line-height: 1;
            border-top-right-radius: .4rem;
            border-bottom-right-radius: .4rem;
        }

        .feature-box h3,  .feature-box h2 {
            font-size: 16px;
            font-weight: 400;
            text-transform: capitalize;
            line-height: 1.1;
            letter-spacing: 0px;
            margin-bottom: 0;
            font-weight: 500;
        }

        select.goog-te-combo {
            color: #ffffff !important;
            padding: 0 6px 0 6px !important;
            display: block;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            height: 24px;
            width: auto;
            color: #666;
            white-space: nowrap;
            line-height: 24px;
            max-width: 150px;
        }

        .goog-te-gadget .goog-te-combo {
            margin: 0!important;
        }

        .goog-te-gadget span {
            display: none!important
        }

        @media (max-width:991px) {
          select.goog-te-combo {
            padding: 0 6px 0 0px !important;
            }
        }

        .feature-boxes {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
            gap: 16px;
            width: 100%;
        }


        .feature-box.fbox-bg.fbox-center:first-child
        {
                margin-top: 68px;
        }

       .home-top-section-container {
            display: block; 
            padding: 60px 0; 
            position: relative;
        }
        
        .home-tab-section-container, .home-slider-section-container {
            display: block; 
            position: relative;
        }
                
        .home-social-section-container {
            display: block; 
            position: relative;
            padding: 0 3rem 3rem;
        }

        .home-social-section-container .row {
                --bs-gutter-x: 3.3rem;
        }
         .home-page-tab-row .tab-pane > div.tab-child-content {
                    padding: 30px 0px 30px 0px
            }

        .social-intro-section {
            margin-bottom: 32px;
            width: 75%
        }

        .social-slider {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }

        

.comdev_homeconnect {
background: #7fbede;
mmargin: 30px 20px 30px 20px;
padding: 10px 10px 5px 10px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.comdev_homeconnect h1 {
color: #fff;
font-size: 22px;
}

.social-icons {
    display: flex;
    margin: 0;
    padding: 0;
}

.social-icons li{
    display: inline-block;
    padding: 0;
    text-align: left;
    margin: 0 20px 0px 0px;
}
.social-icons li a{
	color: white;
	text-shadow: 0 0 5px #5C5C5C;
}
.gplus {
	color: white;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background: #959595;
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
	border: 1px solid white;
	margin-bottom: 5px;
	}
.facebook  {
	color: white;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background: #959595;
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
	border: 1px solid white;
	margin-bottom: 5px;}
.email {
	color: white;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background: #959595;
	text-align: center;
	line-height: 38px;
	border-radius: 20px;
	border: 1px solid white;
	margin-bottom: 5px;}
.instagram {
	color: white;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background: #959595;
	text-align: center;
	line-height: 38px;
	border-radius: 20px;
	border: 1px solid white;
	margin-bottom: 5px;}
.twitter {
	color: white;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background: #959595;
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
	border: 1px solid white;
	margin-bottom: 5px;}

.social-icons li a:hover  i{
	background: #333;
}

.library_homeconnect {
    background: #005495;
    padding: 12px 18px;
    color: white;
    font-size: 16px;
    line-height: 1.3;
    border-radius: .8rem;
   margin: 0 0 1.3rem 0;
}

.library_homeconnect h3, .library_homeconnect p  {
    color: white;
        margin-bottom: 8px;
}

.catalog a {
    margin: 1rem 0 1.3rem 0;
}


.location-home {
    background: #F5F5F5;
    padding: 12px 18px;
    font-size: 16px;
    line-height: 1.3;
    border-radius: .8rem;
    margin: 0 0 1.3rem 0;
}

        .tab-content {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }

        .swiper-slide .media-content {
            width: 100%; 
            padding: 40px 20px; 
            background: rgba(0, 0, 0, 0.65); 
            position: fixed; 
            margin: 0; 
            bottom: 0;
        }

         .swiper-slide .media-content .btn.fright {
            padding: 14px 24px;
            text-transform: capitalize;
            font-size: 1.2rem;
        }
        .swiper-button-next, .swiper-button-prev {
            position: absolute;
            top: 50%;
            width: 32px;
            height: 32px;
            margin-top: -50px;
        }

        #footer .footer-widgets-wrap {
            position: relative;
            padding: 40px 0;
        }

        .btn, .btn-primary, .btn-secondary {
            border-radius:.4rem!important;
        }

        @media (min-width: 1024px) {
            #page-title {
                top: 0px;
            }
        }

        @media (max-width: 1200px) {
            #primary-menu ul li > a {
                padding: 20px 4px;
                font-size: 14px;
            }
        }

        @media (max-width: 992px) {
            #logo {
                height: auto;
                text-align: left;
                margin: 0 auto 0 0 !important;
            }
            #logo img {
                margin-bottom: -6px;
                margin-top: 0;
            }
            #header.transparent-header .header-container .row, #header.transparent-header .header-container .row .col.d-flex {
                width: 100%;
            }

            #primary-menu ul:not(.windows-mobile-menu) li > a i.icon-angle-down:last-child {
                display: inline;
            }

            #primary-menu ul ul li:hover > a {
                color: #e8f5ff;
                font-weight: 400;
            }

            .top-links.fright {
                float: right!important
            }

            .search-plus-quicklinks {
                flex-direction: column;  
                gap: 40px;
            }
            .search-plus-quicklinks .col {
                padding: 0!important
            }

            .dept-dropdown h6 {
                margin: 0;
                padding: 0;
                font-size: 11px;
                color: #dbdfe2;
                position: absolute;
                font-weight: 400;
                top: 12px;
                left: 18px;
            }

            #header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap {
                min-height: auto;
                background: #05679b;
            }

            #primary-menu-trigger {
                opacity: 1;
                pointer-events: auto;
                position: relative;
                padding: 0;
                height: 36px;
                width: 36px;
                line-height: 36px;
                margin-top: 0;
                top: 0;
                left: auto;
                display: flex;
                justify-content: center;
                align-items: center;
            }

             #primary-menu-trigger svg {
                width: 36px;
                height: 36px;
            }

            #primary-menu-trigger svg path {
                fill: white
            }

            #primary-menu-trigger svg.close {
               display: none;
            }
            .primary-menu-open #primary-menu-trigger svg.close {
               display: block;
            }
             .primary-menu-open #primary-menu-trigger svg.open {
               display: none;
            }

            #primary-menu.style-2 {
                background: #004e8a;
                color: white;
                border: none;
                position: absolute;
                width: 100%;
            }
           #primary-menu.style-2 > div > ul {
                margin-bottom: 40px !important;
                display: none;
            }
            #primary-menu ul li > a span {
                display: none;
                margin-left: 12px;
                margin-top: 5px;
                width: calc(100% - 44px);
            }
            #primary-menu ul li.dept-dropdown > a.dept-select {
                display: block;
                line-height: 1.6;
                padding: 18px 10px 10px 5px !important;
                color: #ffffff;
                   height: auto;
                letter-spacing: 0;
           
            }

            #primary-menu ul li {
                margin: 0 !important;
                text-align: left !important;
                border-top: 1px solid #ffffff14;
            }

            #primary-menu ul ul li {
                border-top: 1px solid #ffffff26;
                margin-right: 16px !important;
            }

            #primary-menu ul li > a i:not(.icon-home) {
               display: none;
                position: relative;
                top: -1px;
                font-size: 18px;
                width: 18px;
                margin-right: 0;
                margin-left: auto;
            }

            #primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
                padding-left: 0;
            }

            #primary-menu ul ul li > a {
                font-size: 16px;
                font-weight: 400;
                color: #e8f5ff;
            }

            .feature-boxes {
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                gap: 16px;
                width: 100%;
            }
            .home-page-tab-row .tab-pane > div.tab-child-content {
                    padding: 10px 0px 30px
            }
        }

        @media (max-width: 768px) {
            #header.transparent-header .header-container {
                padding: 0!important;
            }
            #primary-menu-trigger {
                margin-left: auto;
            }
            .top-links.fright {
                float: none !important;
                width: auto;
                margin: 0 auto;
            }

            .topbar-menu {
              text-align: left;  
            }
            .topbar-menu .top-links > ul {
                display: inline-block;
            }

            #header .container {
                position: relative;
                z-index: 1;
            }
           
            #primary-menu.style-2 .container {
                padding: 0 !important;
            }
            #primary-menu.style-2 > div > ul {
               padding-top: 30px !important;
            }

            .quick-links-home {
                margin: 0;
            }

            .quick-links-home .quicklinks-list {
                float: none;
                display: grid;
                grid-template-columns: 1fr; 
                gap: 16px;
                width: 100%;
            }
             .nav.nav-tabs {
                overflow-x: auto;
                white-space: nowrap;
                flex-wrap: nowrap;
                margin-bottom: 1.5rem;
                display: flex;  
            } 

            .nav-tabs .nav-item .nav-link, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-item:first-child .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                padding: 6px 10px 6px!important;
                font-size: 16px;
                border-top-left-radius: 4px !important;
                border-top-right-radius: 4px !important;
            } 

            .home-page-tab-row .tab-pane > div.tab-child-content {
                    padding: 0px
            }
            .tab-content {
                padding: 1.5rem !important;
            }
        
        }

        @media (max-width: 575px) {
            .nav.nav-tabs {
                margin-bottom: 1.5rem;
                display: block;
                width: 100%;
            }

           .nav-tabs .nav-item .nav-link, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-item:first-child .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                padding:10px 10px 10px !important;
                font-size: 16px;
                border-top-left-radius: 0px;
                border-top-right-radius: 0px;
                width: 100%;
            }

              .nav-tabs .nav-item:first-child .nav-link.active {
                border-top: none
             }


            .nav-tabs .nav-item:first-child .nav-link, .nav-tabs .nav-item:first-child .nav-link.active {
                       border-top-left-radius: 4px !important;
                border-top-right-radius: 4px !important;
            }

             .nav-tabs .nav-item:first-child .nav-link {
                border-top: none
             }

            .nav-tabs .nav-item .nav-link {
                   color: #005495 !important;
                background-color: #f5f6f7;
                border-color: #fff #fff #fff;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                border-left: none;
                border-right: none;
                padding: 10px 24px;
                color: white;
                font-size: 16px;
            }
             .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                color: #a0bfd7 !important;
                background-color: #005495;
                border-color: #005495 #005495 #005495;
                border-radius: none;
                padding: 16px 24px 10px;
                font-weight: 400;
                font-size: 16px;
            }
            #header.transparent-header .header-container {
                    padding: 0px!important
            }
            #top-bar {
                  padding: 0px 30px!important
            }

            .custom-nav .dropdown-menu {
                min-width: 11rem;
                padding: 0;
                margin: 0;
                font-size: 16px;
                color: #486b86 !important;
                text-align: left;
                list-style: none;
                background-color: #005495;
                background-clip: padding-box;
                border: none !important;
                border-radius: 4px !important;
                top: 35px !important;
                left: 0 !important;
                border-top: none !important;
                transform: none !important;
            }

            #primary-menu.style-2 .container {
                padding: 0 30px!important;
                margin: 0;
            }
            .feature-boxes {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 16px;
                width: 100%;
            }
            .feature-box.fbox-bg.fbox-center:first-child {
                margin-top: 38px;
            }
            .feature-box.fbox-bg.fbox-center {
                margin-top: 38px;
                padding: 58px 10px 20px;
                background-color: #FFF;
                border-radius: 6px!important;
                border: none;
            }
            .feature-box.fbox-center .fbox-icon {
                position: relative;
                width: 76px;
                height: 76px;
                margin: 0 auto 20px;
            }
            .feature-box.fbox-center .fbox-icon i img{ 
                  
            }
            .feature-box.fbox-bg.fbox-center .fbox-icon {
                position: absolute;
                top: -38px;
                left: 50%;
                margin: 0 0 0 -38px;
            }
            .nav-tabs {
                margin-left: 0rem !important;
            }
            .home-page-tab-row {
                background: white;
                border-top-right-radius: 0;
                margin: 0;
                border-bottom-right-radius: 4px;
                border-bottom-left-radius: 4px
            }
            .home-top-section-container, .home-intro-section .container {
                display: block; 
                padding: 20px 30px 20px 30px!important; 
                position: relative;
            }
            .home-slider-section-container {
                display: block; 
                padding: 0px!important; 
                position: relative;
            }
            .home-tab-section-container, .home-social-section-container {
                display: block; 
                padding: 30px 30px 60px 30px!important; 
                position: relative;
            }
            .home-top-section-container {
                padding-top: 60px!important;
            }
            .social-intro-section {
                padding: 0!important;
                width: 100%
            }
           .social-slider {
                padding: 0 !important;
            }

            .swiper-slide .media-content {
                padding: 40px 20px!important;
            }
            .swiper-slide .media-content .btn.fright {
                float: none !important;
                margin-top: 12px!important
            }
        }




        
/* ---------------------------
   Root Slider Container
--------------------------- */
#customSlider {
  --cap-bg: #005495;
  --cap-pad: 24px;
  --maxw: 1280px;
  background: white;
  width: 100%;
  max-width: var(--maxw);
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  border-radius: 4px;
}

/* ---------------------------
   Slider Track
--------------------------- */
#customSlider .slider-track {
  display: flex;
  flex-wrap: nowrap;
  transition: transform 320ms ease;
  will-change: transform;
  width: 100%;             /* ✅ Never overflow horizontally */
  max-width: 100%;         /* ✅ Lock inside container */
  height: auto !important;
}

/* ---------------------------
   Individual Slide
--------------------------- */
#customSlider .slide {
  flex: 0 0 100%;
  max-width: 100%;         /* ✅ Prevents unwanted stretching */
  display: flex;
  flex-direction: column;
  height: auto !important;
  box-sizing: border-box;
    background: #005495;
}

/* ---------------------------
   Image Container (16:9)
--------------------------- */
#customSlider .slide-media {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #2d2d2d;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

@media (min-width:768px)
{
    #customSlider .slide-media {
        aspect-ratio: 16 / 9;  
    }
}

/* Images fill container */
#customSlider .slide-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* ---------------------------
   Video Container (16:6 with centered 16:9)
--------------------------- */
#customSlider .slide-video {
  width: 100%;
  aspect-ratio: 16 / 6;      /* keep same banner height as images */
  position: relative;
  overflow: hidden;
  background: #000;
  flex-shrink: 0;
}

/* Centering wrapper for the video */
#customSlider .slide-video .video-center {
  position: absolute;
  inset: 0;                  /* fill parent */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Common video/iframe settings */
#customSlider .slide-video iframe,
#customSlider .slide-video video {
  aspect-ratio: 16 / 9;
  background: #000;
  display: block;
}

/* Mode A: keep full 16:9 inside 16:6 (letterboxed/pillarboxed look) */
#customSlider .slide-video .fit-height iframe,
#customSlider .slide-video .fit-height video {
  height: 100%;
  width: auto;
  max-width: 100%;
}

/* Mode B: cover full width (will crop top/bottom) */
#customSlider .slide-video .cover iframe,
#customSlider .slide-video .cover video {
  width: 100%;
  height: auto;
  min-height: 100%;
}

.is-hidden { display: none !important; }

/* ---------------------------
   Caption BELOW image
--------------------------- */
#customSlider .slide-caption {
  background: #005495;
  color: #fff;
  padding: var(--cap-pad);
  margin: 0;
  display: block;
  flex-shrink: 0;
}

#customSlider .caption-inner {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 36px;
}

@media (min-width:768px) {

    #customSlider .caption-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    }

}

#customSlider .caption-text h3 {
  margin: 0 0 6px;
  font-size: 1.25rem;
  color: white!important;
}

#customSlider .caption-text p {
  margin: 0;
  line-height: 1.5;
    color: white;
}

#customSlider .slide-caption .btn.btn-primary {
    text-wrap: nowrap
}

/* ---------------------------
   Navigation Arrows (inside image)
--------------------------- */
#customSlider .nav {
  position: absolute;
  top: 45%; 
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.2s ease;
}

#customSlider .nav:hover {
  background: rgba(0, 0, 0, 0.75);
}

#customSlider .nav.prev { left: 16px; }
#customSlider .nav.next { right: 16px; }

#customSlider .nav.prev::before,
#customSlider .nav.next::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-top: 3px solid white;
  border-left: 3px solid white;
}

#customSlider .nav.prev::before {
  transform: translateX(5px) rotate(-45deg);
}
#customSlider .nav.next::before {
  transform: rotate(135deg);
}

/* ---------------------------
   Pagination Dots
--------------------------- */
#customSlider .dots {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  margin-bottom: 16px;
  padding: 0;
}

#customSlider .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #cfcfcf;
  cursor: pointer;
  transition: background 0.3s ease;
}

#customSlider .dot.is-active {
  background: #000;
}

/* ---------------------------
   Container Padding Reset
--------------------------- */
.custom-slider-container {
    background: white;
    border-radius: 6px;
    padding: 16px!important;
}

        @media (min-width:768px) {
            .custom-slider-container {
                padding: 24px!important;
            }
        }

/* ---------------------------
   Mobile Responsiveness
--------------------------- */
@media (max-width: 768px) {
  #customSlider .caption-inner {
    flex-direction: column;
  }

  #customSlider .nav {
    width: 40px;
    height: 40px;
  }
}
/* ---------------------------
   Display Grid
--------------------------- */

.grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem; /* Space between grid items */
}

/* Mobile: 1 column for screens smaller than 768px */
@media (max-width: 767px) {
  .grid {
    grid-template-columns: 1fr;
  }
}


/* New Mobile Nav CSS */

@media (max-width: 991px) {
 /* Top utility bar */
        #top-bar {
            background: var(--astoria-blue);
            color: white;
            font-size: 12px;
            padding: 0.5rem 1rem;
        }

        #top-bar a {
            color: white;
            text-decoration: none;
            margin: 0 0.5rem;
        }

        /* Main header */
        #header {
            background: var(--astoria-blue);
            color: white;
            padding: 1rem;
        }

        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        #logo img {
                   height: auto;
        width: 220px;
        }

        /* Hamburger button */
        .menu-toggle {
            background: none;
            border: none;
            color: white;
            padding: 0.5rem;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            gap: 6px;
            z-index: 9999;
            position: relative;
            right: -16px;
            top: 13px;
            transition: all 0.3s ease;
        }
        .menu-toggle span {
            display: block;
            width: 28px;
            height: 2px;
            background: white;
            transition: all 0.3s ease;
            border-radius: 1px;
        }

       .menu-toggle.active {
        z-index: 9999;
        position: fixed;
        right: 12px;
        top: 12px;
        width: 40px;
        background: #00477f;
        transition: all 0.3s ease;
        border-radius: 8px;
        }

        .menu-toggle.active span:nth-child(1) {
            transform: rotate(45deg) translate(5px, 7px);
        }

        .menu-toggle.active span:nth-child(2) {
            opacity: 0;
        }

        .menu-toggle.active span:nth-child(3) {
            transform: rotate(-45deg) translate(4px, -6px);
        }

        /* Off-canvas navigation */
        .off-canvas-nav {
            position: fixed;
            top: 0;
            right: -100%;
            width: 100%;
            max-width: 400px;
            height: 100vh;
            background: var(--astoria-blue-dark);
            z-index: 1000;
            transition: right 0.3s ease;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }

        .off-canvas-nav.active {
            right: 0;
        }

        .nav-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background: rgba(0, 0, 0, 0.5);
            z-index: 99;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

        .nav-overlay.active {
            opacity: 1;
            pointer-events: auto;
        }

        /* Navigation header */
        .nav-header {
            background: var(--astoria-blue-darker);
            padding: 1rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .nav-header h3 {
            color: white!important;
            font-size: 1rem;
            margin: 0;
            font-weight: 500;
            text-transform: UPPERCASE;
        }

        /* Navigation sections */
        .nav-section {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .nav-section-title {
            background: var(--astoria-blue-darker);
            color: rgba(255, 255, 255, 0.7);
            padding: 0.75rem 1rem;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-weight: 500;
        }

        /* Navigation links */
        .nav-link-item {
            display: block;
            padding: 0.675rem 1rem;
            font-size: 1rem;
            color: white;
            text-decoration: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            transition: background 0.2s ease;
            position: relative;
        }

        .nav-link-item:hover {
            background: rgba(255, 255, 255, 0.05);
            color:rgba(255, 255, 255, .7);
        }

        /* Expandable menu items */
        .nav-item-expandable {
            position: relative;
        }

        .nav-expand-toggle {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.875rem 1rem;
            color: white;
            font-size: 1rem;
            background: none;
            border: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            width: 100%;
            text-align: left;
            cursor: pointer;
            transition: background 0.2s ease;
        }

        .nav-expand-toggle:hover {
            background: rgba(255, 255, 255, 0.05);
        }

        .nav-expand-icon {
        transition: transform 0.3s ease;
        font-size: 1.2rem;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transform: scaleX(0.8);
        }

        .nav-item-expandable.active .nav-expand-icon {
            transform: rotate(90deg) scaleX(0.8);
              transform-origin: 50% 50%;
                    font-size: 1.2rem;
        }

        .nav-submenu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            background: rgba(0, 0, 0, 0.2);
        }

        .nav-item-expandable.active .nav-submenu {
            max-height: 1000px;
        }

        .nav-submenu .nav-link-item {
            padding-left: 2rem;
            font-size: 0.9375rem;
        }

        /* Department selector */
        .dept-selector {
            background: rgba(255, 255, 255, 0.1);
            margin: 1rem;
            border-radius: 0.4rem;
            overflow: hidden;
        }

        .dept-current {
            padding: 1rem;
            color: white;
        }

        .dept-current small {
            display: block;
            font-size: 0.75rem;
            color: rgba(255, 255, 255, 0.7);
            margin-bottom: 0.25rem;
        }

        .dept-current strong {
            font-weight: 500;
        }

        /* Utility links in nav */
        .nav-utilities {
            padding: 1rem;
            background: rgba(0, 0, 0, 0.2);
        }

        .utility-link {
            display: inline-block;
            color: rgba(255, 255, 255, 0.8);
            font-size: 0.875rem;
            padding: 0.5rem 0;
            margin-right: 1rem;
            text-decoration: none;
        }

        .utility-link:hover {
            color: white;
        }

        /* Google Translate */
        .translate-container {
            padding: 1rem;
            background: rgba(0, 0, 0, 0.15);
            padding-bottom: 120px;
        }

        .translate-container select {
            width: 100%;
            padding: 0.5rem;
            border-radius: 0.25rem;
            border: none;
        }

                    /* Hide desktop utility dropdowns */
            .custom-nav .dropdown:not(.mobile-keep) {
                display: none !important;
            }
            
            /* Hide desktop primary menu */
            #primary-menu {
                display: none !important;
            }
            
            /* Simplify header on mobile */
            #header .custom-nav {
                justify-content: flex-end;
            }
    }

            /* Accessibility */
        .visually-hidden {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }

        /* Desktop styles - hide mobile nav and show original desktop nav */
        @media (min-width: 992px) {
            .menu-toggle,
            .off-canvas-nav,
            .nav-overlay {
                display: none !important;
            }
            
            /* Show desktop nav elements */
            .desktop-nav-buttons,
            .desktop-top-bar {
                display: flex !important;
            }
            .transparent-header::after {
                    display: block;
                    clear: both;
                    content: "";
                    background: #00477f;
                    width: 100%;
                    height: 60px;
                    bottom: 0px;
                    position: absolute;
            } 

            .transparent-header::before {
                    display: block;
                    clear: both;
                    content: "";
                    background: #005495;
                    width: 100%;
                    height: 60px;
                    top: -60px;
                    position: absolute;
            } 

            .custom-nav .nav-item-expandable {
                display: inline-block;
                position: relative;
                margin-right: 4px;
            }
            
            .custom-nav .nav-expand-toggle {
                background: white;
                color: #486b86;
                border: none;
                padding: 6px 12px;
                border-radius: 0;
                cursor: pointer;
                font-size: 16px;
                display: flex;
                align-items: center;
                gap: 4px;
                margin-bottom: 8px;
                font-weight: 500;
                border-radius: 4px;
            }
            
            .custom-nav .nav-expand-toggle:hover {
                background: #f5f5f5;
            }
            
            .custom-nav .nav-expand-icon {
                transition: transform 0.2s ease;
                font-size: 14px;
            }
            
            /* Desktop dropdown behavior */
            .custom-nav .nav-submenu {
                position: absolute;
                top: 100%;
                right: 0;
                min-width: 11rem;
                background: #f5f5f5;
                border-radius: 0;
                margin-top: 0;
                padding: 0.5rem 0;
                opacity: 0;
                visibility: hidden;
                transform: translateY(-10px);
                transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
                box-shadow: 0 2px 8px rgba(0,0,0,0.1);
                z-index: 1000;
                 border-radius: 4px;
            }
            
            .custom-nav .nav-item-expandable.active .nav-submenu {
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
            }
            
            .custom-nav .nav-link-item {
                display: block;
                padding: 8px 15px;
                color: #486b86;
                text-decoration: none;
                font-size: 15px;
                font-weight: 400;
                white-space: nowrap;
            }
            
            .custom-nav .nav-link-item:hover {
                background: #eae9e9;
                color: #005495;
            }
        }



.coa-flex-cols > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 560px) {
  .coa-flex-cols > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
  .coa-flex-cols > ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
  .coa-flex-cols > ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Cards */
.coa-flex-cols > ul > li {
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
  margin:0
}
.coa-flex-cols h3 {
  margin: 0 0 .35rem 0;
  font-size: 1rem;
  line-height: 1.3;
}
.coa-flex-cols p {
  margin: 0;
  font-size: .95rem;
}
.coa-flex-cols p + p { margin-top: .35rem; }

/* Links */
.coa-flex-cols a {
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}
.coa-flex-cols a:focus,
.coa-flex-cols a:hover {
  border-bottom-style: solid;
}



/* Scope to the wrapper only */
.recent-updates {
  margin: 0;
  padding: 0;
}

/* Grid */
.recent-updates > ul {
  list-style: none;
  margin: 24px 0 8px 0!important;
  padding: 0;
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 560px) {
  .recent-updates > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
  .recent-updates > ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
  .recent-updates > ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Cards */
.recent-updates > ul > li {
  margin: 0!important;
  padding: 0;
  font-size: 15px!important;
}
.recent-updates > ul > li > a {
  display: block;
  padding: .9rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
  text-decoration: none;
  line-height: 1.2;
  font-weight: 500;
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
}
.recent-updates > ul > li > a:focus,
.recent-updates > ul > li > a:hover {
  border-color: #cbd5e1;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(13,110,253,.15);
  text-decoration: underline;
}

/* Layout wrapper */
.coa-police {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 220px 1fr;
  align-items: start;
}
@media (max-width: 967px) {
  .coa-police { grid-template-columns: 1fr; }
}

/* Left column: logo + button */
.coa-police > div:first-child { text-align: center; }
.coa-police img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto .75rem auto;
}
.coa-police a[href*="Police_Records_Request_Form"] > button {
  width: 100%;
  padding: .75rem 1rem;
  border: 1px solid #0b3b6f;
  border-radius: 8px;
  background: #0b3b6f;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
}
.coa-police a[href*="Police_Records_Request_Form"] > button:hover,
.coa-police a[href*="Police_Records_Request_Form"] > button:focus {
  background: #0a2e56;
  border-color: #0a2e56;
  outline: 0;
}

/* Right column: grid of cards */
.coa-police > div:last-child > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 560px) {
  .coa-police > div:last-child > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .coa-police > div:last-child > ul > li:last-child { grid-column: span 2; }
}
@media (min-width: 968px) {
  .coa-police > div:last-child > ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .coa-police > div:last-child > ul > li:last-child { grid-column: span 3; }
}
@media (min-width: 1200px) {
  .coa-police > div:last-child > ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  /* NEW: make the last card span 2 columns on desktop */
  .coa-police > div:last-child > ul > li:last-child { grid-column: span 2; }
}

/* Cards */
.coa-police li {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  padding: 1rem;
  margin: 0;
}
.coa-police h3 {
  margin: 0 0 .35rem 0;
  font-size: 1rem;
}
.coa-police p {
  margin: 0;
  font-size: .95rem;
  line-height: 1.35;
}
.coa-police p + p { margin-top: .35rem; }
.coa-police a[href^="mailto:"],
.coa-police a[href^="tel:"] {
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}
.coa-police a[href^="mailto:"]:hover,
.coa-police a[href^="tel:"]:hover { border-bottom-style: solid; }


/* Wrapper */
.coa-finance { margin: 0; padding: 0; }

/* Grid */
.coa-finance > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 560px) {
  .coa-finance > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
  .coa-finance > ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
  .coa-finance > ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .coa-finance > ul > li:last-child { grid-column: span 2; }
}

/* Cards */
.coa-finance li {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  padding: 1rem;
margin: 0;
}
.coa-finance h3 {
  margin: 0 0 .35rem 0;
  font-size: 1rem;
}
.coa-finance p {
  margin: 0;
  font-size: .95rem;
  line-height: 1.35;
}
.coa-finance p + p { margin-top: .35rem; }

/* Links */
.coa-finance a[href^="mailto:"] {
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}
.coa-finance a[href^="mailto:"]:hover,
.coa-finance a[href^="mailto:"]:focus {
  border-bottom-style: solid;
  outline: 0;
}


.library_homeconnect
{
	background: #005495;
    padding: 20px 10px 20px 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
	color: white;
    margin-bottom: 20px;
	text-align: center; 
}
.library_homeconnect h1{ line-height: 1;color: white!important; font-size: 24px;}

.library_homeconnect .social-icons {
	display: flex;
    justify-content: center;
}

.library_homeconnect .social-icons li{
	display: inline-block;
	padding: 0px 5px;
	text-align: center;
}
.library_homeconnect .social-icons li a{
	color: white;
	text-shadow: 0 0 5px #5C5C5C;
}
.library_homeconnect .gplus {
	color: white;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background: #959595;
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
	border: 1px solid white;
	margin-bottom: 5px;
	}
.library_homeconnect .facebook  {
	color: white;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background: #959595;
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
	border: 1px solid white;
	margin-bottom: 5px;}
.library_homeconnect .email {
	color: white;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background: #959595;
	text-align: center;
	line-height: 38px;
	border-radius: 20px;
	border: 1px solid white;
	margin-bottom: 5px;}
.library_homeconnect .instagram {
	color: white;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background: #959595;
	text-align: center;
	line-height: 38px;
	border-radius: 20px;
	border: 1px solid white;
	margin-bottom: 5px;}
.library_homeconnect .twitter {
	color: white;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background: #959595;
	text-align: center;
	line-height: 40px;
	border-radius: 20px;
	border: 1px solid white;
	margin-bottom: 5px;}

.library_homeconnect .social-icons li a:hover  i{
	background: #333;
}


.search2 {
    margin: 0px 0px 15px 0px;
    padding: 0;
    clear: both;
    width: 100%;
}
.search2 input[type=text] {
    max-width: 68%;
    float: left;
    margin: 0px 0px 0px 0px;
    height: 40px;
    padding: 5px 12px;
    border-radius: 4px;
}
.catalog a {
    margin: 0 0 -10px;
    width: 100%;
    display: block;
    text-align: center;
}
button.g-button, a.g-button, input[type=submit].g-button {
padding: 6px 4px;
    height: 40px;
    border-radius: 4px;
    border: solid 1px rgb(153, 153, 153);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
    color: #333;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
    line-height: 1;
    margin: 0px 0px 0px 4px;
    width: 28%;
}


/* HOME PAGE OVERIDES */


    @media (max-width: 375px) {
        .home-intro-section {
            padding-top: 15px;
        }
        .home-top-section-container, .home-intro-section .container {
            padding: 20px 15px 20px 15px !important;
        }
        .home-tab-section-container, .home-social-section-container {
            padding: 20px 15px 20px 15px !important;
        }
        #customSlider .nav {
            top: 33%;
        }
        #customSlider .nav.next {
            right: -8px;
        }
        #customSlider .nav.prev {
            left: -8px;
        }
        .search-form-container .input-group button {
            padding: 8px 16px;
        }
    }

    @media (max-width: 480px) {
        #customSlider .nav {
            top: 33%;
        }
    }

    #customSlider .nav.next {
        right: 8px;
    }

    #customSlider .nav.prev {
        left: 8px;
    }

    .home-intro-section {
        padding-top: 30px;
    }

    .home-intro-section h1.small-h1 {
        font-size: 24px; 
        display: inline-block;
        color: #225390;    
        margin-bottom: 0;
        line-height: 1;
    }

    .social-slider {
        position: relative;
    }

    .swiper-buttons {
        position: absolute;
        top: 55%;
        margin-top: -50px;
        width: 108%;
        margin-left: -4%;
    }

    .swiper-button-next, .swiper-button-prev {
        position: absolute;
        top: 45%;
        transform: translateY(-50%);
        width: 38px;
        height: 38px;
        background: rgba(0, 0, 0, 0.5);
        border: none;
        border-radius: 50%;
        cursor: pointer;
        z-index: 10;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: background 0.2s ease;
    }

    .swiper-button-next::before, .swiper-button-prev::before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        border-top: 3px solid white;
        border-left: 3px solid white;
    }

    .swiper-button-prev {
        left: 0;
    }
    .swiper-button-next {
        right: 0;
    }
   .swiper-button-prev::before {
        transform: translateX(2px) rotate(-45deg);
    }

    .swiper-button-next::before {
        transform:translateX(-2px) rotate(135deg);
    }

    .slider-head-area {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 12px;
        margin: 12px 0 20px 0;
        align-items: start;
    }

    .search-form-container .input-group input.search-input {
        width: 100% !important;
        padding: 8px 16px;
        border: none;
        border-radius: 0 !important;
        color: #225390;
        border-top-left-radius: .4rem !important;
        border-bottom-left-radius: .4rem !important;
        font-size: 15px;
        line-height: 1.3;
        background: #f0f0f0;
    }

    .quick-links-home {
        background: #fbfbfb;
        border-radius: .4rem;
        position: relative;
        padding: 30px 20px;
        min-height: 100%;
        border: 1px solid #f0f0f0;
    }


    .quick-links-home p {
        margin-bottom: 0px;
    }

    .quick-links-home .quicklinks-list {
        float: none;
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .news-item p {
        font-size: 16px;
        margin: 0;
        line-height: 1.3 !important;
    }

    .feature-boxes {
        grid-template-columns: 1fr;
    }

    .home-top-section-container {
        display: block;
        padding: 30px 0 60px 0;
        position: relative;
    }
    .home-social-section-container {
        display: block;
        position: relative;
        padding: 2.2rem 3rem 3rem;
        border-top: 1px solid #f0f0f0;
    }
    .search-form-container {
        display: inline-block;
        width: auto;
    }
    .quick-links-home h2 {
        display: none;
    }

@media (min-width:480px) {

    .feature-boxes {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .quick-links-home .quicklinks-list {
        grid-template-columns: 1fr 1fr;
    }
    .swiper-buttons {
        position: absolute;
        top: 50%;
        margin-top: -50px;
        width: 112%;
        margin-left: -6%;
    }
}

@media (min-width:768px) {

    .home-intro-section h1.small-h1 {
        font-size: 26px;
        display: inline-block;
        color: #225390;
        margin-bottom: 0;
        line-height: 1;
    }
    .feature-boxes {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    
    .swiper-buttons {
        position: absolute;
        top: 55%;
        margin-top: -50px;
        width: 108%;
        margin-left: -4%;
    }

    .slider-head-area {
        align-items: center;
        margin: 0px 0 20px 0;
    }

    .quick-links-home .quicklinks-list {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .slider-head-area {
        display: flex; 
        justify-content: space-between;
        flex-direction: row;
    }
}

.events-item {
    margin: 0!important;
    padding: 0!important;
}

.calendar-event-list {
    list-style-type: none;
    margin: 0;
    width: 100%;
    padding: 0;
    border: 1px solid #f0f0f0;
}

.calendar-event-list-item {
    padding: 12px 20px;
    margin: 0!important;
    width: 100%;
    color: black;
    border-bottom: 1px solid #f0f0f0;
}
.calendar-event-list-item:hover {
   background:#f0f0f0
}

.calendar-event-list-item .clickspan:hover {
    cursor: pointer;
    color: #005495;
}
.calendar-event-list-item:last-child {
    border-bottom: none;
}