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

body {
	background-color: #e86d1f;
	color: #0c1120;
	/*font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;*/
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', Helvetica, Arial, sans-serif;
	font-size: 1.5rem;
  line-height: 2rem;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

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

@media(max-width:767px) {
  body > main {
    padding-top: 0;
  }
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-top: 0;
  color: #0c1120;
}

h1,
.h1{
	font-size: 60px;
  line-height: 72px;
  margin-bottom: 4.5rem;
}

h2,
.h2{
	font-size: 48px;
  line-height: 60px;
  margin-bottom: 3.5rem;
}

h3,
.h3{
	font-size: 30px;
  line-height: 38px;
  margin-bottom: 1rem;
}

h4,
.h4{
	font-size: 3.5rem;
  line-height: 4.5rem;
}

@media(max-width:767px) {
  h1,
  .h1 {
    font-size: 36px;
    line-height: 44px;
  }
  
  h2,
  .h2{
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 2rem;
  }
}

p {
  color: #0c1120;
	font-size: 1.6rem;
  line-height: 2.75rem;
	font-weight: 400;
}

a {
	color: rgba(11, 118, 183, 1);
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: underline;
}

.blueText {
  color: #1b7fbd;
}

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 rgba(27, 127, 189, 1);
}

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

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url("/hc/theming_assets/01KYP03D9GYJRHR23WHJ633HQB") 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 rgba(27, 127, 189, 1);
}

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

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

textarea:focus {
	border: 1px solid rgba(27, 127, 189, 1);
}

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

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

.container-divider {
	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;
}

/***** Buttons *****/
.button, 
[role="button"],
.new-community-post input[type="submit"] {
	font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background-color: #1b7fbd;
  padding: 10px 14px;
  border: 2px solid #fff;
  border-radius: 8px;
  box-shadow: 0 0 0 2px #1b7fbd;
  transition: background-color 500ms, box-shadow 500ms;
}

.button:hover, 
[role="button"]:hover,
.new-community-post input[type="submit"]:hover {
  background-color: #10a0ca;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 0 0 2px #10a0ca;
}

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

.button::after, [role="button"]::after {
	color: rgba(27, 127, 189, 1);
}

.button:active, .button:focus, .button[aria-selected="true"], [role="button"]:active, [role="button"]:focus, [role="button"][aria-selected="true"] {
	background-color: rgba(27, 127, 189, 1);
	color: #ffffff;
	text-decoration: none;
}

.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: #0e4364;
	border-color: #0e4364;
}

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

.button-large, input[type="submit"] {
	background-color: rgba(27, 127, 189, 1);
	border: 0;
	border-radius: 4px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	line-height: 2.72;
	padding: 0 1.9286em;
	width: 100%;
}

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

.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
	background-color: #0e4364;
}

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

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

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
	color: rgba(12, 17, 32, 1);
	border: 1px solid #ddd;
	background-color: #e16517;
}

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

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

.table th,
.table th a {
	color: #28386a;
	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: 13px;
	margin-bottom: 5px;
}

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

.form-field input:focus {
	border: 1px solid rgba(27, 127, 189, 1);
}

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

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

.form-field input[type="checkbox"] {
	width: auto;
}

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

.form-field .nesty-input:focus {
	border: 1px solid rgba(27, 127, 189, 1);
	text-decoration: none;
}

.form-field label {
  font-size: 12px;
  line-height: 20px;
  background: #fff;
  border-radius: 8px;
  padding: 4px 8px;
  display: block;
  position: relative;
  width: fit-content;
  margin-bottom: -14px;
  z-index: 999;
  margin-left: 12px;
  color: #374151;
}

#hc-wysiwyg,
#hc-wysiwyg [role=toolbar]{
  border-color: #9ca3af;
}

#hc-wysiwyg [role=toolbar] {
  padding-top: 14px;
  height: fit-content;
}

#hc-wysiwyg span[role="button"] {
  box-shadow: none;
  border: 1px solid #9ca3af;
}

.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: #28386a;
	font-size: 12px;
	margin: 5px 0;
}

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

.form footer {
	margin-top: 40px;
	padding-top: 30px;
}

.form footer a {
	color: #28386a;
	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: #053857;
}

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

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

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

.nav-wrapper a {
	border: 0;
	color: rgba(11, 118, 183, 1);
	display: none;
	font-size: 14px;
	padding: 0 20px 0 0;
	width: auto;
}

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

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

.nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active {
	background-color: transparent;
	color: rgba(11, 118, 183, 1);
	text-decoration: underline;
}

.nav-wrapper a.login {
	display: inline-block;
}

.nav-wrapper .icon-menu {
	display: inline-block;
	margin-right: 10px;
	color: rgba(11, 118, 183, 1);
}

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

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

header#header{}
	
		
		header#header .header-wrapper .top-menu{}
			
			header#header .header-wrapper .top-menu .navbar-inverse{
				height: auto;
        background-color: rgba(255,255,255,0);
        border-color: rgba(255,255,255,0);
			}
				header#header .header-wrapper .top-menu .navbar-inverse.navbar-fixed-top{
					position: relative !important;
					top: auto !important;
					margin-top: 72px !important;
				}
					@media(max-width:767px){header#header .header-wrapper .top-menu .navbar-inverse.navbar-fixed-top{
						margin-top: 52px !important;
					}}
				
				header#header .header-wrapper .top-menu .navbar-inverse .container{
					position: relative;
					height: auto;
					padding: 0px 12px !important;
				}
					@media(max-width:767px){header#header .header-wrapper .top-menu .navbar-inverse .container{
						padding:0px 6px !important;
					}}
					
					header#header .header-wrapper .top-menu .navbar-inverse .navbar-header{
						display: -webkit-box;
						display: -webkit-flex;
						display: ms-flexbox;
						display: flex;
						  -webkit-box-align: center;
						-webkit-align-items: center;
							 -ms-flex-align: center;
								align-items: center;
							   -webkit-box-pack: center;
						-webkit-justify-content: center;
								  -ms-flex-pack: center;
								justify-content: center;
						position: absolute !important;
						float: none;
						left: 0px;
						bottom: 100%;
						height:auto;
						margin:0px !important;
						padding:0px 12px;
					}
						@media(max-width:767px){header#header .header-wrapper .top-menu .navbar-inverse .navbar-header{
							padding:0px 6px;
						}}
					
						header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-brand,
						header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-zd{
							display: block;
							float: none;
						}
						
							header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-brand{
								padding:12px 0px;
							}
						
								header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-brand img{
									position: relative !important;
									top:auto !important;
								}
							
							header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-zd{
								margin-left: 24px;
								padding: 6px 24px;
								border-left: 1px solid #38b8e7;
								color: #38b8e7;
								font-size: 24px;
							}
								@media(max-width:767px){header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-zd{
									margin-left: 12px;
									padding: 6px 12px;
									font-size: 18px;
								}}
					
						body.ie header#header .header-wrapper .top-menu .navbar-inverse .navbar-header{
							display: block;
							white-space: nowrap;
						}
					
							body.ie header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-brand,
							body.ie header#header .header-wrapper .top-menu .navbar-inverse .navbar-header .navbar-zd{
								display: inline-block;
								vertical-align: middle;
							}
					
					header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons{
						display: block;
						position: absolute !important;
						top: -60px !important;
						right: 0px;
						padding:0px 12px;
					}
						@media(max-width:767px){header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons{
							padding:0px 6px;
						}}
						
						header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons .nav-wrapper{}
						
							header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons .nav-wrapper a.login{}
						
								header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons .nav-wrapper a.login::before{
									content: '\e801';
									speak: none;
									display: inline-block;
									width: 1em;
									line-height: 1em;
									margin-left: .2em;
									margin-right: 18px;
									font-family: "fontello";
									font-style: normal;
									font-weight: normal;
									font-variant: normal;
									text-align: center;
									text-decoration: inherit;
									text-transform: none;
								}
							
							@media(max-width:767px){
								header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons .nav-wrapper a.login{
									padding: 0px;
									font-size: 0px;
									color:rgba(255,255,255,0);
								}
							
									header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons .nav-wrapper a.login::before{
										width: 3em;
										line-height: 3em;
										margin: 0px;
										font-size: 18px;
										color: #3392ce;
									}
							}
						
							header#header .header-wrapper .top-menu .navbar-inverse .navbar-icons .nav-wrapper .user{padding:10px;}
					
