body {
	color: #444;
	font-family: "Roboto", sans-serif;
}

h1, h2 {
	font-family: "Roboto", sans-serif;
	background: none !important;
}

h3, h4, h5, h6 {
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	background: none !important;
}

h2 > span {
	color: #999999 !important; /* AUI gray */
}

p, li {
	font-family: "Roboto", sans-serif;
}

a {
	color: #0052CC; /* Pacific bridge */
}

a.primary, span.primary {
	color: #DE350B; /* Red dirt */
}

a.secondary {
}

select {
	font-family: "Roboto", sans-serif;
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 2px;
}

hr {
	border: none;
	background-color: #FF991F; /* Cheezy blasters */
	width: 200px;
	height: 4px;
}

hr.secondary {
	background-color: #dfe1e5; /* Jolly fun time */
	width: 100px;
}

.icon-7x {
	font-size: 7em;
}

.icon-green {
	color: #36B37E; /* Fine pine */
}

.icon-orange {
	color: #FFAB00; /* Golden state */
}

.disabled {
	opacity: 0.4;
}

/* - responsive ------------------------------------------------------------ */

@media (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
	.sidebar {
		border-bottom: 1px solid #e5e5e5; /* divider's gray */
		padding-bottom: 50px !important;
		margin-bottom: 30px !important;
	}

	.postcontent {
		padding-bottom: 0px !important;
		margin-bottom: 0px !important;
		border-bottom: none;
	}

	.nobottommargin {
		margin-bottom: 0px !important;
	}

	.tour:not(.tour-even) .col_half:first-child { /* fixes white-space in tours on mobile devices */
		margin-bottom: 10px !important;
	}
}

@media print {
	.no-print, .no-print * {
		display: none !important;
	}

	.postcontent, .container { /* needed for full-width print layout */
		width: 100% !important;
	}
}

/* - stripes --------------------------------------------------------------- */

.stripe {
	padding: 50px 0;
}

.thinstripe {
	padding: 20px 0;
}

.thinstripe a.primary {
	margin-left: 10px;
}

.lightgreystripe {
	background-color: #f5f5f5; /* AUI light gray */
}

.bluestripe {
	background-color: #0052CC; /* Pacific bridge */
}

