/* 	We need this one style to hide the hubspot dialog popup that happens 	*/
/* 	from Hubspot's scripts if the user opts in to hubspot cookies.  		*/

#hs-eu-cookie-confirmation {
	display: none !important;
}



/* 	Official fonts for website	 */
	
@font-face {
  font-family: 'Wremena';
  src: url('fonts/Wremena-Regular.woff');
}

@font-face {
  font-family: 'Wremena';
  src: url('fonts/Wremena-Bold.woff');
  font-weight: bold;
}

@font-face {
  font-family: Lato;
  src: url(fonts/Lato-Regular.woff);
}

@font-face {
  font-family: Lato;
  src: url(fonts/Lato-Bold.woff);
  font-weight: bold;
}

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

body {
	margin: 0;
	font-size: 12pt;
	line-height: 1.4;
	font-family: Lato, sans-serif;
	width: 100%;
	background: white;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block
}

audio,
canvas,
video {
	display: inline-block;
}

::-moz-selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 10px;
	border: none;
	background-color: #f5f5f5;
	margin: 10px 20px;
}

ins {
	background: #ff9;
	text-decoration: none
}

ins,
mark {
	color: #000
}

mark {
	background: #ff0;
	font-style: italic;
	font-weight: 700
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	_font-family: courier new, monospace;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none;
}

q:after,
q:before {
	content: "";
	content: none;
}

small {
	font-size: 85%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure,
form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

label {
	cursor: pointer;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}

select {
	border: 1px solid var(--dove);
	padding: 5px 10px;
	background: transparent;
}

label {
	margin-right: 20px;
}

textarea {
	display: block;
	font-size: 1.25em;
	line-height: 20px;
	font-family: Helvetica, Arial, sans-serif;
	width: 80%;
	height: 150px;
	padding: 2px;
	margin: 0 0 0 1px;
	font-weight: 400;
	font-style: normal;
	color: rgba(0, 0, 0, .87);
	text-transform: none;
	text-decoration: none solid rgba(0, 0, 0, .87);
	text-align: start;
	vertical-align: baseline;
	direction: ltr;
	background-color: transparent;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	background-attachment: scroll;
	border: 1px solid #999;
	background-color: #fff;
	white-space: pre-wrap;
	word-wrap: break-word;
	display: inline-block;
	cursor: text;
	clear: both;
	max-width: 734px!important
}

button,
input {
	line-height: normal
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
input[disabled] {
	cursor: default
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical
}

input:invalid,
textarea:invalid {
	background-color: #f0dddd
}

table {
	border-spacing: 0
}

td {
	vertical-align: top
}

.chromeframe {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}

ol,
ul {
	margin: 1em 0;
	padding: 0 0 0 40px
}

dd {
	margin: 0 0 0 40px
}

dl.dd-no-indent dd {
	margin-left: 0;
	padding-left: 0;
}

p {
	padding: 0;
	margin: 12px 0;
}

button {
  display: block;
  padding: 5px 14px;
  background-color: var(--ocean);
  border-radius: 6px;
  color: #ffffff;
  font-weight: bold;
  font-family: Lato;
  font-size: 16px;
  cursor: pointer;
  border: none;
}

button.disabled {
	opacity: 50%;
}

a,
a:visited,
a.red:active,
a.red:hover,
a.red:link,
a.red:visited {
	color: #2577B1;
	text-decoration: none;
}

a:hover,
a.red:hover {
	text-decoration: underline;
	cursor: pointer
}

a:active,
a:hover {
	outline: 0
}

h1 {
    font-size: 24pt;
    font-family: Wremena, Lato, sans-serif;
}

h2,
h3,
h4 {
    margin-left: 0;
}

h2 {
	font-size: 30pt;
	letter-spacing: 1.1px;
	font-family: Wremena;
	text-align: center;
	margin-bottom: 42px;
}


h3 {
	color: #000;
	font-size: 15pt;
}

h4 {
	font-weight: 700;
	margin: 32px 0 18px;
	font-size: 14pt;
}

footer {
	padding-bottom: 20px;
}

footer p {
	font-size: 12pt;
	font-weight: 400;
	color: #fff;
	padding: 0;
	margin-top: 10px;
}

footer .icon {
	padding: 3px 5px 0 0;
	left: 0;
	position: absolute;
	top: 0
}

footer .icon_nowrap {
	padding: 0 0 0 60px;
	position: relative
}

footer #copyright {
	width: 595px;
	width: 595px;
	margin: auto;
	padding: 20px 0;
}

footer #social_media {
	margin-top: 13px;
	padding: 0;
	text-align: center;
}

footer .footer-button-container {
	margin-top: 24px;
}

footer #social_media a {
	color: #a2c8ee;
	text-align: right;
	font-size: 11px
}




/* 		COMMON QUICK CUTS 		*/
/* Some should load after the other css so that we do not have to do !important */

.padding {
	height: 20px;
}

.center {
	margin: auto;
}

.clearfloat {
	clear: both;
}

.bold {
	font-weight: bold !important;
}

.no-padding {
	padding: 0;
}

/* used for awards scroller sections */
.no-side-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.no-margin {
	margin: 0;	
}

.no-border {
	border: none;
}

p.bold {
	font-weight: bold;
}

p.emphasis {
	text-transform: uppercase;
}

p.side-quote {
	font-size: 16pt;
	padding-top: 36px;
	padding-bottom: 36px;
}

span.bold {
	font-weight: bold;
}

.hide { /* added 2023-08-28 */
	display: none !important;
}

.no-border {
	border: none;
}

.paddingTop20 {
	padding-top: 20px;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.center-align {
	text-align: center;
	margin: auto;
}

.center-contents {
	text-align: center;
}

.center-contents div,
.center-contents .button {
	margin: 12px auto;
}

.screenreader-only {
	position: absolute;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.disclosures {
	font-size: 11pt;
	line-height: 18pt;
}

.disclosures p {
	margin-bottom: 20px;
}


/* 		PAGES			*/

#body_background {
	background-color: #fff;
	padding-top: 0;
}


/*		PAGE LAYOUT		*/

#main-content {
  display: flex;
  flex-wrap: nowrap;
}

/* First turning point is 700 px.  The right side drops to the bottom */

article {
	flex: 1;
}

article.full-page {
	padding-top: 0 !important;
	overflow: hidden;
	overflow: clip;
	flex: 1;
}

.syzygy {
	color: var(--lake);
	font-size: 17pt;
	font-weight: bold;
	letter-spacing: 1.2px;
	line-height: 30pt;
	max-width: 1000px;
	margin: 20px auto;
}

#right-column {
	flex: 0 0 240px; /* always 240px */
	margin-left: 18px;
}

#right-column.right-side-wide {
	flex: 0 0 320px;
}

#right-column.right-side-fund-facts {
	flex: 0 0 370px;
}

/* do not put a min width or the column will always exist when not used */

/* First step is to wrap - WHY 1760? */
/* @media screen and (max-width:1760px) { */
@media screen and (max-width:800px) {
	#main-content {
  		flex-wrap: wrap;
	}
}

@media screen and (max-width:800px) {
	#right-column,
	#right-column.right-side-wide {
  		background-color: var(--glacier);
  		flex: 1;
  		margin: 0;
	}
	#submain_full {
		width: 100%;
		margin: 0;
		padding: 0;
	}
}







.button {
	cursor: pointer;
}


.bulletin-banner-container button {
  margin: .5em auto;
  margin-top: 20px;
  margin-bottom: 10px;
}



.footer {
	background-color: var(--ocean);
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 60px 20px;
}

.footer a {
    color: #ffffff;
}


td.center {
	text-align: center;
}

#social_media img {
	padding: 1px 5px 5px 0
}






/* FORMS */
/* LABELS AND INPUTS */
.form-row {
	display: flex;
	margin-bottom: 28px;
	flex-wrap: wrap;
}

.form-row label {
	padding-right: 30px;
	line-height: 32px;
}

.form-column label {
    display: inherit;
    margin-bottom: 10px;
    margin-top: 10px;
}

.c-LiteratureRequest .form-row label {
  width: 85px;
}

.c-LiteratureRequest .form-row {
	margin-bottom: 16px;
}

.literature-request-table select {
	background-color: white;
}

.literature-request-table .form-column {
	margin-bottom: 42px;
}

 .literature-request-table .h3 {
 	font-size: 15pt;
 	font-weight: bold;
 }

#legal,
.legal {
	font-size: 10pt;
}

.legal-container {
	width:100%;
	background-color: #f7f7f7;
}

/* ADA */
.legal-container a {
	text-decoration: underline;
	font-weight: bold;
}

#typed-disclosures,
.body-disclaimers {
  font-size: 10pt;
}


.not-fdic-insured {
	text-transform: uppercase;
	color: var(--sky);
	font-size: 14pt;
	font-weight: bold;
	line-height: 30pt;
	letter-spacing: 1.1px;
	margin-top: 42px;
}

.float_image,
.float_image_home {
	float: right;
	margin: 10px 0 10px 10px
}

.float_image_home {
	width: 252px;
	height: 303px
}

#main .float_image {
	float: right;
	margin: 10px 0 10px 10px;
	width: auto;
	height: auto
}

.shaded-container {
	background: #fafafa;
	border: 1px solid var(--dove);
}


/*		CONTACTS		*/

.contact_block {
	display: inline-block;
	padding: 0;
	margin-bottom: -5px
}

