.body-main #content .funds-container{
	display: flex;
	background: #f9fafb;
	align-items: stretch;
}

@media (max-width: 1024px) {
  .body-main #content .funds-container{
    flex-direction: column;
  }
}

.body-main #content .funds-menu-left {
	flex: 1;
	background: #133139;
	border-top-right-radius: 20px;
	padding-top: 2em;
	color: #fff;
	font-size: 14px;
}

@media (max-width: 1024px) {
  .body-main #content .funds-menu-left{
    border-top-right-radius: 0px;
  }
}

.body-main #content .funds-menu-left .funds-search {
	padding: 0 1em 0 1em;
	width: 100%;
}

.body-main #content .funds-menu-left .funds-search-input {
	width: 100%;
}

.body-main #content .funds-menu-left .funds-search-input input {
	width: 100%;
	background: #133139;
	text-align: center;
	border-bottom: 1px solid #ffffff33;
}

.body-main #content .funds-menu-left .funds-filter-button {
	width: 100%;
	display: flex;
	justify-content: right;
}

.body-main #content .funds-menu-left .funds-filter-button #filter_hamburger {
  display: none;
}

@media (max-width: 1024px) {
  .body-main #content .funds-menu-left .funds-filter-button {
	  justify-content: space-between;
  }
  .body-main #content .funds-menu-left .funds-filter-button #filter_hamburger {
    display: block;
  }
}

.body-main #content .funds-menu-left .funds-filter-button #reset-filters {
	background: #133139;
	color: #ffffffcc;
	font-size: 10px;
}

.body-main #content .funds-menu-left .funds-menu-left-item {
	margin: 1em 2em;
}

@media (max-width: 1024px) {
  .body-main #content .funds-menu-left .funds-menu-left-item {
    display: none;
  }
  .body-main #content .funds-menu-left .funds-menu-left-item.show {
    display: block;
  }
}

.body-main #content .funds-menu-left .funds-menu-left-item .item-content {
	margin: .7em .5em;
}

.body-main #content .funds-menu-left .funds-menu-left-item .item-content input[type='checkbox'] {
	accent-color: #546a6f;
	opacity: .5;
	vertical-align: middle;
}

.body-main #content .funds-menu-left .funds-menu-left-item .item-content input[type='checkbox']:checked {
	opacity: 1;
}

.body-main #content .funds-menu-left .funds-asset-class-content .asset-class, 
.body-main #content .funds-menu-left .funds-etf,
.body-main #content .funds-menu-left .funds-mutual,
.body-main #content .funds-menu-left .funds-all,
.body-main #content .funds-menu-left .funds-sub-manager-content .sub-manager, 
.body-main #content .funds-menu-left .funds-share-class-content .share-class,
.body-main #content .funds-menu-left button.funds-filter,
.body-main #content .funds-menu-left a.funds-filter {
	background: #1f3c43;
	border: 1px solid #354f56;
	border-radius: 10px;
	white-space: pre;
	padding: 4px;
	font-size: 14px;
}

.body-main #content .funds-menu-left .funds-etf,
.body-main #content .funds-menu-left .funds-all {
	padding: 4px 1em;
}

.body-main #content .funds-menu-left .funds-asset-class-content .asset-class.checked ,
.body-main #content .funds-menu-left .funds-sub-manager-content .sub-manager.checked ,
.body-main #content .funds-menu-left .funds-share-class-content button.share-class.checked ,
.body-main #content .funds-menu-left .funds-etf.checked,
.body-main #content .funds-menu-left .funds-mutual.checked,
.body-main #content .funds-menu-left .funds-all.checked,
.body-main #content .funds-menu-left .funds-filter.checked{
	background-color: #d0d6d7;
	color: #323232;
}

.body-main #content .funds-menu-left .funds-sub-manager-content .sub-managers {
	background-color: #546a6f;
}

.body-main #content .funds-menu-left .funds-menu-left-item .quantity {
	font-size: 12px;
}

