/*
Mutual Fund Page Extra Styles
Author: Grant DePoyster

*/

/*Beginning of product_flexbox.php*/

div#product_container {
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
}

@media all and (max-width: 1260px) {
	div#product_container {
	flex-direction: column;
}
}
div#product_container p, div.product_section p {
	line-height: 30px;
}
div#product_container h1 {
	margin: 10px 0px;
	width: 100%;
}

div#product_container h1,
div.product_section h1 {
  color: #343573;
	font-family: "din-2014", arial, helvetica, sans-serif;
  font-size: 28px;

}

@media all and (max-width: 600px) {
div#product_container h1 {
	font-size: 28px;
}
}

div#product_container h2.how_to_buy {
    color: rgb(240,90,34);
}

div.product_column_no_sidebar {
	width: 66.66%;
}

@media all and (max-width: 800px) {
	div.product_column_no_sidebar {
	width: 100%;
}
}

@media all and (max-width: 1260px) {
	div.product_column_no_sidebar {
	width: 100%;
}
}

div.product_first_second_col_container {
	width: 66.66%;
	display: flex;
	flex-direction: row;
	border-bottom: 3px #e1f3f7 solid;
	border-right: 3px #e1f3f7 solid;
}

@media all and (max-width: 1260px) {
div.product_first_second_col_container {
	width: 100%;
	border-right: none;
}
}

@media all and (max-width: 800px) {
	div.product_first_second_col_container {
	flex-direction: column;
}
}

div.product_container_third {
	width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}


@media all and (max-width: 800px) {
	div.product_container_third {
	width: 100%;
	padding: 0;
}
}

div.product_container_two_third {
	width: 67%;
    padding: 20px;
    border-left: 3px #e1f3f7 solid;
    display: block;
}

@media all and (max-width: 800px) {
	div.product_container_two_third {
	width: 100%;
	border-left: none;
}
}

div.product_sidebar {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 33.33%;
    vertical-align: top;
    padding: 0;
    border-left: 3px #e1f3f7 solid;
    border-top: 20px #e1f3f7 solid;
    background: white;
}

@media all and (max-width: 1260px) {
	div.product_sidebar {
	width: 100%;
	border-left: none;
}
}

.product_sidebar_first_boxes_container {
	display: flex;
	flex-direction: column;
	width: 33.33%;
	background: #F2F8F9;
	border-bottom: 3px #e1f3f7 solid;
	border-top: 20px #e1f3f7 solid;
}

@media all and (max-width: 1260px) {
	.product_sidebar_first_boxes_container {
	width: 100%;
	flex-direction: row;
	justify-content: center;
}
}

@media all and (max-width: 800px) {
	.product_sidebar_first_boxes_container {
	flex-direction: column;
}
}

div.sidebar_outer {
	width: 100%;
    float: none;
		font-family: "din-2014", arial, helvetica, sans-serif;
}

.data_box {
	margin: 0;
	padding: 20px;
	font-family: "din-2014", arial, helvetica, sans-serif;
}

@media all and (max-width: 1260px) {
	.data_box {
	width: 980px;
}
}

div#product_related_content {
	border-left: none;
}

.data_box_right {
	padding: 0px 20px;
}

@media all and (max-width: 1260px) {
.data_box_right {
	padding: 20px;
}
}

a.factsheet_link {
	width: 100%;
	text-decoration: none;
    display: block;
    padding: 30px 30px 20px 30px;
    border-bottom: 3px #e1f3f7 solid;
}

a.webinar_feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    margin-top: 20px;
    width: 100%;
    padding: 20px;
    border-top: 3px #e1f3f7 solid;
    border-bottom: 3px #e1f3f7 solid;
}

@media all and (max-width: 800px) {
a.webinar_feature {
	width: 50%;
	border-bottom: none;
	margin-top: 0;
	border-top: none;
}
}

@media all and (max-width: 470px) {
a.webinar_feature {
	width: 100%;
}
}

a.webinar_feature img {
	margin-bottom: 20px;
	width: 100%;
	height: auto;
	min-height: 1px;
}

