/* Icons */

@font-face {
	font-family: "Arlo-Help-Centre--iOS";
	src: url("/hc/theming_assets/01HZM4GG5EYGY6NPJ987RWDHC0");
	src: url("//p4.zdassets.com/hc/theme_assets/16776/200006509/arlo-help-centre-icons-3.eot?#iefix") format("embedded-opentype"), url("/hc/theming_assets/01HZM4GHXHDZPJJE2NFTHD92NK") format("woff2"), url("/hc/theming_assets/01HZM4GHXHDZPJJE2NFTHD92NK") format("woff"), url("/hc/theming_assets/01HZM4GJZPSA2GV8TWTNS4M443") format("truetype"), url("//p4.zdassets.com/hc/theme_assets/16776/200006509/arlo-help-centre-icons-3.svg#Arlo-Help-Centre--iOS") format("svg");
	font-weight: normal;
	font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: "Arlo-Help-Centre--iOS";
		src: url("//p4.zdassets.com/hc/theme_assets/16776/200006509/arlo-help-centre-icons-3.svg#Arlo-Help-Centre--iOS") format("svg");
	}
}

span.icons8 {
	margin-right: 7px;
	font-size: 37px;
	position: relative;
	top: 7px;
}

[data-icons8]:before {
	content: attr(data-icons8);
}

.icons8,
[data-icons8]:before,
.icons8-accounting:before,
.icons8-active-directory:before,
.icons8-add-database:before,
.icons8-arlo-logo-font:before,
.icons8-ask-question:before,
.icons8-ask-the-community:before,
.icons8-banknotes:before,
.icons8-bug:before,
.icons8-bullish:before,
.icons8-business:before,
.icons8-calendar:before,
.icons8-cash-register:before,
.icons8-change-theme:before,
.icons8-change-theme-2:before,
.icons8-checklist:before,
.icons8-classroom:before,
.icons8-combo-chart:before,
.icons8-contact-card:before,
.icons8-data-arrived:before,
.icons8-diploma-2:before,
.icons8-domain:before,
.icons8-download-from-cloud:before,
.icons8-e-learning:before,
.icons8-error:before,
.icons8-form:before,
.icons8-general-knowledge-base:before,
.icons8-hand-cursor:before,
.icons8-headset:before,
.icons8-idea:before,
.icons8-import:before,
.icons8-knowledge-sharing:before,
.icons8-low-price:before,
.icons8-mailbox-with-letter:before,
.icons8-media-queries:before,
.icons8-microphone:before,
.icons8-password:before,
.icons8-planner:before,
.icons8-plugin:before,
.icons8-presentation:before,
.icons8-resume:before,
.icons8-resume-2:before,
.icons8-sales-performance:before,
.icons8-search:before,
.icons8-server:before,
.icons8-settings:before,
.icons8-share:before,
.icons8-smartphone-tablet:before,
.icons8-start:before,
.icons8-submit-ticket:before,
.icons8-suggest-feature:before,
.icons8-survey:before,
.icons8-to-do:before,
.icons8-training:before,
.icons8-tv-show:before,
.icons8-upload:before,
.icons8-user-groups:before,
.icons8-video-conference:before,
.icons8-webinar:before,
.icons8-website-integration:before,
.icons8-wordpress:before {
	display: inline-block;
	font-family: "Arlo-Help-Centre--iOS";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	text-decoration: inherit;
	text-rendering: optimizeLegibility;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

.icons8-accounting:before {
	content: "\f113";
}

.icons8-active-directory:before {
	content: "\f118";
}

.icons8-add-database:before {
	content: "\f103";
}

.icons8-arlo-logo-font:before {
	content: "\f142";
}

.icons8-ask-question:before {
	content: "\f126";
}

.icons8-ask-the-community:before {
	content: "\f135";
}

.icons8-banknotes:before {
	content: "\f111";
}

.icons8-bug:before {
	content: "\f120";
}

.icons8-bullish:before {
	content: "\f10f";
}

.icons8-business:before {
	content: "\f109";
}

.icons8-calendar:before {
	content: "\f13c";
}

.icons8-cash-register:before {
	content: "\f110";
}

.icons8-change-theme:before {
	content: "\f11a";
}

.icons8-change-theme-2:before {
	content: "\f13e";
}

.icons8-checklist:before {
	content: "\f10e";
}

.icons8-classroom:before {
	content: "\f117";
}

.icons8-combo-chart:before {
	content: "\f11d";
}

.icons8-contact-card:before {
	content: "\f106";
}

.icons8-data-arrived:before {
	content: "\f104";
}

.icons8-diploma-2:before {
	content: "\f10d";
}

.icons8-domain:before {
	content: "\f136";
}

.icons8-download-from-cloud:before {
	content: "\f128";
}

.icons8-e-learning:before {
	content: "\f10b";
}

.icons8-error:before {
	content: "\f121";
}

.icons8-form:before {
	content: "\f10c";
}

.icons8-general-knowledge-base:before {
	content: "\f12e";
}

.icons8-hand-cursor:before {
	content: "\f12b";
}

.icons8-headset:before {
	content: "\f138";
}

.icons8-idea:before {
	content: "\f122";
}

.icons8-import:before {
	content: "\f102";
}

.icons8-knowledge-sharing:before {
	content: "\f129";
}

.icons8-low-price:before {
	content: "\f112";
}

.icons8-mailbox-with-letter:before {
	content: "\f124";
}

.icons8-media-queries:before {
	content: "\f11e";
}

.icons8-microphone:before {
	content: "\f123";
}

.icons8-password:before {
	content: "\f11c";
}

.icons8-planner:before {
	content: "\f107";
}

.icons8-plugin:before {
	content: "\f127";
}

.icons8-presentation:before {
	content: "\f114";
}

.icons8-resume:before {
	content: "\f13a";
}

.icons8-resume-2:before {
	content: "\f13b";
}

.icons8-sales-performance:before {
	content: "\f108";
}

.icons8-search:before {
	content: "\f125";
}

.icons8-server:before {
	content: "\f13f";
}

.icons8-settings:before {
	content: "\f100";
}

.icons8-share:before {
	content: "\f11f";
}

.icons8-smartphone-tablet:before {
	content: "\f115";
}

.icons8-start:before {
	content: "\f101";
}

.icons8-submit-ticket:before {
	content: "\f130";
}

.icons8-suggest-feature:before {
	content: "\f131";
}

.icons8-survey:before {
	content: "\f116";
}

.icons8-to-do:before {
	content: "\f12a";
}

.icons8-training:before {
	content: "\f105";
}

.icons8-tv-show:before {
	content: "\f140";
}

.icons8-upload:before {
	content: "\f12c";
}

.icons8-user-groups:before {
	content: "\f11b";
}

.icons8-video-conference:before {
	content: "\f10a";
}

.icons8-webinar:before {
	content: "\f132";
}

.icons8-website-integration:before {
	content: "\f133";
}

.icons8-wordpress:before {
	content: "\f119";
}

@font-face {
	font-family: 'gilroy-regular';
	src: url('/hc/theming_assets/01HZM4GEW4T519EQZT89K9TQ3E') format('woff')
}

@font-face {
	font-family: 'gilroy-medium';
	src: url('/hc/theming_assets/01HZM4GPNDVMN31TNSKXPRFRZH') format('woff')
}
@font-face {
	font-family: 'gilroy-bold';
	src: url('/hc/theming_assets/01HZM4GXHGM6NXAAJ0BN90ZVB1') format('woff')
}
@font-face {
	font-family: 'PlutoHeavy';
	src: url("/hc/theming_assets/01HZM4GHSQ4552W6FY5KFP9KNY");
	src: url("//p4.zdassets.com/hc/theme_assets/16776/200006509/2AD8C6_0_0.eot?#iefix") format("embedded-opentype"), url("/hc/theming_assets/01HZM4GGBEPY6VRE4G3WNHSBJ6") format("woff"), url("/hc/theming_assets/01HZM4GRB8RX7QF62ZX9FMZ9QB") format("truetype")
}

@font-face {
	font-family: 'Pluto';
	src: url("/hc/theming_assets/01HZM4GFPAXMGMZ25J2CG4D638") format("truetype")
}

@font-face {
	font-family: 'PlutoMedium-Italic';
	src: url("/hc/theming_assets/01HZM4GGPV5CHJ5Z31M33Q24W9");
	src: url("//p4.zdassets.com/hc/theme_assets/16776/200006509/2AD8C6_1_0.eot?#iefix") format("embedded-opentype"), url("/hc/theming_assets/01HZM4GK9SASF81H6F0GJVNY19") format("woff"), url("/hc/theming_assets/01HZM4GMD9VGNHV2BVF9CY0W2T") format("truetype")
}

@charset "UTF-8";

/***** Base *****/

* {
	box-sizing: border-box;
}

body {
	background-color: #FBFAF7;
	color: #333f48;
	font-family: "gilroy-medium";
	font-weight: 400;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

@media (min-width: 1024px) {
	body>main {
		min-height: 65vh;
	}
}

body>main {
	background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 *,
.article-body.secondary-font h1,
.article-body.secondary-font h2,
.article-body.secondary-font h3,
.article-body.secondary-font h4,
.article-body.secondary-font h5,
.article-body.secondary-font h6,
.article-body.secondary-font h1 *,
.article-body.secondary-font h2 *,
.article-body.secondary-font h3 *,
.article-body.secondary-font h4 *,
.article-body.secondary-font h5 *,
.article-body.secondary-font h6 * {
	font-family: "gilroy-medium";
	font-weight: 400;
	margin-top: 0;
}

.wysiwyg-font-size-large,
.article-body.secondary-font .wysiwyg-font-size-large,
.article-body.secondary-font .wysiwyg-font-size-large *,
.wysiwyg-font-size-huge,
.article-body.secondary-font .wysiwyg-font-size-huge,
.article-body.secondary-font .wysiwyg-font-size-huge *,
.wysiwyg-font-size-medium,
.article-body.secondary-font .wysiwyg-font-size-medium,
.article-body.secondary-font .wysiwyg-font-size-medium * {
	font-weight: 600;
}

#article-container .article-body h1,
.wysiwyg-font-size-huge {
	font-size: 38px;
}
#article-container .article-body h2{
    font-size: 32px;
    font-family: "gilroy-medium";
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: .83em;
}
#article-container .article-body h3{
    font-size: 24px;
	font-family: "gilroy-bold";
    margin-top: 2em;
    margin-bottom: .83em;

}
#article-container .article-body h4{
    font-size: 18px;
	font-family: "gilroy-bold";
}
@media (max-width: 500px) {
	h1,
	.wysiwyg-font-size-huge {
		font-size: 35px;
	}
}

h2,
.wysiwyg-font-size-large {
	font-size: 26px;
  padding-top: .5em;
}

h3,
.wysiwyg-font-size-medium {
	font-size: 22px;
}

h4 {
	font-size: 18px;
}


wysiwyg-font-size-medium, .article-body.secondary-font .wysiwyg-font-size-medium{
  font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
}

h1.article-title {
	font-family: "gilroy-medium", Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: normal;
}



h4,
.article-body.secondary-font h4,
.article-body.secondary-font h4 * {
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
}

p {
	font-family: 'gilroy-medium', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.wysiwyg-font-size-small {
	font-size: 12px;
}

.article-body .wysiwyg-font-size-x-large,
.article-body.secondary-font .wysiwyg-font-size-x-large {
	font-size: 38px;
}

.article-body .wysiwyg-font-size-large,
.article-body.secondary-font .wysiwyg-font-size-large {
	font-size: 22px;
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
}

.article-body .wysiwyg-font-size-medium,
.article-body.secondary-font .wysiwyg-font-size-medium {
	font-size: 18px;
}

.article-body .wysiwyg-font-size-small,
.article-body.secondary-font .wysiwyg-font-size-small {
	font-size: 15px;
	font-style: italic;
}

a {
	color: #00b5e3;
	text-decoration: none;
	-webkit-transition: all .12s ease-in-out;
	/* Safari */
	transition: all .12s ease-in-out;
}

a:hover,
a:active,
a:focus {
	color: #333f48;
}

input,
textarea {
	color: #000;
	font-size: 14px;
}

input {
	max-width: 100%;
	box-sizing: border-box;
	outline: none;
	transition: border .12s ease-in-out;
	border: none;
}

input:focus {
	border: 1px solid rgba(255, 209, 0, 1);
}

input[disabled] {
	background-color: #ddd;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url("/hc/theming_assets/01HZM4GDFTKDW5GB7E7JRMM60D") no-repeat #fff;
	background-position: right 10px center;
	border-radius: 4px;
	padding: 13px 20px;
	outline: none;
	color: #555;
	width: 100%;
	border: none;
}

select::-ms-expand {
	display: none;
}

textarea {
	border: 1px solid #ddd;
	border-radius: 2px;
	resize: vertical;
	width: 100%;
	outline: none;
	padding: 10px;
}

textarea:focus {
	border: 1px solid rgba(255, 209, 0, 1);
}

.container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 5%;
}

@media (min-width: 1400px) {
	.container {
		padding: 0;
		width: 90%;
	}
}

