@charset "UTF-8";
/***** Base *****/
* {
	box-sizing: border-box;
}

body {
	color: #685879;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	color: #190134;
}

h1 {
	font-size: 32px;
	line-height: 44px;
}

h2 {
	font-size: 24px;
	line-height: 33px;
}

h3 {
	font-size: 20px;
	color: #685879;
	line-height: 27px;
}

h4 {
	font-size: 16px;
}

a {
	color: #4e5357;
	text-decoration: none;

}


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

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

input:focus {
	border: 1px solid #f80059;
}

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

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

select:focus {
	border: 1px solid #f80059;
}

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 #f80059;
}

.drop {
	padding: 0 0 0 75px;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: auto;
}

.drop ul {
	font-size: 16px;
}

.drop ul > li {
	line-height: 45px;
	float: left;
	margin: 0 0 0 35px;
}

.drop ul > li > a {
	display: block;
	color: #5B616D;
}

.drop ul > li > a:hover {
	color:#F80059;
	text-decoration: none;
}

.drop ul > li.mobile {
	display: none;
}

.drop .social-networks {
	overflow: hidden;
	margin: 64px 0 18px;
	display: none;
}

.drop .social-networks li {
	margin: 0 16px;
	vertical-align: top;
	display: inline-block;
	border: none;
	width: auto;
	padding: 0;
}

.drop .social-networks li:last-child {
	border: none;
}

.drop .social-networks li a {
	padding: 0;
	color: #f55668;
	font-size: 24px;
	font-family: "icomoon";
}

.drop .social-networks li a:hover {
	color:#5B616D;
	text-decoration: none;
}

.drop .social-networks.spalsh li a {
	color: #fff;
}

.drop .copy-right {
	display: none;
}

.drop-holder {
	position: fixed;
	text-align: center;
	top: 0;
	bottom: auto;
	height: 100vh;
	left: -250px;
	z-index: 99;
	background: #FAFAFB;
	width: 250px;
	padding: 37px 0 20px;
	opacity: 0;
	transition: left linear .3s, opacity linear .2s;
	-moz-transition: left linear .3s, opacity linear .2s;
	-webkit-transition: left linear .3s, opacity linear .2s;
	-ms-transition: left linear .3s, opacity linear .2s;
}

.drop ul {
	font-size: 16px;
}

.drop ul > li {
	float: none;
	width: 100%;
	margin: 0;
	text-align: left;
	border-top: 1px solid #E8EBEF;
	padding: 26px 20px 21px 26px;
}

.drop ul > li.mobile {
	display: block;
}

.drop .social-networks {
	display: block;
	margin: 25px 0;
}

.drop .social-networks li {
	margin: 0 10px;
}

.drop .social-networks li a {
	margin-top: 10px;
	font-size: 20px;
}

.drop .copy-right {
	display: block;
}

.nav-opener {
	display: block;
}

.w1 {
	transition: linear .3s;
	-moz-transition: linear .3s;
	-webkit-transition: linear .3s;
	-ms-transition: linear .3s;
}

.mobile-logo {
	width: 138px;
	margin: 5px 0 15px 26px;
}

.download,
.download-iso,
.download-bb {
	display: block;
	margin: 20px auto;
	padding: 10px 20px 10px 42px;
}

.download:after,
.download-iso:after,
.download-bb:after {
	top: 5px;
	font-size: 22px;
}

#nav > ul {
	font-size: 12px;
}

#nav > ul > li {
	float: none;
	width: 100%;
	margin: 0;
	border-top: 1px solid #e0e0e0;
	padding: 26px 20px 21px 26px;
}

#nav > ul > li:last-child {
	border-bottom: 1px solid #e0e0e0;
}

#nav > ul > li.mobile {
	display: block;
}

.splash-nav {
	display: block;
}

.form-area {
	padding: 0 10px 0;
	margin: -4px auto 0;
}

.form-area .form-text h1 {
	margin: 0 0 10px;
	/*font-size: 28px;*/
}

.form-area .form-text p {
	margin: 0 0 35px;
}

.form-area .form-holder {
	padding: 0 14px;
}

.form-area .form-holder h2 {
	margin: 0 0 15px;
	/*font-size: 18px;*/
}

.form-area .radio-area {
	margin: 0 0 15px;
}

.form-area .radio-area > ul {
	/*font-size: 9px;*/
}

.form-area .radio-area > ul > li {
	width: 33.3%;
}

.form-area .radio-area > ul > li.flexMenu-viewMore a {
	padding: 10px 6px 10px 0;
	margin: 0;
}

.form-area .radio-area > ul > li.flexMenu-viewMore a:after {
	top: 15px;
	right: 2px;
}

.form-area .contact-form {
	padding: 0;
	margin: 0 0 20px;
}

.form-area .top-text {
	margin: 0 0 56px;
}


.form-area .row {
	margin: 0 0 10px;
}

.form-area .row input[type="text"],
.form-area .row input[type="email"],
.form-area .row input[type="tel"],
.form-area .row textarea {
	/*font-size: 12px;*/
}

.form-area .row textarea {
	height: 154px !important;
}

.form-area .row .col {
	width: 100%;
	margin: 0 0 10px;
}

.form-area .row.add {
	margin: 0 0 10px;
}

.form-area .button {
	margin: 0;
	padding: 4px 10px 9px;
}

.form-area .button .text {
	margin: 0 0 0 -27px;
	/*font-size: 12px;*/
}

.form-area .button .text:before {
	top: 1px;
	right: -17px;
	font-size: 12px;
}

.form-area .btn-area {
	margin: 14px 0 46px;
}

.form-area .btn-area button {
	border-radius: 3px;
	padding: 14px 64px 16px 80px;
}

.form-area .btn-area button:before {
	left: 15px;
	top: 13px;
}

.form-area .btn-area em {
	margin: 15px 0 0;
}

.devenir .visual .header {
	height: 72px;
}

.devenir .visual .header .logo {
	display: none;
}