.flex-sidebar {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.portfolio_manager_container {
	width: 100%;
	font-family: "din-2014", arial, helvetica, sans-serif;
}

@media all and (max-width: 1260px) {
.portfolio_manager_container {
	width: 50%;
	padding: 20px;
	background: #F2F8F9;
}
}

@media all and (max-width: 800px) {
.portfolio_manager_container {
	width: 100%;
	background: none;
	padding: 0;
}
}

div.white_container {
	width: 100%;
}

@media all and (max-width: 980px) {
div.white_container {
	padding: 0px 20px 20px 20px;
}
}

a.related_content {
	transition: 0.4s;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 20px;
}

@media all and (max-width: 1260px) {
a.related_content {
	width: 48.5%;
	background: #f4f6f7;
	border: none;
	margin: 5px;
}
}

@media all and (max-width: 740px) {
a.related_content {
	width: 100%;
}
}

.image_cell {
	margin-right: 20px;
}

.text_cell {
	display: flex;
	flex-direction: column;
	color: black;
	font-size: 16px;
    line-height: 24px;
    width: 100%;
}

@media all and (max-width: 800px) {
.text_cell {
	font-size: 14px;
    line-height: 18px;
}
}

div#masonary_div a {
	border-bottom: 3px #e1f3f7 solid;
	display: flex;
	padding: 20px;
}

@media all and (max-width: 1260px) {
div#masonary_div a {
	border-bottom: none;
}
}

@media all and (max-width: 650px) {
div#masonary_div a {
	margin: 5px 0px;
}
}

@media all and (max-width: 1260px) {
td.image_cell img {
	max-width: 100px;
	width: 100%;
    height: auto;
}
}

@media all and (max-width: 1260px) {
div#product_container .top_a {
	margin-top: 0;
}
}

@media all and (max-width: 1260px) {
.portfolio_manager_container div.white_padding {
	padding: 0;
	border-top: none;
}
}

@media all and (max-width: 800px) {
.portfolio_manager_container div.white_padding {
	padding: 20px 0px 10px 20px;
}
}

@media all and (max-width: 800px) {
.portfolio_manager_container div.white_padding {
	border-top: 3px #e1f3f7 solid;
}
}

#product_container .data_box p.disclosure {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 0;
}

div.white_padding {
	border-top: none;
}

@media all and (max-width: 1260px) {
div.white_padding {
	border-bottom: none;
}
}

@media all and (max-width: 800px) {
div.data_box_left {
	margin-bottom: 0;
}
}

@media all and (max-width: 800px) {
div.data_box {
	margin-bottom: 0;
}
}

.ticker_presentation_container {
	width: 100%;
}

@media all and (max-width: 800px) {
.ticker_presentation_container {
	display: flex;
	flex-direction: row;
	margin: 0;
}
}

@media all and (max-width: 470px) {
.ticker_presentation_container {
	display: flex;
	flex-direction: column;
}
}

article ol, .modal_pop_msg ol {
	list-style-type: decimal;
	padding-left: 15px;
	font-family: "din-2014", arial, helvetica, sans-serif;
}



div.product_second_half_container {
	border-right: 3px #e1f3f7 solid;
	width: 66.66%;
}

@media all and (max-width: 1260px) {
div.product_second_half_container {
	border-right: none;
	width: 100%;
}
}

div.portfolio-managers-bios {
	padding: 20px 0px;
	width: 810px;
    margin: 0 auto;
}

@media screen and (max-width: 980px){
div.portfolio-managers-bios {
    width: 100%;
    padding: 20px;
}
}

figcaption {
	font-family: "din-2014", arial, helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
}

.wp-block-image figcaption {
	color: black;
	font-size: 15px;
}

.portfolio-manager-img {
	float: left;
	margin-right: 20px;
	margin-top: 6px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 570px) {
.portfolio-manager-img {
	margin-bottom: 20px;
	width: 100%;
}
}

.portfolio-manager-img img {
	margin-bottom: 10px;
	min-width: 180px;
}

@media screen and (max-width: 570px) {
.portfolio-manager-img img {
	width: 80%;
	height: auto;
	min-height: 1px;
}
}

@media screen and (max-width: 420px) {
.portfolio-manager-img img {
	width: 100%;
	height: auto;
}
}

@media screen and (max-width: 570px) {
#bin-shi {
	width: 50%;
	height: auto;
	min-height: 1px;
}
}

div#product_container .portfolio-managers-bios p {
	margin-bottom: 0;
	width: 100%;
}

@media screen and (max-width: 570px) {
div#product_container .portfolio-managers-bios p {
	width: 100%;
}
}

.portfolio-manager-section {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	width: 100%;
}

@media screen and (max-width: 570px) {
.portfolio-manager-section {
	flex-direction: column;
}
}