/* Header */
header#header {}

header#header .header-wrapper {
	background: #d6f6ff;
  height: 134px;
}

header#header .header-wrapper .container {
  display: flex;
  flex-direction: row;
}

header#header .header-wrapper .container a.navbar-brand {
  display: flex;
  margin-right: 5rem;
  float: none;
  height: 134px;
  align-items: center;
}

header#header .header-wrapper .container a.navbar-brand img.large {
  display: block
}

header#header .header-wrapper .container .navbar-search {
  width: stretch;
  margin-top: 24px;
}
                
header#header .header-wrapper .container .navbar-search .search-container {
  background: #1b7fbd;
  border-radius: 16px; 
  padding: 3rem 2rem;
}

header#header .header-wrapper .container .navbar-search .search-container p {
  color: #fff;
}              

header#header .header-wrapper .container .navbar-search .search-container p.h2{
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 3.5rem;
  line-height: 4.5rem;
}
						
@media(max-width:767px) {
  header#header .header-wrapper {
    background: rgba(255,255,255,0);
    height: fit-content;
  }
  header#header .header-wrapper .container {
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  header#header .header-wrapper .container a.navbar-brand {
    background: #d6f6ff;
    height: fit-content;
    padding: 2rem 2rem 50px 2rem;
    margin-bottom: -50px;
    margin-right: 0;
  }
  
  header#header .header-wrapper .container .navbar-search {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  
  header#header .header-wrapper .container .navbar-search .search-container p.h2 {
    font-size: 24px;
    line-height: 32px;
  }
  
  header#header .header-wrapper .container .navbar-search .search-container p {
    font-size: 14px;
    line-height: 20px;
  }
}

/***** User info in header *****/
.user-info {
	display: inline-block;
}

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

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

.user-info > [role="button"] {
	border: 0;
	color: rgba(11, 118, 183, 1);
	min-width: 0;
	padding: 0;
	white-space: nowrap;
}

.user-info > [role="button"]:hover {
	color: rgba(11, 118, 183, 1);
	background-color: transparent;
}

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

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

#user #user-name {
	display: none;
	font-size: 14px;
	color: #e86d1f;
}

#user-menu a {
	color: #e86d1f;
}

@media (min-width: 1024px) {
	#user {
		display: inline-block;
		vertical-align: middle;
		background-color: #3392ce;
		border-color: #3392ce;
		border: none;
		height: 44px;
		font-size: 18px;
		padding: 8px 22px;
		width: 200px;
	}
	
	#user #user-name {
		display: inline-block;
		color: #fff;
	}
	
	#user:hover {
		background-color: #e86d1f;
	}
}

/***** User avatar *****/
.user-avatar {
	height: 25px;
	width: 25px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}

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

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

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

/***** Footer *****/
/*.footer {
	border-top: 1px solid #ddd;
	margin-top: 60px;
	padding: 30px 0;
}

.footer a {
	color: #28386a;
}

.footer-inner {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
	display: flex;
	justify-content: space-between;
}

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

.footer-language-selector {
	color: #28386a;
	display: inline-block;
	font-weight: 300;
}*/

/***** Breadcrumbs *****/
.breadcrumbs {
	margin: 0 0 15px 0;
	padding: 0;
}

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

.breadcrumbs li {
	color: #0b76b7;
	display: inline;
	font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
	max-width: 450px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
	content: ">";
  font-weight: 400;
	margin: 0 4px;
}

.breadcrumbs li a:visited {
	color: rgba(11, 118, 183, 1);
}

/***** Search field *****/
.search {
	position: relative;
}

.search input[type="search"] {
	border: 1px solid #d0f0fd;
	border-radius: 8px;
	box-sizing: border-box;
	color: #999;
	height: 40px;
	padding-left: 40px;
	padding-right: 20px;
	-webkit-appearance: none;
	width: 100%;
}
.search input[type="search"]:focus{
	opacity: 1;
}

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

.search input[type="search"]:focus {
	border: 1px solid rgba(27, 127, 189, 1);
	color: #555;
}

.search::before {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	background-color: transparent;
	color: #ddd;
	content: "\1F50D";
	font-size: 18px;
	position: absolute;
	left: 15px;
	z-index: 1;
}

.search:focus::before{
	color: #023a81;
}

[dir="rtl"] .search::before {
	right: 15px;
	left: auto;
}

.search-full input[type="search"] {
	border: 1px solid #fff;
}

/***** Hero component *****/
.hero {
	display: -webkit-box;
	display: -webkit-flex;
	display: ms-flexbox;
	display: flex;
	  -webkit-box-align: center;
	-webkit-align-items: center;
		 -ms-flex-align: center;
			align-items: center;
		   -webkit-box-pack: center;
	-webkit-justify-content: center;
			  -ms-flex-pack: center;
			justify-content: center;
	-webkit-flex-direction: column;
			flex-direction: column;
	margin-bottom: 20px !important;
	padding: 1em 20px;
	text-align: center;
	width: 100%;
}

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

.hero-inner h1{
	margin: 0px;
	color: #023a81;
	font-size: 4em;
	font-weight: 100;
	line-height: 1.1;
}
	@media(max-width:767px){.hero-inner h1{
		font-size:3em;
	}}
	@media only screen
	and (max-device-width: 767px)
	and (orientation: portrait){
		.hero{
			padding:0px;
		}
		.hero-inner h1{
			font-size:11vw;
			font-size:calc((100vw - 24px) * 0.12);
		}
	}

.hero-inner .search{
}

.hero-inner .search::before{
	color: #777;
}

.hero-inner .search input[type="search"]{
	outline: none;
	-webkit-box-shadow: 0px 0.2em 1em rgba(0,0,0,0.4),0px 0.5em 2em rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 0.2em 1em rgba(0,0,0,0.4),0px 0.5em 2em rgba(0,0,0,0.4);
			box-shadow: 0px 0.2em 1em rgba(0,0,0,0.4),0px 0.5em 2em rgba(0,0,0,0.4);
}

.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 .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: 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: 0px;
	min-height: 35px;
	padding-bottom: 3rem;
}

@media(max-width:767px) {
  .sub-nav {
    padding-bottom: 1rem;
  }
}

@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: 0px solid rgba(27, 127, 189, 1);
	border-radius: 0px;
	box-sizing: border-box;
	color: white;
	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: rgba(27, 127, 189, 1);
}

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

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

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

.blocks-item-internal a {
	color: rgba(12, 17, 32, 1);
}

.blocks-item-link {
	color: white;
	font-weight: bold;
	padding: 20px 30px;
	background-color: rgba(11, 118, 183, 1);
	text-transform: uppercase;
}

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

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

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

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

/***** Homepage *****/
.section {
	margin-bottom: 40px;
}

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