.body-main #content .funds-content {
	flex: 5;
	font-family: "Scala Sans Pro", "sans serif";
	color: #133139;
}

.body-main #content .funds-title {
	font-family: "Chronicle Deck", serif;
	font-size: 22px;
	font-weight: bold;
	padding-left: 2em;
	padding-top: 2em;
}

.body-main #content div.funds-list {
	margin: 0;
}

.body-main #content div.sub-fund-header, .body-main #content div.sub-fund-detail {
	line-height: 3em;
	font-weight: bold;
  font-size: 15px;
	display: grid;
	grid-template-columns: 3fr 2fr 2fr 2fr 1fr 1fr; 
}

.body-main #content div.sub-fund-header {
	font-size: 15px;
	color: #6b7980;
	padding-left: 2em;
	padding-right: 2em;
	box-shadow: 0px 5px 4px -6px #CCC, 0px -5px 4px -6px #CCC;
}

.body-main #content div.sub-fund-header.us {
	grid-template-columns: 6fr 1fr 1fr 2fr 1fr 1fr 1fr; 
}

@media(max-width: 1024px){
  .body-main #content div.sub-fund-header {
    display: none;
  }
  .body-main #content div.sub-fund-detail {
	  line-height: 2em;
  }
}

.body-main #content div.sub-fund-item {
	margin: 1em 0 1em 0;
}

.body-main #content div.sub-fund-detail {
	font-size: 15px;
	border: 2px solid #9ac9b7;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 0 2em 0 2em;
	background: #ffffff;
	border-radius: 3px;
  cursor: pointer;
}

.body-main #content div.sub-fund-detail .detail-header, .body-main #content .fund-item .detail-header {
  display: none;
}

@media(max-width: 1024px){
  .body-main #content div.sub-fund-detail {
	  margin: 0 1em 0 1em;
	  grid-template-columns: 1fr;
    font-size: 14px;
  }

  .body-main #content div.sub-fund-detail .detail-header, .body-main #content .fund-item .detail-header {
    display: inline-block;
    min-width: 25%;
    color: #133139;
    font-size: 10px;
  }
}

.body-main #content div.sub-fund-detail:hover {
	background-color: #fdfdfd;
}

.body-main #content div.sub-fund-detail.opened {
	border-bottom-left-radius: 0;
}

.body-main #content div.sub-fund-detail.opened, .body-main #content div.sub-fund-description {
  font-size: 15px;
}

.body-main #content div.sub-fund-detail.opened, .body-main #content div.sub-fund-description.opened {
	background-color: #f9f9f9;
}

.body-main #content div.sub-fund-detail span {
	
}

.body-main #content div.sub-fund-detail .name, 
.body-main #content div.sub-fund-header .name, 
.body-main #content div.sub-fund-description,
.body-main #content div.fund-header,
.body-main #content div.fund-item
{
	padding-left: 2em;	
}

.body-main #content div.fund-item.us {
	padding: 1em 0;	
  margin-top: 1em;
  margin-bottom: 1em;
}

.body-main #content div.fund-item.us a > span:first-child {
	padding-left: 2em;	
}

@media(max-width: 1024px){
  .body-main #content div.sub-fund-description,
  .body-main #content div.fund-header,
  .body-main #content div.fund-item
  {
    padding-left: .5em;
  }
  .body-main #content div.sub-fund-detail.opened, .body-main #content div.sub-fund-description {
    font-size: 14px;
  }
  .body-main #content .sub-fund-item .fund-item.us .fund-link {
	  margin: 0 1em 0 1em;
	  grid-template-columns: 1fr;
    font-size: 14px;
  }
  .body-main #content div.fund-item.us a > span:first-child {
	  padding-left: 0;
  }
}

.body-main #content div.sub-fund-detail .name {
	font-weight: bold;	
}

.body-main #content div.sub-fund-detail .inception, .body-main #content div.sub-fund-header .inception {
	
}

.body-main #content div.sub-fund-detail .size, .body-main #content div.sub-fund-header .size {
	
}

