/*
Theme Name: TPP Help & Support
Template:   tpp
Author:     Mike Manger
Version:    1.0.0
Update URI: false
*/

audio,
canvas {
	display: inline-block;
}

embed,
iframe,
object,
video {
	margin-bottom: 1.6em;
	max-width: 100%;
	vertical-align: middle;
}

p>embed,
p>iframe,
p>object,
p>video {
	margin-bottom: 0;
}

a {
	text-decoration: none;
}

article header {
	padding: 0;
}

.site-title {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 48px;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.25;
	margin: 0;
}

.site-title a {
	color: #4b4b55;
	text-decoration: none;
	/* font-family: 'Fifita'; */
}

.site-title .subheading #mainfooter {
	margin-top: 30px;
}

/* Algolia search suggestions */
.search-form fieldset {
	position: relative;
	width: 100%;
	padding: 0;
}

.search-form .form-group.col-sm-10.col-xs-8 {
	width: 100%;
}

.search-form .ais-SearchBox-input {
	color: #5E5F6B;
	padding-right: 10px;
	padding-left: 35px;
}

.search-form .ais-SearchBox-reset {
	background: #EBEBEB;
	height: 36px;
	width: 36px;
	padding: 12px;
	-ms-transform: scale(1.22);
	-webkit-transform: scale(1.22);
	transform: scale(1.22);
	margin-top: -12px;
	fill: #4b4b55;
	border-radius: 0;
	margin-right: 200px;
	position: absolute;
	top: calc(50% - 12px/2);
	right: -35px;
}

.search-form .form-group.col-sm-2.col-xs-4 {
	position: absolute;
	right: 1px;
	top: 1px;
	padding: 0;
	width: 210px;
}

#submit {
	max-width: 100%;
	float: right;
	border-radius: 0 2px 2px 0;
	background: #58B957;
	font-weight: normal;
	font-size: 17px;
	line-height: 4px;
}

@media only screen and (max-width: 479px) {
	.search-form .form-group.col-sm-2.col-xs-4 {
		position: static;
		width: auto;
		padding: 0 15px;
	}

	.search-form .form-group.col-sm-2.col-xs-4 button {
		border-radius: 4px;
	}

	.search-form .ais-SearchBox-input {
		padding-right: 8px;
	}
}

#full-search-button {
	font-size: 17px;
	font-weight: normal;
	max-width: none;
	width: auto;
	padding: 10px 20px;
	background: #58B957;
	margin-top: 10px;
}

#full-search {
	display: inline-block;
}

#full-search .ais-Stats {
	color: #FFF;
	opacity: 1;
	font-size: 17px;
}

#search-results {
	width: 100%;
	display: none;
}

.searchresult {
	display: none;
}

.searchresult.posttype-knowledgebase,
.searchresult.posttype-resource,
.searchresult.posttype-jargonbuster,
.searchresult.posttype-employee_comms,
.searchresult.posttype-lh_podcast {
	display: block;
}

.searchresult-topbar>div {
	display: inline-block;
}

/* Manage account menu */
.dropdownwrap {
	top: 10px;
}

.admin-bar .dropdownwrap {
	top: 42px;
}

/* Widgets */
.side-blue,
.side-grey,
.side-white {
	margin-top: 10px;
}

.side-blue img,
.side-grey img,
.side-white img {
	max-width: 100%;
}

.widget .textwidget a {
	text-decoration: underline;
	color: #05d2fa;
}

.the-posttype,
.who-for {
	float: right;
	/* margin-left: 10px; */
	margin-top: 3px;
	margin-bottom: -3px;
	border-radius: 1000px;
	line-height: 21px;
	font-size: 12px;
	padding: 0 10px;
	background: white;
	color: #999;
}

.kb-cat {
	font-size: 14px;
}

.kb-cat>* {
	display: inline-block;
	color: #999;
}

.kb-cat>a:hover {
	color: #05d2fa;
	cursor: pointer;
}

.kb-cat-breadcrumb {
	font-size: 18px;
	white-space: pre;
}

.searchresult em {
	color: #58B957;
	font-style: normal;
	font-weight: bold;
}

.searchresult>a>p {
	text-decoration: underline;
	font-size: 16px;
	margin-top: 6px;
}

.searchresult>a {
	color: #05d2fa;
	font-size: 15px;
	margin: 0 0 10px;
	display: block;
}