/***** Knowledge Base & Community sections in homepage *****/
	.section a.section-tile{
		position: relative;
		display: block;
		display: -webkit-box;
		display: -webkit-flex;
		display: ms-flexbox;
		display: flex;
		  -webkit-box-align: center;
		-webkit-align-items: center;
			 -ms-flex-align: center;
				align-items: center;
			   -webkit-box-pack: center;
		-webkit-justify-content: center;
				  -ms-flex-pack: center;
				justify-content: center;
		-webkit-flex-direction: column;
				flex-direction: column;
		min-height: 250px;
		padding: 45px 0px;
		text-align: center;
		text-decoration: none;
		overflow: hidden;
		cursor: pointer;
		z-index: 1;
	}
		
		.section a.section-tile::before,
		.section a.section-tile::after{
			content: ' ';
			display: block;
			position: absolute;
			z-index: 100;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			-webkit-transition: opacity 0.8s ease;
			   -moz-transition: opacity 0.8s ease;
				-ms-transition: opacity 0.8s ease;
				 -o-transition: opacity 0.8s ease;
					transition: opacity 0.8s ease;
		}
			.section a.section-tile::before{
				background-color: rgba(27, 78, 142, 0.7);
				opacity: 1;
			}
				.section a.section-tile:hover::before{opacity: 0;}
			.section a.section-tile::after{
				background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);
				background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
				background: radial-gradient(ellipse at center, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50ffffff', endColorstr='#50ffffff',GradientType=1 );
				opacity: 0;
			}
				.section a.section-tile:hover::after{opacity: 1;}
		
		.section a.section-tile div{
			position: relative;
			padding-top: 100px;
			color: #fff;
			text-shadow: none;
			z-index: 200;
			-webkit-transition: color 0.8s ease, text-shadow 0.8s ease;
			   -moz-transition: color 0.8s ease, text-shadow 0.8s ease;
				-ms-transition: color 0.8s ease, text-shadow 0.8s ease;
				 -o-transition: color 0.8s ease, text-shadow 0.8s ease;
					transition: color 0.8s ease, text-shadow 0.8s ease;
		}
			.section a.section-tile:hover div{
				color: #023a81;
				text-shadow: 0px 0px 10px rgba(255,255,255,0.75),0px 0px 15px rgba(255,255,255,0.75),0px 0px 20px rgba(255,255,255,0.75);
			}
			
			.section a.section-tile div::before,
			.section a.section-tile div::after{
				content: ' ';
				display: block;
				position: absolute;
				left: 0px;
				top: 0px;
				width: 100%;
				height: 100px;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: contain;
				-webkit-transition: opacity 0.8s ease;
				   -moz-transition: opacity 0.8s ease;
					-ms-transition: opacity 0.8s ease;
					 -o-transition: opacity 0.8s ease;
						transition: opacity 0.8s ease;
			}
				.section a.section-tile div::before{opacity: 1;}
				.section a.section-tile div::after{opacity: 0;}
					.section a.section-tile:hover div::before{opacity: 0;}
					.section a.section-tile:hover div::after{opacity: 1;}
					
					.section.community a.section-tile div::before{background-image: url(/hc/theming_assets/01KYP03D2RXZ0JYG1V24FAWHSB);}
					.section.community a.section-tile div::after{background-image: url(/hc/theming_assets/01KYP03CS20K4ZXSF5MK2ERZ8R);}
			
			.section a.section-tile div h2,
			.section a.section-tile div p{
				margin: 0px;
			}
				.section a.section-tile div h2{
					color: inherit;
					text-transform: uppercase;
				}
		
		.section a.section-tile img{
			position: absolute;
			left: 50%;
			top: 50%;
			width: 100%;
			min-height: 100%;
			-webkit-transform: translateX(-50%) translateY(-50%);
			   -moz-transform: translateX(-50%) translateY(-50%);
				-ms-transform: translateX(-50%) translateY(-50%);
				 -o-transform: translateX(-50%) translateY(-50%);
					transform: translateX(-50%) translateY(-50%);
			filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
			filter: grayscale(100%);
			filter: gray; /* IE6-9 */
			-webkit-filter: grayscale(100%); /* Ch 19+, Sa 6+, Sa 6+ iOS */
			-webkit-transition: filter 0.8s ease,-webkit-filter 0.8s ease,opacity 0.8s ease;
			   -moz-transition: filter 0.8s ease,-webkit-filter 0.8s ease,opacity 0.8s ease;
				-ms-transition: filter 0.8s ease,-webkit-filter 0.8s ease,opacity 0.8s ease;
				 -o-transition: filter 0.8s ease,-webkit-filter 0.8s ease,opacity 0.8s ease;
					transition: filter 0.8s ease,-webkit-filter 0.8s ease,opacity 0.8s ease;
		}
			.section a.section-tile:hover img{
				filter: none;
				-webkit-filter: none;
			}


/***** Knowledge Base section in homepage *****/
.section-tiles{}
	.section-tiles.row{margin-left:-3px;margin-right:-3px;}
		.section-tiles.row > *[class*="col-"]{padding-left:3px;padding-right:3px;}

.section.knowledge-base{}
.section.knowledge-base .categories.blocks{}
	.section.knowledge-base .categories.blocks::after{
		content: ' ';
		display: block;
		height: 0px;
		border-bottom: 1px solid #ddd;
	}

	.section.knowledge-base .categories.blocks .blocks-list{
		margin: 0px -6px;
		padding-bottom: 12px;
	}
		.section.knowledge-base .categories.blocks .blocks-list .blocks-item{
			max-width: calc(100% - 12px);
			margin: 12px 6px 0px;
		}

	.section.knowledge-base .categories.blocks .category-tree-with-article{padding-top: 12px;}
		.section.knowledge-base .categories.blocks .category-tree-with-article > ul{
			display: block;
			display: -webkit-box;
			display: -webkit-flex;
			display: ms-flexbox;
			display: flex;
			-webkit-flex-direction: row;
					flex-direction: row;
			-webkit-flex-wrap: wrap;
					flex-wrap: wrap;
			margin: 0px -12px;
		}
			.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li{
				width: 50%;
				padding: 0px 12px 36px;
			}
				@media(max-width:767px){.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li{
					width: 100%;
					padding-bottom: 24px;
				}}
				
				.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > h2{
					margin-bottom: 12px;
					padding: 10px 0px;
					border-bottom: 1px solid #d4d4d4;
					text-align: left;
				}
					@media(max-width:767px){.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > h2{
						margin-bottom: 0px;
						font-size: 20px;
					}}
				
				.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul{}
					.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li{margin-bottom: 0px;}
						.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li > h3{
							margin: 24px 0px 6px;
							padding: 6px 0px;
							border-top: 1px solid #d4d4d4;
							border-bottom: 1px solid #d4d4d4;
							color: #000;
							font-size: 17px;
							text-transform: none;
						}
							.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li:first-child > h3{
								border-top: none;
							}
								@media(min-width:768px){.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li:first-child > h3{margin-top: -12px;}}
							.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li:first-child:last-child > h3{display:none;}
						.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li > ul{}
							.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li > ul > li{padding-top:10px;}
								@media(max-width:767px){.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li > ul > li{padding-top:8px;}}
								
								.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li > ul > li > ul > li > span{display:none;}
								
			body.ie .section.knowledge-base .categories.blocks .category-tree-with-article > ul{
				display: block;
			}
				.section.knowledge-base .categories.blocks .category-tree-with-article > ul > li{
					float:left;
				}


/***** Community section in homepage *****/
.community {
}


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

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

.promoted-articles-item {
	padding: 0px 12px;
	flex: 1 0 auto;
}

@media (min-width: 1024px) {
	.promoted-articles-item {
		align-self: flex-end;
		flex: 1;
		min-width: 33%;
		/* Three columns on desktop */
	}
}

.promoted-articles-item {
    padding: 1rem;
    background: #e5e7eb;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.promoted-articles-item a {
  	color: #0c1120;
    font-size: 1.25rem;
    display: flex;
    justify-content: space-between;
}

.promoted-articles-item a:after {
  content: '>';
}

.promoted-articles-item a:hover {
	color: #0c1120;
}


/***** Snippets: How To Videos, Get More Help *****/
.snippet.how-to-videos{
}
.snippet.how-to-videos h3{
}
.snippet.how-to-videos .row{
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}
.snippet.how-to-videos .row div[class*="col-"]{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

	@media only screen
	and (min-width: 768px)
	and (max-device-width: 800px)
	and (orientation: portrait){
		.snippet.how-to-videos .col-xs-6{width:50%;}
		.snippet.how-to-videos .col-xs-12{width:100%;}
		.snippet.how-to-videos .col-sm-3 .col-xs-6,
		.snippet.how-to-videos .col-sm-3 .col-xs-12{width:33.33333333%;}
	}


.snippet.how-to-videos h5{
	margin: 0px 0px 1rem;
	color: #023a81;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
.snippet.how-to-videos iframe{
	display: block;
	margin-bottom: 12px;
}

.snippet.how-to-videos .tiles{}
	.snippet.how-to-videos .tiles a{
		display: block;
		position: relative;
		margin-bottom: 6px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
    border-radius: 8px;
	}
		.snippet.how-to-videos .stage .video-holder::before,
		.snippet.how-to-videos .tiles a::before{
			content:' ';
			display: block;
			position: relative;
			padding-top: 75%;
		}
		.snippet.how-to-videos .tiles a .card-content{
			display: block;
			position: absolute;
			left: 0px;
			bottom: 0px;
			width: 100%;
			padding: 2rem;
      border-radius: 8px;
			background: #1b7fbd;
      transition: background-color 500ms;
		}

.snippet.how-to-videos #what-is .card-content{
  background: #5fa42e;
}

.snippet.how-to-videos #what-is:hover .card-content{
  background: #4d8624;
}