.body-main #content div.sub-fund-detail .asset_class{  
	/* padding-left: 1em; */
}
.body-main #content div.sub-fund-header .asset_class {
}

.body-main #content div.sub-fund-detail .sfdr .content {
	background: .2em calc(50% - 1px) no-repeat url("/wp-content/themes/pegasus/assets/img/leaf.png");
	padding-left: 1em; 
  width: 2em;
  display: inline-block;
	color: #fff;
}

@media(max-width: 1024px){
  .body-main #content div.sub-fund-detail > * {
	  padding-left: 2em;
    display: flex;
    flex-wrap: nowrap;
  }

  .body-main #content div.sub-fund-detail .sfdr .content {
  }

  .body-main #content div.sub-fund-detail .menu {
    text-align: right;
    padding-right: 1em;
  }
}

.body-main #content div.sub-fund-header .sfdr {
}

.body-main #content div.sub-fund-detail .menu, .body-main #content div.sub-fund-header .menu {

}

.body-main #content div.sub-fund-detail .bubble {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	line-height: 1;
	text-align: center;
	cursor: pointer;
}

.body-main #content div.sub-fund-detail .bubble:hover {
	background-color: #f0f0f0;
}

.body-main #content div.sub-fund-description {
	line-height: 3em;
	padding-top: 1em;
	padding-bottom: 1em;
	display: grid;
	grid-template-columns: 1fr 2fr 6fr;
}

@media(max-width: 1024px){
  .body-main #content div.sub-fund-description {
	  line-height: 2em;
	  grid-template-columns: 1fr;
  }
}

.body-main #content div.sub-fund-description .description,
.body-main #content div.sub-fund-description .description p {
	font-size: 15px;
}

.body-main #content div.fund-header, .body-main #content div.fund-item .fund-link {
	line-height: 3em;
	display: grid;
	grid-template-columns: 4fr 2fr 2fr 2fr; /* 1fr; documentation hidden */
}

.body-main #content div.fund-item.us .fund-link {
	grid-template-columns: 6fr 1fr 1fr 2fr 1fr 1fr 1fr; /* 1fr; documentation hidden */
}

@media(max-width: 1024px){
  .body-main #content div.fund-header {
    display: none;    
  }

  .body-main #content div.fund-item .fund-link {
	  line-height: 1.5em;
    grid-template-columns: 1fr;
  }

  .body-main #content div.fund-item .fund-link > * {
    display: flex;
    flex-wrap: nowrap;
  }
  .body-main #content div.fund-item .fund-link > *:not(:first-child) {
    font-size: 14px;
  }
}

.body-main #content div.fund-header .bubble {
	line-height: 2em;
	border: 1px solid #ccc;
	border-radius: 1em;
	padding: .5em;
}

.body-main #content div.sub-fund-description, .body-main #content div.fund-header, .body-main #content div.fund-item {
	font-size: 15px;
	border: 2px solid #9ac9b7;
	border-right: 0px;
	border-bottom: 0px;
	border-top: 1px solid #eee;
	margin: 0 2em 0 2em;
	background: #ffffff;
}

.body-main #content div.fund-item {

}

@media(max-width: 1024px){
  .body-main #content div.sub-fund-description, .body-main #content div.fund-header, .body-main #content div.fund-item {
	  margin: 0 1em 0 1em;
  }
  .body-main #content div.fund-item {
	  font-size: 15px;
  }
}

.body-main #content div.sub-fund-description.closed, .body-main #content div.fund-header.closed, .body-main #content div.fund-item.closed {
	display: none;
}

.body-main #content div.fund-item .share-price{
	line-height: 1.5em;
	padding-top: .5em;
	padding-bottom: .5em;
}

.body-main #content div.fund-item .as-of{
	font-size: 12px;
	line-height: 1em;
}

.body-main #content div.sub-fund-description {
	border-top: 1px solid #ddd;
}

.body-main #content div.fund-item:last-child {
	border-bottom-left-radius: 3px;
}