.submit-a-ticket, .live-help {
    
    width: 350px;
    opacity: .8;
    text-decoration: none;
    text-align: center;
	
}

.cant-find {
	    height: 310px;
    background-color: #fbfbf9;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    clear: both;
	
	
	
	
	
}

.category-breadcrumbs {
  margin-top: 70px;
  
}



.hero-unit {
  /*display: block;*/
  font-size: 22px;
  min-height: 400px;  
  width: 100%;
  background-image: url("/hc/theming_assets/01HZP8HKCK3ZQF4S9VN8VWKSF7");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  padding-top: 50px;
  padding-right: 480px;
  
}

.hero-unit-inpage {
  /*display: block;*/
  font-size: 22px;
  min-height: 220px;  
  width: 100%;
	 background-image: url('https://www.sourcefabric.org/images/cache/1920x520/crop/images%7Ccms-image-000002041.jpg'); 
 	background-color: rgb(250, 250, 250);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  padding-top: 50px;
  padding-right: 480px;
  
 
 
}

.wrapper {width:1200px; margin:0 auto;}
.mid-width {width:1000px;}
.small-width {width:800px;}
.micro-width {width:600px;}
.outer {padding-top:80px;}


.hero-home h1,
.grid > li,
.grid > div,
header nav ul > li.has-sub > .sub,
.hero-slider li .info,
footer .widget fieldset input,
header nav > ul > li.has-sub > .sub.mega > ul > li > ul,
.hero .buttons li a,
.post-list-slider .slides li,
.thumb-list li .info,
.theme-feature figure .mobile,
a.button.border,
.download-content ul li,
header .search-wrapper .search-form,
.two-columns-inner > .column,
.newsletter-info ul,
header nav ul {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* Base styles */
*, input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

fieldset {
  border: 0;
}

html {
  background-color: #eeeded;
}

body {
  color: #515a69;
 	font-family: 'Roboto Slab', serif;
  font-size: 13px;
  font-weight: lighter;
  line-height: 1.5;
  margin: 0;
  
}

img {
  max-width: 100%;
  vertical-align: middle;
}

img[width], img[height] {
  max-width: none;
}

figure > img {
  display: block;
}

a {
  color: #1a74b0;
  font-family: 'Roboto Slab', serif;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ul, ol {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

[dir=rtl] table {
  text-align: right;
}

td, th {
  border-color: #eee;
  border-style: solid;
  padding: 12px;
}

th {
  border-width: 1px 0;
  color: #bebebe;
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
  text-align: inherit;
}

td {
  border-width: 0 0 1px 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-weight: 400;
}

h1 {
  font-size: 20px;
}

input, textarea, label {
  display: inline-block;
  vertical-align: middle;
}

label, select {
  font-size: 12px;
}

input[type="checkbox"] + label {
  margin-left: 5px;
}

[dir=rtl] input[type="checkbox"] + label {
  margin-left: 0;
  margin-right: 5px;
}

input, textarea, select {
  border: 1px solid #ddd;
  border-radius: 2px;
}

input, textarea {
  padding: 10px;
}

textarea {
  height: 100px;
  padding: 7px 10px;
  resize: vertical;
}

textarea, input[type=text] {
  width: 100%;
}

input, textarea, select {
  color: #555;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border: 1px solid #999;
}

input::-ms-clear {
  display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: #ccc;
}

:-ms-input-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px 10px;
  min-width: 141px;
  background: url("/hc/theming_assets/01HZP8HMFSZ89H5DT39KWS26S9") no-repeat #fff;
  background-size: 10px 5px;
  background-position: calc(100% - 10px) 50%;
}

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

[dir=rtl] select {
  background-position: 10px 50%;
}

.wrapper {width:1200px; margin:0 auto;}



/* Forms */
.form {
  max-width: 505px;
}

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

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

.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 {
	font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #7a7a7a;
	margin-top: 7px;
  margin-left: 2px;
}

.form-field input[type=number], .form-field input.datepicker {
  width: 150px;
}

.form-field input.partialcreditcardinputfield {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ9JREFUOMvdktENwyAMBTNCR8gIGcGjMIo3YwQmOGUERnA/oLQUkZIoUqrYfyednwWepnOLGYeiOOY9ksc+2g/JLMRKM4zI8jvtpQUUJRR1OzUvGZFCJI/y23lpvlRUMu1n4tKSDU8Lu76oGIaO8otEFM+KYaz4r37zVm4+vdO3EgOClFvdIUp1buNipo+DYp+fv+rxx/njAwhDYpguqyfMVKQgdRaSPwAAAABJRU5ErkJggg==") no-repeat 10px 10px;
  background-size: 14px;
  padding-left: 28px;
}

.upload-dropzone span {
    color: #7a7a7a;
}

[dir=rtl] .form-field input.partialcreditcardinputfield {
  padding-left: 0;
  padding-right: 28px;
  background-position: right 10px top 10px;
}

.form-field .nesty-input {
  height: 37px;
  line-height: 37px;
  vertical-align: middle;
}

.form-field .nesty-input:focus {
  outline: none;
  border: 1px solid #999;
}

.form form + form {
  margin-top: 25px;
}

.searchbox {
  margin: 25px 0;
}

.searchbox-suggestions {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 10px 20px;
}

.searchbox-suggestions li {
  padding: 5px 0;
}

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

.form footer {
  border-top: 1px solid #eee;
  margin-top: 40px;
  padding-top: 30px;
  text-align: right;
}

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

/* Navigation menus */
.nav li, .nav-bordered li, .nav-spaced li {
  display: inline-block;
  font-weight: bold;
}

.nav li a, .nav-bordered li a, .nav-spaced li a {
  font-weight: normal;
}

.nav-bordered li + li {
  border-color: #eee;
  border-style: solid;
  border-width: 0 0 0 1px;
  margin: 0 0 0 30px;
  padding: 0 0 0 30px;
}

[dir=rtl] .nav-bordered li + li {
  border-width: 0 1px 0 0;
  margin: 0 30px 0 0;
  padding: 0 30px 0 0;
}

.nav-spaced li + li {
  margin: 0 0 0 40px;
}

[dir=rtl] .nav-spaced li + li {
  margin: 0 40px 0 0;
}

/* Search box */
.search-box {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
   

}

.search-box:before {
  content: "\1F50D";
  font-family: "entypo";
  font-size: 1.25em;
  line-height: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 2.5em;
  z-index: 1;
}

.search-box input {
  line-height: 1.2em;
  font-weight: lighter;
  padding: .75em 2.7em;
  width: 100%;
  -webkit-appearance: none;
  
}



.search-home input[type="submit"] {
  display: none;

}
.search-home input[type="search"] {
   width: 900px;

}


.search-home {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.search-home:before {
  content: "\1F50D";
  font-family: "entypo";
  font-size: 1.25em;
  line-height: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 2.5em;
  z-index: 1;
}

.search-home input {
  line-height: 1.2em;
  font-weight: lighter;
  padding: .75em 2.7em;
  width: 100%;
  -webkit-appearance: none;
  
}

.search-box input[type="submit"] {
  display: none;
}





/* Breadcrumbs */
.breadcrumbs li {
  color: #bebebe;
  display: inline-block;
  font-size: 12px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

/* Labels */
.label, .request-status, .post-overview-status > span, .post-status > span, .profile-contribution .contribution-status {
  border-radius: 20px;
  display: inline-block;
  font-size: 10px;
  padding: 3px 10px;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Metadata */
.meta, .meta-group {
  color: #ccc;
  display: inline-block;
  font-size: 11px;
}

.meta-group * + *:before {
  content: "\2022";
  font-size: 8px;
  margin: 0 10px;
}

/* Helper classes */
.clearfix:before, .clearfix:after {
  
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

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

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

.share a {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  vertical-align: middle;
  width: 30px;
}

.share a:before {
  background: #ccc;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-family: "entypo";
  text-align: center;
  width: 100%;
}

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

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

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

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

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

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

.pagination * {
  display: inline-block;
}

.pagination li {
  border: 1px solid #eee;
  float: left;
  margin-left: -1px;
}

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

.pagination a, .pagination span {
  color: inherit;
  font-size: 12px;
  padding: 5px 12px;
}

.pagination-current {
  background-color: #f9f9f9;
  color: #bebebe;
}

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

/* Content styles */
.content-body {
  word-wrap: break-word;
  line-height: 1.7;
}

.content-body img {
  max-width: 100%;
}

.content-body hr {
  background-color: #eee;
  border: 0;
  height: 1px;
}

.content-body ul, .content-body ol {
  list-style-position: inside;
  padding: 0 15px;
}

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

.content-body ol ul, .content-body ul ul {
  list-style-type: circle;
}

.content-body ol ol ul,
.content-body ol ul ul,
.content-body ul ol ul,
.content-body ul ul ul {
  list-style-type: square;
}

.content-body pre {
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.content-body blockquote {
  border-left: 1px solid #eee;
  color: #bebebe;
  font-style: italic;
  padding: 0 15px;
}

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

.vote a {
  outline: none;
  text-decoration: none;
}

.vote-sum {
  display: block;
  font-weight: bold;
  margin: 3px 0;
}

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

.vote-up:before, .vote-down:before {
  border-radius: 50%;
  border: 1px solid #ddd;
  color: #515a69;
  display: inline-block;
  font-family: "entypo";
  font-size: 15px;
  height: 18px;
  line-height: 18px;
  width: 18px;
}

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

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

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

.vote-voted:before, .vote-voted:hover:before {
  border-color: #515a69;
}

/*
 * Column size
 */
.main-column {
  float: left;
  width: 618px;
}

.side-column {
  float: right;
  width: 298px;
}


/* ====================================================
   Sub Nav
   ==================================================== */
.sub-nav {
  margin-bottom: 15px;
}

.sub-nav form {
  display: none;
}

.page-header {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  min-height: 50px;
  padding-bottom: 15px;
}

.page-header > * {
  display: table-cell;
  vertical-align: middle;
}

.page-header > *:first-child {
  width: 100%;
}

.page-header + p {
  color: #bebebe;
  margin: -15px 0 20px 0;
}

.page-header h1 {
  font-size: 20px;
  font-weight: 400;
}

/* ====================================================
   Content frame
   ==================================================== */
.header-inner, .footer-inner {
  clear: both;
  margin: 0 auto;
  padding: 0 20px;
  width: 980px;
}

main {
  display: block;
  margin: 0px auto 0;
  padding: 0 20px;
  width: 980px;
}

/* ====================================================
   Header
   ==================================================== */
.header {
  background-color: #263143;
  height: 130px;
}

.logo {
  float: left;
}

.logo a {
  display: inline-block;
  line-height: 130px;
}

.logo img {
  max-height: 60px;
  vertical-align: middle;
}

.user-nav {
  margin: 12px auto;
  padding: 0 20px;
  width: 980px;
}

.user-nav:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.user-nav > a {
  border-left: 1px solid;
  border-left-color: #ececec;
  border-left-color: rgba(0, 0, 0, 0.07);
  float: right;
  font-size: 12px;
  line-height: 33px;
  margin-left: 15px;
  padding-left: 15px;
}

.user-nav > a.login {
  font-size: 13px;
  margin-left: 30px;
  padding: 0 15px;
}

.user-nav > a.my-activities {
  border: 0;
}

.user-info {
  display: block;
  float: right;
  margin-left: 30px;
}

.language-selector {
  display: inline-block;
}

.user-avatar {
  left: -5px;
  max-height: 20px;
  position: relative;
  top: -1px;
}

button, [role=button], [type=button], [type=submit] {
  background: transparent;
  border: 1px solid;
  border-color: #d1d1d1;
  border-color: rgba(0, 0, 0, 0.17);
  border-radius: 2px;
  box-shadow: inset 0 -2px #f6f6f6;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03);
  color: #252525;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  height: 33px;
  line-height: 31px;
  padding: 0 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

input[type=submit][disabled], a[role=button][data-disabled] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE 8 */
  opacity: .4;
}

a[role="button"]:hover {
  text-decoration: none;
}

/*
* Dropdown carets
*/
button, [role=button], [type=button], [type=submit],
#user .dropdown-toggle {
  background: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f4f4f4 50%, #ededed 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f4f4f4 50%, #ededed 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f4f4f4 50%, #ededed 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f4f4f4 50%, #ededed 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(50%, #f4f4f4), color-stop(100%, #ededed));
  background-image: linear-gradient(to bottom, #fff 0%, #f4f4f4 50%, #ededed 100%);
  border-radius: 3px;
}

#user .dropdown-toggle:hover,
.comment-form-controls input[type=submit]:hover,
button:hover,
[role=button]:hover,
[type=button]:hover,
[type=submit]:hover {
  border-color: #bbb;
  box-shadow: inset 0 -1px #ccc;
  text-decoration: none;
}

#user .dropdown-toggle:active,
.comment-form-controls input[type=submit]:active,
button:active,
[role=button]:active,
[type=button]:active,
[type=submit]:active {
  background: #eee;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #d5d5d5 100%);
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #d5d5d5 100%);
  background-image: -ms-linear-gradient(top, #f5f5f5 0%, #d5d5d5 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #d5d5d5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #d5d5d5));
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #d5d5d5 100%);
  border-color: #ddd;
  box-shadow: inset 0 -2px #ddd;
}

.dropdown-toggle {
  display: inline-block;
}

.dropdown-toggle:hover {
  text-decoration: none;
}

.dropdown-toggle:after {
  color: #888;
  content: "\25BE";
  font-family: "entypo";
  font-size: 14px;
  margin-left: 5px;
  padding-right: 2px;
}

.section-subscribe .dropdown-toggle,
.article-subscribe,
.article-unsubscribe {
  background: #fafafa;
  color: #1a74b0;
  border: 0;
  box-shadow: none;
}

.article-subscribe:hover,
.article-unsubscribe:hover {
  box-shadow: none;
}

.topic-follow [role=button], .post-follow [role=button] {
  padding: 0 10px !important;
}

/* ====================================================
   Home
   ==================================================== */


.help-center-name {
  font-size: 35px;
}

/* ====================================================
   Search
   ==================================================== */
.search {
  display: block;
  float: right;
  line-height: 130px;
  position: relative;
}

.search:before {
  content: "\1F50D";
  font-family: "entypo";
  font-size: 25px;
  right: 18px;
  line-height: 30px;
  position: absolute;
  top: 40%;
}

.search input[type=search] {
  border-radius: 20px;
  font-size: 18px;
  padding: 6px 45px 6px 20px;
  width: 450px;
}

.search input[type=text] {
  border-radius: 20px;
  font-size: 18px;
  padding: 6px 45px 6px 20px;
  width: 450px;
}

.search input[type=submit] {
  display: none;
}

.search-large {
  display: block;
  float: left;
	left: 50%;
  line-height: 130px;
  position: relative;
  
}

.search-large:before {
  content: "\1F50D";
  font-family: "entypo";
  font-size: 25px;
  right: 18px;
  line-height: 30px;
  position: absolute;
  top: 40%;
}

.search-large input[type=search] {
  border-radius: 20px;
  font-size: 18px;
  padding: 6px 45px 6px 20px;
  width: 480px;
}

.search-large input[type=text] {
  border-radius: 20px;
  font-size: 18px;
  padding: 6px 45px 6px 20px;
  width: 480px;
}

.search-large input[type=submit] {
  display: none;
}

/* ====================================================
   Navigation pages: Home, Category and Section
   ==================================================== */
.knowledge-base {
  /*margin-top:110px;*/
}

.knowledge-base h1 {
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 36px;
}

.knowledge-base:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.community h4 {
  float: right;
  margin: 0;
}

[dir=rtl] .community h4 {
  float: left;
}

.trending-questions + h4 {
  margin-top: 65px;
}

.community,
.section-tree,
.subtle-wrap,
.article-sidebar section {
  background: #fafafa;
  padding: 20px 30px 30px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.subtle-wrap {
  margin-top: 15px;
}

.community .recent-activity {
  padding: 0;
  width: auto;
}

.community h2 {
  border-bottom: 1px solid;
  border-bottom-color: #ececec;
  border-bottom-color: rgba(0, 0, 0, 0.07);
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 0;
  padding-bottom: 12px;
  text-transform: uppercase;
}

.community h2 a {
  font-size: 12px;
  margin-left: 5px;
}

.community h4 a {
  font-size: 11px;
  font-weight: normal;
  margin-left: 5px;
}

.section-tree .section {
  display: inline-block;
  margin: 0 0 30px;
  vertical-align: top;
  width: 49%;
}

.section-tree h3 {
  font-size: 20px;
  line-height: 24px;
  margin: 10px 0 5px;
}

.section-tree ul, ul.article-list {
  color: #1a74b0;
  font-size: 14px;
  list-style-position: outside;
  list-style-type: disc;
}

.knowledge-base h4:before, .community h4:before {
  
  color: #d5d5d5;
  font-family: "entypo";
  font-size: 20px;
  margin-right: 10px;
  vertical-align: middle;
}

.article-list li, .community li {
  margin-bottom: 0;
  padding-right: 30px;
}

.article-list li {
  line-height: 28px;
}

.category-list li {
  width: 290px;
  height: 110px;
  /*display: block;*/
  margin-bottom: 25px;
  margin-right: 25px;
  /*overflow: hidden;*/
  color: #d5d5d5;
  float: left;
  vertical-align: top;
  display: inline-block;
  font-size: 18px;
  
   
}

.category-list li:nth-child(3n) {
  margin-right: 0;
}

.category-list li a {
  /*border-bottom: 3px solid #eeeded;*/
  margin-top: 65px;
  /*padding: 11px;*/
}

.category-list li a:hover {
 outline: 2px solid #999;
  
}

.section h3 a {
  color: inherit;
  font-size: .85em;
  font-weight: normal;
}

.article-promoted span {
  cursor: default;
  margin-right: 5px;
  position: relative;
}

.article-promoted span:before,
.article-promoted span:after {
  display: none;
  position: absolute;
}

.article-promoted span:hover:before,
.article-promoted span:hover:after {
  display: block;
}

.article-promoted span:before {
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 4px;
  color: #fff;
  content: attr(data-title);
  left: -10px;
  margin-top: 5px;
  padding: 3px 10px;
  top: 100%;
  white-space: nowrap;
  z-index: 1;
}

.article-promoted span:after {
  border-bottom: 5px solid;
  border-bottom-color: #222;
  border-bottom-color: rgba(0, 0, 0, 0.85);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -5px;
  width: 0;
}

.see-all-articles {
  display: inline-block;
  font-size: 12px;
  margin-top: 10px;
  text-decoration: underline;
}

.category-description, .section-description {
  color: #515a69;
  font-size: 15px;
  line-height: 15px;
  margin-top: 0;
  margin-bottom: 30px;
}

.section-subscribe, .section-unsubscribe {
  float: right;
  margin-top: 5px;
}

/*.category-list a,*/ .section-list a {
  color: inherit;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 10px;
}

/* ====================================================
   Article
   ==================================================== */
.article-header h1 {
  text-transform: capitalize;
}

.article-author {
  font-weight: bold;
}

.article-metadata {
  float: left;
  padding-left: 55px;
  position: relative;
}

.article-avatar {
  left: 0;
  position: absolute;
  top: 0;
}

.article-avatar img {
  max-height: 38px;
  max-width: 38px;
}

.article-updated {
  color: #8e8e8e;
  font-size: 12px;
  margin-top: 5px;
}

.article-subscribe, .article-unsubscribe {
  float: right;
}

.article-sidebar {
  margin-top: -4px;
}

.article-sidebar h3 {
  border-bottom: 1px solid;
  border-bottom-color: #ececec;
  border-bottom-color: rgba(0, 0, 0, 0.07);
  font-size: 16px;
  padding-bottom: 15px;
  margin-top: 0;
  text-transform: uppercase;
}

.article-sidebar ul {
  margin-bottom: 60px;
}

.article-body,
.section-area .article-list {
  margin-top: 6px;
}

.article-body {
  font-size: 14px;
  line-height: 30px;
  word-wrap: break-word;
}

.article-body img {
  border: 1px solid;
  border-color: #ececec;
  border-color: rgba(0, 0, 0, 0.07);
  height: auto;
  max-width: 100%;
  padding: 3px;
}

.article-body pre {
  background-color: #fbfbfb;
  background-color: rgba(0, 0, 0, 0.02);
  border: 1px solid;
  border-color: #ececec;
  border-color: rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre-wrap;
}

.article-body blockquote {
  border-left: 1px solid;
  border-color: #ececec;
  border-color: rgba(0, 0, 0, 0.07);
  color: #8e8e8e;
  font-style: italic;
  margin: 20px 0;
  padding-left: 20px;
}

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

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

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

.article-body li {
  margin-left: 20px;
}

.article-body table {
  table-layout: fixed;
}

.article-footer {
  margin: 50px 0 25px;
}

.article-footer .share {
  float: right;
}

.article-vote {
  float: left;
  position: relative;
}

.article-vote-count {
  position: absolute;
  left: 100%;
  margin-left: 106px;
  top: 4px;
  width: 300px;
}

.article-vote small {
  color: #8e8e8e;
  display: block;
}

.article-vote a:hover {
  text-decoration: none;
}

.article-vote-controls {
  position: absolute;
  right: -85px;
  top: 1px;
}

.article-vote-up, .article-vote-down {
  background: #d5d5d5;
  color: inherit;
  font-family: "entypo";
  border: 0;
  border-radius: 50%;
  box-shadow: none;
  height: 30px;
  width: 30px;
  padding: 10px;
}

.article-vote-up:before {
  color: #fafafa;
  content: "\1f44d";
}

.article-vote-down:before {
  color: #fafafa;
  content: "\1f44e";
}

.article-voted {
  box-shadow: inset 1px 1px 5px #666;
  opacity: 1;
}

.article-vote-up.article-voted {
  box-shadow: inset 1px 1px 5px #526f00;
  background-color: #6b9100 !important;
}

.article-vote-down.article-voted {
  box-shadow: inset 1px 1px 5px #99260e;
  background-color: #b7391e !important;
}

.article-more-questions {
  margin-bottom: 30px;
}

.article-comments {
  margin-top: 50px;
}

.article-comments .subtle-wrap {
  padding: 30px 30px 5px;
}

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

/* ====================================================
Forms
==================================================== */
label {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}

input[type=checkbox] + label {
  display: inline-block;
  margin-left: 5px;
}

input, textarea {
  border: 1px solid;
  border-color: #dbdbdb;
  border-color: rgba(0, 0, 0, 0.13);
  outline: none;
  padding: 10px;
  vertical-align: middle;
}

textarea {
  height: 100px;
  padding: 7px 10px;
  resize: vertical;
}

textarea, input[type=text] {
  width: 100%;
}

input, textarea, select {
  color: #252525;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

/* ====================================================
   Comments - Used in the Article page and Request page
   ==================================================== */
.comment, .comment-form {
  position: relative;
  padding-bottom: 40px;
}

.comment-avatar img {
  border-radius: 3px;
  max-width: 70px;
  max-height: 70px;
}

.visibility-internal-icon:before {
  content: "\1F512";
  display: inline-block;
  font-family: "entypo";
  text-align: center;
  width: 13px;
}

.article-promoted span, .visibility-internal {
  cursor: default;
  position: relative;
}

.article-promoted span:before, .article-promoted span:after, .visibility-internal:before, .visibility-internal:after {
  display: none;
  font-size: 13px;
  font-weight: normal;
  position: absolute;
}

.article-promoted span:before, .visibility-internal:before {
  background: #222;
  border-radius: 3px;
  color: #fff;
  content: attr(data-title);
  font-family: sans-serif;
  left: -10px;
  margin-top: 5px;
  padding: 3px 10px;
  text-transform: none;
  top: 100%;
  white-space: nowrap;
  z-index: 1;
}

.article-promoted span:after, .visibility-internal:after {
  border-bottom: 5px solid #222;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -5px;
  width: 0;
}

.article-promoted span:hover:before, .article-promoted span:hover:after, .visibility-internal:hover:before, .visibility-internal:hover:after {
  display: block;
}

/* Comments - Article, Request and Post pages */
.comment-list {
  margin-bottom: 25px;
}

.comment-list > * {
  border-bottom: 1px solid #eee;
  padding: 25px 0;
}

.comment-list > *:first-child {
  border-top: 1px solid #eee;
}

.comment-list-header {
  margin-bottom: 18px;
}

.comment-list-header > * {
  display: inline-block;
  margin: 0;
}

.comment-sorter {
  float: right;
}

.comment-sorter a {
  color: #999;
  text-decoration: none;
  padding-left: 20px;
}

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

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

.comment-sorter [aria-selected=true] {
  font-weight: bold;
  color: #333;
}

.comment, .comment-form {
  display: table;
  table-layout: fixed;
  width: 100%;
  word-wrap: break-word;
}

.comment > *, .comment-form > * {
  display: table-cell;
  vertical-align: top;
}

.comment-vote, .comment-bookmark {
  text-align: center;
  width: 50px;
}

.comment-bookmark:before {
  color: #77a500;
  content: "\1F516";
  font-family: "entypo";
  font-size: 23px;
  line-height: 1.1;
}

.comment-avatar {
  position: relative;
  width: 85px;
}

.comment-avatar img {
  border-radius: 3px;
  max-width: 65px;
  max-height: 65px;
}

.comment-avatar-agent:after {
  background-color: transparent;
  background-image: url("/hc/theming_assets/01HZP8HN27YMVV0W2DVG24CNPB");
  background-image: url("/hc/theming_assets/01HZP8HN9VZJCBDHYV9T21DF5S");
  background-repeat: no-repeat;
  background-size: 15px;
  content: " ";
  height: 15px;
  left: 55px;
  position: absolute;
  top: 55px;
  width: 15px;
}

[dir=rtl] .comment-avatar-agent:after {
  left: auto;
  right: 55px;
}

.comment-header {
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.comment-published, .comment-pending, .comment-official {
  border: 1px solid transparent;
  float: right;
  font-size: 11px;
  padding: 1px 5px;
}

[dir=rtl] .comment-published, [dir=rtl] .comment-pending, [dir=rtl] .comment-official {
  float: left;
}

.comment-published {
  color: #bebebe;
}

.comment-published:before {
  content: " ";
  display: inline-block;
  width: 5px;
}

.comment-pending, .comment-official {
  border-color: currentcolor;
  border-radius: 2px;
}

.comment-pending {
  color: #eec100;
}

.comment-official {
  color: #77a500;
}

.comment-form textarea {
  display: block;
  border-radius: 2px 2px 0 0;
  border-width: 1px;
}

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

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

[dir=rtl] .comment-form-controls {
  text-align: left;
}

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

[dir=rtl] .comment-form-controls input[type=submit] {
  margin-left: 0;
  margin-right: 15px;
}

.comment-screencasts, .comment-mark-as-solved {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}

[dir=rtl] .comment-screencasts, [dir=rtl] .comment-mark-as-solved {
  margin-left: 20px;
}

.comment-actions {
  float: right;
  color: #999;
}

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

.comment-actions .dropdown-toggle:before {
  content: "\2699";
  font-size: 11px;
  font-family: "entypo";
}

.attachment-list, .screencast-list {
  font-size: 11px;
  margin-top: 25px;
}

.attachment-list span, .screencast-list span {
  color: #999;
}

[dir=rtl] .attachment-list span, [dir=rtl] .screencast-list span {
  direction: rtl;
  unicode-bidi: bidi-override;
}

.attachment-list li, .screencast-list li {
  margin-bottom: 10px;
}

.attachment-list li:before, .screencast-list li:before {
  border-radius: 3px;
  color: #bbb;
  font-family: "entypo";
  margin-right: 5px;
  padding: 5px;
}

.attachment-list li:before {
  content: "\1F4CE";
}

.screencast-list li:before {
  content: "\1F4BB";
}

.my-activities-header {
  border-bottom: 1px solid #eee;
  margin-bottom: 25px;
  padding: 25px 0;
}

.my-activities-header .breadcrumbs li {
  color: #000;
  font-size: 20px;
  font-weight: normal;
}

.my-activities-header .breadcrumbs li:first-child, .my-activities-header .breadcrumbs li:before {
  display: none;
}

.my-activities-nav {
  margin-bottom: 100px;
}

.my-activities-sub-nav {
  margin-bottom: 15px;
}

.request-table-toolbar {
  background: #f9f9f9;
  display: table;
  padding: 8px;
  width: 100%;
}

.request-table-filters {
  display: table-cell;
  text-align: right;
}

[dir=rtl] .request-table-filters {
  text-align: left;
}

.request-table-filters label:before {
  content: " ";
  width: 25px;
  display: inline-block;
}

.requests-search {
  border-radius: 20px;
  outline: none;
  padding: 6px 15px;
}

.organization-subscribe, .organization-unsubscribe {
  margin-left: 15px;
  background: #444;
  color: #fff;
}

.my-activities-following-header {
  margin-bottom: 15px;
}

.my-activities-table .user-avatar {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  margin-right: 5px;
}

.my-activities-table .user-avatar + a {
  vertical-align: middle;
}

.requests-search-info {
  padding: 10px 0;
}

.request-id {
  color: #bebebe;
}

.request-details {
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 3px;
  font-size: 12px;
  margin: 0 0 30px;
  padding: 15px 20px;
}

.request-details dt {
  font-weight: bold;
  margin-top: 15px;
}

.request-details dt:first-child {
  margin-top: 0;
}

.request-details dt.requester {
  font-weight: normal;
}

.request-details dt.request-followup-source {
  font-weight: normal;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.request-details dd {
  margin: 2px 0 0;
  word-wrap: break-word;
}

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

.request-details dd li {
  list-style-type: disc;
  list-style-position: inside;
  margin: 0 0 3px 0;
}

.request-details .nested-field-tag:before {
  content: " > ";
}

.request-details .nested-field-tag:first-child:before {
  content: "";
}

.request-details .attachment-list li, .request-details .request-collaborators li {
  list-style: none;
}

.request-status {
  color: #fff;
  border-radius: 3px;
}

.request-open {
  background: #59bbe0;
}

.request-answered {
  background: #f5ca00;
}

.request-solved {
  background: #828282;
}

.request-details .request-collaborators {
  font-size: 0;
}

.request-details .request-collaborators li {
  font-size: 12px;
  border-radius: 2px;
  display: inline-block;
  padding: 5px 6px;
  background-color: #ececec;
  margin: 0 5px 5px 0;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

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

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

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

.request-comment-form .comment-form-controls input#mark_as_solved {
  display: none;
}

.request-comment-form .comment-form-controls a[role=button][data-disabled] {
  color: #bebebe;
  cursor: default;
}

/* Community */
.post-to-community a {
  padding-left: 20px;
  padding-right: 20px;
}

.post-to-community a:before {
  content: "\2b\00a0";
  position: relative;
  top: -1px;
}

/* Community topics page */
.topic-list li {
  display: inline-block;
  padding: 0 100px 30px 0;
  vertical-align: top;
  width: 49.5%;
}

.topic-list li h3, .topic-list li p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.topic-list li p {
  color: #bebebe;
}

.topic-list li .meta-group {
  margin-top: 5px;
}

[dir=rtl] .topic-list li {
  padding: 0 0 30px 100px;
}

/* Community topic page */
.topic-header {
  margin-bottom: 15px;
}

.topic-header > * {
  display: table-cell;
  vertical-align: middle;
}

.topic-filters {
  width: 100%;
}

.topic-filters > * {
  display: inline-block;
  font-weight: bolder;
  margin-right: 20px;
}

[dir=rtl] .topic-filters > * {
  margin-right: 0;
  margin-left: 20px;
}

.post-overview {
  border-bottom: 1px solid #eee;
  padding: 16px 0;
}

.post-overview-info {
  display: inline-block;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-overview-info a {
  font-size: 16px;
}

.post-overview-info .meta-group {
  display: block;
  margin-top: 5px;
}

.post-pinned .post-overview-info:before {
  content: "\2605";
  margin-right: 5px;
  color: #1a74b0;
}

.post-overview-status {
  float: right;
  margin: 0 10px;
}

.post-overview-status > span {
  color: #fff;
}

[dir=rtl] .post-overview-status {
  float: left;
}

.post-overview-count {
  background: #f9f9f9;
  border-radius: 3px;
  color: #bebebe;
  float: right;
  font-size: 10px;
  margin-left: 10px;
  min-width: 90px;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
}

.post-overview-count strong {
  color: #515a69;
  display: block;
  font-size: 13px;
}

[dir=rtl] .post-overview-count strong {
  direction: ltr;
  unicode-bidi: bidi-override;
}

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

/* Community post page */
.post-actions .dropdown-toggle {
  font-size: 11px;
  font-weight: bold;
}

.post-actions .dropdown-toggle:before {
  content: "\2699\00a0\00a0";
  font: 11px bold;
  font-family: "entypo";
}

.post {
  display: table;
  margin-bottom: 50px;
  table-layout: fixed;
  width: 100%;
}

.post-vote, .post-container {
  display: table-cell;
  vertical-align: top;
}

.post-vote {
  width: 45px;
  padding-top: 5px;
}

.post-header {
  margin-bottom: 25px;
}

.post-header h1 {
  margin: 0 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-info {
  display: table;
  width: 100%;
}

.post-info > * {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}

.post-avatar {
  min-width: 55px;
  position: relative;
}

.post-avatar img {
  border-radius: 3px;
  max-height: 38px;
  max-width: 38px;
}

.post-avatar-agent:after {
  background-color: transparent;
  background-image: url("/hc/theming_assets/01HZP8HN27YMVV0W2DVG24CNPB");
  background-image: url("/hc/theming_assets/01HZP8HN9VZJCBDHYV9T21DF5S");
  background-repeat: no-repeat;
  background-size: 14px;
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  left: 28px;
  top: -10.5px;
  content: " ";
}

[dir=rtl] .post-avatar-agent:after {
  left: auto;
  right: 28px;
}

.post-meta {
  width: 100%;
  max-width: 0;
}

.post-author {
  display: block;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-status > span {
  color: #fff;
  margin: 0 10px;
}

.post-planned {
  background-color: #3eaae5;
}

.post-not-planned {
  background-color: #b5b5b5;
}

.post-completed {
  background-color: #669600;
}

.post-answered {
  background-color: #669600;
}

.post-share {
  margin-top: 30px;
  text-align: right;
}

[dir=rtl] .post-share {
  text-align: left;
}

/* Community post page and topic page */
.topic-follow [role=button], .post-follow [role=button] {
  border-radius: 3px;
  font-size: 12px;
  padding: 4px 10px;
}

.topic-follow [role=button]:after, .post-follow [role=button]:after {
  content: attr(data-follower-count);
  font-family: inherit;
  color: #515a69;
  display: inline-block;
  border-left: 1px solid #ddd;
  margin-left: 10px;
  padding-left: 10px;
}

[dir=rtl] .topic-follow [role=button]:after, [dir=rtl] .post-follow [role=button]:after {
  border-left: 0;
  border-right: 1px solid #ddd;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

.topic-follow [role=button][aria-selected=true], .post-follow [role=button][aria-selected=true] {
  background: #f9f9f9;
  color: #515a69;
}

body.community-enabled .search-results-column {
  display: inline-block;
  vertical-align: top;
  width: 450px;
}

body.community-enabled .search-results-column + .search-results-column {
  margin-left: 35px;
}

[dir=rtl] body.community-enabled .search-results-column + .search-results-column {
  margin-left: 0;
  margin-right: 35px;
}

.search-results-subheading {
  padding-bottom: 10px;
  margin-bottom: 0;
}

.search-results-subheading-link {
  font-size: 13px;
  font-weight: normal;
  margin-left: 5px;
}

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

.search-results-list > * {
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}

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

.search-result-link {
  font-size: 16px;
}

.search-result-description, .search-result-meta {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 10px;
}

.search-result-meta-name, .search-result-meta-time, .search-result-meta-count {
  font-size: 12px;
  color: #bebebe;
}

.search-result-meta-time:before, .search-result-meta-count:before {
  display: inline-block;
  content: "\2022";
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

[dir=ltr] .search-result-meta-time:before, [dir=ltr] .search-result-meta-count:before {
  padding-right: 5px;
}

[dir=rtl] .search-result-meta-time:before, [dir=rtl] .search-result-meta-count:before {
  padding-left: 5px;
}

.search-result-votes {
  background: #a8d119;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 4px 5px;
  position: relative;
  top: -2px;
}

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

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

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

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

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

.chat {
  background: #f6f6f6;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  bottom: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  font-size: 13px;
  line-height: 35px;
  padding: 0 15px;
  position: fixed;
  right: 85px;
  -webkit-transition: bottom .5s ease-in, color .5s ease-in;
  -moz-transition: bottom .5s ease-in, color .5s ease-in;
  -ms-transition: bottom .5s ease-in, color .5s ease-in;
  -o-transition: bottom .5s ease-in, color .5s ease-in;
  transition: bottom .5s ease-in, color .5s ease-in;
}

.chat:before {
  content: "\E720";
  font-family: "entypo";
  font-size: 16px;
  margin-right: 10px;
  vertical-align: middle;
}

.chat:hover {
  text-decoration: none;
}

.chat-available {
  bottom: 0;
}

.chat-unavailable {
  color: #808080;
  cursor: default !important;
  bottom: -50px;
}

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

.error-page h1 {
  font-size: 52px;
  margin-bottom: 0;
}

.error-page h2 {
  font-size: 16px;
  margin-bottom: 5px;
}

.error-page > a {
  display: block;
  margin-top: 25px;
}

.recent-activity {
  background: #f9f9f9;
  border-radius: 5px;
  padding: 25px 20px;
  width: 270px;
}

.recent-activity-header {
  margin-top: 0;
  font-size: 15px;
}

.recent-activity-item {
  word-wrap: break-word;
}

.recent-activity-item ~ .recent-activity-item {
  margin-top: 15px;
}

.recent-activity-item-parent {
  color: #515a69;
  font-size: 12px;
  text-decoration: none;
  display: block;
}

.recent-activity-item-parent:hover {
  text-decoration: underline;
}

.recent-activity-item-link {
  display: block;
}

.recent-activity-item-meta {
  font-size: 12px;
  color: #999;
}

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

.recent-activity-item-comment {
  display: none;
}

.recent-activity-item-comment:before {
  display: inline-block;
  content: "\2022";
}

.recent-activity-item-comment span:before {
  font-family: "entypo";
  content: "\00a0\00a0\e718";
  display: inline-block;
  vertical-align: middle;
  padding-right: 3px;
}

[data-recent-activity-action="article_comment_added"] .recent-activity-item-comment,
[data-recent-activity-action="post_comment_added"] .recent-activity-item-comment,
[data-recent-activity-action="answer_added"] .recent-activity-item-comment {
  display: inline-block;
}

.recent-activity-controls,
.recent-activity-loader {
  padding-top: 20px;
  font-size: 12px;
}

.recent-activity-loader {
  display: inline-block;
  position: relative;
}

.recent-activity-loader:before {
  display: block;
  position: absolute;
  content: "\0020";
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f9f9f9 50%, rgba(255, 255, 255, 0) 100%);
  animation: recent-activity-loader .5s infinite;
  -webkit-animation: recent-activity-loader .5s infinite;
}

@keyframes recent-activity-loader {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

@-webkit-keyframes recent-activity-loader {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

.escalation-badge, a.escalation-badge {
  background-color: #95be22;
  border-color: #95be22;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  color: #eeeded;
  font-size: 11px;
  margin: 0 3px;
  padding: 1px 3px;
  text-decoration: none;
  vertical-align: baseline;
}

/* User Profiles */
.profile-header {
  border-bottom: 1px solid #eee;
  padding: 25px 0;
  display: flex;
}

.profile-header .profile-info {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  min-width: 0;
}

.profile-avatar {
  position: relative;
  margin-right: 10px;
}

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

.profile-avatar .avatar {
  width: 65px;
  height: 65px;
  border-radius: 50%;
}

.profile-avatar-agent:after {
  background-color: transparent;
  background-image: url("/hc/theming_assets/01HZP8HN27YMVV0W2DVG24CNPB");
  background-image: url("/hc/theming_assets/01HZP8HN9VZJCBDHYV9T21DF5S");
  background-repeat: no-repeat;
  background-size: 15px;
  position: absolute;
  width: 15px;
  height: 15px;
  content: "";
  bottom: 0;
  right: 0;
}

[dir=rtl] .profile-avatar-agent:after {
  left: 0;
}

.profile-header .basic-info {
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  word-wrap: break-word;
  min-width: 0;
}

.profile-header .basic-info .name {
  margin: 0;
}

.profile-header .options {
  display: flex;
  align-items: flex-start;
  margin-left: 10px;
}

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

.profile-header .options :not(:last-child) {
  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: #444;
  border-color: #444 transparent #222;
  color: #fff;
}

.profile-header .description {
  margin: 20px 0 15px 0;
  font-size: 14px;
  flex-basis: 100%;
  word-break: break-all;
  word-break: break-word;
}

.profile-stats {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.profile-stats .stat {
  display: flex;
}

.profile-stats .stat-label {
  color: #999;
}

.profile-stats-activity {
  margin: 15px 0 15.5px;
  flex-basis: 100%;
}

.profile-stats-activity .stat {
  flex-direction: column;
}

.profile-stats-activity .stat:not(:last-child) {
  margin-right: 40px;
}

[dir=rtl] .profile-stats-activity .stat:not(:last-child) {
  margin-right: 0;
  margin-left: 40px;
}

.profile-stats-counters {
  flex: 0 0 271px;
  margin-left: 60px;
  flex-direction: column;
}

[dir=rtl] .profile-stats-counters {
  margin-right: 60px;
  margin-left: 0;
}

.profile-stats-counters .stat .stat-label {
  flex: 0 0 100px;
}

.profile-stats-counters .stat:not(:last-child) {
  margin-bottom: 17px;
}

.profile-private-badge {
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #999;
  padding: 5px 10px;
}

.profile-private-badge:after {
  content: "\1f512";
  font-family: "Entypo";
  margin-left: 5px;
}

.profile-nav {
  margin-bottom: 40.5px;
  border-bottom: 1px solid #eee;
  padding: 10.5px 0;
}

.profile-section {
  width: calc(100% - 271px - 60px);
}

.profile-section-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 10px;
}

.profile-section-title {
  flex-basis: 100%;
  margin: 0;
}

.profile-section-description {
  flex: 1 0 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-section-header > :not(:first-child) {
  margin-top: 20px;
}

.profile-section-sorter {
  margin-left: 20px;
}

[dir=rtl] .profile-section-sorter {
  margin-left: 0;
  margin-right: 20px;
}

.profile-contribution {
  padding: 20px 0;
  word-wrap: break-word;
  position: relative;
}

.profile-contribution-header {
  margin-bottom: 5px;
}

.profile-contribution-title {
  margin: 0 0 5px 0;
  display: inline;
  line-height: 21px;
  vertical-align: middle;
}

.profile-contribution-breadcrumbs > li {
  display: inline;
  word-wrap: break-word;
}

.profile-contribution-body {
  margin: 10px 0;
  font-size: 13px;
  line-height: 1.5;
}

.profile-contribution-meta {
  display: block;
  font-size: 11px;
  line-height: 18px;
  color: #ccc;
}

.profile-contribution-meta .meta-data {
  display: inline;
}

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

.profile-contribution-list > .profile-contribution {
  border-top: 1px solid #eee;
  padding-left: 33px;
}

[dir=rtl] .profile-contribution-list > .profile-contribution {
  padding-right: 33px;
  padding-left: 0;
}

.profile-contribution-list > .profile-contribution:last-child {
  border-bottom: 1px solid #eee;
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
}

.profile-section .private-activity:before {
  content: "\1f512";
  font-family: "Entypo";
  margin-right: 10px;
}

.profile-activity-list {
  margin-top: 25px;
  margin-left: 10px;
}

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

.profile-activity {
  position: relative;
  padding-bottom: 30px;
  padding-left: 20px;
}

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

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

.profile-activity-header .avatar {
  width: 40px;
  height: 40px;
  min-width: 40px;
  align-self: flex-start;
  border-radius: 50%;
  margin-right: 10px;
}

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

.profile-activity-description {
  word-wrap: break-word;
  min-width: 0;
  width: 100%;
  margin-top: 0;
}

.profile-activity-description span:first-child {
  font-weight: bold;
}

.profile-activity-contribution {
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 8px;
  margin-left: 50px;
}

[dir=rtl] .profile-activity-contribution {
  margin-left: 0;
  margin-right: 50px;
}

.profile-contribution .contribution-published,
.profile-contribution .contribution-pending,
.profile-contribution .contribution-official {
  border: 1px solid transparent;
  float: right;
  font-size: 11px;
  padding: 1px 5px;
}

[dir=rtl] .profile-contribution .contribution-published, [dir=rtl]
.profile-contribution .contribution-pending, [dir=rtl]
.profile-contribution .contribution-official {
  float: left;
}

.profile-contribution .contribution-published {
  color: #bebebe;
}

.profile-contribution .contribution-published:before {
  content: " ";
  display: inline-block;
  width: 5px;
}

.profile-contribution .contribution-pending,
.profile-contribution .contribution-official {
  border-color: currentcolor;
  border-radius: 2px;
}

.profile-contribution .contribution-pending {
  color: #eec100;
}

.profile-contribution .contribution-official {
  color: #77a500;
}

.profile-contribution .contribution-status {
  display: inline-block;
  color: #fff;
  margin: 0 10px;
}

.profile-contribution .contribution-planned {
  background-color: #3eaae5;
}

.profile-contribution .contribution-not-planned {
  background-color: #b5b5b5;
}

.profile-contribution .contribution-completed {
  background-color: #669600;
}

.profile-contribution .contribution-answered {
  background-color: #669600;
}

.profile-contribution-list > .profile-contribution::before,
.profile-activity:before {
  position: absolute;
  content: "";
  font-family: "Entypo";
  text-align: center;
  color: #ccc;
  font-size: 16px;
  background-color: #fff;
}

.profile-contribution-list > .profile-contribution::before {
  left: 0;
  top: 16px;
  width: 28px;
  line-height: 28px;
}

[dir=rtl] .profile-contribution-list > .profile-contribution::before {
  right: 0;
}

.profile-activity:before {
  left: -14px;
  width: 28px;
  line-height: 40px;
}

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

.profile-articles > .profile-contribution::before,
.profile-activity-list > li[class$="-article"]:before {
  content: "\1f4C4";
}

.profile-posts > .profile-contribution::before,
.profile-activity-list > li[class$="-post"]:before {
  content: "\e720";
}

.profile-comments > .profile-contribution::before,
.profile-activity-list > li[class$="-comment"]:before {
  content: "\e718";
}

/* ----- END OF DEFAULT ZENDESK THINGY ---------- */


/*
= FOOTER
-------------------------------------------------------------------------------------- */
.outer footer {
  padding:45px 0 0;
  background:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/footer-top-line.png) 0 0 no-repeat #263143; background-size:100% 3px;
  }
	.form footer input[type=submit] {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    font-style: normal;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    padding: 4px 30px;
    margin-top: 2px;
    margin-bottom: 2px;
    height: auto;
    border: 3px solid #33c5a0 !important;
    border-radius: 30px;
		background: #33c5a0 !important;
    box-shadow: none !important;
	}
  footer .wrapper {position:relative;}
    footer .to-top {
      position:absolute; top:-42px; right:0;
      width:53px; height:40px;
      text-indent:-9999px;
      background:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/icon-to-top.png) 50% 50% no-repeat #1e2737;
      border-radius:0 0 4px 4px;
      }
      footer .to-top:hover {background-color:#141c29;}
    footer .widget {
      float:left;
      width:20%;
      margin-right:40px; margin-bottom:30px;
    }
    footer .widget.wider {width:30%; margin-right:0;}
    footer .widget.right {float:right; margin-right:0;}
    footer h3 {
      margin-bottom:20px;
      font-size:18px; color:#fff; font-weight:400;
    }
    footer .widget ul {margin:0; list-style:none;}
      footer .widget ul li {
        margin-bottom:10px;
        font-size:14px; line-height:22px;
        }
        footer .widget ul li a {
          color:#fff; text-decoration:none; font-weight:300;
          border-bottom:#fff solid 1px;
          }
          footer .widget ul li a:hover {border-color:transparent !important;}
    
    footer .widget p {
      font-size:14px; line-height:32px; color:#fff;
      }
      footer .widget p a {color:#fff; text-decoration:none;}
        footer .widget p a:hover {text-decoration:underline;}
      footer .widget p small {
        display:block;
        font-size:12px; color:#80848c; line-height:18px;
      }
    footer .widget.right p {
      margin-bottom:20px;
      color:#80848c; font-size:12px; line-height:20px;
    }
    footer .widget fieldset input[type="text"],
    footer .widget fieldset input[type="submit"] {
      width:100%; height:30px;
      padding:0 20px; margin-bottom:20px;
      border-radius:15px;
      border:0;
    }
    footer .widget fieldset input[type="email"]
    { color: #fff; font-size: 14px; font-weight: 300; background: #313c4d; box-shadow: inset 0 0 1px #232a36; width: 100%; height: 30px; padding: 0 20px; margin-bottom: 20px; border-radius: 15px; border: 0; }
      footer .widget fieldset input[type="email"]::-webkit-input-placeholder {color: #90959E;}
      footer .widget fieldset input[type="email"]:-moz-placeholder {color: #90959E;}
      footer .widget fieldset input[type="email"]::-moz-placeholder {color: #90959E;}
      footer .widget fieldset input[type="email"]:-ms-input-placeholder {color: #90959E;}

    footer .widget .response
    {color: #fff; }
    footer .widget fieldset form input[type="text"] {
      color:#fff; font-size:14px; font-weight:300;
      background:#313c4d;
      box-shadow:inset 0 0 1px #232a36;
    }
    footer .widget fieldset form div input[type="submit"] {
      font-size:12px; color:#90959E; text-align:center;
      background:#1e2737;
      }
      footer .widget fieldset form div input[type="submit"]:hover {background:#141c29;}
  
    .footer-bottom {clear:both; padding-bottom:60px;}
      .footer-bottom dl {
        float:right;
        width:24%;
        }
        .footer-bottom dl ul {margin:0; list-style:none; overflow:hidden;}
          .footer-bottom dl ul li {
            float:left;
            margin-right:9px;
            }
          .footer-bottom dl ul li:last-child {margin-right:0;}
            .footer-bottom dl ul li a {
              display:block;
              width:33px; height:35px;
              text-indent:-9999px;
              background-image:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/iconsSocial.png); background-repeat:no-repeat;
            }
            
            .footer-bottom dl ul li.facebook a {background-position:0 0;}
            .footer-bottom dl ul li.facebook a:hover {background-position:0 -40px;}
            
            .footer-bottom dl ul li.twitter a {background-position:-46px 0;}
            .footer-bottom dl ul li.twitter a:hover {background-position:-46px -40px;}
            
            .footer-bottom dl ul li.googleplus a {background-position:-91px 0;}
            .footer-bottom dl ul li.googleplus a:hover {background-position:-91px -40px;}
            
            .footer-bottom dl ul li.flickr a {background-position:-137px 0;}
            .footer-bottom dl ul li.flickr a:hover {background-position:-137px -40px;}
            
            .footer-bottom dl ul li.vimeo a {background-position:-182px 0;}
            .footer-bottom dl ul li.vimeo a:hover {background-position:-182px -40px;}
            
            .footer-bottom dl ul li.rss a {background-position:-228px 0;}
            .footer-bottom dl ul li.rss a:hover {background-position:-228px -40px;}

            .footer-bottom dl ul li.linkedin a {background-position:-274px 0;}
            .footer-bottom dl ul li.linkedin a:hover {background-position:-274px -39px;}

            
      .footer-bottom p {
        padding:10px 0 10px 206px; margin-top:37px;
        font-size:12px; line-height:22px; color:#80848c;
        background:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/footer-logo.png) 0 50% no-repeat;
        }
        .footer-bottom p span {margin-right:13px;}
        .footer-bottom p a {color:#80848c;}
          .footer-bottom p a:hover {text-decoration:none}


      footer .partners {background:#5f6671;}
        footer .partners h5 {
          padding:20px 0;
          font-size:16px; color:#fff; text-align:center; font-weight:400;
          background:#656c77;
        }
        footer .partners ul {margin:0; padding:40px 0; list-style:none; text-align:center;}
          footer .partners ul li {
            display:inline-block; zoom:1; *display:inline;
            margin:0 30px;
            }

= Mobile devices
-------------------------------------------------------------------------------------- */
@media screen and (max-width:1410px) {


  .wrapper {width:auto; margin:0 110px;}
  .wrapper.calendar_wrapper {
 margin:0px;
}
  .remove_margin .cs_img
{ margin-right: 30px; }
  img {max-width:100%; height:auto;}
  
  header .logo {margin-left:-90px;}
  header .logo.product-logo {background-size:100% auto; width:120px;}
  
  header nav > ul > li {font-size:14px;}
    header nav ul > li > a[target=_blank]:after {right:0;}
    header nav ul > li > ul > li a[target=_blank]:after {right:10px;}

    .wrapper.navigation-home {
  margin: 0px 35px;
  }

    .wrapper.navigation-other {
  margin: 0 30px 0 110px;
  }

  .hero-slider li .info {margin-right:-530px;}
  .hero-home h1 {margin-left:-530px; font-size:58px; width:560px;}
  
  .post-list-slider .slides li {
        width: 800px;
        min-height:120px;
        padding:16px 20px;
        float: none;
        margin: 0 auto;
        vertical-align: top;
      }
      .post-list-slider ul.slides {
        list-style: none;
        margin-left: 0px;
        overflow: hidden;
        min-height: 200px;
        height: 200px;
        margin: 0 auto 20px auto;
      }
      .post-list-slider .slides li .slide {
        width: 30%;
        display: inline-block;
        margin: 0px 1%;
        vertical-align: top;
      }
      .post-list-slider .slides li p {
        white-space: initial;
      }
      .customer_slider.customer-logos {
        width: 800px !important;
        margin: 0 auto !important;
      }

      .customer_slider.customer-logos li {
        width: 800px;
      }

      .customer_slider.customer-logos {
        width: 20%;
        margin: 0 1%;
      }
      .customer_slider.customer-logos li .slide {
    vertical-align: middle;
      }
    .logo-list-slider .slide a {
      display: inline-block;
      min-height: 150px;
    }
  .entry .image-feature img.alignleft {float:none; display:block; margin:0 auto 20px;}
  .entry .image-feature {text-align:center;}
  
  .footer-bottom dl {float:none; width:auto;}
  
  .wide-slide-wrapper .controls.prev-wide-slide, 
  .hero-home .controls.prev-top-slide, 
  .post-list-slider .controls.prev-post-slide,
  .logo-list-slider .prev-customer {left:20px;}
  
  .wide-slide-wrapper .controls.next-wide-slide, 
  .hero-home .controls.next-top-slide, 
  .post-list-slider .controls.next-post-slide,
  .logo-list-slider .next-customer {right:20px;}
  
  .left-sidebar-columns aside {width:25%;}
  .three-columns-blog > aside.left {width:22%; margin-right:3%;}
  .three-columns-blog > .main article figure img
{ max-width: 100%; height: auto; width: auto !important; }
  .left-sidebar-columns .main,
  .three-columns-blog > .main,
  .three-columns-blog > aside.right {width:72%;}
  .three-columns-blog > aside.right {border-top:#e7e7e7 solid 1px; padding-top:40px;}
  
  .manuals-content ul.items {padding: 0 20px;}
  .search-results-outer aside {width: 20%;}
  .search-results-outer .main-content {width: 70%;margin-left: 5%;}

  
}


@media screen and (min-width: 800px) and (max-width: 1410px) {
  header .search-trigger {
    width: 40px;
    border-left: none;
  }
}


@media screen and (max-width:1200px) {
  header nav ul > li > a {padding: 0 10px;}
  .two-columns-events > .main  {width:72%;float:none;margin:0 auto;}
  .two-columns-events > aside.right {width:72%;float:none;margin:0 auto;}
  .faq-content .toggles {
    padding: 0px;
  }
}

@media screen and (max-width:1024px) {

  .two-columns-events > .main  {width:72%;}
  .two-columns-events > aside.right {width:25%;}

  .wide-slider li figure,
  .entry h2 br {display:none;}
  .entry ul {list-style-position: inside; margin: 0;}
  
  section.no-bottom-padding {padding-bottom:20px;}
  
  .hero-home h1 {width:470px; margin-left:-430px;}
  .hero-slider li .info {margin-right:-430px; width:360px;}
    .hero-slider li .info p {font-size:14px; line-height:24px;}
  
  .grid.five-columns > li, 
  .grid.five-columns > div {width:50%; margin-bottom:30px;}

  .grid.five-columns > li:nth-child(2n+1), 
  .grid.five-columns > div:nth-child(2n+1) {clear:left;}
  
  /*.post-list-slider .slides li {width:270px;}*/
    .post-list-slider .slides li p {font-size: 11px;}
    .post-list-slider .slides li img {/*display:none;*/}
    .post-list-slider .slides li h5 {font-size: 16px;}

  
	 .feature-box, body .feature-box > h5, .feature-box.right-text > p {text-align:center;}
    .feature-box img.alignleft,
    .feature-box img.alignright {float:none; display:block; margin:0 auto 20px;}
  
  .testimonial-list li figure {width:50%;}
  
  .entry .download-filter li {margin-right:20px;}
  
  .mid-width,
  .small-width,
  .case-study-wrapper .wrapper {width:auto;}
  
  .filters-holder,
  .team {width:auto; float:none;}
  .member {margin-right:15px;}
  .expanded-member-info {width:auto;}
    .expanded-member-info div {
      padding:40px 20px 20px;
      background:#bfe1f3;
      -moz-column-count:1;
      -webkit-column-count:1;
      }
  
  .hero.case-study {padding-top:300px;}
    .case-study-wrapper.entry figure.alignleft figcaption,
    .case-study-wrapper.entry figure.alignright figcaption {
      position:relative; left:auto; right:auto; bottom:0;
      padding:0;
      text-align:left; 
      border:0;
      }

      .no-border  .right-text > h3, .no-border  .right-text > h4, .no-border  .right-text > p {
    text-align: center;
    }
  .two {
    width: 360px;
    padding: 0px;
    margin-top: 40px;
  }

  .advent_calendar_wrap {
    max-width: 360px;
  }
  .advent_calendar_wrap .advent_calendar_content {
    max-width: 360px;
    background-size: cover;
  }
  .advent_desc {
    max-width: 360px;
    margin-left: 0px;
    padding: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .advent_calendar_wrap .tabs li {
    width: 58px;
    height: 58px;
    font-size: 28px;
  }
  .advent_calendar_wrap .tabs li span {
    margin-top: 20px;
  }

  .advent_desc h2 {
    margin: 0px;
    padding-left: 0px;
    margin-bottom: 10px;
  }

  .advent_share p {
    margin-bottom: 4px;
  }

  .calendar_btn {
    top: 108px;
  }

  .tab_content.calendar .calendar_name {
    margin-left: 0px;
    margin-top: 10px;
    width: auto;
    font-size: 16px;
  }

  .advent_calendar_wrap .advent_calendar_content.content-open {
    height: 480px;
  }

  .advent_calendar_wrap .tab_content .cs_img {
    width: 80px !important;
  }

  .advent_calendar_wrap .tabs .current {
    background: rgb(30, 176, 108);
  }

  .advent_calendar_wrap .tabs .current:hover:before {
    display: none;
  }

    .promo .center-text img {display: inline-block;margin: 0px;}
  .promo .center-text p span {display: inline-block;margin: 20px 0px}
  .promo .center-text p a.button { display: inline-block; }


}


@media screen and (max-width:800px) {
  
  .side-navigation {
    position:fixed; left:0px; top:68px; bottom:0; display:none;
    width:100%; height:auto;
    padding:20px 0; overflow-y:scroll;
    }
    .side-navigation .logo,
    .side-navigation .close {display:none;}
    .side-navigation > ul {padding-bottom: 20px;}

    .side-navigation span.noLink
    { padding: 10px 20px; color: #fff; display: block; }

  .wide-slide-wrapper .controls, 
  .hero-home .controls, 
  .post-list-slider .controls,
  .hero-slider li .info,
  .top-pager,
  .theme-feature figure .mobile {display:none;}
  
  .wide-slide-wrapper {padding-bottom:40px;}
  .wide-pager {display:block; bottom:0;}
  
  .outer {padding-top:68px;}
  .entry ul, .feature-box h5 {text-align: left;}

  .testimonial-list li {padding-top: 36px;}
    .testimonial-list li figure {display:block; width:100%;padding-left: 0;}
    .testimonial-list li dl {display:block; width:100%;}

  header,
  header .search-wrapper .search-form,
  header .sidenav-trigger,
  header .logo,
  header .search-trigger,
  header .search-wrapper .search-form,
  header .logo.product-logo,
  header nav .mobile-nav-trigger,
  header .logo {height:68px;}
  
  header {}
  header nav {float:left;}
    header nav .mobile-nav-trigger {
      display:block; 
      position:absolute; 
      left:0; 
      top:0;
      width:60px;
      text-indent:-9999px;      
      border-right:#e1e1e1 solid 1px;
      overflow:hidden;
      }
      header nav .mobile-nav-trigger span { 
        position: relative;
        display: block;
      }
      header nav .mobile-nav-trigger span:before {
        content: "";
        position: absolute;
        left: 20px;
        top: 24px;
        width: 20px;
        height: 3px;
        background: #505050;
        box-shadow: 0 6px 0 0 #505050, 0 12px 0 0 #505050;        
        }
        header nav .mobile-nav-trigger.active span:before {
          background: #fff;
          box-shadow: 0 6px 0 0 #fff, 
                      0 12px 0 0 #fff;
          }
    header nav .mobile-nav-trigger.active {background-color:#263143;}

    header nav .mobile-nav-trigger.product-trigger {
        left:61px;
        }
        header nav .mobile-nav-trigger.product-trigger span:before {
          left:48px;
          -webkit-transition: left .15s ease;
          transition: left .15s ease;
          }
          header nav .mobile-nav-trigger.product-trigger.active span:before {
            left:20px;
            }
      
    header nav > ul {
      display:none; position:fixed; left:0; top:68px; bottom:0;
      width:100%;
      padding:20px 20px 40px 20px;
      background-color:#263143;
      overflow-y:scroll;
      }
      header nav > ul > li {font-size:16px;}
      header nav > ul > li:first-child {margin-bottom: 5px;}
        header nav > ul > li:first-child h5 {display:block; color:white; font-size: 22px; font-weight: 400;}  
      header nav ul > li > a[target=_blank]:after {background-position: 0 -100px;}
      header nav ul li {
        float:none;
        }
        header nav ul li a,
        header nav > ul > li.has-sub > a,
        header nav ul li a:hover {
          padding:8px 0;
          color:#fff; line-height:18px;
          background:none !important;
          border:0 !important;
          }
          header nav > ul > li.has-sub > .sub,
          header nav > ul > li.has-sub > .sub.mega {
            position:relative; left:0; top:0; right:0;
            width:auto;
            padding:0;
            background:none;
            border:0;
            display:block;
            }
            header nav > ul > li.has-sub > .sub.mega > ul {display:block; min-height:inherit; top:0; padding:0;}
              header nav > ul > li.has-sub > .sub.mega > ul > li {max-width: 100%; margin-bottom: 3px; font-size: 14px;}
              header nav > ul > li.has-sub > .sub > li {margin-bottom: 3px !important;}
              header nav > ul > li.has-sub > .sub.mega > ul > li > a {padding: 5px 22px;}
                header nav > ul > li.has-sub > .sub.mega > ul > li > ul {display:none !important;}
                  header nav > ul > li.has-sub > ul.sub > li > a:hover,
                  header nav > ul > li.has-sub > .sub.mega > ul > li > a:hover {background-color: #343f52 !important; color: #3fa6db;}

            /* colored underline */      
            header nav > ul > li.has-sub > .sub.mega > ul > li > a span {border-bottom: 2px #fff solid;}
            header nav > ul > li.has-sub > .sub.mega > ul > li > a:hover span {border-bottom:none;}
              header nav > ul > li.has-sub > .sub.mega > ul > li.orange > a span {border-bottom-color: #ff9123;}
                header nav > ul > li.has-sub > .sub.mega > ul > li.orange > a:hover {color: #ff9123;}
              header nav > ul > li.has-sub > .sub.mega > ul > li.green > a span {border-bottom-color: #1eb06c;}
                header nav > ul > li.has-sub > .sub.mega > ul > li.green > a:hover {color: #1eb06c;}
              header nav > ul > li.has-sub > .sub.mega > ul > li.pink > a span {border-bottom-color: #aa3291;}
                header nav > ul > li.has-sub > .sub.mega > ul > li.pink > a:hover {color: #aa3291;}
              header nav > ul > li.has-sub > .sub.mega > ul > li.blue > a span {border-bottom-color: #0089cf;}
                header nav > ul > li.has-sub > .sub.mega > ul > li.blue > a:hover {color: #0089cf;}
        .outer.orange header nav ul > li > a:hover,
        .outer.pink header nav ul > li > a:hover, 
        .outer.green header nav ul > li > a:hover,
        .outer.blue header nav ul > li > a:hover {color: rgba(255,255,255, .7) !important}


  .side-navigation ul li {margin-bottom:0;}
    .side-navigation ul li a {padding:7px 20px;}
    .side-navigation ul li ul li a {padding-left:42px;}
    .side-navigation ul li ul li {font-size:14px;}
  header .sidenav-trigger:hover, 
  header .sidenav-trigger.active {background-color:#1d2533;}
  
  header .logo,
  header .logo.product-logo {margin:0 auto; float:none; display:block;}
  header .logo.product-logo {position:relative; right:-30px;}
  
  .wrapper {margin:0 20px;}
  
  header .sidenav-trigger {width:60px; background-size:26px auto; background-position:55% -32px;}
    header .sidenav-trigger:hover,
    header .sidenav-trigger.active {background-position:55% -32px;}
  header .search-trigger {width:60px; background-size:20px auto; background-position:50% 30px;}
    header .search-trigger:hover,
    header .search-trigger.active {background-position:50% -80px;}
  header .search-wrapper .search-form {padding-right:61px;}
  header .search-wrapper .search-form button {right:61px;}
  header .search-wrapper .search-form input {font-size:13px;}
  
  .hero-home h1 {margin-left:-235px;}
  
  .grid.four-columns > li, 
  .grid.four-columns > div,
  .grid.three-columns > li, 
  .grid.three-columns > div,
  .download-content ul li {width:50%; margin-bottom:30px;}

  .grid.four-columns > li:nth-child(2n+1), 
  .grid.four-columns > div:nth-child(2n+1),
  .grid.three-columns > li:nth-child(2n+1), 
  .grid.three-columns > div:nth-child(2n+1),
  .download-content ul li:nth-child(2n+1) {clear:left;}
  
  .grid.three-columns.thumb-list > li {float:none; width:359px; margin:0 auto 20px;}
  
  .theme-feature figure {float:none; margin:0 0 20px;}
  .theme-feature figure img {width:100%; height:auto;}
  
  .grid.three-columns.thumb-list > li {margin:0 0 20px; float:none; width:auto;}
  .thumb-list li .info {padding-top:20px;}
    .thumb-list li .info .button {margin-bottom:10px;}
  
  footer .widget,
  footer .widget.wider,
  footer .widget.right {width:50%; margin:0 0 40px;}
  footer .widget.wider {clear: left;}

  .post-list-slider ul.slides {
    min-height: 250px;
    margin: 0 auto;
  }

  .post-list-slider .slides li {width:auto; padding:10px 10px;}
  .post-list-slider .slides li .slide {
    width: 100%;
    display: inline-block;
    margin: 0px;
  }
  .post-list-slider .slides li h5 {font-size: 14px;}
  .post-list-slider .slides li figure {margin: 5px 10px 10px 0;}


  .customer_slider.customer-logos {
    width: 300px !important;
  }

  .customer_slider.customer-logos li {
    width: 300px;
    margin: 0px !important;
  }

  .customer_slider.customer-logos li .slide {
    width: auto;
    margin: 0px;
    display: block;
    text-align: center;
  }

  .logo-list-slider .slide a {
    min-height: 40px;
  }

  .logo-list-slider .controls {
    display: none;
  }

  header .search-trigger:hover, header .search-trigger.active {background-position: 50% -82px;}


}

@media screen and (max-width:680px) {
  .calendar_btn {
    top: 2px;
    right: 2px;
  }

  .two {
    position: fixed;
    top: 50px;
    bottom: 0px;
    margin-right: 0px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .advent_desc h2 {
    padding-left: 0px;
  }

  .advent_share p {
    margin-bottom: 4px;
  }

  .advent_desc p {
    color: #fff !important;
    margin-bottom: 4px !important;
  }

  #mc_embed_signup .note_wrapper h3 {
    margin-left: 0px;
  }

  #mc_embed_signup label {
    display: block !important;
    text-align: left;
    width: auto;
    margin-bottom: 10px;
  }

  #mc_embed_signup input {
    padding: 8px 0px;
    text-indent: 8px;
    max-width: none;
  }

  #mc_embed_signup .button {
    margin-left: 0px;
  }

  #mc_embed_signup ul li ul {
    max-width: none;
  }

  #mc_embed_signup input[type=radio] {
    float: left;
  }

}

@media screen and (max-width:480px) {
  
  footer .widget.wider,
  footer .partners {display:none;}
  
  header .logo.product-logo,
  header .logo {background-size:100px auto; background-position:50% 50%;}
  header .logo.product-logo.product-airtime {background-size:80px auto; background-position:20% 50%;}
  
  .hero h1 {font-size:29px; line-height:36px;}
  .hero p {font-size:18px; line-height:22px;}

  .hero .buttons li {margin:0 auto 20px;}
  
  .hero-home h1 {
    top:32px;
    width:280px; min-height:155px;
    margin-left:-140px; padding:20px 0;
    font-size:32px; line-height:42px;
    }
    .hero-home h1:after {width:12px; background-size:12px auto;}
  .hero-slider {height:240px;}
  
  a.button.dark, 
  input.button.dark {font-size:15px;}
  .outer a.button.dark {font-size: 18px !important;}

  .entry h2,
  .smaller-title-fix.entry h3 {
    padding:0 10px;
    font-size:22px; line-height:32px;
    }
  .smaller-title-fix.entry h3 br {display:none;}
  .entry h5 {font-size:16px; line-height:24px;}
  .entry p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; color: #000; margin-bottom: 24px; }
  .entry ul li {line-height:20px;}
  
  .wrapper .grid {margin-left:-20px; margin-right:-20px;}
  
  header .search-wrapper .search-form input {padding-left:10px; font-size:11px; text-align:left;}
  header .search-wrapper .search-form button {width:40px; background-size:20px auto;}
  
  .post-list-slider .slides {margin-left:0; width:auto !important; margin-bottom: 0;}

    .post-list-slider .slides li {width:274px !important; padding:0px 20px; min-height: 130px;float: left;}

  .logo-list-slider h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .logo-list-slider .slide h4 {
    font-size: 16px;
  }
    
  .software-list li {height:auto;}
  .software-list h3 {background-size:110px auto;}
    .software-list li:hover h3 {background-position:0 -63px;}
  
  .top-filter {border:0;}
    .top-filter.center-filter ul {text-align:left;}
      .top-filter ul li {display:block !important; line-height:25px !important; margin:0 !important; border-bottom:#e7e7e7 solid 1px;}
        .top-filter ul li a {padding:10px 20px;}
        .top-filter.center-filter li.active a {border-bottom-color:transparent;}
        
  .three-columns-blog > aside.left,
  .left-sidebar-columns .main,
  .left-sidebar-columns aside,
  .three-columns-blog > .main,
  .three-columns-blog > aside.right,
  .filters-holder,
  .team {float:none; width:auto; margin:0 0 20px;}
  
  .left-sidebar-columns .main {padding:0; border:0;}
  .left-sidebar-columns .main h2 {padding:0;}
  .side-menu {margin: 0 0 40px 0;}
    .side-menu li.space {height: 10px;}

  .expanded-member-info {width:auto;}
  .member {width:134px; margin-right:4px;}
  
  .blog-filter {overflow:hidden; margin-bottom:30px;}
    .blog-filter li {float:left; margin-right:20px;}
      .blog-filter li.active a {padding:5px 20px;}
  
  .two-columns-inner > .column {float:none; width:auto; margin:0 0 30px;}
  .github-box {text-align:center;}
    .github-box img.alignleft {float:none; display:block; margin:0 auto 20px;}
    
  footer {margin-top:70px;}
  footer .widget,
  footer .widget.right {float:none; width:auto;}
  
  footer .widget:first-child h3 {display:none;}
  footer .widget ul {overflow:hidden;}
    footer .widget ul li {float:left; margin-right:20px;}
  .footer-bottom p {padding-left:0; background:none;}
  
  footer .to-top {
    top:-85px; left:50%; right:auto;
    margin-left:-26px;
    border-radius:4px 4px 0 0;
    }
  #livechat-full, #livechat-compact-container {display:none !important;}

  .search-results-outer aside {width: 100%;}
  .search-results-outer .main-content {width: 100%;margin-left: 0px;margin-top: 20px;}
}

@media screen and (min-width: 1025px) {
  .grid.five-columns > li:nth-child(5n + 1) {
    clear: left;
  }
}


@media screen and (min-width: 801px) {
.grid.three-columns > li:nth-child(3n+1), .grid.three-columns > div:nth-child(3n+1)
{ clear: left; }
}

/*
= FOOTER
-------------------------------------------------------------------------------------- */
.outer footer {
  
  padding:45px 0 0;
background:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/footer-top-line.png) 0 0 no-repeat #263143; background-size:100% 3px;
/*   background: none; */
  }
  footer .wrapper {position:relative;}
    footer .to-top {
      position:absolute; top:-42px; right:0;
      width:53px; height:40px;
      text-indent:-9999px;
      background:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/icon-to-top.png) 50% 50% no-repeat #1e2737;
      border-radius:0 0 4px 4px;
      }
      footer .to-top:hover {background-color:#141c29;}
    footer .widget {
      float:left;
      width:20%;
      margin-right:40px; margin-bottom:30px;
    }
    footer .widget.wider {width:30%; margin-right:0;}
    footer .widget.right {float:right; margin-right:0;}
    footer h3 {
      margin-bottom:20px;
      font-size:18px; color:#fff; font-weight:400;
    }
    footer .widget ul {margin:0; list-style:none;}
      footer .widget ul li {
        margin-bottom:10px;
        font-size:14px; line-height:22px;
        }
        footer .widget ul li a {
          color:#fff; text-decoration:none; font-weight:300;
          border-bottom:#fff solid 1px;
          }
          footer .widget ul li a:hover {border-color:transparent !important;}
    
    footer .widget p {
      font-size:14px; line-height:32px; color:#fff;
      }
      footer .widget p a {color:#fff; text-decoration:none;}
        footer .widget p a:hover {text-decoration:underline;}
      footer .widget p small {
        display:block;
        font-size:12px; color:#80848c; line-height:18px;
      }
    footer .widget.right p {
      margin-bottom:20px;
      color:#80848c; font-size:12px; line-height:20px;
    }
    footer .widget fieldset input[type="text"],
    footer .widget fieldset input[type="submit"] {
      width:100%; height:30px;
      padding:0 20px; margin-bottom:20px;
      border-radius:15px;
      border:0;
    }
    footer .widget fieldset input[type="email"]
    { color: #fff; font-size: 14px; font-weight: 300; background: #313c4d; box-shadow: inset 0 0 1px #232a36; width: 100%; height: 30px; padding: 0 20px; margin-bottom: 20px; border-radius: 15px; border: 0; }
      footer .widget fieldset input[type="email"]::-webkit-input-placeholder {color: #90959E;}
      footer .widget fieldset input[type="email"]:-moz-placeholder {color: #90959E;}
      footer .widget fieldset input[type="email"]::-moz-placeholder {color: #90959E;}
      footer .widget fieldset input[type="email"]:-ms-input-placeholder {color: #90959E;}

    footer .widget .response
    {color: #fff; }
    footer .widget fieldset form input[type="text"] {
      color:#fff; font-size:14px; font-weight:300;
      background:#313c4d;
      box-shadow:inset 0 0 1px #232a36;
    }
    footer .widget fieldset form div input[type="submit"] {
      font-size:12px; color:#90959E; text-align:center;
      background:#1e2737;
      }
      footer .widget fieldset form div input[type="submit"]:hover {background:#141c29;}
  
    .footer-bottom {clear:both; padding-bottom:60px;}
      .footer-bottom dl {
        float:right;
        width:24%;
        }
        .footer-bottom dl ul {margin:0; list-style:none; overflow:hidden;}
          .footer-bottom dl ul li {
            float:left;
            margin-right:9px;
            }
          .footer-bottom dl ul li:last-child {margin-right:0;}
            .footer-bottom dl ul li a {
              display:block;
              width:33px; height:35px;
              text-indent:-9999px;
              background-image:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/iconsSocial.png); background-repeat:no-repeat;
            }
            
            .footer-bottom dl ul li.facebook a {background-position:0 0;}
            .footer-bottom dl ul li.facebook a:hover {background-position:0 -40px;}
            
            .footer-bottom dl ul li.twitter a {background-position:-46px 0;}
            .footer-bottom dl ul li.twitter a:hover {background-position:-46px -40px;}
            
            .footer-bottom dl ul li.googleplus a {background-position:-91px 0;}
            .footer-bottom dl ul li.googleplus a:hover {background-position:-91px -40px;}
            
            .footer-bottom dl ul li.flickr a {background-position:-137px 0;}
            .footer-bottom dl ul li.flickr a:hover {background-position:-137px -40px;}
            
            .footer-bottom dl ul li.vimeo a {background-position:-182px 0;}
            .footer-bottom dl ul li.vimeo a:hover {background-position:-182px -40px;}
            
            .footer-bottom dl ul li.rss a {background-position:-228px 0;}
            .footer-bottom dl ul li.rss a:hover {background-position:-228px -40px;}

            .footer-bottom dl ul li.linkedin a {background-position:-274px 0;}
            .footer-bottom dl ul li.linkedin a:hover {background-position:-274px -39px;}

            
      .footer-bottom p {
        padding:10px 0 10px 206px; margin-top:37px;
        font-size:12px; line-height:22px; color:#80848c;
        background:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/footer-logo.png) 0 50% no-repeat;
        }
        .footer-bottom p span {margin-right:13px;}
        .footer-bottom p a {color:#80848c;}
          .footer-bottom p a:hover {text-decoration:none}


      footer .partners {background:#5f6671;}
        footer .partners h5 {
          padding:20px 0;
          font-size:16px; color:#fff; text-align:center; font-weight:400;
          background:#656c77;
        }
        footer .partners ul {margin:0; padding:40px 0; list-style:none; text-align:center;}
          footer .partners ul li {
            display:inline-block; zoom:1; *display:inline;
            margin:0 30px;
            }



/*
= COLORS
-------------------------------------------------------------------------------------- */
/* Orange #ff9123 / 255, 145, 35 */
.hero-home h1 span.orange,
footer .widget ul li.orange a,
.outer.orange .video-button
.outer.orange .top-filter ul li.active a,
.outer.orange a.button.border {border-color:rgb(255, 145, 35);}

.outer.orange .entry h3,
.outer.orange .entry h4,
.outer.orange .hero .buttons li a,
.outer.orange .video-button,
.outer.orange .post-list-slider .slides li h5 a:hover,
.outer.orange .feature-box h5,
.outer.orange .faq-content h3,
.outer.orange .faq-content .control-all li a,
.outer.orange .toggles h4:hover,
.outer.orange a.button.border,
.outer.orange .side-menu li a:hover,
.software-list li.airtime:hover .button, .outer.orange .entry a, #mc_embed_signup.orange h2 {color:rgb(255, 145, 35);}

.outer.orange .hero .buttons li a:hover,
.outer.orange .video-button:hover,
.outer.orange .video-button:before,
.outer.orange a.button.border:hover,
section.orange,
.outer.orange .download-options h4 a,
.outer.orange .download-options h4,
.software-list li.airtime:hover {background-color:rgb(255, 145, 35);}

.outer.orange .transparent-50,
.orange-50 {background-color:rgba(255,145,35,0.6);}
.outer.orange .transparent-16,
.orange-16,
.outer.orange .post-list-slider .slides li:hover {background-color:rgba(255,145,35,0.16);}

.outer.orange .hero .buttons li.video a:before {background-image:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/icon-play-orange.png);}

.orange header nav .mobile-nav-trigger.active, .orange header nav ul
{ background-color: rgb(255, 145, 35); }
.outer.orange header nav ul > li > a:hover {color:rgb(255, 145, 35);}
.outer.orange header nav .mobile-nav-trigger.product-trigger span:before {
  background: #ff9123;
  box-shadow: 0 6px 0 0 #ff9123, 0 12px 0 0 #ff9123;
  }
  .outer.orange header nav .mobile-nav-trigger.product-trigger.active span:before {
    background: #fff;
    box-shadow: 0 6px 0 0 #fff, 0 12px 0 0 #fff;
  }



/* Blue 0089cf / 0, 137, 207 */
.hero-home h1 span.blue,
footer .widget ul li.blue a,
.outer.blue .video-button,
.outer.blue .top-filter ul li.active a,
.outer.blue a.button.border {border-color:rgb(0, 137, 207);}

.outer.blue .entry h3,
.outer.blue .entry h4,
.outer.blue .hero .buttons li a,
.outer.blue .video-button,
.outer.blue .post-list-slider .slides li h5 a:hover,
.outer.blue .feature-box h5,
.outer.blue .faq-content h3,
.outer.blue .faq-content .control-all li a,
.outer.blue .toggles h4:hover,
.outer.blue a.button.border,
.outer.blue .side-menu li a:hover,
.software-list li.newscoop:hover .button, .outer.blue .entry a, #mc_embed_signup.blue h2  {color:rgb(0, 137, 207);}

.outer.blue .hero .buttons li a:hover,
.outer.blue .video-button:hover,
.outer.blue .video-button:before,
.outer.blue a.button.border:hover,
section.blue,
.outer.blue .download-options h4 a,
.outer.blue .download-options h4,
.software-list li.newscoop:hover {background-color:rgb(0, 137, 207) !important;}

.outer.blue .transparent-50,
.blue-50 {background-color:rgba(0,137,207,0.5);}
  .blue-50 a {color:#fff;}
  .blue-50 .white-text a {color:#000;}
.outer.blue .transparent-16,
.blue-16,
.outer.blue .post-list-slider .slides li:hover {background-color:rgba(0,137,207,0.16);}

.outer.blue .hero .buttons li.video a:before {background-image:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/icon-play-blue.png);}

.blue header nav .mobile-nav-trigger.active, .blue header nav ul
{ background-color: rgb(0, 137, 207); }
.outer.blue header nav ul > li > a:hover {color:rgb(0, 137, 207);}
.outer.blue header nav .mobile-nav-trigger.product-trigger span:before {
  background: #0089cf;
  box-shadow: 0 6px 0 0 #0089cf, 0 12px 0 0 #0089cf;
  }
  .outer.blue header nav .mobile-nav-trigger.product-trigger.active span:before {
    background: #fff;
    box-shadow: 0 6px 0 0 #fff, 0 12px 0 0 #fff;
  }
.services.video-button
{border-color:rgb(0, 137, 207)!important;}
.services.video-button:hover
{background-color:rgb(0, 137, 207)!important;}
.services.video-button:before {
background-image: url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/icon-play-white.png);
background-color: rgb(0, 137, 207) !important;
}
/* Green 1eb06c / 30, 176, 108 */
.hero-home h1 span.green,
footer .widget ul li.green a,
.outer.green .video-button,
.outer.green .top-filter ul li.active a,
.outer.green a.button.border {border-color:rgb(30, 176, 108);}

.outer.green .entry h3,
.outer.green .entry h4,
.outer.green .hero .buttons li a,
.outer.green .video-button,
.outer.green .post-list-slider .slides li h5 a:hover,
.outer.green .feature-box h5,
.outer.green .faq-content h3,
.outer.green .faq-content .control-all li a,
.outer.green .toggles h4:hover,
.outer.green a.button.border,
.outer.green .side-menu li a:hover,
.software-list li.superdesk:hover .button,
.software-list li.liveblog:hover .button, .outer.green .entry a, #mc_embed_signup.green h2 {color:rgb(30, 176, 108);}

.outer.green .hero .buttons li a:hover,
.outer.green .video-button:hover,
.outer.green .video-button:before,
.outer.green a.button.border:hover,
section.green,
.outer.green .download-options h4 a,
.outer.green .download-options h4,
.software-list li.superdesk:hover,
.software-list li.liveblog:hover {background-color:rgb(30, 176, 108);}

.outer.green .transparent-50,
.green-50 {background-color:rgba(30,176,108,0.6);}
  .green-50 a {color:#fff;}
  .green-50 .white-text a {color:#000;}
.outer.green .transparent-16,
.green-16,
.outer.green .post-list-slider .slides li:hover {background-color:rgba(30,176,108,0.16);}

.outer.green .hero .buttons li.video a:before {background-image:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/icon-play-green.png);}

.outer.green .hero .buttons li a:hover, .outer.green .video-button:hover, .outer.green .video-button:before, .outer.green a.button.border:hover, section.green, .outer.green .download-options h4 a, .software-list li.superdesk:hover, .software-list li.citizendesk:hover {
background-color: rgb(30, 176, 108);
}

.outer.green .hero .buttons li a:hover, .outer.green .video-button:hover, .outer.green .video-button:before, .outer.green a.button.border:hover, section.green, .outer.green .download-options h4 a, .software-list li.superdesk:hover, .software-list li.citizendesk:hover a {
color: rgb(30, 176, 108);
}
.green header nav .mobile-nav-trigger.active, .green header nav ul
{ background-color: rgb(30, 176, 108); }
.outer.green header nav ul > li > a:hover {color:rgb(30, 176, 108);}
.outer.green header nav .mobile-nav-trigger.product-trigger span:before {
  background: #1eb06c;
  box-shadow: 0 6px 0 0 #1eb06c, 0 12px 0 0 #1eb06c;
  }
  .outer.green header nav .mobile-nav-trigger.product-trigger.active span:before {
    background: #fff;
    box-shadow: 0 6px 0 0 #fff, 0 12px 0 0 #fff;
  }

.outer.green .download-options h4 {background-color:rgb(30, 176, 108);}

/* Pink aa3291 / 170, 50, 145 */
.hero-home h1 span.pink,
footer .widget ul li.pink a,
.outer.pink .video-button,
.outer.pink .top-filter ul li.active a,
.outer.pink a.button.border {border-color:rgb(170, 50, 145);}

.outer.pink .entry h3,
.outer.pink .entry h4,
.outer.pink .hero .buttons li a,
.outer.pink .video-button,
.outer.pink .post-list-slider .slides li h5 a:hover,
.outer.pink .feature-box h5,
.outer.pink .faq-content h3,
.outer.pink .faq-content .control-all li a,
.outer.pink .toggles h4:hover,
.outer.pink a.button.border,
.outer.pink .side-menu li a:hover,
.software-list li.booktype:hover .button, .outer.pink .entry a, #mc_embed_signup.pink h2  {color:rgb(170, 50, 145);}

.outer.pink .hero .buttons li a:hover,
.outer.pink .video-button:hover,
.outer.pink .video-button:before,
.outer.pink a.button.border:hover,
section.pink,
.outer.pink .download-options h4 a,
.outer.pink .download-options h4,
.software-list li.booktype:hover {background-color:rgb(170, 50, 145);}

.outer.pink .transparent-50,
.pink-50 {background-color:rgba(170,50,145,0.5);}
  .pink-50 a {color:#fff;}
  .pink-50 .white-text a {color:#000;}
.outer.pink .transparent-16,
.pink-16,
.outer.pink .post-list-slider .slides li:hover {background-color:rgba(170,50,145,0.16);}

.outer.pink .hero .buttons li.video a:before {background-image:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/icon-play-pink.png);}

.pink header nav .mobile-nav-trigger.active, .pink header nav ul
{ background-color: rgb(170, 50, 145); }
.outer.pink header nav ul > li > a:hover {color:rgb(170, 50, 145);}
.outer.pink header nav .mobile-nav-trigger.product-trigger span:before {
  background: #aa3291;
  box-shadow: 0 6px 0 0 #aa3291, 0 12px 0 0 #aa3291;
  }
  .outer.pink header nav .mobile-nav-trigger.product-trigger.active span:before {
    background: #fff;
    box-shadow: 0 6px 0 0 #fff, 0 12px 0 0 #fff;
  }

/* Yellow c8af00 / 200, 175, 0 */
.hero-home h1 span.yellow {border-color:rgb(200, 175, 0);}
/*
footer .widget ul li.yellow a,
.outer.yellow .video-button,
.outer.yellow .top-filter ul li.active a {border-color:rgb(200, 175, 0);}

.outer.yellow .entry h3,
.outer.yellow .entry h4,
.outer.yellow .hero .buttons li a,
.outer.yellow .video-button,
.outer.yellow .post-list-slider .slides li h5 a:hover,
.outer.yellow .feature-box h5,
.outer.yellow .faq-content h3,
.outer.yellow .faq-content .control-all li a,
.outer.yellow .toggles h4:hover  {color:rgb(200, 175, 0);}

.outer.yellow .hero .buttons li a:hover,
.outer.yellow .video-button:hover,
.outer.yellow .video-button:before {background-color:rgb(200, 175, 0);}

.outer.yellow .transparent-50,
.yellow-50 {background-color:rgba(200,175,0,0.5);}
.outer.yellow .transparent-16,
.yellow-16,
.outer.yellow .post-list-slider .slides li:hover {background-color:rgba(200,175,0,0.16);}

.outer.yellow .hero .buttons li.video a:before {background-image:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/icon-play-yellow.png);}
*/


/* Newsletter box
------------------------------------------------------------------- */
.newsletter-outer {
  padding:25px 0;
  text-align:center;
  }
  .newsletter-outer h3 {
    margin-bottom:20px;
    font-size:36px; color:#fff; font-weight:400;
  }
  .newsletter-outer h4 {
    margin-bottom:20px;
    font-size:21px; line-height:28px; color:#fff; font-weight:300;
  }
  .newsletter-outer input[type=text] {
    width:440px; height:56px;
    font-size:18px; color:#fff; font-weight:300; text-align:center;
    background-color:rgb(38,49,67); background-color:rgba(38,49,67,0.4);
    border:0; border-radius:28px;
    }
  .newsletter-outer ::-webkit-input-placeholder {color:#fff; opacity:0.5; font-style:italic;}
  .newsletter-outer :-moz-placeholder {color:#fff; opacity:0.5; font-style:italic;}
  .newsletter-outer ::-moz-placeholder {color:#fff; opacity:0.5; font-style:italic;}
  .newsletter-outer :-ms-input-placeholder {color:#fff; opacity:0.5; font-style:italic;}


.newsletter-info {padding:30px 0;}
footer .newsletter-info {padding:0;}
  .newsletter-info h5 {
    margin-bottom:20px;
    font-size:16px; color:#fff; text-align:center; font-weight:400;
    }
  footer .newsletter-info h5 {font-weight:300; font-size:12px;}
  .newsletter-info p {
    margin-bottom:20px;
    font-size:14px; color:#3c6986;
    }
    .newsletter-info p input {margin-right:10px;}
  .newsletter-info .button.dark {width:360px;}
  .newsletter-info ul {
    width:324px;
    margin:0 auto 20px; padding:20px;
    list-style:none;
    background:rgba(255,255,255,0.3);
    }
  footer .widget .newsletter-info ul {background:rgba(255,255,255,0.1); margin-bottom:20px;}
    .newsletter-info ul li {
      overflow:hidden;
      padding:5px 0;
      font-size:16px; text-align:left; color:#23313e;
      }
    footer .widget .newsletter-info ul li {line-height:12px; margin-bottom:5px;}
    footer .widget .newsletter-info ul li:last-child {margin-bottom:0;}
    footer .widget .newsletter-info > p {padding-left:20px;}
      .newsletter-info ul li input,
      footer .newsletter-info > p input {float:left; margin-right:10px; box-shadow: none;}
      footer .newsletter-info ul li label {font-size:12px; color:#fff; font-family:'Roboto Slab', Georgia, Times, serif; font-weight:300;}
      footer .widget .newsletter-info > p label {font-size:12px; overflow:hidden;}

/*
= HEADER
-------------------------------------------------------------------------------------- */
header {
  position:fixed; top:0; left:0; z-index:1200;
  width:100%; height:106px;
  background:#fff;
  box-shadow:0 0 2px rgba(0,0,0,0.4);
  }
  header .sidenav-trigger {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 101px; 
    height: 106px; 
    text-indent: -9999px; 
    background: url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/icon-sidenav.png) 50% -70px no-repeat; 
    border-right: #898c95 solid 1px; 
    background-color: #9198a2; 
    }
    header .sidenav-trigger:hover,
    header .sidenav-trigger.active {background-position: 50% -70px; background-color: #AEB5BF; border-right-color: #A7A9B0;}
  header .logo {
    float:left;
    width:213px; height:44px;
    margin-top:33px;
    text-indent:-9999px;
    background:url(https://www.sourcefabric.org/public/img/logo-sourcefabric.svg) 0 50% no-repeat;
    }
    header .logo.product-logo {height:106px; margin:0;}
    header .logo.product-newscoop {background-image:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/logo-newscoop.png);}
    header .logo.product-airtime {background-image:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/logo-airtime.png);}
    header .logo.product-booktype {background-image:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/logo-booktype.png);}
    header .logo.product-liveblog {background-image:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/logo-liveblog.png);}
    header .logo.product-superdesk {background-image:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/logo-superdesk.png);}
    header .logo.product-citizendesk {background-image:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/logo-citizendesk.png); width:195px;}
    
  header nav {float:right; padding:25px 0 0 0;}
    header nav > ul {position:relative;}
    header nav > ul > li {
      float:left; position:relative;
      font-size:16px; line-height:52px;
      }
      header nav > ul > li:first-child h5 {display:none;}
      header nav ul > li > a {
        display:block;
        padding:0 20px;
        color:#505050; text-decoration:none;
        position: relative;
        border: transparent solid 2px;
        }
        header nav ul > li > a:hover {
          color:#222;
        }
        header nav ul > li > a[target=_blank]:after {
          content: "";
          display:block;
          background: url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/external_link.png) no-repeat 0 0;
          width:9px;
          height:9px;
          position: absolute;
          top: 10px;
          right: 8px;
        } 
      header nav > ul > li.has-sub > a {
        padding:0 37px 0 20px; position:relative; z-index:200;
        background:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/icon-nav-arrow.png) 100% 50% no-repeat;
        border:transparent solid 2px;
        }
        header nav > ul > li.has-sub:hover > a {
          background-color:#fff;
          border-color:#999; border-bottom:0;
        }
      header nav > ul > li.has-sub > .sub {
        position:absolute; top:52px; left:0; z-index:100; display:none;
        width:250px; 
        padding:30px 0;
        background:#fff;
        border:#999 solid 2px;
      }
      header nav > ul > li.has-sub:hover > .sub {display:block;}
      
      header nav > ul > li.has-sub > .sub.mega {width:342px; left:auto; padding:0;}
        header nav > ul > li.has-sub > .sub.mega > ul {
           position: relative; min-height: 340px; margin: 0; padding: 20px 0; list-style: none;
          }
          header nav > ul > li.has-sub > .sub.mega > ul > li {
            font-size:15px; font-weight:300; line-height:20px;
            max-width: 160px;
}
            header nav > ul > li.has-sub > .sub.mega > ul > li > a {padding:10px 22px;}
              header nav > ul > li.has-sub > .sub.mega > ul > li:hover > a {background:#f5f5f5;}
            header nav > ul > li.has-sub > .sub.mega > ul > li > ul {
              position:absolute; top:0; right:0; display:none;
              width:180px; height:100%;
              padding:20px 0;
              background:#f5f5f5;
            }
            header nav > ul > li.has-sub > .sub.mega > ul > li:hover > ul {display:block;} 
            header nav > ul > li.has-sub > .sub.mega > ul > li > ul > li,
            header nav > ul > li.has-sub > ul.sub > li {
              margin-bottom:5px;
              font-weight:300; line-height:normal; font-size:14px;
              }
              header nav > ul > li.has-sub > .sub.mega > ul > li > ul > li > a {padding:5px 22px;}
              header nav > ul > li.has-sub > ul.sub > li > a {padding:5px 22px;}
                header nav > ul > li.has-sub > .sub.mega > ul > li > ul > li > a:hover,
                header nav > ul > li.has-sub > ul.sub > li > a:hover {color:#0089cf;}
      
      /*
      header nav > ul > li.has-sub > .sub.mega {width:780px; right:0; left:auto;}
        header nav > ul > li.has-sub > .sub.mega > ul {
          overflow:hidden;
          margin:0;
          list-style:none;
          }
          header nav > ul > li.has-sub > .sub.mega > ul > li {
            float:left;
            width:20%;
            margin-bottom:10px;
            }
            header nav > ul > li.has-sub > .sub.mega > ul > li > ul > li,
            header nav > ul > li.has-sub > ul.sub > li {
              font-weight:300; line-height:normal; font-size:14px;
              }
              header nav > ul > li.has-sub > .sub.mega > ul > li > ul > li > a,
              header nav > ul > li.has-sub > ul.sub > li > a {padding:5px 22px;}
                header nav > ul > li.has-sub > .sub.mega > ul > li > ul > li > a:hover,
                header nav > ul > li.has-sub > ul.sub > li > a:hover {
                  background-color:#f2f2f2;
                  color:#0089cf; text-decoration:underline;
                }*/
          
      
  header .search-wrapper {
    position:absolute; top:0; right:0;
    }
    header .search-trigger {
      display:block; position:relative; z-index:9999;
      width:101px; height:106px;
      text-indent:-9999px;
      background:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/icon-search.png) 50% 40px no-repeat;
      border-left:#e9e9e9 solid 1px;
      }
      header .search-trigger:hover,
      header .search-trigger.active {background-position:50% -100px; background-color:#9198a2; border-left-color:#898c95;}
    
    header .search-wrapper .search-form {
      position:fixed; left:0px; top:0px; z-index:9998; opacity:0; display:none;
      width:100%; height:106px;
      /*padding-right:204px;*/
      background:#ffffff;
      border-bottom:#999999 solid 1px;
      }
      header .search-wrapper .search-form input {
        position:relative;
        width:100%; height:100%;
        padding:0px;
        text-align:center; font-size:20px; 
        background:none;
        border:none;
        }
      header .search-wrapper .search-form button {
        position:absolute; right:102px; top:0px;
        width:102px; height:100%;
        padding:0px;
        text-indent:-9999px;
        background:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/icon-search-button.png) 50% 50% no-repeat;
        border:none;
        }


  .side-navigation {
    position:fixed; left:-375px; top:0px;  z-index:100030;
    width:375px; height:100%;
    padding-top:124px;
    background:#1d2533;
    }
    .side-navigation .logo {
      position:absolute; left:30px; top:27px;
      width:173px; height:44px;
      text-indent:-9999px;
      background:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/footer-logo.png) 0 0 no-repeat;
      }
    .side-navigation .close {
      position:absolute; top:0; right:0;
      width:107px; height:107px;
      text-indent:-9999px;
      background:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/icon-close-nav.png) 50% 50% no-repeat;
      }
    .side-navigation ul {
      overflow:auto;
      margin:0;
      list-style:none;
      }
      .side-navigation ul li {
        margin-bottom:30px;
        font-size:16px; font-weight:400; line-height:19px;
        }

    .side-navigation span.noLink { 
    padding: 5px 40px; color: #fff; 
    }

        .side-navigation ul li a {
          display:block;
          padding:5px 40px;
          color:#fff; text-decoration:none;
          }
          .side-navigation ul li a:hover {background-color:#0e1219; color:#3fa6db;}
          /* colored underline */
          .side-navigation ul li ul li a span  {border-bottom: 2px #fff solid;}
          .side-navigation ul li ul li a:hover span  {border-bottom:none;}

          .side-navigation ul li ul li.orange a span {border-bottom-color: #ff9123;}
            .side-navigation ul li ul li.orange a:hover {color: #ff9123;}
          .side-navigation ul li ul li.green a span {border-bottom-color: #1eb06c;}
            .side-navigation ul li ul li.green a:hover {color: #1eb06c;}
          .side-navigation ul li ul li.pink a span {border-bottom-color: #aa3291;}
            .side-navigation ul li ul li.pink a:hover {color: #aa3291;}
          .side-navigation ul li ul li.blue a span {border-bottom-color: #0089cf;}
            .side-navigation ul li ul li.blue a:hover  {color: #0089cf;}

        .side-navigation ul li ul li {
          margin-bottom:0;
          font-size:15px; font-weight:300;
          }
          .side-navigation ul li ul li a {padding-left:55px;}

  
/*
= SEARCH
-------------------------------------------------------------------------------------- */
.search-results-outer {
 top:0; left:0; z-index:1010;
  width:100%; min-height:100%;
  background:#fff;
  }
  .search-results-outer .wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    }
    .search-results-outer aside {
      float:left;
      width:160px;
      }
      .search-filter {margin:0 0 10px; padding-top:10px; list-style:none; border-top:#e7e7e7 solid 1px;}
        .search-filter li {padding:5px 0;}
          .search-filter li input[type=checkbox],
          .search-filter li input[type=radio] {margin-right:10px;}
          .search-filter li label {font-size:13px; color:#000;}
      .search-results-outer aside h4 {
        margin-bottom:15px;
        font-size:14px; font-weight:300;
        }
      .search-results-outer aside input[type=submit] {
        width:100%; height:30px;
        margin-top:15px;
        font-size:12px; color:#fff;
        background:#263143;
        border:0; border-radius:15px;
        }
        .search-results-outer aside input[type=submit]:hover {background:#000;}
      
    .search-results-outer .main-content {
      float:right;
      width:930px;
      }
      .search-results-list {margin:0 0 30px; list-style:none;}
        .search-results-list li {
          overflow:hidden;
          margin-bottom:50px;
          }
          .search-results-list li .meta {
            float:left;
            min-height:80px; width:140px;
            margin-right:20px; padding-right:20px;
            font-size:12px; color:#6a6a6a; line-height:21px; text-align:right;
            border-right:#d0d1d5 solid 1px;
            }
            .search-results-list li h3 {
             margin-left: 190px;
            }
            .search-results-list li .meta a,
            .search-results-list li h3 a {color:#008ac2; text-decoration:none;}
              .search-results-list li .meta a:hover,
              .search-results-list li h3 a:hover {color:#000;}
          .search-results-list li h3 {
            margin-bottom:10px;
            font-size:22px; line-height:24px; font-weight:400;
            }
          .search-results-list li p {
            font-size:12px; line-height:23px; color:#000;  margin-left: 190px;
            }

            .searchresult {
            
            margin-bottom: 10px;
            font-size: 24px;
            color: #fff;
            line-height: normal;
            font-weight: 300;
            background-color: transparent;
            border: none;
            text-align: center;
            }
  

  
/*
= HERO
-------------------------------------------------------------------------------------- */
.hero-home {padding:0; position:relative;}
.hero-home.hero-software {padding:55px 0 70px;}
  .hero-home h1 {
    position:absolute; left:50%; top:57px; z-index:102;
    width:700px; min-height:390px;
    padding:40px 0; margin-left:-600px;
    text-align:center; font-size:78px; line-height:93px; color:#fff; font-weight:400;
    background:#263143;
    background:rgba(38,49,67,0.9);
    }
  .hero-home.hero-software h1 {position:relative; left:auto; top:auto; margin:0 auto;}
  .hero-home.hero-software.landing h1 {padding-top:85px;}
    .hero-home h1:after {
      content:"";
      position:absolute; left:0; bottom:-30px;
      width:31px; height:30px;
      background:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/slider-heading-corner.png) no-repeat;
    }
    .hero-home h1 span {
      display:inline-block; zoom:1; *display:inline;
      border-bottom:#ccc solid 4px;
    }

.hero {
  padding:20px 0;
  text-align:center;
  background-position:50% 50%; background-repeat:no-repeat; background-size:cover;
  }
.hero.product-landing {
  padding:100px 0;
  }
  .hero h1 {
    margin-bottom:10px;
    font-size:40px; color:#fff; line-height:52px; text-transform:uppercase; text-decoration:underline;
  }
  .hero.product-landing h1 {margin-bottom:20px;}
  .hero p {
    margin-bottom:10px;
    font-size:24px; color:#fff; line-height:normal; font-weight:300;
  }
    .hero p a{color:#fff;}
  .hero.product-landing p {margin-bottom:30px;}
  .hero .buttons {margin:0; list-style:none;}
    .hero .buttons li {
      display:inline-block; zoom:1; *display:inline;
      margin:0 10px;
      }
      .hero .buttons li a,
      .video-button {
        display:block;
        height:50px; min-width:210px; max-width:340px; padding:0px 30px;
        font-size:21px; text-decoration:none; line-height:44px; font-weight:700;
        background-color:#fff;
        border-radius:28px; border:#fff solid 3px;
      }
      .hero .buttons li a:hover {color:#fff !important;}
      .hero .buttons li.video a,
      .video-button {
        position:relative;
        padding-left:50px;
        font-size:18px; color:#fff; font-weight:normal;
        background-color:transparent;
        border:rgba(255,255,255,0.5) solid 3px;
        }
      .hero .buttons li.video a {color:#fff !important;}
      .video-button {
        display:inline-block; zoom:1; *display:inline;
        width:auto;
        padding:0 26px 0 60px;
        line-height:50px;
        }
        .hero .buttons li.video a:hover {border-color:#fff;}
        .hero .buttons li.video a:before,
        .video-button:before {
          content:"";
          position:absolute; top:50%; left:5px;
          width:36px; height:36px;
          margin-top:-18px;
          background-color:#fff; background-position:13px 50%; background-repeat:no-repeat;
          border-radius:50%;
        }
        .video-button:before {background-image:url(https://www.sourcefabric.org/themes/publication_2/theme_1/assets/img/icon-play-white.png);}
        .video-button:hover {text-decoration:none !important; color:#fff !important;}
      
.blue .video-button {
  border-color: rgb(0, 137, 207);
}
.blue .video-button:hover {
  border-color: rgb(0, 137, 207);
}
.hero.case-study {padding-top:480px; position:relative;}
.hero.case-study hgroup {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 20px;
}