@charset "UTF-8";

.no-js .top-bar,
.no-js .title-bar {
    display: none;
}

@media screen and (min-width: 40em) {
    .no-js .top-bar {
        display: block;
    }

    .no-js .title-bar {
        display: none;
    }
}


/*--- Fonts Roboto+Condensed:300,400,700|Roboto:400,500,700 ---*/

/*TEMPORARY FIX FOR PURCHASING*/
table#meeting-calendar th.monthrow.changeMonth .apps table th a {
    color: #307fe2!important;
}
/*#google_translate_element {display:none!important;}*/

.admin .callout.yellow:first-of-type {  margin-top: 5em;
}
.callout.yellow .red {color:black;}
body {
    font-family: "Inter", Calibri, Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    background-color: #fff;
    color:#0a0a0b;
}

.hightlights h3,
.mobile-highlights,
.wp-caption-text,
.map,
div.calendar,
div.datepickr-calendar {
    font-family: "Montserrat", Calibri, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
}
.datepicker-days table thead th {color:#222!important;}

ul.mobile-menu,
.breadcrumbs {
    font-family: "Inter", Calibri, Arial, sans-serif;
}

strong,
b {
    font-weight: 600;
}

big {font-size: 1.25em;}
/*---HTML5--*/
nav,
header,
footer,
main {
    position: relative;
}

/*--COLORS--*/
.red {
    color: #F9423A;
}

a.red:hover {
    color: #F9423A;
}

a.red {
    color:#F9423A;
}

.white {
    color: #fff!important;
}

a.white:hover {
    color: #fff!important;
}

.grey {
    color: #626465;
}

.teal {
    color: #1D4289;
}

.footer .teal {
    color: #636363;
}

.green {
    color: #00966C;
}
/*

.green-50 {
    color: #5AACA1;
}

.green-70 {
    color: #0A584D;
}

.green-100 {
    color: #072A25;
}
*/

.orange {
    color: #FE8F1C;
}

.orange-100 {
    color: #252A36;
}

.dark-blue {
    color: #15336c;
}

.blue-50 {
    color: #307FE2;
}

.yellow {
    color: #FFB81C;
}

.purple {
    color: #6c428d !important;
}
/*EYEBROWS*/
.eyebrow {
text-transform: uppercase;
width: fit-content;
padding: 1px 6px;
font-size: .7em;
font-weight: 600;

margin-bottom: 10px;
letter-spacing: 2px;
word-spacing: 2px; 
    
}

.green.eyebrow {
background: #00966C; 
  color: white!important;
}
.blue.eyebrow {
    background:#307FE2;
    color: white!important;
}
.yellow.eyebrow {
    background:#FFB81C;
    color:#252A36;
}
.red.eyebrow {
    background:#F9423A;
    color: white!important;
}

/*HR Dividers*/

hr {border-bottom: 2px solid #f2f2f2;}


/*---Headers---*/
/*font*/
h1,
h2
{
    font-family: "Montserrat", Calibri, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
}
h3,
h4,
h5,
h6,
h7,
h8 {
    font-family: "Inter", Calibri, Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
     color: #1d4289;
}
/*h4, h6  {font-family:"Roboto Condensed",Calibri,Arial,sans-serif;}*/
/*color*/
h1,
h2,
h6,
h7,
h8 {
    color: #1e2432;
}



h3,
h4,
h5,
{
    color: #1d4289;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #8893ab;
}

/*weight*/

h3 {font-weight:600;}
h4 {font-weight:600;}
h5 {font-weight: 500;}
/*
h6{text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 2px;}
*/
/*size*/
@media screen and (min-width: 64em) {
    h1 {
        font-size: 2.6em;
    }

    h2 {
        font-size: 2.2rem;
        
    }

    h3 {
        font-size: 1.7em;
    }
    
    h4 {
        font-size:1.5rem;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 2rem:
    }

    h3 {
        font-size: 1.8em;
    }
}

@media screen and (max-width: 39.9375em) {
    h1 small {
        display: block;
        line-height: 1.6;
    }
}

p.define {
    font-size: 1.2em;
    color: #15336c;
}

.contact h5, .contact h2 {
    /* font-weight: 300; */
    margin: 1rem 0em;
    font-size: 99%;
    font-family: "Inter", Calibri, Arial, sans-serif;
    color: #1D4289 !important;
    font-weight: 700;}


.contact h2:first-of-type {

font-size: 1em;
color:#307fe2;
padding-bottom: 8px;
}

.contact h2:first-of-type:after {
    left: 0.5em;
margin-right: -50%;
background-color: #c3d0e0;
content: "";
display: inline-block;
height: 2px;
position: relative;
vertical-align: middle;
width: 50%;
}

.text-center {
    text-align: center !important;
}

/*---Rows---*/
.row.half-collapse .columns,
.row.half-collapse .column {
    padding-right: .375rem;
    padding-left: .375rem;
}

.row.half-collapse input,
.row.half-collapse textarea,
.row.half-collapse select {
    margin-bottom: 0;
}

.row.half-collapse.expanded .row {
    margin-right: -.375rem;
    margin-left: -.375rem;
}

@media screen and (min-width: 40em) {
    main.row.expanded .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
    }

    .main-content {
        padding-left: 1.475rem;
    }
}

/*--Main Content--*/
.main-content {
    background-color: #fff;
    line-height: 1.7;
}

.main-content p {
    margin-bottom: 1.25rem;
    line-height: 1.7;
}

.apps.main-content {
    padding-top: 2em;
    padding-bottom: 3.5rem;
    min-height: 80vh;
}

/*---Accessibility---*/
.sr-only {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

/*---Links---*/
a {
    color: #1a5a95;
    font-weight:500;
}

a:hover {
    color: #175bb1;
    cursor: pointer !important;
}

a:focus {
    color: #175bb1;
}

.side-nav li a:hover {
    /*border-bottom:1px solid #dad9d4;  */
    background:#fbfbfb;
}

body p a,
ul.styled li a,
ol.steps li a {
    cursor: pointer !important;
}

body .main-content p a:hover,
.main-content ul.styled li a:hover,
ol.steps li a:hover {
/*    border-bottom: none !important;*/
    cursor: pointer !important;
}

a img,
a img:hover {
    border: 0 !important;
}

p.img-link a {
    border-bottom: none !important
}
.text-shadow {text-shadow: 1px 1px 5px #00000059;}
/*a.img:hover {border:0!important;}*/

/*Add to ROW to vertically align all elements to the center*/


/*--Z-AXIS MATERIAL DESIGN -- 5 is higher priority, box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;*/
.z-depth-1 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), 0 3px 1px rgba(0, 0, 0, 0.02);
}

.z-depth-2,
.webicon,
img.shadow {
/*    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.13);*/
    
    box-shadow: rgba(67, 70, 76, 0.27) 0px 3px 5px;
}

/*.z-depth-3 {border-top: #1D4289 8px solid;}*/
/*.z-depth-3 {box-shadow:0 2px 6px rgba(0,0,0,0.1),0 5px 5px rgba(0,0,0,0.1);}*/
.z-depth-4,
.footer,
.off-canvas-absolute.is-open,
div.calendar {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), 0 3px 1px rgba(0, 0, 0, 0.02);
}

.z-depth-5,
 .dropdown-pane,
div.datepickr-calendar {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.25), 0 15px 12px rgba(0, 0, 0, 0.20);
}

.no-shadow,
.button.tiny,
.button.postfix,
.vertical.medium-horizontal.menu .button,
.menu .button,
table .button,
table button,
.button-group .button {
    box-shadow: none !important;
    border-radius:0!important;
}

/*DEPARTMENT MINI BRANDS*/

