/* ====================================================
   Custom Icons
   ==================================================== */


@font-face {
  font-family: 'sq-icons';
  src: url('https://p6.zdassets.com/hc/theme_assets/593095/200068269/sq-icons.eot?58613456');
  src: url('https://p6.zdassets.com/hc/theme_assets/593095/200068269/sq-icons.eot?58613456#iefix') format('embedded-opentype'),
       url('https://p6.zdassets.com/hc/theme_assets/593095/200068269/sq-icons.woff?58613456') format('woff'),
       url('https://p6.zdassets.com/hc/theme_assets/593095/200068269/sq-icons.ttf?58613456') format('truetype'),
       url('https://p6.zdassets.com/hc/theme_assets/593095/200068269/sq-icons.svg?58613456#sq-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

 
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "sq-icons";
font-style: normal;
font-weight: normal;
speak: none;

display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2ems  text-align: center;
/* opacity: .8; */

/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
   
/* fix buttons height, for twitter bootstrap */
line-height: 1em;

/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;

/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
}


/* Header icons */

.icon-down-open:before { content: '\e80a'; } /* '' */
.icon-left-open:before { content: '\e80b'; } /* '' */
.icon-right-open:before { content: '\e80c'; } /* '' */
.icon-up-open:before { content: '\e80d'; } /* '' */


/* Home icons */
.sq-icon {
  display: block;
  background: url(/hc/theme_assets/593095/200068269/help-icon-sprite.png);
  background-repeat: no-repeat;
}

.sq-icon.icon-kb { background-position: -600px 0; }
.sq-icon.icon-wk { background-position: -400px 0; }
.sq-icon.icon-qa { background-position: -450px 0; }

/* Knowledge Base icons */

.icon-getting-started { background-position: -800px 0; }
.icon-content { background-position: -550px 0; }
.icon-content-blocks { background-position: -200px 0; }
.icon-commerce { background-position: -100px 0; }
.icon-custom-domains { background-position: 0 0; }
.icon-templates { background-position: -350px 0; }
.icon-settings { background-position: -650px 0; }
.icon-style-changes { background-position: -300px 0; }
.icon-billing { background-position: -750px 0; }
.icon-connected-accounts { background-position: -850px 0; }
.icon-third-party-integration { background-position: -700px 0; }
.icon-mobile-apps { background-position: -250px 0; }
.icon-activity-and-statistics { background-position: -150px 0; }
.icon-search-engine-optimization { background-position: -150px 0; }
.icon-workshops { background-position: -400px 0; }
.icon-seo { background-position: -50px 0; }

.icon-troubleshooting {
  width: 32px !important;
  background-image: url(/hc/theme_assets/593095/200068269/troubleshooting_2x.png);
  background-size: contain;
  background-position-y: 8px;
}

.icon-cover-pages {
  width: 32px !important;
  background-image: url(/hc/theme_assets/593095/200068269/cover-page-help-2x.png);
  background-size: contain;
  background-position-y: 8px;
}




/* ====================================================
   Normalize.css
   ==================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block
}
audio, canvas, video {
  display: inline-block
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden], template {
  display: none
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
a {
  background: transparent
}
a:active, a:hover {
  outline: 0
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
abbr[title] {
  border-bottom: 1px dotted
}
b, strong {
  font-weight: bold
}
dfn {
  font-style: italic
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}
mark {
  background: #ff0;
  color: #181818
}
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em
}
pre {
  white-space: pre-wrap
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
img {
  border: 0
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 0
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  border: 0;
  padding: 0
}
button, input, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button:focus, input:focus, select:focus, textarea:focus {
  outline: none;
}

button, input {
  line-height: normal
}
button, select {
  text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer
}
button[disabled], html input[disabled] {
  cursor: default
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
}
input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
}

input[type="search"] {
  -webkit-appearance: none;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto;
  vertical-align: top
}
table {
  border-collapse: collapse;
  border-spacing: 0
}


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

html {
}

body {
  min-width: 320px;
  margin: 0;
  font-family: 'Gotham SSm A','Gotham SSm B',Gotham,sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  color: #181818;
}

h1 {
  font-weight: 300;
  font-family: 'Gotham A', 'Gotham B', sans-serif;
  font-size: 31px;
  line-height: 1.3em;
  margin: 0 0 1em 0;
}
h2 {
  letter-spacing: 1px;
  margin-top: 0;
  text-transform: none;
  font-weight: 500;
  font-family: 'Gotham A', 'Gotham B', sans-serif;
  font-size: 21px;
  line-height: 1.4em;
}
h3 {
  letter-spacing: 1px;
  margin-top: 0;
  text-transform: none;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4em;
}
h4 {
  letter-spacing: 1px;
  margin-top: 0;
  text-transform: none;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4em;
}
p {
  font-weight: 300;
  margin-top: 0;
  font-size: 15px;
  line-height: 1.6em;
}
b, strong {
  font-weight: 500
}
li {
  line-height: 1em;
  padding-bottom: 1em
}
li:last-child {
  padding-bottom: 0
}
a {
  color: #181818;
  text-decoration: none;
}
a:focus {
  outline: none;
}
a:hover, a:active {
  color: #000;
}

hr {
  border-style: none;
  border-width: 0;
  background-color: rgba(102, 102, 102, .5);
  height: 1px;
  margin: 34px 0
}
ul, ol {
  padding-left: 1em;
  font-size: 15px
}


img {
  vertical-align: middle;
}

.section-area h1 {
  text-transform: capitalize;
}

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

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

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

input, textarea {
  border: 1px solid #DBDBDB;
  border: 1px solid 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;
}

/*
 * Buttons
 */
button, [role=button], [type=button], [type=submit] {
  border: solid 1px #4c4c4c;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 500;
  line-height: 1em;
  padding: 1em 2em;
  color: #4c4c4c;
  -webkit-transition: background-color .14s ease-out,color .14s ease-out;
  -moz-transition: background-color .14s ease-out,color .14s ease-out;
  -ms-transition: background-color .14s ease-out,color .14s ease-out;
  -o-transition: background-color .14s ease-out,color .14s ease-out;
  transition: background-color .14s ease-out,color .14s ease-out;
}

button:hover, [role=button]:hover, [type=button]:hover, [type=submit]:hover {
  background: #444;
  color: #FFF;
}

input[type=submit][disabled] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}

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

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

td, th {
  border-color: #ECECEC;
  border-color: rgba(0, 0, 0, 0.07);
  border-style: solid;
  padding: 12px;
}

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

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

/* ====================================================
   Helper classes
   ==================================================== */
/*
 * Clearfix: contain floats
 */
.clearfix:before, .clearfix:after,
main:before, main:after,
.comment-footer:before, .comment-footer:after {
  content: " ";
  display: table;
}

.clearfix:after, main:after, .comment-footer:after {
  clear: both;
}


/*
 * Center
 */
.center {
  text-align: center;
}

/*
 * Hide
 */
.hide {
  display: none;
}


/*
 * Column size
 */
.main-column {
  float: left;
  width: 70%;
  margin-bottom: 100px;
}

.side-column {
  float: right;
  width: 26%;
}

/*
 * Dropdown carets
 */

.dropdown-toggle {
  display: inline-block;
  border: none;
  padding: 0;
}

.dropdown-toggle:hover {
  text-decoration: none;
  background: none;
  color: #181818;
}

.dropdown-toggle:after {
  color: #4c4c4c;
  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: 0px;
  box-shadow: none;
}

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

/*
 * Visibility: Category, Section and Article
 */
.visibility-internal-icon:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(/hc/theme_assets/593095/200068269/ios7-locked-outline.png);
  background-size: contain;
  background-repeat: no-repeat;
  font-family: "entypo";
  text-align: center;
  vertical-align: text-top;
}

.visibility-internal {
  cursor: default;
  position: relative;
}


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

main {
  display: block;
  width: 100%;
  min-height: 100%;
  margin: 0 auto -240px;
  padding: 0;
}

.main-inner {
  padding-top: 180px;
  padding-bottom: 60px;
  background: #FFF;
}

.gray-body .main-inner {
  background: #f5f5f5;
}

.gray-body .footer-inner-top {
  background: #FFF;
}


.constrain, .sub-nav {
  max-width: 980px;
  margin: 0 auto;
}

.basic-row {
  padding: 60px 0;
}

.basic-row,
.gray-row {
  padding: 60px 0;
}

.gray-row {
  background-color: #f5f5f5;
  border-top: 1px solid #fff;
}

.white-row {
  background: #FFF;
}

.hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 455px;
}

.hero-image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: .4;
}


/* ====================================================
   Header
   ==================================================== */
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 180px;
  z-index: 10;
}


.header .dropdown-menu [role="menuitem"] {
    text-align: center !important;
}


.logo {
  float: left;
  z-index: 10;
  position: relative;
  top: 47px;
}

.logo a {
  display: block;
  width: 16em;
  height: 34px;
  background-image: url(//p4.zdassets.com/hc/theme_assets/593095/200068269/logo_black.png);
  background-repeat: no-repeat;
  position: relative;
  left: 25px;
}

.white-header .logo a {
  background-image: url(//p6.zdassets.com/hc/theme_assets/593095/200068269/logo_white.png);
}

.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-link,
.dropdown-toggle,
.login {
  float: right;
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
  text-decoration: none;
  display: inline-block;
  padding: 0 1em;
  color: #4c4c4c;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  line-height: 33px;
  letter-spacing: 1px;
}


.white-header .user-nav-link,
.white-header .header .dropdown-toggle,
.white-header .header .dropdown-toggle:after,
.white-header .common-searches,
.white-header .common-searches a,
.white-header .login {
  color: #FFF !important;
}

.nav-link-workshop {
  display: block;
}


.nav-link-workshop.on {
  display: block;
}


.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;
}
.language-selector {
  display: block;
  float: right;
}
.user-avatar {
  left: -5px;
  max-height: 20px;
  position: relative;
  top: -1px;
}
.user-nav {
  margin-top: 0;
  width: 100%;
  position: absolute;
  z-index: 1;
  padding-top: 50px;
  padding-right: 55px;
}
.user-nav a, .dropdown-toggle {
  color: #4c4c4c;
  font-family: 'Gotham SSm A', 'Gotham SSm B', Gotham, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1px;
  -webkit-transition-property: color;
  -webkit-transition-duration: .3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: color;
  -moz-transition-duration: .3s;
  -moz-transition-timing-function: ease;
  -ms-transition-property: color;
  -ms-transition-duration: .3s;
  -ms-transition-timing-function: ease;
  -o-transition-property: color;
  -o-transition-duration: .3s;
  -o-transition-timing-function: ease;
  transition-property: color;
  transition-duration: .3s;
  transition-timing-function: ease;
}

.dropdown-toggle {
  float: none;
}

.user-nav a:hover,
.dropdown-toggle:hover,
.dropdown-toggle:hover:after {
  text-decoration: none;
  color: #181818;
}
.user-nav a.login {
  background: transparent;
  border: none;
  box-shadow: none;
}

.dropdown-menu [role=menuitem]:hover {
  background: inherit;
}
.dropdown-menu [role=menuitem]:hover {
  color: black;
}
.dropdown-menu [role=separator] {
  border: none;
}

.dropdown-menu-caret:before,
.dropdown-menu-caret:after {
  display: none;
}

.dropdown-menu {
  border: 1px solid #DDD;
  border-radius: 0;
  box-shadow: 0 1px 5px rgba(0,0,0,0.06);
}

.dropdown-menu [role=menuitem] {
  margin: 10px 30px;
  padding: 0;
}

.header .dropdown-menu [role=menuitem] {
  text-align: right;
}

.dropdown-menu [role=separator],
.user-avatar {
  display: none;
}


/* Announcement */

.announcement-enabled .site-wrapper {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}


#announcement {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  /*height: 50px;*/
  min-height: 50px;
  height: auto;
  padding: 15px;
  background: #666;
  z-index: 100;
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}