.container-divider {
	border-top: 1px solid #ddd;
	margin-bottom: 20px;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.error-page {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
}

@media (min-width: 1160px) {
	.error-page {
		padding: 0;
		width: 90%;
	}
}

.dropdown-toggle::after {
	color: inherit;
}

.article-body table td {
	border: 1px solid #e4e4e4;
	padding: 16px;
}

.transition,
.search input[type="submit"],
.sub-nav input[type="submit"] {
	transition: transform 200ms ease-out, border-color 200ms ease-out, box-shadow 200ms ease-out;
}

.secondary-font,
.secondary-font * {
	font-family: "gilroy-medium";
	letter-spacing: 1px;
}

.anonymous {
	display: none;
}


/***** Layout *****/

.left-panel,
.right-panel {
	float: left;
	margin-top: 20px;
}

.left-panel {
	width: 25%;
	padding-right: 5%;
	min-height: 1px;
}

.right-panel {
	width: 72%;
}


/***** Category Menu *****/

ul.category-menu {
	background-color: #FBFAF7;
	border-radius: 3px;
	padding-bottom: 16px;
	border: solid 1px #e7e5de;
}

@media (max-width: 1040px) {
	.left-panel {
		display: none !important;
	}
	.right-panel {
		width: 100%;
	}
}

ul.category-menu li a {
	display: block;
	padding: 8px 24px;
	color: #333f48;
	font-weight: normal;
	font-size: 24px;
	letter-spacing: 0;
}

ul.category-menu li a:hover {
	color: #00b5e3;
	background-color: #fcfcfc;
}

ul.category-menu>li.selected>a {
	color: white;
	border-radius: 0 5px 5px 0;
	color: #00b5e3;
}

ul.category-menu ul {
	padding: 20px 0 20px 25px;
	background-color: #fcfcfc;
}

ul.category-menu ul li {
	border-left: 1px solid #efefef;
}

ul.category-menu ul li:first-child a {
	padding-top: 0;
}

ul.category-menu ul li:last-child a {
	padding-bottom: 0;
}

ul.category-menu ul li a {
	background-color: #fcfcfc;
	font-size: 14px;
	padding: 7px 24px 7px 22px;
}

ul.category-menu ul li.selected a {
	background-color: #efefef;
	padding-top: 7px;
	padding-bottom: 7px;
}


/***** Buttons *****/

.button,
[role="button"],
.button-wrapper a,
.request-form input[type="submit"],
.new_community_post input[type="submit"],
.profile-header .options [data-action="edit-profile"],
.post-comments input[type="submit"] {
	border-radius: 30px;
	color: #333f48;
	cursor: pointer;
	display: inline-block;
	font-family: 'gilroy-medium';
	font-size: 16px;
	line-height: 2.34;
	margin: 0;
	padding: 6px 20px;
	text-align: center;
	transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
	user-select: none;
	white-space: nowrap;
	-webkit-touch-callout: none;
	background: #ffdc40;
	min-width: 160px;
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
	
}

[role="button"][class^="wysiwyg-icon-"],
[role="button"][class*=" wysiwyg-icon-"] {
	font-family: 'wysiwyg-icons';
}

@media (max-width: 500px) {
	.button,
	[role="button"],
	.button-wrapper a,
	.request-form input[type="submit"],
	.new_community_post input[type="submit"],
	.profile-header .options [data-action="edit-profile"] {
		width: 100%;
	}
}

.button-yellow {
	color: rgba(255, 209, 0, 1);
	border-color: rgba(255, 209, 0, 1);
}

.button-light {
	background: transparent;
	border: thin #333f48 solid;
}

/* Follow button */
.community-follow a,
.article-subscribe {
	background: transparent;
	border: 1px #ccc solid;
	position: relative;
	padding-left: 2.4em;
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
}

.community-follow a::before,
.article-subscribe::before{
	content:url('/hc/theming_assets/01HZM4GZ1YNJAN4JZEA46VZRBJ');
	position: absolute;
	left: 22%;
	top: 26%;
	height: 0;
}

@media (max-width: 700px) {
	.community-follow a::before,
	.article-subscribe::before{
		content: "";
	}
	.community-follow a,
	.article-subscribe{
		padding-left:0;
	}
}
.community-follow a:hover,
.sub-nav .article-subscribe:hover{
	background: #f7f7f7;
}

.button-yellow:hover,
.button-yellow:active,
.button-yellow:focus,
[role="button"].button-yellow:hover,
[role="button"].button-yellow:active,
[role="button"].button-yellow:focus {
	opacity: 0.8;
}

.button::after,
[role="button"]::after {
	color: rgba(255, 209, 0, 1);
}

.button:hover,
.button:active,
.button:focus,
.request-form input[type="submit"]:hover,
.request-form input[type="submit"]:active,
.request-form input[type="submit"]:focus,
.button[aria-selected="true"],
[role="button"]:hover,
[role="button"]:active,
[role="button"]:focus,
[role="button"][aria-selected="true"],
.button-wrapper a:hover,
.button-wrapper a:active,
.button-wrapper a:focus,
.new_community_post input[type="submit"]:hover,
.new_community_post input[type="submit"]:active,
.new_community_post input[type="submit"]:focus,
.profile-header .options [data-action="edit-profile"]:hover,
.post-comments input[type="submit"]:hover {
	background-color: #FFD100;
	text-decoration: none;
	border-color: #FFD100;
}

.button[aria-selected="true"]:hover,
.button[aria-selected="true"]:focus,
.button[aria-selected="true"]:active,
[role="button"][aria-selected="true"]:hover,
[role="button"][aria-selected="true"]:focus,
[role="button"][aria-selected="true"]:active {
	background-color: #997d00;
	border-color: #997d00;
}

.button[data-disabled],
[role="button"][data-disabled] {
	cursor: default;
}

.button-large {
	background-color: rgba(255, 209, 0, 1);
	border: 0;
	border-radius: 4px;
	color: #333f48;
	font-size: 14px;
	font-weight: 400;
	line-height: 2.72;
	min-width: 190px;
	padding: 0 1.9286em;
	width: 100%;
}

@media (min-width: 768px) {
	.button-large,
	input[type="submit"] {
		width: auto;
	}
}

.button-large[disabled],
input[type="submit"][disabled] {
	background-color: #ddd;
}

.button-secondary {
	color: #aedfdf;
	border: 1px solid #ddd;
	background-color: transparent;
}

.button-secondary:hover,
.button-secondary:focus,
.button-secondary:active {
	color: #65c2c2;
	border: 1px solid #ddd;
	background-color: #f6f4ed;
}

.new_community_post input[type="submit"] {
	width: 100%;
}


/***** Tables *****/

.table {
	width: 100%;
	table-layout: fixed;
}

@media (min-width: 768px) {
	.table {
		table-layout: auto;
	}
}

.table th,
.table th a {
	color: #333f48;
	font-weight: 300;
	text-align: left;
}

[dir="rtl"] .table th,
[dir="rtl"] .table th a {
	text-align: right;
}

.table tr {
	border-bottom: 1px solid #efefef;
	display: block;
	padding: 20px 0;
}

.table tbody {
	color: #94a6b3;
}

@media (min-width: 768px) {
	.table tr {
		display: table-row;
	}
}

.table td {
	display: block;
}

@media (min-width: 768px) {
	.table td {
		display: table-cell;
	}
}

@media (min-width: 1024px) {
	.table td,
	.table th {
		padding: 20px 30px;
	}
}

@media (min-width: 768px) {
	.table td,
	.table th {
		padding: 10px 20px;
		height: 60px;
	}
}


/***** Forms *****/

.submit-form{
	width: 50%;
	margin: auto;
}
.submit-form h1{
	text-align: center
}

@media (max-width: 768px) {
	.submit-request-form{
		width: 90%;
		margin: auto;
	}
}

.form-field~.form-field {
	margin-top: 25px;
}

.form-field label {
	display: block;
	font-size: 13px;
	margin-bottom: 5px;
}

.form-field input {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	width: 100%;
}

.form-field input:focus {
	border: 1px solid rgba(255, 209, 0, 1);
}

.form-field input[type="text"] {
	border: 1px solid #ddd;
	border-radius: 4px;
}

.form-field input[type="text"]:focus {
	border: 1px solid rgba(255, 209, 0, 1);
}

.form-field .nesty-input {
	border-radius: 4px;
	height: 40px;
	line-height: 40px;
	outline: none;
	vertical-align: middle;
}

.form-field .nesty-input:focus {
	border: 1px solid rgba(255, 209, 0, 1);
	text-decoration: none;
}

.form-field textarea {
	vertical-align: middle;
}

.form-field input[type="checkbox"]+label {
	margin: 0 0 0 10px;
}

.form-field.required>label::after {
	content: "*";
	color: #f00;
	margin-left: 2px;
}

.form-field p {
	color: #333f48;
	font-size: 12px;
	margin: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
	background: transparent url("/hc/theming_assets/01HZM4GQF80YY6MY5PXZDJV48D") 99% 50% no-repeat;
	background-size: 16px 16px;
}

.form footer {
	padding: 1em 0;
	width: 200px;
	margin: auto;
}

.form footer a {
	color: #aedfdf;
	cursor: pointer;
	margin-right: 15px;
}

.form .suggestion-list {
	font-size: 13px;
	margin-top: 30px;
}

.form .suggestion-list label {
	border-bottom: 1px solid #ddd;
	display: block;
	padding-bottom: 5px;
}

.form .suggestion-list li {
	padding: 10px 0;
}

.form .suggestion-list li a:visited {
	color: #00647d;
}


/***** Header *****/


.header-wrapper {
	background-color: #333f48;
	padding: 0 15px;
}

.header-wrapper .header-toplinks {
	text-align: right;
	max-width: 1400px;
	margin: 0 auto;
	padding: 16px 0 0 0;
}

.header-wrapper .header-toplinks a {
	color: #fff;
	margin: 10px;
}

.header {
	max-width: 1550px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	align-items: center;
	display: flex;
	padding-bottom: 35px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.header .search {
	flex: 0.5 0 auto;
	padding: 0 10px;
}

.header .search #query {
	border-radius: 27px;
}

#user-nav .search {
	display: none;
}

@media (max-width: 1000px) {
	.header {
		height: auto;
		padding: 20px 3%;
	}
	.header .logo {
		order: 1;
	}
	.header .search {
		order: 3;
		flex: 1 0 100%;
		margin-top: 20px;
	}
	.header .nav-wrapper {
		order: 2;
		width: 100%;
		text-align: center;
	}
}

.logo:hover {
	opacity: 0.8;
}

.logo img,
.logo .logo-header {
	float: left;
}

.logo img {
	max-height: 90px;
}

.logo .logo-header {
	display: inline-block;
	margin-left: 16px;
}

.logo .logo-headline {
	display: block;
	color: white;
	font-size: 46px;
  font-family: "gilroy-bold", Arial;
	letter-spacing: 0;
}

.logo .logo-subheadline {
	display: block;
	margin-top: -6px;
	font-family: "gilroy-medium", Arial;
	font-size: 14px;
	font-weight: normal;
	color: white;
	letter-spacing: 2px;
}

.header .search input[type="search"] {
	width: 100%;
	padding-top: 13px;
	padding-bottom: 13px;
}

.header .search input[type="submit"],
.sub-nav input[type="submit"] {
	position: absolute;
	right: 10px;
	top: 0px;
	font-size: 0;
	color: transparent;
	height: 100%;
	width: 55px;
	background-color: transparent;
	border: none;
	background-image: url("/hc/theming_assets/01HZM4GF60TGACAM2D72GHBQXR");
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: center;
}

.header .search input[type="submit"]:hover {
	opacity: 0.7;
}

.user-nav {
	display: flex;
	position: absolute;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.user-nav {
		position: relative;
	}
}

.user-nav[aria-expanded="true"] {
	background-color: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
	border: solid 1px #ddd;
	right: 0;
	left: 0;
	position: fixed;
	top: 0;
	z-index: 1;
	padding: 14px;
	transition: all ease 0.2s;
}

.user-nav[aria-expanded="true"]>* {
	margin-bottom: 10px;
}

.user-nav[aria-expanded="true"]>a {
	display: block;
}

.user-nav[aria-expanded="true"] .user-info {
	display: block;
	margin-left: 0;
}

.user-nav[aria-expanded="true"] .user-info>[role="button"] {
	display: block;
}

.nav-wrapper {
	text-align: right;
}

@media (min-width: 768px) {
	.nav-wrapper a {
		display: inline-block;
	}
}

[dir="rtl"] .nav-wrapper a {
	padding: 0 0 0 20px;
}

.nav-wrapper .icon-menu {
	display:block;
	color: #00b5e3;
	width: 100%;
	text-align: center;
	font-size: 30px;
	
}

.nav-wrapper .submit-a-request {
	background: transparent;
	color: #fff;
	border: solid 1px rgba(154, 165, 173, 0.31);
	margin-right: 10px;
	font-weight: normal;
}

.nav-wrapper .submit-a-request:hover {
	background: transparent;
	opacity: 0.8;
}

@media (max-width: 768px) {
	.user-nav[aria-expanded="false"]>* {
		display: none;
	}
	.nav-wrapper .submit-a-request{
		color: #333;
	}
}

@media (min-width: 768px) {
	.nav-wrapper .icon-menu {
		display: none;
	}
}

[dir="rtl"] .nav-wrapper .icon-menu {
	margin-left: 10px;
	margin-right: 0;
}


/***** User info in header *****/

.user-info {
	display: inline-block;
	margin-left: 10px;
	font-family: "gilroy-medium";
}

.dropdown-toggle{
	vertical-align: inherit;
}
.user-info .dropdown-toggle::after {
	display: none;
}

@media (min-width: 768px) {
	.user-info .dropdown-toggle::after {
		display: inline-block;
		vertical-align: inherit;
	}
}

.user-info>[role="button"] {
	border: 0;
	color: white;
	background: transparent;
	border-radius: 26px;
	font-weight: normal;
	border: solid 1px rgba(154, 165, 173, 0.31);
	display: flex;
	justify-content: center;
}

.user-info>[role="button"]:hover {
	opacity: 0.8;
}

.user-info>[role="button"]::after {
	color: #FBFAF7;
	padding-right: 5px;
}

[dir="rtl"] .user-info>[role="button"]::after {
	padding-left: 15px;
	padding-right: 0;
}

#user #user-name {
	display: none;
}

#user #user-name {
	display: inline-block;
}
@media (max-width: 768px) {
	#user #user-name {
		color: #333;
	}
}

/***** User avatar *****/

.user-avatar {
	height: 25px;
	width: 25px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin: 5px 7px 5px 2px;
}

.avatar {
	display: inline-block;
	position: relative;
}

.avatar img {
	height: 40px;
	width: 40px;
}

.avatar .icon-agent::before {
	background-color: rgba(255, 209, 0, 1);
	border: 2px solid #fff;
	border-radius: 50%;
	bottom: -4px;
	color: #333f48;
	content: "\1F464";
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	position: absolute;
	right: -2px;
	text-align: center;
	width: 14px;
}


/***** Footer *****/

.footer {
	background-color: #FBFAF7;
	padding: 2em;
}

.footer img {
	display: block;
	margin: auto;
}

.footer .website-link {
	color: #e0e0e0;
	font-size: 1.2em;
	margin-bottom: 1em;
	margin-top: 2em;
}

.footer ul {
	margin: 1em;
}

.footer ul .footer-link-head {
	padding: 1em 0;
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
}
.footer ul .footer-link-head a{
	font-size: 17px;
	
}

.footer a {
	color: #333f48;
}

.footer a:hover {
	color: #00b5e3;
}