.wavystripe {
	/* texture created with https://www.svgbackgrounds.com/#liquid-cheese */
	background-color: #0d55d0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%230d57d5' d='M486%2C705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5%2C692.1%2C49%2C703%2C0%2C719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8%2C707.1%2C489.4%2C706.5%2C486%2C705.8z'/%3E%3Cpath fill='%230e58db' d='M1600%2C0H0v719.8c49-16.8%2C99.5-27.8%2C150.7-33.5c111.9-12.7%2C226-2.4%2C335.3%2C19.4c3.4%2C0.7%2C6.8%2C1.4%2C10.2%2C2c116.8%2C24%2C231.7%2C59%2C347.6%2C92.2H1600V0z'/%3E%3Cpath fill='%230e5ae0' d='M478.4%2C581c3.2%2C0.8%2C6.4%2C1.7%2C9.5%2C2.5c196.2%2C52.5%2C388.7%2C133.5%2C593.5%2C176.6c174.2%2C36.6%2C349.5%2C29.2%2C518.6-10.2V0H0v574.9c52.3-17.6%2C106.5-27.7%2C161.1-30.9C268.4%2C537.4%2C375.7%2C554.2%2C478.4%2C581z'/%3E%3Cpath fill='%230f5be6' d='M0%2C0v429.4c55.6-18.4%2C113.5-27.3%2C171.4-27.7c102.8-0.8%2C203.2%2C22.7%2C299.3%2C54.5c3%2C1%2C5.9%2C2%2C8.9%2C3c183.6%2C62%2C365.7%2C146.1%2C562.4%2C192.1c186.7%2C43.7%2C376.3%2C34.4%2C557.9-12.6V0H0z'/%3E%3Cpath fill='%230f5deb' d='M181.8%2C259.4c98.2%2C6%2C191.9%2C35.2%2C281.3%2C72.1c2.8%2C1.1%2C5.5%2C2.3%2C8.3%2C3.4c171%2C71.6%2C342.7%2C158.5%2C531.3%2C207.7c198.8%2C51.8%2C403.4%2C40.8%2C597.3-14.8V0H0v283.2C59%2C263.6%2C120.6%2C255.7%2C181.8%2C259.4z'/%3E%3Cpath fill='%231765ef' d='M1600%2C0H0v136.3c62.3-20.9%2C127.7-27.5%2C192.2-19.2c93.6%2C12.1%2C180.5%2C47.7%2C263.3%2C89.6c2.6%2C1.3%2C5.1%2C2.6%2C7.7%2C3.9c158.4%2C81.1%2C319.7%2C170.9%2C500.3%2C223.2c210.5%2C61%2C430.8%2C49%2C636.6-16.6V0z'/%3E%3Cpath fill='%231c6df3' d='M454.9%2C86.3C600.7%2C177%2C751.6%2C269.3%2C924.1%2C325c208.6%2C67.4%2C431.3%2C60.8%2C637.9-5.3c12.8-4.1%2C25.4-8.4%2C38.1-12.9V0H288.1c56%2C21.3%2C108.7%2C50.6%2C159.7%2C82C450.2%2C83.4%2C452.5%2C84.9%2C454.9%2C86.3z'/%3E%3Cpath fill='%232074f7' d='M1600%2C0H498c118.1%2C85.8%2C243.5%2C164.5%2C386.8%2C216.2c191.8%2C69.2%2C400%2C74.7%2C595%2C21.1c40.8-11.2%2C81.1-25.2%2C120.3-41.7V0z'/%3E%3Cpath fill='%23237cfb' d='M1397.5%2C154.8c47.2-10.6%2C93.6-25.3%2C138.6-43.8c21.7-8.9%2C43-18.8%2C63.9-29.5V0H643.4c62.9%2C41.7%2C129.7%2C78.2%2C202.1%2C107.4C1020.4%2C178.1%2C1214.2%2C196.1%2C1397.5%2C154.8z'/%3E%3Cpath fill='%232684ff' d='M1315.3%2C72.4c75.3-12.6%2C148.9-37.1%2C216.8-72.4h-723C966.8%2C71%2C1144.7%2C101%2C1315.3%2C72.4z'/%3E%3C/g%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}

.mintstripe {
	background-color: #79f2c0; /* Cloverleaf */
}

.yellowstripe {
	background-color: #FFF0B2; /* Dandelion whisper */
}

.bluestripe, .bluestripe h1, .bluestripe h2, .bluestripe h3, .bluestripe h4, .bluestripe h5, .bluestripe table,
.wavystripe, .wavystripe h1, .wavystripe h2, .wavystripe h3, .wavystripe h4, .wavystripe h5, .wavystripe table {
	color: #FFF;
}

.bluestripe a:not(.button) {
	color: #FFF;
	text-decoration: underline !important;
}

.yellowstripe a:not(.button) {
	color: #444;
	text-decoration: underline !important;
}

.bluestripe small, .bluestripe table small {
	color: #00A3BF !important; /* Prom dress */
}

.bluestripe .table th {
	border-bottom-color: #00A3BF; /* Prom dress */
}

.bluestripe .table td {
	border-top-color: #00A3BF; /* Prom dress */
}

.topseparator {
	border-top: 2px solid #dfe1e5;
}

.bottomseparator {
	border-bottom: 2px solid #dfe1e5;
}

/* - menu ------------------------------------------------------------------ */

#header.full-header #logo, #header.full-header #primary-menu > ul {
	border-right: none;
}

#primary-menu ul li > a, #primary-menu ul ul li > a {
	font-size: 14px;
}

#primary-menu #jobs {
	color: #DE350B; /* Red dirt */
}

.alert {
	background: #FFEBE6;
	text-align: center;
	margin: -55px 0 0 0;
	border: none;
	border-radius: 0;
	animation: alert-anim 0.5s 1s forwards;
}

.alert a {
	color: inherit;
	text-decoration: underline !important;
	font-weight: bold;
}

@keyframes alert-anim {
	100% {
		margin-top: 0px;
	}
}

/* - footer ---------------------------------------------------------------- */

.widget h4 {
	margin-bottom: 10px;
}

.copyrights-menu a {
	margin-left: 0;
}

/* - buttons --------------------------------------------------------------- */

.button {
	text-transform: none;
	background-color: #00A3BF; /* Prom dress */
}

.button:focus {
	color: #FFF !important;
}

.button-red {
	background-color: #DE350B; /* Red dirt */
}

.button-red:hover {
	background-color: #BF2600 !important; /* Dragon's blood */
}