.wp-block-separator {
	margin: 10px 0px;
	border: 1.5px #e1f3f7 solid;
}

.data_table {
	line-height: 22px;
}

.related-content-wrapper {
	width: 33.33%;
	margin: 0 auto;
}

@media all and (max-width: 1260px) {
.related-content-wrapper {
	border-top: 3px #e1f3f7 solid;
	width: 100%;
	max-width: 810px;
}
}

@media all and (max-width: 980px) {
.related-content-wrapper {
	max-width: none;
}
}

div#product_container .subscribe_link h4 {
    line-height: 20px;
}

@media screen and (max-width: 800px) {
a.subscribe_link {
    border-top: none;
}
}

a.top_border_margin {
	border-top: 3px #e1f3f7 solid;
	margin-top: 20px;
}

@media screen and (max-width: 800px) {
a.top_border_margin {
    margin-top: 0;
}
}

input.how_to_buy_link {
    width: 50%;
		font-family: "din-2014", arial, helvetica, sans-serif;
    background-color: #ee5b30;
    font-size: 18px;
    line-height: 16px;
    text-align: center;
    padding: 15px;
    color: #f6e5e0;
    cursor: pointer;
    border: none;
    transition: 0.4s;
    margin-top: 25px;
}

@media screen and (max-width: 800px) {
input.how_to_buy_link {
    margin-bottom: 25px;
}
}

input.how_to_buy_link:hover {
  	background-color: rgb(246,146,30);
}

@media screen and (max-width: 1260px) {
a.how_to_buy_link {
    border-bottom: none;
}
}

@media screen and (max-width: 800px) {
a.how_to_buy_link {
    border-top: none;
    border-bottom: 3px #e1f3f7 solid;
}
}

@media screen and (max-width: 800px) {
a.how_to_buy_link a {
	border-bottom: none;
}
}

div#product_container .how_to_buy_link h4 {
    color: rgb(240,90,34);
}

div#product_container a.how_to_buy_link:hover h4 {
	color: #FFEFEB;
}

a.how_to_buy_link {
	background-color: #FFEFEB;
}

a.how_to_buy_link:hover {
	background-color: #F6926E;
}

#distributions .data_table tbody {
	display: none;
	transition: 0.4s;
}

.rebalance_title {
	font-family: "din-2014", arial, helvetica, sans-serif;
    color: #343573;
    line-height: 18px;
    padding: 10px;
    border-bottom: 1px solid #acdae7;
}

@media screen and (max-width: 600px) {
.rebalance_title {
    font-size: 14px;
}
}

.rebalance_title:hover {
	background-color: #64d7ff;
    color: #343573;
    cursor: pointer;
}

.rebalance_table_body {
	display: none;
	width: 100%;
}

.rebalance_secondary_title {
	display: none;
	transition: 0.4s;
}

div.rebalance_secondary_title {
	transition: 0.4s;
	display: flex;
	justify-content: space-between;
}

.rebalance_secondary_title span {
	font-family: "din-2014", arial, helvetica, sans-serif;
    color: #343573;
    line-height: 18px;
    padding: 10px;
    border-bottom: 1px solid #acdae7;
    width: 100%;
}

@media screen and (max-width: 600px) {
.rebalance_secondary_title span {
    font-size: 14px;
}
}

.rebalance_row {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.rebalance_row span {
	font-family: "din-2014", arial, helvetica, sans-serif;
	padding: 10px;
    border-bottom: 1px solid #acdae7;
    line-height: 18px;
    width: 100%;
}

@media screen and (max-width: 600px) {
.rebalance_row span {
    font-size: 14px;
}
}

#distributions .data_table thead td.rebalance_title {
	transition: 0.4s;
}

#distributions .data_table thead td.rebalance_title:hover {
	background-color: #64d7ff;
	color: #343573;
	cursor: pointer;
}

a.button {
	transition: 0.3s;
}

.table_row_blue {
	background-color: #E9EDF4;
}

.table_row_white {
	background-color: none;
}

#distributions {
	padding: 20px;
	width: 980px;
    margin: 0 auto;
}

@media screen and (max-width: 1466px) {
#distributions {
    margin: 0;
	width: 100%;
}
}

@media screen and (max-width: 1260px) {
#distributions {
    width: 980px;
    margin: 0 auto;
}
}

@media screen and (max-width: 1024px){
#distributions {
    width: 100%;
}
}

.rebalance_title_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

@media screen and (max-width: 1260px) {
div.product_section .rebalance_title_flex a.button {
	padding: 9px;
}
}

