/**********************************************/
/* ICLEI EUROPE - MEMBERS search page
/**********************************************/
/**********************************************/
/* 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
/**********************************************/
#members_listing_box .centered_container{width:1200px; margin:0 auto;}

/**********************************************/
/* Heading Box
/**********************************************/
.heading_box.mobile{display:none; position:relative; margin-top:-34px; z-index:2;}
.heading_box.mobile 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);}


/**********************************************/
/* Members Listing 
/**********************************************/
#members_listing_box{position:relative; display:none; margin-top:30px; margin:0 auto; border:1px solid rgb(179,179,179);}
#members_listing_box .members_listing_country_box_wrap {margin:0; padding:20px 0;}
#members_listing_box .members_listing_country_box_wrap.even{background-color:rgba(50,50,50,0.07);}
#members_listing_box .members_listing_country_box_wrap.odd{}
#members_listing_box .members_listing_country_box_wrap .members_listing_country_box{}
#members_listing_box .members_list_heading_wrap{}
#members_listing_box .members_list_heading_wrap .members_list_heading{text-align:center;}
#members_listing_box .members_list_heading_wrap .members_list_heading h2{}
#members_listing_box .members_listing_country_heading{display:block; padding: 0; margin:0;}
#members_listing_box .members_listing_country_heading img{float:left; width:30px; height:30px; margin:-3px 10px 0 10px;}
#members_listing_box .members_listing_country_heading .country{}

#members_listing_box .member{font-size: 1.3em; font-weight: bold;}
#members_listing_box .member a{display:block; padding:3px 0 3px 50px; }
#members_listing_box .member a .full_name{font-size: 0.8em; font-weight: normal;}
#members_listing_box .member.full_member_local_government a{color:rgb(0,136,135); }
#members_listing_box .member.full_member_local_government a:hover{background-color:rgb(0,136,135); color:white;}

#members_listing_box .member.full_member_association a{color:rgb(168,188,125); }
#members_listing_box .member.full_member_association a:hover{background-color:rgb(168,188,125); color:white;}

#members_listing_box .member.associate_member a{color:rgb(150,150,150); }
#members_listing_box .member.associate_member a:hover{background-color:rgb(150,150,150); color:white;}

#members_numbers {display:none; text-align:right; color:rgb(180,180,180);}



/**********************************************/
/* Members Listing Toggel Button
/**********************************************/
#members_list_toggle_box {position:relative; width:1200px; margin-top:-67px; margin-bottom:60px; text-align:right;}
#members_list_toggle_box #members_list_toggle{position:relative; display:inline-block; padding:8px 15px; border-radius:5px; border:1px solid rgb(179,179,179); background-color:rgb(50,50,50); text-align:center; box-shadow: 0 0 5px 2px rgba(50,50,50,0.5);  z-index:3;}
#members_list_toggle_box #members_list_toggle:hover{cursor:pointer;}
#members_list_toggle_box #members_list_toggle .label{font-size:1.4em; color:white; display:none; padding:0;}
#members_list_toggle_box #members_list_toggle .label.active{display:inline-block;}
#members_list_toggle_box #members_list_toggle .label.show_list{}
#members_list_toggle_box #members_list_toggle .label.hide_list{}
#members_list_toggle_box #members_list_toggle i{font-size:1.2em; color:white;}
#members_list_toggle_box #members_list_toggle .arrow{display:none;}
#members_list_toggle_box #members_list_toggle .arrow.active{display:inline-block;}






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

/* 980 - 1200 */
@media only screen and (min-width: 980px) and (max-width:1199px) {  
  #members_listing_box .centered_container{width:980px;}
  #members_list_toggle_box {width:980px;}
}


/* 768 - 980 */
@media only screen and (min-width: 768px) and (max-width:979px) {  
  #members_listing_box .centered_container{width:768px;}
  #members_list_toggle_box {width:768px;}
}
 

/* < 768  */
@media only screen and (max-width: 767px){
  #members_listing_box .centered_container{width:100%;}
  #members_list_toggle_box {width:100%; margin:0 auto;}

  .heading_box.mobile{display:block; margin-top:20px;}


} /* end of < 768  */