.ais-Hits-item .searchresult {
	padding: 20px 0 10px;
	border-top: 1px solid #BBB;
	font-size: 16px;
	font-family: 'Raleway';
}

.ais-Hits-item:first-child .searchresult {
	border-top: none;
}

.ais-SearchBox {
	max-width: none !important;
}

.ais-Hits {
	padding-top: 10px;
}

.ais-SortBy-select {
	height: 46px;
	font-size: 14px !important;
	font-family: "Helvetica Neue", Helvetica;
	margin-bottom: 10px;
	margin-top: 5px;
	display: inline-table;
}

.help-hero {
	background-color: #F7F7F8;
	padding: 20px 10px 10px 10px;
}

.help-hero h1,
.help-hero .subheading {
	font-weight: normal;
	font-family: Fifita;
}

.help-hero .search-form .btn-lg {
	border: 1px solid transparent;
	font-weight: bold;
	max-width: 178px;
}

.help-hero .alignleft {
	margin-right: 20px;
}

.help-hero .sidecolumn {
	padding: 0 15px;
}

.call-to-action {
	padding: 15px;
}

.call-to-action p {
	margin-left: 0;
	margin-right: 0;
}

.search-form label.question {
	font-size: 1.3em;
}

.page-content,
.page-heading {
	border: 1px solid #D0D0D6;
	background: white;
}

.page-heading {
	border-bottom: none;
	padding: 1rem;
	border-radius: 10px 10px 0 0;
	text-align: center;
}

.page-heading h2 {
	font-family: VAG Rounded Std;
	font-weight: 700;
}

.page-content {
	padding: 30px 120px;
	border-top: none;
	border-bottom: none;
	font-family: 'Raleway';
}

.page-heading+.page-content {
	border-radius: 0;
	margin: 0;
}

body.single-knowledgebase article,
body.single-knowledgebase .sidecolumn {
	margin-top: 30px;
	margin-bottom: 30px;
}

.front-page.page-content {
	background: none;
}


/* Listing styles */

#main article {
	margin-bottom: 20px;
	border-bottom: none !important;
}

.entry-header,
.entry-summary,
.entry-footer,
.page-footer {
	border: 1px solid #D0D0D6;
}

.entry-header {
	background: white;
	border-bottom: none;
	border-radius: 6px 6px 0 0;
	padding: 30px 60px;
}

.entry-summary {
	background: white;
	padding: 0 60px 30px;
	border-bottom: none;
	border-top: none;
	margin: 0;
}

.entry-footer,
.page-footer {
	background: #ebebeb;
	border-top: none;
	border-radius: 0 0 6px 6px;
	overflow: auto;
	padding: 1rem !important;
	/* Overwrite #main */
}

.target-audience-tag,
.target-audience-tag:hover {
	color: #4b4b55;
}

.entry-footer .target-audience-tag {
	margin-right: 20px;
}

/* Home */
.questions-sidebar ul {
	padding-left: 20px;
}

.questions-sidebar li.current-menu-item>a {
	font-weight: bold;
	color: #2800A0;
}

.questions-sidebar ul.sub-menu {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	padding-left: 20px;
	transition: all linear 0.20s;
}

.questions-sidebar li.sub-menu-active>ul.sub-menu {
	opacity: 1;
	max-height: 2000px;
	transition: all ease-in-out 0.20s;
}

.questions-sidebar i {
	cursor: pointer;
	float: right;
	padding: 4px;
}

.questions-sidebar i:hover {
	color: #4b4b55;
}

/* Video styles */

body .video {
	height: 213px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	position: relative;
	display: block;
	margin: 10px 0;
}

body.archive article.lh_video iframe {
	min-height: 213px;
	height: auto;
	margin-bottom: 0;
}

body.archive article .video {
	height: 213px;
	margin-bottom: 0;
}

body.single article.lh_video .video,
body.single article.lh_video iframe {
	background-size: contain;
	height: 446px;
	width: 100%;
}

/* Related Docs */

.related-videos,
.related-documents {
	margin-top: 30px;
	position: relative;
	color: #5E5F6B !important;
}

.related-questions {
	background-color: #FFF;
	border: 1px solid #D0D0D6;
	border-radius: 10px;
	padding: 0 15px;
}

.related-videos>.row {
	margin-bottom: 20px;
}