.devenir .visual .header .logo img {
	display: none;
}

.devenir #nav > ul {
	font-size: 12px;
}

.devenir #nav > ul > li {
	float: none;
	width: 100%;
	margin: 0;
	border-top: 1px solid #e0e0e0;
	padding: 26px 20px 21px 26px;
}

.devenir #nav > ul > li > a {
	color: #5B616D;
}

.devenir .caption-holder {
	margin: 120px auto 0;
	padding: 20px 16px;
}

.devenir #press.caption-holder {
	margin: 100px auto 0;
}

.devenir .caption-holder .title {
	line-height: 52px;
	margin: 10px auto 40px;
	font-size: 36px;
	font-weight: 300;
}

.devenir .caption-holder .title br {
	display: block;
}

.devenir .register {
	width: 230px;
	padding: 10px;
	border-radius: 3px;
	font-size: 16px;
}

.devenir .mobile-logo {
	display: block;
}

.devenir .drop ul li a {
	color: #979EAB;
}

.devenir .drop ul li a:hover {
	color: #F80059;
}

.detail .detail-block {
	margin: 0 auto 15px;
}

.detail h1 {
	margin: 20px 0 16px;
}

.detail .three-columns .column {
	padding: 12px 8px 17px;
	margin: 0 0 13px;
	width: 100%;
	height: auto !important;
}

.detail .three-columns .column:after {
	display: none;
}

.detail .three-columns .img-box {
	margin: 0;
}

.detail .three-columns .img-box img {
	height: auto;
	min-height: auto;
	margin-bottom: 10px;
}

.detail .three-columns h2 {
	margin: 0 0 8px;
}

.detail .text-area {
	margin: 0;
	text-align: inherit;
}

.blurb-wrap {
	text-align: center;
	padding-bottom: 40px;

}

.blurb-wrap .text-right {
	margin: 0;
	display: block;
	top: 15px;
	left: 0;
	width: 100%;
}


.blurb-wrap .img-left {
	width: 60px;
	height: auto;

}


/*BODY*/

.container-divider {
	margin-bottom: 24px;
}

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


.column-content {
	padding-left:0px;
}

.column-content li {
	padding-left:0px;
	width: 90%;
	margin: auto;
	font-size: 15px;
	font-weight: 300;
	padding-bottom:20px;
	color: #5E4D70;
}

.column-content li:hover {
	color:#F80059;
}

@media (max-width: 500px){
	.column-content li::after {
		display:none;
	}
}


.column-content li::after {
	content: url("/hc/theming_assets/01HZKS2TTKK5THRSFBB6B76QDF");
	float: right;
	width: 17px;
	height: 11px;
}


.error-page {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
}
.frequent-questions{
	background-color: white;
	margin-bottom: 70px;
	height: 100%;
}

.frequent-questions h3 {
	color: #190134;
	font-size: 26px;
	letter-spacing:0.4px;
	text-align:center;
	padding-top:70px;
	padding-bottom: 34px;
}


.frequent-questions ul {
	font-weight: 300;
	font-size: 16px;
	padding-bottom:70px;
}

.frequent-questions li {
	padding-bottom:20px;
}


.list-container{
	max-width: 1160px;
	margin: 0 auto;
	height:280px;

}

.orange-list{

	float:right;
	display:block;
	padding-top:1px;
	width:50%;
	background-color : #FFF;


}
.blue-list{


	float:left;
	width:50%;
	display:block;
	background-color : white;

}


@media (max-width: 1080px) {



	.orange-list {
		float:right;
		width:100%;
		height : 100%;
		padding-right:10%;
		padding-left:10%;
		background-color : #FFF;
		margin-bottom:60px;






	}

	.blue-list {

		float:left;
		width:100%;
		padding-right:10%;
		padding-left:10%;
		height : 100%;
		background-color : white;


	}
}



.orange-list li::before {
	content: url("/hc/theming_assets/01HZKS2PV27PXGWRSXXE5ZNG2H");
	padding-right:21px;
	position:relative;
	top:0.25em;
}

.blue-list li::before {
	content: url("/hc/theming_assets/01HZKS2WYFQ8Z9EGW1YEKYDQ8K");
	padding-right:21px;
	position:relative;
	top:0.25em;
}



.orange-list li {
	color:#F80059;
}

.orange-list li:hover {
	color:#190134;
}


.blue-list li{
	color: #190134;
}

.blue-list li:hover{
	color: #F80059;
}




@media (max-width: 820px){
	.column-content li {
		font-size:14px;
	}
	.column-title {
		font-size:22px;
	}
}

@media screen and (min-width: 980px) and (max-width: 990px){
	#shitty-position {
		padding-bottom: 102px !important;
	}
}

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

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

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

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

.table th,
.table th a {
	color: #000000;
	font-size: 13px;
	font-weight: 300;
	text-align: left;
}

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

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

@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 *****/
.form {
	max-width: 650px;
}

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

.form-field label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}

.form-field > input,
.hc-multiselect-toggle {
	border: 1px solid #ddd;
	border-radius: 30px;
	padding: 10px;
	width: 100%;
}

.form-field input:focus {
	border: 1px solid #f80059;
}

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

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

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

.form-field .nesty-input:focus {
	border: 1px solid #f80059;
	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: #fff;
	font-size: 12px;
	margin: 5px 0;
}

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

.form footer a {
	color: #fff;
	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: #1e2021;
}


/***** Header *****/
.header {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
	position: relative;
	align-items: center;
	display: flex;
	height: 71px;
	justify-content: space-between;
}

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


.user-nav {
	display: inline-block;
	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;
	top: 71px;
	z-index: 1;
}

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

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


.page-header {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 10px 0;
}

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

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

.page-header-description {
	font-style: italic;
	font-weight: 300;
	margin: 0 0 30px 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;
	margin-bottom: 30px;
	min-height: 50px;
	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="search"]:after {
	font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	list-style: none;
	padding: 0;
}

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

