@import url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_16361603/Templates/css/home.css?v2');

#pub-phone{display:none;}
li#contact-info{padding:0 !important; line-height: 34px !important;;}
#contact-info a span {padding: 0 15px;}
#contact-info a{display: block; color: #fff; background: #002a4c;}
#contact-info a:hover, #contact-info a:focus {text-decoration: none; background: transparent;}
#contact-info a:hover #pub-num, #contact-info a:focus #pub-num  {display:none; text-decoration: none;}

#contact-info a:hover #pub-phone, #contact-info a:focus #pub-phone  {display:block;  text-decoration: none;}

@media screen and (max-width: 1000px)
{
#contact-info a {background: transparent;}
#pub-phone{display: block;}
#pub-num{display: none;}
}


@media screen and (max-width: 1325px)
{
.telerik_main_menu, .centerWrapper {
display: block; 
}
}

@media screen and (max-width: 900px)
{
.telerik_main_menu, .centerWrapper {
 display: none; 
}

#menubar{
border: none;
}

#menubar .mobile-nav-items{top: 403%;}

.subHero{width: 100%;}

}











/*MEGA MENU REVISION*/

nav ul,
nav ul li,
nav ol,
nav ol li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}


.menu-nav nav {

    display: inline-block;
    top: 0.35em;
}
@media (max-width: 1466px) {
    .menu-nav nav {
        width: calc(100% - 191px);
    }
}
@media (max-width: 1096px) {
    .menu-nav nav {
        width: 100%;
    }
}
@media (max-width: 900px) {
    .menu-nav nav {
        display: none;
    }
}
@media (max-width: 1072px) {
    .menu-nav nav {
        top: 0;
    }
}
@media (max-width: 900px) {
    .menu-nav nav {
        max-width: none;
    }
}
.menu-nav nav > ul {
    opacity: 0;
    max-height: 51px;
    overflow: hidden;
}
.menu-nav nav > ul.nav-menu {
    background: none;
    border: none;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    max-height: none;
    overflow: visible;
}
.menu-nav nav li {
    padding: 0.75em;
    letter-spacing: 0;
}
.menu-nav nav li a {
    width: auto !important;
}
.menu-nav nav li a.sub-nav {
    position: static;
}
@media (max-width: 1198px) {
    .menu-nav nav li {
        font-size: 0.9em;
        padding: 0.65em;
    }
}
@media (max-width: 1072px) {
    .menu-nav nav li {
        font-size: 0.8em;
        padding: 0.25em;
    }
}
.menu-nav nav li li {
    font-size: 1em;
}
.menu-nav nav li li li {
    font-size: 0.75em;
}
.menu-nav nav .level1 {
    display: inline-block;
}
@media (min-width: 1432px) {
    .menu-nav nav .level1 {
        margin-left: 0.75em;
    }
}
@media (max-width: 1362px) {
    .menu-nav nav .level1 {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}
@media (max-width: 1096px) {
    .menu-nav nav .level1 {
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        font-size: 1em;
    }
}
.menu-nav nav .level1 .fa {
    color: #ffcf27;
    font-size: 0.8em;
    margin-bottom: -1em;
    margin-left: 1em;
    display: none;
}
.menu-nav nav .level1.has-subs .fa {
    display: inline;
}

.menu-nav nav .level1:last-child .fa {
    display: none;
}

.menu-nav nav .level1:last-child:hover button {
    color: #fff;
}
.menu-nav nav .sub-nav {
    position: absolute;
    width: 80vw !important;
    top: -10000%;
    overflow: hidden;
    right: 1.5vw;
    pointer-events: none;
    font-size: 0.9em;
}
@media (max-width: 1200px) {
    .menu-nav nav .sub-nav {
        width: 96vw;
        left: 2vw;
    }
}
.menu-nav nav .sub-nav.big {
    width: 98vw !important;
    left: 1vw;
}
.menu-nav nav .sub-nav.big .second-level-list {
    column-count: 4;
    -webkit-column-count: 4;
    -moz-column-count: 4;
}
@media (min-width: 1920px) {
    .menu-nav nav .sub-nav.big .second-level-list {
        column-count: 5;
        -webkit-column-count: 5;
        -moz-column-count: 5;
    }
}
.menu-nav nav .sub-navBackground.container {
    padding: 1em 2% 1em;
    background: rgba(0, 48, 87, 0.95);
    background-blend-mode: multiply;
    z-index: 99;
    width: 99%;
    min-height: 200px;
    transform: translateY(-160%);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.menu-nav nav .second-level-list {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
}
.menu-nav nav .second-level-list li {
    float: none;
    padding: 0;
}
.menu-nav nav .second-level-list .level2 > a {
    color: #b6f749;
    font-weight: 700;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 0.2em;
}
.menu-nav nav .second-level-list .level3 ul {
    padding-left: 0.5em;
}
.menu-nav nav .second-level-list .level2 {
    margin-bottom: 1em;
    text-align: left;
}
.menu-nav nav .sub-nav.open {
    pointer-events: auto;
    top: 6.25em;
}
.menu-nav nav .sub-nav.open .sub-navBackground.container {
    transform: translateY(0%);
}

.menu-nav nav .level1 .fa {
    color: #fff;
}
.menu-nav nav .sub-navBackground.container {
    background: rgba(37, 55, 70, 0.95);
}
.menu-nav nav .second-level-list .level2 > a {
    color: #b6f749;
}

.menu-nav nav .sub-nav{z-index:999;}

.menu-nav nav li.level3 a {
    color: #fff;
    font-size: 13px;
}


.centerMenu {
    vertical-align: top;
    display: flex;
    justify-content: flex-end;
}

.menu-nav nav li.level1 > a{font-weight: 700;}











/*MODAL CSS*/

.download-desktop {
    text-align: center;
    width: 50%;
    margin: 0 auto;
    display: block;
    padding: 20px;
    border-radius: 15px;
    background: #003057;
    margin-bottom: 20px;
    color: #fff !important;
    text-decoration: none !important;
    transition: 0.2s ease-in-out;
    border: 2px solid transparent;
}


.modal {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transform: scale(1.1);
        transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    }
    .modal-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        padding: 1rem 1.5rem;
        width: 24rem;
        border-radius: 0.5rem;
        min-height: 20%;
    }
    .close-button {
        float: right;
        width: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        cursor: pointer;
        border-radius: 0.25rem;
        background-color: lightgray;
    }
    .close-button:hover {
        background-color: darkgray;
    }
    .modal {
display: none;
    }


@media screen and (max-width: 900px)
{
.modal
{
    display: block;
    visibility: visible;
    opacity: 1;
}

.download-desktop {display: none;}


}

@media screen and (max-width: 600px)
{
.modal-content{
width: 15rem;
}
}

.download {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100%; */
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background: #003057;
    border-radius: 10px;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
}

    .hide-modal {
        opacity: 0;
        visibility: hidden;
        transform: scale(1.0);
        transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    }

.brands{display: flex;}

.download-desktop h2{color: #ffff}

.brand-logos a {display:block; width: auto; height: auto; padding: 0 10px}

.brand-logos a img {width: 100%; height: auto;}

.modal-content h2 {text-align: center;}

@media screen and (max-width: 600px)
{
.brands {flex-wrap: wrap;}
}



/* Form Tabs */

.formTabPortlet .tab-title a {
    font-size: 16px;
    font-weight: bold;
    padding: 15px 10px;
    color: #000 !important;
    display: block;
    transition: all 200ms ease;
    margin: 0 5px 0 0;
}

.formTabPortlet .tab-title {
    display: flex;
    flex-wrap: wrap;
}

.formTabPortlet .tab-title a.active {
    border: 2px solid #eeeeee;
    border-top: none;
    border-bottom: none;
    position: relative;
}

.formTabPortlet .tab-title a.active:after {
    content: '';
    display: block;
    width: calc(100% + 4px);
    height: 3px;
    background: #1d2228;
    position: absolute;
    top: 0px;
    left: -2px;
}

.formTabPortlet .tab-title a:hover, .formTabPortlet .tab-title a:focus {
    background-color: #EAEFF0;
}


.formTabPortlet .tab-content .customFormTab {
    display: none;
}

.formTabPortlet .tab-content .customFormTab.active {
    display: block;
}



.formTabPortlet .tab-content .customFormTab {
    border: 2px solid #eeeeee;
    padding: 10px;
}

.formTabPortlet .tab-title a.active:before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #ffffff;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
}

.formTabPortlet .tab-title a:focus {
    outline: none;
    box-shadow: none;
}


.formTabPortlet div#dvViewBody {
    padding: 10px !important;
}

