/* CSS Document */
#rvadv_poi_commdetails h4, .rvadv_poi_commdetails h4{
     background:url(../images/open.png) no-repeat left center;
     padding-left:30px;
     height:25px;
     line-height:25px;
     cursor:pointer;
     color:#0073AA;
}
#rvadv_poi_commdetails h4.close{
     background:url(../images/close.png) no-repeat left center;
}
.rvadv_poi_fieldset{
     border:solid 3px #ccc;
     padding:10px;
     margin-top:2em;
}
#add_point_box{
     height:200px;
}
#rvadv_poi_cancel_add{
     text-decoration:underline;
     cursor:pointer;
}
.rvadv_poi_point_list .details{
     display:none;
}
.rvadv_poi_point_list p{
     cursor:pointer;
     border:solid 1px #ccc;
     padding:.5em;
     color:#0073AA;
     margin-bottom:2px;
}
.rvadv_poi_point_list p span.edit_link{
     display:inline-block;
     text-align:right;
     width:40%;
}
.rvadv_poi_point_list p span.delete_link{
     display:inline-block;
     text-align:right;
     width:10%;
     color:red;
}
.rvadv_poi_point_list p span.point_title{
     display:inline-block;
     text-align:left;
     width:50%;
}
/* output */
#rvadv_poi_map_key li p{
     padding:20px 10px 18px 50px;
     background-color:#314b80;
     background-position:12px 18px;
     background-size:auto 25px;
     text-align:left;
     text-transform:uppercase;
     color:#fff;
     vertical-align:baseline;
     background-repeat:no-repeat;
     cursor:pointer;
     font-size:1.1em;
     margin-bottom:.5em;
     letter-spacing: 1px;
}
#rvadv_poi_map_key li p.poi_selected{
     background-color:#0d2251;
}
#rvadv_poi_map_canvas{
     height:500px;
}
#rvadv_poi_map_details{
     height:500px;
     overflow-y:scroll;
     background-color:#eee;
     padding:1em;
}
#rvadv_poi_map_details h2.poi_name{
     font-size:1.1em;
     text-align: left;
     padding:0;
     margin:0;
     text-transform:capitalize;
     font-weight: bold;
     letter-spacing:0;
}
#rvadv_poi_map_details h2.poi_name span{
     color:#314b80;
     font-size:.9em;
     font-weight:bold;
}
#rvadv_poi_map_details .poi_single {
     margin-bottom:1.6em;
}
#rvadv_poi_map_details p{
     margin-bottom:0;
     color:#555;
     margin-left:1.2em;

}
.comm_nearby_box {
    margin: 3em 0 0;
}
#poi_map_box {
    height: 500px;
}
.points_list {
    height: 500px;
    overflow-x:hidden;
    overflow-y: scroll;
    padding: 1em;
}
.points_list ul {
    margin-bottom: 1.6em;
    list-style-type: none;
    text-align: left;
}
.points_list h3, .points_list p {
    margin: 0 !important;
    padding: 0;
    line-height: 1.4em;
}
.points_list h3{
     font-size:14px;
}
.points_list .comm_poi_point {
    margin: 0 0 30px;
}
.points_list p a{
    font-weight: normal !important;
    text-transform: none !important;
}
.poi_filter_button {
    text-align: center;
    vertical-align: baseline;
    cursor: pointer;
    letter-spacing: 1px;
    padding: .5em 1em;
}
.poi_filter_button h3 {
    display: inline-block;
    padding: 1.5em 2em;
    text-transform: uppercase;
}
.poi_filter_button h3.active {
    background-color: #000000;
    color: #fff;
}
.poi_filter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 767px) {
     #rvadv_poi_map_canvas{
          display:none;
     }
     #rvadv_poi_map_details {
          height:inherit;
     }
     #rvadv_poi_map_key li p {
          padding:10px 10px 8px 50px;
          background-position: 12px 6px;
          background-size: auto: 20px;
     }
     .poi_filter_button h3 {
         display: inline-block;
         padding: .5em 1em;
         margin: 0;
     }
     .comm_nearby_points > div {
         padding: 0;
     }
     .points_list {
         height: auto;
     }
     .points_list ul {
         padding: 0;
         margin: 10px 0;
     }
     #poi_map_box {
         height: 60vh;
     }     
     .poi_filter {         
         flex-direction: column;
     }    
}