.button-green {
	background-color: #36B37E; /* Our kellie */
}

.button-green:hover {
	background-color: #00875A !important; /* Slime */
}

.button-blue {
	background-color: #0052CC; /* Pacific bridge */
}

.button-blue:hover {
	background-color: #0747A6 !important; /* Chore coat */
}

.button-white {
	background-color: #DFE1E5 !important;/* Jolly fun time */
	color: #42526E !important; /* McFanning */
	text-shadow: none; /* shadow is ugly in light context */
}

.button-white:hover {
	background-color: #EBECF0 !important; /* Northeast snow */
	color: #42526E !important; /* McFanning */
	text-shadow: none; /* shadow is ugly in light context */
}

.button-clipboard, .button-clipboard:active {
	position: absolute;
	top: 5px;
	right: 5px;
	opacity: 0;
	background-image: url("../images/clipboard.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 20;
    width: 20;
}

.button-clipboard-clicked, .button-clipboard-clicked:hover {
	background-color: #ABF5D1 !important; /* G75 - Mintie */
}

/* - landing pages --------------------------------------------------------- */

.heading-block h1, .heading-block h2, .heading-block h3 {
	text-transform: none;
}

#content .tour {
	padding-top: 50px;
	padding-bottom: 50px;
}

#content .tour h5:first-child {
	margin-top: 0;
}

.fbox-plain {
	padding-left: 65px;
}

.fbox-icon i, .fbox-plain p {
	color: #444 !important;
}

.asset .fbox-icon img {
	height: 48px !important;
	width: 48px !important;
}

.asset .button {
	margin-left: 0;
}

.imglist img {
	width: 128px;
	height: 92px;
	border: 1px solid #EEE;
	margin: 10px;
}

.imglist-inline img {
	width: 128px;
	height: 92px;
	border: 1px solid #EEE;
	margin: 0 10px 10px 0;
}

.integration-logo {
	display: inline-block;
	width: 140px;
	margin: 15px;
	padding: 15px 0;
	vertical-align: top;
	border: 2px solid #EEE !important;
}

.integration-logo.floating {
	float: left;
	margin: 5px 25px 25px 0px;
}

.integration-logo.floating figure {
	margin: 15px 0px;
}

.integration-logo figcaption {
	margin-top: 10px;
}

.quote {
	padding: 40px 20px 10px;
}

.quote:before {
	left: 48%;
}

.quote-mini {
	border: none;
	padding: 0;
}

.fancy-title h4 {
	background-color: inherit;
}

.fancy-title.title-border:before {
	top: 60%;
}

.news {
	margin-bottom: 20px !important;
}

.counter {
	font-family: "Open Sans", sans-serif;
	font-size: 35px;
}

.table-comparison small {
	display: block;
}

.tag {
	vertical-align: text-top;
}

.separator-pipe {
	margin: 0 4px;
	font-weight: bold;
	color:#CCC;
}

/* - page structure -------------------------------------------------------- */

#page-title.page-title-dark {
	background-color: #0052CC; /* Pacific bridge */
}

#page-title.page-title-dark h1 {
	text-transform: none;
	color: #FFF !important;
}

#page-title.page-title-dark h2 {
	margin: 10px 0 0 0;
	font-size: 18px;
	font-weight: 300;
	color: rgba(255,255,255,0.7) !important;
}

#page-title.page-title-dark h2 small {
	font-size: 16px;
	font-weight: 300;
	color: rgba(255,255,255,0.7) !important;
}

#page-subtitle.page-subtitle-dark {
	background-color: #79F2C0; /* Cloverleaf */
	padding: 0.5em;
}

.sidebar li {
	margin-left: 0 !important;
}

.sidebar .primary {
	color: #DE350B !important; /* Red dirt */
}

.sidebar .secondary {
	color: #00875A !important; /* Slime */
}

.sidebar .active {
	color: #444;
	font-weight: bold;
}

@media (min-width: 768px) {
	.lity-container {
		max-width: 80% !important;
	}
}

.lity-content {
	padding: 15px;
}

.lity-content > img[src$=".svg"] {
	height: 50vh; /* show zoomed SVG diagrams sized to the viewport */
}

/* - content --------------------------------------------------------------- */

.content-wrap {
	padding: 40px 0 0 0;
}

#content h3 {
	font-size: 23px;
	margin: 26px 0 10px 0;
	text-transform: none !important;
	letter-spacing: normal !important;
}