.formTabPortlet div#dvViewHeader {
    display: none;
}

#pubWrapper #searchPanel input.SearchTerm {
background: #00182b;
}

.event-section {
    margin: 15px 0;
    box-shadow: 0 0 5px #AAA;
    border: 1px solid #CCC;
}

.subHero:after {
    background: rgba(0, 0, 0, 0);
}


/* Staff Direcotry V2 */

#staffDirectory *{box-sizing:border-box}#staffDirectory #search-staff{display:flex;align-items:center;margin-bottom:15px}#staffDirectory #search-staff #selectDepartment{height:37px;width:180px;text-align:center;background:#e4e4e4;padding:10px;font-weight:600;position:relative;white-space:nowrap;outline:none;border:none;transition:all .2s;margin-right:5px}#staffDirectory #search-staff #selectDepartment:hover,#staffDirectory #search-staff #selectDepartment:focus{background:#474848;color:#fff;outline:none;box-shadow:none}#staffDirectory #search-staff #search-staff-input{border:1px solid #eee;border-radius:0;padding:0 10px;line-height:35px;height:37px;width:calc(100% - 300px)}#staffDirectory #search-staff .search-button{display:flex;align-items:center}#staffDirectory #search-staff .search-button input{height:37px;width:70px;text-align:center;background:#e4e4e4;padding:10px;white-space:nowrap;outline:none;border:none;font-weight:600;transition:all .2s;margin:0 5px}#staffDirectory #search-staff .search-button input:hover,#staffDirectory #search-staff .search-button input:focus{background:#474848;color:#fff;outline:none;box-shadow:none}#staffDirectory #search-staff .search-button a{display:inline-block;width:50px;height:37px;text-align:center;background:#e4e4e4;padding:10px;transition:all .2s;color:#474848}#staffDirectory #search-staff .search-button a:hover,#staffDirectory #search-staff .search-button a:focus{background:#474848;color:#fff;outline:none;box-shadow:none}#staffDirectory .staff-container #hidden-search-result{margin:0;padding:0;display:none}#staffDirectory .staff-container #staff-container{margin:0;padding:0}#staffDirectory .staff-container #staff-container li{list-style:none;border:2px solid #ddd;padding:10px 10px 10px 20px;margin-bottom:10px;position:relative}#staffDirectory .staff-container #staff-container li.result{display:list-item !important}#staffDirectory .staff-container #staff-container li.hidden{display:none !important}#staffDirectory .staff-container #staff-container li:after{content:"";display:block;width:5px;height:100%;position:absolute;bottom:0;left:0;background:#eee;-webkit-transition:background .4s;transition:background .4s}#staffDirectory .staff-container #staff-container li .staff-card{display:flex;align-items:center;flex-wrap:wrap}#staffDirectory .staff-container #staff-container li .staff-card .staff-image{width:100px;height:100px;display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:bold;color:#474848;background-color:#eee;background-size:cover;background-position:center;background-repeat:no-repeat}#staffDirectory .staff-container #staff-container li .staff-card .staff-info{width:calc(100% - 200px);padding-left:15px}#staffDirectory .staff-container #staff-container li .staff-card .staff-info .staff-name{font-size:25px;font-weight:bold;color:#474848;margin-bottom:2px;display:block}#staffDirectory .staff-container #staff-container li .staff-card .staff-info .staff-title{display:block;color:#1d2228;font-size:16px}#staffDirectory .staff-container #staff-container li .staff-card .staff-info .staff-contact{display:flex;padding:10px 0;align-items:center}#staffDirectory .staff-container #staff-container li .staff-card .staff-info .staff-contact a{font-size:12px;text-decoration:none;line-height:20px;padding:5px;border-radius:3px;margin-bottom:5px;display:inline-flex;align-items:center;transition:all .2s}#staffDirectory .staff-container #staff-container li .staff-card .staff-info .staff-contact a span:not(.fa){text-decoration:underline}@media screen and (max-width: 900px){#staffDirectory .staff-container #staff-container li .staff-card .staff-info .staff-contact a span:not(.fa){display:none}}#staffDirectory .staff-container #staff-container li .staff-card .staff-info .staff-contact a .fa{color:#595a5a;font-size:20px;line-height:20px;padding-right:5px}#staffDirectory .staff-container #staff-container li .staff-card .staff-info .staff-contact a:hover,#staffDirectory .staff-container #staff-container li .staff-card .staff-info .staff-contact a:focus{outline:none;box-shadow:none;background:#eee}#staffDirectory .staff-container #staff-container li .staff-card .staff-info .staff-contact a:hover span:not(.fa),#staffDirectory .staff-container #staff-container li .staff-card .staff-info .staff-contact a:focus span:not(.fa){text-decoration:none}#staffDirectory .staff-container #staff-container li .staff-card .read-more{width:100px;display:flex;justify-content:flex-end}#staffDirectory .staff-container #staff-container li .staff-card .read-more a{background:#eee;color:#474848;text-decoration:none;line-height:30px;padding:0 15px;border-radius:3px;font-weight:bold;font-size:14px;transition:all .2s}#staffDirectory .staff-container #staff-container li .staff-card .read-more a:hover,#staffDirectory .staff-container #staff-container li .staff-card .read-more a:focus{outline:none;box-shadow:none;background:#474848;color:#eee}#staffDirectory .staff-container #staff-container li .staff-more-info{display:none}#staffDirectory .staff-container #staff-container li .staff-more-info .top-sec{display:flex;padding:10px 0;align-items:center;margin-top:15px}#staffDirectory .staff-container #staff-container li .staff-more-info .top-sec a{font-size:12px;text-decoration:none;line-height:20px;padding:0 8px 2px;border-radius:3px;margin-bottom:5px;display:inline-flex;align-items:center}#staffDirectory .staff-container #staff-container li .staff-more-info .top-sec a span:not(.fa){text-decoration:underline}#staffDirectory .staff-container #staff-container li .staff-more-info .top-sec a .fa{color:#595a5a;font-size:20px;line-height:20px;padding-right:5px}#staffDirectory .staff-container #staff-container li .staff-more-info .top-sec a:hover,#staffDirectory .staff-container #staff-container li .staff-more-info .top-sec a:focus{outline:none;box-shadow:none}#staffDirectory .staff-container #staff-container li .staff-more-info .top-sec a:hover span:not(.fa),#staffDirectory .staff-container #staff-container li .staff-more-info .top-sec a:focus span:not(.fa){text-decoration:none}#staffDirectory .staff-container #staff-container li .staff-more-info .bottom-sec{color:#474848;margin:0 0 15px;padding:15px 0 0;border-top:1px solid #ddd}#staffDirectory .staff-pagination{background:#eee;padding:5px 10px;display:flex;align-items:center;justify-content:space-between}#staffDirectory .staff-pagination #page-numbers a{font-weight:bold;font-size:.9em;transition:background .2s ease-in-out;text-decoration:none;color:#595a5a;display:inline-block;padding:10px;border-radius:3px;margin:0 2px}#staffDirectory .staff-pagination #page-numbers a:hover,#staffDirectory .staff-pagination #page-numbers a:focus,#staffDirectory .staff-pagination #page-numbers a.active_page{background-color:#595a5a;color:#fff;outline:none;box-shadow:none}#staffDirectory .staff-pagination #page-count{font-weight:bold;font-size:.9em;color:#595a5a;padding:10px}#mfp-items.staff-directory-items{display:flex;flex-direction:column}#mfp-items.staff-directory-items .mfp-item-content{padding:5px 10px !important}#mfp-items.staff-directory-items .mfp-item{margin-bottom:5px}