.contact_block .link_style {
	color: #2577B1;
}




/* ON / OFF TOGGLE SWiTCH */

/* toggle in label designing */
.toggle {
	position : relative ;
	display : inline-block;
	width : 60px;
	height : 24px;
	background-color: var(--dove);
	border-radius: 30px;
	/* border: 2px solid gray; */
}
	
/* After slide changes */
.toggle:after {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: var(--cloud);
	top: 3px;
	left: 5px;
	transition: all 0.5s;
}
	
/* Checkbox checked effect */
.checkbox:checked + .toggle::after {
	left : 37px;
	background-color: var(--mountain);
}
	
/* Checkbox checked toggle label bg color */
.checkbox:checked + .toggle {
	background-color: var(--slate);
}
	
/* Checkbox vanished */
.checkbox {
	display : none;
}

.toggle .off-text {
  color: black;
  top: 5px;
  position: relative;
}

.toggle .on-text {
  position: relative;
  top: 5px;
  left: 5px;
}








.blue {
	color: #003e7e;
}

.date {
	color: #606060;
	font-style: italic
}

.small {
	font-size: .7em
}


#submain_full,
#cit-request-container {
	width: 100%;
	background-color: #fff;
	margin: 0
}






/* VIDOES */



.video-overlay {
  /* opacity: .8; */
  position: absolute;
  display: -webkit-box;
  z-index: 500;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background: url(../img/play_button.svg) no-repeat scroll;
}



.webcast-overlay {
	opacity: .8;
	position: absolute;
	display: -webkit-box;
	z-index: 1;
	left: calc(50% - 20px);
	top: calc(50% - 20px);
	width: 50px;
	height: 50px;
	background: url(../img/play_button.svg) no-repeat scroll 50%/50px 50px;
}

p.webcast a {
	background-image: url(../img/webcast-sm.png)
}

.body-disclaimers a,
#legal a {
	color: var(--mountain);
	text-decoration: underline;
}

p.audiocast a,
p.webcast a {
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 25px;
	margin-top: 5px
}


p.Video a {
  background-repeat: no-repeat;
  background-position: 0;
  padding-left: 36px;
  color: var(--ocean);
  font-size: 14pt;
}

p.Video a {
	background-image: url(../play-video.svg);
	background-size: 26px;
}

p.audiocast a {
	background-image: url(../img/audiocast-sm.png)
}

p.research a {
	background-image: url(../img/icon_book.png);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 25px;
	margin-top: 5px
}


.play-button {
  background-image: url(../svg/play-video.svg);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 32px;
  width: 32px;
  height: 44px;
  background-position-y: 12px;
}

#main .content {
	float: left;
	clear: both;
	border-top: none;
	border-left: none;
	background: #fff;
	width: 654px;
	z-index: -1
}

#main {
	width: 688px;
	height: 579px;
	max-height: 590px;
	background-color: #fff;
	float: left;
	margin-left: 40px
}

#main h2 {
	color: #003e7e;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-left: 20px;
	margin-bottom: -10px;
	-webkit-margin-before: 0
}

/* #sidebar { */
/* 	width: 265px; */
/* 	height: 459px; */
/* 	max-height: 578px; */
/* 	margin-bottom: 20px; */
/* 	float: right; */
/* 	background: #c3daf2; */
/* 	background: linear-gradient(top, #c3daf2, #fdfeff); */
/* 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c3daf2", endColorstr="#fdfeff", GradientType=0) */
/* } */

/* #sidebar p { */
/* 	font-size: 14px */
/* } */

/* #sidebar hr { */
/* 	width: 225px; */
/* 	margin: auto; */
/* 	height: 1px; */
/* 	background-color: #edf4fb; */
/* 	padding: 0 */
/* } */

/* #sidebar h3 { */
/* 	font-size: 17px; */
/* 	font-weight: 400 */
/* } */



#product_menu_bar {
	background-color: #b1c9e2;
	width: 960px;
	height: 46px;
	margin-left: 40px;
	padding: 0
}

#product_menu_bar .header {
	float: left;
	height: 46px
}

#product_menu_bar h2 {
	background-color: #a38746;
	color: #fff;
	width: 240px;
	height: 46px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	display: table-cell;
	vertical-align: middle
}

#product_menu_items {
	float: right;
	margin: 5px 0 0;
	padding: 0;
	height: 41px
}

.search_arrow {
	margin-left: 240px;
	margin-top: -66px
}

.product_menu,
.product_menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-right: 10px;
	z-index: 3
}

.product_menu {
	line-height: 1
}

.product_menu ul {
	position: absolute;
	top: -999em;
	width: 20em
}

.product_menu ul li {
	width: 100%
}

.product_menu a,
.product_menu li {
	position: relative
}

.product_menu a {
	display: block;
	margin-right: 30px
}

.product_menu {
	margin-bottom: 1em
}

.product_menu a {
	border-left: 1px solid #fff;
	padding: .75em 1em;
	text-decoration: none
}

.product_menu a,
.product_menu a:visited {
	color: #3e4e3b
}

.product_menu li {
	background: #fff;
	border: 1px solid #cacaca
}

.product_menu li li {
	background: #fff;
	border-bottom: none;
	border-top: none
}

.product_menu li li li {
	background: #fff
}

.product_menu a:active,
.product_menu a:focus,
.product_menu a:hover,
.product_menu li.sfHover,
.product_menu li:hover {
	background: #fff;
	outline: 0;
	text-decoration: none
}

.product_menu_sub a:active,
.product_menu_sub a:focus,
.product_menu_sub a:hover,
.product_menu_sub li.sfHover,
.product_menu_sub li:hover {
	background: #e4eff9;
	outline: 0;
	text-decoration: none
}

.tabs-nav {
	margin: 0;
	padding: 0;
	height: 45px;
	width: 100%;
	background: #afc7e0;
	background: linear-gradient(top, #afc7e0 1%, #bfd7ef);
}

.tabs-nav li {
	float: left;
	margin: 0;
	padding: 5px;
}

.tabs-nav li a {
	padding: 7px 20px;
}

.tabs-nav li.tabs2 a,
.tabs-nav li a {
	display: block;
	border: 1px solid transparent;
	float: left;
	text-decoration: none;
	color: #000;
	font-weight: 400;
}

.tabs-nav li.tabs2 a {
	padding: 7px 41px;
}

.tabs-nav li.tabs3 a {
	padding: 7px 27px;
	display: block;
	border: 1px solid transparent;
	float: left;
	text-decoration: none;
	color: #000;
	font-weight: 400;
}

.tabs-nav li.tabs-selected {
	background-image: url(../img/tabmenu-on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 1;
	position: relative;
	height: 46px;
}

.tabs-nav li.tabs-selected a {
	border-right: none;
	background: #03274e;
	background: linear-gradient(left, #03274e, #275d95);
	color: #fff;
}

.tabs-nav a,
.tabs-nav a:focus {
	outline: none;
}

.tabs-body {
	clear: both;
	overflow: auto;
	border-top: none;
	border-left: none;
	background: #fff;
	width: 654px;
	height: 523px;
	z-index: -1
}

.tabs-body div.tabs-panel {
	padding: 0;
	overflow: auto;
	display: none
}

.tabs-body div.tabs-panel-selected {
	display: block
}




/* MENU USED IN REPORT MATRICES, FUND COMPOSITES, NEWS RESEARCH COLUMNS, CLANDING, PROODUCT CATEGORY LISTS, AND WEB PROFILES */

#menu {
	max-width: 1280px;
	margin: auto;
}

@media screen and (max-width: 840px) {
	#menu {
		height: auto;
		flex-wrap: wrap;
		justify-content: left;
	}
}

/* TODO: Move to product pages? */
#profile-pages-submenu {
	max-width: 1280px;
	margin: auto;
}

@media screen and (max-width: 840px) {
	#profile-pages-submenu {
		height: auto;
		flex-wrap: wrap;
		justify-content: left;
	}
}



/* 		T A B   M E N U 		*/

.tabmenu {
	background: var(--slate);
	margin: 0 0 24px 0;
	/* 	margin-bottom: 24px; */
	padding: 0;
	display: flex;
	justify-content: space-between;
	height: 45px;
	width: 100%;
	/* 	clear: both; */ /*  do we need this */
}

.tabmenu.align-tabs-left {
	justify-content: left;
}

.tabmenu li {
	padding: 5px;
	list-style: none;
	float: left
}

.tabmenu.align-tabs-left li {
	float: none;
	margin-right: 20px;
}

.tabmenu li a {
	padding: 7px 10px;
	display: block;
	border: 1px solid transparent;
	float: left;
	text-decoration: none;
	color: #000;
	font-size: 12pt;
	font-weight: bold;
}