div.modal_pop_msg h1 {
	color: #343573;
	font-family: "din-2014", arial, helvetica, sans-serif;
	font-weight: 600;
    font-size: 28px;
}

div.modal_pop_msg h2 {
	color: black;
	font-family: "din-2014", arial, helvetica, sans-serif;
	font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}

#masonary_div {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media screen and (max-width: 1260px) {
#masonary_div {
	flex-direction: row;
}
}

@media screen and (max-width: 650px) {
#masonary_div {
	flex-direction: column;
	flex-wrap: nowrap;
}
}

@media screen and (max-width: 800px) {
.no_pitchbook_conditional div#ticker_box {
	width: 100%;
	padding: 20px;
}
}

@media screen and (max-width: 470px) {
div#ticker_box {
	padding: 20px 20px 0px 20px;
}
}

@media screen and (max-width: 1260px) {
div#sidebar_container {
	width: 100%;
}
}

/*End of product_flexbox.php*/


/* ---- 2/17/2021 Mutual Fund Styles ------ */

.fund_details_mutual_fund {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

div#product_container .fund_details_mutual_fund h3 {
	margin-bottom: 0;
}

#share_class_wrapper {
	width: 100%;
	margin-bottom: 5px;
}

#share_class_wrapper .open {
	color: #343573;
}

#share_class_wrapper .share_class_link {
	display: block;
    width: 100%;
		font-family: "din-2014", arial, helvetica, sans-serif;
    font-size: 16px;
		font-weight: 400;
    line-height: 16px;
    padding: 10px;
    color: #2689c5;
    cursor: pointer;
    border-bottom: 1px solid #acdae7;
    transition: 0.4s;
    text-decoration: none;
}

@media screen and (max-width: 650px) {
#share_class_wrapper .share_class_link {
	margin: 0;
}
}

#share_class_wrapper .share_class_link:hover {
  	background-color: #6dcff6;
  	color: #343573;
}

.share_class_list {
	display: none;
	width: 100%;
	list-style: none;
}

div#product_container li.share_class_list_element {
	padding: 10px;
	font-size: 16px;
    line-height: 16px;
    padding-left: 30px;
    background: #e1f3f7;
	border-bottom: 1px solid #acdae7;
}

div#product_container li.share_class_list_element:hover {
	background-color: #6dcff6;
  	color: #343573;
	cursor: pointer;
	transition: 0.4s;
}

div#product_container h3.mutual_fund_pm_title {
	font-size: 26px;
}

div#product_container p.blue_box_disclosure,
div.product_section p.blue_box_disclosure {
	font-size: 16px;
    line-height: 18px;
    margin-bottom: 15px;
}

div.flex_nav_col {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}



.flex_nav_col h2.site-type-title {
		font-family: "din-2014", arial, helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: black;
    margin-bottom: 15px;
    margin-top: 10px;
}

@media screen and (max-width: 1000px) {
.flex_nav_col h2.site-type-title {
    margin: 0;
    padding: 20px 0px 10px 0px;
    width: 100%;
    text-align: center;
}
}

div.flex_nav_section_table_container {
    display: flex;
    flex-direction: row;
    width: 100%;
}

@media screen and (max-width: 1000px) {
div.flex_nav_section_table_container {
    flex-direction: column;
}
}

.site-list-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-bottom: 1.5px #e1f3f7 solid;
}

@media screen and (max-width: 1000px) {
.site-list-wrapper {
	padding-bottom: 10px;
}
}

@media screen and (max-width: 1000px) {
.site-list-wrapper a.site_list_logo {
	width: 80%;
	margin-bottom: 10px;
}
}

div#product_container #download_links li {
	padding: 0px;
	font-size: 16px;
    line-height: 16px;
    background: none;
   	margin: 0px;
}

div#product_container #download_links li a {
    color: #2689c5;
    text-decoration: none;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #acdae7;
}

div#product_container #download_links li a:hover {
    background-color: #6dcff6;
    color: #343573;
}

#holdings {
	padding-bottom: 20px;
}

.inactive {
	display: none;
}

.active {
	display: block;
}

.active-flex {
	display: flex;
}

.data_table td {
	line-height: 1.3;
}

div#product_container h3.bottom_a.top_a, div#product_container h3 {
	font-size: 19px;
    color: #343573;
    margin-bottom: 10px;
		font-family: "din-2014", arial, helvetica, sans-serif;
		font-weight: 600;
}