/* TABLE OF CONTENTS
 * Header
 * Bootstrap Buttons
 * Factsheets
 * Flexbox Groups - Mostly for Factsheet Page
 * Flexbox Groups - For Trizic Start Page
 * Contact Us Page
 * eMoney Video iFrames
 * fullscreen iframes
 * Attendize Events Iframes
 * Social Media Sharing Icons
 * Mobile Screens and Small Screens
 * Cover varying aspect ratios
 * Large Screens (eg. 4k and up)
 * Keyframe Animations
 * Hide FMG 'Contact Us' form
 * Other */

 :root {
	--color-primary: #598cd4;
	/*--color-bold: #1a4c91;*/
	--color-bold: #284834;
	/*--color-bold-rgb: 26,76,145;*/
	--color-bold-rgb: 40,72,52;
	--color-accent-1: #acc3e8;
	--color-accent-2: #ec9a68;
	--color-accent-2-rgb: 236,154,104;
	--primary-text-color: #444444;
}
body {
	color: var(--primary-text-color);
	min-width: 650px;
}

/* Header */
header {
	margin-top: 0px;
	padding:10px;
	background-color: rgb(224,224,220);
	border-bottom: 1px solid var(--color-bold);
}
@media (min-width: 992px) {
	nav#main .container ul li:first-of-type a {
		padding: 6px;
		content: "TD Ameritrade";
		background-color: green;
		color: white;
		border-bottom: 0px;
		float: right;
	}
	nav#main .container ul .dropdown-menu li:first-of-type a {
		padding: 0px;
		float: none;
	}
	nav#main .container ul.nav.navbar-nav li:first-of-type {
		margin-left: calc(100% - 140px);
		margin-right: 6px;
	}
	nav#main .container ul.nav.navbar-nav .dropdown-menu li:first-of-type {
		margin: 0px;
	}

	ul.dropdown-menu a {
		background-color: transparent !important;
		border-radius: 0px !important;
		border-bottom: 0px !important;
	}
	.nav.navbar-nav {
		text-align: right;
	}
	.navbar-nav li a {
		padding: 6px;
		text-align: center;

		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
		background-color: transparent;
		border-bottom: 3px solid var(--color-accent-2);
	}
	.navbar-nav .schedule-meeting a {
		border-radius: 4px;
		width: 13em;
	}
	.navbar-nav .schedule-meeting {
		padding-right: 0px;
	}
}

header #navbar a[href$="schedule-a-meeting"] {
	background-color: var(--color-accent-2);
}
header .masthead-icons-links {
	/*margin-left: 8px;
	display: flex;
	flex-direction: column;*/
	display: none;
}
header .masthead-icons-links * {
	margin-right: 8px;
	margin-bottom: 8px;
}
.header .container .row .moonlight-header-logo img[alt="WDC Logo"] {
	width: auto;
	height: 70px;
}
.top-bar {
	display: none !important;
}