.tabmenu li.active {
	background-image: url(../img/tabmenu-on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 1;
	position: relative;
	height: 46px
}

.tabmenu li.active a {
	border-right: none;
	background: var(--sea);
	color: #fff
}

.tabmenu2 li.active {
	background-image: url(../img/tabmenu2-on.png);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 1;
	position: relative;
	height: 43px
}

.tabmenu2 li {
	padding: 3px
}

.tabmenu2 li a {
	padding: 7px 8px 7px 9px;
	color: #003e7e
}

/* Prospectus with "Tabify.js"  */

.tabmenu3 {
	margin: 0;
	padding: 0;
	clear: both
}

.tabmenu3 li {
	padding: 5px;
	list-style: none;
	float: left
}

.tabmenu3 li a {
	padding: 7px 20px;
	display: block;
	border: 1px solid transparent;
	float: left;
	text-decoration: none;
	color: #000;
	font-weight: 400
}

.tabmenu3 li.active {
	background-image: url(../img/tabmenu-on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: 1;
	position: relative;
	height: 46px
}

.tabmenu3 li.active a {
	border-right: none;
	background: #03274e;
	background: linear-gradient(left, #03274e, #275d95);
	color: #fff;
}

.tabmenu.tab-count-2 {
	justify-content: unset;
}

.tab-menu-background .tabmenu {
	background: var(--ice);
}


.tab-menu-background .tabmenu li.active {
	background-image: none;
}

.tab-menu-background .tabmenu li.active a {
	border-right: none;
	background: transparent;
	color: #000;
	border-bottom: 3px solid var(--sky);
}

#menu-3.tabmenu {
  height: 45px;
  width: 100%;
  background: var(--riverrock);
  display: flex;
  justify-content: space-between;
  padding: 0;
  clear: both;
  letter-spacing: .5px;
}

#menu-3.tabmenu li.active {
	background-image: none;
}

#menu-3.tabmenu li.active a {
	background: none;
	color: black;
	border-bottom: 5px solid var(--sky);
}



/*		Menu		*/

.tab-menu-background {
	background-color: var(--ice);
	padding: 0 20px;
}

.tab-menu-background .tabmenu li {
	padding-left: 0;
}

.tab-menu-background .tabmenu li a:hover {
	background: var(--riverrock);
}

.tab-menu-background .tabmenu a {
	padding: 7px 0;
	margin-right: 32px;
}








  

aside {
	border: 1px solid var(--cloud);
	width: 320px;
	float: right;
	clear: both;
	margin-left: 20px;
	margin-top: 20px
}

aside.aside-thin {
	width: 240px;
}

aside.aside-no-style {
  border: none;
}





.ldi-index-subnav {
	width: 240px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.04);
    border: 1px solid #eaeaea;
    background-color: #fff;
    padding-bottom: 20px;
}

/* CCR UK ONLY NOW - TODO: remove when uk has homepage */
#section_header {
	display: table-cell;
	vertical-align: middle;
	background: transparent url(../img/section-head-bg.png) 0 0 no-repeat;
	height: 50px;
/* 	width: 400px; */
	margin: 0;
	padding: 0
}


/* CCR UK ONLY NOW - TODO: remove when uk has homepage */
#section_header_bg {
	background-color: var(--sea);
    margin-bottom: 10px; /* CCR FOR NOW */
}


/* CCR UK ONLY NOW - TODO: remove when uk has homepage */
#section_header h1 {
	font-weight: bold;
	padding-left: 17px;
	margin: 0;
	color: #fff;
    font-size: 26px;
}

#localnav {
/* 	padding-bottom: 4400px; */
/* 	margin-bottom: -4400px; */
	width: 223px;
	float: left;
	background: #ffffff;
	margin-right: 20px;
}

#localnav.landing {
/* 	padding-bottom: 4000px; */
/* 	margin-bottom: -4000px */
}

#localnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

#localnav ul a {
	display: block;
	width: 193px;
	padding: 15px;
	color: #174c84;
	border-top: 1px solid #a7c3e0;
	font-weight: normal;
}

#navlist li a#current,
#subnavlist li a#current,
.subnav-list li a#current,
.subnav-list li a.current,
li a#current,
li a.current {
	background-color: #326294;
	border-bottom: none;
	font-weight: 700
}

#navlist li a#current:hover,
.nav-list li a#current:hover,
.nav-list li a.current:hover,
#subnavlist li a#current:hover,
.subnav-list li a#current:hover,
.subnav-list li a.current:hover,
li a#current:hover,
li a.current:hover {
	background-color: #052d56;
}

#navlist a#subnavnolink:hover,
.nav-list a#subnavnolink:hover,
.nav-list a.subnav-no-link:hover {
	text-decoration: none;
	background-color: transparent
}

#subnavlist li:hover a,
.subnav-list li:hover a,
#subnavlist li a:hover#current,
.subnav-list li a:hover#current,
.subnav-list li a:hover.current {
	text-decoration: none;
	background-color: #d8e6f5;
	color: #052d56;
}

#subnavlist li a,
#localnav .subnav-list li a {
	border: none;
	display: table-cell;
	padding: 15px 15px 8px 40px;
	margin: 0
}

#localnav ul#subnavlist,
#localnav ul.subnav-list,
.local-nav ul.subnav-list {
	padding-bottom: 15px
}

.pdf-link-img {
	width: 24px;
}

/*		Sadly this is the red one		*/
.pdf_link {
	background-image: url(../pdf.svg);
	background-size: 18px;
	background-repeat: no-repeat;
	padding-left: 24px;
	background-position-y: -1px;
}

.pdf-link {
	background-image: url(../pdf-link.svg);
	background-size: 18px;
	background-repeat: no-repeat;
	padding-left: 24px;
	background-position-y: -1px;
}

/*		Sadly this is the blue one		*/
/*		Need to do aside or it show up in the menu	*/
aside .pdf {
	background-image: url(../pdf-link.svg);
	background-size: 18px;
	background-repeat: no-repeat;
	padding-left: 24px;
	background-position-y: -1px;
}

.icon_list li.pdf {
  background-image: url(../pdf.svg) !important;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position-y: 6px;
}

.portfolio img {
	float: left;
	margin-right: 12px;
	margin-bottom: 10px
}

/*		T A B L E				*/

table {
	width: 100%
}

table caption {
	font-size: 16pt;
	padding-bottom: 12px;
}

table th {
	text-align: left;
	font-weight: 400;
	padding-left: 3px;
	height: 43px;
	background: var(--riverrock);
}

table td {
	padding: 15px 4px 15px 7px;
	color: #000;
	font-size: 12pt;
}

tr.blue td {
	background-color: var(--ice);
}

table.striped tr {
  background-color: #f7f7f7;
}

table.striped tr:nth-child(2n) {
  background-color: #fff;
}

/* datatable is the outer to the scrollable responsive table.  Expect a table inside the single td */
table.datatable {
	border: 1px solid var(--cloud);
	width: 100%;
	margin: 0;
}

table.datatable > tbody > tr > td {
	padding: 0;
}

/* Used when the cell in a row is a header */
th.rowHeaderCell {
    border-bottom: 2px solid #ffffff; 
    padding: 5px 0 5px 10px;
    font-size: 16px;
    color: var(--sea);
    font-weight: bold;
    line-height: 24px;
    background-color: transparent;
	text-transform: none;
	text-align: left;
	letter-spacing: 1px;
}


.table-disclaimer {
	margin: 12px 0 0 0;
	padding: 0;
	font-style: italic;
}

.innerdatatable {
	border: 1px solid var(--riverrock);
	margin-bottom: 5px;
	font-size: 16px;
}


table.innerdatatable {
	width: 100% !important;
	margin-bottom: 20px;
}

.innerdatatable th {
  background-color: var(--riverrock);
  text-align: left;
  padding: 4px 10px;
  font-size: 16px;
}


.innerdatatable th.right {
  text-align: right;
}

.innerdatatable th.center {
  text-align: center;
}


.innerdatatable th {
  background-color: var(--riverrock);
  text-align: left;
  padding: 4px 10px;
  font-size: 16px;
}
.innerdatatable th.align-center {
  text-align: center;
}

.innerdatatable td {
  padding: 8px 10px;
  font-size: 16px;
  
}

.performance-tables h3 {
  font-size: 18pt;
  color: var(--atmosphere);
  font-weight: normal;
}

.performance-tables .leftIndent1 {
	font-weight: bold;
	color: var(--sea);
}

.performance-tables .responsive-table {
	margin-bottom: 32px;
}

.performance-tables .table-disclosure {
  padding: 1px 10px;
  border-bottom: 1px solid var(--cloud);
}



/* APPLICATIONS AND FORMS */
.form-table-sets .light-box {
	width: 44%;
	margin-left: 0;
	margin-right: 0;
}

.form-table-sets  .light-box h3 {
	font-size: 20pt;
	color: var(--juniper);
	margin-left: 10px;
}

.form-table-sets table.new-table tr {
	border-bottom: none;
}

.form-table-sets tr:hover {
	background-color: var(--ice);
}

.form-table-sets table a {
	text-decoration: none;
	color: black;
}

@media screen and (max-width:1290px) {
	.form-table-sets .light-box {
    	margin: 10px auto;
	}
}

@media screen and (max-width:1020px) {
	.form-table-sets .light-box {
		width: 100%;
		margin: 10px auto;
	}
}


tr.rowheader td {
	color: var(--cloud)
}

.td-not-style {
	padding: 0;
}

.select_menu {
	background: transparent;
	width: 290px;
	padding: 5px;
	font-size: 14px;
	border: 1px solid #cacaca;
	height: 33px;
	margin: 0 20px 20px;
	z-index: 0
}

ul.icon_list {
	width: 152px;
	list-style-type: none;
	padding: 0;
	margin: 0 0 10px 0;
}

ul.icon_list a {
	display: block
}

.icon_list li {
	padding: 5px;
	margin: 0 0 0 15px
}

.icon_list li.fact,
a.info {
	background-image: url(../fact-sheet-red.svg)!important;
	background-size: 26px;
}

