/* Generated by less 3.11.1 */

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

body {
    background-color: #fff;
    font-family: 'Public Sans', sans-serif;
    font-weight:300;
    font-size: 18px;
    color: #222222;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #093b60!important;
    font-family: 'Public Sans', sans-serif;
    font-weight: 700;
}

h1,
h1.pageTitle {
    font-size: 44px;
    color:#fff!important;
}

h2 {
    font-size: 38px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
    margin-bottom: 20px;
    padding: 0;
}


h2:not(:first-of-type),
h3:not(:first-of-type) {
    margin-top: 50px; 
}

.well h1,
.well h2,
.well h3 {
    color: #fff!important;
}


.mainContent {
    background-color: #fff;
    color: #333333;
    padding: 0px 0px;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Public Sans', sans-serif;

}

.relativeContent {
    background-color: #efefef;
    color: #333333;
    position: relative;
    z-index: 12;
}

.mainContentArea a,
.relativeContent a {
    color: #006699;
}

.mainContentArea a:visited,
.relativeContent a:visited {
    color: #7A0099;
}

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

.navbar-portalbar-v3 .icon-stack .icon-kygov-text {
    color: #ffffff;
}

.navbar-portalbar-v3 .governor {
    color: #ffffff;
}

.navbar-portalbar-v3 {
    background-color: #006699;
    background: linear-gradient(to bottom, #006699 0%, #003366 100%);
    border-color: #001933;
}

.navbar-portalbar-v3 .navbar-toggle,
.navbar-portalbar-v3 .navbar-toggle:hover,
.navbar-portalbar-v3 .navbar-toggle:active,
.navbar-portalbar-v3 .navbar-toggle:focus {
    background: #006161;
    background: rgba(0, 51, 102, 0.4);
}

.navbar-portalbar-v3 .navbar-nav > li > a {
    color: #ffffff;
    text-shadow: 0 1px 0px #001933;
}

.navbar-portalbar-v3 .navbar-brand {
    color: #ffffff;
}

.navbar-portalbar-v3 .navbar-nav > li > a:hover,
.navbar-portalbar-v3 .navbar-nav > .open > a,
.navbar-portalbar-v3 .navbar-nav > .open > a:hover,
.navbar-portalbar-v3 .navbar-nav > .open > a:focus {
    background: #006161;
    background: rgba(0, 51, 102, 0.4);
    color: #ffffff;
    text-shadow: 0 1px 0px #001933;
}

.navbar-portalbar-v3 .search-toggle,
.navbar-portalbar-v3 .login-toggle {
    color: #ffffff;
}

.navbar-portalbar-v3 .navbar-text-kytagline {
    color: #ffffff;
}

.header-nav .headerRow .container {
    background-color: #fff;
}

.headerRow .navbar-toggle {
    background-color: transparent;
    color: #006161;
}

.headerRow .navbar-toggle:hover {
    background-color: transparent;
}

.headerRow .navbar-toggle .icon-bars span,
.headerRow .navbar-toggle .icon-bars span:before,
.headerRow .navbar-toggle .icon-bars span:after {
    background: #006161;
}

.navbar-default {
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: 1px 3px 12px -1px rgba(0, 0, 0, 0.22);
    padding: 0px;
    margin-bottom: 0;
}

.navbar-default .navbar-header {
    display: flex;
    align-items: center;
}

.navbar-default .navbar-brand {
    height: auto;
    margin-left: 0 !important;
    padding: 0;
    float: none;
}

.navbar-default .navbar-brand img {
    height: 55px;
    width: auto;
}

.navbar-default .navbar-brand {
    padding: 15px;
}

.navbar-default .navbar-toggle {
    border: 0;
    padding: 0;
    font-size: 28px;
    background: none !important;
    margin-right: 15px;
    margin-left: auto;
}

.navbar-default .nav a {
    font-size: 18px;
    font-weight: 600;
}

.navbar-default .navbar-nav {
    margin: 0;
}

.navbar-default .nav > li > a {
    color: #2f3640;
    position: relative;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background: transparent;
    color: #2f3640;
}

nav ul li a,
nav ul li a:after,
nav ul li a:before {
    transition: all 0.5s;
}

.navbar-default .navbar-nav > li.active > a:after,
.navbar-default .navbar-nav > li > a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #5fb3e5;
    background: linear-gradient(90deg, #5fb3e5 0%, #302a7e 100%);
    height: 3px;
}

.navbar-default .navbar-nav > li.active > a:after,
.navbar-default .navbar-nav > li > a:hover:after {
    width: 100%;
}

.navbar-collapse {
    border: 0;
    padding: 0;
    box-shadow: none;
}

.navbar-collapse.in {
    overflow: visible;
}

.header-row {
    border-bottom:1px solid #ddd;
}
.panel-default .panel-heading a {
    color: #333333;
}

footer a,
footer a:link {
    color: #fff;
}

footer a:visited {
    color: #fff;
}

.footerRow > .container {
    background: transparent;
    border-top: 0;
    color: #fff;
}

footer {
    background: #093b60;
    padding: 20px 0;
    font-size: 18px;
}

footer h4,
footer p,
footer a,
footer .gc-cs-link,
footer .gc-cs-link:visited {
    color: #fff !important;
}

footer .footer-social a i {
    font-size: 30px;
    color: #fff !important;
}

footer .header {
    display: block;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
    font-weight: 400;
    line-height: 1.1;
    color: #fff;
}

footer .footer-brand {
    border-left: 8px solid #BA1200;
    padding: 18px 0px 0px 10px;
    font-size: 33px;
    line-height: 25px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 20px;
}

footer .footer-brand small {
    display: block;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 2px;
}

.footerRow .copyrightRow {
    font-size: 16px;
}

footer .footer-brand strong {
    font-weight: 500;
}

footer .footer-title {
    font-weight: 700;
    font-size: 18px;
    display: block;
    margin: 25px 0 20px 0;
    color: #fff;
}

footer ul {
    margin-bottom: 0;
}

footer ul > li {
    padding: 6px 0;
    color: #fff !important;
}

footer ul > li > a {
    color: #fff !important;
    padding: 0;
    display: block;
}

footer .footer-seal {
    margin-bottom: 15px;
    width: 150px;
}

footer .copyright-row p {
    display: inline-block;
    color: #bbb !important;
    font-size: 14px;
}

footer .copyright-row ul {
    float: right;
}

.alert-warning {
    background-color: #fdf4b8;
    border-color: #fdf4b8;
}

.alert-danger {
    background-color: #f4c4c4;
    border-color: #f4c4c4;
}

.alert-success {
    background-color: #bfdf9f;
    border-color: #bfdf9f;
}

.alert-info {
    background-color: #cce6e4;
    border-color: #cce6e4;
}    

.pageTitle-wrapper h1.pageTitle {
    color: #fff;
    position: relative;
    z-index: 11;
    padding-bottom: 10px;
}

.pageTitle-wrapper h1.pageTitle:after {
    content: '';
    height: 5px;
    width: 140px;
    background: #CD1827;
    position: absolute;
    z-index: 11;
    bottom: 0;
    left: 0;
}

.pageTitle-wrapper .breadcrumb {
    background: transparent;
}

.pageTitle-wrapper .breadcrumb a,
.breadcrumb > li + li:before,
.breadcrumb > .active {
    font-size: 15px;
}

.breadcrumb > li + li:before {
    content: "\3e";

} 

/* homepage */
.homepage-feature-outer-container {
    padding: 0px 120px;
    /*background-size: cover;*/
    background-position: center;
    display: flex;
    align-items: center;
}

.homepage-feature-outer-container > .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 0px;
    background-color: transparent;
    border: none;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.homepage-feature-outer-container > .well > h2, 
.homepage-feature-outer-container > .well > h3 {
    text-shadow: 0px 0px 10px RGBA(0,0,0,0.8);
    color: #fff;
    text-transform: uppercase;
}

.homepage-feature-outer-container > .well > h2{
    font-size: 50px;
    font-weight: 300;
    margin-bottom: 0px;
}

.homepage-feature-outer-container > .well > h3 {
    font-size: 30px;
    font-weight: 300;
    margin-top: 0px;
}

.homepage-feature-outer-container > .well > p {
    text-shadow: 0px 0px 10px RGBA(0,0,0,0.8);
    color: #fff;
    margin-top: 15px;
    max-width: 640px;
}

.homepage-feature-outer-container > .well > .btn-primary {
    background-color: #093b60;
    border-color: #0f629f;
    border: 1px solid #0f629f;
}

.homepage-feature-outer-container > .well > .btn-primary:hover {
    background-color: #0f629f;
    border-color: #0f629f;
    border: 1px solid #0f629f;
    transition: all 0.3s ease-in-out;
}

.flex-hp-cta {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.flex-hp-cta > h2 {
    flex: 1 0 100%
}

.flex-hp-cta > a.hp-cta {
    flex: 0 1 calc(50% - 10px);
    display:block;
    padding:20px 40px 20px 17px;
    border:1px solid #ddd;
    box-shadow:0px -3px 0px 0px inset #015252;
    border-radius:4px;
    font-size:22px;
    font-weight:300;
    text-decoration: none !important;
    position:relative;
    background:#FFF;
    transition:0.15s ease all;
}

.flex-hp-cta > a.hp-cta:after {
    position:absolute;
    font-family:'Font Awesome 6 Pro';
    font-weight:400;
    content:'\f105';
    top:20px;
    right:15px;
}

.flex-hp-cta > a.hp-cta:hover,
.flex-hp-cta > a.hp-cta:focus {
    background:#f3f3f3;
}

a.list-group-item {
    margin: 10px 0;
}

.panel-default .panel-heading a {
    color: #333333;
}

/* panels but mainly accordions */
.panel.panel-default:not(.list-filter-panel) {
    border-radius: 0;
    box-shadow: 0;
    border: 0;
}

.panel.panel-default:not(.list-filter-panel) .panel-heading {
    border: 0;
    padding: 0;
    background: none;
}

.panel.panel-default:not(.list-filter-panel) .panel-title {
    padding: 0;
    margin: 0;
}

.panel.panel-default:not(.list-filter-panel) .panel-title a {
    position: relative;
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 16px 45px 16px 20px;
    font-weight: 700;
    text-decoration: none;
    background: #eee;
}

.panel.panel-default:not(.list-filter-panel) .panel-title a:hover,
.panel.panel-default:not(.list-filter-panel) .panel-title a:focus,
.panel.panel-default:not(.list-filter-panel) .panel-title a:active {
    background: #ddd;
}

/* collapsed state of accordion */
.panel.panel-default:not(.list-filter-panel) .panel-title a.collapsed:after {
    content: '\2b';
    font-family: 'fontawesome';
    position: absolute;
    right: 20px;
    top: 11px;
    font-size: 25px;
}

.panel.panel-default:not(.list-filter-panel) .panel-title a:after {
    content: '\f068';
    font-family: 'fontawesome';
    position: absolute;
    right: 20px;
    top: 16px;
}
                
/* buttons and links */
.mainContent a,
.mainContent a:visited {
	color:#006161
}

.mainContent a:hover,
.mainContent a:focus {
	color:#015252
}

.btn {
	padding:8px 16px;
}

.btn-primary {
	color:#FFF !important;
	background-color:#006161;
	font-weight:600;
	text-decoration:none !important;
	border:0;
	font-size:19px;
	border-radius:6px;
}

.column-main-wrap.column-main-wrap .btn-blue-secondary {
    background-color: #ADD8E6;
    border:1px solid #093b60;
    color: #093b60 !important;
    text-decoration:none !important;
}

/* .column-main-wrap.column-main-wrap .btn-blue-secondary:hover,
.column-main-wrap.column-main-wrap .btn-blue-secondary:focus,
.column-main-wrap.column-main-wrap .btn-blue-secondary:active,
.column-main-wrap.column-main-wrap .btn-blue-secondary:visited {
    background-color: #093b60;
    border:1px solid #add8e6;
    color: #add8e6 !important;
    text-decoration:none !important;
} */

.column-main-wrap.column-main-wrap .btn-gray {
    background-color: #D3D3D3;
    border:1px solid #093b60;
    color: #093b60 !important;
    text-decoration:none !important;
}

/* .column-main-wrap.column-main-wrap .btn-gray:hover,
.column-main-wrap.column-main-wrap .btn-gray:focus,
.column-main-wrap.column-main-wrap .btn-gray:active,
.column-main-wrap.column-main-wrap .btn-gray:visited {
    background-color: #093b60;
    border:1px solid #D3D3D3;
    color: #D3D3D3 !important;
} */

.column-main-wrap.column-main-wrap .btn-green {
    background-color: #04AA6D !important;
    border:1px solid #093b60 !important;
    color: #fff !important;
    text-decoration:none !important;
}

.column-main-wrap.column-main-wrap .btn-green:hover,
.column-main-wrap.column-main-wrap .btn-green:focus,
.column-main-wrap.column-main-wrap .btn-green:active,
.column-main-wrap.column-main-wrap .btn-green:visited {
    /* background-color: #093b60 !important; */
    /* border:1px solid #04AA6D !important; */
    color: #fff !important;
}

.embed-responsive {
    position: relative;
    display: block;
    max-width: 500px;
    padding: 0;
    overflow: hidden;
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 46%;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    max-height: 500px;
    max-width: 500px;
    border: 0;
}


@media only screen and (min-width: 100px) {

    .btn.active, .btn:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .column-main-wrap.column-main-wrap a.btn-custom {
        padding: 10px 20px;
        margin: 10px;
        font-size: 16px;
        color: white!important;
        text-align: center;
        text-decoration: none!important;
        border-radius: 5px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        transition: background-color 0.3s, box-shadow 0.3s;
    }

    .column-main-wrap.column-main-wrap a.btn-custom:hover {
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }



    .column-main-wrap.column-main-wrap a.btn-gray {
        background-color: #D3D3D3;
        color: #000!important; /* Ensure text is readable on gray button */
    }

    .column-main-wrap.column-main-wrap a.btn-blue,
    .column-main-wrap.column-main-wrap a.btn-blue:hover {
        background-color: #2779C2;
        color:#fff!important;
    }

    #mainNavCollapse {
        position: relative;
        z-index: 10;
    }

    .homepage-hero {
        background: #555;
        position: relative;
        overflow: hidden;
        height: 50vw;
        max-height: 550px;
    }

    .homepage-hero video {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .card-list-wide {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        gap: 15px;
    }

    .card-list-wide .flex-item {
        flex: 0 1 100%;
    }    

    .card-list {
        display: flex;
        flex-wrap: wrap;
        gap: 15px 20px;
        padding-left: 0;
    }

    .kelc-card {
        flex: 0 0 calc(100%);
    }

    .kelc-card > a {
        display: block;
        text-decoration: none;
    }

    .kelc-card .card-header {
        overflow: hidden;
        position: relative;
        height: 225px;
        z-index: 2;
        border: 1px solid #ddd;
    }

    .kelc-card .card-header img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
            object-fit: cover;
        -o-object-position: center;
            object-position: center;
        transition: all 0.75s ease-in-out;
        -webkit-transform: scale(1);
                transform: scale(1);
    }

    .kelc-card .card-content {
        padding: 10px;
        background: #FFF;
        text-align: center;
        border: 1px solid #DDD;
        border-radius: 4px;
        box-shadow: 0 0 8px 1px rgba(100, 100, 100, 0.45);
        margin: -40px 10px 20px 10px;
        position: relative;
        z-index: 5;
        transition: 0.7s ease all;
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        min-height: 375px;
    }

    .kelc-card .card-content h4 {
        position: relative;
        z-index: 6;
        padding-bottom: 20px;
        margin-bottom: 10px;
        color: #444;
        font-size: 22px;
        font-weight: 400;
        margin-top: 5px;
    }

    .kelc-card .card-content h4:after {
        content: '';
        position: absolute;
        z-index: 7;
        bottom: 2px;
        left: 0;
        right: 0;
        height: 3px;
        width: 50px;
        background: #093b60;
        margin: auto;
        transition: 0.7s ease all;
    }

    .kelc-card .card-content p {
        color: #222;
        font-weight: 400;
    }

    .kelc-card a:hover .card-content,
    .kelc-card a:focus .card-content {
        -webkit-transform: translateY(-3px);
                transform: translateY(-3px);
    }

    .kelc-card a:hover img,
    .kelc-card a:focus img {
        -webkit-transform: scale(1.025);
                transform: scale(1.025);
    }

    .kelc-card a:hover h4:after,
    .kelc-card a:focus h4:after {
        width: 100px;
    }

    .boardMembers {
        display: flex;
        flex-wrap: wrap;
    }
    
    .boardMember {
        display: flex;
        margin: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        overflow: hidden;
        padding: 20px;
        width: calc(50% - 20px);
        box-shadow: 0 0 12px 3px rgba(100, 100, 100, 0.45);
    }
    
    .boardChair {
        width: calc(100% - 20px);
    }
    
    .boardMember .image {
        width: 200px;
        border-radius: 50%;
        overflow: hidden;
        height: 200px;
    }       
    
    .boardMember .text {
        padding: 10px;
        flex: 1; /* Text takes up 50% of the width on desktop and tablet */
    }

    .boardMember .text p strong, 
    .boardMember .text p em {
        display: block;
    }
    
    
    
    


    .about-img-rounded {
        border-radius: 50%;
        overflow: hidden;
        width: 300px;
        height: 300px;
    }

    .subsite-title {
        font-size: 22px;
        font-weight: 600;
        padding: 12px 0;
        position: relative;
    }

    .mobile-sub-nav .btn {
        padding: 10px 40px 10px 0px;
        display: block;
        /* margin: 15px 0 0 0; */
        width: 100%;
        height: 45px;
        text-align: left;
        border: 0;
        border-top: 3px solid #61aedf;
        border-radius: 0;
        position: relative;
        font-size: 18px;
        font-weight: 300;
        letter-spacing: 0.5px;
        outline: none !important;
        background: none!important;
        box-shadow: none!important;
    }

    .mobile-sub-nav .btn.collapsed:after {
        content: '\f067';
    }

    .mobile-sub-nav .btn:after {
        content: '\f068';
        font-family: 'Font Awesome 5 Pro';
        font-weight: bold;
        position: absolute;
        right: 0;
        top: 7px;
        font-size: 20px;
        line-height: 32px;
        background: #cbe4f4;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        text-align: center;
    }

    .subsite-title {
        font-size: 22px;
        font-weight: 600;
        display: block;
        padding: 12px 0;
        position: relative;
    }

    .subsite-title:before {
        content: '';
        height: 4px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #014501;
        background: linear-gradient(90deg, #006161 0%, #014501 100%);
    }

    .nav-stacked > li {
        border-bottom: 1px solid #ddd;
        padding: 0;
        margin: 0;
    }

    .nav-stacked > li > a {
        padding: 8px 10px 8px 13px;
        display: block;
        position: relative;
        text-decoration: none !important;
        transition: 0.15s ease all;
        color: #093b60 !important;
    }

    .nav-stacked > li.active > a:before {
        content: '';
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: 0;
        width: 3px;
        background: #093b60;
    }

    .breadcrumb-container {
        border-bottom: 1px solid #e5e5e5;
    }

    .breadcrumb a, .breadcrumb a:visited, .breadcrumb > .active {
        color: #707070;
    }

    .breadcrumb {
        padding: 2px 15px;
        background: transparent;
        color: #707070;
        font-size: 14px;
    }
    .breadcrumb a,
    .breadcrumb a:visited,
    .breadcrumb > .active {
        color: #707070;
    }

    .breadcrumbRow {
        display: none;
    }

    .hero {
        display: flex;
        height: 40vw;
        max-height: 375px;
        background-color: #222;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        -webkit-animation: animatedBackground 1s ease;
        animation: animatedBackground 1s ease;
    }

    .hero .page-title-wrapper {
        background: #000000;
        background: linear-gradient(6deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0) 66%);
        display: flex;
        align-items: flex-end;
        flex: 1 1 auto;
    }

    .hero .page-title-wrapper .container-fluid {
        flex: 1 1 auto;
    }

    .hero .page-title-wrapper h1.pageTitle {
        color: #FFF;
        margin: 0;
        padding: 25px 0;
    }

    a > .fa-brands, 
    a:focus > .fa-brands, 
    a:visited > .fa-brands {
        color:#093b60;
    }

    a:hover > .fa-brands {
        color:#006161;
    }
    
    .container-fluid {
        max-width: 1430px;
        margin: 0 auto;
    }

    .content-row {
        display: flex;
    }
    
    .navbar-portalbar-v3 .container-fluid {
        max-width: none;
    }

    .nav-topper {
        padding: 5px 0;
        border-bottom: 1px solid #9eb9cd;
    }

    .pageTitle-wrapper {
        background-color: #006161;
        overflow: hidden;
    }

    .pageTitle-wrapper .container {
        display: flex;
        flex-direction: row;
    }

    .pageTitle-wrapper .pageTitle-content {
        min-width: 350px;
        padding: 85px 40px 35px 0;
        position: relative;
        background-color: #006161;
    }

    .pageTitle-bg {
        height: auto;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-right: calc(50% - 50vw);
        margin-left: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .pageTitle-wrapper .pageTitle-content:before {
        content: '';
        background: inherit;
        position: absolute;
        top: -10px;
        right: -77px;
        bottom: 0;
        width: 272px;
        height: 260px;
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        border-radius: 300px;
    }

    .home-info-boxes {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: -50px;
        width: 100%;
    }

    a.home-info-box {
        display: flex;
        flex-direction: column;
        background-color: #093b60;
        max-width: 325px;
        padding:10px;   
        box-shadow: 0px 0px 10px #444444;
        align-items: center;
        text-decoration: none;
        transition: all 0.3s ease-in-out;
    }

    a.home-info-box:hover {
        cursor: pointer;
        background-color: #0f629f;
    }

    .home-info-box > .image-container {
        height: 215px;
        width: 280px;
    }

    .home-info-box#info-box-01 > .image-container {
        background-image: url('../PublishingImages/KY-Medical-Marijuana-Home-Page-01.jpg');
        background-position: 50% 95%;
    }

    .home-info-box#info-box-02  > .image-container {
        background-image: url('../PublishingImages/KY-Medical-Marijuana-Home-Page-02.jpg');
        background-position: 50% 95%;
    }

    .home-info-box#info-box-03  > .image-container {
        background-image: url('../PublishingImages/KY-Medical-Marijuana-Home-Page-03.jpg');
        background-position: 50% 95%;
    }

    .home-info-box > h2 {
        font-size: 24px;
        color: #fff;
        text-align: center;
        max-width: 280px;
        margin-top: 10px;
    } 

    .column-side-nav .nav-stacked li.dropdown.active .dropdown-menu {
        position: relative;
        z-index: 1;
        display: block;
        box-shadow: none;
        margin: 0;
        padding: 8px 0;
        border: 0;
        float: none;
        border-left: 1px solid #ddd;
        border-radius: 0;
      }

      .column-side-nav .nav-stacked li.dropdown.active .dropdown-menu > li > a {
        position: relative;
        white-space: normal;
        background: transparent;
        color: #005ea2 !important;
        text-decoration: none !important;
        padding: 8px 10px;
        border-radius: 4px;
        margin-left: 8px;
      }

      .column-side-nav .nav-stacked li.dropdown.active > a {
        font-weight: 600;
        background: #f4f4f4;
      }

      .column-side-nav .nav-stacked li.dropdown.active .dropdown-menu > li > a:hover,
      .column-side-nav .nav-stacked li.dropdown.active .dropdown-menu > li > a:focus {
        background: #f4f4f4;
      }

      .column-side-nav .nav-stacked li.dropdown.active .dropdown-menu > li.active > a {
        background: #093b60;
        color: #FFF !important;
        font-weight: 600;
      }   
      .column-side-nav .nav-stacked > li.dropdown > a > .caret {
        display: none;
      }
}