#content h4 {
	font-size: 20px;
	margin: 26px 0 10px 0;
}

#content h5 {
	font-size: 16px;
	margin: 26px 0 10px 0;
}

#content h6 {
	font-size: 15px;
	margin: 26px 0 10px 0;
}

#content h3 .label {
	float: right;
	margin-left: 5px;
	font-family: "Roboto", sans-serif;
	font-size: 45%;
	font-weight: normal;
	background-color: #f7f7f7;
	color: #868686;
}

#content p {
	font-size: 15px;
	margin: 10px 0;
	line-height: 1.5;
}

#content .smaller {
	font-size: 13px;
}

#content .warning {
	color: #ff5630; /* Poppy surprise */
}

#content table {
	font-size: 15px;
}

#content table tr.level-2 td:first-child {
	padding-left: 2em;
}

#content table tr.level-3 td:first-child {
	padding-left: 4em;
}

#content table.table td[rowspan] {
	vertical-align: middle;
}

#content ul, #content ol {
	margin: 5px 0;
}

#content li:not(.nav-tab) {
	margin: 5px 0 5px 25px;
	font-size: 15px;
}

#content .tab-pane:not(.active) {
	display: none;
}

#content small {
	color: #AAA;
}

#content small a {
	color: #4C9AFF; /* Arvo breeze */
}

#content small .warning {
	color: #FF8F73; /* Alexandria */
}

#content tt, #content code {
	background: #EEE;
	color: #444;
	border: solid #EEE;
	border-width: 1px 3px;
	border-radius: 4px;
	white-space: nowrap;
	font-size: 14px;
}

#content .framed {
	border: 1px solid #CCC;
}

#content .thumbnail {
	border: 1px solid #dddddd;
	border-radius: 0;
	padding: 1px;
	margin: 0 !important;
}

#content .download-link {
	display: block;
	margin-bottom: 0.5em;
}

#content .panel {
	border-radius: 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

#content .panel-default {
	border: 1px solid #F5F5F5; /* AUI light gray */
}

#content .panel-heading {
	background-color: #F5F5F5; /* AUI light gray */
	border-bottom: none;
	border-radius: 0;
	padding: 10px 12px;
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
}

#content .panel-footer {
	background-color: #F5F5F5; /* AUI light gray */
	border-top: none;
	border-radius: 0;
	padding: 10px 12px;
}

#content .infomsg {
	background: #FFF;
	border: 1px solid #FFAB00; /* Golden state */
	border-left: 4px solid #FFAB00; /* Golden state */
	color: #444;
}

#content .sb-msg h4, #content .sb-msg h5 {
	margin-top: 0;
}

#content .sb-msg {
	text-shadow: none;
}

#content .cta h3 {
	margin-top: 0;
}

#content .cta .button {
	margin-top: 20px;
}

#toc {
	margin: 0 0 10px 0;
	font-size: 15px;
	line-height: 2em;
}

#toc a.item-h3 {
}

#toc a.item-h4 {
	margin-left: 1em;
}

#toc a.item-h5 {
	margin-left: 2em;
}

#toc a.item-h6 {
	margin-left: 3em;
}

.greybox {
	border: 1px solid #DDD;
	padding: 15px;
	font-weight: bold;
}

.highlight {
	background-color: #FEF2F4; /* custom pink */
	color: #555;
}

.youtube-logo {
	width: 15%;
	top: 0;
	opacity: 0.2;
}

.youtube-logo-helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

/* - webinar page ---------------------------------------------------------- */

#author-icon {
	border-radius: 24px;
}

/* - jobs page ------------------------------------------------------------- */

.light-section {
	border-bottom: 1px solid #EEEEEE;
	padding: 60px 0;
}

#rocket-container {
	padding: 100px;
}

#rocket {
	height: 250px;
	animation: rocketUpDown 1.5s alternate infinite ease-in-out;
}

@keyframes rocketUpDown {
	to { transform: translatey(30px); }
}

/* - customers page -------------------------------------------------------- */

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

.success-story img {
	width: 100%;
}

.success-story h5 {
	margin-top: 10px !important;
}

.success-story div {
	padding: 20px;
}

.success-story.success-story-ghost {
	height: 500px;
	display: table;
}

.success-story.success-story-ghost .success-story-ghost-content {
    display: table-cell;
    vertical-align: middle;
}

