#filtered_map_google { position: relative; width: 100%; height: 300px; }
#filtered_map_legend{ width: 100%; height: auto; }
#filtered_bar { display: none; }
#map_data_tabs .nav-tabs { margin-bottom: 0; justify-content: flex-end; background: transparent; border: 0;}
#map_data_tabs .nav-tabs li { width: auto; border: 2px solid #508142; border-bottom: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0;border-left: 0; }
#map_data_tabs .nav-tabs li:first-child { border-left: 2px solid #508142; }

#map_data_tabs li.nav-item a { color: white; }
#map_data_tabs li.nav-item a:after { display: none; }
#map_data_tabs li.nav-item.active  a { color: green; }
#filtered_map .tab-pane { text-align: left; padding: 20px 0; }
#filtered_map #filtered_map_google.tab-pane { padding: 0; text-align: center; vertical-align: middle; background: # }
#filtered_map.tab-content { border: 0 transparent; border-top: 2px solid #003B4A; margin-top: -2px; }

#filtered_map_legend { background: #e6e7e8; }

#location_search {
  padding: 0px 12px 15px;
  background: #e6e7e8;
}
#location_search label { display: block; font-size: 10px; color: #54666F }
#location_search input {
  border: 0 transparent solid;
  background: white;
  font-size: 14px;
  height: 34px;
}
#location_search .btn#refine_search { margin-top: 0; height: 34px;}

#location_search h3 {display: none; }

.filtered_cards {  
	display: grid;
	grid-template-columns: auto;
	grid-column-gap: 10px;
	grid-row-gap: 20px;
}


@media (min-width:595px ) {
  #filtered_map_google { position: relative; width: 100%; height: 500px; }  
  
  .filtered_cards {  
    grid-template-columns: 6fr 6fr;
  }

  #location_search label { float: left; height: 34px; line-height: 34px; margin-right: 8px; }
  
  .filter_group {float: left; width: 33%;}
  .filter_group:last-child {float: left; width: 34%;}  
}

#filtered_map.tab-content P, #filtered_map.tab-content h3 { font-family: "Ringside Regular A", "Ringside Regular B", sans-serif; }