/* Media query for mobile screens */

@media only screen and (max-width: 767px) {
    .quick-links-container > .quick-links {
        flex-direction: column;
    }

    .quick-links-container > .quick-links > a.quick-link {
        margin-bottom: 10px;
    }
    
    .hidden-xs {
        display: none!important;
    }

    .content-row {
        display: block;
    }

    .visible-xs-block {
        display: none!important;
    }
}

@media only screen and (max-width: 768px) {
       
    .homepage-feature-outer-container {
        padding: 0;
    }

    .boardMember {
        flex-direction: column; /* Stack image on top of text on mobile */
        width: 100%; /* Full width on mobile screens */
        align-items: center;
    }
    
    .boardMember .text {
        width: 100%; /* Image and text take up full width on mobile */
    }

    .boardMember .text p strong, 
    .boardMember .text p em,
    .boardMember .text h4 {
        text-align:center;
    }
}

@media only screen and (min-width: 768px) {
    .card-list-wide .flex-item {
        flex: 0 1 calc(49% - 7.5px);
    }

    .kelc-card {
        flex: 0 0 calc(50% - 10px);
    }

    .kelc-card .card-content {
        padding: 15px;
        margin: -30px 25px 20px 25px;
        box-shadow: 0 0 12px 3px rgba(100, 100, 100, 0.45);
    }

    .column-side-nav {
        width: 240px;
        margin-bottom: 100px;
        flex: 0 0 auto;
    }

    .column-side-nav + .column-main-wrap {
        padding-left: 50px;
    }

    .column-main-wrap {
        flex: 1 1 auto;
    }

    .breadcrumbRow {
        display: block;
        padding: 12px 0;
    }

    .navbar-default .container-fluid .navbar-brand > img {
        width: auto;
        height: 85px;
    }

    .nav-topper {
        padding-right: 0px;
        padding-left: 0px;
      }
      .secondary-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
      }
      .secondary-actions #siteAlerts,
      .secondary-actions #siteName {
        color:#093b60;
        align-self: flex-start;
        flex: 1 1 auto;
      }
      .navbar-default .navbar-brand {
        padding: 0;
      }
      .navbar-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 22px;
      }
      .navbar-default .navbar-nav {
        background-color: 	hsl(206, 83%, 21%);
        background: linear-gradient(178deg, hsl(205, 79%, 28%) 10%, 	hsl(206, 83%, 21%) 100%);
        margin-top: 22px;
        margin-bottom: -32px;
        padding: 10px 20px;
        flex: 1 1 100%;
      }
      .navbar-default .nav > li > a,
      .navbar-default .navbar-nav > li > a:focus,
      .navbar-default .navbar-nav > li > a:hover,
      .navbar-default .navbar-nav > li.active > a,
      .navbar-default .navbar-nav > li.active > a:focus,
      .navbar-default .navbar-nav > li.active > a:hover {
        color: #fff;
      }
      .navbar-default .navbar-nav > li.active > a:after,
      .navbar-default .navbar-nav > li > a:after {
        background: #74ab01;
      }
      .navbar-default .navbar-brand svg {
        height: 60px;
        width: auto;
        position: relative;
        top: -12px;
      }

    #primary-nav #mainNav {
        display: flex!important;
        justify-content: flex-end;
    }

    .navbar-portalbar-v3 .navbar-nav .open .dropdown-menu .divider {
        background-color: #006161;
    }

    .navbar-portalbar-v3 .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-portalbar .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-portalbar .nav-collapse .nav > li > a:hover {
        background: #006161;
        background: rgba(0, 51, 102, 0.4);
        color: #ffffff;
        text-shadow: 0 1px 0px #001933;
    }

    .navbar-portalbar-v3 .navbar-collapse .nav > li > a {
        color: #ffffff;
    }

    #primary-nav .navbar-brand {
        float: none;
        display: table;
        width: 100%;
        padding: 0 10px 10px 0;
    }

    #primary-nav .navbar-brand span.header-title {
        font-size: 28px;
        left: 20px;
        top: 30px;
    }

    #primary-nav .navbar-brand span.header-title-name {
        font-size: 34px;
        top: 8px;
        left: -1px;
    }

    #primary-nav .navbar-header {
        margin-bottom: -50px;
    }

    #primary-nav .navbar-brand img {
        max-height: 150px;
        height: 150px;
    }

    #primary-nav #mainNav {
        display: block;
    }

    #primary-nav .navbar-header .nav-social {
        display: inline-block;
    }

    footer .footer-social,
    footer .footer-links {
        float: right;
    }

    footer .copyright p {
        margin: 0px;
    }

    footer .footer-links > li {
        padding: 0px 6px;
    }

    .column-main-wrap.column-main-wrap a,
    .column-main-wrap.column-main-wrap a:visited {
      color: #005ea2;
      font-weight: 600;
      transition: 0.15s ease all;
    }
    .column-main-wrap.column-main-wrap a:hover,
    .column-main-wrap.column-main-wrap a:focus {
      color: #093b60 !important;
    }
}