.announcement-enabled #announcement {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

#announcement .constrain {
  position: relative;
}

.announcement-bar {
  text-align: center;
  padding-right: 20px;
}

.announcement-bar a {
  color: #DDD;
}

.announcement-bar a:hover {
  border-bottom: 1px solid #FFF;
  border-bottom: 1px solid rgba(255,255,255,.75);
}

.announcement-close {
  position: absolute;
  top: 0;
  right: 10px;
  width: 20px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}

.announcement-close:before {
  text-decoration: none !important;
  color: #DDD;
  content: "\2715";
  font-family: sans-serif;
  font-size: 16px;
  opacity: 0.6;
  -webkit-transition: opacity 100ms ease;
  -moz-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
}

.announcement-close:hover:before {
  color: #FFF;
  font-weight: bold;
}



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

.home-page {
  background: #f5f5f5;
}

.home-page .main-inner {
  padding-bottom: 0;
}


.hero-unit {
  padding: 25px 60px 70px 60px;
}

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

/* Header With BG Image */

.home-page .banner-overlay { 
  position: absolute; 
  top: -180px; 
  bottom: 0; 
  left: 0; 
  right: 0; 
}

.home-page .banner-image { 
  background-image: url(//p9.zdassets.com/hc/theme_assets/593095/200068269/help-site-images-home.jpg);
  background-position:; center center; 
  background-size: cover; 
  background-color: #000;
}

.home-page .banner-scrim { 
  background-color: rgba(0,0,0,0.4); 
}

.home-page .top-search-inner {
  position: relative;
  z-index: 1;
}

.home-page .search-greet {
  color: #fff;
}

.white-header .top-search-inner input[type=search] {
  border: none;
}


/* ====================================================
   Parsed markdown
   ==================================================== */
.markdown {
  word-wrap: break-word;
  line-height: 1.7;
}
.markdown img {
  max-width: 100%;
}
.markdown hr {
  background-color: #eeeeee;
  border: 0;
  height: 1px;
}
.markdown ul, .markdown ol {
  list-style-position: inside;
  padding: 0 15px;
}
.markdown ul {
  list-style-type: disc;
}
.markdown ol {
  list-style-type: decimal;
}
.markdown pre {
  background: #f9f9f9;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}
.markdown blockquote {
  border-left: 1px solid #eeeeee;
  color: #bebebe;
  font-style: italic;
  padding: 0 15px;
}



/* ====================================================
   Vote
   ==================================================== */

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

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

.vote-up:before, .vote-down:before {
  border-radius: 50%;
  border: 1px solid #444;
  color: #252525;
  display: inline-block;
  font-family: "entypo";
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  width: 20px;
}

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


/* ====================================================
   Search
   ==================================================== */
.search {
  display: block;
  float: right;
  position: relative;
}

.search:before,
.top-search button[type=submit]:before {
  content: "\1F50D";
  position: absolute;
  right: 18px;
  font-family: "entypo";
  font-size: 25px;
  line-height: 60px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: .5;
  z-index: 1;
}

.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 Bar */
.top-search, .hero-section {
  position: relative;
  background: #FFF;
}

.top-search-inner, .hero-section-inner {
  width: 860px;
  margin: 0 auto;
  padding: 70px 0 0;
}

.top-search-inner {
  padding: 70px 0 150px;
}

.top-search-inner .search {
  float: none;
}

.top-search .search:before {
  display: none;
}

.top-search button[type=submit] {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 50px;
  padding: 0;
  border: none;
  background: transparent;
  color: #000;
  cursor: pointer;
}

.top-search button[type=submit]:before {
  top: 0;
  right: 0;
  width: 100%;
}

.top-search button[type=submit]:hover:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: .8;
}

.top-search-inner input[type=search] {
  border-radius: 0;
  width: 100%;
  height: 60px;
  font-weight: 300;
  line-height: initial;
}

.top-search-inner input[type=search]:focus {
  border-color: #444;
}

.search-medium .top-search-inner {
  padding: 40px 0 110px;
}

.search-small .top-search-inner {
  padding: 40px 0;
}

.white-header .top-search,
.white-header .hero-section {
  background: transparent;
}


.search-greet {
  position: relative;
  margin-bottom: 40px;
  font-family: 'Gotham A', 'Gotham B', sans-serif;
  font-size: 62px;
  font-weight: 100;
  text-transform: none;
  line-height: 1.3em;
  font-size: 80px;
  color: #222;
}

.common-searches {
  margin: 40px 0 0;
  padding: 0;
  text-align: center;
  color: #777;
  font-family: 'Gotham SSm A', 'Gotham SSm B', Gotham, sans-serif;
  font-size: 16px;
  letter-spacing: .5px;
  font-weight: 300;
  position: relative;
}

.common-searches a,
.common-searches a:visited {
  color: #444;
  text-decoration: none;
  font-weight: 500;
}

.common-searches a:hover {
  color: #222;
}

.search-icon {
  cursor: pointer;
  margin-top: 8px;
  margin-left: 12px;
  float: right;
  display: block;
  height: 16px;
  width: 16px;
  background-image: url(//p6.zdassets.com/hc/theme_assets/593095/200068269/search-icon-black.png);
  background-size: 16px 16px;
}

.white-header .search-icon {
  background-image: url(//p6.zdassets.com/hc/theme_assets/593095/200068269/search-icon-white.png);
}

.search-container {
  float: right;
  max-width: 0;
  overflow: hidden;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.search-container form {
  padding-left: 7px;
}

.search-container input[type=search] {
  width: 275px;
  height: 20px;
  margin-top: 5px;
  padding: 2px 0;
  background-color: transparent;
  border: none;
  border-bottom: 1px #181818 solid;
  border-top: none;
  border-left: none;
  color: #181818;
}

.search-container.open {
  max-width: 275px;
  overflow: visible;
}

.white-header .search-container input[type=search] {
  border-bottom-color: #FFF;
  color: #FFF;
}


.white-header .search-container::-webkit-input-placeholder,
.white-header .search-container:-moz-placeholder,
.white-header .search-container::-moz-placeholder,
.white-header .search-container::-moz-placeholder,
.white-header .search-container:-ms-input-placeholder {
  color: #FFF;
}



/* Typeahead Autocomplete */

.twitter-typeahead {
  width: 100%;
}

.tt-hint {
  color: #AAA;
}

.white-header .search-container input.tt-hint {
  color: #AAA;
}

.autocomplete-search.loading .search:before,
.autocomplete-search.loading button[type=submit]:before {
  content: "";
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  border: 2px solid rgba(0,0,0,.75);
  border-top-color: rgba(0,0,0,.08);
  border-left-color: rgba(0,0,0,.08);
  background-color: transparent;
  border-radius: 150px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: .25s opacity linear;
  -moz-transition: .25s opacity linear;
  -o-transition: .25s opacity linear;
  transition: .25s opacity linear;
  -webkit-animation: sqs-spin 1s infinite linear;
  -moz-animation: sqs-spin 1s infinite linear;
  -ms-animation: sqs-spin 1s infinite linear;
  -o-animation: sqs-spin 1s infinite linear;
  animation: sqs-spin 1s infinite linear;
  z-index: 15;
}

.top-search .autocomplete-search .search:before {
  display: none;
}

@-webkit-keyframes sqs-spin {
  0% {-webkit-transform: rotate(0deg)}
  100% {-webkit-transform: rotate(360deg)}
}

@-moz-keyframes sqs-spin {
  0% {-moz-transform: rotate(0deg)}
  100% {-moz-transform: rotate(360deg)}
}

@-ms-keyframes sqs-spin {
  0% {-ms-transform: rotate(0deg)}
  100% {-ms-transform: rotate(360deg)}
}

@-o-keyframes sqs-spin {
  0% {-o-transform: rotate(0deg)}
  100% {-o-transform: rotate(360deg)}
}

@keyframes sqs-spin {
  0% {transform: rotate(0deg)}
  100% {transform: rotate(360deg)}
}



.white-header .autocomplete-search .icon-spinner {
  border: 2px solid rgba(0,0,0,.75);
  border-top-color: rgba(0,0,0,.08);
  border-left-color: rgba(0,0,0,.08);
}

.autocomplete-search.loading .icon-spinner {
  display: block;
}


.tt-dropdown-menu {
  width: 100%;
  background: #FFF;
  border: 1px solid #DDD;
  border-width: 0 1px;
}

.tt-result-item {
  padding: 3%;
  text-decoration: none;
  display: block;
  color: #333;
  border-bottom: solid 1px #ddd;
  cursor: pointer;
}

.tt-suggestion-title {
  display: block;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 15px;
}

.tt-suggestion .video-slider-play {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  -webkit-transform: scale(.75);
  -moz-transform: scale(.75);
  -ms-transform: scale(.75);
  -o-transform: scale(.75);
  transform: scale(.75);
}

.search-all-results .tt-suggestion-title {
  margin-bottom: 0;
}

.tt-suggestion-summary {
  margin-bottom: 0;
  font-size: 13px;
}

.tt-cursor, .tt-get-results:hover {
  background: #f5f5f5;
}

.tt-no-results-found + .tt-get-results {
  display: none;
}


.search-slider .tt-result-item {
  padding: 15px;
}

.search-slider .tt-suggestion-title,
.search-slider .tt-suggestion-summary {
  font-size: 12px;
  line-height: 1.4em;
}


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

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

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

.community,
.subtle-wrap,
.article-sidebar section {
  overflow: hidden;
  padding: 20px 30px 30px;
  margin-top: 25px;
}

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

.community h2 {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid 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;
  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: none;
}

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

.community li {
  line-height: 28px;
  margin-bottom: 0;
  padding-right: 30px;
}


.category-title {
  text-align: center;
}

.category-list {
  width: 940px;
  margin: auto;
}

.category-list li {
  width: 294px;
  height: 208px;
  background: #fff;
  display: block;
  margin-left: 25px;
  overflow: hidden;
  text-align: center;
  color: #d5d5d5;
  float: left;
  font-weight: normal;
  border: solid 1px #e6e6e6;
  box-shadow: 0 0 30px #f1f1f1;
}

.category-list li:hover {
background-color: #fff;
border-color: #d6d6d6;
box-shadow: 0 0 15px #e4e4e4;  
}
.category-list li:first-child {
  margin-left: 0;
}

.category-list li a {
  border-bottom: 3px solid #ffffff;
  padding: 25px 25px 35px;
  color: #181818;
}

.category-list li a:hover {
  text-decoration: none;
}

.category-list h3 {
  display: block;
  margin: 0;
  font-size: 19px;
  font-weight: 500;
}

.category-list p {
  display: block;
  max-width: 300px;
  margin: 1em 0 0;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 300;
}

.category-list .sq-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
}

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

.article-promoted > span {
  display: none;
}

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

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

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


/* Home Columns */

.promoted-articles > h3 {
  display: none;
}

.home-column {
  float: left;
  width: 50%;
  padding: 0 20px;
}

.home-column > h1 {
  font-size: 26px;
  margin: 0 0 1em;
}

.home-column li {
  line-height: 1.4em;
}


/* ====================================================
   Category Page
   ==================================================== */

.category-grid-list {
  width: 980px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.category-grid-box {
  display: flex;
  width: 306px;
  margin: 30px 20px 0 0;
  padding: 0;
  vertical-align: top;
  font-size: 16px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #e6e6e6;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 30px #f1f1f1;
  min-height: 200px;
  cursor: pointer;
}

.category-grid-box:hover {
  border-color: #d6d6d6;
  box-shadow: 0 0 15px #e4e4e4;
}

.category-grid-box-inner {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  padding: 18px 20px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.category-grid-box-inner h3 {
  margin: 0;
  color: #181818;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
  text-decoration: none;
  letter-spacing: 0;
}

.category-grid-box-inner p {
  display: none;
  color: #181818;
  font-size: 13px;
  margin: .5em 0 0;
  text-decoration: none;
  font-weight: 300;
}

.category-article-list {
  padding: 18px;
}

.category-options {
  margin-top: auto;
  text-align: center;
}

.category-article,
.category-link {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  line-height: 1.8;
  font-weight: 300;
  font-size: 13px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.category-article:hover,
.category-article:active,
.category-link:hover,
.category-link:active {
  color: #000;
}

.category-article + .category-link {
  margin-top: 15px;
}

.category-link {
  font-weight: 400;
}


/* ====================================================
   Category Page: Knowledge Base
   ==================================================== */

.category-guide .sq-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto 8px;
}

.category-guide .hero-bg {
  height: 455px;
  background: #000;
}

.hero-image.kb-bg-image {
  background-image: url(//p9.zdassets.com/hc/theme_assets/593095/200068269/help-site-images-topic-overview.jpg);
  background-position: 50% 100%;
}

.category-guide .search-medium .top-search-inner {
  padding: 0px 0 65px;
}

.category-guide .search-title {
  margin-bottom: 20px;
  font-size: 50px;
  color: #FFF;
}


.popular-articles {
  display: flex;
  justify-content: flex-start;
  flex: 0 0 130px;
  flex-wrap: wrap;
}

.popular-article {
  width: 50%;
  padding: 10px 0;
  line-height: 1.5;
  font-weight: 310;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .popular-article {
    width: 50%;
  }

  .category-guide .search-medium .top-search-inner {
    padding: 0px 0 45px;
  }

  .category-guide .search-title {
    font-size: 40px;
  }

  .category-guide .common-searches {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .popular-guide-section {
    display: none;
  }

  .popular-articles {
    padding: 0;
  }


  .popular-article {
    width: 100%;
    border-bottom: 1px solid #EEE;
  }

  .popular-article:last-child {
    padding-bottom: 20px;
    border-bottom: none;
  }


  .category-guide .search-medium .top-search-inner {
    padding: 0px 0 50px;
  }

  .category-guide .search-title {
    display: none;
  }

}


/* ====================================================
   Category Page: Videos
   ==================================================== */

.hero-section {
  color: #FFF;
}

.hero-section-inner {
  height: 329px;
  padding: 50px 0 0;
}


.category-videos .hero-bg {
  height: 509px;
  background: #222;
}

.hero-image.video-bg-image {
  background-image: url(//p9.zdassets.com/hc/theme_assets/593095/200068269/help-site-images-video-overview.jpg);
  background-position: 100% 50%;
}

.hero-section-heading {
  position: relative;
  font-weight: 200;
  font-family: 'Gotham A','Gotham B',sans-serif;
  font-size: 66px;
  padding: 0;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  z-index: 9;
}

.hero-section-subheading {
  position: relative;
  z-index: 9;
  color: #fff;
  text-align: center;
  padding: 30px 0 0;
  max-width: 800px;
  margin: 0 auto;
  font-weight: 300;
  font-size: 15px;
}


.wk-desc {
  font-weight: 300;
}

/* Video Category */

.video-category {
  margin-bottom: 40px;
}

.video-category-title {
  margin-bottom: 1.5em;
}


/* Video List */

.workshop-video {
  display: inline-block;
  position: relative;
  width: 32%;
  margin: 0 2% 2% 0;
  padding: 0;
  color: #FFF;
  vertical-align: top;
}

.workshop-video:nth-child(3n) {
  margin-right: 0;
}

.isMobile .workshop-video .video-icon {
  opacity: 1;
}

.workshop-video .video-wrapper {
  height: 180px;
  cursor: pointer;
}

.workshop-video .video-title span {
  font-size: 15px;
}

.video-wrapper {
  position: relative;
  height: 171px;
  width: 100%;
}

.course-video .video-wrapper {
  display: block;
}

.video-title {
  position: relative;
  padding: 10px 0;
}

.video-title span {
  width: 100%;
  color: #181818;
  font-weight: 200;
  font-size: 20px;
  line-height: 1.8em;
}


.video-overlay-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.video-overlay-title span {
  vertical-align: middle;
  text-align: center;
  color: #181818;
  font-weight: 200;
  font-size: 20px;
  padding: 0 6%;
  line-height: 1.8em;
}

.video-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.02);
  background-size: cover;
  background-position: center;
}

.video-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  background-color: rgba(0,0,0,.2);
  opacity: 0;
}

.video-wrapper:hover .video-icon {
  opacity: 0.8;
}


.video-icon-play {
  background-image: url(//p6.zdassets.com/hc/theme_assets/593095/200068269/icon-play-video.png);  
  background-size: 93px;
}

.video-details {
  padding-top: 10px;
  line-height: 1.6em;
}

.video-details-link {
  display: block;
}




/* Lightbox */
.article-lightbox,
.workshop-lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  background: rgba(0,0,0,.7);
  z-index: 100;
}

.workshop-lightbox iframe {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 92%;
  height: 92%;
  max-width: 1280px;
  max-height: 720px;
  margin: auto;
}

.workshop-lightbox.open iframe {
  opacity: 1;
}

.close-lightbox {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 34px;
  height: 34px;
  color: #AAA;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
}

.close-lightbox:hover {
  color: #BBB;
}

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

/* ====================================================
   Category Page: Workshop
   ==================================================== */

.category-workshop .hero-bg {
  height: 533px;
  background: #222;
}

.hero-image.workshop-bg-image {
  background-image: url(//p9.zdassets.com/hc/theme_assets/593095/200068269/help-site-images-workshops-overview.jpg);
  background-position: 100% 60%;
}

.category-workshop .hero-section-inner {
  height: 354px;
}


.workshop-header {
  margin-top: 0;
}

.workshop-divider {
  margin: 0;
}

.workshop-map,
.workshop-details {
  float: left;
}

.workshop-map {
  width: 35%;
}

.workshop-details {
  /* width: 65%; */
  width: 100%;
}

.workshop-detail-date {
  font-weight: normal;
}

.workshop-detail-title {
  text-align: center;
}

.workshop-detail-description {
  margin-bottom: 4em;
}

.workshop-detail a {
  color: #181818;
}

.workshop-faq {
  margin-bottom: 3em;
}

/* ====================================================
   Category Page: Article List
   ==================================================== */

.section-tree-with-article .article-body {
  display: none;
}

.section-tree-with-article .section {
  width: 100%;
}

.section-tree-with-article .section > h2 {
  display: inline-block;
  position: relative;
  margin: .5em 0 0;
  font-weight: 400;
  font-size: 24px;
  color: #181818;
  cursor: pointer;
}

.notMobile .section-tree-with-article .section > h2:before {
  content: '+';
  position: relative;
  padding-right: .3em;
  font-family: "sq-icons";
  font-size: 30px;
  line-height: 25px;
}

.notMobile .section-tree-with-article .section > h2:hover:before {
  display: inline-block;
}

.notMobile .section-tree-with-article .section.active > h2:before {
  display: inline-block;
  content: '–';
}

.notMobile .section-tree-with-article .article-list {
  display: none;
}

.section-tree-with-article .article-list {
  padding: 30px 0;
}

.article-summary {
  margin: .3em 0 1em;
  line-height: 1.467em;
  font-weight: 300;
  color: #999;
  font-size: 15px;
}

.article-list a:hover .article-summary {
  color: #181818;
}


/* ====================================================
   Section Page
   ==================================================== */

.section-area {
  padding: 40px 0 80px;
}

.section-area .article-list li {
  display: inline-block;
  width: 48%;
  min-height: 120px;
  margin-right: 3%;
  padding-bottom: 1.5em;
  vertical-align: top;
}

.section-area .article-list li:nth-child(2n) {
  margin-right: 0;
}

.section-area h1 {
  margin-bottom: 60px;
  text-align: left;
}

.section-area .article-list a {
  display: inline-block;
  color: #181818;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0;
  font-weight: 500;
}

/* ====================================================
   Subnav
   ==================================================== */
.sub-nav {
  margin-bottom: 4px;
}

.sub-nav .breadcrumbs {
  float: left;
  font-size: 12px;
  margin-top: 5px;
}

/* ====================================================
   Breadcrumbs
   ==================================================== */

.breadcrumbs {
  display: none;
}

.breadcrumbs li {
  display: inline-block;
  font-size: 12px;
  white-space: nowrap;
}

.breadcrumbs li + li:before {
  color: #1a74b0;
  content: ">";
  margin-right: 5px;
}

.category-breadcrumbs .breadcrumbs li:last-child {
  display: none;
}

/* ====================================================
   Article
   ==================================================== */
.article-header h1 {
  margin-bottom: 20px;
  padding-left: 30px;
  text-align: left;
}

.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 {
  float: right;
  width: 26%;
  margin-right: 1%;
}

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

.article-body {
  margin-top: 6px;
  margin-bottom: 80px;
  font-size: 14px;
  line-height: 1.6em;
  word-wrap: break-word;
}

.article-body,
.article-body p,
.article-body a {
  font-weight: 300;
}

.article-body p {
  font-size: 14px;
}

.article-body a {
  color: #1886a8;
}

.article-body img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto 5em;
}

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

.article-body blockquote {
  background: #e8f9f4;
  border: 1px solid #8ee3c8;
  padding: 1.6em;
  margin: 1.5em 0;
  font-size: 14px;
  line-height: 1.6em;
  clear: right;
  color: #181818;
}

.article-body ul,
.article-body ol {
  margin-bottom: 2em;
  list-style-position: outside;
}

.article-body td ul,
.article-body td ol {
  margin-bottom: 0px;
}

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

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

.article-body ol {
  list-style-type: decimal;
}

.article-body li {
  margin-left: 20px;
  line-height: 1.467em;
  padding-bottom: .4em;
  font-weight: lighter;
}

.article-body table {
  table-layout: fixed;
  margin-bottom: 20px;
}

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

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

.article-body a {
  text-decoration: underline;
}

/* Table of Content */

.article-body h2 {
  clear: both;
  margin-top: 2em;
  padding-top: 1em;
  border-top: solid 1px #ddd;
  letter-spacing: -0.25px;
}

.article-body h3 {
  margin-bottom: 8px;
	letter-spacing: -0.25px;
	margin-top: 20px;
	font-size: 16px;
	color: #555;
}

.table-of-contents {
  display: block;
  background-color: #f5f5f5;
  padding: 22px;
  margin: 0 0 3em 3em;
  float: right;
  width: 300px;
}

.table-of-contents + h2 {
  margin-top: 0;
}

.toc-title {
  display: block;
  margin-top: 0;
  margin-bottom: 1em;
  border-top: none;
  padding-top: 0;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1em;
  color: #444;
}

.table-of-contents .toc-links {
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  color: #b8b8b8;
  margin-bottom: 0;
  padding: 0;
  font-weight: lighter;
  font-size: 12px;
}

.toc-links li {
  line-height: 1.4em;
  padding-bottom: .6em;
  margin-left: 0;
}

.toc-links li:last-child {
  padding-bottom: 0;
}

.toc-links a {
  text-decoration: none;
  color: #737373;
}

.toc-links a:hover {
  color: #555;
}

.article-body .to-top {
  font-size: 12px;
  font-weight: 500;
  color: #a7a7a7;
  cursor: pointer;
  padding-left: 1em;
  letter-spacing: 1px;
  text-transform: none;
  text-decoration: none;
}


/* Article Elements */

.article-item {
  margin: 1.5em 0;
}

.article-img {
  /*background-color: #f5f5f5;*/
}

.article-img img {
  border: 1px solid #DDD; 
  border-radius: 3px;
}

.article-body .article-inline-icon {
  display: inline;
  margin: 0px;
  max-height: 16px;
  max-width: 16px;
}

.sqsp-tooltip {
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #000;
  position: absolute;
  width: 250px;
  padding: 20px 25px;
  font-weight: 300;
  font-family: 'Gotham SSm A','Gotham SSm B',Gotham,sans-serif;
  color: #e9e9e9;
  background-color: #202020;
  box-shadow: 0 0 20px rgba(0,0,0,.2);
  cursor: initial;
}

.sqsp-tooltip .title {
  font-size: 13px;
  padding-bottom: 0;
  font-weight: 500;
  line-height: 19px;
}

.sqsp-tooltip .description {
  font-size: 13px;
  line-height: 19px;
  margin-top: 0;
  font-weight: 300
}

.sqsp-tooltip .description a {
  color: #FFF;
  text-decoration: none;
  border-bottom: 1px dotted;
}


/* Article Videos */

.article-body ul,
.article-body ol {
  font-size: 14px;
}

.article-body .video-wrapper {
  position: relative;
  padding-top: 56.25%;
  height: 0;
  margin-bottom: 3em;
  cursor: pointer;
}

.article-body .video-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.article-body iframe {
  width: 100%;
  height: 100%;
}

.article-body .video-title span {
  font-size: 24px;
}

.article-body .video-wrapper.fade .video-overlay {
  opacity: 0;
}

.video-wrapper .video-overlay,
.video-wrapper .video-icon,
.video-wrapper .video-player {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.video-wrapper.fade .video-overlay {
  opacity: 1;
}

.video-wrapper.fade .video-icon {
  opacity: 0;
}

.video-wrapper.play .video-overlay,
.video-wrapper.play .video-icon,
.video-wrapper.play .video-player:before {
  display: none;
}

/* Video Slider */

#watchVideoLink {
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1em;
  padding: 20px 13px 20px 41px;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 2em;
  position: relative;
  color: #181818;
}

.video-slider-play {
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  background: url(//p6.zdassets.com/hc/theme_assets/593095/200068269/icon-sprite-1x.png) -256px -256px no-repeat;
}

.video-slider {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: max-height .14s ease-out,opacity .2s ease-out;
  -moz-transition: max-height .14s ease-out,opacity .2s ease-out;
  -ms-transition: max-height .14s ease-out,opacity .2s ease-out;
  -o-transition: max-height .14s ease-out,opacity .2s ease-out;
  transition: max-height .14s ease-out,opacity .2s ease-out;
}

.video-slider.open {
  max-height: 515px;
  opacity: 1;
}


/* Article Columns */


.article-body .table-two-columns {
    background-color: #fff;
    font-style: normal;
    font-size: 15px;
    line-height: 1.6em;
    text-transform: none;
    text-decoration: none;
    width: 100%
}

.article-body .table-two-columns .row-two-columns {
    width: 100%;
    padding: 1em 0;
    border-top: 1px solid #ddd
}

.article-body .table-two-columns .row-two-columns>span:first-child {
    color: #181818;
    font-weight: 500;
    vertical-align: top
}

.article-body .table-two-columns .row-two-columns>span {
    display: inline-block;
    width: 49%
}

.article-body .table-three-columns {
    background: #fff;
    font-style: normal;
    font-size: 15px;
    line-height: 1.6em;
    text-transform: none;
    text-decoration: none;
    width: 100%
}

.article-body .table-three-columns .table-three-columns-heading {
    color: #181818;
    font-weight: 500;
    padding: 1em 0;
    vertical-align: top
}

.article-body .table-three-columns .table-three-columns-heading>span:first-child,
.article-body .table-three-columns .table-three-columns-heading>strong:first-child {
    display: inline-block;
    width: 25%
}

.article-body .table-three-columns .table-three-columns-heading>span,
.article-body .table-three-columns .table-three-columns-heading>strong {
    display: inline-block;
    width: 35%
}

.article-body .table-three-columns .table-three-columns-heading>span:last-child,
.article-body .table-three-columns .table-three-columns-heading>strong:last-child {
    display: inline-block;
    width: 35%;
    margin-left: 12px
}

.article-body .table-three-columns .row-three-columns {
    width: 100%;
    padding: 1em 0;
    border-top: 1px solid #ddd
}

.article-body .table-three-columns .row-three-columns>span:first-child,
.article-body .table-three-columns .row-three-columns>strong:first-child {
    color: #181818;
    font-weight: 500;
    vertical-align: top;
    width: 25%
}

.article-body .table-three-columns .row-three-columns>span,
.article-body .table-three-columns .row-three-columns>strong {
    display: inline-block;
    vertical-align: top;
    width: 35%
}

.article-body .table-three-columns .row-three-columns>span:last-child,
.article-body .table-three-columns .row-three-columns>strong:last-child {
    vertical-align: top;
    width: 35%;
    margin-left: 12px
}




/* Article Vote */

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

.article-vote-up, .article-vote-down {
  height: 30px;
  width: 30px;
  padding: 8px;
  color: inherit;
  font-family: "entypo";
  border: 1px solid #666;
  border-radius: 50%;
  box-shadow: none;
  line-height: 30px;
  font-size: 14px;
  color: #444;
}

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

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

.article-vote-up:hover, .article-vote-down:hover {
  color: #FFF;
}

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

.article-vote-up.article-voted {
  box-shadow: none;
  border-color: #526F00;
  background-color: #6B9100 !important;
  color: #FFF;
}

.article-vote-down.article-voted {
  box-shadow: none;
  border-color: #99260E;
  background-color: #b7391e !important;
  color: #FFF;
}

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

/* Article Columns */

.article-page .constrain {
  max-width: 1120px;
}

.article-page .main-column {
  float: right;
  width: 73%;
}

.article-page .side-column {
  float: right;
  width: 26%;
  margin-right: 2%;
}

.article-page .subtle-wrap {
  overflow: visible;
}

.article-more {
  margin: 60px 0 20px;
}

/* Article Sidebar Nav */

.sidebar-nav-categories {
  border-right: 1px solid #DDD;
}

.sidebar-nav-categories li {
  padding: 0;
  cursor: pointer;
}

.sidebar-nav-categories span {
  -webkit-user-select: text;  /* Chrome all / Safari all */
  -moz-user-select: text;     /* Firefox all */
  -ms-user-select: text;      /* IE 10+ */
  -o-user-select: text;
  user-select: text;
}

.sidebar-nav-category {
  margin: 5px 0;
}

.sidebar-nav-category-header {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 0;
  color: #4c4c4c;
}

.sidebar-nav-category-header:hover,
.open > .sidebar-nav-category-header {
  color: #181818;
}

.sidebar-nav-category-header,
.sidebar-nav-section-header {
  font-size: 14px;
}

.sidebar-nav-category-header:after,
.sidebar-nav-section-header:after {
  content: '\e80c';
  position: absolute;
  top: 0;
  right: 15px;
  font-family: "sq-icons";
  line-height: 31px;
  opacity: 0;
  font-size: 14px;
}

.open > .sidebar-nav-category-header:after,
.open > .sidebar-nav-section-header:after,
.sidebar-nav-category-header:hover:after,
.sidebar-nav-section-header:hover:after {
  opacity: 1;
}

.sidebar-nav-section-header {
  position: relative;
  display: block;
  margin-left: 20px;
  padding: 10px 0;
  color: #888;
}

.sidebar-nav-section-header:hover {
  color: #666;
}

.sidebar-nav-articles {
  border: none;
  margin-left: 20px;
  background: none;
}

.sidebar-nav-article:hover {
  background-color: #f9f9f9;
}

.sidebar-nav-article-link {
  display: block;
  padding: 10px 30px 10px 20px;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
}

.active-item {
  background: #f9f9f9;
}

.active-item a {
  padding: 12px 20px;
  color: #444;
  font-weight: 400;
  cursor: default;
}


.sidebar-nav-sections, .sidebar-nav-articles {
  display: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all .15s ease;
  -moz-transition: all .15s ease;
  -o-transition: all .15s ease;
  transition: all .15s ease;
  -webkit-transition: .2s .15s opacity ease;
  -moz-transition: .2s .15s opacity ease;
  -o-transition: .2s .15s opacity ease;
  transition: .2s .15s opacity ease;
}

.open > .sidebar-nav-sections, .open > .sidebar-nav-articles {
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.open > .sidebar-nav-category-header:after,
.open > .sidebar-nav-section-header:after {
  content: '\e80a';
}



/* Article More */

.article-more section {
  float: left;
  width: 50%;
  padding: 0 30px;
}

.article-more section a {
  font-weight: lighter;
  line-height: 1.5;
}


/* Glossary Tooltips */
.article-body dfn {
  cursor: help;
  position: relative;
  font-style: inherit;
  border-bottom: dotted 1px #999;
}

.sqsp-tooltip {
  font-style: normal;
  display: none;
  color: inherit;
  background-color: #222;
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.04);
  position: absolute;
  overflow: hidden;
  text-align: left;
  color: #FFF;
  max-width: 250px;
  z-index: 999;
}

.sqsp-tooltip .title {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 11px
}

.sqsp-tooltip .description {
  margin: 11px 0
}




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

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

.share a {
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  vertical-align: middle;
  width: 34px;
  border: 1px solid #444;
  border-radius: 50%;
  color: #444;
  -webkit-transition: all .15s ease;
  -moz-transition: all .15s ease;
  -o-transition: all .15s ease;
  transition: all .15s ease;
}

.share a:before {
  display: inline-block;
  font-family: "entypo";
  text-align: center;
  width: 100%;
}

.share a:hover {
  color: #FFF;
  background: #444;
  text-decoration: none;
}

.share a:hover {
  background: #444;
}

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

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

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

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

/* Share questions and answers */
.share-label {
  cursor: pointer;
}

.share-label + .share {
  background: #FFF;
  border: 1px solid #dddddd;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  left: 50%;
  line-height: 70px;
  margin: 10px 0 0 -75px;
  position: absolute;
  text-align: center;
  top: 100%;
  white-space: nowrap;
  width: 175px;
  z-index: 1;
}

.share-label + .share:before, .share-label + .share:after {
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
}

.share-label + .share:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-left: 7px solid transparent;
  margin-left: -6px;
}

.share-label + .share:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  border-left: 6px solid transparent;
  margin-left: -5px;
}

.share-label[aria-selected="true"] {
  color: #111;
}

.share-label[aria-selected="true"] + .share {
  display: block;
}

.share-label[aria-selected="false"] + .share {
  display: none;
}

/* ====================================================
   Attachments/Screencasts
   ==================================================== */
.attachment-list, .screencast-list {
  font-size: 11px;
  margin-top: 25px;
}

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

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

.attachment-list li:before, .screencast-list li:before {
  background: #f9f9f9;
  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";
}

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

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


/* Comments - Article, Request and Post pages */
.comment-list {
  margin-bottom: 25px;
}
.comment-list > * {
  border-bottom: 1px solid #eeeeee;
  padding: 25px 0;
}
.comment-list > *:first-child {
  border-top: 1px solid #eeeeee;
}

.comment-list > li:last-child {
  padding-bottom: 25px;
}

.comment-heading {
  margin: 3em 0 .5em;
}

.comment-sorter {
  float: right;
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 11px;
}
.comment-sorter a {
  color: #999;
  text-decoration: none;
  padding-left: 20px;
}

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

.comment, .comment-form {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.comment > *, .comment-form > * {
  display: table-cell;
  vertical-align: top;
}

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

.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/assets/agent-marker.png);
  background-image: url(/hc/assets/agent-marker.svg);
  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;
}

.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 {
  border-radius: 2px 2px 0 0;
  border-width: 1px;
}

.comment-attachments {
  border: 1px solid #dddddd;
  margin-top: -1px;
  padding: 10px;
}

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

.comment-form-controls input[type=submit] {
  margin-left: 15px;
  background: #181818;
  color: #FFF;
}
[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: #999999;
}

.comment-actions .dropdown-menu {
  left: auto;
  right: 0;
}

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

.comment-actions .dropdown-toggle:after {
  margin-left: 0;
}

.comment-body {
  margin-top: 20px;
}

/* ====================================================
   My activities
   ==================================================== */
.my-activities-header {
  margin-bottom: 60px;
}

.my-activities-header h1 {
  margin: 0;
}
.my-activities-header .breadcrumbs li {
  color: black;
  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: 10px;
}

.my-activities-nav li,.my-activities-sub-nav li {
  float: left;
  margin-right: 25px;
}

.my-activities-sub-nav li {
  font-weight: lighter;
  margin-top: 20px;
}

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


/* ====================================================
   Recent Activities
   ==================================================== */

.recent-activity-header,
.recent-activity-no-activities,
.recent-activity-controls,
.recent-activity-item-parent,
.recent-activity-item-meta {
  display: none !important;
}


/* ====================================================
   Requests
   ==================================================== */

.request-table {
  font-weight: lighter;
}

.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 {
  float: left;
  width: 500px;
}

.status-selector {
  float: right;
  padding: 5px 8px;
}

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

.request-id {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
  color: #999;
}

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

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

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

.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-status {
  color: #FFF;
  border-radius: 2px;
  padding: 2px 5px;
  font-weight: normal;
}

.request-filter {
  /*-webkit-appearance: menulist;*/
  -moz-appearance: menulist;
}

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

.request-answered {
  background: #F5CA00;
}

.request-solved {
  background: #828282;
}


/* ====================================================
   Contact
   ==================================================== */
#page-new-request .hero-bg {
  height: 431px;
  background: #222;
}

.hero-image.request-bg-image {
  background-image: url(//p9.zdassets.com/hc/theme_assets/593095/200068269/help-site-images-contact.jpg);
  background-position: 50% 70%;
}

#page-new-request .hero-section-inner {
  height: 250px;
  padding: 42px 0 0;
}

#page-new-request .constrain {
  min-height: 300px;
}

/* Contact Templates */

.contact-template {
  display: none;
}

.contact-template.active {
  display: block;
}

.contact-options {
  text-align: center;
}

.contact-content p {
  font-weight: lighter;
}


/* Contact Buttons */

.contact-buttons {
  margin: 60px 0;
}

.contact-buttons .contact-btn {
  padding: 18px 30px;
  font-size: 12px;
}

.contact-btn {
  max-width: 200px;
  border: solid 1px #181818;
  color: #181818;
  cursor: pointer;
}

.contact-btn:visited {
  color: #181818;
}

.contact-btn:focus {
  outline: -webkit-focus-ring-color auto 5px;
}

.contact-btn:hover {
  background-color: #181818;
  color: #FFF;
}

.contact-btn span {
  font-size: inherit !important;
  color: #181818 !important;
}

.contact-chat:hover span {
  color: #FFF !important;
}

.main-inner .contact-chat,
.footer .contact-ticket{
  margin-right: 25px;
}


/* Contact Form */

.announcement-block { /* The announcement that optionally displays on the contact page */
  background: #e8f9f4;
  border: 1px solid #8ee3c8;
  padding: 1.6em;
  margin: 0px;
  font-size: 14px;
  line-height: 1.6em;
  clear: right;
  color: #181818;
  font-weight: 300;
}

.announcement-block strong {
  font-weight: 500; 
}

#language-announcement-block {
  display: none;
}