.blocks-item {
	border: 1px solid #f80059;
	border-radius: 4px;
	box-sizing: border-box;
	color: #f80059;
	display: flex;
	flex: 1 0 340px;
	flex-direction: column;
	justify-content: center;
	margin: 0 0 30px;
	max-width: 100%;
	text-align: center;
}

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

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
	background-color: #f80059;
}

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

.blocks-item-link {
	color: #f80059;
	padding: 20px 30px;
}

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

.blocks-item-title {
	margin-bottom: 0;
}

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

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

/***** Recent activity *****/
.recent-activity-header {
	margin-bottom: 10px;
	text-align: center;
}

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

.recent-activity-item {
	border-bottom: 1px solid #ddd;
	overflow: auto;
	padding: 20px 0;
}

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

.recent-activity-item-parent, .recent-activity-item-link {
	margin: 6px 0;
	color: black;
	display: inline-block;
	width: 100%;
}

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

.recent-activity-item-link {
	font-size: 14px;
	font-weight: 300;
}

.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 {
	display: inline-block;
	font-size: 13px;
	font-weight: 300;
}

.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: #f80059;
	content: "\1F4AC";
	display: inline-block;
	font-size: 15px;
	padding-right: 3px;
	vertical-align: middle;
}

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

.recent-activity-controls {
	padding-top: 15px;
}


/***** 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 66%;
	}
}

.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 {
	color: #190134;
}

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

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

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

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

.article-body a:visited {
	color: #1e2021;
}

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

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

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

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

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

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

.article-comment-count .icon-comments {
	color: #f80059;
	content: "\1F4AC";
	display: inline-block;
	font-size: 18px;
	padding: 5px;
}

.article-sidebar {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	flex: 1 0 auto;
	margin-bottom: 20px;
	padding: 0;
}

@media (min-width: 1024px) {
	.article-sidebar {
		border: 0;
		flex: 0 0 17%;
		height: auto;
	}
}

.article-more-questions {
	margin: 10px 0 20px;
	text-align: center;
}

.article-return-to-top {
	border-top: 1px solid #ddd;
}

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

.article-return-to-top a {
	color: #eeecf3;
	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: #f80059;
	color: #190134;
	text-decoration: none;
}

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

.sidenav-title {
	font-size: 15px;
	position: relative;
}

.sidenav-item {
	border-radius: 4px;
	color: #eeecf3;
	display: block;
	font-weight: 300;
	margin-bottom: 10px;
	padding: 10px;
}

.sidenav-item.current-article, .sidenav-item {
	border: #f55668 solid 2px;
	color: #f55668;
	text-decoration: none;
}

.sidenav-item.current-article, .sidenav-item:hover {
	background-color: #f55668;
	color: #FFF;
}

.recent-articles h3,
.related-articles h3 {
	font-size: 15px;
	margin: 20px 0;
}

.recent-articles li,
.related-articles li {
	margin-bottom: 15px;
}


/***** 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: #eeecf3;
	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 {
	border-radius: 30px;
}

.upload-dropzone span {
	color: #fff;
}

/***** 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: #fff;
	display: block;
	font-size: 23px;
	text-align: center;
	width: 100%;
}

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

.share a:before {
	color: #F80059;
}

.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 */
.comment {
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
}

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

.comment-overview {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 20px 0;
}

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

.comment-callout {
	color: #fff;
	display: inline-block;
	font-weight: 300;
	font-size: 13px;
	margin-bottom: 0;
}

.comment-callout a {
	color: #f80059;
}

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

.comment-sorter a {
	color: #fff;
	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;
}

.comment-wrapper.comment-official {
	border: 1px solid #f80059;
	padding: 40px 20px 20px;
}

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

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

[dir=rtl] .comment-info {
	padding-right: 0;
	padding-left: 20px;
}

.comment-author {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

@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 {
	color: #999999;
	display: block;
	font-weight: 300;
	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: #f80059;
}

.comment-body {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	line-height: 1.6;
}

.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-type: disc;
}

.comment-body a:visited {
	color: #1e2021;
}

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

.comment-body blockquote {
	border-left: 1px solid #ddd;
	color: #fff;
	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;
}

.vote a {
	outline: none;
}

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

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

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

.vote-up:hover:before,
.vote-down:hover:before {
	color: #f80059;
}

.vote-up:before, .vote-down:before {
	color: #fff;
	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;
	margin: 15px 0;
}

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

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

/***** Community *****/
.community-hero {
	background-image: url(/hc/theming_assets/01HZKS2XGR18WSQSH5137MH6TF);
	margin-bottom: 10px;
}

.community-footer {
	padding-top: 50px;
	text-align: center;
}

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

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

.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: #eeecf3;
}

/* Community topic page */
.topic-header {
	border-bottom: 1px solid #ddd;
	font-size: 13px;
}

@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;
	}
}

.community-follow [role="button"] {
	line-height: 30px;
	padding: 0 10px 0 15px;
	position: relative;
	width: 100%;
}

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

.community-follow [role="button"]:hover {
	background-color: #f80059;
}

.community-follow [role="button"]:hover:after, .community-follow [role="button"]:focus:after {
	border-color: #190134;
	color: #190134;
}

.community-follow [role="button"][aria-selected=true] {
	background-color: #f80059;
	color: #190134;
}

.community-follow [role="button"][aria-selected=true]:after {
	border-left: 1px solid #190134;
	color: #190134;
}

.community-follow [role="button"][aria-selected=true]:hover {
	background-color: #920034;
	border-color: #920034;
}

.community-follow [role="button"]:after {
	border-left: 1px solid #f80059;
	content: attr(data-follower-count);
	color: #f80059;
	display: inline-block;
	margin-left: 15px;
	padding-left: 10px;
	position: absolute;
	right: 10px;
}

@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 #f80059;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
	padding: 0;
}

.striped-list-item {
	align-items: flex-start;
	border-bottom: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px 0;
}

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

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

.striped-list-title {
	color: #4e5357;
	margin-bottom: 10px;
	margin-right: 5px;
}