@media only screen and (min-width: 992px) {
    .homepage-feature-outer-container {
        height: 350px;
    }
}

@media only screen and (max-width: 992px) {
    .home-info-boxes {
        justify-content: center;
        margin-top: 20px;
    }

    .home-info-box {
        margin: 10px;
    }
}

.ms-webpartzone-cell {
    margin: 0 !important;
}

.ms-webpart-zone,
.ms-webpart-cell-vertical,
.ms-webpart-chrome-vertical {
    display: block;
    clear: both;
}

.nobr {
    white-space: nowrap;
    display: inline-block;
}

.dfwp-column {
    padding: 0;
}

#ADA-skip a {
    background: transparent;
    color: #006161;
    left: 0;
    padding: 1rem 1.5rem;
    position: absolute;
    top: -4.2rem;
    transition: all 0.2s ease-in-out;
    z-index: 999;
}

#ADA-skip a:focus {
    background: #006161;
    color: #fff;
    left: 0;
    outline: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease-in-out;
}


.mainContentArea-top {
    display: none;
}

.btn-search-form {
    padding: 5px 10px!important;
}

.attention-banner {
    background-color: #215c4f;
    color: white;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin: 20px;
}

.attention-banner a  {
    color: #ffcc00;
    text-decoration: underline;
}