/* Change the header navigation */
.masthead-section .masthead-navigation {
	display: none;
}
@media (min-width: 992px) {
	nav#main.navbar.navbar-default {
		display: none;
	}
	.masthead-section .masthead-navigation {
		display: flex;
		flex-direction: row;
		width: 100%;
	}
	.masthead-section .masthead-navigation .navbar-rows {
		flex: 1 0 auto;
	}
	.masthead-section .masthead-navigation .button-links,
	.masthead-section .masthead-navigation .nav.navbar-nav {
		display: flex;
		flex-direction: row;
		flex: 1 0 auto;
		width: 100%;
	}
	.masthead-section .masthead-navigation .nav.navbar-nav .navbar-item {
		flex: 1 1 auto;
	}
	.navbar-item.schedule-meeting a,
	.masthead-section .masthead-navigation .nav.navbar-nav .navbar-item:hover a {
		background-color: var(--color-accent-2);
	}
	.masthead-section .masthead-navigation .nav.navbar-nav .navbar-item:hover a,
	.navbar-item.schedule-meeting a:hover span {
		transition: 0.2s;
		color: white;
	}
	.masthead-section .masthead-navigation .nav.navbar-nav .navbar-item:hover .dropdown-menu {
		display: inline-block !important;
	}
	.masthead-section .masthead-navigation .nav.navbar-nav a {
		color: var(--primary-text-color);
	}
	.masthead-navigation .button-links::before,
	.masthead-navigation::before {
		flex: 1 0 auto;
		min-width: 40px;
		min-height: 40px;
		content: "";
	}

	/*nav#main .container ul li a.selected {
		background: none;
		color: rgb(17, 17, 17);
	}*/
	.masthead-section .masthead-navigation .nav.navbar-nav .dropdown-menu a {
		padding: 21px 25px;
		color: white;
	}
	.masthead-section .masthead-navigation .nav.navbar-nav .dropdown-menu li {
		transition: 0.2s;
	}
	.masthead-section .masthead-navigation .nav.navbar-nav .dropdown-menu li:hover {
		background-color: var(--color-accent-2);
	}
	.masthead-section .masthead-navigation .dropdown-menu {
		margin-top: 0px;
		margin-left: 10px;

		background: #535e5c;
		background: rgba(32,32,32,0.9);
		width: auto;
		padding: 0;
		border: none;
		-moz-box-shadow: 0 0 0 transparent inset;
		-webkit-box-shadow: 0 0 0 transparent inset;
		box-shadow: 0 0 0 transparent inset;
	}
	.masthead-navigation .nav.navbar-nav .navbar-item .dropdown-toggle span {
		width: auto;
		height: auto;
	}
	.masthead-navigation .navbar-rows {
		display: block;
	}

	header .moonlight-header-logo.col-sm-12.col-md-3 {
		min-width: 100%;
	}
	header .moonlight-header-logo.col-sm-12.col-md-3 img[alt="WDC Logo"] {
		width: 32%;
	}
	header nav#main {
		width: 68%;
	}

	header a.navigation-td-button {
		background-color:rgb(0,96,0);
		padding: 4px 16px 4px 12px;
		color: white;
		height: 32px;
		width: 170px;
		border-radius: 4px;

		display: flex;
		flex-direction: row;
		align-items: center;
	}
    header a.navigation-schwab-button {
		background-color:rgb(0,157,220);
		padding: 4px 16px 4px 12px;
		color: white;
		height: 32px;
		width: 240px;
		border-radius: 4px;

		display: flex;
		flex-direction: row;
		align-items: center;
    }
	header a.navigation-td-button:hover {
		box-shadow: 0px 0px 2px green;
		transition: 0.2s;
	}
	header a.navigation-schwab-button:hover {
		box-shadow: 0px 0px 4px rgb(0,80,110);;
		transition: 0.2s;
    }
	header a.navigation-td-button span {
		margin-left: 16px;
	}
	header .navigation-td-button img {
		width: 32px;
		height: 32px;
	}
}
@media (min-width: 1200px) and (max-height: 1100px) {
	/*nav#main .container ul li a {
		padding: 28px 25px;
	}*/
	.masthead-section .masthead-navigation .dropdown-menu {
		/* margin-left: 18.5px; */
		margin-left: 30px;
	}
	header .masthead-icons-links img {
		width: 32px;
		height: 32px;
	}
}

/* Bootstrap Buttons */
.btn.btn-schedule-meeting,
.btn.btn-blue-faded,
.btn.btn-success {
	text-transform: uppercase;
	font-weight: bold;
	padding: 12px;
}
.btn.btn-schedule-meeting {
	background-color: var(--color-accent-2);
	border-color: hsl(24, 80%, 58%);
	color: rgb(68, 68, 68);
}
.btn.btn-schedule-meeting:hover {
	background-color: hsl(24, 80%, 74%);
	border-color: hsl(24, 80%, 66%);
}
.btn.btn-blue-faded {
	background-color: var(--color-primary);
	border-color: hsl(240, 100%, 66%);
	color: white;
}
.btn.btn-blue-faded:hover {
	background-color: hsl(240, 100%, 74%);
	border-color: hsl(240, 100%, 70%);
}

/* Factsheets */
.factsheet_logo_circle {
	width:128px;
	height:128px;
	padding-right:16px;
	padding-bottom:16px;
}
.factsheet_button {
	white-space: normal;
	width:275px;
}