.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
	text-decoration: underline;
}

.striped-list-title:visited {
	color: #1e2021;
}

.striped-list .meta-group {
	margin: 5px 0;
}

.striped-list-count {
	color: #fff;
	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;
	}
}

.striped-list-count-item:after {
	content: "·";
	display: inline-block;
	padding: 0 5px;
}

@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: #eeecf3;
		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;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-block;
}

.status-label:hover, .status-label:active, .status-label:focus {
	text-decoration: none;
}

.status-label-pinned, .status-label-featured, .status-label-official {
	background-color: #f80059;
}

.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: #fff;
}

.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-bottom: 20px;
	width: 100%;
}

@media (min-width: 768px) {
	.post-title {
		margin-bottom: 0;
		padding-right: 10px;
	}
}

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

@media (min-width: 768px) {
	.post-title h1 {
		margin-right: 5px;
	}
}

.post-author {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
}

.post-avatar {
    margin-bottom: 30px;
}

.post-content {
	line-height: 1.6;
	word-break: break-word;
}

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

.post-info {
	flex: 1;
}

@media (min-width: 1024px) {
	.post-info {
		padding-right: 20px;
	}
}

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

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

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

.post-published {
	color: #fff;
	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: #1e2021;
}

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

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

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

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

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

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

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

@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: #F80059;
	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;
	}
}

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

@media (min-width: 768px) {
	.collapsible-nav-list li:hover {
		border-bottom: 4px solid #ddd;
	}
	.collapsible-nav-list li:hover a {
		padding: 15px 0 11px 0;
		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 #f80059;
		order: 1;
		padding: 15px 0 11px 0;
	}
}

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

.collapsible-nav-list li[aria-selected=true]::after {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%); /* IE 9 */
	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
	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;
	overflow: hidden;
	padding: 10px 0;
	position: relative;
}

@media (min-width: 1024px) {
	.collapsible-sidebar {
		max-height: none;
		padding: 0;
	}
}

.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%);
	-ms-transform: translateY(-50%); /* IE 9 */
	-webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */

	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: #f2f2f2;
	border: 0;
	margin-bottom: 20px;
}

.my-activities-sub-nav {
	background-color: transparent;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}

@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: #f80059;
}

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

@media (min-width: 1024px) {
	.my-activities-table .striped-list-title {
		margin-bottom: 0;
		max-width: 500px;
		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 {
	max-height: 40px;
	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: #f80059;
	color: #190134;
}

.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;
}

/* Following table */
.subscriptions-unsubscribe a {
	background: #f80059;
	border-radius: 4px;
	color: #190134;
	display: inline-block;
	font-size: 12px;
	line-height: 2.34;
	padding: 0 20px;
	text-align: center;
	width: 100%;
}

@media (min-width: 768px) {
	.subscriptions-unsubscribe a {
		width: auto;
	}
}

.subscriptions-unsubscribe a:hover {
	background-color: #920034;
	text-decoration: none;
}

.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: #fff;
	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: #5E4D70;
}

/***** Request *****/
.request-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}

@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: 60px;
	}
}

.request-main {
	flex: 1;
	order: 1;
}

.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: #4e5357 !important;
	opacity:0.5;
	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 #f80059;
}

.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 #f80059;
}

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

.request-title {
	width: 100%;
}

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

.request-sidebar {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	flex: 1;
	order: 0;
}

@media (min-width: 1024px) {
	.request-sidebar {
		background-color: #FFFFFF;
		border: 0;
		font-size: 13px;
		flex: 0 0 30%;
		padding: 0 20px;
	}
}

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

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

.request-details {
	border-bottom: 1px solid #ddd;
	font-size: 0;
	margin: 0;
	padding-bottom: 20px;
}

.request-details:last-child {
	border: 0;
}

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

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

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

.request-details dt {
	color: #000000;
	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;
	border-radius: 20px;
}

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

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

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

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

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

.pagination a, .pagination span {
	font-size: 15px;
	color: #190134;
}

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

.pagination-current {
	background-color: #f80059;
}

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

.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-data {
	font-size: 13px;
	font-weight: 300;
}

.meta-data:not(:last-child)::after {
	content: "\00B7";
	margin: 0 5px;
}

/***** 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,
.search-icon-header: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;
	background-color: #f8f8f8;
}

.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 .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 .options {
	display: flex;
	flex-basis: 100%;
	margin-top: 12px;
	align-items: flex-start;
	flex-wrap: wrap;
}

@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: #fff;
	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 #f80059;
	border-radius: 4px;
	color: #f80059;
	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: #f2f2f2;
	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: #fff;
	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: #f8f8f8;
}

@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: #fff;
	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;
}


.form-field p,
.upload-dropzone > span,
.upload-dropzone > span::before {
	color: #4e5357;
}

.form--new-request .form-field p,
.form--new-request .upload-dropzone > span,
.form--new-request .upload-dropzone > span::before {
	color: #4e5357;
}

.article-comments .comment-callout {
	color: #4e5357;
}


.h-MenuToggler.is-hidden {
	opacity: 0;
}

.h-MenuWrapper.is-visible {
	opacity: 1;
	left: 0;
	z-index: 2001;
}

.h-MenuWrapper .drop,
.h-MenuWrapper .drop > ul {
	padding: 0;
}

.h-MenuWrapper.drop-holder {
	padding-top: 0;
}

.h-MenuCloseTrigger {
	content: "✕";
	position: absolute;
	top: 30px; left: 280px;
	color: #fff;
	z-index: 2002;
	cursor: pointer;
	font-size: 20px;
	opacity: 1;
	transition: opacity .5s ease-out;
}

.h-MenuOverlay.is-hidden + .h-MenuCloseTrigger {
	opacity: 0;
	pointer-events: none;
}

@media (max-width: 768px) {
	.h-MenuWrapper .drop li {
		padding-top: 7px;
		padding-bottom: 7px;
	}

	.h-MenuWrapper .mobile-logo {
		width: 100%; height: auto;
		margin: 0; padding: 20px 0 20px 28px;
	}

	.h-MenuWrapper .mobile-logo img {
		display: block;
		max-width: 134px;
	}
}

@media (min-width: 768px) {
	.h-MenuWrapper .mobile-logo {
		padding: 20px 0 20px 28px;
	}
}

.h-MenuOverlay {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: rgba(0, 0, 0, .4);
	z-index: 2000;
	cursor: pointer;
}

.h-MenuOverlay.is-hidden {
	display: none;
}

.h-Article {
	position: relative;
	padding-right: 27px;
}


/*
			CHANGED MADE FOR NEW REVAMP!
*/