.related-videos h2,
.related-communications h2,
.related-questions h2 {
	margin: 25px 0 15px;
	border-bottom: none;
}

.related-questions .entry-header {
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
}

.related-questions .entry-title {
	line-height: 1;
	margin: 15px 0;
}

.related-questions .entry-title a {
	font-size: 16px;
	color: #2800A0;
}

.related-questions .entry-title a:hover {
	color: #4b4b55;
}

.related-communications h4 {
	margin-bottom: 5px;
	font-family: 'Raleway';
	font-weight: 600;
}

.related-communications .btn-moreinfo {
	margin-top: 5px;
	font-size: 15px;
}

.related-communications p,
.related-communications li {
	font-size: 16px;
}

.related-videos .all-link {
	position: absolute;
	right: 0;
	color: #999;
}

.related-videos .all-link:hover {
	cursor: pointer;
	color: #5E5F6B;
}

.related-videos-inner {
	border: 1px solid #D0D0D6;
	border-radius: 6px;
	background-color: #FFF;
	padding: 15px;
}

.related-videos .video {
	margin: 0;
}

.related-videos iframe {
	margin-bottom: 0;
}

.related-videos .video-description {
	font-family: 'Raleway';
	font-size: 16px;
	color: #B2B2B2;
	margin: 20px 10px 10px;
}

.related-videos .video-description a {
	font-family: 'Raleway';
}

.related-videos .video-description a:hover {
	cursor: pointer;
}

.related-documents .items {
	margin-top: 20px;
	list-style: none;
	padding: 0;
}

.related-documents .slider-item {
	display: inline-block;
	width: 32%;
	margin-bottom: 12px;
}

.related-documents .slider-item span.document {
	display: block;
	width: 96px;
	height: 130px;
}

.related-documents .slider-item .document,
.related-documents .slider-item img {
	border: 7px solid #FFF;
	outline: 1px solid #D0D0D6;
	margin-bottom: 10px;
}

/* No Results & 404 Page */
.error404 .page-content {
	padding: 1px;
	margin-bottom: 30px;
}

.error404 .search-form {
	margin-bottom: 30px;
}

.error404 .small-box a {
	margin: 0 20px;
}

.error404 a.heading-link {
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 16px;
	display: block;
	margin: 0 20px 10px 20px;
}

.error404 .item {
	margin-bottom: 10px;
}

.error404 .questions-sidebar ul {
	padding: 0;
	list-style: none;
}

.error404 .questions-sidebar li {
	clear: both;
	padding: 0 15px;
}

.error404 .questions-sidebar a {
	margin: 0;
	line-height: 1.6;
	font-size: 15px;
}

/* Site map */
.site-map {
	font-size: 15px;
}

/* Category Listings*/
.menu-column {
	width: 25%;
	float: left;
	margin-right: -1px;
	min-height: 1px;
	border-right: 1px solid #D0D0D6;
}

.content-column {
	width: 75%;
	float: left;
	padding: 30px 30px 15px;
	border-left: 1px solid #D0D0D6;
}

/* H&S side nav */
.cat-listings {
	border: 1px solid #D0D0D6;
	border-radius: 10px;
	padding: 0;
	overflow: hidden;
	margin-bottom: 1rem;
}

.cat-listings .sub-menu.closed {
	display: none;
}

.cat-listings #menu-ask-question-categories {
	padding: 0;
	list-style: none;
	margin: 0;
}

.cat-listings #menu-ask-question-categories>li {
	padding: 0;
	clear: both;
}

.cat-listings #menu-ask-question-categories>li.current-menu-item,
.cat-listings #menu-ask-question-categories>li.current-menu-ancestor,
.cat-listings #menu-ask-question-categories>li.active {
	background-color: #2800A0;
}

.cat-listings #menu-ask-question-categories>li>a {
	color: #4b4b55;
	display: block;
	padding: 10px 15px;
	font-weight: bold;
	position: relative;
}

.cat-listings #menu-ask-question-categories>li.current-menu-item>a,
.cat-listings #menu-ask-question-categories>li.current-menu-ancestor>a,
.cat-listings #menu-ask-question-categories>li.active>a {
	color: #FFF;
}

.cat-listings #menu-ask-question-categories>li.menu-item-has-children>a {
	padding-right: 45px;
}

