/******* A2U custom styles for HelpScout Docs ******/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,400i,500,700');

body {
	font-family: "Open Sans", sans-serif;
}

/* Add a background image to home page search bar
   and move it up to the top of the page */
#docsSearch {
	margin-top: -100px;
	padding-top: 120px;
	background:
		url(https://accountable2you.com/wp-content/uploads/art/blue-lines-1b.png) no-repeat center 100% / cover #0d77a9;
	border-bottom: none;
}

#docsSearch h1 {
	color: #fff;
}

/* Header Logo */
a.brand>img {
	max-width: 100%;
	height: 40px;
	width: auto;
}

/* Search Input Box */
input.search-query {
	font-family: "Open Sans",
		sans-serif;
	font-weight: 100;
	letter-spacing: 1px;
}

/* Home page search button */
#searchBar button {
	text-shadow: 0 0px 0px rgba(255, 255, 255, .0);
	/* Remove text shadow 
*/
	background: #69b643;
	border: 1px solid #69b643;
}

#searchBar button:hover {
	transition-duration: .2s;
	background: #51a826;
	text-shadow: 0 0px 0px rgba(255, 255, 255, .0);
	/* Remove text shadow 
*/
	border: 1px solid #51a826;
}

input,
button,
select,
textarea {
	font-family: "Open Sans",
		sans-serif,
		"Helvetica Neue",
		Helvetica,
		Arial,
		sans-serif;
}

/* Add background image to mobile menu */
.navbar .navbar-inner {
	background:
		url(https://accountable2you.com/wp-content/uploads/art/blue-lines-1b.png) no-repeat center 100% / cover #0d77a9 !important;
}

/* Mobile hamburger menu icon */
.navbar .btn-navbar .icon-bar {
	background: #fff;
}

/* Nav links */
#get-started a:hover,
#contact a:hover,
#contactMobile a:hover {
	color: #b9d8e6 !important;
}

#get-started a,
#contact a {
	transition: color .3s;
}

/* Replace home page search button with search icon on mobile screen sizes  
*/
@media (max-width: 480px) {
	#searchBar button {
		color: transparent;
		text-shadow: none;
		background: transparent;
		border: 0;
		padding: 0 1.5em;
		height: 50px;
		position: absolute;
	}

	#searchBar button .icon-search {
		text-shadow: none;
		margin-top: 15px;
	}

	#searchBar button:hover,
	.icon-search:hover {
		text-shadow: none;
		background-color: transparent;
		border: 0;
	}
}

/*** Main Page Category Styles ***/

.category-list .category {
	background-color: #fff;
	background-position: top 25px center !important;
	background-repeat: no-repeat !important;
	background-size: 80px auto !important;
	box-shadow: 0 7px 4px -5px rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
	max-width: 310px;
	min-height: 240px;
	padding: 120px 20px 30px 20px;
	transition: all 0.2s;
	border-radius: 8px;
	margin: 8px 6px;
}

.category-list .category:hover {
	text-decoration: none;
	background: #f7f7f9;
}

/* Show 2 columns on mobile */
@media (max-width:600px) {
	.category-list .category {
		max-width: 48%;
		margin: 4px 2px !important;
		padding: 120px 10px 30px 10px;
	}
}

/* Hide category descriptions (also hides article counts) */
.category-list .category p {
	display: none;
}

/* Show article counts */
.category-list .article-count {
	display: initial !important;
	font-size: 1em
}

/* Quick Start Guide */
#category-712 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-book-1d.png);
}

/* FAQ */
#category-715,
#category-726,
#category-721,
#category-718 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-faq-1e.png);
}

/* Windows */
#category-722 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-windows-2.png);
}

/* Mac */
#category-720 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-apple-2.png);
}

/* Android */
#category-708 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-android-2b.png);
}

/* Apple iOS */
#category-714 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-ios-2.png);
}

/* Chrome */
#category-724 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-chrome-2.png);
}

/* Linux */
#category-723 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-linux-2.png);
}

/* Kindle */
#category-725 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-kindle-2.png);
}

/* Beta Program */
#category-836 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-beta-1.png);
}

/* Enable Reports & Alerts */
#category-704 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-enable-alerts-1.png);
}

/* Personalize Reports & Alerts */
#category-719 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-customize-alerts-1.png);
}

/* Review Reports & Alerts */
#category-716 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-review-reports-1b.png);
}

/* Manage Family Members */
#category-700 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-family-1a.png);
	background-size: 100px !important;
	background-position: top 20px center !important;
}

/* Manage Group Members */
#category-713 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-group-1a.png);
	background-size: 100px !important;
	background-position: top 20px center !important;
}

/* Account Settings */
#category-696 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-settings-3.png);
}

/* Subscription & Billing */
#category-717 {
	background-image:
		url(https://accountable2you.com/wp-content/uploads/support/icon-billing-1a.png);
}


/*** Category Page Styles ***/

#sidebar h3 {
	font-size: 1.6em;
	font-weight: 500;
	text-transform: capitalize;
}

.nav-list li {
	padding-left: 8px;
}

.icon-article-doc::before {
    content: "○";
}

/*** Tabs plugin — underline style, matches the slash-command tabs JS ***/

/* Reset outer container */
.tabplugin {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	margin: 24px 0 !important;
	padding: 0 !important;
}

/* Removes the grey/black bar behind the tab buttons */
.tabplugin .tab {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	border-bottom: 1px solid #e1e4e8 !important;
	box-shadow: none !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 16px !important;
	padding: 0 !important;
	margin: 0 0 16px 0 !important;
	overflow: visible !important;
}

/* Inactive tab buttons */
.tabplugin .tablinks {
	position: relative !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	padding: 8px 4px !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	color: #888888 !important;
	transition: color 0.2s ease, border-color 0.2s ease !important;
	margin: 0 !important;
	overflow: visible !important;
}

.tabplugin .tablinks:hover {
	color: #86BBD4 !important;
	font-weight: 500 !important;
	background: transparent !important;
	transition: color 0.2s ease, border-color 0.2s ease !important;
}

.tabplugin .tablinks:hover::after {
	content: "" !important;
	position: absolute !important;
	width: 100% !important;
	height: 3px !important;
	left: 0 !important;
	bottom: 0px !important;
	background: #86BBD4 !important;
	border-radius: 50px !important;
	z-index: 2 !important;
}

/* Active selected tab (blue underline) */
.tabplugin .tablinks.active {
	color: #0D77A9 !important;
	border-radius: 0px !important;
	font-weight: 600 !important;
	background: transparent !important;
}

.tabplugin .tablinks.active::after {
	content: "" !important;
	position: absolute !important;
	width: 100% !important;
	height: 3px !important;
	left: 0 !important;
	bottom: 0px !important;
	background: #0D77A9 !important;
	border-radius: 50px !important;
	z-index: 2 !important;
}

/* Tab content area */
.tabplugin .tabcontent {
	background: transparent !important;
	border: none !important;
	padding: 8px 0 !important;
	margin: 0 !important;
}

/*** App logo next to article title ***/

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

.hs-title-logo {
	height: 1.18em !important;
	display: inline-block !important;
	vertical-align: middle !important;
	transform: translateY(-0.02em) !important;
	-webkit-transform: translateY(-0.02em) !important;
	position: initial !important;
	top: initial !important;
	right: initial !important;
	left: initial !important;
	margin-left: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	pointer-events: none !important;
}