:root {
	--color-zelda: #fc99bc;
	--color-rasberry: #fc006b;
	--color-rose: #f80059;
	--color-ruby: #cf125e;
	--color-sonic: #200fc7;
	--color-jackson: #30229b;
	--color-meteorite: #39197a;
	--color-concrete: #e8e5ea;
	--color-chatelle: #b3abbc;
	--color-granite: #685879;
	--color-tolopea: #190134;
	--color-white: #ffffff;
	--color-grey: #f2f2f2;
	--color-alto: #dedede;
	--color-mint: #a6edc9;
	--color-malachite: #48eb93;
	--color-yoshi: #21d47a;
	--color-luigi: #4cb963;
	--color-link: #13a05a;
	--color-sand: #fdeaae;
	--color-canari: #fcd45c;
	--color-jake: #e0b01d;
	--color-sunglow: #fccb36;
	--color-bittersweet: #ff785a;
}

:root {
	--font-size--xxs: 0.625rem; /* 10px */
	--font-size--xs: 0.75rem; /* 12px */
	--font-size--s: 0.875rem; /* 14px */
	--font-size--m: 1rem; /* 16px */
	--font-size--l: 1.25rem; /* 20px */
	--font-size--xl: 1.5rem; /* 24px */
	--font-size--xxl: 2rem; /* 32px */
}

:root {
	--font-weight--normal: 400;
	--font-weight--bold: 700;
	--font-weight--black: 800;
}

:root {
	--line-height--s: 1rem;
	--line-height--m: 1.4rem;
	--line-height--l: 1.5rem;
	--line-height--xl: 2rem;
}

:root {
	--icon--s: 0.75rem; /* 12px */
	--icon--m: 1rem; /* 16px */
	--icon--l: 1.25rem; /* 20px */
}

:root {
	--gradient-rr: linear-gradient(
			to right bottom,
			var(--color-rose),
			var(--color-razzmatazz)
	);

	--gradient-mr: linear-gradient(
			to right bottom,
			var(--color-rose2),
			var(--color-meteorite)
	);

	--gradient-dm: linear-gradient(
			to right bottom,
			var(--color-sonic),
			var(--color-meteorite)
	);

	--gradient-mt: linear-gradient(
			to right bottom,
			var(--color-meteorite),
			var(--color-tolopea)
	);
}

:root {
	--radius-xl: 1.5rem; /* 24px */
	--radius-l: 1rem; /* 16px */
	--radius-m: 0.5rem; /* 8px */
	--radius-s: 0.25rem; /* 4px */
}

:root {
	--space-s: 0.25rem; /* 4px */
	--space-m: 0.5rem; /* 8px */
	--space-l: 0.75rem; /* 12px */
	--space-xl: 1rem; /* 16px */
	--space-xxl: 1.5rem; /* 24px */
}

:root {
	--breakpoint-s: 28.75rem; /* 460px */
	--breakpoint-m: 50rem; /* 800px */
	--breakpoint-l: 68.75rem; /* 1100px */
}

.Card {
	--borderColor: var(--color-alto);

	box-shadow: 0 0 0 1px var(--borderColor);
	border-radius: var(--radius-xl);
}

.Card .Card {
	border-radius: var(--radius-l);
}

.Card .Card .Card {
	border-radius: var(--radius-m);
}

.Card .Card .Card .Card {
	border-radius: var(--radius-s);
}

.Card--s {
	padding: var(--space-xl);
}

.Card--m {
	padding: var(--space-xxl);
}

.Card.is-selected {
	--borderColor: var(--color-rose);
	box-shadow: inset 0 0 0 3px var(--borderColor);
}

.Card.is-elevated--1 {
	box-shadow: 0 2px 10px rgba(25, 1, 52, 0.08);
}

.Card.is-elevated--2 {
	box-shadow: 0 4px 20px rgba(25, 1, 52, 0.14);
}

.Card .Text {
	margin: 0;
}


/* Root */

:root {
	--container-x-spacing: 1.25rem; /* 20px */
}

/* Misc */

main {
	position: relative;
}

.container {
	position: relative;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 16px;
}

.container--small{
	max-width: 712px;
}

.container--medium{
	max-width: 960px;
}