.icon_list li.fact {
	background-image: url(../binoculars-red.svg)!important;
}

.icon_list li.info.button {
	background-image: url(../fact-sheet-white.svg)!important;
}

.icon_list li.fact.button {
	background-image: url(../report-white.svg)!important;
}

.icon_list li.application,
.icon_list li.fact,
a.info {
	background-repeat: no-repeat!important;
	background-position: 0!important;
	background-size: 26px;
}


.icon_list li.viewpoint,
.icon_list li.application,
.icon_list li.other,
.icon_list li.report,
.icon_list li.binocular,
.icon_list li.comment {
	background-repeat: no-repeat!important;
	background-position: 0!important;
	background-size: 26px;
}




.icon_list li.viewpoint.button,
.icon_list li.application.button,
.icon_list li.other.button,
.icon_list li.report.button,
.icon_list li.binocular.button,
.icon_list li.comment.button,
.icon_list li.fact.button {
	background-position: top 12px left 6px !important;
	width: 175px;
}

.icon_list li.application {
	background-image: url(../img/icon-application.png)!important;
}

.icon_list li.binocular {
	background-image: url(../binoculars-red.svg)!important;
}

.icon_list li.binocular.button {
	background-image: url(../binoculars-white.svg)!important;	
}

.icon_list li.comment {
	background-image: url(../comment-red.svg)!important
}

.icon_list li.comment.button {
	background-image: url(../comment-white.svg)!important
}

.icon_list li.report {
	background-image: url(../report-red.svg)!important;
}

.icon_list li.report.button {
	background-image: url(../report-white.svg)!important;
}


.icon_list li.other {
	background-image: url(../img/icon-other.jpg)!important
}

.icon_list li.other {
	background-image: url(../pdf.svg) !important;
}

.icon_list li.attribution {
	background-image: url(../img/fund-attribution-report.png)!important
}

.icon_list li.viewpoint  {
/* 	background-image: url(../img/icon-product.png)!important */
	background-image: url(../pdf.svg)!important;
}


p a.other {
	background-image: url(../img/icon-other.jpg)!important
}

p a.other,
p a.viewpoint {
	background-repeat: no-repeat!important;
	background-position: 0!important;
	width: 115px!important
}


p a.viewpoint {
/* 	background-image: url(../img/icon-product.png)!important */
	background-image: url(../pdf.svg)!important;
	background-size: 18px;
	background-repeat: no-repeat;
}


p a.attribution {
	background-image: url(../img/fund-attribution-report.png)!important
}

.icon_list li.attribution,
.icon_list li.webcast,
p a.attribution,
p a.webcast {
	background-repeat: no-repeat!important;
	background-position: 0!important;
	width: 115px!important
}

.icon_list li.webcast,
p a.webcast {
	background-image: url(../img/icon-webcast.png)!important
}

.icon_list li.audiocast {
	background-image: url(../img/audiocast-sm.png)!important
}

.icon_list li.audiocast,
.icon_list li.blog,
p a.blog {
	background-repeat: no-repeat!important;
	background-position: 0!important;
	width: 115px!important
}

.icon_list li.blog,
p a.blog {
	background-image: url(../img/icon-blog.png)!important
}

.icon_list li.webinar,
p a.webinar {
	background-image: url(../img/icon-webinar.png)!important;
	background-repeat: no-repeat!important;
	background-position: 0!important;
	width: 115px!important
}

.icon_list li a {
	margin-left: 30px;
	color: #BA0D0D;
	font-size: 16px;
}

@media print {
	* {
		background: transparent!important;
		color: #000!important;
		box-shadow: none!important;
		text-shadow: none!important;
		filter: none!important;
		-ms-filter: none!important
	}
	.tabmenu li {
		display: none
	}
	.tabmenu li.active {
		display: inline;
		float: left;
		font-size: 16px;
		font-weight: 400;
		margin-left: 20px
	}
	#aside {
		border: 1px solid var(--cloud);
		width: 320px;
		float: right;
		clear: both;
		margin-left: 20px;
		margin-top: 20px
	}
	.content {
		width: 100%
	}
	#localnav,
	#search,
	#social_media,
	#subnav,
	#topnav,
	.product_menu,
	aside,
	header ul {
		display: none
	}
	h2,
	h3 {
		page-break-after: avoid
	}
}

#dialog .content {
	float: left;
	clear: both;
	border: none;
	background: #fff;
	width: 960px;
	padding: 10px 0 0 10px;
	z-index: -1
}

#submitDialog .ui-dialog-titlebar-close .dlg-no-close {
	float: left;
	clear: both;
	width: 350px;
	padding: 10px
}

.ui-widget-header {
	border: 1px solid #03274e!important;
	background: #003e7e!important;
	color: #fff;
	font-weight: 700
}

.box_header a {
	text-decoration: none;
	color: #fff
}

#mobileAdvisorLink {
	width: 225px
}

#mobileAdvisorLink p {
	padding: 0 20px 0 0
}

#dialog .box {
	width: 310px;
	margin: 5px
}

#dialog .box p {
	padding: 0 0 0 13px!important;
	margin: 0 10px 0 0!important
}

#dialog .box_header {
	width: 310px!important
}

#amu td {
	padding: 7px 15px 0
}

aside p {
	margin-top: 0
}

.asideText {
	margin-top: -10px
}

.lipper {
	margin-top: -30px
}



.ui-menu {
	z-index: 5000!important
}

.right {
	text-align: right;
}


/* 		UK CONTACT US 		*/

#contact_container {
	clear: both;
	position: relative;
/* 	width: 940px */
}

#find_someone {
	float: left;
/* 	width: 940px */
}

#find_someone p {
	width: 270px
}

#find_Office {
	height: inherit;
	float: left;
	margin-top: 24px;
}

#loomisWorldMapHolder {
	height: 350px;
	background-repeat: no-repeat;
	background-image: url(../img/Loomis_World_Map.png);
	background-position-x: center;
/* 	width: 930px */
}

#locationSelect {
	width: 260px
}

.hideAddress {
	display: none
}

.showAddress {
	display: block;
	padding-bottom: 20px;
	border-top: 3px solid var(--cloud);
	margin-top: 20px;
}

#address_holder {
	width: 100%;
	margin-top: 20px;
	display: table
}

#address_holder dt {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
}

#address_holder dd {
  text-indent: 0;
  margin: 2px 0;
}

#address_holder .contact_block {
	display: inline-block;
	padding: 0;
	margin-bottom: 20px;
	width: 340px;
}

#address_holder h3 {
	white-space: pre
}



#address_holder .row {
	display: flex;
	justify-content: space-between;
}


/* 		END UK CONTACT US 		*/


#careerframe {
	padding: 0 20px
}

footer.investmentsWrapper {
	background-color: #012e5d;
}


/* #submain .contentBlock, */
#submain_full .contentBlock {
	width: 436px;
	margin-right: 20px;
	float: left
}

#submain_full .contentBlock {
	width: 600px
}

/* #submain .sidebar, */
#submain_full .sidebar {
	width: 209px;
	float: right;
	margin-top: 68px
}

/* #submain .sidebar .box, */
#submain_full .sidebar .box {
	margin-bottom: 30px
}

/* #submain .bottomContentBlock h2, */
#submain_full .bottomContentBlock h2 {
	color: #003e7e;
	font-weight: 900;
	font-size: 15px;
	margin: 0 0 8px;
	line-height: 18pt
}

/* #submain .bottomContentBlock .imgLeft, */
#submain_full .bottomContentBlock .imgLeft {
	float: left;
	margin: 0 20px 30px
}

/* #submain .bottomContentBlock .contentRight, */
#submain_full .bottomContentBlock .contentRight {
	float: left;
	width: 437px;
	margin-bottom: 30px
}

/* #submain .bottomContentBlock .contentFull, */
#submain_full .bottomContentBlock .contentFull {
	width: 665px;
	margin: 0 0 30px 20px
}

#bannerImageText {
	margin-top: -12px;
	height: 170px
}

#bannerImageText p {
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	margin: 10px 42px 10px 25px;
	width: 210px;
	padding: 0
}

.socialicon {
	margin: 0 10px 2px;
	width: 28px
}

#slideshow {
	width: 941px;
	border: 8px solid #c5dcf3;
	background: #fff
}

#slideshow,
#slideshow #slidesContainer {
	margin: 0 auto;
	height: 132px;
	position: relative
}

#slideshow #slidesContainer {
	width: 870px;
	overflow: auto
}

#slideshow #slidesContainer .slide {
	margin: 0 auto;
	width: 850px;
	height: 132px
}

.control {
	display: block;
	width: 39px;
	height: 132px;
	text-indent: -10000px;
	position: absolute;
	cursor: pointer;
	margin-left: -30px;
	margin-right: -30px
}

/* #leftControl { */
/* 	top: 0; */
/* 	left: 0; */
/* 	background: transparent url(img/left-arrow.png) no-repeat 50% */
/* } */

/* #rightControl { */
/* 	top: 0; */
/* 	right: 0; */
/* 	background: transparent url(img/arrow-right.png) no-repeat 50% */
/* } */

/* #rightControl:hover { */
/* 	background: transparent url(img/arrow-right-hover.png) no-repeat 50% */
/* } */

/* #leftControl:hover { */
/* 	background: transparent url(img/left-arrow-hover.png) no-repeat 50% */
/* } */

.ui-menu {
	width: 220px!important
}