.announcement-home-page .announcement-block {
  margin-bottom: 30px;
}

#request_issue_type_select {
  "max-width: none; width: 100%; margin-top: 39px;"
}

.contact-login {
  display: none;
  margin-bottom: 40px;
  font-size: 16px;
  color: #888;
  font-weight: lighter;
}

.contact-login-link {
  border-bottom: 1px dotted #888;
  color: #888;
}

.contact-login-link:hover {
  border-bottom-color: #666;
  color: #666;
}


/* INTL-800 */

    #notAvailable {
        display: none;
        width: 100%;
        height: 150%;
        position: absolute;
        top: 0px;
        left: 0;
        z-index: 1000;
        background-color: rgba(24, 24, 24, 0.87);
        padding-top: 20%;
        /*opacity: 42%;*/
        padding-left: 20%;
    }
    
    #notAvailable_wrapper {
        padding: 20px;
        width: 80%;
        padding-top: 3%;
        font-family: 'Gotham SSm A', 'Gotham SSm B', Gotham, sans-serif;
        /*width: 80%;*/
        height: 208px;
        background: #fff;
        /*display: block;*/
        overflow: hidden;
        text-align: center;
        /*float: left;*/
        font-weight: normal;
        border: solid 1px #e6e6e6;
        /*box-shadow: 0 0 10px #f1f1f1;*/
    }

    #notAvailable_wrapper h2{
      color:#303030
    }
    
    .notAvailable_btn {
        text-transform: uppercase;
        background-color: white;
        height: 40%;
        width: 35%;
        vertical-align: top;
    }
    .notAvailable_btn::first-child{
      margin-right:2em;
    }
    
    .notAvailable_btn:hover {
        background-color: #424242;
    }




