/* ********************************************************************** */
/* ICLEI Europe members  */
/* ********************************************************************** */
/* Color definitions
  Yellow 1: rgb(255,243,180) #FFF3B4
  Yellow 2: rgb(255,231,105) #FFE769
  Yellow 3: rgb(255,221,81) #FFDD51
  Yellow 4: rgb(246,201,76) #F6C94C

  Blue/Green 1: rgb(0,136,135) #008887
  Blue/Green 2: rgb(51,160,159) #33A09F
  Blue/Green 3: rgb(102,184,183) rgb(102,184,183)

  Green 1: rgb(102,160,135) #66A087
  Green 2: rgb(168,188,125) #A8BC7D
  Green 3: rgb(203,215,177) #CBD7B1
  Green 4: rgb(202,201,119) #CAC977

  Blue 1: rgb(127,183,192) #7FB7C0
  Blue 2: rgb(128,189,209) #80BDD1
  Blue 3: rgb(198,226,227) #C6E2E3

  Grey 1: rgb(50,50,50) #323232
  Grey 2: rgb(179,179,179) #B3B3B3
  Grey 3: rgb(242,242,242) #F2F2F2
*/

/* ********************************************************************** */
/* GENERAL  */
/* ********************************************************************** */
#map_container .centered_container{width:1200px; margin:0 auto;}

/* ********************************************************************** */
/* MAP  */
/* ********************************************************************** */
#map_container{position:relative; width:100%; height:550px; padding: 0; margin: 0; overflow:hidden;}

#map_container #members_map{position:relative; width:100%; height:500px; margin:10px 0 0 0; background-color:black;}

#map_container #members_map .mapboxgl-control-container .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-attrib{display:none;}
#map_container #members_map .mapboxgl-control-container .mapboxgl-ctrl-bottom-left{display:none;}


#map_container #members_map .marker {background-size: cover; width:26px; height:30px; margin-top:-15px; cursor: pointer; overflow:visible;}
#map_container #members_map .marker.inactive {display:none;}
#map_container #members_map .marker.full_member_local_government {background-image: url('/fileadmin/templates/iclei-europe/lib/members/images/icon_bluegreen.png'); }
#map_container #members_map .marker.full_member_association {background-image: url('/fileadmin/templates/iclei-europe/lib/members/images/icon_green.png'); }
#map_container #members_map .marker.associate_member {background-image: url('/fileadmin/templates/iclei-europe/lib/members/images/icon_grey.png'); }

#map_container #members_map .marker .name-label{display:none; position:relative; width:max-content; height:auto; top:3px; left:26px; font-size: 0.9em; font-weight:normal; color:rgb(0,101,110); background-color:white; border-radius:5px; padding:0 3px; border:1px solid rgb(0,101,110);}
#map_container #members_map .marker:hover {z-index:1;}
#map_container #members_map .marker:hover .name-label{display:inline-block; pointer-events:none;}

#map_container #members_filter_menu{position:relative; margin-top:-50px; z-index:3; text-align:right; padding-right:280px;}
#map_container #members_filter_menu a{display:inline-block; padding:2px 10px 2px 25px; font-size: 0.75em; font-weight: normal; border:1px solid rgb(68,68,68); text-decoration:none; border-radius:2px; margin:0 10px 0 0; background-color:white; background-position:left; background-size:auto 90%; background-repeat:no-repeat; z-index:3; box-shadow: 0 0 2px 2px rgba(50,50,50,0.3);}
#map_container #members_filter_menu a.active{color:white}

#map_container #members_filter_menu #filter_full_member_local_government{border-color:rgb(0,136,135); color:rgb(0,136,135); color:rgb(50,50,50); background-color:rgba(0,136,135,0.2);  background-image: url('/fileadmin/templates/iclei-europe/lib/members/images/icon_bluegreen.png'); }
#map_container #members_filter_menu #filter_full_member_local_government.active{background-color:rgb(0,136,135); color:white;}