#staffDirectory .header-title {
    font-size: 30px;
    font-weight: 600;
    padding-right: 10px;
}

#staffDirectory .header-sec {
    text-align: center;
    padding: 15px;
}


#staffDirectory #search-staff.no-dropdown #search-staff-input {
    width: calc(100% - 130px);
}

#staffDirectory .staff-pagination.hidden {
 display: none;
}

#staffDirectory .staff-container #staff-container li .staff-card .staff-info .staff-name span:first-child {
    padding-right: 5px;
}

/* End of Staff Direcotry V2 */

li.level2.mega_boards_commissions .third-level-list, li.level2.mega_boardscommissions > .third-level-list{display: none}


.menu-nav nav .second-level-list .level2 {
    break-inside: avoid;
}



.no-sidebar #sideBar {
    display: none;
}

.no-sidebar #subContent {
    width: 100%;
}


// Agenda Portlet

.agenda-portlet-wrapper, .agenda-filter-wrapper {
  overflow: visible;
}

.agenda-portlet {
  padding: 30px 10px;
}
.agenda-portlet *:focus {
  box-shadow: none;
}
.agenda-portlet.hide {
  display: none !important;
}
.agenda-portlet .agenda-header {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #d2d2d2;
  margin-bottom: 10px;
}
.agenda-portlet .agenda-header .heading-title {
  font-size: 18px;
  line-height: normal;
  font-weight: 600;
  color: #003057 !important;
  text-decoration: none !important;
}
.agenda-portlet .agenda-header .heading-title .fa {
  font-size: 20px;
  padding-right: 10px;
}
.agenda-portlet .agenda-header .years {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.agenda-portlet .agenda-header .years .hide, .agenda-portlet .agenda-header .years .searchHide {
  display: none !important;
}
.agenda-portlet .agenda-header .years > a {
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  color: #003057 !important;
  text-decoration: none !important;
  margin: 0 4px;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.agenda-portlet .agenda-header .years > a:hover, .agenda-portlet .agenda-header .years > a:focus {
  text-decoration: underline !important;
}
.agenda-portlet .agenda-header .years > a.active {
  font-weight: 700;
}
.agenda-portlet .agenda-header .years .view-more {
  position: relative;
}
.agenda-portlet .agenda-header .years .view-more > a {
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  color: #003057 !important;
  text-decoration: none !important;
  margin: 0 4px;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.agenda-portlet .agenda-header .years .view-more > a:hover, .agenda-portlet .agenda-header .years .view-more > a:focus {
  text-decoration: underline !important;
}
.agenda-portlet .agenda-header .years .view-more .view-more-dropdown {
  display: none;
  position: absolute;
  left: 50%;
  top: calc(100% + 5px);
  transform: translateX(-50%);
  width: 100px;
  padding: 10px;
  text-align: center;
  background: #f1f1f1;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
}
.agenda-portlet .agenda-header .years .view-more .view-more-dropdown a {
  display: block;
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  color: #003057 !important;
  text-decoration: none !important;
  margin: 5px;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.agenda-portlet .agenda-header .years .view-more .view-more-dropdown a:hover, .agenda-portlet .agenda-header .years .view-more .view-more-dropdown a:focus {
  text-decoration: underline !important;
}
.agenda-portlet .agenda-header .years .view-more .view-more-dropdown a.active {
  font-weight: 700;
}
.agenda-portlet .items-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  background: #f1f1f1;
  border: 1px solid #e2e2e2;
  border-left: none;
  border-right: none;
  margin-bottom: 10px;
}
.agenda-portlet .items-header .left-sec span {
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  color: #003057;
}
.agenda-portlet .items-header .right-sec span {
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  color: #003057;
  width: 120px;
  display: inline-block;
  text-align: center;
}
.agenda-portlet .agenda-container.hide {
  display: none;
}
.agenda-portlet .agenda-container .a-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 20px;
  margin: 10px 0;
  border-bottom: 1px solid #e2e2e2;
}
.agenda-portlet .agenda-container .a-item.filteredOut, .agenda-portlet .agenda-container .a-item.searchFilteredOut {
  display: none !important;
}
.agenda-portlet .agenda-container .a-item .left-sec .agenda-title .a-date {
  display: flex;
  align-items: center;
}
.agenda-portlet .agenda-container .a-item .left-sec .agenda-title .a-date .fa {
  font-size: 20px;
  color: #77a22f;
  padding-right: 10px;
}
.agenda-portlet .agenda-container .a-item .left-sec .agenda-title .a-date span:not(.fa) {
  font-size: 16px;
  line-height: normal;
  font-weight: 700;
}
.agenda-portlet .agenda-container .a-item .left-sec .agenda-title .a-title {
  padding-top: 5px;
}
.agenda-portlet .agenda-container .a-item .left-sec .agenda-title .a-title a {
  font-size: 16px;
  margin-left: 25px;
  text-decoration: none !important;
  color: #003057 !important;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.agenda-portlet .agenda-container .a-item .left-sec .agenda-title .a-title a:hover, .agenda-portlet .agenda-container .a-item .left-sec .agenda-title .a-title a:focus {
  text-decoration: underline !important;
}
.agenda-portlet .agenda-container .a-item .right-sec {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
}
.agenda-portlet .agenda-container .a-item .right-sec .a-minutes {
  width: 120px;
}
.agenda-portlet .agenda-container .a-item .right-sec .a-minutes a {
  display: inline-block;
  font-size: 20px;
  text-decoration: none !important;
  color: #003057 !important;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.agenda-portlet .agenda-container .a-item .right-sec .a-minutes a:hover, .agenda-portlet .agenda-container .a-item .right-sec .a-minutes a:focus {
  color: #5a7a24 !important;
  transform: scale(1.1);
}
.agenda-portlet .agenda-container .a-item .right-sec .a-download {
  width: 120px;
  position: relative;
}
.agenda-portlet .agenda-container .a-item .right-sec .a-download > a {
  text-decoration: none !important;
  background: #003057 !important;
  color: #fff !important;
  padding: 5px 10px;
  border-radius: 7px;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.agenda-portlet .agenda-container .a-item .right-sec .a-download > a:hover, .agenda-portlet .agenda-container .a-item .right-sec .a-download > a:focus {
  background: #5a7a24 !important;
}
.agenda-portlet .agenda-container .a-item .right-sec .a-download .download-dropdown {
  display: none;
  position: absolute;
  left: 50%;
  top: calc(100% + 5px);
  transform: translateX(-50%);
  width: 120px;
  padding: 5px 10px;
  text-align: center;
  background: #f1f1f1;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  z-index: 100;
}
.agenda-portlet .agenda-container .a-item .right-sec .a-download .download-dropdown a {
  display: inline-block;
  text-decoration: none !important;
  color: #003057 !important;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  padding: 2px 5px;
  margin: 2px 5px;
}
.agenda-portlet .agenda-container .a-item .right-sec .a-download .download-dropdown a:hover, .agenda-portlet .agenda-container .a-item .right-sec .a-download .download-dropdown a:focus {
  color: #5a7a24 !important;
  text-decoration: underline !important;
}

.agenda-filter {
  padding: 20px;
  background: #003057;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.agenda-filter .left-sec {
  display: flex;
  flex-wrap: wrap;
}
.agenda-filter .left-sec .f-heading {
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 7px;
}
.agenda-filter .left-sec .clear-filter a {
  display: flex;
  align-items: center;
  text-align: center;
  color: #003057 !important;
  background: #fff;
  padding: 6px 10px;
  border-radius: 5px;
  text-decoration: none !important;
  margin-right: 10px;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.agenda-filter .left-sec .clear-filter a:hover, .agenda-filter .left-sec .clear-filter a:focus {
  background: #5a7a24;
  color: #fff !important;
}
@media screen and (max-width: 900px) {
  .agenda-filter .left-sec .clear-filter a {
    margin: 0 0 10px 0;
  }
}
@media screen and (max-width: 900px) {
  .agenda-filter .left-sec .time-filter {
    width: 100%;
    padding-bottom: 10px;
  }
}
.agenda-filter .left-sec .time-filter label {
  position: fixed;
  left: 1000000px;
  top: 1000000px;
}
.agenda-filter .left-sec .time-filter select {
  padding: 5px;
  border-radius: 5px;
  border: none;
  font-size: 16px;
}
.agenda-filter .left-sec .date-range {
  padding-left: 10px;
}
@media screen and (max-width: 900px) {
  .agenda-filter .left-sec .date-range {
    width: 100%;
    padding: 0;
  }
}
.agenda-filter .left-sec .date-range label {
  position: fixed;
  left: 1000000px;
  top: 1000000px;
}
.agenda-filter .left-sec .date-range #agendaStartDate, .agenda-filter .left-sec .date-range #agendaEndDate {
  padding: 5px;
  border-radius: 5px;
  border: none;
  margin-right: 10px;
  font-size: 16px;
}
@media screen and (max-width: 900px) {
  .agenda-filter .left-sec .date-range #agendaStartDate, .agenda-filter .left-sec .date-range #agendaEndDate {
    margin-bottom: 10px;
  }
}
.agenda-filter .right-sec {
  display: flex;
  flex-direction: column;
}
.agenda-filter .right-sec .category > a {
  display: flex;
  align-items: center;
  text-align: center;
  color: #003057 !important;
  margin-top: 10px;
  background: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  text-decoration: none !important;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.agenda-filter .right-sec .category > a:hover, .agenda-filter .right-sec .category > a:focus {
  background: #5a7a24;
  color: #fff !important;
}
@media screen and (max-width: 900px) {
  .agenda-filter .right-sec .category > a {
    margin: 0;
  }
}
.agenda-filter .right-sec .category > a .fa {
  padding-left: 8px;
  font-size: 18px;
}
@media screen and (max-width: 900px) {
  .agenda-filter .right-sec .search {
    padding-bottom: 10px;
  }
}
.agenda-filter .right-sec .search label {
  position: fixed;
  left: 1000000px;
  top: 1000000px;
}
.agenda-filter .right-sec .search input {
  padding: 5px;
  border-radius: 5px;
  border: none;
  font-size: 16px;
}
.agenda-filter .category-dropdown {
  width: 100%;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  z-index: 500;
  display: none;
  margin-top: 10px;
}
.agenda-filter .category-dropdown .categories {
  display: flex;
  flex-wrap: wrap;
}
.agenda-filter .category-dropdown .categories .cat-item {
  width: 50%;
  padding: 5px;
}
@media screen and (max-width: 900px) {
  .agenda-filter .category-dropdown .categories .cat-item {
    width: 100%;
  }
}
.agenda-filter .category-dropdown .categories .cat-item label {
  padding-left: 5px;
}