/* ====================================================
   Search results
   ==================================================== */
body.community-enabled .search-results-column {
  float: left;
  width: 48%;
}

body.community-enabled .search-results-column ~ .search-results-column {
  margin-left: 4%;
}

.search-results .constrain {
  max-width: 860px;
}

.search-results-heading {
  font-size: 1.5em;
  font-weight: bold;
  padding: 10px 0;
}

.search-results-subheading {
  display: none;
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  margin: 0 0 10px;
  font-weight: 300;
  font-size: 31px;
  line-height: 1.3em;
}

body.community-enabled .search-results-subheading {
  display: block;
}

.search-results .search-results-subheading-link {
  font-size: 13px;
  margin-left: 5px;
  font-weight: 300;
  color: #777;
}

.search-result {
  margin: 0;
  padding: 20px 0;
}

.search-result + .search-result {
}

.search-results-list {
  margin: 0;
}

.search-results-page .top-search-inner,
.search-results-column {
  width: 700px;
  margin: auto;
}

.search-results-column {
  padding: 0 20px;
}

body.community-enabled .search-results-page .top-search-inner {
  width: 860px;
}

.search-result .search-result-link {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  color: #181818;
}

.search-result-description,
.search-result-meta {
  padding-top: 16px;
}

.search-result-description {
  padding-top: 5px;
  color: #777;
  font-weight: 300;
  line-height: 1.5em;
  font-size: 15px;
}

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