.footer-inner {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.footer-inner li a{
	display: inline-block;
	padding: 8px 0;
	font-size: 13px;
	text-decoration: none;
}


@media (min-width: 1160px) {
	.footer-inner {
		padding: 0;
	}
}

.footer-language-selector {
	color: #aedfdf;
	display: inline-block;
	font-weight: 300;
}


/***** Breadcrumbs *****/

.breadcrumbs{
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
}

/* Prepend back arrow to breadcrumbs*/
.breadcrumbs:not(.search-result-breadcrumbs) li:first-child a::before{
	content:url('/hc/theming_assets/01HZM4GXQ1FFH19GSYKBTDASW8');
	margin-right: 10px;
}

.breadcrumbs li:last-child{
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
}

@media (min-width: 768px) {
	.breadcrumbs {
		margin: 0;
	}
}

.breadcrumbs li {
	color: lighten(#65c2c2);
	display: inline;
	font-weight: 300;
	font-size: 18px;
	max-width: 450px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.breadcrumbs li+li::before {
	content: "|";
	margin: 0 20px;
	font-weight: normal;
}

.breadcrumbs li a {
	color: #333f48;
}

.breadcrumbs li a:visited {}

ol.breadcrumbs.profile-contribution-breadcrumbs li{
	font-size: 13px;
}

ol.breadcrumbs.profile-contribution-breadcrumbs li::before {
	margin: 0 5px 0 0px;
}

/***** Search field *****/

.search {
	position: relative;
}


/* Header search */

.search input[type="search"] {
	border-radius: 20px;
	box-sizing: border-box;
	color: #333f48;
	padding-left: 20px;
	-webkit-appearance: none;
	font-size: 1.1em;
	padding-right: 40px;
	border: 1px rgba(255, 209, 0, 1) solid;
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
	
}

.hero{
	overflow: hidden;
}


/* Hero (homepage) search */

.hero .search input[type="search"] {
	width: 80%;
	border-radius: 30px;
	padding: 18px 22px;
	border: 1px rgba(255, 209, 0, 1) solid;
	background-color: #fff;
	transition: all ease 0.2s;
}

.hero .search input[type="submit"] {
	font-size: 0;
	color: transparent;
	background-color: transparent;
	background-image: url("/hc/theming_assets/01HZM4GF60TGACAM2D72GHBQXR");
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: center;
	height: 50px;
	width: 50px;
	border: none;
	position: absolute;
	top: 50%;
	right: 100px;
	transform: translate(0%,-50%);
}

.hero .search input[type="search"]:focus {
}

@media (max-width: 850px) {
	.hero .search input[type="search"] {
		width: 70%;
	}
}

@media (max-width: 690px) {
	.hero .search input[type="search"] {
		width: 67%;
	}
}

@media (max-width: 615px) {
	.hero .search input[type="search"] {
		float: left;
		width: 90%;
	}
	.hero .search input[type="submit"] {
		right: 0;
	}
}

@media (max-width: 520px) {
	.hero .search input[type="search"] {
		background-color: white;
		width: 100%;
		border-radius: 30px;
	}
	.hero .search input[type="submit"] {
		position: relative;
		width: 100%;
		background-color: rgba(255, 209, 0, 1);
		background-image: url("/hc/theming_assets/01HZM4GJGB2C240RA7B3AH4BPQ");
		top: 0;
		margin-top: 36px;
		height: 44px;
		border-radius: 30px;
	}
	.hero .search input[type="submit"]:hover {
		background-color: transparent;
		background-image: url("/hc/theming_assets/01HZM4GF60TGACAM2D72GHBQXR");
	}
}

@media (max-width: 310px) {
	.hero .search input[type="search"] {
		font-size: 13px;
	}
}

.search input[type="search"]::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #333f48;
}

.search input[type="search"]::-moz-placeholder {
	/* Firefox 19+ */
	color: #333f48;
}

.search input[type="search"]:-ms-input-placeholder {
	/* IE 10+ */
	color: #333f48;
}

.search input[type="search"]:-moz-placeholder {
	/* Firefox 18- */
	color: #333f48;
}

[dir="rtl"] .search input[type="search"] {
	padding-right: 20px;
	padding-left: 20px;
}

.search input[type="search"]:focus {
	color: #555;
}

.search-full input[type="search"] {
	border: none;
}


/***** Hero component *****/

.hero {
	background-position: center;
	background-size: cover;
	padding: 30px;
	text-align: center;
	width: 100%;
	background-color: #FBFAF7;
	position: relative;
}

.hero-inner {
	position: relative;
	top: 80%;
	max-width: 860px;
	margin: 0 auto;
	padding: 4em 0;
	z-index: 10;
}

.hero-inner h1 {
	font-size: 60px;
	font-weight: 400;
}

.page-header {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 10px 0;
}
.page-header h1{
	font-size: 50px;
}
@media (min-width: 768px) {
	.page-header {
		align-items: baseline;
		flex-direction: row;
		margin: 0 0 20px 0;
	}
}

.page-header .section-subscribe {
	flex-shrink: 0;
	margin-bottom: 10px;
}

@media (min-width: 768px) {
	.page-header .section-subscribe {
		margin-bottom: 0;
	}
}

.page-header h1 {
	flex-grow: 1;
	margin-bottom: 0;
}

.right-panel .page-header h1 {
	margin-bottom: 10px;
}

.page-header-description {
	font-style: italic;
	font-weight: 300;
	margin: 0 0 0 0;
	word-break: break-word;
}

@media (min-width: 1024px) {
	.page-header-description {
		flex-basis: 100%;
	}
}

.page-header .icon-lock::before {
	content: "\1F512";
	font-size: 20px;
	position: relative;
	left: -5px;
	vertical-align: baseline;
}

.sub-nav {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 15px;
}

@media (min-width: 768px) {
	.sub-nav {
		align-items: baseline;
		flex-direction: row;
	}
}

@media (min-width: 768px) {
	.sub-nav input[type="search"] {
		min-width: 300px;
	}
}

.sub-nav input[type="submit"] {
	opacity: 0.2;
}

.sub-nav input[type="submit"]:hover {
	opacity: 0.1;
}

.sub-nav form[role="search"] {
	position: relative;
}

.sub-nav input[type="search"],
.requests-table-toolbar input[type="search"] {
	border: none;
	padding: 13px 20px;
	border-radius: 3px;
	font-size: 1.1em;
	background-color: #efefef;
	color: #333f48;
}

@media (max-width: 768px) {
	.sub-nav input[type="search"] {
		width: 100%;
		box-sizing: border-box;
	}
	.article-author {
		width: 100%;
		margin-bottom: 20px;
	}
	.requests-table-toolbar input[type="search"] {
		margin-bottom: 20px;
	}
}

.sub-nav input[type="search"]::-webkit-input-placeholder,
.requests-table-toolbar input[type="search"]::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #afb8bf;
}

.sub-nav input[type="search"]::-moz-placeholder,
.requests-table-toolbar input[type="search"]::-moz-placeholder {
	/* Firefox 19+ */
	color: #afb8bf;
}

.sub-nav input[type="search"]:-ms-input-placeholder,
.requests-table-toolbar input[type="search"]:-ms-input-placeholder {
	/* IE 10+ */
	color: #afb8bf;
}

.sub-nav input[type="search"]:-moz-placeholder,
.requests-table-toolbar input[type="search"]:-moz-placeholder {
	/* Firefox 18- */
	color: #afb8bf;
}


/***** Blocks *****/


/* Used in Homepage#categories and Community#topics */

.blocks-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	padding: 0;
}

@media (min-width: 768px) {
	.blocks-list {
		margin: 0 -15px;
	}
}

.blocks-item {
	border: 1px solid #9aa5ad;
	border-radius: 4px;
	box-sizing: border-box;
	color: #333f48;
	display: flex;
	flex: 1 0 250px;
	flex-direction: column;
	justify-content: center;
	margin: 0 0 30px;
	max-width: 307px;
	text-align: center;
}

@media (max-width: 500px) {
	.blocks-item {
		width: 100%;
		flex: 1 0 100%;
		max-width: none;
	}
}

.blocks-item:hover svg * {}

.blocks-item:hover svg .filled {
	fill: rgba(255, 209, 0, 0.10) !important;
	stroke: none !important;
}

.blocks-item {
	margin: 0 15px 30px;
}
.blocks-item .meta-data{
	margin: 1em;
}
.blocks-item:hover,
.blocks-item:focus,
.blocks-item:active,
.recent-activity-item:hover,
.striped-list-item:hover  {
	border-color: rgba(255, 209, 0, 1);
	transform: translateY(-5px);
	box-shadow: 0px 12px 16px -8px #ccc;
}

.blocks-item:hover *,
.blocks-item:focus *,
.blocks-item:active * {
	text-decoration: none;
}

.blocks-item-link {
	color: #333f48;
	padding: 30px;
}

.blocks-item-link:hover,
.blocks-item-link:focus,
.blocks-item-link:active {
	text-decoration: none;
}

.blocks-item-title {
	margin-bottom: 0;
	padding: 10px 0;
	text-transform: capitalize;
	letter-spacing: -0.2px;
	font-size: 22px;
	color: #333f48;
  font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
}

.blocks-item-description {
	font-weight: 300;
	margin: 0;
}

.blocks-item-description:not(:empty) {
	margin-top: 10px;
}


/***** Homepage *****/

.strip {
	position: absolute;
	bottom: -50px;
	background-color: white;
	width: 100%;
	left: 0;
	height: 50px;
	z-index: 50;
}

.stars-right {
	position: absolute;
	right: 200px;
	bottom: -90px;
	z-index: 1;
}

.stars-left {
	position: absolute;
	left: 200px;
	bottom: -122px;
	z-index: 1;
}

@media (max-width: 1400px) {
	.stars-left,
	.stars-right {
		display: none;
	}
}

.section {
	margin-bottom: 40px;
}

.section h1 {
	text-align: center;
	font-weight: normal;
	font-size: 50px;
}

.section.trial {
	background-color: #333f48;
	border-radius: 4px;
	padding: 30px 60px 45px;
	overflow: auto;
	margin-bottom: 7em;
	color:#fff;
	max-width: 1000px;
	margin:auto;
	
}

@media (max-width: 1250px) {
	.section.trial {
		padding: 30px 30px 45px;
	}
}

.section.trial [role="button"] {
	float: right;
	margin-top: 2em;
}

@media (max-width: 1035px) {
	.section.trial [role="button"] {
		float: left;
		clear: both;
		margin-top: 18px;
	}
}

.section.trial h1 {
	color: rgba(255, 209, 0, 1);
	margin: 0;
}

.section.trial p {
	margin: 0;
}

.section.trial .content {
	float: left;
}

.wrapper.more-questions {
	background-color: white;
}

.wrapper.more-questions h1 {
	text-align: center;
}

.wrapper.more-questions section {
	margin-bottom: 0;
	padding: 4em 0 0;
}

section.categories {
	max-width: 980px;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.section {
		margin-bottom: 60px;
	}
}

.section h2 {
	margin-bottom: 10px;
	text-align: center;
}

.team-home {
	width: 90%;
	margin: auto;
	text-align: center;
	margin-top: 3em;
}

.team-home img {
	width: 70%;
	margin: auto;
	display: block;
}

@media (max-width: 700px) {
	.team-home img {
		width: 100%;
	}
}

.arlo-banner {
	background-color: rgba(255, 209, 0, 1);
	text-align: center;
	padding: 4em;
	font-size: 20px;
}

.arlo-banner .arlo-buttons {
	display: flex;
	justify-content: center;
	font-weight: 400;
	font-size: 16px;
}

@media (max-width: 700px) {
	.arlo-banner .arlo-buttons {
		flex-direction: column;
	}
}

.arlo-button-dark {
	margin: 1em;
	border-radius: 50px;
	background-color: #47525a;
	color: rgba(255, 209, 0, 1);
	padding: 1em 5em;
	min-width: 160px;
}

.arlo-button-dark:hover {
	background-color: #333F48;
	border-color: #333F48;
	color: rgba(255, 209, 0, 1);
}

@media (max-width: 700px) {
	.arlo-button-dark {
		margin: 10px;
		padding: 1em 0;
		
	}
}
/***** Promoted articles *****/