#map_icon_legend_desktop { margin-bottom: 0; }
.map_icon_legend { clear: both; padding-top: 10px; }
.map_icon_legend .panel-default > .panel-heading { background: #003b4a; color: white; border: 0; border-radius: 0; }
.map_icon_legend h4.panel-title { font-size: 12px; color: white;}
.map_icon_legend .panel-default > .panel-heading:hover { background: #508142; }
.map_icon_legend .panel-body { font-size: 12px; text-align: left; }
.map_icon_legend P { margin-left: 50px; } 
.map_icon_legend P:before { margin-left: -40px; float: left; display: inline-block; }
.map_icon_legend P SPAN { font-weight: bold; }
.map_icon_legend p.committed:before { content: url(/sites/www.sierraclub.org/modules/custom/rf100/images/icon-action.png); }
.map_icon_legend p.takeaction:before { content: url(/sites/www.sierraclub.org/modules/custom/rf100/images/icon-eventcampaign.png); }
.map_icon_legend p.powered:before { content: url(/sites/www.sierraclub.org/modules/custom/rf100/images/icon-powered.png); }
.map_icon_legend p.c4action:before { content: url(/sites/www.sierraclub.org/modules/custom/rf100/images/card_corner_c4-legend.png); }
.map_icon_legend p.committed span { color: #008294; }
.map_icon_legend p.takeaction span { color: #d54400; }
.map_icon_legend p.powered span { color: #f7be00; }
.map_icon_legend .fa-chevron-up { display: none; }
.map_icon_legend .panel-title a[aria-expanded=true] .fa-chevron-up { display: inline-block; }
.map_icon_legend .panel-title a[aria-expanded=true] .fa-chevron-down { display: none; }
.map_icon_legend p a:link, .map_icon_legend p a, .map_icon_legend p a.visited { color: #003b4a !important; border-bottom: 2px solid #89d2d8 !important; }

@media (min-width: 768px) {
  .filtered_cards {  
    grid-template-columns: 4fr 4fr 4fr;
  }
}

#filtered_cards_controls #sortby form { display: inline-block; }
#filtered_cards_controls #sortby label { display: inline-block; }
#filtered_cards_controls #sortby select { display: inline-block; }
#filtered_cards_controls > div { text-align: center; } 
#filtered_cards_controls #filter_export_control { display: none; }
#filtered_cards_controls #filtered_cards_control { height: 40px; line-height: 40px; }
#filtered_cards_control { font-weight: bold; font-size: 14px; }
#results_number { color: #508142; font-size: 26px; vertical-align: bottom;} 


#filtered_map.tab-content .rf100_info { text-align: left; max-width: 200px; } 
#filtered_map.tab-content .rf100_info P, #filtered_map.tab-content .rf100_info DIV {font-size: 13px; font-family: "Ringside Regular A", "Ringside Regular B", sans-serif;}
#filtered_map.tab-content .rf100_info P { margin: 5px 0; }
#filtered_map.tab-content .rf100_info A, #filtered_map.tab-content .rf100_info A:visited, #filtered_map.tab-content .rf100_info A:link { display: inline-block; font-weight: 700; color: #003b4a; border-bottom: 2px solid #89d2d8 }
#filtered_cards .card_action_link a:link, #filtered_cards .card_action_link a, #filtered_cards .card_action_link a.visited { color: #003b4a; border-bottom: 2px solid #89d2d8; }

.zoomin {display: none}


@media (min-width: 1024px) {
  a.zoomin {display: none}
  a.zoomin, a.zoomin:visited, a.zoomin:link { float: right; color: white !important; padding-left: 10px; }
 .filtered_card .zoomin {display: none}
 .filtered_card:hover a.zoomin {display: inline-block}
 .filtered_card.virtual:hover a.zoomin {display: none}
 
  
  a.zoomin:after { display: none; }
  .filter_group, .filter_group:last-child {float: none; width: 100%;}

  #location_search {
    padding: 16px 12px;
  }
  #location_search h3 {display: block; }
  #location_search label { float: none; height: auto; line-height: inherit; }
  #filtered_map.tab-content { border: 0; }
  #filtered_map .tab-pane {
    padding: 0;
  }
  #filtered_bar, #filter_groups { transition: width .5s; }
  #filtered_bar:hover { background-color: #508142; }
  #filtered_bar { 
    float:left;
    width: 5%; 
    height: 100%; 
    display: block; 
    background: #393b3c url(/sites/www.sierraclub.org/modules/custom/rf100/images/bar-toggle-open.png) no-repeat center center;  
  }
  #filter_groups { width: 95%; height: 100%; float:left; background: #e6e7e8; }
  #map_data_tabs { display: none; }
  #filtered_map_google { display: block !important; float: left; width: 75%; height: 580px; transition: width .5s; border: 2px solid #003B4A; border-right:0; }
  #filtered_map_legend { display: block !important; float:left; width: 25%; height: 580px; transition: width .5s; overflow:hidden; border: 2px solid #003B4A; border-left:0; }
  #filtered_cards.tab-pane { clear: left; display: block !important; padding-top: 20px }
  #filtered_cards_controls { display: none }
  #filtered_cards_list { display: none }
  #filtered_cards_pagination { display: none }
  #filtered_map.hiddenLegend #filtered_map_legend { width: 2%;}
  #filtered_map.hiddenLegend #filtered_map_google { width: 98%; }
  #filtered_map.hiddenLegend #filtered_map_legend #filtered_bar { 
    width: 100%; 
    background-image: url(/sites/www.sierraclub.org/modules/custom/rf100/images/bar-toggle-closed.png);
  }
  #filtered_map.hiddenLegend #filtered_map_legend #filter_groups { width: 0%;}

  .tab-pane {
    padding: 0;
  }

  #filtered_cards_controls { display: flex; justify-content: center; }
  #filtered_cards_controls > div { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; text-align: center; padding: 0 20px; margin: 15px 0; }
  .filtered_cards {  
    grid-template-columns: 3fr 3fr 3fr 3fr;
  }
  #filtered_cards_controls #filter_export_control { height: 40px; line-height: 40px; display: block; }
  #filtered_cards_control { font-weight: bold; font-size: 14px; border-right: 2px solid #508142; padding-left: 2px; }
}

.filtered_card { border: 1px solid black;}
.filtered_card > div { padding: 0 12px 8px; }
.filtered_card > div:nth-child(2) { padding-top: 16px; }
.filtered_card > div:last-child { padding-bottom: 24px; }
.filtered_card > div.filtered_card_type { text-transform: uppercase; padding: 4px 8px;  }
.filtered_card_title {font-weight: bold;}
.filtered_card_location {}
.filtered_card_desc {}
.filtered_card_email {}
.filtered_card_action {}

.filtered_card.c4 { background: url(/sites/www.sierraclub.org/modules/custom/rf100/images/card_corner_c4.png) no-repeat right bottom; } 

.filter_group .filter_header .visibility { display: inline-block; float: right; font-size: 12px; }
.filter_group .filter_item:hover, .filter_group .filter_header:hover { opacity: .9; }

.filter_group .filter_item { font-size: small;  }
.filter_group .filter_item:after {  float:right; font-family: "Font Awesome 5 Pro";
    font-weight: 400; content: "\f06e"; }
.filter_group .filter_item.hide_item:after { content: "\f070"  }
.filter_group .filter_item.hide_item { color: #9f9f9b; }
.filter_group .filter_item { font-size: small; }
.filter_group.hide_group .filter_item { /*display: none;*/ }
.filter_group.hide_item .visibility .fa-eye:before { content: "\f070" }
.filter_group .filter_header, .filter_group .filter_item { cursor: pointer; }

.hidelegend .filter_groups {display:none;}

.filter_group { 
  border-top: 2px solid #393b3c;
  padding-left: 40px; 
  background: #d54400;
  background-size: 25px auto;
}
.filter_group .filter_item, .filter_group .filter_header {
  background: white; 
  padding: 0 9px;
  height: 30px;
  line-height: 30px;
}
.filter_group .filter_header {
  color: #d54400;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden; 
}
.filter_group.group_powered .filter_header {
  color: #f7be00;
}
.filter_group.group_committed .filter_header {
  color: #008294;
}

.filter_group .filter_item {
  border-top: 2px solid #d54400;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden; 
}
.filter_group.group_powered .filter_item {
  border-top: 2px solid #f7be00 ;
}
.filter_group.group_committed .filter_item {
  border-top: 2px solid #008294;
}
.filter_group .filter_item:hover {}

.filter_group.group_action {
  background: #d54400 url(/sites/www.sierraclub.org/modules/custom/rf100/images/sidebar-event.png) no-repeat 10px center;
}
.filter_group.group_powered{
  background: #f7be00 url(/sites/www.sierraclub.org/modules/custom/rf100/images/sidebar-powered.png) no-repeat 10px center;
}
.filter_group.group_committed {
  background: #008294 url(/sites/www.sierraclub.org/modules/custom/rf100/images/sidebar-action.png) no-repeat 10px center;
}

.filtered_cards_pagination a { display: none; }
.filtered_cards { font-size: 14px; }
.filtered_card_title, .filtered_card_action { font-size: 18px; }
.filtered_card_location, .filtered_card_email { font-weight: bold; }
.card_action_link { text-transform: capitalize; }
.filtered_card .filtered_card_type { background-color: #ddd ; }
/* campfire events */
.filtered_card.Event .filtered_card_type { background-color: #d54400; color: white; }
/* addup */
.filtered_card.Campaign .filtered_card_type { background-color: #d54400; color: white; }
/* google sheet */
.filtered_card.Committed .filtered_card_type { background-color: #008294; color: white; }
.filtered_card.Powered .filtered_card_type { background-color: #f7be00; }
.filtered_card.Powered .zoomin { color: black !important; }
.filtered_card.Event .filtered_card_title { color: #d54400 ; }
/* addup */
.filtered_card.Campaign .filtered_card_title { color: #d54400; }
/* google sheet */
.filtered_card.Committed .filtered_card_title { color: #008294; }
.filtered_card.Powered .filtered_card_title { color: #000; }


#dontseecards .filtered_card {border: 0;  }
#dontseecards .filtered_card .filtered_card_type { background: #e6e7e8; }
#dontseecards .filtered_card.Event .filtered_card_type { background-color: #e6e7e8; color: #000 }
#dontseecards .filtered_card.Campaign .filtered_card_type { background-color: #e6e7e8;  color: #000}
#dontseecards .filtered_card.Committed .filtered_card_type { background-color: #e6e7e8;  color: #000}
#dontseecards .filtered_card.Powered .filtered_card_type { background-color: #e6e7e8;  color: #000}

#dontseecards .filtered_card.Event { background-color: #d54400; color: white; }
#dontseecards .filtered_card.Campaign { background-color: #d54400; color: white; }
#dontseecards .filtered_card.Committed { background-color: #008294; color: white; }
#dontseecards .filtered_card.Powered { background-color: #f7be00; }

#dontseecards .filtered_card.Powered { color: black !important; }
#dontseecards .filtered_card.Event .filtered_card_title { color: #fff; }
#dontseecards .filtered_card.Campaign .filtered_card_title { color: #fff; }
#dontseecards .filtered_card.Committed .filtered_card_title { color: #fff; }
#dontseecards .filtered_card.Powered .filtered_card_title { color: black; }

#dontseecards .filtered_card .card_action_link a { color: #fff !important; }
#dontseecards .filtered_card .card_action_link a:after { background: black !important; }
#dontseecards .filtered_card.Powered .card_action_link a { color: #000 !important; }
/*
*/



.filtered_card {
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;	
}
.filtered_card:hover {
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 190, 0, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 190, 0, .6);
}
.filtered_card.onmap {
  border: 3px solid #f7be00;
}

#filtered_cards_numbers .pages { margin: 0 6px; cursor: pointer; }
#filtered_cards_numbers .pages:after, #filtered_cards_first:after, #filtered_cards_prev:after, #filtered_cards_last:after, #filtered_cards_next:after { display: none; }

#filtered_cards_first, #filtered_cards_prev, #filtered_cards_last #filtered_cards_next {
  margin: 0 10px;
}
#filtered_cards_numbers a { color: #008294 }
#filtered_cards_numbers .pages.active {
	text-decoration: none;
	border-bottom: 0;
	font-size: large;
	color: red;
}
#filtered_cards_pagination { margin: 20px auto; text-align: center; }