[value="All"]:checked ~ .filters [for="All"],
[value="Asset Managers"]:checked ~ .filters [for="AssetManagers"],
[value="Insurance Brokers"]:checked ~ .filters [for="InsuranceBrokers"],
[value="Consultancies"]:checked ~ .filters [for="Consultancies"],
[value="PR Agencies"]:checked ~ .filters [for="PRAgencies"],
[value="Recruitment Agencies"]:checked ~ .filters [for="RecruitmentAgencies"],
[value="Tech Providers"]:checked ~ .filters [for="TechProviders"],
[value="Trading/Liquidity Providers"]:checked ~ .filters [for="LiquidityProviders"],
[value="Core Banking"]:checked ~ .filters [for="CoreBanking"],
[value="Front Office"]:checked ~ .filters [for="FrontOffice"],
[value="Tech Portfolio Management"]:checked ~ .filters [for="TechPortfolioManagement"],
[value="Productivity Suite"]:checked ~ .filters [for="ProductivitySuite"],
[value="Cybersecurity"]:checked ~ .filters [for="Cybersecurity"],
[value="Trading and Execution"]:checked ~ .filters [for="TradingandExecution"],
[value="Wealthtech"]:checked ~ .filters [for="Wealthtech"] { }
[value="All"]:checked ~ .directory.listing .widget[data-category],[value="Tech Providers"]:checked ~ .filters.tech-providers,[value="Consultancies"]:checked ~ .filters.consultancies,[value="Asset Managers"]:checked ~ .filters.assetmanagers {
display: inline-block;
}
[value="None"]:checked ~ .directory.listing .widget[data-category],
.filters.tech-providers,.filters.consultancies,.filters.assetmanagers, .filters li:not(:first-child),
[value="Asset Managers"]:checked ~ .directory.listing .widget:not([data-category~="AssetManagers"]),
[value="Insurance Brokers"]:checked ~ .directory.listing .widget:not([data-category~="InsuranceBrokers"]),
[value="Consultancies"]:checked ~ .directory.listing .widget:not([data-category~="Consultancies"]),
[value="PR Agencies"]:checked ~ .directory.listing .widget:not([data-category~="PRAgencies"]),
[value="Recruitment Agencies"]:checked ~ .directory.listing .widget:not([data-category~="RecruitmentAgencies"]),
[value="Tech Providers"]:checked ~ .directory.listing .widget:not([data-category~="TechProviders"]),
[value="Trading/Liquidity Providers"]:checked ~ .directory.listing .widget:not([data-category~="LiquidityProviders"]),
[value="Core Banking"]:checked ~ .directory.listing .widget:not([data-category~="CoreBanking"]),
[value="Front Office"]:checked ~ .directory.listing .widget:not([data-category~="FrontOffice"]),
[value="Tech Portfolio Management"]:checked ~ .directory.listing .widget:not([data-category~="TechPortfolioManagement"]),
[value="Productivity Suite"]:checked ~ .directory.listing .widget:not([data-category~="ProductivitySuite"]),
[value="Cybersecurity"]:checked ~ .directory.listing .widget:not([data-category~="Cybersecurity"]),
[value="Trading and Execution"]:checked ~ .directory.listing .widget:not([data-category~="TradingandExecution"]),
[value="Wealthtech"]:checked ~ .directory.listing .widget:not([data-category~="Wealthtech"]),
[value="Business Strategy"]:checked ~ .directory.listing .widget:not([data-category~="BusinessStrategy"]),
[value="Coaching/Outsourcing/Recruitment"]:checked ~ .directory.listing .widget:not([data-category~="CoachingOutsourcing"]),
[value="Communications"]:checked ~ .directory.listing .widget:not([data-category~="Communications"]),
[value="Management"]:checked ~ .directory.listing .widget:not([data-category~="Management"]),
[value="Research"]:checked ~ .directory.listing .widget:not([data-category~="Research"]),
[value="Risk Advisory"]:checked ~ .directory.listing .widget:not([data-category~="RiskAdvisory"]),
[value="Developed Market Equity"]:checked ~ .directory.listing .widget:not([data-category~="DevelopedMarketEquity"]),
[value="Asia ex. Japan Equity"]:checked ~ .directory.listing .widget:not([data-category~="AsiaExJapanEquity"]),
[value="Emerging Market Equity"]:checked ~ .directory.listing .widget:not([data-category~="EmergingMarketEquity"]),
[value="Investment Grade Bonds"]:checked ~ .directory.listing .widget:not([data-category~="InvestmentGradeBonds"]),
[value="High Yield Bonds"]:checked ~ .directory.listing .widget:not([data-category~="HighYieldBonds"]),
[value="Government Bonds"]:checked ~ .directory.listing .widget:not([data-category~="GovernmentBonds"]),
[value="Alternatives/Private Markets"]:checked ~ .directory.listing .widget:not([data-category~="AlternativesPrivateMarkets"]),
[value="ETFs"]:checked ~ .directory.listing .widget:not([data-category~="ETFs"]),
[value="Money-market/Cash Equivalent"]:checked ~ .directory.listing .widget:not([data-category~="CashEquivalent"]),
[value="Multi-asset"]:checked ~ .directory.listing .widget:not([data-category~="Multi-asset"]),
[value="Thematic Equity"]:checked ~ .directory.listing .widget:not([data-category~="ThematicEquity"]) {
display: none;
}
.filters {
text-align: center;
margin-bottom: 2rem;
position:absolute;
top:12px;
left:420px;
border: 1px solid #ccc;
border-bottom: 0;
z-index:100;
font-size:1.4rem;
}
.filters.tech-providers, .filters.consultancies, .filters.assetmanagers {left:780px;}
.filters li {
display: block;
background:#fff;
list-style:none;
width:340px;
margin:0!important;
}
.filters label {
padding: 0.5rem 1rem; min-width: 50px;
line-height: normal;
cursor: pointer;
transition: all 0.1s;
border-bottom:1px solid #ccc;
display:block;
} .filters label:hover {
background: #0a70c1;
color: #fff;
}
input[type="radio"] {
position: absolute;
left: -9999px;
}
#directory-filter {position:absolute;top:20px;left:320px;font-weight:500;font-size:1.4rem;}
@media only screen and (max-width: 1300px) {
#directory-filter, .filters {position:static;}
#directory-filter {padding:0 10px;text-align: center;}
.filters {width: 80%;margin: 10px auto!important;}
.filters li {width:100%;}
.directory-logo {display:block;margin:0 auto 20px;}
}