.promoted-articles {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

@media (min-width: 1024px) {
	.promoted-articles {
		flex-direction: row;
	}
}

.promoted-articles-item {
	flex: 1;
}

@media (min-width: 1024px) {
	.promoted-articles-item {
		align-self: flex-end;
		flex: 0 0 33%;
		/* Three columns on desktop */
		padding-right: 30px;
	}
	[dir="rtl"] .promoted-articles-item {
		padding: 0 0 0 30px;
	}
}

.promoted-articles-item:nth-child(3n) {
	padding-right: 0;
}

.promoted-articles-item a {
	color: white;
	display: block;
	padding: 15px 18px;
	background-color: #333f48;
	border-radius: 3px;
	letter-spacing: 0;
	min-height: 75px;
	margin-bottom: 12px;
}

.promoted-articles-item a:hover {
	background-color: #00b5e3;
	color: white;
}


/***** Community section in homepage *****/

.community {
	text-align: center;
}

.community-image {
	min-height: 300px;
	background-image: url(/hc/theming_assets/01HZM4H10VZC8KKHE7JCZ15483);
	background-position: center;
	background-repeat: no-repeat;
	max-width: 100%;
}

.community,
.activity {
	padding: 30px 0;
}


/***** Recent activity *****/

.recent-activity-header {
	margin-bottom: 10px;
	text-align: center;
	font-size: 50px;
}

.recent-activity-list {
	padding: 0;
}

.recent-activity-item, .striped-list-item  {
	overflow: auto;
	padding: 2em;
	margin: 2em 0;
	background: white;
	margin-bottom: 10px;
	border-radius: 4px;
	border: solid 1px #e7e5de;
	-webkit-transition: all .12s ease-in-out;
	/*Safari*/
	transition: all .12s ease-in-out;
}

.recent-activity-item-parent {
	font-size: 16px;
}

.recent-activity-item-parent,
.recent-activity-item-link {
	margin: 6px 0;
	color: #333f48;
	display: inline-block;
	width: 100%;
	font-size: 16px;
}

@media (min-width: 768px) {
	.recent-activity-item-parent,
	.recent-activity-item-link {
		width: 70%;
		margin: 0;
	}
}

.recent-activity-item-link {
	font-size: 24px;
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
}

.recent-activity-item-meta {
	margin: 15px 0 0 0;
	float: none;
}

@media (min-width: 768px) {
	.recent-activity-item-meta {
		margin: 0;
		float: right;
	}
	[dir="rtl"] .recent-activity-item-meta {
		float: left;
	}
}

.recent-activity-item-time,
.recent-activity-item-comment {
	color: #666;
	display: inline-block;
	font-size: 13px;
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
}

.recent-activity-item-comment {
	padding-left: 5px;
}

[dir="rtl"] .recent-activity-item-comment {
	padding: 0 5px 0 0;
}

.recent-activity-item-comment::before {
	display: inline-block;
}

.recent-activity-item-comment span::before {
	color: rgba(255, 209, 0, 1);
	content: "\1F4AC";
	display: inline-block;
	font-size: 22px;
	padding-right: 7px;
	vertical-align: middle;
}

[dir="rtl"] .recent-activity-item-comment span::before {
	padding-left: 3px;
}

.recent-activity-controls {
	padding-top: 40px;
	text-align: center;
	color: #666;
}

.recent-activity-controls a {
	border-radius: 30px;
	border: solid 1px rgba(154, 165, 173, 0.31);
	padding: 13px 16px;
	color: #333;
	transition: all ease 0.2s;
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
}
.recent-activity-controls a::before{
	content:url('/hc/theming_assets/01HZM4H07DH6VSP2ES8KNARM9K');
	padding: 0 5px 0 0;
	vertical-align: -26%;
}

.recent-activity-controls a:hover {
	background-color: #FBFAF7;
}


/***** Category pages *****/

.category-container {
	display: flex;
	justify-content: flex-end;
}

.category-content {
	flex: 1;
}

.section-tree {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media (min-width: 768px) {
	.section-tree {
		flex-direction: row;
	}
}

.section-tree .section {
	flex: initial;
}

@media (min-width: 768px) {
	.section-tree .section {
		flex: 0 0 45%;
		/* Two columns for tablet and desktop. Leaving 5% separation between columns */
	}
}

.section-tree .icon-lock::before {
	vertical-align: baseline;
}

.section-tree-title {
	margin-bottom: 7px;
}

.section-tree-title a {
	color: #333f48;
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
	font-size: 30px;
}

.section-tree-title a:hover {
	color: #00b5e3;
}

.section-tree .see-all-articles {
	display: block;
	padding: 15px 0;
}

.article-list {
	
	margin-left: 20px;
}

.article-list-item {
	padding: 6px 0 6px 8px;
}

.article-list-item a {
	font-size: 20px;
	font-weight: normal;
	color: #333f48;
	letter-spacing: 0;
}

.article-list-item:last-child a {
	border-bottom: none;
}

.article-list-item a:hover {
	color: #00b5e3;
}

.icon-star::before {
	color: rgba(255, 209, 0, 1);
	font-size: 18px;
}


/***** Section pages *****/

.section-container {
	display: flex;
	justify-content: flex-end;
}

.section-content {
	flex: 1;
}

.section-subscribe .dropdown-toggle::after {
	display: none;
}


/***** Article *****/

.article {
	/*
	* The article grid is defined this way to optimize readability:
	* Sidebar | Content | Free space
	* 17%     | 66%     | 17%
	*/
	flex: 1 0 auto;
}

@media (min-width: 1024px) {
	.article {
		flex: 1 0 0;
		min-width: 640px;
	}
}

.article-container {
	display: flex;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.article-container {
		flex-direction: row;
	}
}

.article-header {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
	margin-top: 20px;
}

@media (min-width: 768px) {
	.article-header {
		flex-direction: row;
		margin-top: 0;
	}
}

.article-author {
	background: white;
	padding: 10px 18px;
	border-radius: 3px;
}

@media (min-width: 768px) {
	.article-title {
		flex-basis: 100%;
		/* Take entire row */
	}
}

.article-title .icon-lock::before {
	content: "\1F512";
	font-size: 20px;
	position: relative;
	left: -5px;
	vertical-align: baseline;
}

.article [role="button"] {
	flex-shrink: 0;
	/*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
	width: 100%;
}

@media (min-width: 768px) {
	.article [role="button"] {
		width: auto;
	}
}

.article-info {
	max-width: 100%;
}

.article-meta {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}

.article-body.secondary-font,
.article-body.secondary-font * {
	font-weight: normal;
	letter-spacing: 0;
	font-size: 17px;
}

.article-body.secondary-font strong,
.article-body.secondary-font b {
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
}

.article-body img {
	height: auto;
	max-width: 100%;
	padding: 10px 0;
}

.article-body p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.article-body ul,
.article-body ol {
	//padding-left: 20px;
	list-style-position: outside;
	margin: 15px 0 20px 20px;
}

.article-body ul>ul,
.article-body ol>ol,
.article-body ol>ul,
.article-body ul>ol {
	margin: 0;
}

.article-body ul ul,
.article-body ol ol,
.article-body ol ul,
.article-body ul ol {
	margin-top: 5px;
	margin-bottom: 5px;
}

.article-body ul {
	list-style-type: disc;
}
.article-body ul li{
	margin: 10px 0;
}

.article-body a:visited {
	color: #00647d;
}

.article-body pre {
	background: #f6f4ed;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
	font-family: monospace;
}

.article-body blockquote {
	border-left: 1px solid #ddd;
	color: #aedfdf;
	font-style: italic;
	padding: 0 15px;
}

.article-body>p:last-child {
	margin-bottom: 0;
}

.article-content {
	line-height: 1.6;
	margin: 40px 0;
	word-wrap: break-word;
}

.article-footer {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.article-comment-count {
	color: #aedfdf;
	font-weight: 300;
}

.article-comment-count:hover {
	text-decoration: none;
}

.article-comment-count .icon-comments {
	color: rgba(255, 209, 0, 1);
	content: "\1F4AC";
	display: inline-block;
	font-size: 18px;
	padding: 5px;
}

.section-articles.collapsible-sidebar {
	background-color: #FBFAF7;
	border-radius: 3px;
	padding-bottom: 16px;
	border: solid 1px #e7e5de;
}

.article-relatives {
	display: flex;
	flex-direction: column;
	padding: 20px 40px;
	background-color: white;
	border-radius: 3px;
	text-align: center;
}

@media (min-width: 768px) {
	.article-relatives {
		flex-direction: row;
	}
}

.article-relatives>* {
	flex: 1;
	margin-right: 0;
}

.article-relatives>*:last-child {
	margin: 0;
}

@media (min-width: 768px) {
	.article-relatives>* {
		margin-right: 20px;
	}
}

.article-votes {
	padding: 20px 60px;
	text-align: center;
	background-color: rgba(255, 209, 0, 1);
	padding: 62px 20px;
	font-size: 18px;
}

.article-share {
	text-align: center;
}

.article-vote {}

.article-votes-controls {
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	font-size: 15px;
}

.article-votes-controls .arlo-button-dark {
	padding: 1em 6em;
	color: rgba(255, 209, 0, 1);
}

.article-vote::before {
	font-size: 8px;
	margin-right: 10px;
}

.article-vote::after {
	content: attr(title);
	color: rgba(255, 209, 0, 1);
	width: 200px;
	/* Yes/No label*/
}

.article-vote:focus,
.article-vote:active {
	background-color: #333F48;
}

.article-more-questions {
	margin: 10px 0 20px;
	text-align: center;
	padding: 62px 20px;
	background-color: #FBFAF7;
}
.article-more-questions h3 {
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
}
.article-return-to-top {
	border-top: 1px solid #ddd;
}

.article-more-questions [role="button"]{
	padding: 6px 50px;
}

@media (min-width: 1024px) {
	.article-return-to-top {
		display: none;
	}
}

.article-return-to-top a {
	color: #65c2c2;
	display: block;
	padding: 20px 0;
}

.article-return-to-top a:hover,
.article-return-to-top a:focus {
	text-decoration: none;
}

.article-return-to-top .icon-arrow-up::before {
	font-size: 16px;
	margin-left: 5px;
}

[dir="rtl"] .article-return-to-top .icon-arrow-up::before {
	margin-right: 10px;
}

.article-unsubscribe {
	background-color: rgba(255, 209, 0, 1);
	color: #333f48;
	text-decoration: none;
}

.article-unsubscribe:hover {
	background-color: #997d00;
	border-color: #997d00;
}

.sidenav-title {
	font-size: 25px;
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
	position: relative;
	color: #333f48;
	margin-bottom: 0;
	background-color: rgba(255, 209, 0, 1);
	padding: 12px 24px;
}

.sidenav-item {
	color: #333f48;
	display: block;
	font-weight: 300;
	padding: 12px 24px;
	letter-spacing: 0;
	font-size: 20px;
}

.sidenav-item:hover {
	color: #00b5e3;
	background-color: #fcfcfc;
}

.sidenav-item.current-article {
	width: 104%;
	background-color: #FBFAF7;
	border-radius: 0 4px 4px 0;
}

.article-subnav {
	background-color: #fff;
}

a.article-sidebar-item {
	padding: 8px 24px;
}

.recent-articles h3,
.related-articles h3 {
	margin: 10px 0;
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
}

.recent-articles li,
.related-articles li {
	margin-bottom: 6px;
	font-family: "gilroy-medium";
}


/***** Article sub sidebar *****/


/* Sidebar pulled from article content */

.article-subnav-item {
	position: relative;
	padding: 16px 36px;
	line-height: 1.2;
	font-size: 17px;
}

.article-subnav-item.is-active a {
	color: #00b5e3;
}

.article-subnav-item>a {
	font-weight: normal;
	letter-spacing: 0;
	color: #333f48;
}

.article-subnav-item>a:hover {
	color: #00b5e3;
}





/***** Attachments *****/


/* Styles attachments inside posts, articles and comments */

.attachments .attachment-item {
	padding-left: 20px;
	position: relative;
	margin-bottom: 10px;
}

.attachments .attachment-item:last-child {
	margin-bottom: 0;
}

.attachments .attachment-item::before {
	color: #65c2c2;
	content: "\1F4CE";
	font-size: 15px;
	left: 0;
	position: absolute;
	top: 5px;
}

[dir="rtl"] .attachments .attachment-item {
	padding-left: 0;
	padding-right: 20px;
}

[dir="rtl"] .attachments .attachment-item::before {
	left: auto;
	right: 0;
}

.upload-dropzone span {
	color: #333f48;
}


/***** Social share links *****/

.share {
	padding: 0;
	white-space: nowrap;
}

.share li,
.share a {
	display: inline-block;
}

.share a {
	border-radius: 50%;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	width: 25px;
}

.share a::before {
	color: #333f48;
	display: block;
	font-size: 23px;
	text-align: center;
	width: 100%;
}

.share a:hover {
	text-decoration: none;
}

.share a:hover::before {
	color: rgba(255, 209, 0, 1);
}

.share-twitter::before {
	content: "\e901";
}

.share-facebook::before {
	content: "\e903";
}

.share-linkedin::before {
	content: "\e900";
}

.share-googleplus::before {
	content: "\e902";
}


/***** Comments *****/


/* Styles comments inside articles, posts and requests */

.comments {
	padding-bottom: 20px;
}

.comment {
	padding: 20px 0;
}

.comment-heading {
	margin-bottom: 5px;
	margin-top: 0;
}

.comment-overview {
	padding: 20px 0;
}

.comment-overview p {
	margin-top: 0;
}

.comment-callout {
	color: #333f48;
	display: inline-block;
	font-weight: 300;
	margin-bottom: 0;
}

.comment-callout a {
	color: rgba(255, 209, 0, 1);
}

.comment-sorter {
	display: inline-block;
	float: right;
}

.comment-sorter a {
	font-weight: 300;
	font-size: 13px;
	text-decoration: none;
}

[dir="rtl"] .comment-sorter {
	float: left;
}

.comment-wrapper {
	display: flex;
	justify-content: space-between;
	position: relative;
	border-radius: 5px;
	background: #FBFAF7;
	border: 1px solid #dddddd;
}

.comment-wrapper.comment-official {
	border: 1px solid rgba(255, 209, 0, 1);
	padding: 24px 0;
}

@media (min-width: 768px) {
	.comment-wrapper.comment-official {
		padding-top: 20px;
	}
}

.comment-info {
	min-width: 0;
	padding:16px;
	width: 100%;
	
}

[dir="rtl"] .comment-info {
	padding-right: 0;
	padding-left: 20px;
}
.comment-actions-container{
	display: flex;
	flex-direction: column;
	margin: 10px;
}
.comment-author {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	border-radius: 3px;
}

@media (min-width: 768px) {
	.comment-author {
		justify-content: space-between;
	}
}

.comment-avatar {
	margin-right: 10px;
}

[dir="rtl"] .comment-avatar {
	margin-left: 10px;
	margin-right: 0;
}

.comment-meta {
	flex: 1 0 auto;
}

.comment-labels {
	flex-basis: 100%;
}

@media (min-width: 768px) {
	.comment-labels {
		flex-basis: auto;
	}
}

.comment .status-label:not(.status-label-official) {
	margin-top: 10px;
}

@media (min-width: 768px) {
	.comment .status-label:not(.status-label-official) {
		margin-top: 0;
	}
}

.comment-published {
	display: block;
	font-weight: normal;
	font-size: 13px;
}

.comment-form {
	display: flex;
	padding-top: 30px;
	word-wrap: break-word;
}

.comment-container {
	width: 100%;
}

.comment-form-controls {
	display: none;
	margin-top: 10px;
	text-align: left;
}

@media (min-width: 768px) {
	[dir="ltr"] .comment-form-controls {
		text-align: right;
	}
}

.comment-form-controls input[type="submit"] {
	margin-top: 15px;
}

@media (min-width: 1024px) {
	.comment-form-controls input[type="submit"] {
		margin-left: 15px;
	}
	[dir="rtl"] .comment-form-controls input[type="submit"] {
		margin-left: 0;
		margin-right: 15px;
	}
}

.comment-form-controls input[type="checkbox"] {
	margin-right: 5px;
}

.comment-form-controls input[type="checkbox"] [dir="rtl"] {
	margin-left: 5px;
}

.comment-ccs {
	display: none;
}

.comment-ccs+textarea {
	margin-top: 10px;
}

.comment-attachments {
	margin-top: 10px;
}

.comment-attachments a {
	color: rgba(255, 209, 0, 1);
}

.comment-body,
.comment-body * {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	line-height: 1.6;
	letter-spacing: 0;
	font-weight: normal;
}

.comment-body img {
	height: auto;
	max-width: 100%;
}

.comment-body ul,
.comment-body ol {
	padding-left: 20px;
	list-style-position: outside;
	margin: 20px 0 20px 20px;
}

.comment-body ul>ul,
.comment-body ol>ol,
.comment-body ol>ul,
.comment-body ul>ol {
	margin: 0;
}

.comment-body ul {
	list-style-image: url('/hc/theming_assets/01HZM4GZMT34VTT29103MNVX1V') ;
}

.comment-body a:visited {
	color: #00647d;
}

.comment-body pre {
	background: #f6f4ed;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
}

.comment-body blockquote {
	border-left: 1px solid #ddd;
	color: #aedfdf;
	font-style: italic;
	padding: 0 15px;
}

.comment-mark-as-solved {
	display: inline-block;
}


/***** Vote *****/


/* Used in article comments, post comments and post */

.vote {
	display: inline-block;
	text-align: center;
	width: 35px;
	margin-bottom: 16px;
}

.vote a {
	outline: none;
}

.vote a:active,
.vote a:hover,
.vote a:focus {
	text-decoration: none;
}

.vote-sum {
	color: #333f48;
	display: block;
	margin: 3px 0;
}

[dir="rtl"] .vote-sum {
	direction: ltr;
	unicode-bidi: bidi-override;
}

.vote-up:hover::before,
.vote-down:hover::before {
	color: rgba(255, 209, 0, 1);
}

.vote-up::before,
.vote-down::before {
	color: #333f48;
	font-size: 24px;
}

.vote-up::before {
	content: "\2B06";
}

.vote-down::before {
	content: "\2B07";
}


/***** Actions *****/


/* Styles admin and en user actions(edit, delete, change status) in comments and posts */

.actions {
	text-align: center;
	flex-shrink: 0;
	/*Avoid collapsing elements in Safari*/
}

.actions .dropdown-toggle {
	font-size: 0;
}

.actions .dropdown-toggle:hover::before,
.actions .dropdown-toggle:focus::before,
.actions .dropdown-toggle:active::before {
	background-color: #f6f4ed;
}

.actions .dropdown-toggle::before {
	background-color: transparent;
	border-radius: 50%;
	color: #333f48;
	content: "\2699";
	display: block;
	font-size: 13px;
	margin: auto;
	padding: 5px;
}


/***** Community *****/

.community-hero {}

.community-hero .hero-inner {
	top: 50%;
}

.community-footer {
	padding: 50px 25px;
	text-align: center;
	background-color: rgba(255, 209, 0, 1);
}
.community-footer .arlo-button-dark{
	padding: 0.5em 5em;
	font-weight: normal;
}
.community-footer h4 {
	font-size: 20px;
	font-weight: normal;
}

.community-featured-posts,
.community-activity {
	padding-top: 40px;
	width: 100%;
}

.community-header {
	margin-bottom: 55px;
}

.community-header h4 {
	margin-bottom: 0;
}

.post-to-community {
	margin-top: 10px;
}

@media (min-width: 768px) {
	.post-to-community {
		margin: 0;
	}
}


/* Community topics grid */

.topics {
	max-width: none;
	width: 100%;
}

.topics-item .meta-group {
	justify-content: center;
	margin-top: 20px;
}

.topics-item-internal {
	background-color: transparent;
	border: 1px solid #ddd;
}

.topics-item-internal .icon-lock::before {
	content: "\1F512";
	font-size: 15px;
	bottom: 5px;
	position: relative;
}

.topics-item-internal a {
	color: #65c2c2;
}


/* Community topic page */

@media (min-width: 768px) {
	.topic-header {
		padding-bottom: 10px;
	}
}

.topic-header .dropdown {
	display: block;
	border-top: 1px solid #ddd;
	padding: 10px 0;
}

@media (min-width: 768px) {
	.topic-header .dropdown {
		border-top: 0;
		display: inline-block;
		margin-right: 20px;
		padding: 0;
	}
}


/* Topic, post and user follow button */

.community-follow {
	margin-bottom: 10px;
	width: 100%;
}

@media (min-width: 768px) {
	.community-follow {
		margin-bottom: 0;
		width: auto;
	}
}
@media (max-width: 768px) {
	.community-follow {
		width: initial;
	}
}

.community-follow [role="button"] {
	position: relative;
	width: 100%;
}

.community-follow [role="button"] {
	text-align: center;
}

.community-follow [role="button"]:hover::after,
.community-follow [role="button"]:focus::after {
	
}

.community-follow [role="button"][aria-selected="true"] {
	background-color: #333f48;
	color: white;
	padding-left: 0;
	padding-right: 0;
	font-weight: normal;
	border: none;
}
.community-follow [role="button"][aria-selected="true"]::before{
	content: none;
}

.community-follow [role="button"][aria-selected="true"]:hover {
	background-color: rgba(255, 209, 0, 1);
	border-color: rgba(255, 209, 0, 1);
}

.community-follow [role="button"]::after {
	/* content: attr(data-follower-count); */
	content:none;
}

@media (min-width: 768px) {
	.community-follow [role="button"]::after {
		position: static;
	}
}

[dir="rtl"] .community-follow [role="button"]::after {
	border-left: 0;
	border-right: 1px solid #00b5e3;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}

.moderator:after,
.support-manager:after {
	content: "Community Moderator";
	background-color: grey;
	border-radius: 3px;
	color: white;
	margin-left: 8px;
	padding: 2px 5px;
	font-size: 10px;
}

.support-manager:after {
	content: "Support Manager";
}


/***** Striped list *****/


/* Used in community posts list and requests list */

.striped-list {
	padding: 0;
}

.striped-list-item {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

@media (min-width: 768px) {
	.striped-list-item {
		align-items: center;
		flex-direction: row;
	}
}

.striped-list-info {
	flex: 2;
}

.striped-list-title {
	color: #333f48;
	display: block;
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
	font-size: 25px;
}
.striped-list-title:hover{
	color: #00647d;
}

.striped-list .meta-group,
.striped-list .meta-group * {
	margin: 5px 0;
	letter-spacing: 0;
}

.striped-list-count {
	color: #333f48;
	font-weight: 300;
	font-size: 13px;
	justify-content: flex-start;
	text-transform: capitalize;
}

@media (min-width: 768px) {
	.striped-list-count {
		display: flex;
		flex: 1;
		justify-content: space-around;
	}
}

@media (min-width: 768px) {
	.striped-list-count-item::after {
		display: none;
	}
}

.striped-list-count-item:last-child::after {
	display: none;
}

.striped-list-number {
	font-weight: 300;
	text-align: center;
}

@media (min-width: 768px) {
	.striped-list-number {
		color: #333f48;
		display: block;
		font-weight: 400;
	}
}


/***** Status labels *****/


/* Styles labels used in posts, articles and requests */

.status-label {
	background-color: #1eb848;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	margin-right: 2px;
	padding: 3px 10px;
	display: inline-block;
}

/* Label within a post */
.post-info .status-label{
	position: absolute;
	right: 30px;
	top: 1px;
	border-radius: 0 0 4px 4px;	
}
.status-label:hover,
.status-label:active,
.status-label:focus {
	text-decoration: none;
}

.status-label-pinned,
.status-label-featured,
.status-label-official {
	background-color: rgba(255, 209, 0, 1);
}

.status-label-official {
	border-radius: 0;
	margin-right: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
}

@media (min-width: 768px) {
	.status-label-official {
		border-radius: 0 0 4px 4px;
		right: 30px;
		width: auto;
	}
}

[dir="rtl"] .status-label-official {
	left: 30px;
	right: auto;
}

.status-label-pending,
.status-label-not-planned {
	background-color: #eee;
	color: #aedfdf;
}

.status-label-pending {
	text-align: center;
}

.status-label-open {
	background-color: #e03b30;
}

.status-label-closed {
	background-color: #ddd;
}

.status-label-solved {
	background-color: #999;
}

.status-label-new {
	background-color: #ffd12a;
}

.status-label-hold {
	background-color: #000;
}

.status-label-open,
.status-label-closed,
.status-label-solved,
.status-label-new,
.status-label-hold {
	text-transform: lowercase;
}


/***** Post *****/


/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/

.post {
	flex: 1;
	margin-bottom: 10px;
}

@media (min-width: 1024px) {
	.post {
		flex: 1 0 70%;
		max-width: 70%;
	}
}

.post-container {
	display: flex;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.post-container {
		flex-direction: row;
	}
}

.post-header {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 10px;
}

@media (min-width: 768px) {
	.post-header {
		align-items: baseline;
		flex-direction: row;
	}
}

.post-header .status-label {
	vertical-align: super;
}

.post-title {
	margin: 25px 0;
	width: 100%;
}
.post-title h2{
	margin: 0;
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
	font-size: 36px;
}
@media (min-width: 768px) {
	.post-title {
		padding-right: 10px;
	}
}

.post-title h1 {
	display: inline;
	vertical-align: middle;
}

@media (min-width: 768px) {
	.post-title h1 {
		margin-right: 5px;
	}
}
.post-actions-wrapper{
	position: absolute;
	right: 3px;
	top: 3px;
	color: white;
}
.post-author {
	color: #fff;
	background: #333f48;
	border-radius: 3px 3px 0 0;
	padding: 16px 18px;
}
.post-author a:hover{
	color: #fff;
}
.post-content {
	font-family: "gilroy-medium";
	line-height: 1.6;
	word-break: break-word;
	padding: 16px;
}

.post-info-container {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	position: relative;
}

.post-actions.actions .dropdown-toggle::before {
	background-color: #f6f4ed;
}
.post-actions.actions .dropdown-toggle:hover::before{
	background-color: #666;
	
}

.post-info {
	flex: 1;
	background-color:#FBFAF7;
	border-radius: 5px;
	border: 1px solid #dddddd;
}



[dir="rtl"] .post-info {
	padding-left: 45px;
	padding-right: 0;
}

.post-meta {
	display: inline-block;
	flex: 1;
	margin-left: 10px;
	vertical-align: middle;
}

.post-meta span>a time{
	display: block;
	color: #ccc;
	font-size: 13px;
}

[dir="rtl"] .post-meta {
	margin-left: 0;
	margin-right: 10px;
}

.post-published {
	color: #333f48;
	font-weight: 300;
	font-size: 13px;
}

.post-body img {
	height: auto;
	max-width: 100%;
}

.post-body ul,
.post-body ol {
	padding-left: 20px;
	list-style-position: outside;
	margin: 20px 0 20px 20px;
}

.post-body ul>ul,
.post-body ol>ol,
.post-body ol>ul,
.post-body ul>ol {
	margin: 0;
}

.post-body ul {
	list-style-type: disc;
}

.post-body a:visited {
	color: #00647d;
}

.post-body pre {
	background: #f6f4ed;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	white-space: pre;
}

.post-body blockquote {
	border-left: 1px solid #ddd;
	color: #aedfdf;
	font-style: italic;
	padding: 0 15px;
}

.post-footer {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}

.post-comment-count {
	color: #aedfdf;
	font-weight: 300;
}

.post-comment-count:hover {
	text-decoration: none;
}

.post-comment-count .icon-comments {
	color: #FBFAF7;
	content: "\1F4AC";
	display: inline-block;
	font-size: 16px;
	padding: 5px 10px;
}

.post-sidebar {
	border-top: 1px solid #ddd;
	flex: 1;
	padding: 30px 0;
	text-align: center;
}

.post-sidebar .sidebar-inner {
	background-color: white;
	border-radius: 3px;
	padding: 28px 26px;
}

@media (min-width: 1024px) {
	.post-sidebar {
		border: 0;
		flex: 1 0 30%;
		padding: 0 0 0 50px;
		text-align: initial;
	}
	[dir="rtl"] .post-sidebar {
		padding: 0 50px 0 0;
	}
}

.post-sidebar h5 {
	font-weight: 600;
}

@media (min-width: 1024px) {
	.post-sidebar h5 {
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
}

.post-comments {
	margin-bottom: 20px;
}

@media (min-width: 1024px) {
	.post-comments {
		margin-bottom: 0;
	}
}


/* Navigation element that collapses on mobile */

.collapsible-nav {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	flex-direction: column;
	max-height: 45px;
	overflow: hidden;
	font-size: 14px;
}

@media (min-width: 768px) {
	.collapsible-nav {
		border: 0;
		height: auto;
		flex-direction: row;
		max-height: none;
	}
}

.collapsible-nav-list {
	display: flex;
	flex-direction: column;
}

@media (min-width: 768px) {
	.collapsible-nav-list {
		flex-direction: row;
	}
}

.collapsible-nav-list li {
	color: rgba(255, 209, 0, 1);
	line-height: 45px;
	order: 1;
}

@media (min-width: 768px) {
	.collapsible-nav-list li {
		line-height: normal;
		margin-right: 30px;
	}
	[dir="rtl"] .collapsible-nav-list li {
		margin-left: 30px;
		margin-right: 0;
	}
	.collapsible-nav-list li a {
		text-decoration: none;
		padding: 15px 0 15px;
		-webkit-transition: color .12s ease-in-out;
		transition: color .12s ease-in-out;
	}
	.my-activities-sub-nav .collapsible-nav-list li a {
		padding: 5px 0 15px;
	}
}

.collapsible-nav-list li a {
	color: #fff;
	display: block;
}

@media (min-width: 768px) {
	.collapsible-nav-list li:hover {
		border-bottom: 4px solid #00b5e3;
	}
	.my-activities-sub-nav .collapsible-nav-list li:hover {
		border-bottom: 4px solid #e9e9e9;
	}
	.collapsible-nav-list li:hover a {
		padding: 15px 0 11px;
		text-decoration: none;
	}
	.my-activities-sub-nav .collapsible-nav-list li:hover a {
		padding: 5px 0 11px;
		text-decoration: none;
	}
}

.collapsible-nav-list li[aria-selected="true"] {
	order: 0;
	position: relative;
}

@media (min-width: 768px) {
	.collapsible-nav-list li[aria-selected="true"] {
		border-bottom: 4px solid rgba(255, 209, 0, 1);
		order: 1;
		padding: 15px 0 11px 0;
	}
}

.collapsible-nav-list li[aria-selected="true"] a {
	color: #65c2c2;
}

.collapsible-nav-list li[aria-selected="true"]::after {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	content: "\25BE";
	position: absolute;
	right: 0;
}

@media (min-width: 768px) {
	.collapsible-nav-list li[aria-selected="true"]::after {
		display: none;
	}
}

[dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after {
	left: 0;
	right: auto;
}

.collapsible-nav[aria-expanded="true"] {
	max-height: none;
}

.collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after {
	content: "\2715";
}


/* Sidebar navigation that collapses on mobile */

.collapsible-sidebar {
	flex: 1;
	max-height: 45px;
	padding: 10px 0;
	position: relative;
}

.collapsible-sidebar::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #ffffff;
}

.collapsible-sidebar::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.25);
}

@media (min-width: 1024px) {
	.collapsible-sidebar {
		max-height: 100vh;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto;
	}
}

.collapsible-sidebar[aria-expanded="true"] {
	max-height: none;
}

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
	content: "\2715";
}

@media (min-width: 1024px) {
	.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
		display: none;
	}
}

.collapsible-sidebar-title {
	margin-top: 0;
}

.collapsible-sidebar-title::after {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	content: "\25BE";
	position: absolute;
	right: 10px;
}

@media (min-width: 1024px) {
	.collapsible-sidebar-title::after {
		display: none;
	}
}

[dir="rtl"] .collapsible-sidebar-title::after {
	left: 10px;
	right: auto;
}


/***** My activities *****/

.my-activities-nav {
	background-color: #f8f6f0;
	border: 0;
	margin-bottom: 20px;
}

.my-activities-sub-nav {
	margin-bottom: 30px;
	background: #333F48;
	border-radius: 3px;
	padding: 7px 22px 0;
}
nav.my-activities-nav.collapsible-nav li a {
	color: #333;
}

@media (max-width: 768px) {
	.my-activities-sub-nav {
		padding: 0 22px;
		border: none;
	}
	.my-activities-sub-nav li[aria-selected="true"] {
		color: #333f48;
	}
	.my-activities-sub-nav .collapsible-nav-list li[aria-selected="true"] {
		padding: 0;
	}
	.collapsible-nav-list li {
		color: #333f48;
	}
}

@media (min-width: 768px) {
	.my-activities-sub-nav li:hover {
		border-bottom: 4px solid #ddd;
	}
}

.my-activities-sub-nav li[aria-selected="true"] {
	border-color: rgba(255, 209, 0, 1);
}

.my-activities-sub-nav .collapsible-nav-list li[aria-selected="true"] {
	padding: 5px 0 11px 0;
}

.my-activities-table .striped-list-title {
	/* My activities tables */
	display: block;
	margin-bottom: 10px;
	white-space: normal;
}

@media (min-width: 1024px) {
	.my-activities-table .striped-list-title {
		margin-bottom: 0;
		min-width: 350px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

.my-activities-table thead {
	display: none;
}

@media (min-width: 768px) {
	.my-activities-table thead {
		display: table-header-group;
	}
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
	padding-left: 0;
}

@media (min-width: 1024px) {
	.my-activities-table th:first-child,
	.my-activities-table td:first-child {
		width: 500px;
	}
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
	padding-right: 0;
}

.my-activities-table td:not(:first-child) {
	display: none;
}

@media (min-width: 768px) {
	.my-activities-table td:not(:first-child) {
		display: table-cell;
	}
}


/* Requests table */

.requests-search {
	width: 100%;
}

.requests-table-toolbar {
	align-items: flex-end;
	display: flex;
	flex-direction: column;
}

@media (min-width: 768px) {
	.requests-table-toolbar {
		flex-direction: row;
	}
}

.requests-table-toolbar .search {
	flex: 1;
	width: 100%;
}

.requests-table-toolbar .request-table-filter {
	width: 100%;
}

@media (min-width: 768px) {
	.requests-table-toolbar .request-table-filter {
		width: auto;
	}
}

.requests-table-toolbar .request-filter {
	display: block;
}

@media (min-width: 768px) {
	.requests-table-toolbar .request-filter {
		margin: 0 0 0 30px;
	}
	[dir="rtl"] .requests-table-toolbar .request-filter {
		margin: 0 30px 0 0;
	}
}

.requests-table-toolbar .request-filter-label {
	font-size: 13px;
	margin-top: 30px;
}

@media (min-width: 768px) {
	.requests-table-toolbar .request-filter-label {
		margin-top: 0;
	}
}

.requests-table-toolbar select {
	margin-bottom: 30px;
	width: 100%;
}

@media (min-width: 768px) {
	.requests-table-toolbar select {
		margin-bottom: 0;
		max-width: 300px;
		width: auto;
	}
}

.requests-table-toolbar .organization-subscribe,
.requests-table-toolbar .organization-unsubscribe {
	line-height: 40px;
	max-height: 40px;
	padding: 0 20px;
}

@media (min-width: 768px) {
	.requests-table-toolbar .organization-subscribe,
	.requests-table-toolbar .organization-unsubscribe {
		margin-left: 10px;
	}
	[dir="rtl"] .requests-table-toolbar .organization-subscribe,
	[dir="rtl"] .requests-table-toolbar .organization-unsubscribe {
		margin: 0 10px 0 0;
	}
}

.requests-table-toolbar .organization-unsubscribe {
	background-color: rgba(255, 209, 0, 1);
	color: #333f48;
}

.requests-table-toolbar+.requests-search-info {
	margin-top: 15px;
}

.requests-table-toolbar+.requests-search-info.meta-data::after {
	content: "";
	margin: 0;
}

.requests-table-toolbar+.requests-search-info+.requests {
	margin-top: 20px;
}

.requests-table-toolbar+.requests {
	margin-top: 40px;
}

.requests .requests-table-meta {
	display: block;
}

@media (min-width: 768px) {
	.requests .requests-table-meta {
		display: none;
	}
}

.requests .requests-table thead {
	display: none;
}

@media (min-width: 768px) {
	.requests .requests-table thead {
		display: table-header-group;
	}
}

.requests .requests-table-info {
	display: block;
}

@media (min-width: 768px) {
	.requests .requests-table-info {
		display: table-cell;
		vertical-align: middle;
		width: auto;
	}
}

.requests .requests-table .requests-link {
	position: relative;
}

.requests .requests-table .requests-sort-symbol {
	position: absolute;
	left: calc(100% + 3px);
	bottom: 0;
	font-size: 10px;
}

.community-follow .dropdown {
	display: block;
	width: 120px;
}


/* Following table */

.subscriptions-table td:last-child {
	display: block;
}

@media (min-width: 768px) {
	.subscriptions-table td:last-child {
		display: table-cell;
	}
}

.subscriptions-table td:first-child {
	display: flex;
	align-items: center;
}

.subscriptions-table .user-avatar {
	margin-right: 10px;
}

.subscriptions .striped-list-title {
	display: inline-block;
	vertical-align: middle;
}


/* Contributions table */

.contributions-table td:last-child {
	color: #aedfdf;
	font-size: 13px;
	font-weight: 300;
}

@media (min-width: 768px) {
	.contributions-table td:last-child {
		color: inherit;
		font-size: inherit;
		font-weight: inherit;
	}
}

.no-activities {
	color: #333f48;
}


/***** Request *****/

.request-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 0;
}

@media (min-width: 1024px) {
	.request-container {
		align-items: flex-start;
		flex-direction: row;
	}
}

.request-container .comment-container {
	min-width: 0;
}

.request-breadcrumbs {
	margin-bottom: 40px;
}

@media (min-width: 1024px) {
	.request-breadcrumbs {
		margin-bottom: 20px;
	}
}

.request-main .comment-fields,
.request-main .request-submit-comment {
	display: none;
}

.request-main .comment-fields.shown {
	display: block;
}

.request-main .request-submit-comment.shown {
	display: inline;
}

@media (min-width: 1024px) {
	.request-main {
		flex: 0 0 67%;
		order: 0;
		min-width: 0;
	}
}

.request-main .comment-form-controls {
	display: block;
}

.request-main .comment-ccs {
	display: block;
}

.request-main .comment-show-container {
	border-radius: 2px;
	border: 1px solid #ddd;
	cursor: pointer;
	display: flex;
	padding: 8px 15px;
	width: 100%;
}

.request-main .comment-show-container.hidden {
	display: none;
}

.request-main .comment-show-container-content {
	align-self: center;
	color: #aedfdf;
	margin-left: 10px;
}

.request-main .form-field.comment-ccs>ul {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0;
}

.request-main .form-field.comment-ccs>ul[data-hc-focus="true"] {
	border: 1px solid rgba(255, 209, 0, 1);
}

.request-main .form-field.comment-ccs>input[type="text"] {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0;
}

.request-main .comment-ccs+textarea {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: 0;
}

.request-main .comment-ccs+textarea:focus {
	border-top: 1px solid rgba(255, 209, 0, 1);
}

.request-main input#mark_as_solved {
	display: none;
}

.request-title {
	width: 100%;
}

@media (min-width: 1024px) {
	.request-title {
		margin-bottom: 0;
		max-width: 67%;
		padding-bottom: 20px;
	}
}

.request-sidebar {
	flex: 1;
	order: 0;
	margin-top: 20px;
}

@media (min-width: 1024px) {
	.request-sidebar {
		background-color: white;
		border: 0;
		font-size: 13px;
		flex: 0 0 30%;
		padding: 10px 28px;
		border-radius: 3px;
	}
}

.request-sidebar h5 {
	font-size: 15px;
	font-weight: 600;
	position: relative;
}

@media (min-width: 1024px) {
	.request-sidebar h5 {
		display: none;
	}
}

.request-details {
	font-size: 0;
	margin: 0;
	padding-bottom: 20px;
}

.request-details:last-child {
	border: 0;
	background: #fefefe;
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 0 18px 18px;
	border-radius: 3px;
}

.request-details dt,
.request-details dd {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	margin: 14px 0 0 0;
}

.request-details dd {
	padding: 0 10px;
	width: 60%;
}

.request-details dd::after {
	content: "\A";
	white-space: pre;
}

.request-details dt {
	color: #00b5e3;
	font-weight: 300;
	width: 40%;
}

.request-details .request-collaborators {
	display: inline-block;
}

.request-attachments dt,
.request-attachments dd {
	width: 100%;
}

.request-attachments dd {
	margin: 10px 0 0 0;
}

.request-form textarea {
	min-height: 120px;
}

.request-follow-up {
	padding-top: 20px;
}

.request-form input[type="submit"] {
	width: 100%;
}


/***** Search results *****/

.search-results-subheading{
	background-color: #333f48;
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
	padding: 1em;
	font-size: 25px;
	margin: 0;
	color:#fff;
}

.search-results {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media (min-width: 1024px) {
	.search-results {
		flex-direction: row;
	}
}

.search-results-column {
	flex: 1;
}


.search-results-list {
	margin-bottom: 25px;
}

.search-results-list>li {
	border-bottom: 1px solid #ddd;
	padding: 1em;
}

.search-results-list>li:first-child {
	border-top: 1px solid #ddd;
}

.search-results-list .search-result .search-result-link{
	font-size: 20px;
}
.search-results-list .search-result em{
		font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
}

.search-result-description {
	margin-top: 15px;
	font-weight: normal;
}

.search-result-votes,
.search-result-meta-count {
	color: #aedfdf;
	display: inline-block;
	font-size: 13px;
	font-weight: 300;
	padding: 4px 5px;
	position: relative;
}

.search-result-votes::before,
.search-result-meta-count::before {
	color: rgba(255, 209, 0, 1);
}

[dir="ltr"] .search-result-votes,
[dir="ltr"] .search-result-meta-count {
	margin-left: 5px;
}

[dir="ltr"] .search-result-votes::before,
[dir="ltr"] .search-result-meta-count::before {
	margin-right: 3px;
}

[dir="rtl"] .search-result-votes,
[dir="rtl"] .search-result-meta-count {
	margin-right: 5px;
}

[dir="rtl"] .search-result-votes::before,
[dir="rtl"] .search-result-meta-count::before {
	margin-left: 3px;
}

.search-result-votes::before {
	content: "\1F44D";
}

.search-result-meta-count::before {
	content: "\1F4AC";
}

.search-result .meta-group {
	align-items: center;
}

.meta-group .search-result-breadcrumbs {
	margin: 0;
	display: block;
}

.meta-group .search-result-breadcrumbs li {
	font-size: 13px;
}

.meta-group .search-result-breadcrumbs li::before{
	margin: 0 8px 0 4px;
}


/***** Pagination *****/

.pagination {
	margin: 20px 0;
	text-align: center;
}

.pagination * {
	display: inline-block;
}

.pagination li {
	border-radius: 50%;
	height: 40px;
	float: left;
	margin-left: 5px;
	width: 40px;
}

@media (min-width: 768px) {
	.pagination li {
		height: 30px;
		width: 30px;
	}
}

[dir="rtl"] .pagination li {
	float: right;
}

.pagination li:hover:not(.pagination-current) {
	background-color: #f3f3f3;
}

.pagination li:hover:not(.pagination-current) span,
.pagination li:hover:not(.pagination-current) a {
	color: #65c2c2;
	text-decoration: none;
}

.pagination a,
.pagination span {
	font-size: 15px;
	color: rgba(255, 209, 0, 1);
	padding: 10px 12px;
}

@media (min-width: 768px) {
	.pagination a,
	.pagination span {
		font-size: 13px;
		padding: 5px 12px;
	}
}

.pagination-current {
	background-color: rgba(255, 209, 0, 1);
}

.pagination-current a,
.pagination-current span {
	color: white;
}

.pagination-first {
	border-radius: 3px 0 0 3px;
}

[dir="rtl"] .pagination-first {
	border-radius: 0 3px 3px 0;
}

.pagination-last {
	border-radius: 0 3px 3px 0;
}

[dir="rtl"] .pagination-last {
	border-radius: 3px 0 0 3px;
}


/***** Metadata *****/

.meta-group {
	display: block;
}

.meta-group * {
	display: inline;
}

.meta-group .meta-data img {
	position: absolute;
	left: 0;
	top: 0;
}

.meta-group .meta-data {
	color: #333f48;
	font-size: 16px;
	font-weight: 300;
	display: block;
	position: relative;
}


/***** Icons *****/

[class^="icon-"]::before,
[class*=" icon-"]::before,
.icon,
.search::before,
.recent-activity-item-comment span::before,
.article-vote::before,
.attachments .attachment-item::before,
.share a::before,
.vote-up::before,
.vote-down::before,
.actions .dropdown-toggle::before,
.collapsible-nav-list li[aria-selected="true"]::after,
.collapsible-sidebar-title::after,
.search-result-votes::before,
.search-result-meta-count::before {
	font-family: "copenhagen-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	line-height: 1em;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
}

.icon-lock::before {
	content: "\1F512";
}

.icon-star::before {
	content: "\2605";
}

.icon-linkedin::before {
	content: "\e900";
}

.icon-twitter::before {
	content: "\e901";
}

.icon-googleplus-::before {
	content: "\e902";
}

.icon-facebook::before {
	content: "\e903";
}

.icon-agent::before {
	content: "\1F464";
}

.icon-close::before {
	content: "\2715";
}

.icon-arrow-up::before {
	content: "\2B06";
}

.icon-arrow-down::before {
	content: "\2B07";
}

.icon-attachments::before {
	content: "\1F4CE";
}

.icon-comments::before {
	content: "\1F4AC";
}

.icon-search::before {
	content: "\1F50D";
}

.icon-vote::before {
	content: "\1F44D";
}

.icon-handle::before {
	content: "\25BE";
}

.icon-check::before {
	content: "\2713";
}

.icon-gear::before {
	content: "\2699";
}

.icon-menu::before {
	content: "\2630";
}

.icon-article::before {
	content: "\1F4C4";
}

.icon-post::before {
	content: "\1F4D4";
}

.icon-notification-alert::before {
	content: "\26A0";
}

.icon-notification-error::before {
	content: "\00D7";
}

.icon-notification-info::before {
	content: "\2139";
}

.icon-notification-success::before {
	content: "\2714";
}


/* User Profiles */

.profile-header {
	padding: 30px 0;
}

.profile-header .container {
	display: flex;
	flex-wrap: wrap;
}

@media (min-width: 768px) {
	.profile-header .container {
		flex-wrap: nowrap;
	}
}

.profile-header .profile-info {
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	min-width: 0;
}

.profile-avatar {
	position: relative;
	line-height: 0;
	align-self: center;
	margin-right: 10px;
}

[dir="rtl"] .profile-avatar {
	margin-left: 10px;
	margin-right: 0;
}

.profile-avatar .user-avatar {
	width: 65px;
	height: 65px;
}

.profile-avatar .icon-agent::before {
	bottom: 0;
	right: 0;
}

.profile-header .basic-info {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
	flex-basis: 0;
	min-width: 0;
}

.profile-header .basic-info .name {
	margin: 0;
}

.profile-header .basic-info .name a {
	color: #333f48;
}

.profile-header .options {
	display: flex;
	flex-basis: 100%;
	margin-top: 12px;
	align-items: flex-start;
	flex-wrap: wrap;
	padding-top: 16px;
}

@media (min-width: 768px) {
	.profile-header .options {
		flex-wrap: nowrap;
		flex-basis: auto;
		margin-top: 0;
		margin-left: 10px;
	}
	[dir="rtl"] .profile-header .options {
		margin-left: 0;
		margin-right: 10px;
	}
	.profile-header .options :not(:last-child) {
		margin-bottom: 0;
		margin-right: 10px;
	}
	[dir="rtl"] .profile-header .options :not(:last-child) {
		margin-left: 10px;
		margin-right: 0;
	}
}

.profile-header .description {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	margin: 15px 0;
	flex-basis: 100%;
}

.profile-stats {
	font-size: 13px;
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
}

.profile-stats .stat {
	display: flex;
	margin-bottom: 10px;
}

.profile-stats .stat-label {
	color: #333f48;
	font-weight: 300;
	flex: 0 0 100px;
	margin-right: 10px;
}

[dir="rtl"] .profile-stats .stat-label {
	margin-left: 10px;
	margin-right: 0;
}

.profile-stats-activity {
	border-top: solid 1px #ddd;
	margin-top: 15px;
}

@media (min-width: 768px) {
	.profile-stats-activity {
		border-top: 0;
		flex-direction: row;
	}
}

@media (min-width: 768px) {
	.profile-stats-activity .stat {
		flex-direction: column;
	}
}

.profile-stats-activity .stat:first-child {
	margin-top: 10px;
}

@media (min-width: 768px) {
	.profile-stats-activity .stat:first-child {
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	.profile-stats-activity .stat:not(:last-child) {
		margin-right: 40px;
	}
	[dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
		margin-left: 40px;
		margin-right: 0;
	}
}

@media (min-width: 768px) {
	.profile-stats-activity .stat-label {
		flex: 0 1 auto;
	}
}

.profile-stats-counters {
	border-bottom: solid 1px #ddd;
}

@media (min-width: 768px) {
	.profile-stats-counters {
		flex: 0 0 200px;
		border-bottom: 0;
		margin-left: 40px;
	}
	[dir="rtl"] .profile-stats-counters {
		margin-left: 0;
		margin-right: 40px;
	}
}

@media (min-width: 1024px) {
	.profile-stats-counters {
		flex: 0 0 270px;
		margin-left: 60px;
	}
	[dir="rtl"] .profile-stats-counters {
		margin-right: 60px;
		margin-left: 0;
	}
}

@media (min-width: 768px) {
	.profile-stats-counters .stat {
		flex-direction: column;
	}
}

@media (min-width: 1024px) {
	.profile-stats-counters .stat {
		flex-direction: row;
	}
}

@media (min-width: 768px) {
	.profile-stats-counters .stat:not(:last-child) {
		margin-bottom: 15px;
	}
}

@media (min-width: 768px) {
	.profile-stats-counters .stat-label {
		flex: 0 1 auto;
	}
}

@media (min-width: 1024px) {
	.profile-stats-counters .stat-label {
		flex: 0 0 100px;
	}
}

.profile-private-badge {
	flex-basis: 100%;
	border: solid 1px rgba(255, 209, 0, 1);
	border-radius: 4px;
	color: rgba(255, 209, 0, 1);
	padding: 5px 20px;
	font-size: 12px;
	text-align: center;
}

.profile-private-badge::after {
	content: "\1f512";
	margin-left: 5px;
	font-family: "copenhagen-icons";
	vertical-align: middle;
	line-height: 15px;
}

@media (min-width: 768px) {
	.profile-private-badge {
		flex-basis: auto;
	}
}

.profile-nav {
	background-color: #333f48;
	border: 0;
	margin-bottom: 37px;
}

.profile-section {
	width: 100%;
}

@media (min-width: 1024px) {
	.profile-section {
		width: calc(100% - 330px);
	}
}

.profile-section-header {
	display: flex;
	flex-wrap: wrap;
}

.profile-section-title {
	flex-basis: 100%;
	margin-bottom: 0;
}

.profile-section-description {
	flex-basis: 100%;
	padding: 10px 0;
	color: #333f48;
	font-weight: 300;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (min-width: 768px) {
	.profile-section-description {
		flex: 1 0 50%;
		padding-bottom: 0;
	}
}

.profile-section-sorter {
	flex-basis: 100%;
	border-top: solid 1px #eee;
	font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
	padding: 10px 0;
	width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
	position: absolute;
	right: 0;
}

[dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
	left: 0;
	right: initial;
}

@media (min-width: 768px) {
	.profile-section-sorter .dropdown-toggle::after {
		position: relative;
	}
}

@media (min-width: 768px) {
	.profile-section-sorter {
		flex: 0 1 auto;
		padding-top: 0;
		border-top: 0;
		margin-left: 20px;
	}
	[dir="rtl"] .profile-section-sorter {
		margin-left: 0;
		margin-right: 20px;
	}
}

.profile-contribution {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	padding: 20px 0;
	position: relative;
}

.profile-contribution-header {
	margin-bottom: 5px;
}

.profile-contribution-title {
	margin: 0 0 5px 0;
	display: inline;
	line-height: 21px;
	font-size: 15px;
	vertical-align: middle;
}

.profile-contribution-body {
	margin: 10px 0;
}

.profile-contribution-list>.profile-contribution {
	border-top: 1px solid #eee;
}

@media (min-width: 768px) {
	.profile-contribution-list>.profile-contribution {
		padding-left: 30px;
	}
	[dir="rtl"] .profile-contribution-list>.profile-contribution {
		padding-right: 30px;
		padding-left: 0;
	}
}

.profile-contribution-list>.profile-contribution:last-child {
	border-bottom: 1px solid #eee;
}

.profile-contribution-list>.profile-contribution::before {
	left: 0;
	position: absolute;
	font-size: 16px;
	color: #ccc;
	font-family: "copenhagen-icons";
	line-height: 25px;
}

[dir="rtl"] .profile-contribution-list>.profile-contribution::before {
	right: 0;
}

.profile-contribution-list .profile-contribution-header {
	margin-left: 30px;
}

[dir="rtl"] .profile-contribution-list .profile-contribution-header {
	padding-right: 30px;
	padding-left: 0;
}

@media (min-width: 768px) {
	.profile-contribution-list .profile-contribution-header {
		margin-left: 0;
	}
	[dir="rtl"] .profile-contribution-list .profile-contribution-header {
		padding-right: 0;
	}
}

.profile-comments .profile-contribution-breadcrumbs {
	margin-left: 30px;
}

[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
	padding-right: 30px;
	padding-left: 0;
}

@media (min-width: 768px) {
	.profile-comments .profile-contribution-breadcrumbs {
		margin-left: 0;
	}
	[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
		padding-right: 0;
	}
}

.profile-section .no-activity,
.profile-section .private-activity {
	display: block;
	margin-top: 40px;
	color: #999;
}

.profile-section .private-activity::before {
	content: "\1f512";
	font-family: "copenhagen-icons";
	font-style: normal;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	margin-right: 10px;
}

[dir="rtl"] .profile-section .private-activity::before {
	margin-right: 0;
	margin-left: 10px;
}

.profile-activity-list {
	margin-top: 25px;
}

.profile-activity {
	position: relative;
	padding-bottom: 30px;
}

@media (min-width: 768px) {
	.profile-activity {
		padding-left: 20px;
	}
	[dir="rtl"] .profile-activity {
		padding-right: 20px;
		padding-left: 0;
	}
}

@media (min-width: 768px) {
	.profile-activity:not(:last-child) {
		border-left: 1px solid #ddd;
	}
	[dir="rtl"] .profile-activity:not(:last-child) {
		border-left: 0;
		border-right: 1px solid #ddd;
	}
}

.profile-activity-header {
	display: flex;
	align-items: center;
	margin-left: 35px;
}

[dir="rtl"] .profile-activity-header {
	margin-left: 0;
	margin-right: 35px;
}

@media (min-width: 768px) {
	.profile-activity-header {
		margin-left: 0;
	}
	[dir="rtl"] .profile-activity-header {
		margin-right: 0;
	}
}

.profile-activity-header .user-avatar {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	min-width: 40px;
	align-self: flex-start;
}

[dir="rtl"] .profile-activity-header .user-avatar {
	margin-left: 10px;
	margin-right: 0;
}

.profile-activity-description {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	margin: 0;
	min-width: 0;
	width: 100%;
}

.profile-activity-description span:first-child {
	font-weight: 600;
	display: inline;
}

.profile-activity-contribution {
	padding: 20px;
	margin-top: 10px;
	border-radius: 8px;
	background-color: #FBFAF7
}

@media (min-width: 768px) {
	.profile-activity-contribution {
		margin-top: 0;
		margin-left: 50px;
	}
	[dir="rtl"] .profile-activity-contribution {
		margin-left: 0;
		margin-right: 50px;
	}
}

.profile-activity::before {
	position: absolute;
	left: 0;
	width: 28px;
	border-radius: 50%;
	content: "";
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-color: #FBFAF7;
	background-position: 50% 50%;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #ccc;
	font-family: "copenhagen-icons";
}

[dir="rtl"] .profile-activity::before {
	right: 0;
}

@media (min-width: 768px) {
	.profile-activity::before {
		left: -14px;
	}
	[dir="rtl"] .profile-activity::before {
		right: -14px;
	}
}

.profile-articles>.profile-contribution::before,
.profile-activity-list>li[class$="-article"]::before {
	content: "\1f4c4";
}

.profile-posts>.profile-contribution::before,
.profile-activity-list>li[class$="-post"]::before {
	content: "\1f4d4";
}

.profile-comments>.profile-contribution::before,
.profile-activity-list>li[class$="-comment"]::before {
	content: "\1f4ac";
	line-height: 35px;
}

.article-body code {
	font-family: Consolas, monospace;
	color: #888888;
}

section.article-info a {
	background-color: transparent;
}

section.article-info span {
	background-color: transparent !important;
}


/** Back To Top **/

.back-to-top {
	position: fixed;
	right: 0;
	bottom: 5em;
	width: 45px;
	height: 45px;
	opacity: .2;
	background-color: #ffd100;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMjggMjgiPjx0aXRsZT5jaGV2cm9uLXVwPC90aXRsZT48cGF0aCBmaWxsPSIjZjVmNWY1IiBkPSJNMjYuMjk3IDIwLjc5N2wtMi41OTQgMi41NzhjLTAuMzkxIDAuMzkxLTEuMDE2IDAuMzkxLTEuNDA2IDBsLTguMjk3LTguMjk3LTguMjk3IDguMjk3Yy0wLjM5MSAwLjM5MS0xLjAxNiAwLjM5MS0xLjQwNiAwbC0yLjU5NC0yLjU3OGMtMC4zOTEtMC4zOTEtMC4zOTEtMS4wMzEgMC0xLjQyMmwxMS41OTQtMTEuNTc4YzAuMzkxLTAuMzkxIDEuMDE2LTAuMzkxIDEuNDA2IDBsMTEuNTk0IDExLjU3OGMwLjM5MSAwLjM5MSAwLjM5MSAxLjAzMSAwIDEuNDIyeiI+PC9wYXRoPjwvc3ZnPg==);
	background-position: center 30%;
	background-repeat: no-repeat;
	background-size: 60%;
	border-radius: 50%;
	cursor: pointer;
	transition: opacity .2;
}

.back-to-top:hover {
	opacity: 1;
}


/* NFR topic page */

.posts-list.nfr-list .meta-data time,
.posts-list.nfr-list .meta-data:not(:last-child)::after {
	display: none;
}

.posts-list.nfr-list .striped-list-item .striped-list-count-item:first-child {
	display: none;
}

@media (min-width: 768px) {
	.posts-list.nfr-list .striped-list-item .striped-list-count-item:first-child {
		display: block;
		visibility: hidden;
	}
}

.post.post-nfr .comment-heading {
	margin-top: -20px;
}


/* .post .post-published time,
.post .comment-published time {
	opacity: 0;
} */

.post.post-nfr .post-published,
.post.post-nfr .comment-published {
	color: rgba(150,150,150,1);
}


/* Arlo Support Badge */

.badge-agent {
	background-color: #FFDA33;
	border-radius: 3px;
	color: white;
	padding: 2px 5px;
	font-size: 10px;
	font-family: gilroy-medium;
	letter-spacing: .5px;
}
.post-info .badge-agent{
	color: inherit;
	font-size: 12px
}
/* Available on Plans */

.available-plans{
	display: flex;
	padding: 1em;
	border-radius: 100px;
	background-color: #FBFAF7;
}
@media (max-width: 600px) {
	.available-plans,
	.plan-list{
		flex-direction: column;
		width: 100%;
		border-radius: 0;
	}
}
.available-plans .plan-list {
	display: flex;
}
.available-plans .plan-list li{
	font-family: "gilroy-bold", Arial, Helvetica, sans-serif;
	margin: 0 1em;
	display: flex;
	
}
.available-plans .plan-list li::before{
	content:url('/hc/theming_assets/01HZM4GYRC8MD6WZE2C6B5TSZT');
	margin-right: 8px;
	height: 0;
}
.available-plans .plan-list li.plan-available::before{
	content:url('/hc/theming_assets/01HZM4GYXF22E5JDAQ1B9PC83V');
}

.submit-request-form{
	width: 60%;
	margin: auto;
}
.submit-request-form h1{
	text-align:center;
}
@media (max-width: 600px) {
	.submit-request-form{
		width: 90%;
	}
}



@media (max-width: 1000px){
	.header .search {
		display: none;
	}
	.logo.transition {
		display: flex;
		justify-content: center;
		text-align:center;
		width: 100%;
	}
	.logo .logo-header {
		margin: 0;
		text-align: center;
		width: 100%;
	}
	.user-nav{
		justify-content: center;
		margin-top: 4em;
	}
	.logo img{
		float: none;
	}
	.header-wrapper .header-toplinks{
		text-align:center;
	}
	.section h1{
		font-size: 30px;
	}
	.breadcrumbs li{
		font-size: 12px;
	}
	h1.article-title{
		font-size: 40px;
	}
	.article-subscribe{
		display: none;
	}
}

/*Fixed Nav*/
.fixed-nav{
	position: sticky;
	top: 0;
}

/*Add cheveron to linked items in list*/
.article-body .link-list li{
	background:url('/hc/theming_assets/01HZM4GZMT34VTT29103MNVX1V') no-repeat left top; 
	padding-left: 30px;
	list-style-type: none;
}

/* For adding green border to completed Feature Requests */
.completed-request{
	border-color:#1eb848;
}

/***** OLD ScreenSteps Article CSS *****/

div.screensteps-document h2,
div.screensteps-document h3 {
	margin: .83em 0;
}

div.screensteps-document .image {
	padding: 0.75em;
}

div.screensteps-document .image img {
	padding: 5px 0px;
	display: block;
	max-width: 100%;
	height: auto;
}

div.screensteps-document div.step,
div.screensteps-document div.sub-step {
	clear: both;
}

div.screensteps-document .step .instructions,
div.screensteps-document .step .step-instructions {
	clear: left;
}

div.screensteps-document ol,
div.screensteps-document ul {
	margin: 1em 0;
	padding-left: 1.5em;
}

.screensteps-document .screensteps-table table {
	background-color: transparent;
	border: 1px solid #ddd;
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 100%;
	width: 100%;
	margin: 1em 0;
}

.screensteps-document .screensteps-table td,
.screensteps-document .screensteps-table th {
	border: 1px solid #ddd;
	line-height: 20px;
	padding: 8px;
	text-align: left;
	vertical-align: top
}

.screensteps-document .screensteps-table th {
	font-weight: 700
}

.screensteps-document table.fr-alternate-rows tbody tr:nth-child(2n) {
	background: #f5f5f5;
}


/* Fluid Video */

.screensteps-document .html-embed {
	position: relative;
	width: 100%;
	padding: 0;
/* 	padding-top: 56.75%; */
}


/* Attachment */

.screensteps-document .screensteps-wrapper--attachment>a {
	background-color: #e8f5f9 !important;
	color: #1d9de0;
	display: block;
	overflow: hidden;
	padding: 20px 15px;
	position: relative;
	transition: 0.15s all ease;
}

.screensteps-document .screensteps-wrapper--attachment>a::after {
	background: transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 44 44"><path d="M28 36c-.3 0-.5.1-.7.3l-4.3 4.3v-23.6c0-.6-.4-1-1-1s-1 .4-1 1v23.6l-4.3-4.3c-.2-.2-.4-.3-.7-.3-.6 0-1 .4-1 1 0 .3.1.5.3.7l6 6c.2.2.4.3.7.3.3 0 .5-.1.7-.3l6-6c.2-.2.3-.4.3-.7 0-.6-.4-1-1-1zm10-23.2v-.8c0-6.6-5.4-12-12-12-4.6 0-8.6 2.6-10.6 6.4-.8-.2-1.6-.4-2.4-.4-3.9 0-7 3.1-7 7 0 .5.1 1 .2 1.5-3.6 1.2-6.2 4.5-6.2 8.5 0 5 4 9 9 9h9c.6 0 1-.4 1-1s-.4-1-1-1h-9c-3.9 0-7-3.1-7-7 0-3 1.9-5.7 4.8-6.6l1.7-.6-.4-1.8c-.1-.3-.1-.7-.1-1 0-2.8 2.2-5 5-5 .6 0 1.1.1 1.7.3l1.6.6.8-1.5c1.8-3.3 5.2-5.4 8.9-5.4 5.5 0 10 4.5 10 10v.7l-.1 1.4 1.3.6c2.9 1.3 4.8 4.2 4.8 7.3 0 4.4-3.6 8-8 8h-8c-.6 0-1 .4-1 1s.4 1 1 1h8c5.5 0 10-4.5 10-10 0-4.1-2.5-7.6-6-9.2z" fill="#1d9de0"/></svg>') no-repeat center center;
	content: "";
	height: 22px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -300%);
	transition: 0.15s all ease;
	width: 22px;
}

.screensteps-document .screensteps-wrapper--attachment>a:hover {
	box-shadow: 0 0 0 2px #1d9de0 inset;
}

.screensteps-document .screensteps-wrapper--attachment>a:hover::after,
.screensteps-document .screensteps-wrapper--attachment>a:focus::after {
	transform: translate(-50%, -50%);
}


/* Uncomment the line below to add a blue background to images */


/* div.screensteps-document .image .image {background: #e7f3ff; border: 1px solid #d0e0f0; float:left; margin-bottom:1em; padding: 5px 5px 5px 5px; }*/


/* Uncomment the line below to add a blue
background to legacy ScreenSteps version 3 description areas
This matches the ScreenSteps version 4 'introduction' text blocks
*/


/*
.screensteps-description {
	background-color: #e8f5f9;
	color: #1d9de0;
	line-height: 1.5em;
	margin: 10px 0;
	padding: 30px 15px 15px;
}
*/

.screensteps-wrapper {
	line-height: 1.5em;
	margin: 10px 0;
	padding: 30px 15px 15px;
}

.screensteps-wrapper p {
	margin-left: 35px;
	margin-top: 0;
}



.screensteps-wrapper--introduction {
	background-color: #e8f5f9;
	color: #1d9de0;
}

.screensteps-wrapper--introduction p {
	margin-left: 0;
}

.screensteps-wrapper--info {
	background-color: #e8f5f9;
	color: #1d9de0;
}

.screensteps-wrapper--alert {
	background-color: #fbe7e6;
	color: #c11111;
}

.screensteps-wrapper--tip {
	background-color: #effae7;
	color: #65a73c;
}

.screensteps-wrapper--warning {
	background-color: #fff9aa;
	color: #d78900;
}

.screensteps-revision-information {
	border-top: 1px solid #e6e6e6;
	margin-top: 1em;
	padding-top: 1em;
}

.screensteps-child-wrapper {
	margin: 10px 0;
}

.screensteps-child-wrapper .screensteps-foldable-title>a {
	display: block;
	padding: 5px;
	color: #333f48;
	font-family: "gilroy-medium";
  font-size: 24px;
  padding-left: 0;
  padding-bottom: 0;
  display:flex;
  line-height:1;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
	.screensteps-child-wrapper .screensteps-foldable-title>a{
		font-size: 20px;
	}
  .screensteps-foldable-content-parent:before{
    vertical-align:text-top
  }
}
.screensteps-child-wrapper .screensteps-foldable-title-depth-1 {
	font-size: 26px;
}

.screensteps-child-wrapper .screensteps-foldable-title-depth-2 {
	font-size: 22px;
}

.screensteps-child-wrapper .screensteps-foldable-title-depth-3,
.screensteps-child-wrapper .screensteps-foldable-title-depth-4 {
	font-size: 18px;
}

.screensteps-child-wrapper .screensteps-nested-content {
	padding: 1em 2em;
	border-top: none;
}

.article-header .toggle-wrapper {
	padding: 10px 0;
}

.article-header .toggle-wrapper a {
	cursor: pointer;
}


/* 
ICON Styles to ScreenSteps text blocks and foldable steps  
*/

.container .screensteps-wrapper:before {
	float: left;
	padding-top: 3px;
  position:initial;
  font-size:20px;
}

.screensteps-wrapper:before,
.screensteps-foldable-content-parent:before,
.screensteps-wrapper--attachment>a:before {
	display: inline-block;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: inherit;
	font: normal normal normal 1.3em/1 entypo;
	margin-right: 14px;
	text-rendering: auto;
}

.container .screensteps-foldable-content-parent:before {
	content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIxIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjEgMjQiPjx0aXRsZT5jaGV2cm9uLWNpcmNsZS1yaWdodDwvdGl0bGU+PHBhdGggZmlsbD0iI2ZmZDEwMCIgZD0iTTkuNjAzIDE4LjY4M2w2LjA4MC02LjA4MGMwLjMzNS0wLjMzNSAwLjMzNS0wLjg3MSAwLTEuMjA1bC02LjA4MC02LjA4MGMtMC4zMzUtMC4zMzUtMC44NzEtMC4zMzUtMS4yMDUgMGwtMS4zNjYgMS4zNjZjLTAuMzM1IDAuMzM1LTAuMzM1IDAuODcxIDAgMS4yMDVsNC4xMTIgNC4xMTItNC4xMTIgNC4xMTJjLTAuMzM1IDAuMzM1LTAuMzM1IDAuODcxIDAgMS4yMDVsMS4zNjYgMS4zNjZjMC4zMzUgMC4zMzUgMC44NzEgMC4zMzUgMS4yMDUgMHpNMjAuNTcxIDEyYzAgNS42NzktNC42MDcgMTAuMjg2LTEwLjI4NiAxMC4yODZzLTEwLjI4Ni00LjYwNy0xMC4yODYtMTAuMjg2IDQuNjA3LTEwLjI4NiAxMC4yODYtMTAuMjg2IDEwLjI4NiA0LjYwNyAxMC4yODYgMTAuMjg2eiI+PC9wYXRoPjwvc3ZnPg==) !important;
    font-size: 13px;
    transform: rotate(0deg);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-right:10px;
		height: 25px;
}

.container .screensteps-foldable-content-parent.expanded:before {
	transform: rotate(90deg);
}

.screensteps-wrapper--info:before {
	color: #5ab7e7;
	content: "\E705";
}

.screensteps-wrapper--alert:before {
	color: #d56565;
	content: "\1F514";
}

.screensteps-wrapper--tip:before {
	color: #65a73c;
	content: "\1F4A1";
}

.screensteps-wrapper--warning:before {
	color: #e3a600;
	content: "\26A0";
}

.screensteps-wrapper--attachment>a:before {
	color: #1d9de0;
	content: "\1F4CE";
	vertical-align: text-bottom;
}


/* End OLD ScreenSteps Article CSS */

/* Start NEW ScreenSteps Article CSS */
#article-container .screensteps-wrapper{
  padding: 20px 15px;
  padding-left:40px;
}
#article-container .screensteps-wrapper:before{
  position:absolute;
  
}
#article-container .screensteps-wrapper--introduction{
  background-color:#FBFAF7;
  color:#333f48;
}

