/* Plugin CSS */
.jcl-map-wrapper{display:flex;flex-direction: column;}.jcl-filters{width:100%;   max-width: 800px;    margin: 10px auto;    display: flex;    gap: 10px;}.jcl-filters select{    width: 100%;    padding: 10px; }#jcl-map{border-radius:8px;}
#jcl-location-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.jcl-location-item {
	cursor:pointer;
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-left: 15px;
  
}
.jcl-location-item.active h6 {
    color: #fff;
}

.jcl-location-item.active {
    background: #113a4c;
    color: #fff;    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, .05);
    box-shadow: 0 30px 30px rgba(0, 0, 0, .05);
}
.jcl-location-item ul{margin:0; padding: 0;}
.jcl-location-item li{list-style-type: none;}
.jcl-location-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .3);
    -webkit-transition: height .3s 
cubic-bezier(0.165, 0.84, 0.44, 1), background-color .3s 
cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: height .3s 
cubic-bezier(0.165, 0.84, 0.44, 1), background-color .3s 
cubic-bezier(0.165, 0.84, 0.44, 1);
}
.jcl-location-item:hover {
    background: #113a4c; color:#fff;
    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, .05);
    box-shadow: 0 30px 30px rgba(0, 0, 0, .05);
}
.jcl-location-item:hover::before, .jcl-location-item.active::before {
    height: 2px;
    background-color: #fd733c;
}
@media only screen and (min-width: 768px) {.jcl-location-item {  width: calc(25% - 40px);}}