/* Flexbox Groups - Mostly for Factsheet Page */
.flex-strategy-groups {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.flex-individual-item-buttons {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.flex-section-investment-model {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	margin:6px;
}
.flex-section-tactical-portfolios {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	margin:6px;
}
.offset-cell {
	background-color:#EEEEEE;
}
.flex-individual-item {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	width:calc(100% - 12px);
	padding:12px;
	padding-bottom:24px;
}
hr.factsheet-break {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

@media (min-width:992px) {
	.flex-strategy-groups,
	.flex-individual-item-buttons {
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.flex-individual-item,
	.flex-section-investment-model,
	.flex-section-tactical-portfolios {
		-webkit-align-items: left;
		align-items: left;
	}

	.flex-section-investment-model {
		width:50%;
	}
	.flex-section-tactical-portfolios {
		width:50%;
	}
	hr.factsheet-break {
		display: block;
		height: auto;
		width: 1px;
		border: 0;
		border-right: 1px solid #ccc;
		margin: 0 1em;
		padding: 0;
	}
}

/* Flexbox Groups - For Trizic Start Page */
.flex-trizic-start-buttons {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.trizic-start-buttons {
	margin-left:auto;
	margin-right:auto;
	margin-top:4px;
	margin-bottom:4px;
	width:auto;
}
.trizic-getstarted-1 {
	display:none;
}
.trizic-getstarted-2 {
	display:block;
}
@media screen and (min-width:992px) {
	.trizic-getstarted-1 {
		display:block;
	}
	.trizic-getstarted-2 {
		display:none;
	}
}

@media screen and (min-width: 367px) {
	.flex-trizic-start-buttons {
		display: -webkit-flex;
		display: flex;
		width: 360px;
		margin-left:auto;
		margin-right:auto;

		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-align-items: center;
		align-items: center;
	}

	.trizic-start-buttons {
		margin-left:10px;
		margin-right:10px;
		margin-top:auto;
		margin-bottom:auto;
		width:160px;
	}
}

/* Contact Us Page */
@media (min-width: 992px) {
	#Phone.text-box,
	#Name.text-box,
	#Email.text-box {
		width:32%;
	}
	#Name.text-box {
		margin-right:2%
	}
	#Phone.text-box {
		margin-left:2%
	}
	div.contactPhone {
		height:0px;
	}
}

/* eMoney Video iFrames */
.emoney-video {
	border: 1px;
	border-style: solid;
	border-color: lightgray;
}

/* fullscreen iframes */
iframe.fullscreen {
	width:100%;
	overflow:scroll;
}

/****************************************
/*       Attendize Events Iframes       *
****************************************/
.events-window-attendize {
	width: 100%;
	min-height: 1080px;
	border-width: 0px;
	overflow: scroll;
}
.events-window-attendize::-webkit-scrollbar {
	width: 1em;
}
.events-window-attendize::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
.events-window-attendize::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: darkgrey;
	outline: 5px solid slategrey;
}

button.submit:disabled,
button.submit[disabled],
button.submit:disabled:hover,
button.submit[disabled]:hover {
	border: 1px solid #999999;
	color: #999999;
	background-color: #ffffff;
}

nav ul ul {
	top:25px;
	width:180px;
	text-align: left;
}
nav li:hover ul	{left:-25px;}
nav li {
	padding:0px 20px 0px 0px;
	margin:0px 0px 0px 20px;
}
nav li li {
	padding:10px 15px 8px 25px;
}

img.showBorder {
	border-color:#000055;
	border-style:solid;
	border-width:2px;
}

.withPadding {
	border-spacing: 8px;
	border-collapse: separate;
}

h3 {
	font-weight:900;
}

p {
	padding-left:5px;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img {
	padding: 0px;
}

#mc_embed_signup {
	display: none;
	/*background: #fff;
	clear: left;
	font: 14px Helvetica, Arial, sans-serif;*/
}

/****************************************
/*      Social Media Sharing Icons      *
****************************************/
.resp-sharing-button__link,
.resp-sharing-button__icon {
	display: inline-block
}

.resp-sharing-button__link {
	text-decoration: none;
	color: #fff;
	margin: 0.5em
}

.resp-sharing-button {
	border-radius: 5px;
	transition: 25ms ease-out;
	padding: 0.5em 0.75em;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
	width: 1em;
	height: 1em;
	margin-right: 0.4em;
	vertical-align: top
}

.resp-sharing-button--small svg {
	margin: 0;
	vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
	stroke: #fff;
	fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
	fill: #fff;
	stroke: none
}

.resp-sharing-button--twitter { background-color: #55acee }
.resp-sharing-button--twitter:hover { background-color: #2795e9 }
.resp-sharing-button--pinterest { background-color: #bd081c }
.resp-sharing-button--pinterest:hover { background-color: #8c0615 }
.resp-sharing-button--facebook { background-color: #3b5998 }
.resp-sharing-button--facebook:hover { background-color: #2d4373 }
.resp-sharing-button--tumblr { background-color: #35465C }
.resp-sharing-button--tumblr:hover { background-color: #222d3c }
.resp-sharing-button--reddit { background-color: #5f99cf }
.resp-sharing-button--reddit:hover { background-color: #3a80c1 }
.resp-sharing-button--google { background-color: #dd4b39 }
.resp-sharing-button--google:hover { background-color: #c23321 }
.resp-sharing-button--linkedin { background-color: #0077b5 }
.resp-sharing-button--linkedin:hover { background-color: #046293 }
.resp-sharing-button--email { background-color: #777 }
.resp-sharing-button--email:hover { background-color: #5e5e5e }
.resp-sharing-button--xing { background-color: #1a7576 }
.resp-sharing-button--xing:hover { background-color: #114c4c }
.resp-sharing-button--whatsapp { background-color: #25D366 }
.resp-sharing-button--whatsapp:hover { background-color: #1da851 }
.resp-sharing-button--hackernews { background-color: #FF6600 }
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {	 background-color: #FB6200 }
.resp-sharing-button--vk { background-color: #507299 }
.resp-sharing-button--vk:hover { background-color: #43648c }

.resp-sharing-button--facebook {
	background-color: #3b5998;
	border-color: #3b5998;
}
.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
	background-color: #2d4373;
	border-color: #2d4373;
}
.resp-sharing-button--twitter {
	background-color: #55acee;
	border-color: #55acee;
}
.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
	background-color: #2795e9;
	border-color: #2795e9;
}
.resp-sharing-button--email {
	background-color: #777777;
	border-color: #777777;
}
.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
	background-color: #5e5e5e;
	border-color: #5e5e5e;
}
.resp-sharing-button--linkedin {
	background-color: #0077b5;
	border-color: #0077b5;
}
.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
	background-color: #046293;
	border-color: #046293;
}

/****************************************
/*   Mobile Screens and Small Screens   *
****************************************/
#navbar .nav.navbar-nav,
#navbar .nav.navbar-nav ul.dropdown-menu li a {
	font-size: 1.2em;
}

@media (min-width: 992px) {
	header {
		min-height:0px;
	}

	/* Fix FMG's developer's design decisions */
	.subpage #content section .container,
	.subpage #content article .container {
		padding: 10px 0;
	}
}

@media screen and (max-width: 1199px) {
	header .masthead-icons-links img {
		width: 28px;
		height: 28px;
	}
}
@media screen and (max-width: 991px) {
	h1, h2 {
		text-align: center;
	}
	.header .top-bar .col-md-6 {
		width: 70%;
	}
	.header .top-bar .social-wrapper {
		width: 30%;
	}
	.header .masthead-section {
		justify-content: center;
	}
	header .masthead-icons-links img {
		width: 4vw;
		height: auto;
	}
	/*.header .masthead-icons-links {
		display: none;
	}*/
	.header .container .row .moonlight-header-logo img[alt="WDC Logo"] {
		width: 40vw;
		height: auto;
	}
	.td_big_button {
		position:relative;
		display:none;
		margin-left:auto;
		margin-right:auto;
	}
}
@media screen and (max-width: 649px) {
	h1, h2 {
		text-align: center;
	}
	.header .top-bar .col-md-6 {
		width: 100%;
	}
	.header .top-bar .social-wrapper {
		display: none;
	}
	.header .container .row .moonlight-header-logo img[alt="WDC Logo"] {
		width: 45vw;
	}
}
@media screen and (max-width: 479px) {
	.trizicGetStartedHeaderButton {
		display: none;
	}
}
@media screen and (max-width: 367px) {
	.td_big_button {
		height:auto;
		width:calc(100vw - 20px);
		margin:10px;
	}
	.factsheet_logo_circle {
		width:96px;
		min-width:96px;
		height:96px;
		padding-right:16px;
		padding-bottom:16px;
	}
	.factsheet_button {
		width:210px;
	}
}
@media screen and (max-height: 600px) {
}


#backgroundCanvas {
	display : none;
}
.homepage_content_section {
	display : none;
}
.homepage_bottom_bar {
	display : block;
}

/* Large Screens (eg. 4k and up) */
@media screen and (min-width: 1600px) {
	.right-track-content-text {
		width: 33%;
	}
}
/*@media screen and (min-height: 1100px) {
	.homepage_bottom_bar_2,
	.homepage_bottom_bar_3 {
		flex: 0 0 11vh;
	}

	.td_big_button {
		position:absolute;
		height:9vh;
		margin:1vh;
	}
	.homepage_learnMore_button {
		height: 7vh;
		font-size: 2vh;
		width: 18vh;
		margin-top: 1vh;
		margin-bottom: 1vh;
	}

	.header {
		height: 11vh;
		display: flex;
		flex-direction: column;

		justify-content: center;
		align-content: center;
	}
	.header .container {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;

		justify-content: center;
		align-content: center;
		width: auto;
	}
	.header .container .row {
		flex: 1 1 auto;
		display: flex;
		flex-direction: row;
	}
	.header .container .row .moonlight-header-logo {
		display: flex;
		width: 40vh;
	}
	.header .container .row .moonlight-header-logo img[alt="WDC Logo"] {
		width: auto;
		height: 80%;
	}
	.header .container .row .moonlight-header-logo .container-fluid,
	#navbar .navbar-nav {
		width: 60vw;
	}
	#navbar .navbar-nav li {
		font-size: 1.2vw;		
	}
	nav#main .container ul li a {
		padding: 4vh 2vw;
	}
}*/

/* Hide FMG 'Contact Us' form */
body.page-contact .c-form__section {
  display: none !important;
}


/* Other */
.blogimage.moonlight {
	display: none;
}