/* <style> #color-coding-hack {} */

/* --- STORE SUPPORT STYLESHEET --- */

body {
	background: #202d3b;
/*	-webkit-font-smoothing: auto;*/
	-webkit-overflow-scrolling: touch;
	position: relative !important;
	color: #bcbcbc !important;
	font-family: -apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 15px;
	line-height: 1.5;
	}

b, strong {
	color: #eaeaea;
	}
h1, h2, h3, h4, h5 {
	font-family: -apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #fff;
	font-weight: 300;
	}
h1 { font-size: 31px; }
h2 { font-size: 25px; }
h3 { font-size: 21px; }
h3.sidenav-title { font-size: 20px; }

:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
	border-radius: 4px;
	}


/* --- MAIN WIDTH CONTROL --- */

.container {
	max-width: 1128px;
	margin: 0 auto;
	padding: 0 1%;
	width: 100%;
	}

.contained {
	position: relative;
	width: 100%;
	max-width: 1128px;
	margin-right: auto;
	margin-left: auto;
	}
	
@media (max-width:1147px) {/* below full page view, need to start shrinking and/or shuffling */
	.container {
		padding: 0 5%;
		width: 100%;
		}
	.contained {
		max-width: calc(100% - 20px);
		margin-right: 10px;
		margin-left: 10px;
		}
}
@media (max-width: 575px) {/* changes for all mobiles */
	.contained {
		max-width: calc(100% - 16px);
		margin-right: 8px;
		margin-left: 8px;
		}
}

.contentbox {
	border: 0;
	border-radius: 3px;
	padding: 30px;
	background-color: #304052;
	}
	.contentbox+.contentbox { margin-top: 22px; }
		
/* --- FLEX STUFF --- */

.flexy {
	/* standard flex box */
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	}
.flexc {
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	}
.flexo {
	/* starts out as a row, could change to column on media width */
	display: block; display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-box-direction: normal; -moz-box-direction: normal;
	-webkit-box-orient: horizontal; -moz-box-orient: horizontal;
	-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
	-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
	-webkit-align-items: center; -ms-flex-align: center; align-items: center;
	}
.flexy.wraple,
.flexo.wraple {
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	}
.flexy.spacebet,
.flexo.spacebet {
	-webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between;
	}
.flexy.justscent,
.flexo.justscent {
	-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
	}
.flexy.juststart,
.flexo.juststart {
	-webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start;
	}
.flexy.itemscent,
.flexo.itemscent {
	-webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;
	}
.flexy.itemsup,
.flexo.itemsup {
	-webkit-align-items: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start;
	}
.flexy.spandex,
.flexo.spandex {
	-webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;
	}
.flexy.spando,
.flexo.spando {
	-webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch;
	}
	
	.flexy .frc {
		display: inline-block;
		-webkit-flex: 1; -ms-flex: 1; flex: 1;
		}
	.flexo .frc {
		display: inline-block;
		-webkit-flex: auto; -ms-flex: auto; flex: auto;
		}


/* --- COMMON ZENDESK OVERRIDES --- */