.no-sidebars .svgImage {
	max-width: 980px
}

article.full-page.no-sidebars .ldiImage,
article.full-page.no-sidebars.svgImage {
	max-width: 900px
}

.ldiImage,
.svgImage {
	width: 100%;
	margin: 0 auto;
	display: block;
}

.ldiImage-leftCol,
.svgImage-leftCol {
	max-width: 350px;
	display: -ms-grid;
	display: grid
}






/* SITE MAP */

#sitemap-list-container {
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	width: 100%;
	justify-content: space-between;
}



#sitemap-list-container a { 
	margin: 0 10px 0 0;
	display: block;
	padding: 10px !important;
}

#sitemap-list-container a:hover,
#sitemap-list-container a:focus {
	background-color: var(--ice);
	text-decoration: none;
} 
  
#sitemap-list-container .basic-box li,
#sitemap-list-container .shaded-box li {
	padding-top: 4px;
	padding-bottom: 4px;
}

#sitemap-list-container .basic-box {
	max-width: 44%;
	min-width: 330px;
	width: 100%;
	border: none;
}

#sitemap-list-container h2 {
	font-family: Lato;
	color: var(--mountain);
	text-align: left;
	letter-spacing: unset;
	font-size: 18pt;
	border-bottom: 2px solid var(--mountain);
	background-color: transparent;
	margin-top: 20px;
	padding: 0;
	height: unset;
}

#sitemap-list-container .basic-box li {
	margin-left: -10px;
	padding: 0;
}

#sitemap-list-container a {
	color: var(--ocean);
}

.sitemap-list {
	column-count: 2;
}

#sitemap-list-container .basic-box ul.sitemap-list {
	padding: 0;
}


/* 		PAGE NAV 		*/

#small-nav {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	background-color: #fafafa;
	padding: 0;
	border-bottom: 1px solid var(--dove);
	z-index: 500;
}

.floating-tab {
	font-size: 16pt;
	text-transform: uppercase;
	color: var(--sea);
	margin-right: 100px;
	font-weight: bold;
	padding: 12px 0;
	cursor: pointer;
}

.floating-tab.selected {
	border-bottom: 3px solid var(--sky);
}

#small-nav .standard-flex {
	justify-content: left;
}

/*		SUBNAV		*/
#subnavlist li a#current,
.subnav-list li a#current,
.subnav-list li a.current,
#localnav ul a.current,
li a#current,
li a.current {
	background-color: #326294;
	border-bottom: none;
	font-weight: 700;
	color: #fff;
	
}

#sitemap #navlist a:hover,
#sitemap .nav-list a:hover {
	text-decoration: none;
	background-color: #a6c5e4
}

#sitemap #navlist a#subnavnolink:hover,
#sitemap .nav-list a#subnavnolink:hover,
#sitemap .nav-list a.subnav-no-link:hover {
	text-decoration: none;
	background-color: transparent
}

#sitemap #subnavlist,
#sitemap .subnavlist {
	margin-left: 0
}

#sitemap #subnavlist li:hover a,
#sitemap .subnav-list li:hover a,
#sitemap #subnavlist li a:hover#current,
#sitemap .subnav-list li a:hover#current,
#sitemap .subnav-list li a:hover.current {
	text-decoration: none;
	background-color: #e4eff9
}

#sitemap #subnavlist li a,
#sitemap #subnav-list li a {
	border: none;
	display: table-cell;
	padding: 15px 15px 8px 40px;
	margin: 0;
	width: 255px
}

#sitemap ul#subnavlist,
#sitemap ul.subnav-list {
	padding-bottom: 15px
}

.hero-unit {
	margin: 50px auto 0;
	width: 300px;
	font-size: 18px;
	font-weight: 200;
	line-height: 30px;
	background-color: #eee;
	border-radius: 6px;
	padding: 60px;
}

.blur--white {
	padding: 8px;
	border-radius: 15px;
	padding-bottom: 1px;
	margin: auto;
}

@media screen and (max-width:414px) {
	.blur--white {
		height: 252px;
	}
}

@media screen and (max-width:414px) {
	.blur--white>img {
		width: 320px;
	}
}




.ctaButton-homepage {
	width: 307px;
	height: 63px;
	margin: 15px 8px;
	padding: 0 7px;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 60px;
	font-weight: 600;
	background-color: #4374A3;
	color: #fff;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between
}



.investmentProduct {
	background-color: #447C83;
	padding: 12px;
	height: 45px;
	margin-bottom: 10px;
	cursor: pointer
}

p.investmentProduct--registered {
	padding: 0;
	margin: 0
}

p.investmentProduct--registered,
p.investmentProduct--text {
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
}

.investmentProduct--icon {
	float: right
}

.investmentProduct--icon>div {
	font-size: 24px;
	color: #e07647
}

.cta-button {
	float: right;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #4c78a5;
	padding: 6px 10px;
	height: 50px;
	margin: 0;
	cursor: pointer;
	width: 250px
}


.blogButton {
	margin: 15px 8px
}

/* .myLoomis { */
/* 	display: block; */
/* 	position: fixed; */
/* 	overflow: hidden; */
/* 	bottom: 15px; */
/* 	right: 15px; */
/* 	padding: .75em .2em .5em; */
/* 	width: 350px; */
/* 	height: 255px; */
/* 	background-color: var(--glacier); */
/* 	box-shadow: 2px 2px 15px black; */
/* 	z-index: 99999; */
/* 	transition: height 1s; */
/* 	transition-timing-function: ease */
/* } */

/* .myLoomis-icon-max, */
/* .myLoomis-icon-min { */
/* 	position: absolute; */
/* 	top: 3px; */
/* 	right: 5px; */
/* 	width: 20px; */
/* 	border: 1px solid #0b3b6d; */
/* 	border-radius: 4px; */
/* 	cursor: pointer */
/* } */

/* .minimized .myLoomis-icon-min, */
/* .myLoomis-icon-max { */
/* 	display: none */
/* } */

/* .minimized .myLoomis-icon-max { */
/* 	display: block */
/* } */

/* .myLoomis h2 { */
/* 	Color: #fff; */
/* 	margin-bottom: .75em; */
/* 	margin-left: .2em; */
/* 	-webkit-margin-before: -10px; */
/* 	margin-top: 0; */
/* } */

/* .myLoomis-tabs { */
/* 	transition: display .5 ease */
/* } */

/* .myLoomis-tab { */
/* 	padding: 6px 10px; */
/* 	background-color: var(--bamboo); */
/* 	color: black; */
/* 	font-weight: 700; */
/* 	font-family: lato, serif; */
/* 	font-size: 15px; */
/* 	cursor: pointer; */
/* 	letter-spacing: .5px; */
/* 	display: inline-block; */
/* 	margin-right: 4px; */
/* } */

/* .myLoomis-tab.selected { */
/* 	background-color: #326294; */
/* 	color: #fff */
/* } */

/* .myLoomis-tab-content { */
/* 	display: none; */
/* 	background-color: white; */
/* 	border: 3px solid var(--mountain); */
/* 	height: 200px; */
/* 	transition: display .5 ease; */
/* } */

/* .myLoomis-tab-content h3 { */
/* 	margin: .25em .5em */
/* } */

/* .myLoomis-tab-content ul { */
/* 	list-style: none; */
/* 	padding-left: 1em; */
/* 	margin-top: .25em */
/* } */

/* .myLoomis-tab-content.selected { */
/* 	display: block */
/* } */

/* .myLoomis.minimized { */
/* 	height: 18px */
/* } */

/* .myLoomis.hideCookie { */
/* 	display: none */
/* } */

.standard-flex.leaving-site-button-tray {
	justify-content: right;
}

.standard-flex.leaving-site-button-tray input.button{
	margin-left: 20px;
}


.section-header-banner-home {
	display: inline-block;
	vertical-align: middle;
	background: #0b3b6d;
	margin: 0;
	transition: all 1s ease;
	box-shadow: 1px 2px 5px 3px #344e63;
	margin-bottom: .875em;
	margin-top: .5em;
	max-width: 942px
}

h2.paper-title {
	padding: 0;
	font-size: 1.75em;
	color: #003e7e
}

p.byLine {
	font-size: .833em;
	color: #5f5f5f;
	text-transform: uppercase;
	font-weight: 400
}

.byLine-author {
	font-weight: 600
}

.article-aside {
	float: left;
	width: 180px;
	margin: 5em 10px 5px;
	clear: none;
	padding: 0;
	display: inline-block;
	border: none
}

.keyTakeaway {
	clear: both;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	background-color: #f2f2f2;
	padding: 0 .875em
}

.keyTakeaway>h3,
.questionText>h5 {
	clear: both;
	width: 90%;
	background-color: #f2f2f2;
	margin-bottom: .25em;
	padding-top: .875em;
	color: #1a3b70;
	font-size: .833em;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700
}

.keyTakeaway ul {
	list-style: none;
	padding: .25em;
	margin: 0
}

.keyTakeaway ul li {
	padding-left: 1em;
	text-indent: -1.2em;
	margin-bottom: .875em;
	font-size: .75em
}

.keyTakeaway ul li:before {
	margin-left: .25em;
	margin-right: .5em;
	margin-top: .25em;
	content: " \2022 ";
	color: #1a3b70;
	font-size: 1em
}

.authorBox {
	width: 95%;
	margin: auto;
	padding: .875em;
	text-align: center
}

