@font-face {
  font-family: 'Poppins';
  src: url("//theme.zdassets.com/theme_assets/1386769/6fe728eee451d490ea6816a894a9c5c004193891.woff2") format("woff2"), url("//theme.zdassets.com/theme_assets/1386769/51c24011bff35d4a06eb3294a3b95e5cae894497.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url("//theme.zdassets.com/theme_assets/1386769/740a2f4a79b8f7c33bfcd960b564849ecc1eb604.woff2") format("woff2"), url("//theme.zdassets.com/theme_assets/1386769/61b26ed6425cd757dfd5e56f00daa9a95e9fe484.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url("//theme.zdassets.com/theme_assets/1386769/718047403150993d82c676c585c47c0668299fcb.woff2") format("woff2"), url("//theme.zdassets.com/theme_assets/1386769/e96f9d51d6d88bca5cada1b8aaea19801d1e86c7.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url("//theme.zdassets.com/theme_assets/1386769/4ce4cce0344e54da9f296778295cc4cf1f27570e.woff2") format("woff2"), url("//theme.zdassets.com/theme_assets/1386769/eebb72cdee6c827df64dc72b420ee6f463c8955b.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia-Pro';
  src: url("//theme.zdassets.com/theme_assets/1386769/068758e653f69422a4c5742ea97b39faf4c0a231.woff2") format("woff2"), url("//theme.zdassets.com/theme_assets/1386769/777c98eaf3129688383fd8fb5d051de8732ab5b9.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia-Pro';
  src: url("//theme.zdassets.com/theme_assets/1386769/6a5ef30745384795f5f1669eb5966baf24ccb5c5.woff2") format("woff2"), url("//theme.zdassets.com/theme_assets/1386769/72516ac42b63e61d45cbed0ed53e2815a3419c52.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Sofia-Pro';
  src: url("//theme.zdassets.com/theme_assets/1386769/25fa388bb33154dcfcbb1197eec8d4fda135f604.woff2") format("woff2"), url("//theme.zdassets.com/theme_assets/1386769/1d988570112e1d321804406c0cea36bd6a2aa01e.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia-Pro';
  src: url("//theme.zdassets.com/theme_assets/1386769/a9dbe672846e9825219b54bc9b3492bd09b0bfd1.woff2") format("woff2"), url("//theme.zdassets.com/theme_assets/1386769/e54feed3fe96a0866c26582f3e2d5d3c5cf5f348.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Sofia-Pro';
  src: url("//theme.zdassets.com/theme_assets/1386769/ba373c383355b5b02ac24fa0e8a72c0661ea0456.woff2") format("woff2"), url("//theme.zdassets.com/theme_assets/1386769/8b9728e5d81826d618882fc6dd8ba6ec3a323301.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia-Pro';
  src: url("//theme.zdassets.com/theme_assets/1386769/8f41701e9e308850b7402e2083220ae7fcaf1f18.woff2") format("woff2"), url("//theme.zdassets.com/theme_assets/1386769/1085c56f4bc56257aad20be5d00e7bb86241e6a3.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Sofia-Pro';
  src: url("//theme.zdassets.com/theme_assets/1386769/887a473623ca803becf755759ef20642646c11a3.woff2") format("woff2"), url("//theme.zdassets.com/theme_assets/1386769/9e309d4dc9a5dc716a8a6e2d2cd230d9543f4ab5.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia-Pro';
  src: url("//theme.zdassets.com/theme_assets/1386769/65eb18edd1e5910a4a83d8682dd8229b8ce23552.woff2") format("woff2"), url("//theme.zdassets.com/theme_assets/1386769/4b0092470456e424dbce22e0ae2a5ae90289433a.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Sofia-Pro';
  src: url("//theme.zdassets.com/theme_assets/1386769/bd3bbce97f11e866e60fed7e2f2faa041b7e8b71.woff2") format("woff2"), url("//theme.zdassets.com/theme_assets/1386769/7d034f91f830666444e04328f7782c5bfcbaaf5d.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia-Pro';
  src: url("//theme.zdassets.com/theme_assets/1386769/e5bbbb20aa781658c19bf2ab3d0d8a58bdb9f1ed.woff2") format("woff2"), url("//theme.zdassets.com/theme_assets/1386769/8e66d4f2eddff5abc7c932cb989203c23b6f38ed.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}

/*
    Poppins
    300, 400, 500, 700
 */
/*
    Sofia Pro
    200  300  400  500  700
    200i 300i 400i 500i 700i
 */
/*
    Font Awesome 4.7.0
    http://fontawesome.io
    License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

#preview-bar-container {
  display: none;
}

/***** Base *****/
html {
  height: 100%;
  box-sizing: border-box;
  color: #3e3e3e;
  font-size: 1em;
  line-height: 1.6;
}

body {
  height: 100%;
  font: 16px/1.6 "Poppins", sans-serif;
  letter-spacing: 0.01em;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:before, *:after {
  box-sizing: inherit;
}

::-moz-selection {
  color: #eee;
  background: #691dd4;
}

::selection {
  color: #eee;
  background: #691dd4;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  font-family: "Sofia-Pro", sans-serif;
  font-weight: 300;
  line-height: 1.2;
}

h1 {
  margin-bottom: 30px;
  font-size: 2.5rem;
}

h2 {
  margin-bottom: 30px;
  font-size: 2.375rem;
}

h3 {
  margin-bottom: 30px;
  font-size: 1.5rem;
}

h4 {
  margin: 25px 0 10px;
  font-size: 1.375rem;
  color: #691dd4;
}

h5 {
  margin: 25px 0 10px;
  font-size: 1.125rem;
}

h6 {
  margin: 25px 0 10px;
  margin-top: 25px;
  font-size: 1rem;
}

p {
  margin: 0 0 15px;
}

p:last-of-type {
  margin-bottom: 0;
}

p.bigger {
  font-size: 1.25rem;
}

p + form {
  margin-top: 1.875em;
}

a {
  color: #691dd4;
  text-decoration-skip: edges;
  transition: all .3s ease-in-out;
}

a.quick-nav, a.social-icon-square {
  display: inline-block;
  padding: 2px;
  font-size: 1rem;
  border: none;
  text-align: center;
}

a.social-icon-square {
  width: 30px;
  height: 30px;
  margin-left: 4px;
  color: #fff;
}

a.social-icon-square.twitter {
  background-color: #4099FF;
}

a.social-icon-square.linkedin {
  background-color: #006088;
}

a.social-icon-square.facebook {
  background-color: #3B5998;
}

a.quick-nav {
  margin-right: 4px;
}

a:hover,
a:active {
  color: #691dd4;
}

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

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

ul.bullets {
  list-style: disc;
  margin-left: 18px;
}

th {
  text-align: left;
}

.additional-text {
  display: inline-block;
  margin-right: 10px;
  margin-top: 30px;
  vertical-align: middle;
}

.spinner {
  height: 60px;
  width: 60px;
  margin: 100px auto;
  position: relative;
  animation: rotation .6s infinite linear;
  border-left: 6px solid rgba(0, 174, 239, 0.15);
  border-right: 6px solid rgba(0, 174, 239, 0.15);
  border-bottom: 6px solid rgba(0, 174, 239, 0.15);
  border-top: 6px solid rgba(0, 174, 239, 0.8);
  border-radius: 100%;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@media only screen and (min-width: 768px) {
  h1 {
    margin-bottom: 3.75rem;
    font-size: 3.75rem;
  }
}

/* layout */
.site-wrapper {
  position: relative;
}

.sidebar__wrapper {
  padding: 2.8125em 1.875em;
}

.container {
  max-width: 61.875rem;
  padding: 1.25rem 1.875rem;
  margin: 0 auto;
}

.container.border-top {
  border-top: 1px solid #e5e5e5;
}

.container + .container {
  padding-top: 0;
}

.container-footer {
  max-width: 86.875rem;
  margin: 0 auto;
  padding: 3.75rem 1.25rem;
}

.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
}

.row::before, .row::after {
  display: table;
  content: ' ';
}

.row::after {
  clear: both;
}

.row.expanded {
  max-width: none;
}

.row.column, .row.columns {
  float: none;
}

.row:not(.expanded) .row {
  max-width: none;
}

.row .row {
  margin-right: -10px;
  margin-left: -10px;
}

.columns,
.column {
  float: left;
  width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.column-block {
  margin-bottom: 20px;
}

.column-block > :last-child {
  margin-bottom: 0;
}

.column-2,
.column-4,
.column-5,
.colunm-6,
.column-7,
.column-10 {
  margin-bottom: 10px;
}

.offset-1 {
  margin-left: calc(100% / 12);
}

.center {
  text-align: center;
}

.white-bg {
  background-color: #fff;
}

@media only screen and (min-width: 680px) {
  .row .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .columns,
  .column {
    padding-right: 0.9375em;
    padding-left: 0.9375em;
  }
  .column-block {
    margin-bottom: 30px;
  }
  .column-2 {
    width: calc(100% / 6);
    margin-bottom: 0;
  }
  .small-3,
  .column-3 {
    width: 25%;
    margin-bottom: 0;
  }
  .column-4 {
    width: calc(100% / 3);
    margin-bottom: 0;
  }
  .column-5 {
    width: 41.666667%;
    margin-bottom: 0;
  }
  .column-6 {
    width: 50%;
    margin-bottom: 0;
  }
  .column-7 {
    width: 58.333333%;
    margin-bottom: 0;
  }
  .column-9 {
    width: 75%;
    margin-bottom: 0;
  }
  .column-10 {
    width: calc(100% / 1.2);
    margin-bottom: 0;
  }
  .right {
    text-align: right;
  }
}

@media only screen and (min-width: 1024px) {
  main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    margin-left: 140px;
  }
  .main-container {
    width: calc(100% - 400px);
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    transition: width 500ms ease-in-out 0ms;
  }
  .sidebar-closed .main-container, .main-container.no-sidebar {
    width: 100%;
  }
  .sidebar {
    width: 400px;
    -webkit-box-flex: 25rem;
    -webkit-flex: 25rem 0 0;
    -moz-box-flex: 25rem;
    -moz-flex: 25rem 0 0;
    -ms-flex: 25rem 0 0;
    flex: 25rem 0 0;
    /* 400/16 */
    z-index: 1;
  }
  .container-footer {
    padding: 3.75rem 30px;
  }
}

/*
    -----------------------------------------
    Subnav
    -----------------------------------------
*/
#subnav,
#subnav--home,
.categories {
  background: #691dd4;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  #subnav,
  #subnav--home,
  .categories {
    text-align: center;
  }
}

#subnav .padh ul,
#subnav--home .padh ul,
.categories .padh ul {
  list-style: none;
  text-align: center;
}

#subnav .padh ul li,
#subnav--home .padh ul li,
.categories .padh ul li {
  display: inline-block;
  margin-left: 45px;
}

@media screen and (max-width: 1360px) {
  #subnav .padh ul li,
  #subnav--home .padh ul li,
  .categories .padh ul li {
    margin-left: 25px;
  }
}

#subnav .padh ul li:first-child,
#subnav--home .padh ul li:first-child,
.categories .padh ul li:first-child {
  margin-left: 0;
}

#subnav .padh ul li a,
#subnav .padh ul li a:link,
#subnav .padh ul li a:visited,
#subnav .padh ul li span,
#subnav--home .padh ul li a,
#subnav--home .padh ul li a:link,
#subnav--home .padh ul li a:visited,
#subnav--home .padh ul li span,
.categories .padh ul li a,
.categories .padh ul li a:link,
.categories .padh ul li a:visited,
.categories .padh ul li span {
  position: relative;
  display: block;
  margin-bottom: -1px;
  padding: 32px 0 33px;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

#subnav .padh ul li a.active,
#subnav .padh ul li a:link.active,
#subnav .padh ul li a:visited.active,
#subnav .padh ul li span.active,
#subnav--home .padh ul li a.active,
#subnav--home .padh ul li a:link.active,
#subnav--home .padh ul li a:visited.active,
#subnav--home .padh ul li span.active,
.categories .padh ul li a.active,
.categories .padh ul li a:link.active,
.categories .padh ul li a:visited.active,
.categories .padh ul li span.active {
  color: #fff;
}

#subnav .padh ul li a.active::after,
#subnav .padh ul li a:link.active::after,
#subnav .padh ul li a:visited.active::after,
#subnav .padh ul li span.active::after,
#subnav--home .padh ul li a.active::after,
#subnav--home .padh ul li a:link.active::after,
#subnav--home .padh ul li a:visited.active::after,
#subnav--home .padh ul li span.active::after,
.categories .padh ul li a.active::after,
.categories .padh ul li a:link.active::after,
.categories .padh ul li a:visited.active::after,
.categories .padh ul li span.active::after {
  position: absolute;
  left: 0;
  bottom: 28px;
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #00e6cf;
}

#subnav .padh ul li a:hover,
#subnav .padh ul li a:active,
#subnav .padh ul li span:hover,
#subnav--home .padh ul li a:hover,
#subnav--home .padh ul li a:active,
#subnav--home .padh ul li span:hover,
.categories .padh ul li a:hover,
.categories .padh ul li a:active,
.categories .padh ul li span:hover {
  text-decoration: none;
  color: #fff;
}

#subnav .padh ul li a:hover::after,
#subnav .padh ul li a:active::after,
#subnav .padh ul li span:hover::after,
#subnav--home .padh ul li a:hover::after,
#subnav--home .padh ul li a:active::after,
#subnav--home .padh ul li span:hover::after,
.categories .padh ul li a:hover::after,
.categories .padh ul li a:active::after,
.categories .padh ul li span:hover::after {
  position: absolute;
  left: 0;
  bottom: 28px;
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #00e6cf;
}

#subnav .padh ul li a:hover.active,
#subnav .padh ul li a:active.active,
#subnav .padh ul li span:hover.active,
#subnav--home .padh ul li a:hover.active,
#subnav--home .padh ul li a:active.active,
#subnav--home .padh ul li span:hover.active,
.categories .padh ul li a:hover.active,
.categories .padh ul li a:active.active,
.categories .padh ul li span:hover.active {
  color: #fff;
}

#subnav.fixed,
#subnav--home.fixed,
.categories.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

@media screen and (max-width: 680px) {
  #subnav.fixed,
  #subnav--home.fixed,
  .categories.fixed {
    position: static;
    margin-top: 0;
  }
}

.blog-navigation {
  bottom: -100%;
  width: 100%;
  transition: bottom 0.5s ease-out;
  background: #fff;
}

.blog-navigation.showit {
  position: fixed;
  bottom: 0;
}

.blog-navigation .container {
  padding: 15px 30px;
  /* 15/16 */
  border-top: 1px solid rgba(242, 242, 242, 0.15);
}

.addthis_inline_share_toolbox {
  display: inline-block;
  vertical-align: middle;
}

/*
    -----------------------------------------
    Follow/unfollow
    -----------------------------------------
*/
.follow-form {
  margin-bottom: 30px;
  padding-top: 40px;
}

.follow-form .dropdown-toggle,
.follow-form .article-subscribe,
.follow-form .article-unsubscribe,
.follow-form .post-subscribe,
.follow-form .post-unsubscribe {
  position: relative;
  display: block;
  font-size: 1rem;
  color: #3e3e3e;
  text-decoration: none;
}

.follow-form .dropdown-toggle::before,
.follow-form .article-subscribe::before,
.follow-form .article-unsubscribe::before,
.follow-form .post-subscribe::before,
.follow-form .post-unsubscribe::before {
  position: absolute;
  top: -30px;
  left: 0;
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f2f2f2;
}

.follow-form .dropdown-toggle::after,
.follow-form .article-subscribe::after,
.follow-form .article-unsubscribe::after,
.follow-form .post-subscribe::after,
.follow-form .post-unsubscribe::after {
  position: absolute;
  top: -25px;
  left: 5px;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(108, 133, 169, 0.3);
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
}

.follow-form .article-unsubscribe::after,
.follow-form .dropdown-toggle[aria-selected=true]::after,
.follow-form .post-unsubscribe::after {
  background-color: #00e6cf;
}

@media only screen and (min-width: 680px) {
  .follow-form .dropdown-toggle::before,
  .follow-form .article-subscribe::before,
  .follow-form .article-unsubscribe::before,
  .follow-form .post-subscribe::before,
  .follow-form .post-unsubscribe::before {
    right: 0;
    left: auto;
  }
  .follow-form .dropdown-toggle::after,
  .follow-form .article-subscribe::after,
  .follow-form .article-unsubscribe::after,
  .follow-form .post-subscribe::after,
  .follow-form .post-unsubscribe::after {
    right: 5px;
    left: auto;
  }
}

/* paragraphs */
.paragraphs-content {
  padding: 20px 0;
}

.paragraphs-content figure,
.find-partner figure {
  margin: 0 0 20px;
}

.paragraphs-content .chosen-drop .chosen-results,
.find-partner .chosen-drop .chosen-results {
  list-style: none;
  margin: 0;
  padding: 0;
}

.paragraphs-content .chosen-drop .chosen-results li,
.find-partner .chosen-drop .chosen-results li {
  margin-bottom: 5px;
  padding-left: 22px;
  background: url(//theme.zdassets.com/theme_assets/1386769/769303201153328e45dd22d269d9df3a91ed65c8.png) no-repeat 6px 8px;
  background-size: 14px 10px;
}

.paragraphs-content .chosen-container .chosen-results li.highlighted,
.find-partner .chosen-container .chosen-results li.highlighted {
  color: #fff;
  background-color: #691dd4;
  background-image: none;
}

.paragraphs-content h2, .paragraphs-content h3,
.find-partner h2,
.find-partner h3 {
  margin-top: 1.875rem;
}

.paragraphs-content h2:first-child, .paragraphs-content h3:first-child,
.find-partner h2:first-child,
.find-partner h3:first-child {
  margin-top: 0;
}

.paragraphs-content h5,
.find-partner h5 {
  margin-top: 0.625rem;
}

.paragraphs-items ul {
  list-style: none;
  margin: 25px 0 25px 10px;
  padding: 0;
}

.paragraphs-items ul li {
  margin-bottom: 5px;
  padding-left: 22px;
  color: #777;
  background: url(//theme.zdassets.com/theme_assets/1386769/769303201153328e45dd22d269d9df3a91ed65c8.png) no-repeat left 8px;
  background-size: 14px 10px;
}

@media only screen and (min-width: 768px) {
  .sidebar-closed .paragraphs-items .img--left {
    float: left;
    width: 50%;
    margin-right: 20px;
  }
  .sidebar-closed .paragraphs-items .img--right {
    float: right;
    width: 50%;
    margin-left: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .paragraphs-items .img--left {
    float: left;
    width: 50%;
    margin-right: 20px;
  }
  .paragraphs-items .img--right {
    float: right;
    width: 50%;
    margin-left: 20px;
  }
}

/* showcase slider */
.lSSlideOuter {
  width: 300px;
  margin-bottom: 20px;
}

/* other content */
.v-center {
  vertical-align: middle;
}

.v-center .columns {
  float: none !important;
  display: inline-block;
  vertical-align: middle;
}

.v-center .columns:not(:first-of-type) {
  margin-left: -5px;
}

.platform-status {
  border: 1px #d6d6d6 solid;
  border-radius: 4px;
  font-family: "Poppins", sans-serif;
}

.platform-status.succes {
  border-color: #bfdfbc;
  background-color: #ddeedc;
}

.platform-status tr td {
  padding: 8px 20px;
}

.platform-status tr td:last-of-type {
  text-align: right;
}

.platform-status tr:not(:last-of-type) td {
  border-bottom: 1px #d6d6d6 solid;
}

.blogpost,
.category,
.community,
.error-page {
  border-top: 1px solid #e5e5e5;
}

.tags-table span {
  margin-right: 10px;
}

.tags-table .fas {
  margin-right: 10px;
  color: #ff125f;
}

.tags-table .separator {
  color: #3e3e3e;
  margin: 0 10px;
}

.tags-table .status,
.tags-table .status-label {
  margin-left: 16px;
  padding: 0 6px;
  border-radius: 5px;
  color: #fff;
  font-size: 0.875rem;
}

.tags-table .status.completed, .tags-table .status.solved, .tags-table .status-label-completed, .tags-table .status-label-answered {
  color: #3e3e3e;
  background-color: #00e6cf;
}

.tags-table .status.planned, .tags-table .status.answered, .tags-table .status-label-planned {
  background-color: #691dd4;
}

.tags-table .status.inactive, .tags-table .status.open, .tags-table .status-post-pending, .tags-table .status-label-not-planned {
  background-color: #3e3e3e;
}

.tags-table .status-label-pinned, .tags-table .status-label-featured, .tags-table .status-label-official {
  background-color: #ff125f;
}

.list-view-item {
  margin-bottom: 30px;
}

.list-view-item.underlined {
  border-bottom: 1px solid #f2f2f2;
}

.list-view-item:last-of-type {
  margin-bottom: 0;
  border-bottom: 0;
}

.list-view-item h5 {
  margin-top: 0;
}

.section .list-group {
  margin-bottom: 10px;
}

.list-group .fa-check {
  margin-right: 10px;
  color: #ff125f;
  font-size: 80%;
}

.list-group-more i {
  margin-right: 7px;
  color: #0072ef;
}

.link-block-wrapper {
  text-decoration: none;
}

.link-block {
  margin-top: 8px;
}

.link-block .prefix,
.link-block .content {
  display: inline-block;
  vertical-align: text-top;
}

.link-block .prefix {
  margin-right: 8px;
}

.link-block .content {
  color: #3e3e3e;
}

.logo-apple,
.logo-windows {
  display: block;
  width: 70px;
  height: 80px;
  margin: 0 auto 30px 0;
  background-repeat: no-repeat;
  background-position: center;
}

.logo-apple {
  background-image: url(//theme.zdassets.com/theme_assets/1386769/4d2c4933519a2f903ee4615afb82750a734a0640.png);
  background-size: 65px 80px;
}

.logo-windows {
  background-image: url(//theme.zdassets.com/theme_assets/1386769/735c42757f3028511956b60acb65ad8896030573.png);
  background-size: 69px 77px;
}

.blog-items a,
.blog-item {
  text-decoration: none;
}

.partner-content .container {
  padding-bottom: 0;
}

.partner-content .container .column:last-child {
  margin-bottom: 0;
}

.badge-partners {
  margin-bottom: 20px;
}

.badge-partner {
  margin: 0 0 30px;
}

.partner-logo {
  margin-bottom: 20px;
}

.partner-data {
  margin-top: 20px;
  padding: 20px;
  background: rgba(0, 0, 0, 0.03);
}

.promoted-articles-item {
  position: relative;
  margin-top: 8px;
  margin-bottom: 10px;
  padding-left: 24px;
  font-size: 1.125rem;
  color: #3e3e3e;
  text-decoration: none;
}

.promoted-articles-item:link, .promoted-articles-item:visited {
  color: #3e3e3e;
}

.promoted-articles-item::before {
  position: absolute;
  left: 0;
  top: 8px;
  content: "\f138";
  font: 900 16px/1 "Font Awesome 5 Free";
  color: #ff125f;
}

a.promoted-articles-item {
  display: inline-block;
}

@media only screen and (min-width: 680px) {
  .blog-items,
  .showcase-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .blog-items .column-block,
  .showcase-items .column-block {
    width: 49.9%;
  }
  .badge-partner {
    margin: 0 0 30px auto;
  }
}

@media only screen and (min-width: 1024px) {
  .partner-data span {
    display: inline-block;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 1112px) {
  .blog-items .column-block {
    width: 33.2%;
  }
}

/* insights blogs */
.navitem .filter-section {
  padding-bottom: 0;
}

.blog-searchresults {
  max-width: 61.875rem;
}

/* insights showcase */
.showcase__data h4 {
  margin: 0;
  font-size: 1rem;
}

.showcase__data .button .fas {
  margin-right: 10px;
}

.playstore-button a.button,
.playstore-button a.button:link {
  background: #00c693;
}

.showcase__slider {
  height: 330px;
}

.showcase__slider a {
  float: left;
  overflow: hidden;
  display: block;
  height: 330px;
  padding-bottom: 30px;
  padding-right: 20px;
  border: none;
  line-height: 1;
}

.showcase__slider img {
  max-width: none;
  width: 230px;
  line-height: 1;
}

.showcase__slider .jspTrack {
  background: #e5e5e5;
}

.showcase__slider .jspHorizontalBar {
  height: 10px;
  background: #691dd4;
}

.showcase__slider .jspDrag {
  background: #691dd4;
}

.showcase__slider-inner {
  height: 330px;
}

@media only screen and (min-width: 680px) {
  .row.showcase__data {
    float: left;
    width: 33.33%;
    padding-top: 20px;
  }
  .showcase__text {
    float: right;
    width: 66.66%;
  }
}

/* profile */
.my-profile .person__icon {
  vertical-align: top;
}

/* */
#disclaimer-Q1-2018 {
  color: red;
}

.disclaimer-2019 {
  background-color: #ededed;
  color: #691dd3;
  margin-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
}

#button-Q1-2018 {
  color: #fff;
  background: #ff125f;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081b7', endColorstr='#1a95e2',GradientType=0 );
  padding: 6px 10px;
  font-weight: 600;
  border-radius: 4px;
}

/***** Buttons *****/
a.button,
a.button:link,
a.button:visited,
button,
button[type=submit],
input[type=submit] {
  display: inline-block;
  margin: 0;
  margin-top: 30px;
  padding: 0.875em 2em;
  border-radius: 5px;
  border: none;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #fff;
  background: #ff125f;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  transition: all 320ms ease-in-out;
}

a.button:active, a.button:hover,
a.button:link:active,
a.button:link:hover,
a.button:visited:active,
a.button:visited:hover,
button:active,
button:hover,
button[type=submit]:active,
button[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:hover {
  color: #fff;
  background: #e00049;
}

a.button.vote-button,
a.button:link.vote-button,
a.button:visited.vote-button,
button.vote-button,
button[type=submit].vote-button,
input[type=submit].vote-button {
  margin-top: 0;
  padding: 0.5em 1em;
  border-radius: 5px;
}

a.button.vote-button.inactive,
a.button:link.vote-button.inactive,
a.button:visited.vote-button.inactive,
button.vote-button.inactive,
button[type=submit].vote-button.inactive,
input[type=submit].vote-button.inactive {
  color: #ff125f;
  background-color: #fff;
}

a.button.article-vote,
a.button:link.article-vote,
a.button:visited.article-vote,
button.article-vote,
button[type=submit].article-vote,
input[type=submit].article-vote {
  display: inline-table;
  width: 45px;
  height: 45px;
  margin: 5px 10px 5px 0;
  padding: 0;
  border-radius: 50%;
  color: #fff;
  vertical-align: middle;
  background-color: #ff125f;
}

a.button.article-vote.active,
a.button:link.article-vote.active,
a.button:visited.article-vote.active,
button.article-vote.active,
button[type=submit].article-vote.active,
input[type=submit].article-vote.active {
  background-color: #00e6cf;
}

a.button.button-small,
a.button:link.button-small,
a.button:visited.button-small,
button.button-small,
button[type=submit].button-small,
input[type=submit].button-small {
  padding: 10px 20px 8px;
  font-size: 0.8125rem;
}

.button-pencil::before {
  content: "\f303";
  display: inline-block;
  margin-right: 10px;
  font: 900 18px/1 "Font Awesome 5 Free";
}

.article-vote-up::before {
  content: "\f164";
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font: normal normal 900 14px/1 "Font Awesome 5 Free";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.article-vote-down::before {
  content: "\f165";
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font: normal normal 900 14px/1 "Font Awesome 5 Free";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button-clear {
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.button-clear:active, .button-clear:hover {
  background: transparent;
}

button.mfp-close {
  margin-top: 0;
}

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

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

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

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

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

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

.table td {
  display: block;
}

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

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

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

.table.resellers {
  margin: 20px 0;
}

.table.resellers i {
  margin-right: 5px;
}

.table.resellers .nowrap {
  white-space: nowrap;
}

.table .reseller__data {
  padding-bottom: 0;
  border-bottom: 0;
}

.table .reseller__data th, .table .reseller__data td {
  height: auto;
  vertical-align: top;
}

.table .reseller__data td:last-child {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
}

.table .reseller__data a {
  font-size: 18px;
}

.table .reseller__data .solutionpartner .fas {
  color: #ff125f;
}

.table .reseller__data .certifiedtrainer .fas {
  color: #00e6cf;
}

.table .reseller__data .creativepartner .fas {
  color: #691dd4;
}

.table .reseller__data .distributor .fas {
  color: #6c85a9;
}

.table .reseller__certificate {
  padding-top: 0;
}

.table .reseller__certificate td {
  height: auto;
  padding-top: 0;
}

@media only screen and (min-width: 768px) {
  .table .reseller__data th, .table .reseller__data td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.02);
  }
  .table .reseller__data td:last-child {
    padding-bottom: 10px;
  }
}

/***** Forms *****/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #aaa;
  font-family: "Sofia-Pro", sans-serif;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaa;
  font-family: "Sofia-Pro", sans-serif;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #aaa;
  font-family: "Sofia-Pro", sans-serif;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #aaa;
  font-family: "Sofia-Pro", sans-serif;
}

input, textarea {
  font-family: "Sofia-Pro", sans-serif;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=search],
input[type=number],
textarea,
.select2-selection,
main .select2-container--default .select2-selection,
.nesty-input,
.hc-multiselect-toggle,
.dropdown-styled .dropdown-toggle {
  box-shadow: none;
  display: block;
  height: 3em;
  width: 100%;
  margin: 0;
  padding: 0 1.25em;
  border-radius: 5px;
  border: 1px solid rgba(108, 133, 169, 0.3);
  color: #3e3e3e;
  background: #fff;
  transition: opacity 300ms ease-in-out;
  transition-delay: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
textarea:focus,
.select2-selection:focus,
main .select2-container--default .select2-selection:focus,
.nesty-input:focus,
.hc-multiselect-toggle:focus,
.dropdown-styled .dropdown-toggle:focus {
  outline: 0;
  box-shadow: none;
  border-color: rgba(108, 133, 169, 0.3);
  transition: border-color 300ms ease-in-out;
}

input[type=text]:valid,
input[type=email]:valid,
input[type=tel]:valid,
input[type=password]:valid,
input[type=search]:valid,
input[type=number]:valid,
textarea:valid,
.select2-selection:valid,
main .select2-container--default .select2-selection:valid,
.nesty-input:valid,
.hc-multiselect-toggle:valid,
.dropdown-styled .dropdown-toggle:valid {
  border-color: rgba(108, 133, 169, 0.3);
}

input[type=search] {
  box-sizing: border-box;
}

textarea {
  height: auto;
  padding: 1.25em;
  border-radius: 5px;
}

.form-field {
  margin-bottom: 1.25em;
}

.nesty-input,
.dropdown-styled .dropdown-toggle {
  line-height: 3em;
}

.nesty-input::after,
.dropdown-styled .dropdown-toggle::after {
  top: 34%;
  color: #ff125f;
  font-weight: 700;
}

main .select2-container .select2-selection--single {
  line-height: 3em;
}

main .select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #ff125f transparent transparent transparent;
}

main .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #ff125f transparent;
}

.hc-multiselect-toggle::after {
  top: 34%;
  color: #ff125f;
  font-weight: 700;
}

.columns .dropdown {
  display: block;
}

.columns .tags-table .dropdown {
  display: inline-block;
}

.columns .dropdown-styled .dropdown-toggle::after {
  position: absolute;
  top: 50%;
  right: 16px;
  content: "";
  width: 0;
  height: 0;
  margin-left: -4px;
  margin-top: -2px;
  border-color: #ff125f transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
}

form button[type=submit] {
  margin: 0;
}

.upload-dropzone {
  overflow: hidden;
  position: relative;
  padding: 30px;
  border: 2px dashed rgba(0, 0, 0, 0.05);
  text-align: center;
}

.upload-dropzone input[type="file"] {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

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

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

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

.form-field p {
  margin: 5px 0;
  color: #6c85a9;
  font-size: 0.875rem;
}

.form footer {
  margin: 0;
  background: transparent;
}

/* chosen select */
.main-container .chosen-container {
  font-size: 1rem;
}

.main-container .chosen-container-single .chosen-single {
  height: 3em;
  border-radius: 24px;
  border: 0.0625em solid rgba(108, 133, 169, 0.5);
  color: #3e3e3e;
  line-height: 1;
  transition: none;
  box-shadow: none;
  background: #fff;
}

.main-container .chosen-container-single .chosen-single span {
  line-height: 3em;
}

.main-container .chosen-container-single .chosen-single div b {
  background-position: -20px 15px;
}

.main-container .chosen-container-active.chosen-with-drop .chosen-single {
  background: #fff;
  box-shadow: none;
}

.main-container .chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: 0 15px;
}

.main-container .select-country .chosen-container-single .chosen-single {
  border-color: #691dd4;
  color: #fff;
  background: #691dd4;
}

.select-country {
  margin-bottom: 20px;
}

.select-country .chosen-container-single .chosen-single div b {
  background-image: url(//theme.zdassets.com/theme_assets/1386769/117f0194d9b5285d5a2fa881199384ed80945e41.png);
}

.suggestion-list .searchbox {
  margin: 20px 0;
  padding: 30px;
  background: #f5f5f5;
}

.suggestion-list .searchbox label {
  font-size: 1.5rem;
}

.suggestion-list .searchbox ul {
  list-style: disc;
  padding-left: 20px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .main-container .chosen-rtl .chosen-search input[type="text"],
  .main-container .chosen-container-single .chosen-single abbr,
  .main-container .chosen-container-single .chosen-single div b,
  .main-container .chosen-container-single .chosen-search input[type="text"],
  .main-container .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .main-container .chosen-container .chosen-results-scroll-down span,
  .main-container .chosen-container .chosen-results-scroll-up span {
    background-image: url(//theme.zdassets.com/theme_assets/1386769/7329209c591518d4fbca3b480348ce89d1201303.png) !important;
  }
  .main-container .select-country .chosen-container-single .chosen-single div b {
    background-image: url(//theme.zdassets.com/theme_assets/1386769/117f0194d9b5285d5a2fa881199384ed80945e41.png) !important;
  }
}

/***** Main navigation *****/
.main-nav {
  position: fixed;
  z-index: 2;
  top: -100%;
  width: 100%;
  padding: 5rem 0.9375rem 2.8125rem;
  color: #691dd4;
  background: #f2f2f2;
  transition: top .5s ease-in-out;
}

.main-nav.nav--visible {
  top: 0;
}

.main-nav a {
  display: inline-block;
  border: none;
  font-size: 0.875rem;
  font-weight: 500;
  color: inherit;
  text-decoration: none;
  letter-spacing: -0.02375rem;
}

.main-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main-nav__item {
  width: 33%;
  margin: 0 auto 2.25rem;
  text-align: center;
}

.main-nav__item.active {
  color: #fff;
}

.main-nav__item .fas {
  display: block;
  padding-bottom: 0.3125rem;
}

.main-nav__social-links {
  margin: 20px auto 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  width: 100%;
  max-width: 320px;
}

.main__mobile-actions {
  position: relative;
  z-index: 3;
  width: 100%;
  background: #3e3e3e;
}

.main-nav__trigger,
.main-nav__trigger:hover,
.main-nav__trigger:active,
.main-nav__trigger:focus {
  margin-top: 0;
  border-radius: 0;
  outline: none;
  text-align: left;
  background: #3e3e3e;
}

.sidebar__scroll,
.sidebar__scroll:link {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
  display: inline-block;
  padding: 0.875em 2em;
  font-family: "Poppins", sans-serif;
  font-size: 1.125rem;
  color: #fff;
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .main-nav__item {
    width: auto;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }
}

@media only screen and (min-width: 1024px) {
  .main-nav {
    top: 0 !important;
    width: 140px;
    height: 100%;
    padding: 2.8125rem 0.9375rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
  }
  .main-nav ul {
    display: block;
  }
  #navbar-container + .site-wrapper .main-nav {
    padding-top: 5.625rem;
  }
  .main-nav__item {
    display: list-item;
  }
  .main__mobile-actions {
    display: none;
  }
}

/***** User info in header *****/
/***** User avatar *****/
.avatar {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: 77px;
  height: 77px;
}

.avatar img {
  height: 77px;
  width: 77px;
  border-radius: 5px;
}

.avatar .icon-agent::before {
  position: absolute;
  bottom: -4px;
  right: -2px;
  content: "\1F464";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  background-color: #ff125f;
}

/***** Footer *****/
footer {
  line-height: 1.4;
  font-size: 0.75rem;
  font-weight: 500;
  color: #fff;
  background: #691dd4;
}

footer a {
  display: inline-block;
}

footer a, footer a:link, footer a:visited {
  color: #fff;
  border: none;
  text-decoration: none;
}

footer a:hover, footer a:active {
  color: #ffdf00;
}

footer h6 {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 1rem;
  color: #ffdf00;
}

footer li + li {
  margin-top: 0.75rem;
}

footer .disclaimer {
  padding: 0.9375rem;
  color: #fff;
}

footer .disclaimer span {
  color: #ffdf00;
}

footer .disclaimer a, footer .disclaimer a:link, footer .disclaimer a:visited {
  color: #fff;
  text-decoration: underline;
}

footer .disclaimer a:hover, footer .disclaimer a:active {
  color: #ffdf00;
}

footer .disclaimer .fab {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  border-radius: 20px;
  color: #691dd4;
  vertical-align: bottom;
  background: #fff;
}

@media only screen and (min-width: 1024px) {
  footer {
    margin-left: 140px;
  }
}

.breadcrumbs {
  margin: 0;
  padding: 0;
}

.breadcrumbs li {
  overflow: hidden;
  display: inline;
  max-width: 450px;
  text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
  content: "\f105";
  margin: 0 10px;
  font: 700 14px/1 "Font Awesome 5 Free";
  color: #691dd4;
}

.breadcrumbs a {
  font-size: 0.875rem;
}

.search-result-breadcrumbs a {
  position: relative;
  overflow: hidden;
  display: inline;
  max-width: 450px;
  text-overflow: ellipsis;
}

.search-result-breadcrumbs a + a {
  margin-left: 25px;
}

.search-result-breadcrumbs a + a::before {
  position: absolute;
  left: -15px;
  top: 0;
  content: "\f105";
  font: 900 16px/1 "Font Awesome 5 Free";
  color: #691dd4;
  text-decoration: none;
}

.search-bar {
  position: relative;
}

.search-bar .submitbutton {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.25em;
  height: 2.25em;
  margin: 1px 1px 0 0;
  padding: 0;
  color: #6c85a9;
  font-size: 1.25rem;
  background: transparent;
}

.cover .search {
  position: relative;
  height: 66px;
  clear: both;
}

.cover .search input[type=search] {
  height: 100%;
  padding-left: 40px;
}

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

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

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

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

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

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

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

.blocks-item-link {
  color: #691dd4;
  padding: 20px 30px;
  text-decoration: none;
}

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

.blocks-item-title {
  margin: 0;
  color: #691dd4;
}

.blocks-item-description {
  font-weight: "Poppins", sans-serif;
  margin: 0;
}

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

.recent-activity-item,
.community-post-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
}

.recent-activity-item-link,
.community-post-item-link {
  position: relative;
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 5px;
  padding-left: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
  color: #3e3e3e;
  text-decoration: none;
}

.recent-activity-item-link::before,
.community-post-item-link::before {
  position: absolute;
  left: 0;
  top: 10px;
  content: "\f138";
  font: 900 16px/1 "Font Awesome 5 Free";
  color: #ff125f;
}

.recent-activity-item-meta,
.community-post-item-meta {
  padding-left: 24px;
}

.recent-activity-item-time, .recent-activity-item-comment,
.community-post-item-time,
.community-post-item-comment {
  display: inline-block;
}

.recent-activity-item-comment span::before,
.community-post-item-comment span::before {
  content: "\f075";
  display: inline-block;
  margin: 0 8px;
  font: 900 16px/1 "Font Awesome 5 Free";
}

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

.community-post-item-parent {
  color: #ff125f;
}

.recent-activity-item-parent {
  color: #691dd4;
}

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

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

.section-tree .section {
  padding-bottom: 40px;
  flex: initial;
}

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

.section-tree h2 {
  margin-bottom: 20px;
  font-size: 1.5625rem;
}

.section-tree .list-group-item {
  position: relative;
  padding-left: 28px;
}

.section-tree .list-group-item::before {
  position: absolute;
  left: 0;
  top: 8px;
  content: "\f00c";
  display: inline-block;
  color: #ff125f;
  font: 900 14px/1 "Font Awesome 5 Free";
  font-size: 80%;
}

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

.icon-star::before {
  color: #ff125f;
  font-size: 18px;
}

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

.article-downloads > .container {
  padding-top: 0;
}

@media only screen and (min-width: 680px) {
  .article-downloads > .container {
    padding-right: 30px;
    padding-left: 30px;
  }
}

/* ScreenSteps Article CSS */
div.screensteps-document h2, div.screensteps-document h3 {
  margin: .83em 0;
}

div.screensteps-document .image img {
  padding: 5px 0px;
  display: block;
  max-width: 100%;
  height: auto;
}

div.screensteps-document div.step, div.screensteps-document div.sub-step {
  clear: both;
}

div.screensteps-document .image {
  margin-bottom: 2em;
}

div.screensteps-document .step .instructions, div.screensteps-document .step .step-instructions {
  clear: left;
}

div.screensteps-document ul {
  margin: 1em 0;
}

.screensteps-document table {
  background-color: transparent;
  border: 1px solid #ddd;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
}

.screensteps-document td, .screensteps-table th {
  border: 1px solid #ddd;
  line-height: 20px;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

.screensteps-document ul {
  margin: 16px 0;
}

.screensteps-document ul > li {
  position: relative;
  padding-left: 20px;
}

.screensteps-document ul > li::before {
  position: absolute;
  left: 0;
  top: 8px;
  content: "\f00c";
  display: inline-block;
  margin-right: 10px;
  color: #00c693;
  font: normal normal 900 14px/1 "Font Awesome 5 Free";
  font-size: 0.8rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.screensteps-document ul > li > ul,
.screensteps-document ul > li > ol {
  margin-left: 20px;
}

.screensteps-document th {
  font-weight: 700;
}

.screensteps-document table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5;
}

.screensteps-document code {
  margin: 0 2px;
  padding: 0 5px;
  color: #0a0a0a;
  background-color: rgba(108, 133, 169, 0.3);
}

.screensteps-document pre {
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #d6d6d6;
}

/* Uncomment the line below to add a blue background to images */
/* div.screensteps-document .image .image {background: #e7f3ff; border: 1px solid #d0e0f0; float:left; margin-bottom:1em; padding: 5px 5px 5px 5px; }*/
/* Uncomment the line below to add a blue
background to legacy ScreenSteps version 3 description areas
This matches the ScreenSteps version 4 'introduction' text blocks
*/
/*
.screensteps-description {
  background-color: #e8f5f9;
  color: #1d9de0;
  line-height: 1.5em;
  margin: 10px 0;
  padding: 30px 15px 15px;
}
*/
.screensteps-wrapper {
  margin: 10px 0;
  padding: 15px;
}

.screensteps-wrapper p {
  margin-left: 35px;
  margin-top: 0;
}

.screensteps-wrapper:before {
  padding-top: 3px;
}

.screensteps-wrapper--introduction {
  color: #1d9de0;
  background-color: #e8f5f9;
}

.screensteps-wrapper--introduction ul > li::before {
  top: 18px;
}

.screensteps-wrapper--introduction p {
  margin-left: 0;
}

.screensteps-wrapper--info {
  background-color: #e8f5f9;
  color: #1d9de0;
}

.screensteps-wrapper--alert {
  background-color: #fbe7e6;
  color: #c11111;
}

.screensteps-wrapper--tip {
  background-color: #effae7;
  color: #65a73c;
}

.screensteps-wrapper--warning {
  background-color: #fff9aa;
  color: #d78900;
}

.screensteps-revision-information {
  border-top: 1px solid #e6e6e6;
  margin-top: 1em;
  padding-top: 1em;
}

/*
  ICON Styles to ScreenSteps text blocks and foldable steps
  You must include FontAwesome in your Help Center theme
  to use these icons

  See instructions for including FontAwesome in Zendesk here:
  https://support.zendesk.com/hc/en-us/community/posts/203458726-Help-Center-Adding-icons-into-your-theme

  Comment out or remove the lines below if you won't be using FontAwesome
*/
.screensteps-foldable-content-parent:before {
  display: inline-block;
  content: "\f054";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: inherit;
  font: normal normal 900 14px/1 "Font Awesome 5 Free";
  margin-right: 0.75em;
  text-rendering: auto;
  transform: translate(0, 0);
}

.screensteps-foldable-content-parent.expanded:before {
  content: "\f078";
}

.screensteps-wrapper:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  float: left;
  font-size: 1.3em;
  font: normal normal 900 16px/1 "Font Awesome 5 Free";
  margin-right: 0.75em;
  text-rendering: auto;
  transform: translate(0, 0);
}

.screensteps-wrapper--info:before {
  color: #5ab7e7;
  content: "\f05a";
}

.screensteps-wrapper--alert:before {
  color: #d56565;
  content: "\f06a";
}

.screensteps-wrapper--tip:before {
  color: #65a73c;
  content: "\f0eb";
  padding-left: 5px;
}

.screensteps-wrapper--warning:before {
  color: #e3a600;
  content: "\f071";
}

/* End ScreenSteps Article CSS */
.attachment-item,
.screensteps-wrapper--attachment {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
}

.attachment-item:last-child,
.screensteps-wrapper--attachment:last-child {
  margin-bottom: 0;
}

.attachment-item::before,
.screensteps-wrapper--attachment::before {
  color: #333;
  content: "\1F4CE";
  font-size: 16px;
  left: 0;
  position: absolute;
  top: 5px;
}

.share li {
  display: inline-block;
}

.share a {
  overflow: hidden;
  display: inline-block;
  width: 55px;
  height: 55px;
  line-height: 55px;
  vertical-align: middle;
}

.share a::before {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 1px solid #691dd4;
  border-radius: 100%;
  color: #691dd4;
  text-align: center;
  font: 900 20px/55px "Font Awesome 5 Brands";
  background-color: #fff;
}

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

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

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

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

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  padding: 20px 0;
  border-bottom: 1px solid rgba(242, 242, 242, 0.15);
}

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

.comment-overview {
  padding: 20px 0;
  border-bottom: 1px solid rgba(242, 242, 242, 0.15);
  border-top: 1px solid rgba(242, 242, 242, 0.15);
}

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

.comment-callout {
  display: inline-block;
  margin-bottom: 0;
  color: #666;
  font-weight: "Poppins", sans-serif;
  font-size: 0.875rem;
}

.comment-callout a {
  color: #0072ef;
}

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

.comment-sorter a {
  color: #666;
  font-weight: "Poppins", sans-serif;
  font-size: 0.875rem;
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.comment-container {
  width: 100%;
}

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

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

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

.comment-ccs {
  display: none;
}

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

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

.comment-attachments a {
  color: #691dd4;
}

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

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

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

[dir="rtl"] .comment-body ul, [dir="rtl"] .comment-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}

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

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

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

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

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

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

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

/* Used in article comments, post comments and post */
.vote {
  display: inline-block;
  text-align: center;
}

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

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

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

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

.vote-up::before,
.vote-down::before {
  color: #fff;
  font-size: 1.5rem;
}

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

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

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}

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

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

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

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

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

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

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

/***** My activities *****/
.my-activities-table {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
  border: 1px solid #691dd4;
}

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

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

.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid #691dd4;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pagination * {
  display: inline-block;
}

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

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

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

.pagination a,
.pagination span {
  padding: 7px 12px;
  font-size: 16px;
  color: #691dd4;
  text-decoration: none;
}

.pagination-current {
  background-color: #691dd4;
}

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

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

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

.meta-group {
  display: block;
}

.meta-group * {
  display: inline;
}

.meta-data {
  font-size: 0.875rem;
}

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

/***** Icons *****/
[class^="icon-"]::before,
[class*=" icon-"]::before,
.icon,
.cover .search::before,
.attachment-item::before,
.screensteps-wrapper--attachment::before,
.vote-up::before,
.vote-down::before,
.collapsible-sidebar-title::after {
  font-family: "copenhagen-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height: 1em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* User Profiles */
.profile-header {
  border-top: 1px solid #e5e5e5;
}

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

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

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

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

.profile-avatar .icon-agent::before {
  bottom: 0;
  right: 0;
}

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

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

.profile-header .basic-info .name a {
  text-decoration: none;
}

.profile-header .options {
  display: flex;
  flex-basis: 100%;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 12px;
}

@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  .profile-header .options > :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
}

.profile-header .options [data-action="edit-profile"] {
  padding: 8px 20px;
  border: 0;
  border-radius: 50px;
  color: #fff;
  line-height: normal;
  text-decoration: none;
  background-color: #691dd4;
}

.profile-header .description {
  flex-basis: 100%;
  margin: 15px 0;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
}

.profile-stats {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  font-size: 0.875rem;
}

.profile-stats .stat {
  display: flex;
  margin-bottom: 10px;
}

.profile-stats .stat-label {
  flex: 0 0 100px;
  margin-right: 10px;
  color: #666;
  font-weight: 300;
}

.profile-stats-activity {
  margin-top: 15px;
  border-top: solid 1px #ddd;
}

@media (min-width: 768px) {
  .profile-stats-activity {
    flex-direction: row;
    border-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat {
    flex-direction: column;
  }
}

.profile-stats-activity .stat:first-child {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:first-child {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}

.profile-stats-counters {
  border-bottom: solid 1px #ddd;
}

@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters {
    flex: 0 0 270px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat-label {
    flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat-label {
    flex: 0 0 100px;
  }
}

.profile-private-badge {
  flex-basis: 100%;
  margin-bottom: 10px;
  padding: 5px 20px;
  border: solid 1px #ff125f;
  border-radius: 4px;
  color: #ff125f;
  font-size: 12px;
  text-align: center;
}

.profile-private-badge::after {
  content: "\1f512";
  margin-left: 5px;
  font-family: "copenhagen-icons";
  vertical-align: middle;
  line-height: 15px;
}

@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

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

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

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: #3e3e3e;
  font-weight: "Poppins", sans-serif;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
  width: 100%;
  padding: 10px 0;
}

.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}

@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}

@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    margin-left: 20px;
    padding-top: 0;
    border-top: 0;
  }
}

.profile-contribution {
  position: relative;
  padding: 20px 0;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
}

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

.profile-contribution-header .status-label {
  display: inline-block;
  padding-top: 5px;
}

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

.profile-contribution-body {
  margin: 10px 0;
  color: #3e3e3e;
}

@media (min-width: 768px) {
  .profile-contribution-list > .profile-contribution {
    padding-left: 30px;
  }
}

.profile-contribution-list > .profile-contribution::before {
  position: absolute;
  left: 0;
  font-size: 16px;
  color: #ff125f;
  font-family: "copenhagen-icons";
  line-height: 25px;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}

@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }
}

.profile-contribution-breadcrumbs a,
.profile-contribution-breadcrumbs li + li::before {
  color: #ff125f;
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}

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

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

.profile-section .private-activity::before {
  content: "\1f512";
  margin-right: 10px;
  font-family: "copenhagen-icons";
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
}

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

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

@media (min-width: 768px) {
  .profile-activity {
    padding-left: 30px;
  }
}

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}

@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
}

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

.profile-activity-description {
  min-width: 0;
  width: 100%;
  margin: 0;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  vertical-align: middle;
  color: #3e3e3e;
}

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

.profile-activity-contribution {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 70px;
  }
}

.profile-activity::before {
  position: absolute;
  left: 0;
  content: "";
  width: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: 50% 50%;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #ff125f;
  font-family: "copenhagen-icons";
}

@media (min-width: 768px) {
  .profile-activity::before {
    left: -4px;
  }
}

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

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

.profile-comments > .profile-contribution::before,
.profile-activity-list > li[class$="-comment"]::before {
  content: "\1f4ac";
  line-height: 35px;
}

.cover {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #ff125f url(//theme.zdassets.com/theme_assets/1386769/cfe676b4a7955a5a7a7f4e2694073b929cd48278.jpg) no-repeat bottom 10% center;
  background-size: cover;
}

.cover--home, .cover--documentation {
  background: url(//theme.zdassets.com/theme_assets/1386769/cfe676b4a7955a5a7a7f4e2694073b929cd48278.jpg) no-repeat bottom center;
  background-size: cover;
}

.cover--home .container, .cover--documentation .container {
  padding-bottom: 0;
}

.cover .row {
  max-width: 31.625rem;
}

.cover h1 {
  color: #fff;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

.cover h2 {
  margin: 2px 0 85px 0;
  font-size: 2.25rem;
  font-family: "Sofia-Pro", sans-serif;
  font-weight: 500;
  line-height: 36px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

.cover .top {
  float: none;
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin-bottom: 20px;
}

.cover .container {
  max-width: none;
}

.cover .logo {
  display: inline-block;
  flex-shrink: 0;
  margin-right: 20px;
}

.quick-links-wrapper {
  position: relative;
  margin: 0 -1.875rem;
  padding-bottom: 15px;
}

.quick-links {
  position: relative;
  z-index: 2;
  margin-top: 30px;
  margin-bottom: 15px;
  padding-top: 15px;
}

.quick-links .fas {
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-block;
  width: 22px;
  color: #fff;
}

.quick-links .fas + a {
  padding-left: 30px;
}

.quick-links a {
  display: inline-block;
  margin-bottom: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #fff;
}

.quick-links p {
  position: relative;
  margin-bottom: 0;
}

.sign-in-text {
  font-size: 2rem;
}

@media only screen and (min-width: 680px) {
  .cover--visual .container {
    padding: 3.75rem 15px;
  }
}

@media only screen and (min-width: 768px) {
  .cover--visual .top {
    margin-bottom: 0;
  }
  .cover--visual h1 {
    margin-bottom: 20px;
  }
  .quick-links {
    columns: 2;
  }
}

.sidebar {
  margin-right: 0;
  color: #fff;
  background-color: #f2f2f2;
  transition: margin-right 500ms ease-in-out 0ms;
}

.sidebar p {
  color: #3e3e3e;
}

.sidebar .box p {
  color: #3e3e3e;
}

.sidebar a {
  color: #fff;
  text-decoration: none;
}

.sidebar .sidebar__link {
  text-decoration: underline;
}

.sidebar .sidebar__contactpartner {
  padding-top: 14px;
  font-size: 0.875rem;
}

.sidebar .hide-button {
  display: none;
}

.sidebar h2 {
  margin-top: 15px;
  margin-bottom: 45px;
  font-size: 1.5rem;
}

.sidebar h2, .sidebar h3, .sidebar h5 {
  color: #691dd4;
  font-weight: 700;
}

.sidebar li {
  color: #3e3e3e;
}

.sidebar .bullets {
  margin-left: 0;
  list-style: none;
}

.sidebar .bullets li {
  position: relative;
  padding-left: 20px;
}

.sidebar .bullets li::before {
  position: absolute;
  left: 0;
  top: 7px;
  content: "";
  width: 10px;
  height: 10px;
  background: #691dd4;
}

.sidebar__hide-button__wrapper,
.sidebar-reveal-button {
  display: none;
}

.sidebar__wrapper-profile {
  color: #3e3e3e;
  background-color: #ffdf00;
}

.sidebar__wrapper-profile p {
  color: #3e3e3e;
}

.sidebar__wrapper-profile .box p {
  color: #3e3e3e;
}

.sidebar__wrapper-profile a {
  color: #3e3e3e;
}

.sidebar__wrapper-profile a:hover {
  color: #ff125f;
}

.sidebar__wrapper-profile form {
  max-width: 340px;
  margin-top: 20px;
}

.sidebar__wrapper-profile .error-message {
  margin: 10px 0;
  padding: 10px;
  color: red;
  background: #fdd;
}

.person {
  margin-bottom: 0.9375rem;
}

.person__icon {
  display: inline-block;
  vertical-align: middle;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 100%;
  background: #e4f1fd url(//theme.zdassets.com/theme_assets/1386769/de2268ad920b3aea5114e6f1fb1331b1cddf32a8.svg) no-repeat bottom center;
  background-size: 60px 60px;
}

.person__info,
.tags-table {
  display: inline-block;
  vertical-align: middle;
}

.person__info .group,
.tags-table .group {
  display: inline-block;
  vertical-align: top;
}

.person__info {
  margin-left: 0.9375em;
}

.person__info h3 {
  margin-bottom: 0;
  color: #691dd4;
  font-weight: 700;
  font-size: 1.5rem;
}

.person__info__name {
  margin-bottom: 0;
  margin-top: 10px;
  color: #691dd4;
  font-weight: 700;
  font-size: 1.5rem;
}

.sidebar__data {
  padding-bottom: 40px;
  border-bottom: 1px solid #3e3e3e;
}

.sidebar__data strong {
  font-family: "Poppins", sans-serif;
}

.sidebar__links {
  margin-top: 40px;
  font-size: 0.875rem;
}

.sidebar__link {
  display: inline-block;
  margin-bottom: 10px;
}

.sidebar__link:hover {
  color: #ff125f;
}

.sidebar__banner {
  max-width: 340px;
  margin-bottom: 60px;
  transition: box-shadow 100ms ease-out 0ms;
  box-shadow: 0.125em 0.125em 0.5em 0 rgba(0, 0, 0, 0.45);
  /* 2/16, 2/16, 8/16 */
}

.sidebar__banner:hover, .sidebar__banner:active {
  box-shadow: 0.4em 0.4em 1.4em rgba(0, 0, 0, 0.35);
  /* 2/16, 2/16, 8/16 */
}

.sidebar__banner iframe {
  display: block;
  border: 0;
}

@media only screen and (min-width: 1024px) {
  .sidebar .hide-button {
    display: block;
  }
  .sidebar.unreveal {
    margin-right: -400px;
  }
  .sidebar__hide-button__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    width: 100%;
    height: 3.4375em;
    padding: 0 0.9375em;
    background: #ffdf00;
  }
  .sidebar__hide-button__wrapper a {
    color: #691dd4;
  }
  .sidebar-reveal-button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    overflow: hidden;
    opacity: 0;
    display: block;
    width: 3.4375em;
    height: 3.4375em;
    padding: 0.9375em;
    border: 1px solid #ffdf00;
    background-color: #ffdf00;
    transition: opacity 500ms ease-in-out 0ms;
  }
  .sidebar-reveal-button.reveal {
    opacity: 1;
  }
  .sidebar-reveal-button a {
    display: block;
    margin: auto;
    border: none;
    color: #691dd4;
    text-align: center;
  }
}

.box {
  height: 100%;
  color: #3e3e3e;
  background-color: #f2f2f2;
}

.box .box__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px;
}

.box .box__content h5:not(.box__type) {
  margin: 0;
  font-size: 1.375rem;
  color: #691dd4;
  font-weight: 700;
}

.box .box__content h3 {
  font-size: 1.375rem;
  font-weight: 700;
  color: #691dd4;
}

.box .box__type {
  margin-bottom: 25px;
  margin-top: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #ff125f;
}

.box.blog-box {
  background-color: #ffdf00;
}

.box.blog-box h3 {
  flex-grow: 1;
}

.blog-items--all .box.blog-box h3 {
  margin-bottom: 20px;
  font-size: 1.375rem;
}

.box.showcase-box {
  min-height: 0;
  overflow: hidden;
}

.box.article-box h3 {
  margin-bottom: 0;
}

.box .tags-table {
  width: 100%;
  margin-top: 60px;
  font-size: 0.875rem;
}

.blog-items--all .box .tags-table,
.sidebar .box .tags-table {
  margin-top: 20px;
}

.box .box__date {
  white-space: nowrap;
}

.sidebar .box {
  max-width: 340px;
  background: #fff;
}

.sidebar .box .row {
  margin-left: -15px;
  margin-right: -15px;
}

.sidebar .box.blog-box {
  background: #ffdf00;
}

.status-bar {
  width: 100%;
  padding: 0 0.9375em;
  font-size: 0.875rem;
  transition: width 300ms linear 0ms;
}

.status-bar .status-bar__version .far {
  margin-right: 0.625em;
}

.status-bar .status-bar__servers .far {
  margin: 0 0.625em;
}

.status-bar .succes .far {
  color: #00e6cf;
}

.status-bar .status-widget__state {
  font-size: 0.875rem;
  color: #ff125f;
  text-decoration: underline;
}

.status-bar .status-widget__pane {
  left: 0 !important;
  z-index: 2;
  width: 300px;
  background: #691dd4;
}

.status-bar .status-widget__pane::before {
  display: none;
}

.status-bar .status-widget__pane[data-position="bottom-left"] {
  left: 10px;
}

.status-bar .status-widget__pane__heading {
  color: #fff;
  background: transparent;
}

.status-bar .status-widget__pane_statistics {
  color: #fff;
}

.status-bar .status-widget__pane__text {
  border: 0;
  color: #fff;
  text-transform: uppercase;
}

.status-bar .status-widget__pane__container {
  margin-bottom: 50px;
}

.status-bar .status-widget__pane__footer {
  padding: 10px 0;
  border: 0;
  color: #fff;
  text-decoration: underline;
  font-size: 16px;
  background: transparent;
}

.status-bar .status-widget__led {
  flex-shrink: 0;
  animation-duration: 1200ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-animation: blink 1200ms infinite;
  /* Safari and Chrome */
}

.status-bar .status-widget__led[data-state="operational"] {
  background: #00e6cf;
}

.status-alert__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  padding: 5px 0;
}

.status-bar__version div p {
  line-height: 1.2;
  color: #3e3e3e;
}

@keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: .3;
  }
}

@-webkit-keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: .3;
  }
}

@media only screen and (min-width: 768px) {
  .status-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    min-height: 3.4375em;
  }
  .status-bar.sidebar-reveal-button-shown {
    width: calc(100% - 55px);
  }
  .status-bar .status-bar__servers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 5px 0 5px 20px;
    text-align: right;
  }
  .status-bar .status-widget__pane[data-position="bottom-left"] {
    left: auto;
  }
}

.hidden {
  display: none !important;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

@media print {
  .main__mobile-actions,
  .main-nav,
  .sidebar-reveal-button,
  .noprint,
  footer {
    display: none;
  }
  .container {
    max-width: none;
  }
  .image {
    page-break-inside: avoid;
  }
  body {
    font-size: 12px;
  }
}