.snippet.how-to-videos #plate-range .card-content{
  background: #c02386;
}

.snippet.how-to-videos #plate-range:hover .card-content{
  background: #a51971;
}

.snippet.how-to-videos #plate-lifetime .card-content{
  background: #e5532d;
}

.snippet.how-to-videos #plate-lifetime:hover .card-content{
  background: #cd4420;
}

      .snippet.how-to-videos .tiles a .card-content h5 {
      	color: #fff !important;
        font-size: 2rem;
        line-height: 3rem;
        text-transform: none;
      }

      .snippet.how-to-videos .tiles a .card-content p {
      	color: #fff !important;
        font-size: 1rem;
        line-height: 1.5rem;
        text-transform: uppercase;
        margin: 0;
      }

		@media(min-width:768px){
			.snippet.how-to-videos .tiles .col-sm-9 > a::before{
				padding-top: calc(75.125% + 5px);
			}
			.snippet.how-to-videos .tiles .col-sm-9 > a h5{
				font-size: 24px;
			}
				.snippet.how-to-videos .tiles .col-sm-9 > a h5::before{
					content: 'How to attach ';
					display: block;
					font-size: 0.66666667em;
				}
		}

.snippet.how-to-videos .stage{ text-align: right;}
	.snippet.how-to-videos .stage > div{}
		.snippet.how-to-videos .stage a.x{
      color: #0c1120;
      background: #fff;
      border-radius: 8px;
			padding: 0.75rem 1rem;
			line-height: 1.25;
			font-size: 14px;
      font-weight: 700;
			text-transform: uppercase;
      text-decoration: none;
			cursor: pointer;
      margin-top: 2rem;
      display: block;
      width: fit-content;
		}
		.snippet.how-to-videos .stage .video-holder{
			position: relative;
		}
			.snippet.how-to-videos .stage iframe{
				position: absolute;
				left: 0px;
				top: 0px;
				width: 100%;
				height: 100%;
			}

.snippet.how-to-videos .stage .button-holder {
  display: flex;
  justify-content: end;
}

.snippet.get-more-help{
	padding-top: 30px;
}
.snippet.get-more-help .row{
	margin-left: -6px;
	margin-right: -6px;
}
.snippet.get-more-help .row div[class*="col-"]{
	padding-left: 6px;
	padding-right: 6px;
}
	@media only screen
	and (max-device-width: 767px)
	and (orientation: portrait){
		.snippet.get-more-help .row div[class*="col-"]{
			width:100%;
			margin-left:0px;
		}
	}

.snippet.get-more-help a{
	display: block;
	padding: 0px 10%;
	color: #333;
	text-align: center;
	text-decoration: none;
}

.snippet.get-more-help a > div{
	display: inline-block;
	text-align: left;
}
@media(max-width:767px){.snippet.get-more-help a{
	padding:0px;
}}