.authorBox,
.authorBox h3 {
	clear: both;
	background-color: #f2f2f2
}

.authorBox h3 {
	font-size: .833em;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	margin-bottom: .25em;
	color: #1a3b70;
	text-transform: uppercase
}

p.authorBox-name {
	font-size: .95em;
	font-weight: 600
}

p.authorBox-name,
p.authorBox-title {
	margin: 0;
	margin-left: .5em;
	margin-bottom: .5em
}

p.authorBox-title {
	font-size: .833em;
	font-weight: 400
}

.article-callout,
.questionText>p {
	font-size: 1.4em!important;
	line-height: 1.25;
	color: #000
}

.research h3 {
	font-size: 1.3em;
	text-transform: uppercase;
	padding-left: 0
}

.research-chart-title {
	color: #1a3b70;
	text-transform: uppercase;
	text-align: left;
	font-weight: 700;
	padding: 0 20px;
	margin-bottom: .25em;
	padding-top: .875em
}

.research-chart-source,
.research-chart-title {
	font-size: .833em;
	max-width: 696px;
	margin-left: auto;
	margin-right: auto
}

.research-chart-source {
	font-style: italic;
	margin-top: 0
}

.no-sidebars .research-chart-source {
	max-width: 980px
}

.no-sidebars .research-chart-title {
	max-width: 980px;
	padding: 0 20px
}

#surveyBody {
	min-height: 850px
}

.questionText h5 {
	background-color: #fff;
	width: 100%;
	margin: 12px
}

.surveyAnswerKey,
.surveyAnswerKey>h5 {
	clear: both;
	width: 95%;
	margin: auto;
	background-color: #f2f2f2
}

.surveyAnswerKey>h5 {
	font-size: 1.2em;
	font-weight: 600
}

.answerContainer {
	padding: 0 20px;
	margin: 12px 0
}

@media screen and (max-width:760px) {
	.research-chart-title {
		padding: 0
	}
}

.landing-quadrant {
	width: 98%;
	height: 500px;
	margin: 12px auto;
	max-width: 960px;
	padding: 12px 20px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer
}

.landing-quadrant,
.panel {
	display: -ms-flexbox;
	display: flex
}

.panel {
	-ms-flex-preferred-size: 45%;
	flex-basis: 45%;
	padding: 20px;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.panel:hover {
	cursor: pointer;
	box-shadow: 0 6px 10px 0 #afc7e0, 0 1px 18px 0 #88aace, 0 3px 5px -1px #1a24a2
}

.panel>img {
	max-width: 140px;
	padding-bottom: 30px
}

.panel>div {
	max-width: 300px
}

.panel>div>h3 {
	color: #5f5f5f;
	font-weight: 400;
	margin-bottom: 0;
	padding-bottom: 0
}

.panel>div>h3,
.panel>div>p {
	font-size: 1.5em;
	font-style: normal
}

.panel>div>p {
	color: #2982c6;
	font-weight: 600;
	padding-top: 0;
	margin-top: 0;
	max-width: 137px
}

.panel-one,
.panel-two {
	border-bottom: thin solid #32323e
}

.panel-one,
.panel-three {
	border-right: thin solid #32323e
}


.page-header-withicon {
	width: 98%;
	height: 200px;
	margin: 0 auto 12px;
	max-width: 960px;
	padding: 0 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
/* 	-ms-flex-align: center; */
	align-items: center
}

.page-header-withicon>img {
	width: 140px;
	height: 150px;
	min-width: 140px;
	margin-bottom: 40px
}

.page-header-withicon>div>h3,
.page-header-withicon>div>p {
	color: #5f5f5f;
	font-size: 1.6em;
	font-weight: 300;
	font-style: normal
}

.page-header-withicon>div>p {
	font-size: 1em
}

.fundCard-container {
	width: 100%;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
}

.fundCard-wrapper {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 12px 0;
	-ms-flex-preferred-size: 43%;
	flex-basis: 43%;
	padding: 20px;
}

.fundCard:hover {
	cursor: pointer;
	box-shadow: 0 6px 10px 0 #afc7e0, 0 1px 18px 0 #88aace, 0 3px 5px -1px #1a24a2
}


.fundCard ul {
  padding-left: 15px;
}

.fundCard li {
  list-style-type: none;
  padding-bottom: 6px;
}

.fundCard>h3 {
	font-size: 2em;
	font-weight: 400;
	color: #c5c5c5
}

.fundCard>h2 {
	font-size: 17px;
	font-weight: 600;
	color: #ffffff;
	margin: 10px 0 10px 10px;
}

.fundCard-wrapper {
  width: 100%;
  min-height:125px;
  max-height:125px;
  flex-direction: row;
  padding:0;
  justify-content: space-between;
}
.fundCard {
  height: 110px;
  width: 130px;
  padding: 0 0 8px 0 ;
  margin: 3px;
  background-color: var(--mountain);
}

.fundCard h4 {
  margin: 2px 0 0 10px;
  font-size:15px;
}

.fundCard a {
	color: #ffffff;
}

.fundCard a::after {
	content:'\00a0 >>';
}

@media screen and (max-width: 801px) {

  article > img { width: 100%}
    .latestinsights {width: unset; flex-direction: column;}
    .blogcallout {width:unset}
    .ctaButton-homepage {width: unset; margin-left:unset}
   .fundspotlight { width: unset}
}



.title {
	display: block;
	text-align: left;
	min-height: 180px
}

.title .company {
	color: #000;
	padding-bottom: 0;
	margin-bottom: 0
}

.title .company,
.title .productName {
	font-size: 1.8em;
	font-family: lato;
	font-weight: 400
}

.title .productName {
	color: #4e8abe;
	text-transform: none;
	padding-top: 0;
	margin-top: 5px
}

.fund-info-bottom-left,
.fund-info-bottom-right {
	display: inline;
	font-size: 1.2em;
	text-align: center;
	margin-top: 0;
	margin-bottom: 1em;
	-ms-flex-preferred-size: 48%;
	flex-basis: 48%
}

.fund-info-bottom-right {
	float: right;
	border-left: 1px solid #000
}

.fund-info-bottom-left p,
.fund-info-bottom-right p {
	min-height: 50px
}

.fund-info-bottom-left p:not(:first-child),
.fund-info-bottom-right p:not(:first-child) {
	color: #9f9f9f
}

.campaign-webinar {
	width: 370px;
	position: relative;
	display: inline-table;
	text-align: justify;
	float: right;
	margin-top: -50px
}

.campaign-webinar h3 {
	text-transform: none;
	margin-bottom: 3px;
	margin-top: 0;
	font-size: 18px;
	font-weight: 700;
/* 	color: #646464; */
	margin-left: 0
}

@media screen and (max-width:812px) {
	.landing-quadrant {
		width: 680px;
		height: unset;
		margin: unset;
		max-width: unset
	}
	.panel {
		padding: unset
	}
	.campaign .contact {
		display: block
	}
	.campaign-webinar {
		float: unset;
		margin-top: unset;
		display: block;
		padding: 0 12px;
		margin: 0 auto
	}
	.page-header-withicon {
		width: unset
	}
	.page-header-withicon>div {
		min-width: unset
	}
	.fundCard-wrapper {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 750px;
		margin: 0 auto
	}
}

@media screen and (max-width:767px) {
	.landing-quadrant {
		width: unset;
		padding: unset
	}
	.panel {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin: .5em;
		padding: 20px;
		border: unset;
		outline: thin solid #cfcfcf
	}
}

@media screen and (max-width:414px) {
	.page-header-withicon {
		height: unset;
		margin: 0 auto 12px;
		max-width: 350px;
		padding: 0 20px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
/* 		-ms-flex-align: center; */
		align-items: center
	}
	.page-header-withicon>img {
		padding-bottom: unset;
		margin-top: .875em
	}
}

#surveyBody [type=radio]:checked,
#surveyBody [type=radio]:not(:checked) {
	position: absolute;
	left: -9999px;
	visibility: hidden
}

#surveyBody [type=radio]+label {
	position: relative;
	padding-left: 30px;
	margin-right: 35px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 20px;
	font-size: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none
}

#surveyBody [type=radio]+label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	z-index: 0;
	border: 2px solid #5a5a5a;
	border-radius: 1px;
	margin-top: 2px;
	transition: .2s
}

#surveyBody [type=radio]:not(:checked):disabled+label:before {
	border: none;
	background-color: rgba(0, 0, 0, .26)
}

#surveyBody [type=radio]:checked+label:before {
	top: -4px;
	left: -3px;
	width: 12px;
	height: 22px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #002a80;
	border-bottom: 2px solid #002a80;
	transform: rotate(40deg);
	-webkit-backface-visibility: hidden;
	transform-origin: 100% 100%
}

#surveyBody [type=radio]:checked:disabled+label:before {
	border-right: 2px solid rgba(0, 0, 0, .26);
	border-bottom: 2px solid rgba(0, 0, 0, .26)
}

#surveyBody [type=radio].filled-in+label:after {
	border-radius: 2px
}

#surveyBody [type=radio].filled-in+label:after,
#surveyBody [type=radio].filled-in+label:before {
	content: "";
	left: 0;
	position: absolute;
	transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
	z-index: 1
}

#surveyBody [type=radio].filled-in:not(:checked)+label:before {
	width: 0;
	height: 0;
	border: 3px solid transparent;
	left: 6px;
	top: 10px;
	transform: rotate(37deg);
	transform-origin: 100% 100%
}