/* ANIMAL SHELTER */
.callout.kcas {background: #6B3F96;}
    .callout.kcas .button {background: #200C37;border:2px solid #200C37;}

    .kcas-gold {color:#FF8F1C;}
    .kcas-orange {color:#EA733D;}
    .kcas-light-purple {color:#775AA3;}
    .kcas-purple {color:#6B3F96;}
    .kcas-dark-purple {color:#200C37;}
   

/*CAA*/
.caa .callout.primary {background:#9c2056;color:white!important;}
.caa .callout.primary h1, 
.caa .callout.primary h2,
.caa .callout.primary h3,
.caa .callout.primary h4,
.caa .callout.primary h5,
.caa .callout.primary h6,
.caa .callout.primary a{color:#fff!important;}
.caa .button {background:#c80752;}
.caa .button:hover, .caa .button:focus  {background:#9c2056;}
.caa .button.secondary {background-color: #f5c3d9;
    color: #a51154;}
.caa .button.secondary:hover  {background-color: #edb1cb;
    color: #a51154;}
.caapink {
        color: #ce0067 !important;
    }
.caa.callout {
        background-color: #f6eef2;
        border: none !important;
    }
/*---CALLOUTS---*/
.callout {
    border: 0;
    padding: 1.5em;
}

.callout.primary {
/*    background-color: #e7f1ff;*/
    background-color:#edf2fa;
    border: none;
    color: #050505;
}

.callout.secondary {
/*
    background-color: #fefefe;    
border:2px #e7f1ff solid;   
*/
    background-color: #fff;
/*  border: 2px #ebebec solid;*/
/*  border: 1px #bdcdeb solid;*/
    border: 1px solid #e9e8e8;
  box-shadow: rgba(5, 5, 5, 0.04) 2px 1px 29px;
    border-radius:0;
}

.callout.primary a.button {
    color: #fff;
}

.callout.warning {
    background-color: #f3eaea;
    border: 1px solid #a02b2b;
    color: #a02b2b;
}

.callout.warning a {
    color: #a94141;
}

.callout.warning a:hover {
    color: #a94141;
}

.callout.alert-box p {
    margin-bottom: 1rem;
}
.callout.blue {
    
    background:#307FE2; 
    color:#fff!important;


}


.callout.brunner {
    border: 3px solid #e4e4e4;
      background-color: #fff;
  box-shadow: rgba(5, 5, 5, 0.04) 2px 1px 29px;
   
}

.callout.gradient {
    background-image: url(https://www.accesskent.com/images/gradient2.png);
  background-size: cover;
  background-position: center;
    color:white!important;
    font-weight:500;
    text-shadow:1px 1px 1px rbga(0,0,0,.2);
}
.callout.gradient h1, .callout.gradient h2, .callout.gradient h3, .callout.gradient h4, .callout.gradient h5, .callout.gradient h6 , .callout.gradient a {color:white;}

.callout.green {
    background-color:#00966C;
    
/*  background-image: radial-gradient(circle, #34B78F, #00966C);*/

    border: none;
    color: #fff!important;
}
.callout.green p, .callout.green h1, .callout.green h2, .callout.green h3, .callout.green h4, .callout.green h5, .callout.green h6 ,.callout.blue p, .callout.blue h1, .callout.blue h2, .callout.blue h3, .callout.blue h4, .callout.blue h5, .callout.blue h6 {color:#fff!important;}
.callout.green a, .callout.blue a {
    color: #fff!important;
}

.callout.green .green {color:#fff!important;}

.callout.green a:hover {
    color: #fff!important;
}

.callout.yellow {
    background-color:#FFB81C;
    border: none;
    font-weight:500;
    color:#252A36;
/*    color: #050505;*/
}
.callout.yellow a {color:#252A36;text-decoration:underline;}
.callout.yellow .red,.callout.yellow .alert {color:#252A36;}
.callout.alert {
    background-color: #F9423A;
    color:#fff;
    font-weight:500;
    text-shadow: 1px 1px 1px rgb(128, 128, 128, .2);
}

.callout.notice {
    background-color: #bd4b21 !important;
    color: #fff !important;
    font-weight:400;
}

.callout.notice h5 {
    color: #fff;
}

.callout.notice a {
    color: #fff;
    text-decoration: underline;
}

.callout.orange {
    background-color: #F6ECE8;
    color: inherit !important;
}

.callout.orange a {
   color: inherit;
    text-decoration: underline;
}

.callout.orange a:hover {
  color: inherit;
}

.callout.orange p {
    color: #222;
}

/*--- Overlay Blurb ---*/
.overlay-blurb {
    box-shadow: inset 0 0 0 2000px rgba(0, 29, 78, 0.50);
    color: #ffff;
    padding: 60px 40px;
}

.overlay-blurb:hover {
    transition: .25s ease-in-out;
    box-shadow: inset 0 0 0 2000px rgba(0, 29, 78, 0.60);
}


/*---BUTTONS---*/
a.button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    border: none;
    background-color: #1D4289;
    transition:ease-in-out .2s;
}

.button:focus {
    box-shadow: none;
    background-color: #1D4289;
    transition: ease-out .25s;
}

.button {
    font-family: "Inter", Calibri, Arial, sans-serif;
    font-weight: 500;
    font-size: 1rem;
    border:none;
}

.button {
    background-color: #252A36;
    color: #fff;
    border: none;
     border-radius: 100px;
}

.button.small {
    font-size: .8rem;
    font-weight: 500;
}

.button.small.postfix {
    font-size: .85rem;
    border:none;
}

.button.postfix {
    padding: 0.7em 1em;
    border:none;
}

.button.postfix:hover {border:none;}

.button.secondary {
/*    background-color: #abc9ff;*/
/*
    background-color: #307fe2;
color: #fff;
    text-decoration: none !important;
    border: none;
*/
    
/* HOLLOW BORDER
background-color: transparent;
color: #175cb4;
text-decoration: none !important;
border: 2px solid #175cb4;
*/
 background-color: #d6e3f9;
    color: #002b4e;
    text-decoration: none !important;
    border: none;
}
.button.secondary:hover,
.button.secondary:focus {
    background-color: #c4dcfd;
    color: #002b4e;
    border: none;
}

/*
.button.secondary:hover,
.button.secondary:focus {
background-color: #c4dcfd;

color: #1d4289;
border: 2px solid #c4dcfd;
}
*/


.button.large {padding: 0.85em 1.5em 1em 1.5em;}
.button.tiny {
    font-size: .85rem;
    font-weight: 600;
}

.button.primary {
    background-color: #1D4289;
}

input.button:disabled,
input.button[readonly] {
    background-color: #1D4289;
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
         background-color: #eaeaea;
    color: #40444c;
    opacity: 1!important;
    cursor: not-allowed !important;
}

.callout.primary a.button.secondary {
    color: #222;
}

.button.success {
    background-color: #5e9448;
}

.button.success:hover,
.button.success:focus {
    color: #fff;
}

.button.green,  
.side-nav a.button.green {
    background-color:#067C5B;
    color: #fff !important;
    border: none;
}

.button.green:hover,
.side-nav a.button.green:hover{
    background-color: #066C4F;
    border: none;
}

.button.black {
    background:#252A36;
    border:2px solid #252A36;
}

.button.black:hover {
    transition:ease-in-out .1s;
    background: #2D3547;
border: 2px solid #2D3547;
}

.button-blue, .button.blue {background-color:#307fe2!important; 
}
.button-blue:hover, .button.blue:hover {background-color:#2574d7 !important;}

.button-group.secondary .button {
    background-color: #e6e2d6;
    color: #050505;
}

.button-group.secondary .button:hover,
.button-group.secondary .button:focus {
    background-color: #e1d8bd;
    color: #050505;
}
.button.hollow.light {
    color:#fff!important;
    border: 2px solid #fff!important;
    background:transparent;
    
} 

.button.hollow.light:hover {
  color: #fff !important;
background: #00000021;
border: 2px solid transparent !important;
    
} 
.button.hollow.dark {
    color: #001d4e;
    border: 1px solid #001d4e !important;
    background-color: #fff;
}

.button.hollow {
background-color: transparent;
color: #1D4289;
text-decoration: none !important;
border: 2px solid #1D4289;
}

.button.hollow:hover {
   background-color: #c4dcfd;

color: #1D4289;
border: 2px solid #c4dcfd;
}

.formButton {
    text-align: left !important;
}

input[type="submit"],
input[type="button"] {
    background-color: #1D4289;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: .85em 1em;
    -webkit-appearance: none;
    /* border: none; */
    border-radius: 0;
    transition: background-color .25s ease-out, color .25s ease-out;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}

.button.rounded {
    border-radius: 100px !important;
}

.input-group-button a.button {
    height: 36px;
}

.input-group-button a.button.tiny {
    height: 33px !important;
}


/*side-bar buttons*/
/*
.side-nav a.button {background-color: #fff;width:80%;color:#fff;border: 1px solid #1D4289; color: #1D4289; font-size:.9rem; font-weight:500;}
.side-nav a.button:hover {background-color:#1D4289; color: #fff;transition: background-color .5s;transition: color .25s;}
*/

.side-nav a.button {
background-color: #edf2fa;
padding: 1.2em 2em;
text-decoration: none !important;
color: #1D4289;
width: 90%;
font-weight: 600;
border: none;
border-radius: 32px;
border: none;
    font-size:.9em;
}

.side-nav a.button:hover {
background-color: #c4dcfd;
box-shadow: none;
/*border: 2px solid transparent;*/
/*color: #fff !important;*/
}

.side-nav a.button.blue {
background-color: #307FE2;
color: #fff;

}



.button.form-row {
    margin: 1.5em 0 0 0;
    padding: .5em 1em;
    border: none;
    height: 2.275rem;
}

.button.form-row:hover {
    border: none;
}

.button.overlay.dark {
    background-color: rgba(122, 170, 219, .30);
    color: #15336c;
}

.button.overlay.dark:hover {
    background-color: rgba(105, 146, 187, .30);
    color: #15336c;
}

/*---LABELS----*/
label {
    font-size: inherit;
    font-weight: inherit;
    color: #222;
    line-height: 1.5;
}

.apps label {
    font-weight: 500;
}

label.nobold {
    font-weight: 400;
}


/*---LISTS---*/
ul.styled,
ul.styled li {
    list-style: disc;
    line-height: 1.8;
}

ul.styled li:before {
    content: '';
    float: left;
    margin-left: -1.3em;
    color: #999999;
    font-size: .65rem;
    margin-top: .2rem;
    font-weight: 900;
}

ul.styled li::marker {
    color: #262c31;
    font-size: .9em;
}

ul.styled.red li:before {
    color: #999999;
}

article ul.styled li {
    margin-top: .5rem;
}

ul.styled {
    margin-left: 2rem;
}

ul.styled.top-nav {
    margin-left: 0rem;
    margin-bottom: 2em;
}

ul.styled.top-nav li {
    list-style: none;
    line-height: 2;
}

ul.styled.top-nav li a {
    border-bottom: none !important;
}
ul.styled.top-nav li a:hover {
    color: #307fe2 !important;
}



ul.styled ul li:before {
    content: '';
    margin-left: -1em;
    color: #9F2A00;
    font-size: .65rem;
    margin-top: .4rem;
}

ul.styled ul li {
    margin-top: .25rem;
}

ul.checklist,
ul.checklist li {
    list-style: none;
}

ul.checklist li:before {
    content: '\f058';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.3em;
    color: #34B78F;
    font-size: 1rem;
   
    font-weight: 900;
}

/*CUTE BUBBLE LIST */
ul.qt-list {
            list-style-type: none;
            padding-left: 0;
        }

        ul.qt-list>li {
    position: relative;
    padding-left: 32px;
       padding-bottom: 2.5em;
    margin-bottom: 0;
    
        }

        ul.qt-list>li:before {
          content: "\f111";
    font-family: "FontAwesome";
    color: #307FE2;
       position: absolute;
    left: 0;
    font-weight: 900;
    font-style: normal;
    top: 7%;
    transform: translateY(-50%);
    z-index: 1;
    font-size: 21px;
        }

        ul.qt-list>li:after {
            content: "";
            position: absolute;
            left: 10px;
             top: 0px;
            bottom: 0;
            width: 2px;
            background-color: #b7d5f9; 
            transform: translateX(-50%);
            z-index: 0;
            
        }

article ul.checklist li {
    margin-top: 1rem;
}

ul.checklist {
    margin-left: 2rem;
}

ul.checklist ul li:before {
    content: '\f00c';
    margin-left: -1em;
    font-size: .65rem;
    margin-top: .4rem;
}

ul.checklist ul li {
    margin-top: .25rem;
}

/*DOCUMENT DOWNLOAD LIST*/
ul.download {
    padding-left: 0!important;
    margin: 0important;
    list-style: none;
}
ul.download li {
    border-bottom: 1px solid #d7e0f1;
   margin-left:0!important;
    display: flex;
    padding-bottom: 0!important;
    text-indent: 0em!important;
    padding-left: 0!important;
}
ul.download li::before {
    content: none!important;
}
ul.download li a {
    padding:1em;
    font-weight: 400;

    width: 100%;
}
ul.download li a:hover {
    border-bottom: none;
    color: #307FE2!important;
    text-decoration: none;
    font-weight: 400;
    background: #f4f7fb;
    transition: ease-in-out .1s;
}
ul.download li a::before {
    font-size: 1em;
    padding-right:.5em;
    color: #307fe2;
    display: inline-block;
  font-family: "FontAwesome" !important;
  font-weight: 900;
  font-style: normal;
    content: "\f56d";
    transition: all .1s ease-in-out;
    vertical-align: middle;
    position: relative;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
 ul.download li a:hover::before {
   
       color: #307fe2;

    
}


ol.steps {
    counter-reset: li;
    margin-left: 2rem;
    padding-left: 0;
 border-left: 2px solid #d5eae3;
}

ol.steps > li {
    position: relative;
    margin: 0 0 2rem 1rem;
    padding: 0 12px;
    list-style: none;
}

ol.steps > li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: -2px;
    left: -50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2em;
    margin-right: 18px;
    margin-left: 18px;
    padding: 4px;
    border-top: 2px solid #34B78F;
    color: #fff;
    background: #34B78F;
    font-weight: 700;
    padding: 2px;
   
    text-align: center;
    border-radius: 96%;
}

li ol.steps,
li ul {
    margin-top: 6px;
}

ol.steps ol li:last-child {
    margin-bottom: 0;
}

ul.location {
    list-style: none;
}

ul.location li::before {
    content: '\f3c5';
    font-family: 'FontAwesome';
    margin-left: -1.2em;
    color: #307FE2;
    float: left;
    margin-top: .1rem;
    font-size: 1em;
    font-weight: 900;
}

ul.location.green-icon li::before {
    content: '\f3c5';
    font-family: 'FontAwesome';
    margin-left: -1.2em;
    color: #7FC4BA;
    float: left;
    margin-top: .1rem;
    font-size: 1em;
    font-weight: 900;
}

ul.phone {
    list-style: none;
}

ul.phone li::before {
    content: '\f87b';
    font-family: 'FontAwesome';
    margin-left: -1.2em;
    color: #7AAADB;
    float: left;
    margin-top: .1rem;
    font-size: 1em;
    font-weight: 900;
}

ul.phone.green-icon li::before {
    content: '\f87b';
    font-family: 'FontAwesome';
    margin-left: -1.2em;
    color: #7FC4BA;
    float: left;
    margin-top: .1rem;
    font-size: 1em;
    font-weight: 900;
}

ul.hours {
    list-style: none;
}

ul.hours li::before {
    content: '\f017';
    font-family: 'FontAwesome';
    margin-left: -1.2em;
    color: #7AAADB;
    float: left;
    margin-top: .1rem;
    font-size: 1em;
    font-weight: 900;
}

ul.hours.green-icon li::before {
    content: '\f017';
    font-family: 'FontAwesome';
    margin-left: -1.2em;
    color: #7FC4BA;
    float: left;
    margin-top: .1rem;
    font-size: 1em;
    font-weight: 900;
}


/*TOP BANNER SLIDER*/
.banner .orbit-container {
    padding: 0em 3em .5em 3em;
    background: #e8eef4;
    height: auto;
}

.banner .orbit-previous,
.orbit-next {
    color: #7aaadb;
}

.banner .orbit-previous:hover,
.banner .orbit-next:hover,
.banner .orbit-previous:active,
.banner .orbit-next:active,
.banner .orbit-previous:focus,
.banner .orbit-next:focus {
    background-color: transparent;
    color: #15336c;
    cursor: pointer;
}

.banner .orbit-container .button.small {
    margin-top: 1em;
    border-radius: 5px;
}

/*CALENDAR SLIDER*/
.slick-prev::before {margin-left: -1em;}
.slick-prev::before, .slick-next::before {
  font-family: "slick";
  font-size: 21px!important;
  line-height: 1;
    color: #252A36!important;
    font-family: 'FontAwesome'!important;}
.slick-slide {padding-left:1em;}

/*---TOPBAR---*/
.top-bar a.social {
    display: none;
}

.top-bar,
.top-bar ul {
    background-color: #001d4e;
}

.top-bar {
    padding: 0rem;
}

.top-bar a {
    color: #d8d3c0;
    font-size: .9rem;
}

/*
.top-bar .menu > li > a {
    padding: .25rem .4rem;
}
*/

.top-bar li a.social {
    font-size: 1.2rem;
    padding-right: 0;
}

.top-bar-left {
  position: absolute;
    top: 17px;
    left: 70px;
    z-index: 999;
}

.aK-logo {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
}

.aK-logo-bkgd {
    background-color: #07a0c3;
    height: 72px;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    color: #fff !important;
    font-size: .75rem;
    font-weight: 300;
}

/*.goog-te-gadget-simple {display:none!important;}*/
.aK-logo-bkgd .notranslate {
    font-weight: 400;
    display: block;
    padding-top: .5rem;
    color: #222;
    font-size: .9rem;
}


/*--SEARCH--*/
input.gsc-input {
    border: none !important;
    background-color: transparent;
    background-image: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 3px 6px !important;
    height: 40px !important;
    width: 100% !important;
    color: #000;
    font-size: 1rem;
    transition: none;
    box-shadow: none;
}

@media screen and (max-width: 39.9375em) {
    input.gsc-input {
        background: none;
    }
    
  #google_translate_element  {display: none;
visibility: hidden;}
    
    
}

.gsc-search-button-v2,
.gsc-input-box {
    height: 41px !important;
    width: auto !important;
}

.gsc-search-button-v2 {
    margin-top: 6px !important;
}

.gsc-input-box table {
    margin: 0;
}
 .gsc-search-box tbody {    border: none!important;
    background-color: transparent!important;}
table.gsc-search-box td,
.gsib_a {
    padding: 0 !important;
}

.gsc-search-button-v2 {
    padding: 10px 15px !important;
    border: none !important;
margin: 0 !important;
}

.gsc-search-button-v2,
.gsc-search-button-v2:hover,
.gsc-search-button-v2:focus {
    background-color: #307FE2 !important;
    cursor: pointer;
}

.mobile-search .gsc-search-button-v2 {
    display: none;
}

#gse.mobile-search {
    height: 36px !important;
    padding: .25rem;
    background-color: #fff;
}

.mobile-search .gsc-search-button-v2,
.mobile-search .gsc-input-box {
    height: 30px !important;
    padding: 0;
}

#gse.mobile-search input.gsc-input {
    height: 30px !important;
    border: 0 solid #ccc !important;
}

input.gsc-input::placeholder {
    color: #fff;
    opacity: 0;
}

input.gsc-input:-ms-input-placeholder {
    color: #fff;
}
input.gsc-input:focus {box-shadow:none;}
input.gsc-input::-ms-input-placeholder {
    color: #fff;
}

.gsst_a .gscb_a {
    color: #307FE2;
}

/*---NAVIGATION---*/
nav#widemenu {
    z-index: 10; line-height:0;
}

.nav-bkgd {
    background-color: #bfe6ef;
}

.nav-bkgd ul a.nav-item {
    padding: .9rem 1.5rem 0 1rem;
    line-height: 1.9;
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #1c3b66;
    position: relative;
    font-weight: 700;
}

.dropdown.menu > li:hover {background:#307fe2;    transition: ease-in .1s;}
.dropdown.menu > li > a.nav-item::after {
/*
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #dd1c1a transparent transparent;
    top: 50%;
    left: 75%;
    position: absolute;
*/
content: url(/images/caret.svg);
width: 17px;
opacity:1;
display: block;
float: right;
padding-left: 6px;
   
}

/*
.dropdown.menu > li.departments > a.nav-item::after {
    left: 90%;
}

.dropdown.menu > li.parks > a.nav-item::after {
    left: 86%;
}

.dropdown.menu > li.online-services > a.nav-item::after {
    left: 86%;
}
*/


/*Submenu*/
.nav-bkgd .dropdown-pane {
    width: 100%;
    background-color: #fff;
    border: none;
    text-align: left;
    font-size: 1rem;
    margin-top: -1rem;
}

.nav-bkgd .dropdown-pane ul.styled li::before {
    font-size: .5rem;
    content: none;
}

.nav-bkgd .dropdown-pane li a {
    font-weight: 400;
    color: #252A36;
    line-height: 2.1;
}

.nav-bkgd ul a.nav-item.hover {
    background-color: #307fe2;
    color: #fefefe;
}

.nav-bkgd .dropdown-pane p {
    font-weight: 300;
    font-size: 1rem;
    margin-bottom: .25rem;
}

.nav-bkgd .dropdown-pane .callout {
    margin-top: 1rem;
}

/*.nav-bkgd .dropdown-pane .columns {border-right:1px solid #e0dddd;}*/
.nav-bkgd .dropdown-pane .columns .columns,
.nav-bkgd .dropdown-pane .columns:last-child {
    border-right: 0 solid #e0dddd;
}

.nav-bkgd .primary.callout,
.nav-bkgd h5 {
    margin-bottom: 0;
}

.nav-bkgd .dropdown-pane .parks {
    font-size: 1rem;
}

.nav-bkgd .dropdown-pane .parks ul {
    margin-left: .8rem;
    margin-top: .5rem;
}

ul.menu.inline-list.header-search {
    background-color: rgba(37, 102, 170, .42);
    padding: 5px 10px;
    border-radius: 20px;
    margin: 5px;
}

ul.menu.inline-list.header-search:hover {
    background-color: rgba(37, 102, 170, .25);
}

.header-search i {
    color: #7aaadb;
}

/*---Mobile NAVIGATION---*/
/*.title-bar {background-color:#0d96b5;border-top:1px solid #FFF6;}*/
.mobile-bar {padding:1em 0em;}
.mobile-bar .menu-icon {
    width: 25px; padding:5px;
}

.mobile-bar .menu-icon::after {
    width: 20px;
    color:#1d4289;
    background-color:#1d4289;
    box-shadow: 0 7px 0 #1d4289, 0 14px 0 #1d4289;
/*    height:50px;*/
}

.mobile-search {
    margin: 0;
    border-radius: 10px;
}

.menu-icon:hover::after {
    background: #1d4289;
    box-shadow: 0 7px 0 #1d4289, 0 14px 0 #1d4289;
    -webkit-box-shadow: 0 7px 0 #1d4289, 0 14px 0 #1d4289;
    -moz-box-shadow: 0 7px 0 #1d4289, 0 14px 0 #1d4289;
}

.mobile-bar .title-bar-left {
    width: 30%;
    padding-top: .25em;
}
.mobile-bar .title-bar-right {position: absolute;
right: 1em;
top: 1.5em;}
.mobile-bar .title-bar-title.search-mobile-bar {
    width: 70%;
}
.search-mobile-bar {padding-top: 4px;}
.off-canvas-absolute {
    background-color: #1D4289;
}

ul.mobile-menu a {
    color: #fff;
    border-bottom: 1px solid #5984af;
    line-height: 1.2;
}

.close-button {
    top: .25rem;
    font-size: 2em;
    color: #ffffff!important;    z-index: 999999999;
}
#calendarEventsBox .close-button {
    color: #1d4289!important;}

.is-drilldown-submenu {
    background-color: #15336c;
}

li.menu-text {
    background-color:#307fe2;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

li.js-drilldown-back {
    background-color: #15336c;
}

li.js-drilldown-back a {
    color: #fff;
}

.js-drilldown-back > a::before {
    border-color: transparent #fff transparent transparent;
}

ul.mobile-menu .callout {
    font-size: .9rem;
    text-align: center;
    padding: 1rem .5rem;
    font-weight: 500;
    background-color: #d7eff5;
}

ul.mobile-menu .is-drilldown-submenu-parent > a::after {
    border-color: transparent transparent transparent #f5f5f2;
}


.mobile-bar .title {
    font-size: 1.2rem;
    color: #fff;
    font-family: "Roboto Condensed", Calibri, Arial, sans-serif;
}

/*--- Forms --- */
.file-upload {
    background-color: #fefefe;
    outline: none;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: 0;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1);
    border-radius: 3px;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.leaveme {
    display: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #8c8c8c;
    font-size: .9rem;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #8c8c8c;
    font-size: .9rem;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #8c8c8c;
    font-size: .9rem;
}

input::placeholder,
textarea::placeholder {
    color: #8c8c8c;
    font-size: .9rem;
}

::-moz-placeholder {
    opacity: 1;
}

.file-upload {
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
}

.file-upload input.file-input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.ui-helper-hidden-accessible {
    display: none;
}

label.vertical {
    display: inline;
    margin-right: 0 !important;
}

label.vertical:after {
    content: "\A";
    white-space: pre;
}

input.vertical[type="checkbox"],
input.vertical[type="radio"] {
    margin: 0 .25rem;
}

.search-field {
    width: 0;
}

.top-bar input {
    margin: 0;
    padding: 0;
    border: none;
    max-width: 0;
    height: 1.75rem;
}

.search-field.open input.dream-search {
    max-width: 200px;
    padding: .5rem;
}

.checkbox-vertical label,
.radio-vertical label {
    display: inline;
    font-weight: 400;
}

.checkbox-vertical label[for*="checkboxlist-"]:after,
.checkbox-vertical label:after {
    content: "\A";
    white-space: pre;
}

.radio-vertical label[for*="register_field_"]:after {
    content: "\A";
    white-space: pre;
}

.checkbox-vertical input[type="checkbox"],
.radio-vertical input[type="radio"] {
    margin: 0px 0.25rem 0rem;
}


/*input group*/
.input-group-button .button {
    padding: .5em 1em;
}

.input-group input[type="text"],
.input-group input[type="password"],
.input-group select,
.input-group-button .button {
    margin-bottom: 0;
}

.input-group-label {
    border: 1px #cfcfcf solid;
    background:#e9ecf3;
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea,
select,
.file-upload {
    margin: 0 0 .65rem;
   border: 1px solid #ababab;
    background-color: #fbfbfb;
    height: 2.275rem;
    box-shadow: none;
}

[type='file'],
[type='checkbox'],
[type='radio'] {
    margin: 0 0 .65rem;
}


[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
    outline: none;
    border: 1px solid #99a9c9;
    background-color: #fefefe;
    box-shadow: 0 0 15px #1c2f4f12;}

/*--Footer--*/
.footer {
    background-color: #1e2432;
    color: #fff;
    padding: 1rem;
    font-size: .9rem;
}
ul.footer-links {padding-top: 1em; list-style-type: none;}

ul.footer-links li {padding-bottom: 2em;
font-size: .9em;}
/*.footer {background-color:#d6e0ea;color:#15336c;padding:1rem;font-size:.9rem;}*/
.footer a {
    color: #fff;
    font-weight: 400;
}
/*
.footer a.social i {text-align: center;
background: #ffffff1c;
width: 41px;
height: 40px;
display: inline-block;
line-height: 1;
vertical-align: middle;
margin: 5px 5px 1px 1px;
padding: 10px;
font-size: 20px;
border-radius: 20px;}
*/
/*
.footer .social-links {display:inline-block;}
.footer a.social i {

    position: absolute;
 
    display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px; 
margin-top: -4px;
  border-radius: 50%; 

}
*/

.social-links {
  display: flex;
  justify-content: left;
gap: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

.social-link {
  width: 40px; /* Set a fixed width for the circular background */
  height: 40px; /* Set a fixed height for the circular background */
  background-color: #ffffff1c;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.social {
  display: flex;
  align-items: center;
  color: #fff;
  text-decoration: none;
}

/* Adjust icon size if needed */
.social i {
  font-size: 20px;
}


.footer p {
    line-height: 1.4;
}

.footer a.button {background:#307FE2; border:2px solid #307FE2;}

.sub-footer {
    background-color: #1D4289;
    color: #FFFFFF80!important;
    padding: .5rem;
    position: relative;
}

.sub-footer a {color:#FFFFFF80;}
.footer-mid a {
    color: #15336c;
}

.footer-mid {
    font-size: 1rem;
}


/*--Social Media Icons---*/
.webicon {
    display: inline-block;
    background-size: 100%;
    width: 30px;
    height: 30px;
    text-indent: -999em;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.webicon.small {
    width: 20px;
    height: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.webicon.large {
    width: 38px;
    height: 38px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

@media print {
    .webicon {
        text-indent: 0;
        width: auto !important;
        height: auto !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
    }
    
   
    
}

.no-svg .webicon.facebook {
    background: url(/css/webicons/webicon-facebook-m.png);
}

.no-svg .webicon.facebook.large {
    background: url(/css/webicons/webicon-facebook.png);
}

.no-svg .webicon.facebook.small {
    background: url(/css/webicons/webicon-facebook-s.png);
}

.svg .webicon.facebook {
    background: url(/css/webicons/webicon-facebook.svg);
}

.no-svg .webicon.twitter {
    background: url(/css/webicons/webicon-twitter-m.png);
}

.no-svg .webicon.twitter.large {
    background: url(/css/webicons/webicon-twitter.png);
}

.no-svg .webicon.twitter.small {
    background: url(/css/webicons/webicon-twitter-s.png);
}

.svg .webicon.twitter {
    background: url(/css/webicons/webicon-twitter.svg);
}

.no-svg .webicon.youtube {
    background: url(/css/webicons/webicon-youtube-m.png);
}

.no-svg .webicon.youtube.large {
    background: url(/css/webicons/webicon-youtube.png);
}

.no-svg .webicon.youtube.small {
    background: url(/css/webicons/webicon-youtube-s.png);
}

.svg .webicon.youtube {
    background: url(/css/webicons/webicon-youtube.svg);
}

.no-svg .webicon.instagram {
    background: url(/css/webicons/webicon-instagram-m.png);
}

.no-svg .webicon.instagram.large {
    background: url(/css/webicons/webicon-instagram.png);
}

.no-svg .webicon.instagram.small {
    background: url(/css/webicons/webicon-instagram-s.png);
}

.svg .webicon.instagram {
    background: url(/css/webicons/webicon-instagram.svg);
}

/*
i.fab.fa-twitter {color:#00acee;}
i.fab.fa-twitter:hover {color:#0599d2;}
*/

/*--Alerts and Errors--*/
.alert-box {
    padding: 0 1.5rem 0 .875rem;
    margin-bottom: 1rem;
}

.alert-box ul {
    margin: .25rem;
    list-style-type: none !important;
    font-weight: 400;
}

.alert-box .close-button {
    top: .25rem;
    font-size: 1.75em;
    color: #fefefe;
}

.alert-box ul li {
    position: relative;
    padding: 0 20px 0 0;
    font-size: 16px;
}

/*.alert-box ul li:before {position:absolute;top:0;left:0;font-family:'FontAwesome';content:"\f00c";color:#fff;font-weight:900;}*/
.errors .alert-box ul li:before {
    display: none;
}

.errorMessage {
    color: #fff !important;
}

ul.errorMessage li:before {
    color: #fff !important;
}

ul.errorMessage {
    margin-top: 0em;
}

.alert-box.alert ul.errorMessage {
    margin: 0;
    padding: 0;
    list-style-type: none !important;
}

.alert-box.alert ul.errorMessage li:before {
    color: #c13230;
}

/*
ul.errorMessage li span {
    color: #c13230 !important;
}
*/

.alert-box.alert ul.errorMessage li span {
    color: #fff !important;
}

.alert-box.alert ul li:before,
ul.errorMessage li:before {
    content: "\ff06a";
    font-family: 'FontAwesome';
    padding: .25rem;
    font-weight: 900;
}

.apps .alert-box.alert ul li:before,
.apps ul.errorMessage li:before {
    content: "\f06a";
    font-family: 'FontAwesome';
}

.alert-box.success ul li:before {
    content: "\f058";
    padding: .25rem;
}

.error input,
input.error,
.error textarea,
textarea.error,
select.error,
.error select {
    border-color: #c13230;
    background-color: #F9E3E3;
}

.alert-box.alert {
    background-color: #dc322b;
    color: #fff;
    padding: 1rem;
/*    border-left: 8px solid #c13230;*/
    box-shadow: 3px 3px 8px rgb(128, 128, 128, .42);
    text-shadow: 1px 1px 1px rgb(128, 128, 128, .2);
}

.alert-box p {
    margin-bottom: 0;
}

/*.alert-box.success {background-color: #419639;  border-color: #419639;font-weight:500;color:#fff;padding:.5rem;}*/

.alert-box.success, .success {
    background-color: #00966C!important;
  list-style-type: none;
    font-weight: 500;
    color: #fff!important;
    padding: 1rem;
/*    border-left: 8px solid #2e8c7e;*/
    box-shadow: rgba(5, 5, 5, 0.04) 2px 1px 29px;
    text-shadow: 1px 1px 1px rgb(128, 128, 128, .2);
}

.alert a {
    color: #fff;
}

.alert strong {
    font-weight: 600;
}

.button.alert {
    background: #E43028;
}
.button.alert:hover, .button.alert:focus {
    background-color: #c3120a;}
.alert-box.alert .button.secondary {
    background-color: #fff;
}

header .alert-box.alert {
    margin-bottom: 0;
    padding: .75rem .5rem .25rem;
    margin-bottom: 0;
    padding: .5rem;
}

.apps ul.errorMessage {
    color: #c13230;
    line-height: 19px;
    list-style-type: none;
    font-weight: 700;
    padding: .5rem;
    background-color: #fff;
}

.apps ul.errorMessage li {
    font-size: 14px;
    font-weight: 500;
}

.apps .alert-box.alert ul.errorMessage {
    color: #fff;
}

ul.alert-box,
ul.errorMessage {
    margin-left: 0;
}

.apps .alert-box ul.errorMessage {
    background-color: transparent;
}

/*--Callout Alerts ex Notices--*/
.callout.alert-box.alert {
    padding: 1rem;
}

.callout.alert-box.alert p {
    margin-bottom: 1rem;
}

.alert-box.alert ul {
    margin-left: 1rem;
}

.alert-box.alert a {
    text-decoration: underline;
}

.alert-box.alert a:hover {
    border-bottom: 0 dotted #1D4289;
    color: #dedede;
}

.alert-box.alert a.button:hover {
    color: #222;
}

ul.alert-box.alert {
    list-style-type: none !important;
}

/*.alert-box.alert ul li:before {content:'\f054';color:#fff!important;}*/
.alert-box.alert ul ul li {
    padding-left: 10px;
}

.alert .button.close {
    color: #ececec;
    background-color: #bc5f62;
}





/*-- Side Navigation--*/
.columns.side-nav {
    padding-right: 0;
    padding-left: 0;
/*
    box-shadow: rgba(5, 5, 5, 0.02) 20px 27px 58px;
  position: absolute;
*/
  border-right: 1px solid #e6ecf2;
    
}

.main-content { box-shadow: inset 6px 0px 34px rgb(94 105 126 / 3%);}
.apps.main-content {box-shadow:none;}
/*.side-nav p {padding-left:1.75rem;padding-right:1.75rem;}*/
.side-nav-bkgd {
    background: #fff;
}

.side-nav li a {
    font-weight: 400;
    border-bottom: 1px solid #e6ecf2;
    color: #1d4289;
        padding-top: 0.7rem;
    padding-bottom: .7rem;
}

.side-nav li a:hover {
    color: #1D4289;
}

.side-nav .is-accordion-submenu-parent > a::after {
   content: url(https://www.accesskent.com/images/caret2.svg);
width: 27px;
top: 7px;
display: block;
float: right;
opacity: 0.8;
}
.is-accordion-submenu-parent[aria-expanded="true"] > a::after {

  top: 29px !important;
}
.side-nav ul {
    margin-bottom: 3rem;
}

.side-nav ul ul {
    margin-bottom: 0;
}


.contact .fax:before {
  content: '\f1ac';  
}
.contact .address:before {
content: '\f3c5';
}

.contact .address:before,
.contact .hours:before,
.contact .people:before,
.contact .recognition:before,
.contact .phone:before,
.contact .fax:before,
.contact .email:before {
    
    font-family: 'FontAwesome';
    color:  #252A36;
     font-size: .75rem;
    margin-top: .1rem;
    margin-left: -1.2em;
/*
    
    
    font-size: .75rem;
    margin-top: .1rem;
    position: absolute;
    margin-left: -34px;
    display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px; 
margin-top: -4px;
  border-radius: 50%; 
*/
    
/*
      background-color: #307FE2; 
    color: #fff;
*/
 
    
/*
    display: inline-block;
border-radius: 60px;
box-shadow: 0 0 2px #888;
padding: 0.5em 0.6em;
background: #307fe2;
*/
}

.contact .facebook:before {
    content: '\f082';
    font-family: 'Font Awesome 5 Brands';
    margin-left: -1.2em;
    color: #cbcdd0;
    font-size: .75rem;
    margin-top: .1rem;
}

.contact .twitter:before {
    content: '\f099';
    font-family: 'Font Awesome 5 Brands';
    margin-left: -1.2em;
    color: #cbcdd0;
    font-size: .75rem;
    margin-top: .1rem;
}

.contact .hours:before {
    content: '\f017';
}

.contact .people:before {
    content: '\f007';
}

.contact .recognition:before {
    content: '\f005';
}

.contact .phone:before {
    content: '\f879';
}

.contact .facebook:before {
    content: '\f082';
}

.contact .email:before {
    content: '\f0e0';
}

.contact p {
    line-height: 1.5;
    margin-left: 1.25rem;
}


.title-bar.secondary {
    background-color: transparent;
    color: #fff;
    padding: 0;
}

.title-bar.secondary button {
    cursor: pointer;
    width: 100%;
    margin: 0;
  background-color: #1e4a8b;
color: #fff;    
      font-size: 1.2rem;
    padding: 1em;
    font-weight: 500;
    border: none;
    text-align: right;
    border-radius: 0px;
    background: rgb(48,127,226);
    background: linear-gradient(90deg, rgba(52,183,143,1) 4%, rgba(48,127,226,1) 100%);
}

#side-nav .close-button {
    top: 0.75rem;
    margin-right: 1rem;
    background-color: transparent;
    color: transparent;
    padding-left: 10px;
}

.title-bar.secondary button:focus,
.title-bar.secondary button:hover {
    background-color: #307fe2;
    color: #fff;
    border:none;
}

/*.title-bar.secondary button::after {display:block;width:0;height:0;border:inset 8px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#fff transparent transparent;position:absolute;margin-top:-11px;right:2rem;}*/

.title-bar.secondary button::after {
   content: '\f107';
font-family: 'FontAwesome';
margin-left: .5em;
color: #fff;
font-size: 1rem;
margin-top: .1rem;
font-weight: 900;
}

.side-nav li a.active {
    font-weight: 700;
    color: #1D4289;
}

.menu.nested {
    margin-left: 1.25rem;
}

.menu.nested ul {
    margin-left: 1.5rem;
}

/*li.is-accordion-submenu-parent[aria-expanded="true"] a,*/

ul.is-accordion-submenu li.is-accordion-submenu-item[aria-expanded="true"] a {
    font-weight: 400;
}

li.is-accordion-submenu-parent[aria-expanded="true"] ul li a,
li.is-accordion-submenu-parent[aria-expanded="true"] ul li.is-accordion-submenu-parent[aria-expanded="true"] ul li a {
    line-height: 1.3em;
}

/*---Contact Us---*/
.contact p {
    font-size: .9rem;
}


/*--Breadcrumbs--*/
div.breadcrumbs > * {
    color: #00B44F;
    float: left;
    font-weight: 400;
    line-height: .95rem;
    margin: 0;
}

div.breadcrumbs > :hover a,
div.breadcrumbs > :focus a {
    text-decoration: underline;
}

div.breadcrumbs a {
    color: #1D4289;
}

div.breadcrumbs a:hover {
    text-decoration: none;
}

div.breadcrumbs > :before {
    color: #AAA;
    content: "/";
    margin: 0 .5rem;
    position: relative;
    top: -2px;
    font-size: .75rem;
}

div.breadcrumbs > :first-child:before {
    content: " ";
    margin: 0;
}

div.breadcrumbs i.fa-home {
    font-size: .9rem;
}

[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
    content: "/";
}

.breadcrumbs li {
    font-size: 1.1rem;
    text-transform: none;
}

ul.breadcrumbs {
    margin-bottom: 2rem;
}


/*--Tables--*/
table {
    border-collapse: collapse;
    box-shadow: rgba(5, 5, 5, 0.04) 2px 1px 29px;
}
table tbody {background-color: #ffffff;border:1px solid #e6ecf2;    font-weight: 400;}
table thead th {font-weight:500;}
table th h6 {color:#fff;}

table tbody th,
table tbody td {
    padding: .5rem;
    line-height: 1.4;
}

table.grid td,
table.grid th {
/*    border: 1px solid #fafafa;*/
    border-spacing: 0;
}

table.grid {
    border-spacing: 0;
}

table.auto {
    width: auto;
}

table tr th a.sort i {
    font-weight: 300;
    margin: 1px 0 0 5px;
    font-size: 10px;
    display: inline-block;
}

table tr th a.sort:after,
table tr th.sortable a:after {
    font-family: 'FontAwesome';
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content: "\f0dc";
    margin-left: 5px;
    color: #a9aeb8;
}

table tr th a.sort,
table tr th.sortable a {
    color: #fff;
}

table tr th.sortable {
    white-space: nowrap;
}

.apps table {
    font-size: 1rem;
}

table.scroll {
    display: table;
}

.apps table {
    width: auto;
}

.apps table.wide {
    width: 100%;
}
.apps table th a {color:#fff!important;}
table#dateList {
    line-height: 1.2;
    font-size: .9rem;
}

table thead,
table thead:hover,
table.hover thead tr:hover {
    background: #50586a !important;
    color:#fff!important;
}

table tbody tr:nth-child(even) {
    background-color: #f4f7fb;
}

table.unstriped tbody tr {border-bottom: 1px solid #ced4db!important;
background-color: #fff;}

table.unstriped td {
    border: none !important;
    border-spacing: 0;
}



/*table.unstriped tr:hover{background-color:#edf2fa !important;}*/


table.unstriped tbody tr:nth-child(even) {
    background-color: #fefefe;
}

table.hover tbody tr:hover, table.hover:not(.unstriped) tr:nth-of-type(2n):hover  {
    background-color: #e2edfd;
    transition: ease .1s;
}


table.unstriped {
    border-collapse: collapse;
    
}


.apps table.text-left thead tr th,
.apps table.text-left tr th {
    text-align: left !important;
}

.number-bubble {
    background: #f35238;
    padding: 2px 6px;
    border-radius: 10px;
    color: #fff;
}



/*---ToolTips---*/
.has-tip {
    font-weight: 600!important;
    border-bottom: none!important;
}
a .has-tip {border-bottom:none!important;text-decoration:none;}
.tooltip {
    max-width: none;
        background-color: #307FE2;
}

.tooltip::before, .tooltip.bottom::before {border-color: transparent transparent #307fe2;}
.tooltip.right::before {    border-color: transparent #307fe2 transparent transparent;}

/*---Font Awesome---*/
.fa.fa-cart-plus {
    font-size: 1.5rem;
}

/*--Menus--*/
ul.medium-horizontal {
    margin-bottom: 1rem;
}

.app-navbar ul.medium-horizontal {
    margin-bottom: 0;
        float: right;
    height: 80px;
}


/*--CARDS, ACCORDIONS and TABS--*/

.card {
    margin-bottom: 1rem;
/*    border-bottom: 4px solid #c7c7c7;*/
    background: #fff;
    box-shadow: none;
    overflow: hidden;
    box-shadow:rgba(5, 5, 5, 0.04) 2px 1px 29px;
border-bottom: 4px solid #dedddd;
}
.card.yellow .card-section {
    border-top: 11px solid #FFB81C;
}
.card.green .card-section {
    border-top: 11px solid #34B78F;
}
/*
.card:hover {
    box-shadow: 0px 5px 10px #002b4e6b !important;
    transition: ease-in-out .2s;
}
*/

.card p {
    color: #252A36;
    font-size: .9em;
  font-weight: 400;
}

.card-divider h5 {
    color: #fff;
}

.card-divider {
    background: #1D4289;
}

.card-section {
    background: #fff;
    border-top: 11px solid #3980d8;
    padding: 15px 15px 20px 15px;
}

.card img {
    opacity: 1;
}
/*IMAGE OVERLAY CARDS*/

.card.img-overlay {
  position: relative;
  max-width: 400px; /* Adjust the maximum width as needed */
  margin: 20px auto;
  overflow: hidden;
    border-bottom:none;
}

.img-overlay .card-image img {
  width: 100%;
  height: auto;
}

.img-overlay .card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Adjust the overlay color and opacity as needed */
  z-index: 1;
}
    .img-overlay .card-section p,
    .img-overlay .card-section h1,
    .img-overlay .card-section h2,
    .img-overlay .card-section h3,
    .img-overlay .card-section h4,
    .img-overlay .card-section h5,
    .img-overlay .card-section h6,
    .img-overlay .card-section a 
    {color:#fff!important;}
    
.img-overlay .card-section {
  position: absolute;
  z-index: 99999;
  padding: 20px;
  color: #fff!important;
  top: 30px;
    background:transparent;
    border-top:none;
}
/*DOCUMENT CARD*/
 .coversheet {
        position: relative;
        display: inline-block;
        border-radius: 5px;
        box-shadow: 0px 1px 4px #020d213b;
    }

    .coversheet img {
        max-width: 100%;
        height: auto;
        border-radius: 5px;
    }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(rgb(29 66 137 / 99%), rgb(52 183 143 / 52%));
        opacity: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: opacity 0.3s;
        border-radius: 5px;
    }

    .overlay i {
        color: #fff;
        font-size: 48px;
        /* Adjust the size as needed */
    }

    .coversheet:hover .overlay {
        opacity: 1;
        cursor: pointer;
    }

.clickable-card-link {
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
}

.clickable-card {
    position: relative;
    overflow: hidden;
    
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius:5px;
}

.clickable-card .card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    z-index: 1;
    
}

.clickable-card img {
    width: 100%;
    display: block;
 
    transition: transform 0.3s ease-out;
}

.clickable-card:hover img {
    transform: scale(1.05);
}

.clickable-card .card-section {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; /* Ensures the text takes the full width */
    padding: 25px;
    color: #fff;
    z-index: 2;
    box-sizing: border-box; /* Added to include padding in the width calculation */
    border-top:none;
    background:transparent;
}

.clickable-card .card-section h4 {
    margin: 0;
    color:white;
}


/*MAKE TABS FULL WIDTH*/

.tabs {
  display: flex;
}

.tabs.vertical {
  display: block;
}
.tabs.vertical .tabs-title {
  border:none;
}
.tabs.vertical > li {
    width: 100%;
}

   .tabs-title {
    flex: 1 0 0;
    text-align: center; }
 

/*END MAKE TABS FULL WIDTH*/

.accordion-title {
    font-size: 1rem;
}
ul.tabs {border-bottom: none;
border-right: none;
border-top: none;
border-left: 1px solid #e6ecf2;
background: #edf2fa;
padding-bottom: 3px;

}
.tabs-title {    border-right: 3px solid #ffffff;;}
.tabs-title:last-of-type {border-right:1px solid #e6ecf2;}
.tabs-title > a {
    font-size: 1rem;
    color: #15336c;
    background:#edf2fa;
    font-weight: 600;
/*    border-top: 6px solid #1d4289;*/
}

.tabs-title > a:focus,
.tabs-title > a[aria-selected="true"] {
color: #307FE2;
  background: #fff;
  border-bottom: 0px solid white;
  border-top: 1px solid #e6ecf2;
  font-weight: 800;
}
.tabs-title > a:focus,
.tabs-title > a[aria-selected="true"]:hover {background:white;}
.tabs-title > a:hover {
 color: #15336c;
  background: #c4dcfd;
/*    border-top: 6px solid #2a53a1;*/
}


.tabs-content {
 border: 1px solid #e6ecf2;
    border-top:none;
margin-top: -3px;
padding: 2em;
margin-bottom: 3em;
    background:white;
     box-shadow: rgba(5, 5, 5, 0.04) 2px 1px 29px;
border-bottom: 3px solid #dedddd;
}

.tabs {
    border-bottom: none;
    background: #e8eef4;
}

.accordion {box-shadow: rgba(5, 5, 5, 0.04) 2px 1px 29px; border-bottom: 1px solid #c3d6fa;
}
.accordion-content {
    background-color: #fff;
}

.accordion-title {
/*    background-color: #e7f1ff;*/
    
/*background-color: #d3e5fb;*/
    background-color:#edf2fa!important;
color: #15336c;
/*    color: #15336c;*/
    border-bottom: 1px solid #c3d6fa;
    font-weight: 500;
    font-style: normal;
    line-height: 1.4em;
    padding-right: 1em;
}

.accordion-content {
    border: 0;
    background-color: #fff;
    padding: 1rem;
    margin-top: -2px;
    border: none;
}

.accordion-content .callout h5 {
    border-bottom: 1px solid #f1f1f1;
}

.accordion-title:hover,
.accordion-title:focus {
    background-color: #c4dcfd !important;
color: #15336c;
    transition: ease-in-out .2s;
}

.accordion .accordion-item.is-active .accordion-title {
    border: none;
    background-color: #fff !important;
}

.accordion-content fieldset {
    background-color: #fff;
}

/*
li.accordion-item.is-active a.accordion-title {
    font-weight: 800;
}
*/

li.accordion-item.is-active {
    border: 1px solid #e7f1ff;
}

.accordion-content button.small.alert {
    margin-top: 2px;
}

.accordion .accordion-item a.accordion-title:after {
    content: "\f078";
    font-family: 'FontAwesome';
    cursor: pointer;
    padding-left: 5px;
    float: right;
    font-weight: 900;
    padding-bottom: 5px;
    font-size: 1rem;
}

.accordion .accordion-item.is-active a.accordion-title:after {
    content: "\f00d";
}

.accordion .accordion-item a.accordion-title:after {
    color: #307fe2;
}

.accordion .accordion-title::before {
    content: "";
}
:last-child:not(.is-active) > .accordion-title {
    border-bottom: 2px solid #dae2ef;}

.accordion.notice {
    margin-bottom: 0;
}

.accordion.notice .accordion-title {
    background: #fbf1eb;
    color: #d24116;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
}

.accordion.notice .accordion-item a.accordion-title:after {
    color: #fff !important;
}

.accordion.notice .accordion-item.is-active .accordion-title {
    background: #fff;
    color: #d24116;
}

.accordion.notice :last-child:not(.is-active) > .accordion-title {
    border-bottom: none;
}

ul.vertical.menu.accordion-menu > li > a:hover {
    border-bottom: none !important;
}

ul.vertical.menu.accordion-menu ul li::before {
        {
        content: '\f101';
        margin-left: -1em;
        color: #9F2A00;
        font-size: .65rem;
        margin-top: .4rem;
    }
}

.is-accordion-submenu-parent > a::after {
    border-color: transparent;
}

/*--APPS--*/

.apps body {font-weight:400;}
.apps {min-height: 90vh;}
/*LOADING SPINNER*/

.spinner-div {
  position: fixed!important;
  width: 100%!important;
  height: 100%!important;
  top: 0!important;
  padding-top: 35vh;
  left: 0!important;
  text-align: center!important;
  background-color: rgba(255, 255, 255, 0.8)!important;
  z-index: 999999!important;
}
/*TOP BAR*/
.admin .top-bar-right {
    position: absolute;
align-items: ;
right: 0;
    width: 100%;
        background: #1d4289;
top: 0;
}
.admin .apps {padding-top: 2%;min-height: 90vh;}
.top-bar img#logo {width:75px;padding:5px;}
.top-bar h6 {color: #1D4289;
font-size: 1.5em;
font-weight: 400;}
.apps .top-bar .menu > li > a {
  padding: 41px 1rem!important;
}
.admin .top-bar .menu > li > a:hover {
/*  background: #DDE2ED;*/
  transition: ease-in-out .2s;
  
}
/*Fieldsets*/
.apps fieldset {
    border: 1px #bdcdeb solid;
    box-shadow: rgba(5, 5, 5, 0.04) 2px 1px 29px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
        padding: 1em 2em 2em 2em;
    margin: 2em 0em 2em 0em;
    overflow: visible;
    page-break-inside: auto !important;
    page-break-after: avoid !important;
    page-break-before: avoid !important;
    overflow: visible !important;
    display: block !important;
}

.apps fieldset legend {
/*
    color: #5C5C5C;
    font-weight: 700;
    background: #fff;
    padding: 0 3px;
    margin: 0;
    margin-left: -3px;
    font-size: 1rem;
*/
    
    color: #1D4289;
/*    text-transform: uppercase;*/
    letter-spacing: 1px;
    word-spacing: 2px;
    font-weight: 700;
    background: #fff;
    padding: 0 3px;
    margin: 0;
    margin-left: -3px;
    font-size: 1rem;
}

.apps fieldset.data-group {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 0 .9375rem;
}

.apps fieldset.data-group .title {
    color: #5C5C5C;
    font-weight: 700;
    background: #fff;
    padding: 0 3px;
    margin: 0;
    margin-left: -3px;
    font-size: 1rem;
    max-width: 100%;
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    white-space: normal;
}

/*App Nav*/
.app-nav {
    font-size: 1.1rem;
    color: #666;
    text-transform: uppercase;
    margin: 3px 1px 1.5rem 0;
}

.apps .menu .button.tiny {
    box-shadow: none;
}

.apps .menu .button.tiny,
.apps .menu .button.small {
    margin-bottom: 1rem;
}

.apps ul.styled li {
    margin-top: 0;
}

/*Tables*/
.apps table .button {
    margin-bottom: 0;
}

/* .apps table a {
    color: #1D4289;
} */

.apps table a.button {
    color: #fff;
}

.apps table a.button.secondary {
    color: #222;
}

table.search-results .button.tiny {
    padding: .65em;
}

table#requestTable td {
    font-size: .9rem;
}

table#requestTable td {
    font-size: .9rem;
}

/*table#requestTable th {text-align:left;}*/

/*THIS SETS THE REQUEST ID COLUMN TO CENTER*/
/*
table#requestTable tr > :nth-child(2) {


    text-align: center;
}
*/

.search-req table#requestTable td {
    padding: .25em;
    text-align: left;
}

a.reserve-not-met {
    border-radius: 100px;
    background: #F9423A;
    padding: 4px 10px;
    color: #fff;
}

a.reserve-met {
    border-radius: 100px;
    background: #34B78F;
    padding: 4px 10px;
    color: #fff;
}

table.search-results td {
    padding: .5em;
    font-size: .9rem;
}

table td[align="center"] {
    text-align: center;
}

table.search-results td.description {
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
}

table.search-results td select {
    margin-bottom: 0;
}

table.search-results td select[name="newBuyer"] {
    min-width: 70px;
}

table.search-results input {
    margin: 0;
}

table#meeting-calendar {
    margin: 0 auto;
    width: 80%;
}
table#meeting-calendar tbody th {background:transparent!important}

.apps table#meeting-calendar th a {    color: #307fe2!important;}
/*
.apps table th {
    text-align: center;
}
*/

table th {
    font-weight: 600;
    background: #50586a;
    color:#fff;
}

/*Forms*/
.apps [type="radio"] + label {
    margin-left: .25rem;
    margin-right: .5rem;
}

/*Buttons*/
.apps .button, .apps ul.vertical.menu li a.button.secondary {border-radius:0!important;}
.apps .button.rounded {border-radius:25px!important;}
.apps .button.secondary {
/*    background:#c4dcfd!important; */
    border:none!important;}

.apps .menu .button.tiny,
.apps .menu .button.small {
    margin-bottom: 0;
    margin-right:5px;
}

.apps .button.secondary.small, .apps .button.secondary.tiny, .apps ul.vertical.menu li a.button.secondary {border: none;
    background: #e2eaf9;}

.apps .button.secondary.small:hover, .apps .button.secondary.tiny:hover, .apps ul.vertical.menu li a.button.secondary:hover {background-color: #c4dcfd;}

/*For Calendar App*/
.showMinutes th.blue {
    background-color: #1d4289;
    color: #fff;
}

.showMinutes th h5 {
    color: #fff;
    margin-bottom: 0;
}

.calendar-view td {
    height: 5rem;
    font-size: .8rem;
}

.calendar-view td span {
    font-size: 1rem;
}

/*For Purch App*/
form#auction hr {
    margin: .25rem auto;
}

.apps .menu > li > a i {
    font-size: .95rem;
    margin-bottom: .2rem;
}

.apps .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #b9b9b9 transparent transparent;
    right: 12px;
}

.apps .dropdown.menu > li.is-dropdown-submenu-parent > a {
    padding-right: 1.75rem;
}

.apps .is-dropdown-submenu {
    border: 1px solid #e6e6e6;
    background: #f8f8f8;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.13);
}
table#requestTable thead tr th a i.fa-question-circle {    color: #8db5ee;}

table#requestTable thead p.help-text, thead p.help-text {    color: #fff;}
ul.purchasing.dropdown.menu {
    margin: 1rem 0 2rem;
    background-color: #e6e6e6;
}

ul.purchasing.dropdown.menu li a {
    font-size: 1rem;
}

ul.purchasing.dropdown.menu li ul.is-dropdown-submenu {
    display: none;
}

ul.purchasing.dropdown.menu li ul.is-dropdown-submenu.js-dropdown-active {
    display: block;
}

@media screen and (min-width: 64em) {
    ul.accordion.commodity .accordion-item a.accordion-title:before {
        content: "Expand to Select";
        font-size: .75rem;
        padding-right: 1.15rem;
        color: #5588bc;
        line-height: 1rem;
    }

    ul.accordion.commodity .accordion-item.is-active a.accordion-title:before {
        content: "Close";
    }
}

/*For ISTraining App*/
.apps form[name="roster"] .grid.search-results td {
    padding: .25rem;
}

.apps form[name="roster"] .grid.search-results strong {
    font-size: .8rem;
}

.apps form[name="roster"] .grid.search-results .button.tiny {
    padding: .5em;
}


/*--Badges--*/
.badge {
    position: absolute;
    min-width: 1.85em;
    color: #fefefe;
    line-height: 1.2;
    margin-left: 4px;
    background: #1D4289;
}


/*--Pills--*/
.pill {
    background-color: #e8eef4;
    position: relative;
   padding: .25rem 1rem;
margin: .25rem;
display: inline-block;
border-radius: 30px;
}

.close-pill {
    padding-left: 1rem;
}

/*--Pagniation--*/
.pagniation {
    margin-top: 2rem;
}

.pagniation input.button {
    margin: 0 .5rem;
}

.pagination a,
.pagination button,
.pagination strong,
.pagination .current {
    display: inline-block;
    padding: .1875rem .625rem;
    border-radius: 0;
    color: #0a0a0a;
}

.pagination .current {
    background: transparent;
}

/*--Date Picker (datepickr and datepicker --*/
div.calendar,
.datepickr-calendar {
    padding-top: 10px;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    text-align: center;
    margin-top: 2rem;
}

.prev-month,
.next-month {
    display: inline-block;
    padding: 0 10px;
    font-size: 1.3rem;
}

.datepickr-wrapper {
    position: relative;
}

.datepickr-calendar {
    display: none;
    position: absolute;
    top: 100%;
    left: 5px;
    z-index: 100;
    margin-top: -.5rem;
}

.is_open .datepickr-calendar {
    display: block;
        z-index: 9999999;
}

.datepickr-calendar .datepickr-prev-month {
    float: left;
    display: inline-block;
    padding: 0 10px;
    font-size: 1.3rem;
    cursor: pointer;
}

.datepickr-calendar .datepickr-next-month {
    float: right;
    display: inline-block;
    padding: 0 10px;
    font-size: 1.3rem;
    cursor: pointer;
}

.datepickr-calendar .datepickr-day {
    cursor: pointer;
}

.datepickr-calendar table {
    margin-bottom: 0;
}

.datepickr-calendar datepickr-current-month,
.datepickr-day {
    color: #07a0c3;
}

.datepickr-calendar table th,
.datepickr-calendar table td {
    padding: .5rem;
}

.ui-widget-content {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    color: rgba(0, 0, 0, 0.75);
    margin-top: -3px;
}

.ui-menu {
    list-style: none;
    margin: 0;
    display: block;
    outline: none;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    -webkit-box-shadow: 0 5px 5px 0 rgba(112, 112, 112, 1);
    -moz-box-shadow: 0 5px 5px 0 rgba(112, 112, 112, 1);
    box-shadow: 0 5px 5px 0 rgba(112, 112, 112, 1);
}

li.ui-menu-item {
    padding: 0 10px;
}

li.ui-state-focus {
    background-color: #e1e9f3;
    color: #000;
}

#datepicker {
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 6px 6px rgba(0, 0, 0, 0.13);
}

input#datepicker {
    background-color: inher;
    box-shadow: none;
}

#datepicker button {
    background-color: #f2efed;
    color: #5c575e;
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    line-height: 18px;
}

.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
    padding: 4px 5p;
}

.datepicker {
    display: none;
    position: absolute;
    padding: 4px;
    margin-top: 1px;
    direction: ltr;
}

.datepicker-inline {
    width: 220px;
}

.datepicker-rtl {
    direction: rtl;
}

.datepicker-rtl table tr td span {
    float: right;
}

.datepicker-dropdown {
    top: 0;
    left: 0;
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute;
    top: -7px;
    left: 6px;
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px;
}

.datepicker > div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    border: 0;
    margin: 0;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer;
}

.datepicker td.active.day,
.datepicker th.active.day {
    background: #2ba6cb;
}

.datepicker td.active.year,
.datepicker th.active.year {
    background: #2ba6cb;
}

.datepicker td span.active,
.datepicker th span.active {
    background: #2ba6cb;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
}

.datepicker th.date-switch {
    width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr:first-child th {
    cursor: pointer;
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}

.datepicker-dropdown::before,
.datepicker-dropdown::after {
    display: none;
}

.datepicker-close {
    position: absolute;
    top: -30px;
    right: 0;
    width: 15px;
    height: 30px;
    padding: 0;
    display: none;
}

.datepicker td.old,
.datepicker td.new {
    color: #999;
}

.datepicker td.day.disabled {
    color: #eee;
}

/*Date Picker in Motion Calendar*/
a.ui-datepicker-prev {
    float: left;
}

a.ui-datepicker-next {
    float: right;
}

.ui-datepicker-title {
    text-align: center;
    font-weight: 700;
}

.ui-datepicker-header {
    padding: .5rem;
}

table.ui-datepicker-calendar td,
table.ui-datepicker-calendar th {
    padding: .25rem .5rem;
    text-align: center;
    font-size: .8rem;
}

#ui-datepicker-div {
    border: 1px solid #ccc;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.12);
}



/*--Reveal Fix--*/
body.is-reveal-open {
    overflow: visible;
}


/* Small only */
@media screen and (max-width: 39.9375em) {
    h2 {font-size: 1.4rem;}
    .footer {text-align: center;}
    .strategic-plan {margin-bottom:3em;}
    .aK-logo-bkgd {
        height: 69px !important;
    }
.gsc-input-box {
    padding-top: 0px!important; }
    .aK-logo {
        padding-right: 1em;
        top: -6px;
    }
.contact .address:before, .contact .hours:before, .contact .people:before, .contact .recognition:before, .contact .phone:before, .contact .fax:before, .contact .email:before {
    color: #252A36;
    font-size: .85rem;
    margin-left: -1.2em;
    display: inline-block;
    width: 16px;}
    .side-nav-bkgd {
        background: transparent;
    }
.side-nav a.button {
    background-color: #c5dafb;}
    
  
    
    
    #side-nav {
        background-color: #e7f1ff;
    }
    .side-nav li a {
 
        border-bottom: 2px solid #d4e5fb;}
    input.gsc-input , .gsc-input {background:#e4e4e4!important;}
/*
    .main-content{
        padding:0em;
    }
*/
    .main-content {padding-top:1em;    padding-right: 0;}

    .contact {    padding: 1em;    background: #eff2f9;}
    
    div.breadcrumbs {
        display: none;
    }

    .main-content {
        padding-left: inherit;
        
    }

    ul.styled {
        margin-left: 1.5em;
    }

    table.scroll {
        display: block;
        overflow-x: scroll !important;
    }

    .columns.side-nav {
        padding: 0;
    }

    .apps table.search-results td,
    .apps table.search-results td {
        padding: .25rem;
    }

    .apps .menu .button.tiny,
    .apps .menu .button.small {
        margin-bottom: 0;
    }

    div.calendar {
        margin: 0;
    }

    [type="checkbox"] + label,
    [type="radio"] + label {
        display: inline;
    }

    .off-canvas-absolute.is-open {
        display: block;    position: fixed;
    }

    .row.around-county {
        background-size: 100% 151px;
    }

    /*#google_translate_element {display:none;}*/
    .goog-te-gadget-simple {
        color: #fff !important;
    }

    .tabs-title {
        display: contents !important;
    }

    li.is-submenu-item h5 {
        color: #fff !important;
        background: #1d4e80;
    }

    .gsc-input-box table tbody {
        background: transparent !important;
        border: none !important;
    }
    
    .is-drilldown {padding-top: 3em;}

    #gse.mobile-search {
        background: transparent;
    }

    .mobile-bar .title-bar-left {
        width: 25%;
        color: #fff;
    }

    .title-bar-title {
        color: #fff !important;
    }

/*
    .main-content a {
        text-decoration: underline;
    }
*/
}

/* Medium and up */
@media screen and (min-width: 40em) {
    .title-bar {
        display: none;
    }

    .off-canvas-absolute {
        display: none;
         }
     .vertical-align-center {align-items: center;
display: flex;}   
        
   
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .aK-logo {
        top: 19px;
        width: 302px;
    }

    .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        display: none;
    }

    .dropdown.menu > li.is-dropdown-submenu-parent > a {
        padding-right: .5rem;
    }

    .nav-bkgd ul a {
        font-size: 1rem;
    }

    .top-bar a {
        font-size: .8rem;
    }

    .top-bar .menu > li > a {
        padding: .35rem .4rem;
    }

    .dropdown.menu > li > a.nav-item::after {
        display: none;
    }

    .nav-bkgd ul {
        margin-left: .75rem;
    }

    .nav-bkgd ul a.nav-item {
        padding-bottom: .7rem;
        padding-top: 1rem;
        font-size: 1.2rem;
        line-height: .9;
    }

    .nav-bkgd ul a {
        line-height: 1.1;
    }

    .nav-bkgd ul ul li {
        line-height: 1.2;
        padding: .1rem;
    }

    .nav-bkgd .dropdown-pane .columns {
        padding-right: .5375rem;
        padding-left: .5375rem;
    }

    .contact {
        padding-bottom: 2rem;
    }

    .side-nav,
    .main-content {
        padding-top: 1em;
    }

    table.scroll {
        display: block;
    }

    .apps table.search-results td,
    .apps table.search-results td {
        padding: .25rem;
    }

    [type="checkbox"] + label,
    [type="radio"] + label {
        display: inline;
    }

    .top-bar {
        padding: 0;
    }

    .tabs-title {
        display: contents !important;
    }
}


/* Large and up */
@media screen and (min-width: 64em) {

    .contact .address:before,
    .contact .hours:before,
    .contact .people:before,
    .contact .recognition:before,
    .contact .phone:before,
    .contact .fax:before,
    .contact .email:before {
        float: left;
    }

    .side-nav,
    .main-content,
    .contact {
        padding-top: 2rem;
        padding-bottom: 3rem;
    }
    
    
    .main-content article:first-of-type {padding:1em 3em 3em 2em;}
    
}

/*-- Print --*/
@media print {
    a[href]:after {
        content: "";
    }

    column,
    .columns {
        padding-right: .2375rem;
    }

    .top-bar,
    nav,
    ul.breadcrumbs,
    .footer,
    .button,
    .button.tiny,
    .button.small,
    .menu,
    .apps ul.tabs,
    .side-nav {
        display: none !important;
    }

    .main-content {
        margin-top: 1.5rem;
        width: 100%;
    }
    h2 {font-size:30px!important;}
    h3 {font-size:27px!important;}
    h4 {font-size:24px!important;}
    .apps .large-10 {
        width: 100%;
    }

    input {
        border: 1px solid #666;
        width: inherit;
    }

    input[type="checkbox"],
    input[type="radio"] {
        width: auto;
    }

    table {
        page-break-inside: auto;
        overflow: visible !important;
        display: block;
    }

    fieldset {
        border: 0;
        page-break-inside: auto !important;
        page-break-after: avoid !important;
        page-break-before: avoid !important;
        overflow: visible !important;
        display: block !important;
    }

/*
    h1,
    h2,
    h3,
    h4 {
        font-size: 100%;
    }
*/

    table.search-results td,
    table.search-results th {
        font-size: .75rem;
    }

    .hide-on-print {
        display: none !important;
    }
    .show-for-print {display:block!important;}
    
     p.define {font-size: 1.2em!important;}

    table.search-results th,
    table.search-results td {
        padding: .25rem;
    }

    table.deed-results th,
    table.deed-results td {
        padding: .05rem;
        font-size: .65rem;
    }

    .print-width {
        width: 100%;
    }

    .apps .tabs,
    .apps .tabs-content {
        border: 0 solid #dad9d4;
        padding: 0;
    }

    form[name="hoststatistics"] table tbody td {
        padding: .25rem .25rem .25rem 0;
        font-size: .9rem;
        line-height: 1.2;
    }

    form[name="departmentstatistics"] table tbody td {
        padding: .25rem .25rem .25rem 0;
        font-size: .9rem;
        line-height: 1.2;
    }

    form[name="departmentstatistics"] fieldset {
        border: 0;
        padding: 0;
    }

    form[name="hoststatistics"] fieldset {
        border: 0;
        padding: 0;
    }

    .noprint {
        display: none;
    }

    * {
        font-size: 99% !important;
    }

    [type='text'],
    [type='password'],
    [type='date'],
    [type='datetime'],
    [type='datetime-local'],
    [type='month'],
    [type='week'],
    [type='email'],
    [type='number'],
    [type='search'],
    [type='tel'],
    [type='time'],
    [type='url'],
    [type='color'],
    textarea {
        padding: .25rem 0 .25rem .25rem;
    }

    .accordion-content {
        padding: 1rem;
    }

    .accordion-title {
        padding: 1rem;
        background-color: #f2f2f2 !important;
    }

    .ccrecords-mailer-address {
        margin-left: 60px;
    }
}

/*New Colors from UPDATE*/
.top-bar {
    background-color: #e9ecf3;
}

.sub-footer {background-color:#252A36;}

.top-bar ul {
    background-color: transparent;
}

.app-navbar.top-bar ul {
    background-color: transparent;
}

.nav-bkgd {
    background-color: #15336c;
    height: 43px;
}

.aK-logo-bkgd {
    background-color: #15336c;
    height: 46px;
}

.aK-logo {
    top: 9px;
    max-width: 335px;
}

.top-bar a {
   color: #1D4289;
font-size: 1rem;
font-weight: 500 !important;
    padding: 29px 1rem !important;
}

.dropdown.menu > li > a.nav-item::after {
    border-color: #d5e3e8 transparent transparent;
}

a,
div.breadcrumbs a {
    color: #307FE2;
}

.button {
    background-color: #1D4289;
    
/*    background-color:#252A36;*/
    
/*     background-image: radial-gradient(circle, #34B78F, #00966C);*/
    
}

.nav-bkgd ul a.nav-item {
    color: #fff;
    font-weight: 400;
    padding: .35rem 1.5rem 0rem 1rem;
    text-transform: none;
}

.side-nav li a {
    color: #1D4289;
}

.side-nav li a:hover {
    color: #15487d;
}

.side-nav li a.active {
    color: #15336c;
    font-weight: 600;
}

.footer {
    padding: 1rem 1rem 0;
}

@media screen and (min-width: 64em) {

    .side-nav,
    .main-content,
    .contact {
        padding-top: 1rem;
    }
}

/*@media screen and (min-width: 40em) {h2 {font-size: 2rem;}}*/
@media screen and (max-width: 40em) {
    .aK-logo {
        max-width: 220px;
    }
}

ul.styled li:before {
    color: #1D4289;
}

.callout {
    padding: 1.25em;
/*    border-radius:5px;*/
}

.title-bar {
    background-color: #15336c;
}

.translator {
    padding: 0;
}

.translator .goog-te-gadget-simple .goog-te-menu-value span,
.translator .goog-te-gadget img,
p.ctct-gdpr-text,
.translator .goog-te-gadget-icon,
.grecaptcha-badge {
    display: none;
}

.translator .goog-te-gadget-simple {
    background-color: transparent;
    border: 1px solid #a0aeb9;
    text-transform: uppercase;
    padding: .25rem;
    padding-right: .5rem;
    margin-top: .25rem;
}

div.goog-te-gadget-simple a span:nth-last-of-type(-n+2) {
    display: none !important;
}

.translator .goog-te-gadget-simple:after {
    font-family: "FontAwesome";
    content: "\f57d";
    color: #fff;
top: 1px;
position: relative;
font-size: 12px;
}

/*.translator .goog-te-gadget-simple:before {content: "TRANSLATE";font-size: .9rem;font-weight: 300;color:  #ececec;font-family: 'Roboto', Verdana, sans-serif;padding-left: .5rem;line-height: 2;}  */
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:hover {
    background-color: #1D4289 !important;
}

.row.expanded form .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
}