main a:not([role]) { border-bottom: 1px solid rgba(255,255,255,0.3); }
main a:hover:not([role]),
main a:focus:not([role]),
main a:active:not([role]) { border-bottom-color: #83e1ff; text-decoration: none; }

main .article-sidebar .section-articles a,
main .article-return-to-top a,
main .subscriptions-unsubscribe a,
main .section-tree-title a,
main a.striped-list-title,
main a.blocks-item-link { border-bottom: none; }
main nav.pagination a { border-bottom: none; }

.profile-header,
.profile-nav,
.my-activities-nav { background-color: #141b21; }
.satisfaction-box { background: #35545c; border-color: #59a2b0; }

.section-articles.collapsible-sidebar ul { padding: 0 4px; }
	
.article-list-item { padding: 4px 0 4px 30px; font-size: 18px; }
.article-list-item a { color: #fff; }

.article-votes { display: none !important; }
.article-votes-count { display: none !important; }
.article-author { display: none !important; }

.sidenav-item { color: #fff; background: #18212957; }

.container-divider { border-color: transparent; }
.community, .activity,
.comment-overview,
.striped-list-item,
.article-sidebar,
.topic-header,
.topic-header .dropdown,
.request-title,
.request-sidebar,
.request-main .comment,
.request-details {/* light lines */
	border-top-color: #415367;
	border-bottom-color: #415367;
	}
.article-votes,
.article-relatives,
.article-return-to-top {/* dark lines */
	border-top-color: #1B232B;
	border-bottom-color: #1B232B;
	}
.my-activities-sub-nav {
	border-bottom-color: #415367;
	}
.table tr {
	border-bottom-color: #344659;
	}

.form {
	max-width: 700px;
	padding: 20px 30px;
	background: #304052;
	border-radius: 3px;
	}
.button-large[disabled], input[type="submit"][disabled] { background-color: #41566d; color: #b8bec5; }
.button-secondary { color: #eee; border: thin solid #51657b; }
.notification-notice { background: #00b5f0; border-color: #00b5f0; color: #fff; }

.category-container { display: block; }
.section-container { display: block; }

.article-header { margin-bottom: 0; }
.article-content { margin-top: 0; }
.article-body img.img-half { zoom: 50%; /* max-width: 50%; */ }
.article-body pre { border-color: #344659; background: #293747; }
.article-relatives { border: 0; padding: 0; }
.article-relatives h3 { margin-top: 0; }
.recent-articles ul, .related-articles ul { margin-left: 25px; }

@media (min-width: 1024px) {
	.article-sidebar { flex: 0 0 22%; }
}
@media (min-width: 1024px) {
	.article { flex: 0 0 73%; max-width: 73%; }
}


/* --- COMMON HEADER ZENDESK SPECIFIC BITS --- */

.icon-menu {
	top: 5px;
    position: relative;
    }
.icon-menu::before {
	content: "";
	}
.user-nav a,
a.login {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 39px;
	line-height: 39px;
	padding: 0 10px;
	border-radius: 20px;
	background: transparent;
	}
	.user-nav a:hover,
	a.login:hover {
		color: #fff !important;
		text-decoration: none;
		background: #304052;
		}
.user-info > [role="button"] {
	border-radius: 20px;
	padding-left: 8px;
	height: 39px;
	line-height: 39px;
	background: transparent;
	}
	.user-info > [role="button"]:hover {
		color: #fff !important;
		text-decoration: none;
		background: #304052;
		}
	#user #user-name:hover {
		text-decoration: none;
		}
.user-nav[aria-expanded="true"] {
    z-index: 8129;
/*	position: fixed;*/
	top: 60px;
    right: 0;
    left: 0;
	top: 60px;
    background: #415367;
    border: 0;
    padding-bottom: 5px;
	}
	.user-nav[aria-expanded="true"] > a {
		font-size: 1.4em;
		color: #fff;
		border-radius: 0;
		padding: 30px;
		line-height: 1px;
		margin: 0;
		border-top: 1px solid #202d3b;
		}

@media (min-width: 768px) {
	.user-nav a.mobile { display: none; }
}
@media (max-width: 767px) {
	.user-nav { display: none; }
	.user-nav a.mobile { display: block; }
	.user-nav[aria-expanded="true"] { display: block; }
	.user-info > [role="button"] { padding-right: 8px; }
}


/* --- COMMON SPECIFIC BITS --- */

.real-humans {
	text-align: center;
	font-size: 40px;
	color: #fff;
	}
	.not-ai-bots {
		font-size: 0.75em;
		font-style: italic;
		}






/* --- WEBSITE HEADER (does not exist in app) --- */

#header {
	z-index: 8128;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	line-height: 1em;
	background: #1a232b;
	box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	color: #d6d6d6;
	}
	#header .contained.header {
		padding: 0;
		height: 60px;
		}
	main[role="main"] {
		padding-top: 60px;/* height of header */
		}

#header .logo {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 39.12px;
	width: 230px;
	}
	#header .logo a {
		display: block;
		width: 100%;
		height: 100%;
		margin-left: -1px;
		line-height: 123px;
		color: #1a232c;
		border-radius: 20px;
		white-space: nowrap;
		overflow: hidden;
		}
		#header .logo a img {
			position: absolute;
			top: 6px;
			left: 0;
			width: 225px;
			height: 24px;
			}

/* --- WEBSITE FOOTER (different than in app) --- */

#footer {
	position: relative;
	background: #1a232b;
	color: #d6d6d6;
	margin: 0;
	padding: 0;
	color: #bbb !important;
	line-height: 2.5em;
	/*font-size: 1.15em;*/
	font-size: 1.0em;
	}
	#footer h5 {
		color: #999 !important;
		font-size: 1em !important;
		font-weight: 300 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.15em !important;
		margin-bottom: 9px !important;
		}
	#footer a {
		color: #eee !important;
		font-weight: 400 !important;
		text-decoration: none !important;
		}
		#footer a:hover {
			color: #fff !important;
			text-decoration: underline !important;
			}

	#footer-topbar {
		position: relative;
		-webkit-flex-flow: row; flex-flow: row;
		width: 100%;
		/*border-top: 1px solid #354553;*/
		border-bottom: 1px solid #354553;
		margin-bottom: 2em;
		}
	
	#footer-crumbs {
		display: inline; float: left;
		position: relative;
		margin: 0;
		}
		#footer-crumbs ul {
			display: block;
			margin: 0;
			border: 0;
			padding: 0;
			outline: 0;
			height: 40px;
			line-height: 40px;
			}
			#footer-crumbs ul li {
				position: relative;
				display: inline-block;
				vertical-align: middle;
				float: left;
				margin: 0;
				border: 0;
				padding: 0px 25px 0px 15px;
				height: 40px;
				line-height: 40px;
				list-style-type: none;
				white-space: nowrap;
				font-size: 13px;
				background: url('/images/icon-arrow-right.svg') right 50% no-repeat;
				background-size: 12px 12px;
				text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
				}

				#footer-crumbs ul li a,
				#footer-crumbs ul li b {
					margin: 0;
					border: 0;
					font-weight: 400;
					}
				#footer-crumbs ul li a:hover { text-decoration: underline; }
				#footer-crumbs ul li.home {
					padding-left: 0px;
					}
					#footer-crumbs ul li.home img { margin-top: 1px; vertical-align: baseline; }
				#footer-crumbs ul li:last-child {
					background: none;
					padding-right: 10px;
					}

	#footer-follow {
		display: inline;
		display: inline-block;
		float: left;
		margin-bottom: 2em;
		}
		#footer-follow h5 {
			margin-bottom: 12px;
			}
			#footer-follow a {
				position: relative;
				display: inline-block;
				margin: 0 5px 5px 0;
				padding: 0;
				width: 44px;
				height: 34px;
				vertical-align: middle;
				color: #fff;
				text-align: center;
				border-radius: 2px;
				box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
				}
				#footer-follow a.fb { background-color: #3b5998; }
				#footer-follow a.tw { background-color: #2daae1; }
				#footer-follow a.tx { background-color: #000; }
				#footer-follow a.bs { background-color: #0285FF; }
				#footer-follow a.ig { background-color: #FF0069; }
				#footer-follow a.di { background-color: #8c9eff; }
				#footer-follow a.yt { background-color: #ca483f; }
				#footer-follow a.rs { background-color: #f38f36; }
				#footer-follow a.nl { background-color: #999; }
				#footer-follow a.fb:hover { background-color: #4669b1; }
				#footer-follow a.tw:hover { background-color: #37bef9; }
				#footer-follow a.tx:hover { background-color: #4c4c4c; }
				#footer-follow a.bs:hover { background-color: #2897ff; }
				#footer-follow a.ig:hover { background-color: #ff2f85; }
				#footer-follow a.di:hover { background-color: #acb9ff; }
				#footer-follow a.yt:hover { background-color: #e4584e; }
				#footer-follow a.rs:hover { background-color: #ffa14d; }
				#footer-follow a.nl:hover { background-color: #bbb; }
				#footer-follow a span { display: none; }
				#footer-follow a img {
					position: absolute;
					top: 50%;
					left: 50%;
					-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
					}
				#footer-follow a:hover { text-decoration: none !important; }
	
	
	#footer-links {
		float: right;
		min-width: 300px;
		max-width: 350px;
		max-width: calc(300px + 7%);
		margin-bottom: 2em;
		}
		#footer-links ul {
			padding: 0;
			margin: 0;
			}
			#footer-links ul li {
				list-style-type: none;
				margin-left: 0px;
				white-space: nowrap;
				}
		#footer-links-site {
			display: inline-block;
			-webkit-flex: 0 1 54%; flex: 0 1 54%;
			}
		#footer-links-biz {
			display: inline-block;
			-webkit-flex: 0 1 42%; flex: 0 1 42%;
			}

	#footer-logo {
		display: inline-block;
		float: left;
		clear: left;
		margin-top: 1.4em;
		width: 300px;
		}
		#footer-logo a {
			display: block;
			width: 300px;
			}
			#footer-logo img {
				width: 100%;
				height: auto;
				}

	#footer-legal {
		width: 100%;
		clear: both;
		display: block;
		border-top: 1px solid #354553;
		font-size: 0.80em;
		text-align: center;
		margin-top: 20px;
		padding: 20px 0;
		}
		#footer-legal ul {
			line-height: 30px;
			margin: 0;
			border: 0;
			padding: 0;
			list-style-type: none;
			list-style: none;
			vertical-align: middle;
			}
		#footer-legal ul li {
			display: inline-block;
			padding: 0 6px 0 0;
			}
			#footer-legal ul li a {
				color: #bbb;
				}
			#footer-legal ul li a:hover {
				color: #fff;
				}
				
	#footer-crumbs::after,
	#footer-legal::after { content: ""; clear: both; display: table; }

/* --- FOOTER REACTIVE SETTINGS --- */

@media (max-width: 756px) {
	#footer-follow { display: block; clear: both; float: none; text-align: center; margin: 0 0 2em 0; }
	#footer-links { max-width: 100%; clear: both; float: none; text-align: center; margin: 0 2em 1.5em 2em; }
	#footer-links-site { width: 50%; margin: 0; }
	#footer-links-biz { width: 50%; margin: 0; }
	#footer-links ul li { margin-bottom: 5px; }
	#footer-logo { display: block; float: none; margin: 0 auto; }
} 
@media (max-width: 480px) {
	#footer-crumbs { display: none; }
	#footer-currency { margin: 0 auto; }
	#footer-links { display: none; }
	#footer-legal .sm { display: none; }
}


/* --- ZENDESK SPECIFIC OVERRIDES (web) --- */

#footer { margin-top: 80px; }
#footer-store { display: block !important; } 
#footer-mgsapp { display: none !important; }