#map_container #members_filter_menu #filter_full_member_association{border-color:rgb(168,188,125); color:rgb(50,50,50); background-color:rgba(168,188,125,0.2); background-image: url('/fileadmin/templates/iclei-europe/lib/members/images/icon_green.png'); }
#map_container #members_filter_menu #filter_full_member_association.active{background-color:rgb(168,188,125); color:white;}

#map_container #members_filter_menu #filter_associate_member{border-color:rgb(170,170,170); color:rgb(50,50,50); background-color:rgba(170,170,170,0.5); background-image: url('/fileadmin/templates/iclei-europe/lib/members/images/icon_grey.png');}
#map_container #members_filter_menu #filter_associate_member.active{background-color:rgb(170,170,170); color:rgb(50,50,50);}


/* ********************************************************************** */
/* Heading  */
/* ********************************************************************** */
#map_container .heading_box{position:relative; margin-top:-34px; z-index:2;}
#map_container .heading_box h1{display:inline-block; background-color:white; line-height:50px; margin:0; font-size:44.8px; font-weight: normal; color:rgb(50,50,50); padding:8px 25px; letter-spacing:-1px; border:1px solid rgb(242,242,242);}


/**********************************************/
/* Member Views
/**********************************************/
#map_container #members_view_box { position:absolute; top:10px; left:0; width:100%; height:550px; background-color:rgba(0,0,0,0.9); z-index:4; text-align:center;}
#map_container #members_view_box.active {display:block;}
#map_container #members_view_box.inactive {display:none;}
#map_container #members_view_box .member_view{text-align:left; padding:10px; position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:1200px; height:450px; margin-top:85px; background-color:white; border-radius:4px;}
#map_container #members_view_box .member_view.active{display:block;}
#map_container #members_view_box .member_view.inactive{display:none;}


#map_container #members_view_box .member_view .member_header_box {}

#map_container #members_view_box .member_view .member_header_box .cancel_button{float:right; width:2%; color:rgb(220,220,220); margin:-5px -5px 5px 5px; padding: 0; font-weight: normal; }
#map_container #members_view_box .member_view .member_header_box .cancel_button:hover{cursor: pointer;}
#map_container #members_view_box .member_view .member_header_box .cancel_button i{margin: 0; font-size:1.6em; line-height:0.8em; }

#map_container #members_view_box .member_view .member_header_box .direct_link_box{float:left; width:2%; margin:-5px 5px 5px -5px; }
#map_container #members_view_box .member_view .member_header_box .direct_link_box a{}

#map_container #members_view_box .member_view .member_header_box .member_name{float:left; width:96%; border-bottom:1px solid rgb(245,245,245); margin-bottom:10px;}
#map_container #members_view_box .member_view .member_header_box .member_name h1{}
#map_container #members_view_box .member_view .member_header_box .member_name h1 span{_font-size:0.8em; _color:rgb(120,120,120);}

#map_container #members_view_box .member_view .members_info_box{width:23%; float:left; margin-left:2%;}
#map_container #members_view_box .member_view .members_info_box .country{}
#map_container #members_view_box .member_view .members_info_box .country img{width:25px; height:auto; margin-right:5px;}
#map_container #members_view_box .member_view .members_info_box .address{margin-top:10px;}
#map_container #members_view_box .member_view .members_info_box .inhabitants{margin-top:10px;}
#map_container #members_view_box .member_view .members_info_box .email{white-space: nowrap;}
#map_container #members_view_box .member_view .members_info_box .url{white-space: nowrap;}

#map_container #members_view_box .member_view .members_info_box .membertype_date{margin-top:40px;}
#map_container #members_view_box .member_view .members_info_box .membertype_date label{margin: 0;}
#map_container #members_view_box .member_view .members_info_box .membertype_date .type{margin-left:10px;}
#map_container #members_view_box .member_view .members_info_box .membertype_date .date{margin-left:10px;}
#map_container #members_view_box .member_view .members_info_box .membertype_date .date label{margin-right:10px;}