.search-result-meta-time:before,
.search-result-meta-count:before {
  display: inline-block;
  padding-right: 5px;
  content: '\2022';
  speak: none;
  line-height: 1em;
}

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

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


.search-result-meta,
.search-result-votes {
  display: none;
}


/* No Search Results */

.search-results-column > p {
  font-weight: 300;
  margin-top: 1em;
}

.search-results-column > p > a {
  color: #777;
}

/* ====================================================
   Forms
   ==================================================== */
.form {
  overflow: hidden;
  max-width: 800px;
  margin: auto;
  padding: 40px 55px;
}

.form-field {
  margin-bottom: 25px;
}

.form-field.restricted,
.form-field.hide {
  display: none !important;
}

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

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

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

.form-field textarea, .form-field input {
  padding: 12px;
}

.form-field textarea:focus, .form-field input:focus {
  background: #FFF;
  -webkit-transition: background .1s ease-in;
  -moz-transition: background .1s ease-in;
  -o-transition: background .1s ease-in;
  transition: background .1s ease-in;
}

.form-field select {
  visibility: hidden;
  width: 100%;
  height: 40px;
}

.form-field p {
  padding: .5em 0 .5em;
  color: #777;
  font-size: 12px;
}

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

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

.searchbox-suggestions {
  margin: 10px 0 40px;
  background-color: #fff;
  padding: 0;
}


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

.form footer {
  margin-top: 40px;
  padding-top: 25px;
  text-align: right;
}

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

.form footer input,
.form .nextFields {
  padding: 1em 2.5em;
  background: none;
  border: 1px solid #272727;
  color: #272727;
  font-size: 14px;
}

.form .nextFields.live-chat.deemphasized {
  font-weight: 300;
  color: #777777;
  border: 1px solid #BBBBBB;
}

.form .nesty-input {
  height: 40px;
  line-height: 40px;
  max-width: none;
  width: 100%;
}

.nesty-panel {
  max-width: none !important;
  margin-top: 39px !important;
}


/* Form Categories */

.contact-form-header {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 50px;
}

.form .ticket-form,
.article-suggestion,
.searchbox-suggestions li {
  padding: 0;
  border: solid 1px #ddd;
  border-width: 0 1px 1px;
  line-height: 0;
}

.form .ticket-form:first-child,
.article-suggestion:first-child,
.searchbox-suggestions li:first-child {
  border-top-width: 1px;
}

.form .ticket-form a,
.article-suggestion-link,
.searchbox a {
  display: block;
  padding: 25px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4em;
  color: #181818;
}

.form .ticket-form a:hover,
.article-suggestion-link:hover,
.searchbox a:hover {
  background: #f5f5f5;
}


.form-sign-in {
  margin-bottom: 40px;
  font-size: 18px;
  color: #AAA;
  font-weight: lighter;
}

.form-sign-in a {
  border-bottom: 1px dotted #AAA;
  color: #AAA;
}

.form-sign-in a:hover {
  border-bottom-color: #888;
  color: #888;
}

/* Suggested Articles */

.suggestion-footer {
  /* text-align: right; */
  text-align: center;
}

.suggestion-footer-option {
  width: 50%;
  margin: 0px;
  display:inline-block;
  vertical-align: top;
}

.suggestionFooterText {
  display: block;
  padding: 0px 24px;
  margin-bottom: 32px;
}

.suggestionFooterDetailText {
  display: block;
  padding: 0px 24px;
  margin-top: 32px;
  font-size: 0.8em;
}

.suggestion-pane {
  display: none;
  margin-top: 40px;
}

.suggestion-pane.active {
  display: block;
}

.article-suggestion,
.searchbox-suggestions li {
  position: relative;
}

.article-suggestion-link {
  padding: 20px 38px 20px 20px;
  cursor: pointer;
}

.article-suggestion-link:before,
.searchbox a:before {
  content: '\e80c';
  position: absolute;
  top: 0;
  right: 20px;
  font-family: "sq-icons";
  font-size: 16px;
  top: 50%;
  margin-top: -14px;
  color: #DDD;
}

.searchbox a:hover:before,
.article-suggestion-link:hover:before {
  color: #181818;
}