.menu-column .fas {
	position: absolute;
	right: 15px;
	margin: auto 0;
	height: 15px;
	top: 0;
	bottom: 0;
}

.menu-column .fas:before {
	content: "\e114";
}

.menu-column li.current-menu-item>a .fas:before,
.menu-column li.current-menu-ancestor>a .fas:before,
.menu-column li.active>a .fas:before {
	content: "\e080";
}

.cat-listings #menu-ask-question-categories>li>ul {
	overflow: hidden;
	list-style: none;
	padding: 0;
	background-color: #ded3ff;
	display: none;
	margin: 0;
}

.no-js .cat-listings #menu-ask-question-categories>li.current-menu-item>ul,
.no-js .cat-listings #menu-ask-question-categories>li.current-menu-ancestor>ul,
.no-js .cat-listings #menu-ask-question-categories>li.active>ul {
	display: block;
}

.cat-listings #menu-ask-question-categories>li>ul>li.current-menu-item>a,
.cat-listings #menu-ask-question-categories>li>ul>li.current-menu-ancestor>a,
.cat-listings #menu-ask-question-categories>li>ul>li.active>a {
	font-weight: bold;
	color: #2800A0;
}

.cat-listings #menu-ask-question-categories>li>ul>li>a {
	display: block;
	padding: 10px 15px;
	position: relative;
	font-size: 17px;
}

.cat-listings #menu-ask-question-categories>li>ul>li.menu-item-has-children>a {
	padding-right: 45px;
}

.no-js .cat-listings #menu-ask-question-categories>li>ul>li.current-menu-item>ul,
.no-js .cat-listings #menu-ask-question-categories>li>ul>li.current-menu-ancestor>ul,
.no-js .cat-listings #menu-ask-question-categories>li>ul>li.active>ul {
	display: block;
}

.cat-listings #menu-ask-question-categories>li>ul>li>ul {
	display: none;
	list-style: none;
	padding: 0;
	background-color: #F5F9FB;
}

.cat-listings #menu-ask-question-categories>li>ul>li>ul>li {
	font-weight: normal;
	text-decoration: none;
}

.cat-listings #menu-ask-question-categories>li>ul>li>ul>li.current-menu-item>a,
.cat-listings #menu-ask-question-categories>li>ul>li>ul>li.active>a {
	font-weight: bold;
	text-decoration: underline;
}

.cat-listings #menu-ask-question-categories>li>ul>li>ul>li>a {
	padding: 10px 15px;
	display: block;
	position: relative;
}

/* TODO: check if fas actually used anymore */
#menu-ask-question-categories .fas {
	display: none;
	color: #4b4b55;
}

@media only screen and (max-width: 767px) {
	#menu-ask-question-categories>.menu-item>.fas {
		float: left;
		margin: 0;
		padding: 14px 32px 14px 12px;
		display: block;
		cursor: pointer;
	}

	.cat-listings #menu-ask-question-categories>.menu-item>a {
		display: block;
		margin-left: 45px;
		padding-left: 0;
	}
}

#quick-fact-menu {
	padding: 0;
	list-style: none;
	margin-bottom: 0;
}

#quick-fact-menu li {
	padding: 0;
	border-bottom: 1px solid #D0D0D6;
}

#quick-fact-menu a {
	color: #0046AC;
	display: block;
	padding: 10px 15px;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}

#quick-fact-menu li.active {
	background-color: #00B3E6;
}

#quick-fact-menu li.active a {
	color: #FFFFFF;
}

#quick-fact-menu .submenu {
	display: none;
	list-style: none;
	padding: 0;
}

#quick-fact-menu li.active .submenu {
	display: block;
}

#quick-fact-menu li.active .submenu li {
	background-color: #CBF0F9;
	/*padding-left: 40px;*/
	border-bottom: none;
}

#quick-fact-menu li.active .submenu a {
	color: #0046AC;
	font-weight: normal;
}

#quick-fact-menu li.active .submenu li.active a,
#quick-fact-menu li.active .submenu li.current_page_item a {
	font-weight: bold;
}

.content-column h2 {
	margin-bottom: 30px;
	font-size: 34px;
	font-weight: 600;
}

.content-column ul.question-list {
	list-style: none;
	padding: 0;
}

.content-column ul.question-list>li>a {
	color: #1964B6;
	font-size: 20px;
	font-family: 'Raleway';
	font-weight: 700;
}