#surveyBody [type=radio].filled-in:not(:checked)+label:after {
	height: 20px;
	width: 20px;
	background-color: transparent;
	border: 2px solid #5a5a5a;
	top: 0;
	z-index: 0
}

#surveyBody [type=radio].filled-in:checked+label:before {
	top: 0;
	left: 1px;
	width: 8px;
	height: 13px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(37deg);
	transform-origin: 100% 100%
}

#surveyBody [type=radio].filled-in:checked+label:after {
	top: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #002a80;
	background-color: #002a80;
	z-index: 0
}

#surveyBody [type=radio].filled-in:disabled:not(:checked)+label:before {
	background-color: transparent;
	border: 2px solid transparent
}

#surveyBody [type=radio].filled-in:disabled:not(:checked)+label:after {
	border-color: transparent;
	background-color: #bdbdbd
}

#surveyBody [type=radio].filled-in:disabled:checked+label:before {
	background-color: transparent
}

#surveyBody [type=radio].filled-in:disabled:checked+label:after {
	background-color: #bdbdbd;
	border-color: #bdbdbd
}

#surveyBody [type=checkbox]:checked,
#surveyBody [type=checkbox]:not(:checked) {
	position: absolute;
	left: -9999px;
	visibility: hidden
}

#surveyBody [type=checkbox]+label {
	position: relative;
	padding-left: 30px;
	margin-right: 35px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 20px;
	font-size: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none
}

#surveyBody [type=checkbox]+label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	z-index: 0;
	border: 2px solid #5a5a5a;
	border-radius: 1px;
	margin-top: 2px;
	transition: .2s
}

#surveyBody [type=checkbox]:not(:checked):disabled+label:before {
	border: none;
	background-color: rgba(0, 0, 0, .26)
}

#surveyBody [type=checkbox]:checked+label:before {
	top: -4px;
	left: -3px;
	width: 12px;
	height: 22px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #002a80;
	border-bottom: 2px solid #002a80;
	transform: rotate(40deg);
	-webkit-backface-visibility: hidden;
	transform-origin: 100% 100%
}

#surveyBody [type=checkbox]:checked:disabled+label:before {
	border-right: 2px solid rgba(0, 0, 0, .26);
	border-bottom: 2px solid rgba(0, 0, 0, .26)
}

#surveyBody [type=checkbox].filled-in+label:after {
	border-radius: 2px
}

#surveyBody [type=checkbox].filled-in+label:after,
#surveyBody [type=checkbox].filled-in+label:before {
	content: "";
	left: 0;
	position: absolute;
	transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
	z-index: 1
}

#surveyBody [type=checkbox].filled-in:not(:checked)+label:before {
	width: 0;
	height: 0;
	border: 3px solid transparent;
	left: 6px;
	top: 10px;
	transform: rotate(37deg);
	transform-origin: 100% 100%
}

#surveyBody [type=checkbox].filled-in:not(:checked)+label:after {
	height: 20px;
	width: 20px;
	background-color: transparent;
	border: 2px solid #5a5a5a;
	top: 0;
	z-index: 0
}

#surveyBody [type=checkbox].filled-in:checked+label:before {
	top: 0;
	left: 1px;
	width: 8px;
	height: 13px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(37deg);
	transform-origin: 100% 100%
}

#surveyBody [type=checkbox].filled-in:checked+label:after {
	top: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #002a80;
	background-color: #002a80;
	z-index: 0
}

#surveyBody [type=checkbox].filled-in:disabled:not(:checked)+label:before {
	background-color: transparent;
	border: 2px solid transparent
}

#surveyBody [type=checkbox].filled-in:disabled:not(:checked)+label:after {
	border-color: transparent;
	background-color: #bdbdbd
}

#surveyBody [type=checkbox].filled-in:disabled:checked+label:before {
	background-color: transparent
}

#surveyBody [type=checkbox].filled-in:disabled:checked+label:after {
	background-color: #bdbdbd;
	border-color: #bdbdbd
}

#surveyBody .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
	background-color: #03274e
}




#outline {
	width: 200px;
	font-size: .7em;
	font-weight: 700;
	margin: 0 8px;
	list-style: none;
	padding: 0;
	padding: 0 0 0 10px;
	height: 800px;
	overflow: auto
}

#outline li {
	background: url(../img/bookmarkoutline.png) no-repeat 0 0;
	list-style: none;
	cursor: pointer;
	color: black;
	margin-bottom: .75em;
	padding-left: 20px;
	font-size: 16px;
	font-weight: normal;
	background-position: 0px 2px;
}

#outline li:hover {
	color: #2577B1
}

.pdf-outline-child {
	list-style: none;
	padding: 0
}

.pdf-outline-child li {
	list-style: none;
	background: url(../img/bookmarkoutline.png) no-repeat 0 0;
	cursor: pointer;
	color: #1a3b70;
	margin-bottom: .75em;
	padding-left: 18px
}

.pdf-outline-child li:hover {
	color: #326294
}

/* #file-display { */
/* 	height: 100% */
/* } */

.moreLink {
  font-weight: 700;
}

p.productListing {
	
}

/* CARDS */
.ls-card,
.side-by-side-card,
.vertical-card {
  box-shadow:  0 4px 6px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.04);
  border: 1px solid #eaeaea;
  background-color: #fff;
}

.line-instead-of-shadow {
  box-shadow: none;
  border: 1px solid var(--dove);
}



.vertical-card .card-image-top,
.vertical-card .card-image-top img {
  width: 100%;
}

.vertical-card .card-content {
  padding: 30px;
}

.vertical-card .card-content-thin {
  padding: 10px 20px;
}

/* Gives visual balance since there is a 12px padding under a P */
.vertical-card .card-content p:last-of-type {
  margin-bottom: 0;
}

.vertical-card .card-more-footer {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.card-more-footer a {
  color: #fff;
  font-weight: 500;
}

.vertical-card .card-more-footer a {
  margin-right: 20px;	
}

.card-more-footer {
  background-color: #1a497c;
  text-align: right;
  padding: 20px;
}

/* Vertical card but with CTA link */

.vertical-card .card-more-footer-cta {
  background-image: url("../img/arrow-sign-cta-1.png");
  background-repeat: no-repeat;
  background-position: 96% center;
  text-align: left;
  text-indent: 14px;
}

.vertical-card .card-more-footer-cta a {
  margin-right: 68px;
  font-size: 16px;
  font-weight: 600;
}

.card-more-footer-cta:hover {
  background-color: #0b3b6d;
}

/* side by side card */
.card-side-text p {
  margin-right: 12px;
}

.card-side-footer a {
  font-weight: 600;
  color: #215c9c;
}

.card-side-footer {
  padding-top: 10px;
  /* use if blue background */
  padding-top: 0;
  padding-bottom: 10px;
  background-color: #fff;
}

/* HOME */





/* CTA LINKS */

.home-flex-this {
	display: flex;
	flex-wrap: wrap;
}

a.cta-link {
	color: white;
	text-decoration: none;
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	background-image: url("../img/arrow-sign-cta-1.png");
	background-repeat: no-repeat;
	background-position-x: 300px;
	background-position-y: center;
	background-color: var(--mountain);
	margin-bottom: 16px;
	padding: 17px 40px 18px 14px;
	min-height: 20px;
	width: 300px;
	display: block;
}

#right-column a.cta-link,
.right-column a.cta-link {
	width: unset;
	background-position-x: calc(100% - 10px);
	padding-right: 56px;
	font-weight: normal;
	font-size: 13pt;
}

a.cta-link:hover {
  background-color: var(--sea);
}

.cta-container-buttons .cta-link,
.home-flex-this .cta-link {
  margin-right: 16px;
  margin-bottom: 16px;
}


aside .cta-link {
	width: 168px;
	font-size: 14px;
	float: right;
	padding: 10px 68px 12px 14px;
    font-weight: 400;
    margin-bottom: 8px;
    background-position-x: 200px;
}



aside .special-about-us h3, 
aside .special-about-us p {
	margin-left: 0;
	padding-left: 0;
}

aside:first-of-type {
  margin-top: 0;
}

.inner-banner {
  margin-bottom: 12px;
  max-width: 100%;
  height: auto;
  margin-left: 10px;
}


.donut-title {
	font-size: 20pt;
/* 	font-family: Wremena; */
}


.document-icon {
	width: 24px;
	height: 24px;
}

.red {
	color: #2984c3
}


.right-side-fund-facts #menu2 {
  margin: 0;
  padding: 0;
  background-color: var(--riverrock);
  height: unset;
}




/* AWARDS IMAGES */
.award-morningstar-gold {
	height: 50px;
	padding-left: 70px;
}




/* TEST FORMAT  */

article.full-page > h2:first-of-type {
  margin-top: 0;
  padding-top: 0;
}



/*        UK        */
.responsive-banner img {
  width: 100%;
}





.liPadTop {
  padding-top: 12px;
}


/* TODO: quick patch for PROD */
.innerdatatable a img,
.innerdatatable a.iddLink img {
  width: 24px;
}



/*  WIDE BAND PROJECT */


.limit-width {
	max-width: 1280px;
	margin: auto;
}

/* Right Side Reduction */

.section-with-side-image {
	display: flex;
	justify-content: space-evenly;
}

.section-with-side-image .left-side-content {
	width: 67%;
	margin-right: 50px;
}