.suggestion-header {
  font-weight: lighter;
}

.suggestion-desc {
  margin: 1em 0 0;
}

.nextFields:hover {
  background: #444;
  color: #FFF;
}


/* Article Lightbox */
.article-lightbox-wrapper {
  margin: 60px 0;
  padding: 40px;
  background-color: #FFF;
  border-radius: 3px;
  scrollbar-base-color: transparent; /* IE8+ */
}

.article-lightbox ::-webkit-scrollbar-thumb {
  background-color: #EEE;
}

.article-lightbox ::-webkit-scrollbar-track {
  background-color: transparent;
}



.article-lightbox .article-body {
  overflow-y: auto;
  min-height: 400px;
  margin: 0;
  padding: 40px;
}

.article-lightbox .article-title {
  margin-bottom: 60px;
}

.article-lightbox .article-title a {
  color: #181818;
  text-decoration: none;
  font-size: 36px;
}


/* Searchbox */

.searchbox label {
  color: transparent;
}

.searchbox label:before {
  color: #181818;
  letter-spacing: 1px;
  margin-top: 0;
  text-transform: none;
  font-weight: lighter;
  font-size: 18px;
  line-height: 1.4em;
}




/* ====================================================
   Footer
   ==================================================== */

/* Sticky Footer */

html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
}

main {
  padding-bottom: 240px;
}
/* Footer */

.footer {
  position: relative;
  padding: 0;
  width: 100%;  
  height: 240px;
}

.footer-inner {
  height: 100%;
  background-color: #111;
  padding: 0;
}


/* Footer Top */

.footer-inner-top {
  height: 180px;
  padding: 70px;
  color: #181818;
  text-align: center;
  background-color: #f5f5f5;
  border-top: 1px solid #fff;
}

.footer-inner-top h1 {
  display: inline-block;
  margin-bottom: 25px;
  margin-right: 50px;
  font-size: 28px;
  text-transform: none;
  line-height: 40px;
  vertical-align: sub;
}
.footer-inner-top p {
  margin-top: 24px;
  font-size: 15px;
  font-weight: 300;
  font-family: 'Gotham SSm A', 'Gotham SSm B', Gotham, sans-serif;
}

/* Footer buttons */

.footer-contact-links {
  display: inline-block;
}

.footer .contact-btn {
  max-width: 200px;
  border: solid 1px #181818;
}

.footer .contact-btn {
  margin-right: 25px;
}

.footer .contact-btn:focus {
  outline: -webkit-focus-ring-color auto 5px;
}

.footer .contact-btn:hover {
  background-color: #181818;
  color: #FFF;
}


/* Footer Bottom */

.footer-inner-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 60px;
}

.footer-cta {
  float: right;
  text-align: right;
  padding: 0 20px;
  font-size: 11px;
  height: 60px;
  line-height: 50px;
}

.footer-cta--copy {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  color: #666;
  font-weight: 500;
}