#map_container #members_view_box .member_view .signatory_participation_info_box{width:40%; float:left; }
#map_container #members_view_box .member_view .signatory_participation_info_box .signatory_info{margin-bottom:30px;}
#map_container #members_view_box .member_view .signatory_participation_info_box .signatory_info label{}
#map_container #members_view_box .member_view .signatory_participation_info_box .signatory_info .signatory{margin:0 0 10px 10px;}
#map_container #members_view_box .member_view .signatory_participation_info_box .signatory_info .signatory img{width:50px; height:auto; margin-right:5px;}
#map_container #members_view_box .member_view .signatory_participation_info_box .signatory_info .signatory .aalborg_charter{}
#map_container #members_view_box .member_view .signatory_participation_info_box .signatory_info .signatory .aalborg_commitments{}
#map_container #members_view_box .member_view .signatory_participation_info_box .signatory_info .signatory .basque_declaration{}

#map_container #members_view_box .member_view .signatory_participation_info_box .participation_info{}
#map_container #members_view_box .member_view .signatory_participation_info_box .participation_info label{}
#map_container #members_view_box .member_view .signatory_participation_info_box .participation_info .participant{margin:0 0 10px 10px;}
#map_container #members_view_box .member_view .signatory_participation_info_box .participation_info .participant img{width:40px; height:auto; margin-right:5px;}
#map_container #members_view_box .member_view .signatory_participation_info_box .participation_info .participant.procura_plus{}
#map_container #members_view_box .member_view .signatory_participation_info_box .participation_info .participant.procura_plus .procura_plus_chair{display:inline; font-size:0.8em;}
#map_container #members_view_box .member_view .signatory_participation_info_box .participation_info .participant.procura_plus .procura_plus_founder{display:inline; font-size:0.8em;}
#map_container #members_view_box .member_view .signatory_participation_info_box .participation_info .participant.agenda_plus{}

#map_container #members_view_box .member_view .more_info_box {width:33%; float:left;}
#map_container #members_view_box .member_view .more_info_box label{}
#map_container #members_view_box .member_view .more_info_box .host{margin-bottom:30px;}
#map_container #members_view_box .member_view .more_info_box .host .hosted_event{margin-bottom:5px;}
#map_container #members_view_box .member_view .more_info_box .host .hosted_event i{float:left; margin:3px 5px 5px 0;}
#map_container #members_view_box .member_view .more_info_box .host .hosted_event span{}
#map_container #members_view_box .member_view .more_info_box .awards{}
#map_container #members_view_box .member_view .more_info_box .awards .award{margin-bottom:5px;}
#map_container #members_view_box .member_view .more_info_box .awards .award i{float:left; margin:3px 5px 5px 0;}
#map_container #members_view_box .member_view .more_info_box .awards .award span{}


/**********************************************/
/* Media Queries 
/**********************************************/

/* 980 - 1200 */
@media only screen and (min-width: 980px) and (max-width:1199px) {  
  #map_container .centered_container{width:980px;}
  #map_container #members_filter_menu{margin-top:-90px; padding-right:0; }

}


/* 768 - 980 */
@media only screen and (min-width: 768px) and (max-width:979px) {  
  #map_container .centered_container{width:768px;}
  #map_container #members_filter_menu{margin-top:-110px; padding-right:0; text-align:center;}

}
 

/* < 768  */
@media only screen and (max-width: 767px){
  
  #map_container {display:none;}
  
  #map_container .centered_container{ width:100%;}

  #map_container {height:250px; }
  #map_container #members_map{ width:100%; height:250px; }

  #map_container #members_filter_menu{display:none;}

  #map_container .heading_box{display:none;}
  .mapboxgl-ctrl-group{display:none;}
} /* end of < 768  */