.question-list .question-title {
	display: block;
}

.question-list .card {
	border: 1px solid #D0D0D6;
	border-radius: 8px;
	overflow: hidden;
}

.question-list .card-header {
	cursor: pointer;
	border: 0;
	/* border-radius: 10px; */
	background-color: #fff;
}

.question-list .card-header.active {
	background-color: #f7f7f8;
}

.question-list .card-header:hover>.card-title>.fas {
	color: #05d2fa;
}

.question-list h4 {
	position: relative;
}

.question-list h4 i {
	position: relative;
	margin-left: auto;
	float: right;
}

.question-list h4 i+span {
	display: inline-block;
	padding-left: 30px;
}

.question-body {
	display: block;
	border-top: 1px solid #D0D0D6;
}

.question-body.collapse {
	display: none;
}

.question-body p {
	margin: 0 0 8px 0;
}

.question-body .view-link {
	color: #2800A0;
	font-size: 17px;
	text-decoration: underline;
}

.question-list .card+.card {
	margin-top: 20px;
}

.content-column .no-answers {
	background-color: #ded3ff;
	border: 1px solid #D0D0D6;
	border-radius: 10px;
	text-align: center;
	padding: 30px;
	margin: 100px 0;
}

.content-column .no-answers p {
	font-size: 24px;
	font-family: 'Raleway';
	color: #5F5F61;
}

.content-column .no-answers p b {
	font-weight: 700;
	font-family: 'Raleway';
}

.pagination-area {
	margin-top: 1.5rem;
}

.cat-listings .page-numbers {
	float: right;
}

ul.page-numbers {
	list-style: none;
	padding: 0;
	margin-left: 0;
}

ul.page-numbers li {
	display: inline;
}

ul.page-numbers .page-numbers {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	background-color: #fff;
	color: #4B4B55;
	font-weight: 600;
	margin-left: -1px;
}

ul.page-numbers .current {
	color: #2800A0;
	text-decoration: underline;
}

ul.page-numbers a:hover {
	background: #eee;
}

.quick-facts-heading {
	border-bottom: 1px dashed #ececec;
	margin-bottom: 15px;
}

.quick-facts-heading h1 {
	border-bottom: 0;
	margin-bottom: 8px;
	padding-bottom: 0;
	float: left;
}

.pagination-area.top {
	float: right;
	margin-bottom: 8px;
}

.pagination-area.top .pagination {
	margin: 0;
}

.pagination-area li.next a:hover:before {
	content: '';
	display: none;
}

.filter-bar {
	padding: 15px 0;
	background-color: #EEEEF0;
	position: relative;
	margin-bottom: 30px;
	font-family: 'Raleway';
	font-weight: 600;
	font-size: 15px;
	color: #4b4b55;
}

.filter-bar .down-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 24px solid #EEEEF0;
	bottom: -39px;
	left: 340px;
}

.filter-bar .down-arrow.members {
	left: 575px;
}

.filter-bar .down-arrow.all {
	left: 125px;
}

.search-results .filter-bar .down-arrow {
	margin-left: 100px;
}

#search-for {
	color: #05d2fa;
}

#search-for span {
	color: #4b4b55;
}

.filter-bar a {
	color: white;
}

.filter-bar .btn {
	margin-bottom: 0;
	border-radius: 999px;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.25rem;
	padding: 12px 30px;
	border-color: transparent !important;
	height: 40px;
	min-height: 0;
	line-height: 14px;
}

.filter-bar .btn.btn-info {
	color: #2800A0;
	background-color: #C1F4FE;
}

.filter-bar .btn.btn-default {
	background-color: #FFF;
	color: #656565;
}

/*Front page style overwrites*/
.front-page {
	border: none !important;
	padding: 15px 0;
}

.front-page .content-column {
	width: 100%;
	border: none;
	padding: 0;
}

.front-page .small-box {
	display: flex;
	flex-direction: column;
	height: 100%;
	border: none;
	border-radius: 10px;
	background-color: #F7F7F8;
	padding: 16px 30px;
	border: 1px solid #D0D0D6;
};

.front-page .small-box h4 {
	border: none;
	margin: 0 0 15px 0;
	padding: 0;
}

.front-page .small-box h4 a {
	color: #4B4B55;
}