/* - code snippets (GitHub color scheme disabled) -------------------------- */

#content pre.prettyprint {
	margin: 0.5em 0 0.75em;
	padding: 0.5em 0.75em;
	border-radius: 0;
	-webkit-tab-size: 4;
	-moz-tab-size: 4;
	-ms-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
/*
	background: #f9fafa;
	border-color: #e6e6e6;
*/
}

/*
#content pre .kwd, #content code .kwd {
	color: #a71d5d;
}

#content pre .str, #content code .str {
	color: #183691;
}

#content pre .tag, #content code .tag {
	color: #63a35c;
}

#content pre .pln, #content code .pln {
	color: #333;
}

#content pre .pun, #content code .pun {
	color: #333;
}

#content pre .com, #content code .com {
	color: #969896;
}

#content pre .typ, #content code .typ {
	color: #0086b3;
}

#content pre .atn, #content code .atn {
	color: #0086b3;
}
*/

/* - blog ------------------------------------------------------------------ */

@media (min-width: 767px) {
	.blog-post-left-column .a2a_kit a {
		display: block;
		margin-bottom: 0.5em;
	}

	.blog-post-left-column .a2a_kit a,
	.blog-post-left-column .a2a_kit a .a2a_svg {
		float: none;
	}

	#blog-post-share-links {
		position: absolute;
		top: 15px;
		left: 80px;
	}

	#blog-post-subscribe {
		position: absolute;
		box-sizing: border-box;
		top: 200px;
		left: 10px;
		width: 180px;
	}
}

@media (max-width: 767px) {
	.blog-post-left-column {
		margin-bottom: 20px !important;
	}

	#blog-post-share-links {
		position: static !important;
	}

	#blog-post-subscribe {
		position: static !important;
		margin-top: -50px;
	}
}

.blog-post-header {
	padding-bottom: 1.5em;
	margin-top: -40px;
}

.blog-post-header h1 {
	margin-top: 1em;
	margin-bottom: 0.2em;
}

.blog-post-footer {
	margin-top: 3em;
	margin-bottom: 3em;
}

.blog-post-body h2 {
	margin-top: 0.8em;
	margin-bottom: 0.6em;
}

.blog-post-body .button {
	margin: 2em 0;
}

.blog-post-body .image-container + em {
	display: block;
	margin-top: 8px;
	text-align: center;
}

.blog-post-body .tweetable {
	display: block;
	color: #777;
	font-weight: bold;
	font-size: 150%;
	margin: 20px 2em;
}

.blog-post-body .tweetable:after {
	content: "click to tweet";
	display: block;
	margin-top: 10px;
	color: #08a0e9;
	font-size: 60%;
	background-image: url('../images/icons/twitter.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	background-size: 20px;
}

.blog-post-body .blog-post-list,
.blog-post-body .blog-post-list > li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#content .blog-post-body .blog-post-list > li.blog-post {
	margin-bottom: 5em;
}

.blog-post-title {
	display: block;
	font-size: 130%;
	font-weight: bold;
}

.blog-post-meta {
	color: #AAA;
}

.blog-post-meta a {
	color: #AAA;
	text-decoration: underline !important;
}

.blog-post-meta > * {
	vertical-align: middle;
}

.blog-author-avatar {
	border-radius: 50%;
	margin-left: 0.5em;
}

.blog-post-labels {
	display: inline-block;
}

.blog-post-intro {
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#content .blog-latest-posts h3 {
	margin-bottom: 1em;
}

.blog-latest-posts .blog-post-meta {
	font-size: 90%;
}

.blog-latest-posts .blog-post-meta .blog-post-labels {
	display: inline;
}

.blog-latest-posts .blog-author-avatar {
	float: left;
	margin-right: 10px;
}

.blog-latest-posts .blog-latest-post-avatar,
.blog-latest-posts .blog-latest-post-info {
	display: table-cell;
	margin: 0;
	padding: 0;
}

.blog-latest-posts .blog-latest-post-avatar {
	float: left;
}

.blog-latest-posts .blog-latest-post-info {
	float: right;
	width: 85%;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.blog-latest-posts .blog-latest-post-info {
		width: 80%;
	}
}

@media (min-width: 767px) and (max-width: 991px) {
	.blog-latest-posts .blog-latest-post-info {
		width: 75%;
	}
}