/* Zapier */
#article-container #zap-widget-t1PKpxJ3 a.zap-button{
  background:#ff4a00;
}
#article-container #zap-widget-t1PKpxJ3 a.zap-button:hover{
  background: #f04600;
	color: #fff;
}

.screensteps-textblock ul li br{
  display: none;
}

.screensteps-child-wrapper .screensteps-foldable-title > a {
  margin-bottom: 0 !important;
}

.screensteps-child-wrapper .screensteps-nested-content {
  padding: 0.8em 2em !important;
}

div.screensteps-document .image {
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.screensteps-document .screensteps-textblock {
  margin-bottom: 8px !important;
}

div.screensteps-document ul {
  margin: 0 !important;
}

.screensteps-section {
    background-color: white !important;
}

.ai-search-results-text,
.ai-search-results-text * {
  font-family: inherit !important;
}










/* Tile/Grid layout for Training Videos section */
.article-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 30px 0;
}

.article-grid-item {
  position: relative;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  background: #fff;
  transition: all 0.3s ease;
  overflow: hidden;
}

.article-grid-item:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  transform: translateY(-4px);
  border-color: #037e8c;
}

.article-grid-link {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 24px;
  height: 100%;
  min-height: 180px;
}

.article-grid-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}

.video-icon {
  font-size: 48px;
  color: #037e8c;
  margin-bottom: 16px;
  transition: transform 0.3s ease;
}