.snippet.get-more-help a i,
.snippet.get-more-help a h4{color: #e86d1f;}
.snippet.get-more-help a:hover i,
.snippet.get-more-help a:hover h4{color: #3392ce;}

.snippet.get-more-help a .icon-wrapper{
	display: block;
	width: 1.75em;
	height: 1.75em;
	line-height: 1.4;
	margin: 0px auto 0.5em;
	border: 1px solid #e86a1f;
	font-size: 2.5em;
	text-align: center;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}
.snippet.get-more-help a:hover .icon-wrapper{border-color: #3392ce;}

.snippet.get-more-help a .icon-wrapper i{
}

.snippet.get-more-help a .icon-wrapper i::before{
	vertical-align:baseline;
}

.snippet.get-more-help a h4{
	margin-bottom: 0.25em;
	font-size: 1.1em;
	line-height: 1;
	letter-spacing: -0.04em;
	text-transform: uppercase;
}
.snippet.get-more-help a p{
	margin-top: 0px;
	font-size: 0.85em;
}


@media (max-width: 799px) {
	.snippet.how-to-videos{
		padding-top: 30px;
	}
	.snippet.how-to-videos h3,
	.snippet.get-more-help h3{
		font-size: 24px;
		text-align: center;
	}
}
/***** Category pages *****/
.category-container {
	display: flex;
	justify-content: flex-end;
}

.category-content {
	flex: 1;
}

@media (min-width: 1024px) {
	.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: 0;
}

.section-tree > .section:first-child:last-child > .section-tree-title {
	display: none !important;
}

.section-tree-title a {
	color: rgba(12, 17, 32, 1);
}

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

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

.icon-star::before {
	color: rgba(27, 127, 189, 1);
	font-size: 18px;
}

/***** Section pages *****/
.section-container {
	display: flex;
	justify-content: flex-end;
}

.section-content {
	flex: 1;
}

@media (min-width: 1024px) {
	.section-content {
		flex: 0 0 80%;
	}
}

.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 66%;
		max-width: 66%;
		min-width: 640px;
		padding: 0 30px;
	}
}

.article-container {
	display: block;
}

@media (min-width: 1024px) {
	.article-container {
	}
}

.article-author {
	margin-bottom: 10px;
}

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

[dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol {
	padding-right: 20px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 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: #053857;
}

.article-body code {
	background: #e16517;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 2px;
}

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

.article-body blockquote {
	border-left: 1px solid #ddd;
	color: #28386a;
	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: #28386a;
	font-weight: 300;
}

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

.article-comment-count .icon-comments {
	color: rgba(27, 127, 189, 1);
	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-container > .article-sidebar,
	.article-container > .article {
		float: left;
		border: 0;
		height: auto;
	}
	.article-container > .article-sidebar{
		width: 17%;
	}
}

.article-relatives {
	border-top: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	padding: 20px 0;
}

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

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

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

@media (min-width: 768px) {
	
	.article-relatives{
		display:block;
		margin:0px -12px;
	}
	.article-relatives > * {
		display:block;
		float:left;
		width:50%;
		padding:0px 12px;
	}
}

.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: rgba(12, 17, 32, 1);
	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(27, 127, 189, 1);
	color: #ffffff;
	text-decoration: none;
}

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

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

.sidenav-item {
	border-radius: 4px;
	color: rgba(12, 17, 32, 1);
	display: block;
	font-weight: 300;
	margin-bottom: 10px;
	padding: 10px;
}

.sidenav-item.current-article, .sidenav-item:hover {
	background-color: rgba(27, 127, 189, 1);
	color: #ffffff;
	text-decoration: none;
}

/***** 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: rgba(12, 17, 32, 1);
	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: #28386a;
}

/***** Social share links *****/
.share {
	padding: 0;
	white-space: nowrap;
}

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

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

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

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

.share a:hover::before {
	color: rgba(27, 127, 189, 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 */

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


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

.comment-callout a {
	color: rgba(27, 127, 189, 1);
}

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

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

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

.comment-wrapper {
	display: flex;
	position: relative;
}

.comment-wrapper.comment-official {
	border: 1px solid rgba(27, 127, 189, 1);
	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-form {
	display: flex;
	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"] {
	font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background-color: #1b7fbd;
  padding: 10px 14px;
  border: 2px solid #fff;
  border-radius: 8px;
  box-shadow: 0 0 0 2px #1b7fbd;
  transition: background-color 500ms, box-shadow 500ms;
}

.comment-form-controls input[type="submit"]:hover {
  background-color: #10a0ca;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 0 0 2px #10a0ca;
}

@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(27, 127, 189, 1);
}

.comment-body {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	word-break: break-word;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	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;
}

[dir="rtl"] .comment-body ul, [dir="rtl"] .comment-body ol {
	padding-right: 20px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 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: #053857;
}

.comment-body code {
	background: #e16517;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 2px;
}

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

.comment-body blockquote {
	border-left: 1px solid #ddd;
	color: #28386a;
	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: #28386a;
	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(27, 127, 189, 1);
}

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

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

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

.vote-voted::before {
	color: rgba(27, 127, 189, 1);
}

.vote-voted:hover::before {
	color: #0e4364;
}

/***** 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: #e16517;
}

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

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

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

.community-featured-posts,
.community-activity {
	width: 100%;
}

	.community-activity h2,
	.community-topics-header h4{
		color: #033a81;
		font-size: 24px;
		text-align: left;
		text-transform: uppercase;
	}
	
	@media(max-width:767px){
		.community-featured-posts h3,
		.community-activity h2,
		.community-topics-header h4{
			font-size: 22px;
		}
	}

.community-activity .recent-activity {}

.community-activity .recent-activity h2 {
  color: #0c1120;
  text-transform: none;
  font-size: 48px;
  line-height: 60px;
}

.community-activity .recent-activity ul.recent-activity-list {
  column-count: 2;
}

.community-activity .recent-activity ul.recent-activity-list li.recent-activity-item {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 2rem;
}

.community-activity .recent-activity ul.recent-activity-list li.recent-activity-item h3,
.community-activity .recent-activity ul.recent-activity-list li.recent-activity-item h3 a{
  font-size: 12px;
  line-height: 18px;
  color: #374151;
  order: 2;
}

.community-activity .recent-activity ul.recent-activity-list li.recent-activity-item h3 a {
  color: #374151;
	font-weight: 700;
  text-decoration: underline;
  transition: color 500ms;
}

.community-activity .recent-activity ul.recent-activity-list li.recent-activity-item h3 a:hover {
  color: #1b7fbd;
}

.community-activity .recent-activity ul.recent-activity-list li.recent-activity-item h3::before {
  content: 'In ';
  display: inline-block;
  margin-right: 6px;
}

.community-activity .recent-activity ul.recent-activity-list li.recent-activity-item a.recent-activity-item-link {
  font-size: 18px;
  line-height: 28px;
  color: #0c1120;
  font-weight: 700;
  text-decoration: underline;
  transition: color 500ms;
}

.community-activity .recent-activity ul.recent-activity-list li.recent-activity-item a.recent-activity-item-link:hover {
  color: #1b7fbd;
}

.community-activity .recent-activity ul.recent-activity-list li.recent-activity-item .recent-activity-item-meta {}

.community-activity .recent-activity ul.recent-activity-list li.recent-activity-item .recent-activity-item-meta > div {
  display: inline-block;
}

.community-activity .recent-activity ul.recent-activity-list li.recent-activity-item .recent-activity-item-meta div.recent-activity-item-time::after {
  content: '|';
  display: inline-block;
  margin: 0 1rem;
}

section.community-footer {
  background-color: #f9f9fb;
}

section.community-footer .container {}

section.community-footer .container .left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

section.community-footer .container .left h4 {
  text-align: left;
}

.community-topics-list {
  background: #d6f6ff;
}

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

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

.community-topics-header{
	margin-bottom: 10px;
}
	
	.community-topics-header .dropdown-toggle::after{
		font-size: 24px;
		line-height: 1.54;
		vertical-align: baseline;
	}

@media(max-width:767px) {
  .community-topics.community-topics-list {
    padding-top: 4rem;
    padding-bottom: 4rem;    
  }
  
  .community-topics.community-topics-list h4 {
    margin-bottom: 2rem;
  }
  
  .community-topics.community-topics-list .blocks-list {
    column-count: 1;
  }
  
  .community-topics.community-topics-list .blocks-list .blocks-item {
    height: 65vh;
  }
  
  .community-activity.px-7 {
    padding-top: 4rem;
    padding-bottom: 4rem;    
  }
  
  .community-activity .recent-activity h2.recent-activity-header {
    font-size: 30px;
    line-height: 38px;
		margin-bottom: 2rem;
  }
  
  .community-activity .recent-activity ul.recent-activity-list {
    column-count: 1;
  }
  
  .community-activity .recent-activity ul.recent-activity-list li.recent-activity-item:last-child {
    margin-bottom: 0;
  }
  
  .community-activity .recent-activity ul.recent-activity-list li.recent-activity-item h3 {
    margin-bottom: 0;
  }
  
  section.community-footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  section.community-footer .container .left h4 {
    font-size: 30px;
    line-height: 38px;
		margin-bottom: 2rem;
  }
}

.community-topics{
}
	
	.community-topics .blocks-list{
		display: block;
		margin: 0px;
    column-count: 2;
    column-gap: 6rem;
		-webkit-flex-direction: column;
				flex-direction: column;
	}
	
		.community-topics .blocks-list .blocks-item {
			display: flex;
			width: 100%;
			margin: 0px;
			color: #333;
      height: 40vh;
      border-radius: 8px;
      margin-bottom: 6rem;
      justify-content: end;
      background-image: url("/hc/theming_assets/01M0GYPAW9MWT4G0RVW9Z659NH");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
		}

.community-topics .blocks-list .blocks-item:nth-of-type(2) {
  background-image: url("/hc/theming_assets/01M0GYPC7P04VY9EJ45AQR5MHP");
}

.community-topics .blocks-list .blocks-item:nth-of-type(3) {
  background-image: url("/hc/theming_assets/01M0GYP9MQ26C03SPWXXKKTHF0");
}

.community-topics .blocks-list .blocks-item:nth-of-type(4) {
  background-image: url("/hc/theming_assets/01M0GYPD7YHRC39V0MFF2JWGTQ");
}
			
			.community-topics .blocks-list .blocks-item *{
				color: inherit;
			}		

.community-topics .blocks-list .blocks-item .blocks-item-link {
				display: inline-block;
    		width: 100%;
				text-align: left;
				text-transform: none;
        background: #1b7fbd;
        color: #fff;
        padding: 2rem;
        border-radius: 8px;
  			transition: background 500ms;
			}

.community-topics .blocks-list .blocks-item:nth-of-type(2) .blocks-item-link {
  background: #e5532d;
}

.community-topics .blocks-list .blocks-item:nth-of-type(3) .blocks-item-link {
  background: #5fa42e;
}

.community-topics .blocks-list .blocks-item:nth-of-type(4) .blocks-item-link {
  background: #7b2532;
}
				
				.community-topics .blocks-list .blocks-item .blocks-item-link:hover{
					background: #0e6eaa;
				}

.community-topics .blocks-list .blocks-item:nth-of-type(2) .blocks-item-link:hover {
  background: #cd4420;
}

.community-topics .blocks-list .blocks-item:nth-of-type(3) .blocks-item-link:hover {
  background: #4d8624;
}

.community-topics .blocks-list .blocks-item:nth-of-type(4) .blocks-item-link:hover {
  background: #641824;
}
				
				.community-topics .blocks-list .blocks-item .blocks-item-link h4{
            font-size: 24px;
            line-height: 32px;
          }

.community-topics .blocks-list .blocks-item .blocks-item-link p {
  font-size: 14px;
  margin-top: 0;
}

.community-topics .blocks-list .blocks-item .blocks-item-link .meta-data {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}

.community-topics .blocks-list .blocks-item .blocks-item-link .meta-data:last-child::after {
  display: none;
}

.community-topics .blocks-list .blocks-item .blocks-item-link .meta-data::after {
	content: '|';
  display: inline-block;
  margin: 0 1rem;
}
			
				.community-topics .blocks-list .blocks-item .blocks-item-link .meta-group{
					margin-top: 10px;
				}
		
					.community-topics .blocks-list .blocks-item .blocks-item-link .meta-data{
						color: inherit;
					}

.post-to-community {
	margin-top: 10px;
}
	
	*[class*="col-"] > .post-to-community{
		display: block;
		width:100%;
	}
		
		*[class*="col-"] > .post-to-community > .button-large{
			width:100%;
		}

.community-footer{}
	
	.community-footer:last-child{padding-bottom:60px;}

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

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

.no-posts-with-filter {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 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 .dropdown {
	width: 100%;
}

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

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

.community-follow [role="button"][aria-selected="true"] {
	background-color: rgba(27, 127, 189, 1);
	color: #ffffff;
}

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

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

.community-follow [role="button"]::after {
	display: 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 rgba(27, 127, 189, 1);
	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: rgba(11, 118, 183, 1);
	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: #053857;
}

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

.striped-list-count {
	color: #28386a;
	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: rgba(12, 17, 32, 1);
		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: rgba(27, 127, 189, 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: #28386a;
}

.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, .status-label-answered {
	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 {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	line-height: 1.6;
	word-break: break-word;
}

.post-info-container {
	display: flex;
	margin-bottom: 40px;
}

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

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

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

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

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

[dir="rtl"] .post-body ul, [dir="rtl"] .post-body ol {
	padding-right: 20px;
	padding-left: 0;
	margin-left: 0;
	margin-right: 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: #053857;
}

.post-body code {
	background: #e16517;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 5px;
	margin: 0 2px;
}

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

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

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

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

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

.post-comment-count .icon-comments {
	color: rgba(27, 127, 189, 1);
	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(max-width:767px) {
  .post-comments {
    margin-bottom: 0;
  }
}

@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;
  justify-content: center;
}

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

.collapsible-nav-list li {
	font-size: 14px;
  line-height: 20px;
  padding: 8px 20px;
  background-color: #fff;
  border: 1px solid #0b76b7;
  border-radius: 8px;
  transition: background-color 500ms;
}

.collapsible-nav-list li a {
  color: #0b76b7;
  transition: color 500ms;
}

.collapsible-nav-list li:hover {
  background-color: #0b76b7;
}

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

@media (min-width: 768px) {
	.collapsible-nav-list li {
		margin-left: 0.5rem;
    margin-right: 0.5rem;
	}
	[dir="rtl"] .collapsible-nav-list li {
		margin-left: 30px;
		margin-right: 0;
	}
	.collapsible-nav-list li a {
		text-decoration: none;
	}
}

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

@media (min-width: 768px) {
	.collapsible-nav-list li:hover a {
		text-decoration: none;
	}
}

.collapsible-nav-list li[aria-selected="true"] {
	position: relative;
  background: #0b76b7;
  color: #fff;
}

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

.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%);
	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: #d76116;*/
	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: rgba(27, 127, 189, 1);
}

.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: rgba(27, 127, 189, 1);
	color: #ffffff;
}

.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: rgba(27, 127, 189, 1);
	border-radius: 4px;
	color: #ffffff;
	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: #0e4364;
	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: #28386a;
	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: #28386a;
}