.front-page .small-box p {
	margin: 0;
	margin-top: auto;
}

.front-page .small-box p a {
	color: #2800A0;
	text-decoration: underline;
}

.front-page .small-box ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}

.front-page .small-box ul li {
	margin-bottom: 8px;
}

.front-page .small-box ul li a {
	color: #2800A0;
}

/* #menu-overview-menu .row {
	margin-bottom: 15px;
} */

.small-box.has-image {
	margin-top: 40px;
	padding-top: 40px;
}

.small-box .pull-out {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #EBEBEB;
	position: absolute;
	top: 0px;
	left: 50px;
}

.small-box .pull-out img {
	position: relative;
	margin: 15px;
}

#question-submenu {
	background-color: white;
	border-bottom: 1px solid #D0D0D6;
	margin-bottom: 20px;
	margin-top: -30px;
	padding-top: 40px;
	padding-bottom: 25px;
}

#faq-menu h5 {
	font-family: 'Raleway';
	font-weight: 700;
}

#faq-menu ul {
	display: block;
	width: 100%;
	list-style: none;
	padding-left: 15px;
}

#faq-menu ul li {
	width: 50%;
	float: left;
	margin-bottom: 15px;
	color: #05d2fa !important;
}

#faq-menu ul li:nth-child(odd) {
	clear: left;
	padding-right: 30px;
}

#faq-menu ul li a {
	color: #05d2fa !important;
}

#useful-docs-menu h5 {
	color: #2800A0 !important;
	font-family: 'Raleway';
	font-weight: 700;
}

#useful-docs-menu ul {
	list-style: none;
	padding-left: 0;
}

#useful-docs-menu ul li {
	margin-bottom: 15px;
}

.more-title {
	border-bottom: 1px dashed #d1d1d1;
}

.vote-wrapper {
	text-align: center;
	border-top: 1px solid #D0D0D6;
	padding-top: 10px;
	margin-top: 30px;
	color: #b2b2b2;
}

.vote-wrapper h2 {
	border: none;
	margin-bottom: 0;
}

.post-ratings img {
	margin-bottom: 1rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.post-ratings-text {
	display: none !important;
}

.rating-score {
	float: right;
	color: #2800A0;
	padding-left: 2rem;
	background: url('../svg/ratings-heart-small.svg') no-repeat 0 50%;
}

.ais-Stats {
	opacity: 1 !important;
}

@media (min-width: 500px) {
	.audience_menu {
		padding-left: 15px;
	}

	.audience_menu a.link {
		margin-left: 5px;
		vertical-align: bottom;
		display: inline-block;
		border-radius: 10px 10px 0 0;
	}

	.audience_menu a.btn {
		margin-right: 0;
	}
}

@media (min-width: 600px) {
	.audience_menu {
		padding: 0 30px;
	}
}

@media screen and (max-width:1200px) {
	.related-documents .slider-item {
		width: 49%;
	}
}

@media screen and (max-width:991px) {
	.related-documents .slider-item {
		width: 32%;
	}
}

@media screen and (max-width:740px) {
	.related-documents .slider-item {
		width: 49%;
	}
}

@media screen and (max-width:600px) {
	.search-form .checkbox-inline {
		display: block;
		margin: 5px 0;
	}

	.page-heading,
	.page-content {
		padding: 20px;
	}

	.page-footer {
		padding: 15px 20px !important;
	}
}

@media screen and (max-width:645px) {
	.filter-bar {
		text-align: center;
	}

	.filter-bar span {
		width: 100%;
		display: block;
		margin-bottom: 6px;
	}

	.filter-bar .down-arrow {
		margin: auto;
		left: 0;
		right: 0;
	}

	.filter-bar .down-arrow.employers {
		left: -222px;
	}

	.filter-bar .down-arrow.members {
		left: 187px;
	}

	.help-hero {
		padding-bottom: 20px;
	}
}

@media screen and (max-width:500px) {
	.related-documents .slider-item {
		width: 98%;
	}
}

@media screen and (max-width:455px) {
	#toggle-members {
		margin-top: 8px;
	}

	.filter-bar .down-arrow.employers {
		display: none;
	}

	.filter-bar .down-arrow.members {
		display: none;
	}
}

.visible-phone {
	display: none !important;
}