.section-with-side-image .right-side-image {
	width: 30%;
	max-width: 350px;
}
.section-with-side-image .right-side-image .bio-team-member {
	width: 100%;
	margin: 50px 0 0;
	max-width: 350px;
}

.section-with-side-image .right-side-image .bio-team-member img {
	width: 100%;
	max-width: 300px;
}





@media screen and (max-width: 800px) {
	.section-with-side-image {
		flex-wrap: wrap;
	}
	.section-with-side-image h2 {
        text-align: center;
    }
	.section-with-side-image .left-side-content {
		width: 90%;
		margin: auto;
	}
	.section-with-side-image .right-side-image .bio-team-member {
		width: 90%;
		margin: auto;
		max-width: unset;
	}
	.section-with-side-image .right-side-image {
		width: 100%;
		margin-top: 50px;
		max-width: unset;
	}
}


#featured-content-1 ul {
	margin-left: 0;
}

.spaced-content p.intro-text-research,
.featured-content p.intro-text-research,
p.intro-text-research {
	font-size: 18pt;
	color: var(--lake);
	margin: 76px;
	font-weight: bold;
    margin-bottom: 64px;
    line-height: 30pt;
	letter-spacing: 1.1px;
}

@media screen and (max-width:760px) {
	.spaced-content p.intro-text-research,
	.featured-content p.intro-text-research,
	p.intro-text-research  {
		margin: 20px;
	}
}

.no-top-padding {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

#mf-lookup {
	background-color: var(--gull);
}

#mf-lookup h3,
#aDisc h3 {
	font-size: 12pt;
	margin-bottom: 0;
}

#confirmation .wide-side-text a {
	padding: 10px 20px;
	text-transform: uppercase;
	margin: 20px 0;
	display: block;
	width: fit-content;
	background-color: var(--ocean);
	color: white;
	letter-spacing: 3.2px;
	line-height: 22pt;
	font-size: 12pt !important;
	border: none;
}

#confirmation .wide-side-text a:hover {
	background-color: var(--sky);
	text-decoration: none;
	outline: 3px solid var(--sky);
	outline-offset: 3px;
	color: black !important;
}

#confirmation button {
	border-radius: 0;
}

.wistia-popup,
.wistia-disclaimer {
	max-width: 960px;
	margin: 20px auto;
	width: 100%;
}

.wistia-popup table td {
	padding: 0;
}


.c-LiteratureRequest {
	width: 100%;
}



/* institutional/Institutional */

.newslink {
	width: 370px;
	margin-bottom: 20px;
	margin-right: 20px;
	border: 1px solid var(--dove);
	background-color: white;
	padding: 10px;
	color: #606060;
	font-style: italic;
}


.newslink .nl-subject {
	max-width: calc(100% - 78px);
	font-size: 12pt;
	font-weight: normal;
	margin-top: 0;
	color: black;
	font-style: normal;
}

.newslink  .nl-type {
	text-transform: uppercase;
	color: var(--forest);
	font-weight: bold;
	padding-bottom: 12px;
	font-style: normal;
}


.newslink.research a.cta-link {
	text-decoration: none;
	display: block;
	background-image: url("../img/arrow-sign-cta-1.png");
	background-repeat: no-repeat;
	padding: 0;
	height: 30px;
	width: 30px;
	border: 2px solid var(--mountain);
	border-radius: 100px;
	background-position-y: -7px;
	background-position-x: -4px;
	background-color: transparent;
	margin-top: 10px;
}

.access-archive-button {
	width: 100%;
}

.access-archive-button a {
	margin: 20px auto;
}

/* For ADA */
.disclosures-container a {
  text-decoration: underline;
  color: var(--mountain);
}




/* IF username and password pages */

.cForgotUsername,
.cForgotPassword {
	max-width: 600px;
	margin: auto;
}

.cForgotUsername h1,
.cForgotUsername h2,
.cForgotPassword h1,
.cForgotPassword h2 {
	text-align: left;
	color: var(--sea);
	margin-top: 0;
	letter-spacing: unset;
}

.cForgotUsername label {
	width: 100px;
}

.cForgotPassword label {
	width: 210px;
}

.cForgotUsername input {
	width: 200px;
}

.cForgotPassword input {
	width: 300px;
}

.cForgotPassword .button-tray,
.cForgotUsername .button-tray {
  justify-content: right;
  display: flex;
}

.cForgotPassword input.button,
.cForgotUsername input.button {
	width: unset;
	margin: 0;
}


.cForgotPassword .button.juniper.mini-button {
	background-color: var(--juniper) !important;
}

.cForgotPassword .button.juniper.mini-button:hover {
	background-color: var(--sky) !important;
}

.cForgotPassword .hint {
	display: block;
	font-style: italic;
	color: var(--forest);
}

.product-listing-container .box-header {
	height: unset;
}

/* Search results */

.searchString {
	font-weight: bold;
	color: var(--sea);
	font-size: 14pt;
}


/*		M I L A G R O   T A B L E S			*/

#milagro .sort-set,
#milagro .column-title {
	display: inline-block;
	vertical-align: top;
}

#milagro .column-header {
	vertical-align: top;
}

#milagro .sort-set {
	margin-left: 8px;
}

#milagro table.new-table th.row-header {
	color: black;
	vertical-align: top;
	text-transform: unset;
	background-color: white;
}

#milagro table.new-table th.row-header.assetClass {
	text-transform: capitalize;
}

#milagro .productName {
	min-width: 250px;
}

#milagro .fundNameWithLink {
	min-width: 250px;
}

#milagro .class3M,
#milagro .classYTD,
#milagro .class1Yr,
#milagro .class3Yr,
#milagro .class5Yr,
#milagro .class10Yr,
#milagro .inceptionDate,
#milagro .sinceInception {
	text-align:  right;
	width: 50px;
}

#milagro .sinceInception {
	width: 100px;
}

#milagro .shareClass {
	width: 60px;
}

#milagro .fundName {
	min-width: 170px;
}

#milagro .assetClass {
	text-transform: capitalize;
	word-spacing: 999px; /* this is used to force a wrap after each element */
	width: 90px;
}

table th .sort-set {
	display: inline-block;
}

#milagro .ascending, 
#milagro .descending {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	cursor: pointer;
}

#milagro .ascending {
	border-bottom: 8px solid var(--riverrock);
	margin-bottom: 4px;
}

#milagro .descending {
	border-top: 8px solid var(--riverrock);
	margin-bottom: 4px;
}

#milagro .ascending.sorted-by-this {
	border-bottom-color: transparent;
	cursor: unset;
}

#milagro .descending.sorted-by-this {
	border-top-color: transparent;
	cursor: unset;
}

#milagro .year1-header .column-title,
#milagro .year3-header .column-title,
#milagro .year5-header .column-title,
#milagro .year10-header .column-title {
	width: 50px;
}

#milagro .productname-link,
#milagro .fundname-link {
	font-weight: bold;
}

#gethsemane .disclosureFundName {
	font-weight: bold;
	margin-right: 20px;
}

#gethsemane .very-wide-side-text {
	padding: 12px;
}

#gethsemane .very-thin-side-text .basic-box {
	margin: 0;
}


.cDailyNav td.navVal,
.cDailyNav td.lastDist,
.cDailyNav td.prevNav,
.cDailyNav td.change {
	text-align: right;
}

.cDailyNav  td.change img {
	margin-left: 8px;
	margin-bottom: 3px;
	height: 10px;
	width: 11px;
}


#dailyNavTableTitle {
	font-size: 21pt;
	font-family: Wremena;
	text-align: center;
	padding: 0 4px 0 7px;
}

#gethsemane.cDailyNav .very-thin-side-text {
	margin-top: 34px;
}



/* 90 Day NAV */

#Nav90Days .standard-flex {
	padding-bottom: 20px;
}

#Nav90Days .line-top-bottom-box {
	font-size: 13pt;
	border-color: var(--juniper);
	border-width: 3px 0;
	margin: 0;
	width: 100%;
	display: block;
}

#Nav90Days .wide-side-text {
	padding-top: 0;
}

#Nav90Days .thin-side-text {
	padding-top: 0;
}

#Nav90Days table.datatable > tbody > tr > td {
	padding: 20px 0 0;
}

@media only screen and (max-width: 800px) {
	#gethsemane .side-by-side-container .button {
		width: fit-content;
		margin: 24px 0 0;
	}
	
	#milagro .cell1Year,
	#milagro .cell3Year,
	#milagro .cell5Year,
	#milagro .cell10Year,
	#milagro .cellInceptionDate,
	#milagro .cellSinceInception,
	#milagro .cellSinceInception,
	#milagro .cellShareClass,
	#milagro .cellFundName {
		width: unset;
	}
	
	#clearFilters {
		margin-top: 30px;
	}
	
	#clearFilters.disabled {
		opacity: 50%;
	}
	
	#Nav90Days .wide-side-text {
		padding: 0;
	}
	
	#Nav90Days  table.innerdatatable tr th {
		min-width: unset;
	}
	
	#stats {
		padding-top: 20px;
	}
	
	#stats .box-title {
		color: var(--juniper);
		margin-top: 0;
	}
	
	#stats .label {
		color: var(--glacier);
		width: 175px;
	}
	
	#stats .value {
		text-align: right;
		width: 100px;
	}
	
	#stats .shadow-box {
		width: 80%;
		margin: auto;
		padding: 20px;
	}
}