@media (max-width: 766px) {
	.blog-latest-posts .blog-latest-post-avatar {
		display: none;
	}

	.blog-latest-posts .blog-latest-post-info {
		box-sizing: border-box;
		float: none;
		width: 100%;
	}
}

/* - search ---------------------------------------------------------------- */

#content .gsc-control-cse {
	padding: 1em !important;
}

#content .gsc-result-info {
	padding-left: 4px !important;
}

#content .gsc-table-result {
	margin-bottom: 0px !important;
}

.gsc-control-cse, .gsc-table-result {
	color: #444 !important;
	font-family: "Roboto", sans-serif !important;
	font-size: 14px !important;
}

.gsc-control-cse a, .gsc-control-cse .gsc-cursor-current-page {
	color: #0052CC !important; /* Pacific bridge */
}

.gsc-control-searchbox-only {
	width: 160px !important;
	margin: 28px 0 0 0 !important;
}

.gsc-input-box table {
	margin-bottom: 0px !important;
}

input.gsc-input {
	background: none !important;
	height: 24px !important;
}

input.gsc-input::placeholder {
	color: #fff !important;
}

input.gsc-input::-webkit-input-placeholder {
	color: #fff !important;
}

button.gsc-search-button {
	background-color: #DE350B; /* Red dirt */
	border: none !important;
	border-radius: 3px !important;
	padding: 0 17px !important;
	font-size: 12px !important;
	height: 34px !important;
	line-height: 34px !important;

	-webkit-transition: all .2s ease-in-out !important;
	-o-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
}

button.gsc-search-button:hover {
	background-color: #BF2600 !important; /* Dragon's blood */
}

.gsc-orderby-container, .gsc-adBlock, .gcsc-more-maybe-branding-root {
	display: none !important;
}

.gsc-above-wrapper-area {
	border: none !important;
}

.gsc-above-wrapper-area table {
	margin-bottom: 0 !important;
}

#content .gsc-result {
	padding: 20px 0 !important;
}

.gs-no-results-result .gs-snippet {
	border: none !important;
	background: none !important;
}

.gs-title, .gs-title * {
	text-decoration: none !important;
}

a.gs-title, a.gs-title * {
	font-size: 16px !important;
}

.gsc-url-top * {
	color: #AAA !important;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
	padding: 0 !important;
}

.gs-web-image-box {
	display: none !important;
}

.gsc-cursor-box {
	margin: 20px 0 !important;
}

.gsc-cursor-page {
	color: #444 !important;
	margin-right: 14px !important;
}

/* - collapsable nav menus ------------------------------------------------- */

#content .sidebar h5 {
	margin-bottom: 6px;
	text-transform: uppercase;
	font-size: 90%;
	color: #AAA;
	letter-spacing: 3px;
}

#content ul.nested li {
	margin-left: 1em !important;
}

#content ul.nested, #content ol.nested {
	margin-top: 0 !important;
}

@media screen and (max-width: 991px) {
	.sidebar ul.nested {
		display: block !important;
	}

	.nested-menu-toggle {
		display: none;
	}
}

/* for wide screens, collapse all nested nav menus */
@media screen and (min-width: 992px) {
	.sidebar ul.nested {
		display: none;
	}

	.nested-menu-toggle {
		display: inline-block;
		vertical-align: middle;
		width: 22px;
		height: 22px;
		padding: 0;
		margin: 0;
		cursor: pointer;
		transform: rotate(0deg);
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAiUlEQVQYGU2O0QqDMAxF+/+/ZmlRZKKIw5eBInQwRkJLOUM7xUDgcnNyE8OtUnjSWIu1jnb+kG8zc+kYGH1FVZ1dM4V0jf9gZO19gVxL19ii/UiIhT1AXTrckeQZtgi60LuS7PuVnTX5++Jhi1lPb85jcRvwx7KjWxSToyIiiCjp/j2ZqLsviCZ+ZdHgEK9Lcl8AAAAASUVORK5CYII=");
		background-repeat: no-repeat;
		background-position: center;
	}

	.nested-menu-toggle:hover {
		opacity: 0.8;
	}

	.nested-menu-toggle.open-immediately {
		transform: rotate(180deg);
	}

	.nested-menu-toggle.open-with-animation {
		animation: menu-toggle-spin 0.2s ease-out forwards;
	}

	@keyframes menu-toggle-spin {
		100% {
			transform-origin: center center;
			transform: rotate(180deg);
		}
	}
}