.article-grid-item:hover .video-icon {
  transform: scale(1.1);
}

.article-grid-title {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
  line-height: 1.4;
}

.article-grid-item:hover .article-grid-title {
  color: #037e8c;
}

.article-grid-item .promoted-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #f39c12;
  font-size: 18px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .article-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
  }
  
  .article-grid-link {
    padding: 20px;
    min-height: 160px;
  }
  
  .video-icon {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .article-grid {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}















.video-thumbnail {
  width: 100%;
  height: auto;
  border-radius: 4px;
  margin-bottom: 12px;
  transition: opacity 0.3s ease;
}

.article-grid-item:hover .video-thumbnail {
  opacity: 0.9;
}

/* Add play button overlay */
.article-grid-content {
  position: relative;
}

.article-grid-item .video-thumbnail + .article-grid-title::before {
  content: '▶';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -150%);
  font-size: 48px;
  color: white;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
  pointer-events: none;
  opacity: 0.9;
}







/* Tile/Grid layout for Training Videos section */
.article-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 30px 0;
}

.article-grid-item {
  position: relative;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  background: #fff;
  transition: all 0.3s ease;
  overflow: hidden;
}

.article-grid-item:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  transform: translateY(-4px);
  border-color: #037e8c;
}

.article-grid-link {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
}

