.simple-accordion-title-shell { background: var(--dark); padding: 14px 15px; color: #fff; }
.simple-accordion-description p:last-child { margin-bottom: 0 !important; }
.panel-title {  letter-spacing: 1px; }
.copy a,.box a { color: var(--light); }
#nav-sec ul ul ul { padding: 0 13px; list-style: none; border-bottom: 0px; font-size: 13px; }
ul.box-list { padding: 0; margin-bottom: 0; }
.box-form { background: #fff; padding: 15px; margin-bottom: 25px; }
.blog-item, .blog-item h2 { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; }

.blog-item {border-bottom: 1px dotted #ccc; display: block; width: 100%; overflow: hidden; padding: 30px 0; color: #555;}
.blog-item h2 {font-size: 28px; font-weight: 600; letter-spacing: -1px; margin: 0 0 5px 0;}
.blog-item h3, .blog-detail h3 {font-size: 20px; color: #888; font-weight: 400; margin: 0 0 15px 0;}
.blog-item h3 span.date, .blog-detail h3 span.date {margin: 0 5px 0 0;}
.blog-item h3 span.topic, .blog-detail h3 span.topic {margin:  0 0 0 5px; font-weight: 600;}
.blog-item p {margin: 0; font-size: 16px; line-height: 21px; color: #555;}
.blog-item:hover {color: #555; background: #f4f4f4;}
.blog-item:hover h2 {color: var(--primary);}

.blog-sidebar h4 {text-transform: uppercase; font-size: 15px; color: #444; margin: 0 0 20px;}
.blog-sidebar ul {list-style: none; padding: 0; margin: 0 0 30px 0;}
.blog-sidebar ul a {display: block; color: #888; border-top: 1px solid #ddd; padding: 4px; text-decoration: none;}
.blog-sidebar ul a:hover {background: #eee; text-decoration: none; padding: 4px 0 4px 8px;}

.fancy-list {list-style: none; margin: 0 0 0 -35px; font-size: 18px; position: relative; display:block; width: 100%; background: #f4f4f4; padding: 5px 5px 5px 30px; border-bottom: 1px dotted #ccc;}
.fancy-list:before {content: "\f061";font-family: FontAwesome; font-size: 14px; position: absolute; left: 10px; top: 8px; background: #f4f4f4; color: #999;}
.fancy-list strong {color: var(--primary); display: inline-block; min-width: 200px;}

.mem-search-filter {color: var(--light);}
.searchl-list { display: grid; grid-template-columns: 1fr;}
.col-5 {margin: 0 auto;}
.person-list-item {color: #444; min-height: 160px; background: #eee; margin: 0 0 30px 0; padding: 15px 5px 15px 15px;}
.person-list-item figure {display: block; margin: -15px -5px 15px -15px; text-align: center; height: 275px; overflow: hidden;}
.person-list-item figure img {display: block; width: 100%;}
.person-list-item h4 {margin: 0 0 10px 0;}
.person-list-item p {font-size: 14px; line-height: 16px;}
#list-search {display: flex; background: var(--dark); margin: 0 0 40px 0;box-shadow: 0 0 10px rgba(0,0,0,.15); padding: 10px;}
#list-search .form-group {width: 100%; float: left; padding: 0 0; margin: 0 0 5px 0;}
#list-search .form-group:first-of-type {padding-left: 0;}
#list-search .alpha-list {width: 100%; float: left; text-align: center; background: rgba(0,0,0,.1); border: 1px solid rgba(0,0,0,.1);}
#list-search .alpha-list a {color: var(--light); font-size: 18px;}
#list-search .alpha-list a:hover {background: rgba(0,0,0,.1); text-decoration: none;}
#list-search form label {color: var(--light); font-size: 14px; text-transform: uppercase; margin: 0;}
#list-search .search-go {display: block; text-align: center; padding: 5px 15px; background: var(--primary); overflow: hidden; margin: 20px 0 0 0; float: left; width: 100%; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 18px; border: 1px solid rgba(0,0,0,.05); margin: 5px 0 20px 0px; opacity: .9;}
#list-search .search-go:hover {opacity: 1; text-decoration: none;}
#list-search .form-control {border: none; border-radius: 0; background: #eee; font-size: 0.8rem;}
#list-search form .form-control:focus {background: #fff;}
#list-search .text-left {text-align: center; padding: 10px 0 0 0;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: var(--dark); border-color: var(--dark); }
.pagination>li>a, .pagination>li>span { color: var(--dark); }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #list-search .form-group {width: 33.3%; padding: 0 5px;}
    #list-search .search-go {width: 33.3%; margin: 22px 0 20px  10px;}
    .searchl-list { grid-template-columns: 1fr 1fr 1fr;}
    .col-5 {padding: 0 15px;}
    .person-list-item {min-height: 405px;}
    .person-list-item p {margin: 0;}
    .person-list-item figure {height: 225px;}
    .person-list-item figure img {width: 100%;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #list-search .form-group {width: 18%; padding: 0 5px;}
    #list-search .search-go {width: 10%; margin: 22px 0 20px  10px;}
    #list-search .alpha-list a {padding: 6px 9px;}
    .searchl-list { grid-template-columns: 1fr 1fr 1fr 1fr;}
    .col-5 {padding: 0 15px;}
    .person-list-item {min-height: 405px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .searchl-list { grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
    .col-5 {padding: 0 15px;}
    #list-search {padding: 10px 15px 15px 15px;}
    #list-search .form-group {width: 13%; padding: 0 5px;}
    #list-search .search-go {width: 10%; margin: 22px 0 20px 10px;}
    #list-search .alpha-list a {padding: 6px 12px;}
}

@media (max-width: 400px) {
    #logo {
        max-width: 160px;
    }
}