.icon.twitter {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-image: url(//p6.zdassets.com/hc/theme_assets/593095/200068269/icon-sprite-2x.png);
  background-repeat: no-repeat;
  background-size: 768px 288px;
  background-position: -384px -128px;
  image-rendering: optimizeSpeed;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: .3;
  -webkit-transition: opacity .14s ease-out;
  -moz-transition: opacity .14s ease-out;
  -ms-transition: opacity .14s ease-out;
  -o-transition: opacity .14s ease-out;
  transition: opacity .14s ease-out;
}

.footer-cta--copy a {
  color: #666;
  text-decoration: none;
  -webkit-transition: color .14s ease-out;
  -moz-transition: color .14s ease-out;
  -ms-transition: color .14s ease-out;
  -o-transition: color .14s ease-out;
  transition: color .14s ease-out;
}

.footer-cta--copy a:hover {
  color: #fff;
}

.no-contact-footer .footer {
  height: 60px;
}

.no-contact-footer main {
  margin-bottom: -60px;
  padding-bottom: 60px;
}

.no-contact-footer .footer-inner-top {
  display: none;
}


/* ====================================================
   Error pages
   ==================================================== */

.error-page {
  position: absolute;
  top: 35%;
  width: 100%;
  -webkit-font-smoothing: auto;
}

.error-page .top-search-inner {
  padding: 0;
  font-size: 52px;
  margin-bottom: 0;
}

.error-title {
  max-width: 90%;
  margin: 24px auto;
  font-weight: 300;
  font-size: 31px;
  line-height: 1.5em;
  color: #fff;
  text-align: center;
}

.error-page .top-search-inner input[type=search] {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

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

.error-bg {
  background-image: url(/hc/theme_assets/593095/200068269/404.jpg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
}

/* ====================================================
   Pagination
   ==================================================== */
.pagination {
  line-height: 0;
  padding: 60px 0;
  text-align: center;
}

.pagination ul {
  display: inline-block;
  list-style: none;
}

.pagination li {
  float: left;
  padding: 0;
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
}

.pagination li + li {
  border-left: none;
}

.pagination a, .pagination span {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  padding: 5px 12px;
  color: #181818;
  font-weight: 300;
}

.pagination span {
  font-weight: 500;
}

.pagination-current {
  background-color: #F6F6F6;
  background-color: rgba(0, 0, 0, 0.03);
  color: #AAA;
}

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

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

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

/* EDIT NC 10-2 - Commenting out old .chat-unavailable style /*

/*
.chat-unavailable {
  color: gray;
  cursor: default !important;
  bottom: -50px;
}
*/

/* EDIT NC 10-2 - Updated style settings to offline chat btn */
.chat-unavailable {
  color: gray !important;
  bottom: -50px;
  border: 1px solid gray !important;
}

.chat-unavailable:hover {
  color:gray;
  background-color:rgba(255,255,255,0) !important;
}
/* End EDIT NC 10-2 */

/* ====================================================
   Community
   ==================================================== */
/* Community layout */

.page-header {
  margin-top: 60px;
  margin-bottom: 15px;
  min-height: 50px;
}
.page-header + p {
  max-width: 70%;
  margin: -15px 0 30px 0;
}
.page-header h1 {
  max-width: 70%;
  font-size: 31px;
  font-weight: 300;
  text-align: left;
}

.topic-filters .post-to-community {
  float: right;
  margin-right: 0;
}

.post-to-community a {
  display: inline-block;
  height: 34px;
  padding: 1em;
  white-space: nowrap;
  color: #4c4c4c;
}

.post-to-community a:hover,
.post-to-community a:active {
  color: #EEE;
}

/* Topic List */

.topic-list {
  float: left;
  width: 70%;
  margin-bottom: 80px;
  margin-top: 20px;
  text-align: center;
}

.topic-list h3 {
  font-size: 16px;
  margin: 0 0 4px;
}

.topic-list h3 a {
  color: #181818;
}

.topic-list p,
.topic-list .meta-group {
  margin: 0;
  font-weight: 300;
  line-height: 1.6;
}

.topic-list p {
  color: #181818;
}

.topic-list .meta-group {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  font-size: 12px;
  color: #999;
}

.topic-list .meta-group span:last-child {
  display: none;
}

.topic-icon {
  position: absolute;
  left: 0;
  top: 20px;
  width: 100%;
  text-align: center;
}

/* Community Sidebar */
.community-sidebar {
  float: right;
  width: 26%;
}

.community-sidebar[data-template='community-topic'] {
  margin-top: -110px;
}

.community-sidebar p {
  font-size: 13px;
}

.community-sidebar .sidebar-box {
  margin-bottom: 8px;
  padding-bottom: 20px;
}

.community-sidebar .subtitle {
  margin-top: 0;
  margin-bottom: 10px;
  padding: 3px 0 10px 0;
  border-bottom: 1px solid #ddd;
  line-height: 19px;
  font-weight: 700;
  font-size: 120%;
}

.community-sidebar .search,
.community-sidebar .search input {
  width: 100%;
  float: none;
}

.community-sidebar input[type=search] {
  resize: none;
  padding: 10px 34px 10px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #333;
  font: 17px 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background: white;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.community-sidebar .search:before {
  line-height: 42px;
  right: 10px;
}

.community-note {
  font-size: 13px;
}



/* Community */
.post-to-community a {
  padding-left: 20px;
  padding-right: 20px;
}
.post-to-community a:before {
  content: "\2b\00a0";
  position: relative;
  top: -1px;
}

.comment-author a {
  display: inline-block;
  margin-bottom: 4px;
}

.author-badge:after {
  content: attr(title);
  display: inline-block;
  border: 1px solid #888;
  border-radius: 2px;
  color: #666;
  margin-left: 4px;
  padding: 2px 5px;
  font-size: 10px;
  vertical-align: middle;
}


/* Community topics page */
.topic-list li {
  position: relative;
  float: left;
  display: block;
  width: 31%;
  height: 210px;
  margin: 0 3% 3% 0;
  padding: 0;
  border: 1px solid #888;
}

.topic-list-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 15px 10px;
  vertical-align: top;
  text-align: center;
  cursor: pointer;
}

.topic-list-link:hover {
  border-color: #444;
}

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

.topic-list h3, .topic-list p {
  margin: 0;
}

.topic-list h3 {
  position: relative;
  margin-top: 50px;
  padding: 10px 0 5px;
  font-size: 14px;
  color: #181818;
}

.topic-list .topic-list-link p {
  margin: 0 auto;
  max-width: 200px;
  font-size: 12px;
}
[dir=rtl] .topic-list-link {
  padding: 0 0 30px 40px;
}

.topic-list .sq-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}


/* Community topic page */
.topic-header {
  margin-bottom: 15px;
}
.topic-header > * {
  display: table-cell;
  vertical-align: middle;
}

.topic-filters {
  display: block;
  width: 100%;
}
.topic-filters > * {
  display: inline-block;
  font-weight: bolder;
  margin-right: 18px;
  vertical-align: inherit;
}
[dir=rtl] .topic-filters > * {
  margin-right: 0;
  margin-left: 20px;
}

.topic-filters .dropdown {
  background: #444;
}

.topic-filters .dropdown-toggle,
.topic-filters .dropdown-toggle:after {
  color: #EEE;
}


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

.post-overview:last-child{
  border-bottom: 1px solid #EEE;
}

.post-overview-info {
  display: inline-block;
  max-width: 490px;
  padding-top: 5px;
}
.post-overview-info a {
  font-size: 16px;
  color: #444;
}
.post-overview-info a:hover {
  color: #181818;
}
.post-overview-info .meta-group {
  display: block;
  margin-top: 5px;
  color: #666;
  font-weight: lighter;
  font-size: 12px;
}

.post-overview-info .meta-group span:first-child {
  margin-right: 10px;
  font-weight: 500;
}

.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: #AAA;
  float: right;
  font-size: 9px;
  margin-left: 10px;
  min-width: 75px;
  padding: 12px 0;
  text-align: center;
  text-transform: uppercase;
}
.post-overview-count strong {
  color: #252525;
  display: block;
  font-size: 15px;
}
[dir=rtl] .post-overview-count {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}

/* Community post page */

.page-header .post-actions,
.page-header .post-to-community {
  float: right;
}


.post-actions .dropdown-toggle {
  margin-left: 15px;
  padding: 0 18px;
  border: 1px solid;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0px;
  line-height: 30px;
}
.post-actions .dropdown-toggle:before {
  content: "\2699\00a0\00a0";
  font: 11px bold;
  font-family: "entypo";
}

.post-actions .dropdown-menu {
  left: auto;
  right: 0;
}

.post-actions .escalation-badge {
  display: none;
}

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

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

.post-vote {
  width: 50px;
  padding-right: 15px;
}

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

.post .post-header h1 {
  display: none;
}

.page-header .post-header-title {
  display: block;
  float: left;
  margin-bottom: 20px;
  text-align: left;
}

.page-header .post-header-title ~ span {
  display: block;
  float: right;
}


.post-header h1 {
  margin: 0 0 24px;
  text-align: left;
  font-size: 28px;
}

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

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

.post-meta {
  width: 100%;
}

.post-author {
  display: block;
  white-space: normal;
}

.post-published {
  font-weight: lighter;
}

.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 .post-share {
  display: none;
}

.post-share {
  text-align: left;
}

.post-share .share li {
  margin-right: 3px;
  padding-bottom: 0;
}

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

.post p {
  font-size: 14px;
}


/* Community post page and topic page */

/*.topic-follow [role=button] {
  border-radius: 3px;
  font-size: 12px;
  padding: 4px 10px;
}
.topic-follow [role=button]:after {
  content: attr(data-follower-count);
  color: #252525;
  display: inline-block;
  border-left: 1px solid #dddddd;
  margin-left: 10px;
  padding-left: 10px;
}
[dir=rtl] .topic-follow [role=button]:after {
  border-left: 0;
  border-right: 1px solid #dddddd;
  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: none;
  color: #4c4c4c;
  border: 1px solid #4c4c4c;
}


.post-info .post-follow,
.topic-header .topic-follow {
  display: none;
}

.post-follow, .topic-follow {
  display: block;
  margin: 15px 0;
}

.post-follow [role=button], .topic-follow [role=button] {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  padding: 8px 25px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  background-color: #444;
  color: #eee;
  font: 400 12px / 14px 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: 500;
  white-space: nowrap;
}

.topic-follow [role=button] {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.topic-follow [role=button]:after {
  color: #EEE;
  display: inline-block;
}



.post-details {
  font-weight: lighter;
  line-height: 1.6em;
  font-size: 12px;
}

.post-detail {
  display: block;
  margin-bottom: 8px;
}

.post-data {
  font-weight: normal;
}



/*
 * Visibility
 */


.load, .custom-template, .post-to-community {
  visibility: hidden;
  -webkit-transition: all .1s ease;
  -moz-transition: all .1s ease;
  -ms-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
}


.in {
  visibility: visible !important;
}









/* Community CSS */

body.community-page {
  background: #FFF
}

.community-page main {
  max-width: 980px;
  padding-top: 180px;
  padding-bottom: 240px;
  background: #FFF;
}

.community-page main.doneLoading {
  max-width: none;
  padding-top: 0;
  background: none;
}

.community-page .mobile-menu-icon .icon-menu {
  background-image: url(//p6.zdassets.com/hc/theme_assets/593095/200068269/menu-white.png);
}

.community-page p {
  font-size: 14px
}
.community-page .topic-list:after,
.community-page .topic-list:before {
  content: '';
  display: table
}
.community-page .topic-list:after {
  clear: both
}
.community-page .header {
  background: #444
}
.community-page .common-searches,
.community-page .common-searches a,
.community-page .header .dropdown-toggle,
.community-page .header .dropdown-toggle:after,
.community-page .login,
.community-page .user-nav-link {
  color: #FFF!important
}
.community-page .logo a {
  width: 288px;
  background-image: url(//p6.zdassets.com/hc/theme_assets/593095/200068269/squarespace-logo-light-answers.png)
}
.community-page .sub-nav {
  display: none;
}
.community-page .community-page .breadcrumbs,
.community-page .sub-nav .search {
  display: none
}
.community-page .search:before {
  font-size: 21px;
  line-height: 35px
}
.community-page .search-icon {
  background-image: url(//p6.zdassets.com/hc/theme_assets/593095/200068269/search-icon-white.png)
}
.community-page .search-container input[type=search] {
  border-bottom-color: #FFF;
  color: #FFF
}
.community-page .search-container:-moz-placeholder,
.community-page .search-container:-ms-input-placeholder,
.community-page .search-container::-moz-placeholder,
.community-page .search-container::-webkit-input-placeholder {
  color: #FFF
}



/* Mobile Elements */


/* Mobile Sidebar Nav */
.mobile-menu-icon {
  float: right;
}

.icon-menu {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url(//p6.zdassets.com/hc/theme_assets/593095/200068269/menu-black.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  cursor: pointer;

}

.white-header .mobile-menu-icon .icon-menu {
  background-image: url(//p6.zdassets.com/hc/theme_assets/593095/200068269/menu-white.png);
}

.mobile-nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 260px;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  height: 100%;
  background-color: #111;
  padding: 0 20px;
  visibility: hidden;
}

.mobile-search input[type=search] {
  position: relative;
  width: 100%;
  font-size: 1.3em;
  opacity: 1;
  border: solid 1px #999;
  z-index: 10;
  margin: 30px 0 0;
  padding: 10px;
  background-color: transparent;
  color: #999;
  font-weight: lighter;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mobile-link-container {
  margin: 20px 0;
}

.mobile-nav-link,
.mobile-nav .login,
.mobile-link-container .dropdown,
.mobile-link-container .dropdown-toggle {
  float: none;
  border: none;
  display: block;
  text-transform: uppercase;
  color: #999;
  text-decoration: none;
  font-size: 13px;
  line-height: 1.5em;
  font-weight: lighter;
  letter-spacing: 1px;
  padding: .5em 0;
  -webkit-transition: color .14s ease-out;
  -moz-transition: color .14s ease-out;
  -ms-transition: color .14s ease-out;
  -o-transition: color .14s ease-out;
  transition: color .14s ease-out;
}

.mobile-nav-link:hover,
.mobile-nav .login:hover,
.mobile-link-container .dropdown-toggle:hover,
.mobile-link-container .dropdown-toggle:hover:after {
  background: none;
  color: #FFF;
}

.mobile-link-container > .dropdown {
  width: 100%;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
}

.mobile-link-container .dropdown-toggle:after {
  color: #999;
}

.mobile-nav .dropdown-menu {
  overflow: hidden;
  display: block;
  position: relative;
  max-height: 0;
  padding: 0;
  border: none;
  background: none !important;
  box-shadow: none;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.mobile-nav .dropdown-menu[aria-expanded=true] {
  max-height: 500px; /* Pick a height equal to or greater than longest menu height */
}

.mobile-nav .dropdown-menu a {
  margin: 0;
  padding: .5em 20px;
  color: #777;
}

.mobile-nav .dropdown-menu a:hover {
  color: #FFF;
}


.user-nav.mobile,
.mobile-nav {
  display: none;
}

.site-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  -webkit-transition: -webkit-transform .3s ease;
  -moz-transition: -moz-transform .3s ease;
  -ms-transition: -moz-transform .3s ease;
  transition: transform .3s ease;
  z-index: 3;
}

.mobile-community-search {
  display: none;
  width: 100%;
  clear: both;
}

.mobile-community-search form {
  width: 90%;
  margin: auto;
}

.mobile-community-search input[type=search] {
  width: 100%;
}

/* Article Menu */

.sidebar-menu,
.sidebar-menu-inner {
  display: none;
}

.article-sidebar .icon-menu {
  position: absolute;
  left: 4px;
}

.sidebar-menu .icon-menu {
  top: 5px;
}


.sidebar-menu-inner {
  width: 350px;
}

.sidebar-menu-inner span {
  display: inline-block;
  vertical-align: middle;
}

.sidebar-menu-inner .icon-menu {
  top: 0;
  margin-top: 5px;
}

.sidebar-menu-title {
  display: block;
  margin-top: 7px;
  margin-left: 45px;
  font-weight: lighter;
  font-size: 20px
}





/* Responsive Styles */

@media screen and (max-width: 1200px) {
  .user-nav {
    display: none;
  }

  .mobile-nav,
  .user-nav.mobile {
    display: block;
  }

  .mobile-nav-open .mobile-nav {
    visibility: visible;
  }

  .mobile-nav-open .site-wrapper {
    position: fixed;
    overflow: hidden;
    -webkit-transform: translate3d(-260px,0,0);
    -moz-transform: translate3d(-260px,0,0);
    -ms-transform: translate3d(-260px,0,0);
    transform: translate3d(-260px,0,0);
  }


  .article-sidebar {
    padding-left: 20px;
  }


}

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


  .constrain {
    max-width: 90%;
  }

  .basic-row, .gray-row {
    padding: 35px 0;
  }

  .category-list {
    width: 100%;
    text-align: center;
  }

  .category-list li {
    float: none;
    display: inline-block;
    width: 48%;
    height: 240px;
    margin: 0 1.5% 1.5% 0;
    padding: 2%;
  }

  .category-list li:last-child {
    margin-bottom: 0;
  }

  body.community-enabled .search-results-page .top-search-inner,
  .top-search-inner,
  .hero-section-inner {
    width: 82%;
  }

  .top-search-inner input[type=search] {
    width: 100%;
  }


  /* Category Pages */
  .category-guide .hero-bg {
    height: 360px;
  }

  .category-guide .top-search-inner {
    padding: 0 0 50px;
  }

  .category-grid-list {
    width: 100%;
  }

  .category-grid-box {
    width: 47%;
    margin: 5% 3% 0 0;
  }

  .category-grid-box p {
    max-width: 300px;
    margin: 10px auto;
  }

  /* Video Category */

  .category-videos .hero-bg {
    height: 535px;
  }


  .workshop-video,
  .workshop-video:nth-child(3n) {
    width: 49%;
    margin: 0 2% 2% 0;
  }

  .workshop-video:nth-child(2n) {
    margin-right: 0;
  }

  .workshop-video .video-title span {
    font-size: 20px;
  }

  .video-wrapper {
    height: 220px;
  }

  .hero-section-inner {
    height: 355px;
  }

  /* Workshop Category */
  .workshop-map img {
    width: 100%;
  }

  .workshop-details {
    /* padding-left: 30px; */
  }

  .category-workshop .hero-section-heading {
    font-size: 50px;
  }


  /* My Acitivites Pages */
  .request-title {
    font-size: 26px;
  }

  .requests-search {
    width: 60%;
  }

  .request-details + [role=button] {
    padding: 1em;
  }

  #page-new-request .hero-section-inner {
    padding: 0;
  }


  /* Search Results */
  .search-results .constrain {
    max-width: 82%;
  }

  .search-results-subheading {
    padding-bottom: 10px;
    font-size: 26px;
  }

  /* Article Page */

  .article-page .constrain {
    position: relative;
    width: 90%;
  }

  .article-page .main-column {
    width: 90%;
    margin: 0;
  }

  .article-sidebar {
    float: left;
    position: relative;
    width: 10%;
    max-width: 40px;
    height: 100%;
    margin: 0;
    background: #f5f5f5;
    cursor: pointer;
  }

  #side-navigation,
  .sidebar-nav-categories {
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
  }

  #side-navigation {
    overflow: hidden;
    max-width: 0;
    width: 350px;
    height: 100%;
    background: #f5f5f5;
  }

  .article-sidebar .active-item,
  .article-sidebar .sidebar-nav-article:hover {
    background-color: #EAEAEA;
  }

  .sidebar-nav-categories {
    width: 350px;
    padding: 20px;
    border: none;
  }

  .open #side-navigation {
    max-width: 350px;
  }

  .sidebar-menu,
  .sidebar-menu-inner {
    display: block;
  }


  /* Community */
  .topic-list li,
  .topic-list li:nth-child(3n) {
    width: 48%;
    margin: 0 3% 3% 0;
  }

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



  /* Footer */
  .footer {
    height: 260px;
  }

  .footer-inner-top {
    height: 200px;
    padding: 50px 0;
  }

  .footer-inner-top h1 {
    display: block;
    margin-right: 0;
    font-size: 24px;
  }


}

@media screen and (max-width: 820px) {
  /* Community */
  .main-column,
  .topic-list,
  .community-sidebar {
    float: none;
    width: 100%;
  }

  .page-header h1,
  .page-header + p {
    max-width: 100%;
  }

  .community-sidebar {
    padding: 30px;
    background: #f9f9f9;
  }

  .community-sidebar[data-template='community-topic'] {
    margin-top: 0;
  }


  .page-header .post-header-title {
    float: none;
    clear: both;
    padding-top: 30px;
  }


  .community-page .mobile-community-search {
    display: block;
    margin-top: 100px;
  }

  .community-page .main-inner {
    padding-top: 135px;
  }

  .sidebar-box-search {
    display: none;
  }

  .community-page .header {
    height: 180px;
  }

  .community-page .main-inner {
    padding-top: 180px;
  }

  .community-page .page-header {
    margin-top: 40px;
  }

}


@media screen and (max-width: 700px) {
  
  /* New Request Page */
  
  /* INTL-1002 - Part 1 - BEGINS */ 
  .form .nextFields {
    font-size: 10px;
  }

  .main-column,
  .side-column {
    float: none;
    width: 100%;
  }

  .main-inner {
    padding-top: 160px;
    padding-bottom: 60px;
  }

  /* Header */
  .header-inner {
    padding: 0;
  }

  .header {
    height: 110px;
  }

  .user-nav {
    padding-top: 20px;
    padding-right: 20px;
  }

  .logo {
    top: 20px;
  }

  /* Top Search */
  .top-search-inner,
  .search-results-page .top-search-inner {
    padding: 0 0 70px;
  }

  .search-greet {
    font-size: 42px;
  }

  .common-searches {
    font-size: 11px;
  }


  .category-list li {
    width: 47%;
    height: 280px;
  }


  /* Homepage */
  .home-column {
    float: none;
    width: 100%;
    padding: 0;
  }

  .home-column > h1 {
    margin-bottom: 10px;
  }

  .home-column:first-child {
    margin-bottom: 40px;
  }


  /* Category Pages */

  .category-guide .hero-bg {
    height: 327px;
  }

  .category-grid-box-inner {
    border: none;
  }

  .category-article-list, {
    display: none;
  }

  .category-grid-box-inner p {
    display: block;
  }

  /* Video Category */

  .video-wrapper {
    height: 200px;
  }

  /* My Activities Pages */
  .request-table th:nth-child(3),
  .request-table td:nth-child(3),
  .request-table th:nth-child(4),
  .request-table td:nth-child(4) {
    display: none;
  }

  .contribution-table th:nth-child(3),
  .contribution-table td:nth-child(3),
  .contribution-table th:nth-child(5),
  .contribution-table td:nth-child(5) {
    display: none;    
  }

  .request-sidebar {
    text-align: center;
  }

  .request-details {
    text-align: left;
  }

  .comment-published, .comment-pending, .comment-official {
    display: block;
    float: none;
    margin: 0;
    padding: 4px 0;
  }

  .comment-official {
    display: inline-block;
    padding: 2px 6px;
  }

  .comment-published:before {
    display: none;
  }

  .author-badge:after {
    margin-left: 0;
  }

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

  .comment-body p {
    font-size: 13px;
  }

  /* Search Results */
  

  .search-results-column {
    float: none;
    width: 100%;
  }

  body.community-enabled .search-results-column {
    float: none;
    width: 100%;
  }

  body.community-enabled .search-results-column ~ .search-results-column {
    margin: 60px 0 0;
  }

  .search-results-subheading-link {
    display: none;
  }

  .search-result {
    padding: 15px 0;
  }

  /* Article Page */
  .table-of-contents {
    float: none;
    width: 100%;
    margin: 0 auto 30px;
  }

  .article-more section {
    float: none;
    width: 100%;
  }

  .article-more section:first-child {
    margin-bottom: 60px;
  }

  .article-body .video-title span {
    font-size: 30px;
  }


  /* Community */
  .topic-filters .dropdown ,
  .topic-filters .post-to-community{
    float: none;
    margin-bottom: 10px;
  }


  /* Footer */
  .footer-inner-top h1 {
    margin-right: 0;
  }


  .error-page {
    padding: 5% 30px;
    text-align: center;
  }

}

@media screen and (max-width: 640px) {
  /* Layout */

  body.community-enabled .search-results-page .top-search-inner,
  .top-search-inner,
  .search-results-page .top-search-inner,
  .hero-section-inner {
    width: 90%;
  }

  .constrain {
    max-width: 90%;
  }

  .main-inner {
    padding-top: 90px;
  }

  .basic-row, .gray-row {
    padding: 20px 0;
  }

  /* Header */
  .header {
    height: 90px;
  }

  .community-page .header {
    height: 135px;
  }

  .logo a,
  .community-page .logo a {
    width: 37px;
  }

  /* Top Search */
  .search-greet {
    font-size: 40px;
  }

  .top-search-inner input[type=search] {
    height: 48px;
  }

  .top-search .search:before,
  .top-search button[type=submit]:before {
    line-height: 48px;
    font-size: 22px;
  }

  .common-searches {
    display: none;
  }

  /* Home Page */

  .category-list li {
    width: 100%;
    height: 220px;
    margin-right: 0;
    padding: 0;
  }

  /* Category Page */
  .category-guide .hero-bg {
    height: 190px;
  }

  .category-grid-box {
    width: 100%;
    min-height: 170px;
    margin: 0 0 15px;
  }

  .section-area .article-list li {
    margin-right: 0;
    width: 100%;
  }

  /* Video Category */

  .video-category-list .workshop-video {
    width: 100%;
    margin-right: 0;
  }

  .category-videos .hero-bg {
    height: 445px;
  }


  /* Workshop Category */
  .category-workshop .hero-bg {
    height: 430px;
  }

  .category-workshop .hero-section-inner {
    height: 355px;
    padding-top: 0;
  }

  .workshop-map, .workshop-details {
    float: none;
    width: 100%;
  }

  .workshop-map {
    margin-bottom: 20px;
  }

  /* My Activities Pages */
  .status-selector {
    display: none;
  }

  .requests-search {
    width: 100%;
  }


  #page-new-request .hero-section-inner {
    height: 300px;
  }


  /* Search Results */
  .search-results .constrain {
    max-width: 90%;
  }

  .pagination {
    padding: 60px 0 20px;
  }


  /* Article Page */

  .article-page .main-column {
    width: 100%;
    padding: 20px 0 0;
  }

  .article-header h1 {
    padding-left: 0;
  }

  .subtle-wrap {
    padding: 0;
  }

  .article-sidebar {
    display: none;
  }

  .article-more section {
    padding: 0;
  }

  .article-body .video-title span {
    font-size: 26px;
  }

  .article-vote {
    float: none;
  }

  .article-vote-count {
    position: relative;
    left: 0%;
    margin-left: 0px;
  }

  .article-vote-controls {
    display: inline-block;
    position: relative;
    right: 0;
    top: 0;
    margin-left: 10px;
  }


  /* Community */
  .topic-list li,
  .topic-list li:nth-child(3n) {
    height: 230px;
  }

  .community-page .page-header {
    margin-top: 20px;
  }

  .mobile-community-search {
    margin-top: 80px;
  }
  
  /* Form */
  .form {
    padding: 20px;
  }

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


  /* Footer */
  #page-new-request .hero-bg {
    height: 365px;
  }

  /* New Request Page */
  
  
  
  .suggestion-footer-option {
    width: 100%;
    margin-left: 0%;
    display: block;
    margin-bottom: 24px;
  }
}

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

  /* Layout */
  .main-column {
    margin-bottom: 40px;
  }

  .tt-suggestion-summary {
    display: none;
  }

  .tt-suggestion-title {
    margin-bottom: 0;
  }


  /* Homepage */

  .home-column > h1 {
    font-size: 24px;
  }


  /* Workshop Category */

  .category-workshop .hero-section-heading {
    font-size: 40px;
  }

  .category-workshop .hero-bg {
    height: 490px;
  }

  .category-workshop .hero-section-inner {
    height: 370px;
    padding-top: 0;
  }


  /* My Activities Pages */
  .request-table th:nth-child(1),
  .request-table td:nth-child(1),
  .request-table th:nth-child(2),
  .request-table th:nth-child(5),
  .request-table td:nth-child(5) {
    display: none;
  }

  .following-table th:nth-child(2),
  .following-table td:nth-child(2),
  .following-table th:nth-child(3),
  .following-table td:nth-child(3) {
    display: none;
  }

  .contribution-table th:nth-child(2),
  .contribution-table td:nth-child(2),
  .contribution-table th:nth-child(4),
  .contribution-table td:nth-child(4) {
    display: none;
  }

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

  .my-activities-nav li {
    float: none;
    margin: 0;
    padding: 10px 0;
  }

  .comment-avatar {
    display: none;
  }

  .request-title {
    font-size: 22px;
  }

  .form {
    padding: 10px;
  }

  .form input[type=submit]:not(.conditional-submit) {
    display: block;
    width: 100%;
  }

  .hero-section-heading {
    font-size: 56px;
  }

  .contact-form-header {
    padding: 0 0 10px;
    font-size: 25px;
    text-align: center;
  }

  .contact-options h1 {
    font-size: 24px;
  }


  /* Community */
  .page-header h1 {
    font-size: 28px;
  }

  .topic-list li,
  .topic-list li:nth-child(3n) {
    width: 100%;
    margin: 0 0 3%;
  }

  .post-overview-count {
    font-size: 8px;
    min-width: 0;
    background: transparent;
  }

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

  .post-overview-info .meta-group {
    font-size: 11px;
  }

  .community-sidebar {
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
  }

  .community-sidebar .share {
    text-align: center;
  }

  .page-header {
    margin-top: 30px;
  }

  .community-page .dropdown,
  .community-page .dropdown-toggle,
  .topic-filters .post-to-community a {
    position: relative;
    display: block;
    height: 40px;
    width: 100%;
    margin-right: 0;
    text-align: center;
  }

  .community-page .dropdown-menu {
    width: 100%;
  }

  .topic-filters .post-to-community {
    width: 100%;
  }

  .community-page .dropdown-toggle,
  .topic-filters .post-to-community a {
    padding: 10px;
    line-height: 22px;
  }

  .community-page .dropdown-toggle:after {
    position: absolute;
    right: 15px;
    height: 100%;
    top: 0;
    line-height: 40px;
  }

  .page-header .post-actions,
  .page-header .post-to-community {
    float: none;
    display: block;
    margin-bottom: 15px;
  }

  .page-header .post-actions .dropdown-toggle,
  .page-header .post-to-community a {
    width: 100%;
    height: 40px;
    margin: 0;
    line-height: 20px;
    text-align: center;
  }

  .comment-form .comment-vote {
    display: none;
  }

  .post-follow [role=button], .topic-follow [role=button] {
    width: 100%;
  }


  /* Footer */
  main,
  .community-page main {
    padding-bottom: 270px;
    margin-bottom: -270px;
  }

  .footer {
    height: 360px;
  }

  .footer-inner-top {
    height: 300px;
    padding: 40px;
  }

  .footer-contact-links,
  .contact-buttons .contact-btn {
    display: block;
  }

  .footer .contact-btn,
  .contact-buttons .contact-btn {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 15px;
    font-size: 13px;
  }

  .footer-cta {
    display: block;
    float: none;
    text-align: center;
  }


}