/******** Loader ******/
@keyframes heetch-loader {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes heetch-loader {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.heetch-loader div {
	position: absolute;
	-webkit-animation: heetch-loader 1s linear infinite;
	animation: heetch-loader 1s linear infinite;
	width: 80px;
	height: 80px;
	top: 60px;
	left: 60px;
	border-radius: 50%;
	box-shadow: 0 4px 0 0 #F80059;
	transform-origin: 40px 42px;
}
.heetch-loader--white div {
	box-shadow: 0 4px 0 0 #fff;
}

.heetch-loader {
	position: relative;
	width: 200px !important;
	height: 200px !important;
	transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
	margin: 0 auto;
}


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

.search {
	display: flex;
	align-items: center;
	position: relative;
}

.search input[type="search"] {
	border: 1px solid #B3ABBC;
	border-radius: 24px;
	box-sizing: border-box;
	color: #685879;
	height: 38px;
	width: 100%;
	font-size: 16px;
	left: 16px;
	right: 52px;
	top: 12px;
	bottom: 12px;
	padding: 12px 52px 12px 16px;
}


.search input::placeholder{
	color: #B3ABBC;
}

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

.search input[type="search"]:focus {
	border: 1px solid #f80059;
	color: #555;
}

.search:before {
	position: absolute;
	transform: translateY(-50%);
	color: #190134;
	content: "\1F50D";
	right: 32px;
	top: 50%;
	font-size: 18px;
}

.search.search--with-val:before{
	pointer-events: none;
	content: url("/hc/theming_assets/01HZKS2P01P2JRWD6GZ7R9D72S");
}

.search-icon-header {
	margin-right: 22px;
	border: 1px solid #F2F2F2;
	border-radius: 36px;
	height: 36px;
	min-width: 38px;
}

.search-icon-header:focus + .search--dropdown,
.search-icon-header:hover + .search--dropdown{
	display: block;
}

.search--dropdown {
	position: absolute;
	right: 0;
	z-index: 1000;
	padding: 10px 16px;
	transition: opacity 0.3s;
	width: calc(100% - 32px);
}

.search--dropdown input[type="search"]{
	box-shadow: 0px 2px 10px rgba(25, 1, 52, 0.12)
}
.search--dropdown #query{
	opacity: 0;
}

.search--dropdown:hover #query,
.search--dropdown #query:hover,
.search--dropdown #query:focus,
.search--dropdown.search--with-val #query{
	opacity: 1;
}

.search:before{
	pointer-events: none;
}

@media (min-width: 768px){
	.search{
		max-width: 340px;
		padding: 0 16px;
	}

	.search-home{
		position: absolute;
		top: 0;
		right: 0;
		left: initial;
	}

	.search input[type="search"]{
		min-width: 300px;
	}
}


.search--no-padding{
	padding: 0;
}

.search--search-results{
	padding: 0;
}

/* header  , logo , mobile logo styles*/

#header {
	width: 100%;
	height: 52px;
	overflow: hidden;
	background: #FFF;
	box-shadow: 0px 2px 10px rgba(25, 1, 52, 0.08);
	position: sticky;
	top: 0;
	z-index: 100;
	display: flex;
	align-items: center;
}

.header-holder {
	margin: 0 110px;
	overflow: hidden;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
}

.breadcrumbs__title {
	font-weight: 800;
	font-size: 14px;
	color: #190134;
	display: inline-block;
    line-height: 18px;
	text-overflow: ellipsis;
	/* ::first-letter doesn't work with this solution */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow: hidden;
}

.breadcrumbs__current{
	color: #B3ABBC;
}

.breadcrumbs__right-arrow {
	margin: 0 18px;
}

.logo {
	height: 100%;
	margin-left: var(--container-x-spacing);
	align-items: center;
	display: flex;
}

.logo a {
	display: flex;
}

.back-arrow-header{
	margin-left: var(--container-x-spacing);
	transform: rotate(180deg);
}

.back-arrow-header:before{
	content: url(/hc/theming_assets/01HZKS2QFCC5BWHW4ARE8NG66E);
	height: 16px;
	width: 16px;
}

@media (max-width: 768px) {
	.header-holder{
		margin: 0 var(--container-x-spacing);
		justify-content: center;
	}
	.breadcrumbs__title:not(.breadcrumbs__clickable):not(.breadcrumbs__current){
		display: none;
	}
	.breadcrumbs__right-arrow{
		display: none;
	}

}