.attention-banner a:hover  {
    color: #f00;
    text-decoration: underline;
}

.quick-links-container {
    display: flex;
    justify-content: space-between;
    margin: 45px auto 0 auto;
    max-width: 1200px;
    padding: 0 20px;
}

.quick-links-container > .quick-links {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.quick-links-container > .quick-links > a.quick-link {
    border-radius: 15px;
    border:2px solid #093b60;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    width: 310px;
    height: 230px;
    position: relative;
    margin-right:10px;
    transition: all 0.3s ease-in-out;
}

.quick-links-container > .quick-links > a.quick-link:hover {
    border:2px solid #006161;
    transition: all 0.3s ease-in-out;
}

.quick-links-container > .quick-links > a.quick-link > img {
    position: absolute;
    z-index: 0;
    transition: all 0.3s ease-in-out;
}

.quick-links-container > .quick-links > a.quick-link:hover > img {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}

.quick-links-container > .quick-links > a.quick-link > .quick-link-img-gradient {
    position: absolute;
    top: 105px;
    z-index: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    display: block;
    width: 100%;
    height: 125px;
}

.quick-links-container > .quick-links > a.quick-link > .quick-link-title {
    position: absolute;
    z-index: 2;
    font-family: 'Public Sans', sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-shadow: 2px 2px 3px #000;
}