/***** 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 0 auto;
	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 66%;
		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: #28386a;
	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(27, 127, 189, 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(27, 127, 189, 1);
}

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

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

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

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

/***** 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: rgba(12, 17, 32, 1);
	text-decoration: none;
}

.pagination a, .pagination span {
	font-size: 15px;
	color: #28386a;
	padding: 10px 12px;
}

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

.pagination-current {
	background-color: rgba(27, 127, 189, 1);
}

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

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


/***** Icons *****/
[class^="icon-"]::before,
[class*=" icon-"]::before,
.icon,
.search::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;
	background-color:#f5f5f5;
	margin-top:20px;
}

.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 .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;
    align-items: center;
	}
	[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 .options [data-action="edit-profile"] {
	background-color: rgba(27, 127, 189, 1);
	border: 0;
	color: #ffffff;
	line-height: normal;
	padding: 8px 20px;
}

.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: #28386a;
	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(27, 127, 189, 1);
	border-radius: 4px;
	color: rgba(27, 127, 189, 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 {
	border: 0;
  margin-top: 4rem;
	margin-bottom: 2rem;
}

.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: #28386a;
	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: 30px;
	}
	[dir="rtl"] .profile-activity {
		padding-right: 30px;
		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:#f9f9fb;
}

.profile-activity-contribution .meta-data{
	color:#666;
}

@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: 40px;
	border-radius: 50%;
	content: "";
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-color: #e86d1f;
	background-position: 50% 50%;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	font-family: "copenhagen-icons";
}

[dir="rtl"] .profile-activity::before {
	right: 0;
}

@media (min-width: 768px) {
	.profile-activity::before {
		left: -20px;
	}
	[dir="rtl"] .profile-activity::before {
		right: -20px;
	}
}

.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: 40px;
}

/***** Search results *****/
.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;
}

@media (min-width: 1024px) {
	.search-results-column {
		flex: 0 0 45%;
	}
}

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

.search-result-votes, .search-result-meta-count {
	color: #28386a;
	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(27, 127, 189, 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;
}

.search-result-breadcrumbs {
	margin: 0;
}

.search-result-breadcrumbs li:last-child::after {
	content: "|";
	display: inline-block;
	margin: 0 1rem;
}

.btn-member.login {
	width: 80px !important;
}

@media (min-width: 768px) {

	.nav-wrapper a.login {
		float: right;
		display: inline-block;
		vertical-align: middle;
		/*width: 200px;*/
		height: 44px;
		line-height: 44px;
		padding: 0px 22px;
		background-color: #3392ce;
		border-color: #3392ce;
		border: none;
		color: #fff !important;
		font-size: 18px;
		font-weight: 100;
		text-transform: uppercase;
		-webkit-border-radius: 0px;
		   -moz-border-radius: 0px;
				border-radius: 0px;
	}
	
	.nav-wrapper a.login:hover {
		background-color: #e86d1f;
		text-decoration: none;
		color: #fff !important;
	}
	
}

#user-dropdown {
 left: auto; 
}

.powered-by-zendesk {
	top: 0px !important;
}

@media(max-width: 800px) {}

header div.header-wrapper.full-nav .navbar-inverse .navbar-icons > div span.sub-title {
	margin-top: 0px !important;
}

header div.header-wrapper.full-nav .navbar-inverse .navbar-collapse {
	margin-left: 0px !important;
}

@media(max-width:767px) {}

/* Global components */
/* Utilities */
.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-row .left,
.flex-row .right {
  width: 50%;
  padding: 0 2rem;
}

.flex-row .left img, 
.flex-row .right img {
  width: stretch;
  height: stretch;
  object-fit:cover;
  border-radius: 8px;
}

@media(max-width:767px) {
  .flex-row {
    flex-direction: column;
  }
  
  .flex-row .left,
  .flex-row .right {
    width: 100%;
    padding: 0;
  }
  
  .flex-row .left {
    margin-bottom: 3rem;
  }
}

.pt-3 {
  padding-top: 3rem;
}

.px-7 {
  padding: 7rem 0;
  margin-bottom: 0;
}

.px-10 {
  padding: 10rem 0;
  margin-bottom: 0;
}

@media(max-width:374px) {
  .flex-row {
    flex-direction: column;
  }
  
  .flex-row .left,
  .flex-row .right {
    width: 100%;
    padding: 0 2rem;
  }
}