/***** Hero component *****/
.header-section {
	background: linear-gradient(105.3deg, #200FC7 0%, #150A7F 100%);
	padding: 32px var(--container-x-spacing);
	width: 100%;
	position: relative;
}

.header-section.home{
	margin-bottom: -24px;
	padding-bottom: 64px;
}

.header-section.category__driver{
	background: linear-gradient(105.51deg, #F80059 0%, #B50041 100%);
}

/* If passenger selected, hide driver promoted articles and vice versa */
.header-section.category__driver .category__promoted-articles.category__passenger{
	display: none;
}
.header-section.category__passenger .category__promoted-articles.category__driver{
	display: none;
}

.hero-inner {
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
}

.hero-inner > h1 {
	font-size: 32px;
	color: white;
	line-height: 44px;
	padding-right: 340px;
}

@media (max-width: 768px) {
	.hero-inner > h1 {
		text-align: center;
		padding: 0;
	}

	.hero-inner.homepage{
		text-align: center;
	}
}


/***** Footer *****/
.footer {
	background-color: #FFF;
	color: white;
	border-top: solid 1px #DEDEDE;
	position: relative;
	margin-top: 24px;
}

.footer-container{
	max-width: 1080px;
	margin: 0 auto 50px;
	padding: 22px var(--container-x-spacing);
}

.footer a {
	color: #685879;
}

.help-center-links {
	margin-right: 60px;
	z-index: 2;
}

a.footer-home-link{
	font-size: 12px;
	letter-spacing: -0.103704px;
	color: #190134;
	margin-top: 30px;
	display: block;
}

.footer__image{
	background: url("/hc/theming_assets/01HZKS2PJE0SAZAXZ69SSHRTZM") center center no-repeat;
	background-size: contain;
	height: 100%;
	width: 390px;
	position: absolute;
	top: 0;
	right: 0;
}

@media (max-width: 600px){
	.footer__image{
		display: none;
	}
}

@media (max-width: 768px) {
	.help-center-links:nth-child(n+2){
		margin-top: 22px;
	}
}

@media (min-width: 768px) {
	.footer-container {
		margin-bottom: 0;
		display: flex;
		flex-direction: column;
		min-height: 380px;
		justify-content: space-between;
	}

	.footer-inner {
		display: flex;
	}

	.help-center-links:last-of-type{
		margin-left: 100px;
		margin-right: 0;
	}
}

.help-center-links--title {
	line-height: 22px;
	color: #190134;
	padding-bottom: 16px;
	font-weight: bold;
}

a.help-center-links--link {
	display: block;
	line-height: 24px;
	padding-bottom: 5px;
}

/***** Homepage *****/
.category-cards-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 20px;
}
.category-cards-container .article__card{
	width: 436px;
	align-items: center;
}

.category-cards-container .article__card .Button{
	min-width: 250px;
	text-align: center;
	text-transform: lowercase;
}

.category-cards-container .article__card .Button:first-letter{
	text-transform: capitalize;
}

.category-cards-container .article__card img{
	max-width: 100%;
	object-fit: contain;
	display: block;
	margin: 0 auto 24px;

}

/****** Category specific code *******  */


.knowledge-base{
	padding: 24px var(--container-x-spacing) 0px;
}

.knowledge-base__container{
	max-width: 1080px;
	margin: 0 auto;
}

.articles__wrapper{
	display: flex;
	flex-wrap: wrap;
}


.article__card, .promoted-article__card{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #FFF;
	width: 100%;
	margin-bottom: 16px;
}

.article__title{
	color: #190134;
	font-weight: bold;
	text-align: center;
}

.article__title:first-letter {
	text-transform: capitalize;
}

.article__image{
	height: 100px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	object-fit: contain;
}

/*This class is both used by background image and `img`, hence both size and object fit*/
.promoted-article__card .article__image{
	height: 50px;
	background-size: contain;
}

.article--see-article{
	margin: -5px 0 16px;
	display: block;
	border: none;
	border-bottom: 1px solid #F2F2F2;
	text-align: left;
	padding: 12px 50px 4px 12px;
	color: #190134;
	position: relative;
	background: none;
	width: 100%;
}
.article--see-article:visited:not(.article--not-selected):not(.article--selected) {
	color: #685879;
}

.article--see-article:first-letter {
	text-transform: capitalize;
}

.article--see-article:after{
	content: url(/hc/theming_assets/01HZKS2QFCC5BWHW4ARE8NG66E);
	height: 16px;
	width: 16px;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
}
.article--see-article.article--selected:after{
	content: url(/hc/theming_assets/01HZKS2R1KS6SMNFKYK111862F);
}
.article--see-article.article--not-selected:after{
	content: url(/hc/theming_assets/01HZKS2P848VGV3BEQEQH394JT);
}

.article--see-article b{
	color: #252d9b;
}

.article--not-selected{
	color: #B3ABBC;
}

@media (min-width: 768px) {
	.article--see-article{
		width: 345px;
	}

	.search-results-page .article--see-article{
		width: 550px;
	}

	.article__card, .promoted-article__card{
		margin-right: 24px;
		margin-bottom: 24px;
	}
	.article__card {
		width: 336px;
	}
}

.category__promoted-articles {
	display: flex;
}

@media (max-width: 768px){
	.category__promoted-articles {
		flex-wrap: wrap;
	}
}

.category__passenger div.article__image{
	background-image: url("/hc/theming_assets/01HZKS2Q16N439S2VGWSQ6DYD5");
}

.category__driver div.article__image{
	background-image: url("/hc/theming_assets/01HZKS2VP98TGDEFSVXXK7463D");
}


/* Section Page */

.section-container{
	padding: 24px;
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
}

.article-list--container {
	flex: 50%;
}


.article-list--container li:last-child .article--see-article {
	margin-bottom: 0;
}

.article-list--container.parent {
	margin-right: 20px;
}

.article-list--container.children {
	display: none;
}

.article-list {
	padding-left: 0;
}

.section-header{
	margin-bottom: 24px;
}

@media (max-width: 767px) {
	.article-list--container h2{
		margin-top: 60px;
	}

	.section-container{
		padding: 16px;
		flex-direction: column;
	}

	.section-container .article-list--container.parent{
		margin-right: 0;
	}
}

/* Article View */

.article-content {
	word-wrap: break-word;
	line-height: 1.6;
}

.article-votes-question{
	font-size: 20px;
	line-height: 27px;
	color: #190134;
	font-weight: bold;
	margin-bottom: 16px;
	display: block;
}

.article-votes{
	margin-top: 24px;
}

.article-vote {
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	box-sizing: border-box;
	box-shadow: 0px 2px 10px rgba(25, 1, 52, 0.08);
	border-radius: 24px;
	padding: 12px 36px;
	min-width: 160px;
	width: auto;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #685879;
	display: inline-block;
}

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

.article-vote:after {
	content: attr(title);
	color: #685879;
}

.article-vote:hover, .article-vote:focus{
	border-color:  #f80059;
}

.article-vote-up{
	margin-right: 14px;
}
.article-vote-up::before {
	content: url("/hc/theming_assets/01HZKS2REEHERP500XB3EKXZ4A");
}

.article-vote-down::before {
	content: url("/hc/theming_assets/01HZKS2P01P2JRWD6GZ7R9D72S");
}


.negative-feedback-text{
	margin: 20px 0;
}

.article-container .related-articles h3 {
	display: none;
}

.article-container .related-articles ul{
	padding: 0;
}

.article-container .related-articles ul li a{
	color: #190134;;
}

.article-container .related-articles ul li a,
.article--see-contact{
	margin: -5px 0 16px;
	display: block;
	border-bottom: 1px solid #F2F2F2;
	padding: 12px 40px 4px 0px;
	width: 345px;
	color: #190134;
	position: relative;
}

.article-container .related-articles ul li a:after{
	content: url(/hc/theming_assets/01HZKS2QFCC5BWHW4ARE8NG66E);
}

.article--see-contact:after{
	content: url(/hc/theming_assets/01HZKS2SPKTRBP41ZH0FYSJ9W7);
}

.article-container .related-articles ul li a:after,
.article--see-contact:after{
	height: 16px;
	width: 16px;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
}



.article-link-home{
	color: #F80059;
	margin-top: 28px;
	display: block;
}

.contact-support-wrapper{
	margin-top: 30px;
}


.support_button {
	padding: 20px 72px;
	border: 1px solid #F80059;
	border-radius: 30px;
	font-weight: bold;
	font-size: 16px;
	color : #F80059;
	display: inline-block;
	transition: ease-in 0.3s;
}

.support_button:hover {
	background-color: #F80059;
	color: white;
}

@media (max-width: 340px) {
	.support_button {
		padding: 20px 30px;
	}
}

.article-header {
	margin-bottom: 20px;
}

/***** User  *****/
.article-author{
	font-size: 14px;
	color: #190134;
	font-weight: bold;
	display: flex;
	align-items: center
}

.article-author .article-avatar img{
	margin: 0;
	width: 24px;
	height: 24px;
}

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

/* Form */

.request-form{
	border: 1px solid #DEDEDE;
	border-radius: 24px;
	padding: 24px 16px;
}

.form-field label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}