@media screen and (max-width: 767px) {
	.visible-phone {
		display: inherit !important;
	}

	.hidden-phone {
		display: none !important;
	}

	.cat-listings {
		padding: 0 20px 20px 20px;
	}

	.cat-listings .menu,
	.cat-listings .sub-menu {
		padding-left: 20px;
	}

	.quick-facts .menu-column,
	.quick-facts .content-column {
		width: 100%;
		border-left: none;
	}

	.help-hero .alignleft {
		margin-right: 10px;
	}

	#useful-docs-menu,
	#faq-menu {
		padding: 0 30px;
	}

	.filter-bar {
		padding: 15px;
	}

	.content-column {
		width: 100%;
		float: none;
		padding: 30px 0 15px;
		border-left: none;
	}
}

.ng-hide {
	display: none;
}

.search-form .form-group.col-sm-10.col-xs-8 {
	max-width: 100%;
}

.search-form .form-group.col-sm-2.col-xs-4 {
	max-width: 210px;
	width: auto;
	display: inline-block;
}

.search-form .form-group.col-sm-2.col-xs-4 #submit {
	width: 160px;
	height: 44px;
	padding-right: 0;
	padding-left: 0;
	padding: 0 15px;
	margin-right: 0;
	font-size: 14px;
	height: 44px !important;
	min-height: 0;
}

.search-results h1 {
	margin: 30px 0 0;
	color: #05d2fa;
}

.search-results h1 span {
	color: #4b4b55;
}

article .entry-header {
	margin: 20px 0 -10px;
	padding: 15px 60px;
}

article .entry-header h2 {
	margin-top: 20px;
	margin-bottom: 10px;
}

article .entry-header h2 a {
	color: #2800A0;
}

article .entry-summary p {
	margin-bottom: 10px;
}

.target-audience-tag i {
	margin-right: 8px;
}

#search-pagination {
	margin-top: 0 !important;
}

#search-pagination .ais-Pagination-list {
	margin: 0;
}

.question-list .card-title {
	font-size: 1rem;
	font-weight: bold;
	color: #4b4b55;
	margin-bottom: 0;
	display: flex;
	align-items: center;
}

.cat-listings a {
	color: #4b4b55;
}

.cat-listings a:hover {
	color: #2800A0;
}

.filter-bar span {
	font-size: 15px;
}

.related-questions .hentry {
	margin: 0 0 15px;
}

#main article .page-content a {
	color: #2800A0;
}

#main article .page-content a:visited {
	color: #180060;
}

#main article .page-content a:hover,
#main article .page-content a:focus,
#main article .page-content a:active {
	color: #7e66c6;
}

.searchresult p {
	margin-bottom: 10px;
}

@media (max-width: 575px) {
	.search-form .ais-SearchBox-reset {
		right: 5px;
		margin-right: 0;
	}

	.search-form .form-group.col-sm-2.col-xs-4 {
		max-width: 100%;
		width: 100%;
		position: static;
		margin: 0 15px;
	}

	#submit {
		width: 100%;
		border-radius: 4px;
	}
}

@media (max-width: 479px) {
	.search-form .form-group.col-sm-2.col-xs-4 {
		margin: 0;
	}
}

#searchBox {
	width: 100%;
}

.search-form .ais-SearchBox {
	display: inline-block;
	position: relative;
	height: 46px;
	white-space: nowrap;
	font-size: 14px;
	width: 100%;
}

.search-form .ais-SearchBox .ais-SearchBox-input {
	width: 100%;
	height: 46px;
	font-size: 14px;
	box-shadow: 0 1px 1px 0 rgba(85, 95, 110, 0.2);
}

.search-form .ais-SearchBox-reset,
.search-form .ais-SearchBox-submit {
	min-width: auto;
	min-height: auto;
	line-height: 1;
	width: auto;
}

.search-form .ais-SearchBox-submit {
	fill: #bfc7d8;
	left: 12px;
	top: calc(50% - 18px/2);
	position: absolute;
	padding: 0;
}

.search-form .ais-SearchBox-submit:hover {
	background: none;
}

.search-form .ais-SearchBox-submitIcon {
	width: 18px;
	height: 18px;
}

.search-form .ais-SearchBox-resetIcon {
	display: block;
	width: 12px;
	height: 12px;
}


@media only screen and (max-width: 767px) {
	.search-form .ais-SearchBox-submit {
		height: auto;
	}
}