.article-grid-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Video thumbnail styling */
.video-thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  transition: opacity 0.3s ease;
}

.article-grid-item:hover .video-thumbnail {
  opacity: 0.9;
}

/* Play button overlay on thumbnail */
.video-thumbnail-container {
  position: relative;
  width: 100%;
  background: #000;
}

.video-thumbnail-container::after {
  content: '▶';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  color: white;
  text-shadow: 0 2px 8px rgba(0,0,0,0.8);
  pointer-events: none;
  opacity: 0.9;
  transition: opacity 0.3s ease;
}

.article-grid-item:hover .video-thumbnail-container::after {
  opacity: 1;
}

/* Video icon fallback (if no thumbnail) */
.video-icon {
  font-size: 48px;
  color: #037e8c;
  padding: 40px;
  text-align: center;
  transition: transform 0.3s ease;
}

.article-grid-item:hover .video-icon {
  transform: scale(1.1);
}

/* Title styling with proper spacing */
.article-grid-title {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
  line-height: 1.4;
  padding: 20px;
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.article-grid-item:hover .article-grid-title {
  color: #037e8c;
}

.article-grid-item .promoted-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #f39c12;
  font-size: 18px;
  z-index: 10;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .article-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
  }
  
  .article-grid-title {
    font-size: 14px;
    padding: 16px;
  }
  
  .video-thumbnail-container::after {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .article-grid {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}









/* Full-width video for all articles - MORE SPECIFIC */
.article-body iframe[src*="youtube.com"],
.article-body iframe[src*="youtu.be"],
.article-body iframe[src*="vimeo.com"] {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  margin: 20px 0 !important;
  display: block !important;
}

/* Force parent containers to be full width */
.article-body p:has(> iframe[src*="youtube.com"]),
.article-body p:has(> iframe[src*="youtu.be"]),
.article-body p:has(> iframe[src*="vimeo.com"]),
.article-body div:has(> iframe[src*="youtube.com"]),
.article-body div:has(> iframe[src*="youtu.be"]),
.article-body div:has(> iframe[src*="vimeo.com"]) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure article content area allows full width */
.article-content,
.article-body {
  max-width: none !important;
}

/* Override any Zendesk default video constraints */
.article-body iframe {
  max-width: 100% !important;
}