.form footer {
	margin-top: 24px;
	text-align: right;
}

.nesty-panel li{
	padding: 14px !important;
}

/* Generic */
.hidden{
	display: none;
}

@media (max-width: 767px) {
	.hidden--mobile{
		display: none;
	}
}

@media (min-width: 768px) {
	.hidden--desktop{
		display: none;
	}
}

/* User info in Header */


.user-info .dropdown-toggle {
	background-color: white;
	color: black;
	border: 1px solid #F2F2F2;
	border-radius: 24px;
	padding: 6px 16px;
	display: flex;
	align-items: center;
	box-shadow: none;
}

.user-info .dropdown-toggle:active{
	background-color: initial;
}

.dropdown-toggle:focus,
.dropdown-toggle:focus,
.dropdown-toggle:active{
	background-color: white;
}

.user-info .dropdown-toggle::after{
	content: url('/hc/theming_assets/01HZKS2WB61NB1RMNZS6NQVS0G');
	color: #190134;;
	line-height: 1em;
	margin-left: 4px;
}

#user #user-dropdown {
	position: fixed;
	z-index: 101;
	border-radius: 14px;
	padding: 0;
}

.dropdown-menu [role="menuitem"] {
	padding: 10px 40px 10px 20px;
}
.dropdown-menu [role="menuitem"]:first-child {
	border-radius: 14px 14px 0 0;
}
.dropdown-menu [role="menuitem"]:last-child {
	border-radius: 0 0 14px 14px;
}

#user #user-name {
	color: #190134;
	font-size: 14px;
}

.user-avatar {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	margin-right: 8px;
	margin-left: 4px;
}

.dropdown{
	position: absolute;
	right: 0;
}

.dropdown-menu-end{
	right: 190px;
}


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

[role="button"] {
	cursor: pointer;
}

.button,
.Button,
input[type=submit],
[role="button"] {
	cursor: pointer;

	--padding: var(--space-m) var(--space-xl);

	display: inline-block;
	margin: var(--space-m) 0;
	padding: var(--padding);
	font-size: var(--font-size--s);
	font-weight: var(--font-weight--bold);
	line-height: var(--line-height--m);
	border: 0;
	border-radius: var(--space-xxl);
	outline: none;

	background-image: var(--gradient-rr);
	background-color: var(--color-rasberry);
	color: var(--color-white);
	box-shadow: inset 0 -2px 0 0 var(--color-ruby);
}

@media (max-width: 460px) {
	.button,
	.Button,
	input[type=submit] {
		width: 100%;
		padding: var(--space-l) var(--space-xl);
		text-align: center;
	}
}

.button[data-disabled],
.Button[disabled],
input[type=submit][disabled],
[role="button"][disabled] {
	background-color: var(--color-grey) !important;
	color: var(--color-chatelle) !important;
	cursor: not-allowed !important;
}

.button:hover,
.button:focus,
.button[aria-selected=true],
.Button:hover,
.Button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
[role="button"]:hover,
[role="button"]:focus {
	background-image: none;
	box-shadow: none;
}

.button:active,
.Button:active,
input[type=submit]:active,
[role="button"]:active {
	color: var(--color-white);
	background-color: var(--color-ruby);
}

.article__button{
	margin-top: 30px;
}

/***** Search results *****/
.search-results-page h1{
	margin-bottom: 8px;
	text-transform: capitalize;
}
.search-results-page h2{
	color: #685879;
}

.search-results-page .category-cards-container{
	justify-content: initial;
	padding-top: 0;
}


.search-no-results-image{
	background: url('/hc/theming_assets/01HZKS2RNRPAHSEJ6EQA1ZHXWX') no-repeat center center;
	background-size: contain;
	width: 250px;
	height: 250px;
}

.no-results-container__info{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -30px;
}

@media (min-width: 768px){
	.no-results-container__info{
		flex-wrap: initial;
	}
}
/***** Pagination *****/
.pagination {
	margin: 20px 0;
	display: flex;
	justify-content: center;
}

.pagination li {
	border-radius: 50%;
	height: 30px;
	width: 30px;
	margin-left: 5px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

/***** Pagination *****/
.pagination {
	margin: 30px 0;
	display: flex;
	justify-content: center;
}

.pagination li {
	border-radius: 50%;
	height: 30px;
	width: 30px;
	margin-left: 5px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

/* Search Results Popup */

zd-autocomplete{
	border-radius: 8px;
}

zd-autocomplete-header {
	color: #685879;
	font-weight: bold;
	padding: 12px 20px;
}

zd-autocomplete-option {
	color: #190134;
	font-size: 16px;
	position: relative;
	padding: 13px 40px 13px 16px;
}

zd-autocomplete-option::after {
	content: url(/hc/theming_assets/01HZKS2QFCC5BWHW4ARE8NG66E);
	height: 16px;
	width: 16px;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}

zd-autocomplete-option[aria-selected="true"] {
	background-color: #f3f3f3;
}

zd-autocomplete-option:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

zd-autocomplete-option em {
	color: #252d9b;
}

zd-autocomplete-option zd-autocomplete-breadcrumbs {
	color: #ccc;
	font-size: 80%;
}

/* Variant field*/
.request_custom_fields_360007261599,
.request_custom_fields_360007255579{
	display: none;
}