/* Breakpoints */
@media(min-width:1441px) {
  .container {
    width:100% !important;
    max-width: 1278px !important;
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

@media(max-width:1440px) {
  .container {
    width:100% !important;
    max-width: 1216px !important;
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

@media(max-width:1024px) {
  .container {
    width: 100% !important;
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

@media(max-width:767px) {
  .container {
    width:100% !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

/* Header */

/* Footer */
div.more-help {
  background: #0b76b7;
  padding: 7rem 0;
}

div.more-help div.container {
  display: flex;
  flex-direction: row;
}

div.more-help div.container div.left {
  width: 100%
}

div.more-help div.container div.left h2 {
  color: #fff;
}

div.more-help div.container div.left div.help-types {
  display: flex;
  flex-direction: row;
}

div.more-help div.container div.left div.help-types div.help-type {
  text-transform: none;
  font-weight: 400;
  margin-right: 4rem;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
}

div.more-help div.container div.left div.help-types div.help-type svg {
  margin-right: 1rem;
  width: 24px;
}

div.more-help div.container div.left div.help-types div.help-type a {
  font-weight: 700;
}

div.more-help div.container div.right {}

div.more-help div.container div.right div.schedule{
  background: #fff;
  padding: 16px;
  border-radius: 16px; 
  color: #0c1120;
  text-transform: none;
  display: flex;
  flex-direction: row;
  text-wrap: nowrap;
}

div.more-help div.container div.right div.schedule svg {
  width: 24px;
	height: fit-content;
}

div.more-help div.container div.right div.schedule div.times {
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
  
}

@media(max-width:1199px) {  
  div.more-help div.container div.right {
    padding-left: 7rem;
    align-items: flex-end;
    display: flex;
  }
  
  div.more-help div.container div.left div.help-types {
    flex-direction: column;
  }
  
  div.more-help div.container div.left div.help-types div.help-type {
    margin: 0.5rem 0;
  }
}

@media(max-width:767px) {
  div.more-help {
    padding: 4rem 2rem;
  }
  
  div.more-help > div.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex-direction: column;
  }
  
  div.more-help div.container div.left,
  div.more-help div.container div.right {
    width: 100%;
  }
  
  div.more-help div.container div.right {
    padding-left: 0;
  }
  
  div.more-help div.container div.left div.help-types {
    flex-direction: column;
    margin-bottom: 2.5rem;
  }
}

div.footer-bottom {
  background: #d6f6ff;
  padding: 4rem 10rem;
}

div.footer-bottom div.logos{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

div.footer-bottom div.logos a.footer-brand {}

div.footer-bottom hr {
  border-top: 1px solid #1b7fbd;
  margin: 2rem 0;
}

div.footer-bottom p.copyright {
  font-size: 1rem;
  text-transform: none;
  color: #0c1120;
  text-align: center;
}

@media(max-width:767px) {
  div.footer-bottom {
    padding: 4rem 2rem;
  }
}

/* Pages */
/* Home */
section.top-articles {}

section.top-articles div.container div.left {}

section.top-articles div.container div.left img {
  width: stretch;
  height: stretch;
  object-fit:cover;
  border-radius: 8px;
}

section.top-articles div.container div.right {}

section.top-articles div.container div.right h1 {}

section.top-articles div.container div.right ul.article-list {}

section.top-articles div.container div.right ul.article-list li.article-list-item {
  padding: 1rem;
  background: #e5e7eb;
  border-radius: 8px;
  margin-bottom: 1rem;
}

section.top-articles div.container div.right ul.article-list li.article-list-item a {
  color: #0c1120;
  font-size: 1.25rem;
  display: flex;
  justify-content: space-between;
}

section.top-articles div.container div.right ul.article-list li.article-list-item a:after {
  content: '>';
}

@media(max-width:767px) {
  
}

div.how-to-videos {
  background: #d6f6ff;
}

div.how-to-videos div.how-to-inner {
  padding: 0 13rem;
}

div.how-to-videos h2 {
  margin-bottom: 2rem;
}

div.how-to-videos p {
  margin-bottom: 4rem;
  display: flex;
  align-items: center;
}

div.how-to-videos p svg {
  width: 20px;
  margin-left: 12px;
}

@media(max-width:1199px) {
  div.how-to-videos div.how-to-inner {
    padding: 0 4rem;
  }
}

@media(max-width:767px) {
  .snippet.how-to-videos {
    padding: 4rem 2rem
  }
  
  .snippet.how-to-videos .how-to-inner {
    padding: 0;
  }
  
  .snippet.how-to-videos .how-to-inner .row.tiles > div {
    margin-bottom: 2rem;
  }
}

section.all-articles {}

section.all-articles h2 {
  text-align: center;
  text-transform: uppercase;
}

@media(min-width:768px) {
  section.all-articles div.category-tree-with-article {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.5rem;
  }
}

section.all-articles div.category-tree-with-article ul {}

section.all-articles div.category-tree-with-article ul li.category {
  background: #f9fafb;
  margin-bottom: 3.5rem;
  display: inline-block;
  width: 100%;
}

section.all-articles div.category-tree-with-article ul li.category h2 {
  font-size: 1.5rem;
  line-height: 2.5rem;
  color: #0c1120;
  font-weight: 600;
  text-align: left;
  text-transform: none;
  padding: 2rem;
  margin-bottom: 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  transition: color 500ms;
}

section.all-articles div.category-tree-with-article ul li.category h2::after {
  content: '+';
}

section.all-articles div.category-tree-with-article ul li.category h2:hover {
  color: #0b76b7;
}

section.all-articles div.category-tree-with-article ul li.category h2.active {
  color: #0b76b7;
  border-bottom: 1px solid #e5e7eb;
}

section.all-articles div.category-tree-with-article ul li.category h2.active::after {
  content: '-';
}

section.all-articles div.category-tree-with-article ul li.category > ul {
  padding: 2rem;
  display: none;
}

section.all-articles div.category-tree-with-article ul li.category ul li.section {}

section.all-articles div.category-tree-with-article ul li.category ul li.section:last-child {
  margin-bottom: 0;
}

section.all-articles div.category-tree-with-article ul li.category ul li.section h3 {
  font-size: 2.5rem;
  line-height: 3.5rem;
  font-weight: 400;
  margin-bottom: 12px;
}

section.all-articles div.category-tree-with-article ul li.category ul li.section ul.article-list {
  padding: 0;
}

section.all-articles div.category-tree-with-article ul li.category ul li.section ul.article-list li {
  padding: 12px 0;
}

section.all-articles div.category-tree-with-article ul li.category ul li.section ul.article-list li a {
  text-decoration: underline;
  color: #0c1120;
}

@media(max-width:767px) {
  section.all-articles div.category-tree-with-article {
    column-count: 1;
    column-gap: 0;
  }
  
  section.all-articles div.category-tree-with-article ul li.category {
    margin-bottom: 1rem;
  }
}

section.community {
  	background: #f9f9fb;
}

section.community p {
  margin-bottom: 3.5rem;
}

@media(max-width:767px) {
  section.community {
    padding: 4rem 2rem;
  }
  
  section.community > div.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex-direction: column;
  }
}

/* Article */
div.content-with-sidebar {
  display: flex;
  flex-direction: row;
  padding: 0 0 7rem 0;
}

div.article-wrapper {
  width: 66%;
  padding: 0 6rem 0 0;
}

div.article-wrapper div.article-meta {
  color: #374151;
  font-size: 1.25rem;
  line-height: 1.75rem;
  display: inline-block;
	vertical-align: middle;
}

div.article-wrapper div.article-meta span.author-name,
div.article-wrapper div.article-meta span.datetime{
  font-weight: 700;
}

div.article-wrapper article{
  margin-top: 8px;
  padding: 0;
}

div.article-wrapper article .article-header {
  align-items: flex-start;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 3.5rem;
}

div.article-wrapper article .article-header h1 {
  margin: 0;
}

div.article-wrapper article .article-info {
  margin-bottom: 3.5rem;
}

div.article-wrapper article .article-info .article-content {
  margin: 0;
  word-wrap: break-word;
}

div.article-wrapper article .article-info .article-content .article-body {}

div.article-wrapper article .article-info .article-content .article-body p {
  font-size: 1.5rem;
  line-height: 2.5rem;
}

div.article-wrapper article footer {}

div.article-wrapper article footer div.article-share {
  margin-bottom: 3.5rem;
}

div.article-wrapper article footer div.article-share ul {
  text-align: center;
  padding: 0 1rem;
}

div.article-wrapper article footer div.article-share ul li {
  margin: 0 0.5rem;
}

div.article-wrapper article footer div.article-share ul li a {
  color: #0b76b7;
  border-color: #0b76b7;
}

div.article-wrapper article footer div.article-share ul li a::before {
  font-size: 28px;
  color: #0b76b7;
}

div.article-wrapper div.content-with-sidebar div.sidebar {
  max-width: 33%;
  padding: 0 0 0 6rem;
}

.article-votes {
	border-top: 1px solid #0c1120;
	padding: 3.5rem 0 0 0;
	text-align: center;
}

.article-votes-question {
  font-size: 1.5rem;
	line-height: 2.5rem;
}

.article-votes-controls {
  margin: 1rem 0 2rem 0;
}

.article-vote {
	background: transparent;
	border: 1px solid #1b7fbd;
	color: #1b7fbd;
	min-width: 90px;
	width: auto;
  font-weight: 700;
  font-size: 1.5rem;
	line-height: 2.5rem;
  padding: 0.5rem 1rem;
  margin: 0 1.5rem;
  box-shadow: none;
}

.article-vote::before {
	font-size: 1.5rempx;
	margin-right: 12px;
}

[dir="rtl"] .article-vote::before {
	margin-right: 0;
	margin-left: 10px;
}

.article-vote::after {
	content: attr(title);
	/* Yes/No label*/
}

.article-vote:focus, .article-vote:active {
	background-color: transparent;
	color: rgba(27, 127, 189, 1);
}

.article-vote:hover {
	background-color: rgba(27, 127, 189, 1);
}

.article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected="true"]::before, .article-vote[aria-selected="true"]::after {
	color: #ffffff;
}

.article-vote-up::before {
	content: "\2713";
}

.article-vote-down::before {
	content: "\2715";
}

.article-votes-count {
  font-size: 1.25rem;
	line-height: 1.75rem;
  color: #0c1120;
}

div.content-with-sidebar div.sidebar {}

div.content-with-sidebar div.sidebar h3 {
  font-size: 2.5rem;
  line-height: 3.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

div.content-with-sidebar div.sidebar .related-articles {
  margin-bottom: 4rem;
}

div.content-with-sidebar div.sidebar .related-articles ul li,
div.content-with-sidebar div.sidebar ul.also-in-section li{
  margin-bottom: 1rem;
}

div.content-with-sidebar div.sidebar .related-articles ul li a,
div.content-with-sidebar div.sidebar ul.also-in-section li a{
  font-size: 1.25rem;
	line-height: 1.75rem;
  text-decoration: underline;
  color: #0c1120;
}

div.content-with-sidebar div.sidebar ul.also-in-section li a.current-article {
  color: #6b7280;
  text-decoration: none;
}

div.recently-viewed-container {
  background: #f9f9fb;
  padding: 7rem 0;
}

div.recently-viewed-container div.container div.left h3.recent-articles-title {
  display: none;
}

div.recently-viewed-container div.container div.left ul li {
  padding: 1rem;
  background: #e5e7eb;
  border-radius: 8px;
  margin-bottom: 1rem;
}

div.recently-viewed-container div.container div.left ul li a {
  color: #0c1120;
  font-size: 1.25rem;
  display: flex;
  justify-content: space-between;
}

div.recently-viewed-container div.container div.left ul li a:after {
  content: '>';
}

div.recently-viewed-container div.container div.right img {
  width: stretch;
  height: stretch;
  object-fit:cover;
  border-radius: 8px;
}

@media(max-width:767px) {
  div.content-with-sidebar {
    flex-direction: column;
    padding-bottom: 4rem;
  }
  
  div.content-with-sidebar div.article-wrapper {
    width: 100%;
    padding: 0;
  }
  
  div.article-votes {
    padding-bottom: 3.5rem;
    border-bottom: 1px solid #0c1120;
  }
}

/* Search results */

div.search-results-container {}

div.search-results-container .page-header {
  margin-bottom: 3.5rem;
}

div.search-results-container .page-header h1.search-results-heading {
  margin: 0;
}

/* Community topic list page */
section.community-topics-hero {
  padding-bottom: 7rem;
}

section.community-topics-hero .community-featured-posts {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  height: stretch;
  justify-content: center;
}

section.community-topics-hero h1 {
  text-align: left;
  color: #0c1120;
  font-size: 60px;
  line-height: 72px;
  margin-bottom: 4.5rem;
  margin-top: 0;
}

section.community-topics-hero h3 {
  text-align: left;
}

section.community-topics-hero ul.promoted-articles {}

section.community-topics-hero ul.promoted-articles li.promoted-articles-item {
  text-align: left;
}

@media(max-width:767px) {
  section.community-topics-hero {
    padding-bottom: 4rem;
  }
  
  section.community-topics-hero h1 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 3rem;
  }
}

/* Community post page */
.community-post-page {}

.community-post-page .article-wrapper .community-meta {
  display: block;
  float: right;
  margin-left: 4px;
}

.community-post-page .article-wrapper .post-subscribe,
.community-post-page .article-wrapper .community-follow a.dropdown-toggle{
  font-size: 14px;
  line-height: 20px;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #1b7fbd;
  box-shadow: none;
  color: #1b7fbd;
}

.community-post-page .article-wrapper .community-follow a.dropdown-toggle {
  width: fit-content;
}

.community-post-page .article-wrapper .post-header {
  align-items: flex-start;
  margin-bottom: 4rem;
}

.community-post-page .article-wrapper .post-header .post-title h1 {
  font-size: 3.5rem;
  line-height: 4.5rem;
  margin-top: 0;
}

.community-post-page .article-wrapper .post-subscribe::after,
.community-post-page .article-wrapper .community-follow a.dropdown-toggle::after{
  display: none;
}

.community-post-page .sidebar {
  width: 33%;
}

.community-post-page .sidebar .sidebar-content {
	background-size: cover;
  background-position: center center;
  border-radius: 5px;
  padding-top: 50%;
}

.community-post-page .sidebar .sidebar-content .copy {
  background: #e5532d;
  color: #fff;
  border-radius: 8px;
  padding: 2rem;
}

.community-post-page .sidebar .sidebar-content .copy h3 {
  color: #fff;
  font-size: 24px;
  line-height: 32px;
}

.community-post-page .sidebar .sidebar-content .copy .post-to-community {}

.community-post-page .sidebar .sidebar-content .copy .post-to-community a {
  background-color: rgba(0,0,0,0);
  border: none;
  box-shadow: none;
  padding: 0;
}

.community-post-page .sidebar .sidebar-content .copy .post-to-community a::after {
  content: '>';
  color: #fff;
  margin-left: 8px;
}

.post-footer {
  padding: 0;
}

.post-footer .post-share {
	margin-bottom: 7rem;
  display: flex;
  justify-content: center;
  width: stretch;
}

.post-footer .post-comment-count {
  display: none;
}

.post-footer .post-share ul li {
	 margin: 0 0.5rem;
}

.post-footer .post-share ul li a {
  color: #0b76b7;
  border-color: #0b76b7;
}

.post-footer .post-share ul li a::before{
  font-size: 28px;
  color: #0b76b7;
}

.community-post-page .comment-overview {
  border-top: 1px solid #0c1120;
  padding: 4rem 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.community-post-page .comment-list {
  padding-bottom: 4rem;
}

.community-post-page .comment-list .comment {
  margin-top: 4rem;
}

.community-post-page .comment-list .comment .comment-meta {
  display: flex;
  flex-direction: row;
}

.community-post-page .post-comments h4.h6 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

@media(max-width:767px) {
  .community-post-page .page-header h1 {
    margin-top: 0;
  }
  
  div.content-with-sidebar div.sidebar {
    margin-top: 4rem;
  }
  
  .community-post-page .sidebar {
    width: 100%;
    margin-top: 4rem;
  }
  
  .community-post-page .sidebar .sidebar-content h3.sidebar-title {
    font-size: 24px;
    line-height: 32px;
  }
}

/* Search results page */

div.search-results h3.search-results-subheading {
  font-size: 24px;
  line-height: 36px;
  color: #1b7fbd;
}

div.search-results h3.search-results-subheading::before {
  content: 'From the';
  color: #0c1120;
  display: inline-block;
}

div.search-results li.search-result {
  margin-top: 2rem;
}

div.search-results li.search-result a.search-result-link {
  color: #0c1120;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  text-decoration: underline;
}

div.search-results li.search-result a.search-result-link:hover {
  color: #1b7fbd;
}

div.search-results li.search-result ul.meta-group {
  margin-top: 0.5rem;
}

div.search-results li.search-result ul.meta-group ol.search-result-breadcrumbs li,
div.search-results li.search-result ul.meta-group ol.search-result-breadcrumbs li a {
  color: #374151;
}

div.search-results li.search-result ul.meta-group ol.search-result-breadcrumbs li:nth-of-type(1) a:before {
  content: 'In';
  display: inline-block;
  margin-right: 4px;
  font-weight: 400;
}

div.search-results li.search-result ul.meta-group li.meta-data:nth-of-type(2) {}

div.search-results li.search-result ul.meta-group li.meta-data:nth-of-type(2)::before {
  content: 'Posted by';
  display: inline-block;
  margin-right: 4px;
  font-weight: 400;
}

div.search-results li.search-result ul.meta-group li.meta-data:nth-of-type(2)::after {
  display: inline-block;
  content: '|';
  margin: 0 1rem;
}

div.search-results li.search-result ul.meta-group li.meta-data:nth-of-type(3) {}

div.search-results li.search-result ul.meta-group li.meta-data:nth-of-type(3):before {
  content: 'Posted';
  display: inline-block;
  margin-right: 4px;
  font-weight: 400;
}

div.search-results li.search-result .search-result-description {
  font-size: 14px;
  margin-top: 1rem;
}

/* New community post */
.new-community-post {
  padding-bottom: 7rem;
}

.new-community-post h1 {
	font-size: 60px;
  line-height: 72px;
  margin-top: 0;
  margin-bottom: 4.5rem;
}

@media(max-width:767px) {
  .new-community-post h1 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 3rem;
  }
}

/* User profile page */
.profile-container {
  padding-bottom: 7rem;
}