/* #### Generated By: http://www.cufonfonts.com #### */

html {
    font-size: 16px !important
}

@font-face {
  font-family: "Gordita";
  font-weight: 100;
  font-display: swap;
  src: local("Gordita Thin"),
    url("https://app.everviz.com/static/fonts/gordita/Gordita-Thin.woff2")
      format("woff");
}

@font-face {
  font-family: "Gordita";
  font-weight: 300;
  font-display: swap;
  src: local("Gordita Light"),
    url("https://app.everviz.com/static/fonts/gordita/Gordita-Light.woff2")
      format("woff");
}

@font-face {
  font-family: "Gordita";
  font-weight: 400;
  font-display: swap;
  src: local("Gordita Regular"),
    url("https://app.everviz.com/static/fonts/gordita/Gordita-Regular.woff2")
      format("woff");
}

@font-face {
  font-family: "Gordita";
  font-weight: 500;
  font-display: swap;
  src: local("Gordita Medium"),
    url("https://app.everviz.com/static/fonts/gordita/Gordita-Medium.woff2")
      format("woff");
}

@font-face {
  font-family: "Gordita";
  font-weight: 700;
  font-display: swap;
  src: local("Gordita Bold"),
    url("https://app.everviz.com/static/fonts/gordita/Gordita-Bold.woff2")
      format("woff");
}

@font-face {
  font-family: "Gordita Bold";
  font-display: swap;
  src: local("Gordita Bold"),
    url("https://app.everviz.com/static/fonts/gordita/Gordita-Bold.woff2")
      format("woff");
}

/* Typography styling */

h1,
h2,
h3,
h4 {
  font-family: "Gordita", "Menlo", "Arial", sans-serif;
  color: #28277e;
  font-weight: 700 !important;
}
input,
button,
select,
textarea {
  font-family: "Gordita", "Menlo", "Arial", sans-serif;
}

h1 {
  font-size: 2rem !important;
  line-height: 1 !important;
}
h2 {
  font-size: 1.5rem !important;
}
h3 {
  font-size: 1.25rem !important;
}

@media screen and (max-width: 768px) {
  h1 {
    font-size: 2rem !important;
    line-height: 2rem !important;
  }
  h2 {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  h3 {
    font-size: 1.25rem !important;
    line-height: 1.25rem !important;
  }
}

@media screen and (max-width: 640px) {
  h1 {
    font-size: 1.5rem !important;
    line-height: 2.25rem !important;
  }
  h2 {
    font-size: 1.25rem !important;
    line-height: 2rem !important;
  }
  h3 {
    font-size: 1rem !important;
    line-height: 1.75rem !important;
  }
}

h4 {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  margin: 0px;
  padding: 0px;
}

p {
  font-size: 1rem !important; /* 16px */
  line-height: 1.5rem !important; /* 24px */
}

/*Helpscout custom styling*/

body {
  background: #fbfbfc;
  font-family: "Gordita", "Arial", sans-serif;
}
/* Home Page Title */

#docsSearch {
  border: 0px !important;
  margin: 0px;
  padding: 0px;
  padding-top: 10rem;
  padding-bottom: 5rem;
}

body,
#docsSearch {
  background-color: #faf6ec;
}

#docsSearch h1 {
  font-size: 32px;
  text-align: center;
  padding: 0px;
  margin: 0px;
  padding-bottom: 2rem;
}
.navbar .nav li {
  display: inline-block;
  float: none;
  font-size: 13px;
  letter-spacing: 0.1em;
}
.navbar .nav li a,
.navbar .icon-private-w {
  font-size: 16px;
  font-weight: 700;
  color: #28277e !important;
  text-transform: uppercase;
}

/* Header Size */

a.brand > img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  height: 60px;
  margin-left: 15px;
  width: auto;
}

.navbar .navbar-inner {
  background: #f9f6ec;
  height: 60px;
  box-shadow: none !important;
}
.navbar .navbar-inner .container-fluid {
  padding: 0;
  height: 60px;
}
.navbar .brand {
  float: left;
  display: block;
  padding: 0px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777;
  text-shadow: 0 1px 0 #fff;
}

/* Search Input Box */

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  letter-spacing: 0px;
  box-shadow: inset 0px 2px 4px rgba(23, 43, 76, 0.2);
  border-radius: 8px;
  border: 0px;
  font-weight: 400;
  color: #656565;
}
/* Home Page Category Title*/

.category-list h3 {
  color: #28277e;
  line-height: 1.3em;
}

/* Category Styles */

.category-list .category p {
  color: #7e8287;
  font-weight: 100;
  font-size: 15px;
  letter-spacing: 0.25px;
}
.category-list .category {
  background-color: #fff;
  background-position: top 20px center !important;
  background-repeat: no-repeat !important;
  background-size: 85px auto !important;
  box-sizing: border-box;
  min-height: 183px;
  padding: 110px 15px 15px;
  position: relative;
  width: 31.5%;
  transition: all 0.2s;
  border-radius: 8px;
  border: 0px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.12);
}
.category-list .category:hover {
  text-decoration: none;
  box-shadow: 0px 1px 15px 6px rgba(0, 0, 0, 0.06);
  background: #aec8fa;
}
.category-list .category:focus {
  text-decoration: none;
  box-shadow: 0px 1px 15px 6px rgba(0, 0, 0, 0.06);
  outline: 1px auto #7256d8;
}

.category-list .category:active {
  background: #28277e;
}
.category-list .category:active * {
  color: white !important;
}

.collection-category h2 {
  text-align: center;
  padding-left: 0%;
  color: #7e8287;
  letter-spacing: 1px;
}

.collection-category h2 a {
  color: #28277e;
}

.collection-category .category-list {
  margin: 0 0 4em;
  text-align: center;
}

/* Home Page Link Style */

#serp-dd .result a,
#serp-dd .result > li.active,
#full-Article strong a,
.collection a,
.most-pop-articles .popArticles a,
.most-pop-articles .popArticles a span,
.category-list .category .article-count,
.contentWrapper a {
  letter-spacing: 0.25px;
  color: #28277e;
  margin-top: 15px;
  text-decoration: none;
  font-weight: 500;
}
#serp-dd .result a:hover,
#serp-dd .result > li.active,
#full-Article strong a,
.collection a,
.contentWrapper a,
.most-pop-articles .popArticles a,
.most-pop-articles .popArticles a:hover span,
.category-list .category .article-count,
.category-list .category:hover .article-count,
.contentWrapper a {
  letter-spacing: 0.25px;
  color: #28277e;
  margin-top: 15px;
  font-weight: 500;
}

#serp-dd {
  border-radius: 10px;
  top: 55px;
}

#serp-dd .result > li:first-child {
  margin-top: 0px !important;
}
#serp-dd .result {
  padding: 5px;
  border-radius: 10px;
}
#serp-dd .result a {
  padding: 10px;
  border-radius: 4px;
  background-color: #f7f8f8;
  color: black;
  margin-top: 0px !important;
}

#serp-dd .result > li.active,
#serp-dd .result a:hover {
  margin-top: 0px !important;
  background-color: #aec8fa;
  border-radius: 4px;
}
/* Home Page Search Button */
#searchBar {
  padding: 0px;
}
#searchBar button {
  color: #fff;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0);
  background: #bc094a;
  padding: 0 1.5em;
  height: 50px;
  position: absolute;
  top: 0px;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0px 8px 8px 0px;
  border: 0px;
  font-weight: 700;
  font-size: 16px;
}
#searchBar button:hover {
  background: #ad063a;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0);
  border: 0px solid;
}
#searchBar button:active {
  background: #9f042a;
}

/* Category Images */

/*
  Here is where you determine the images to be used just above each section of your Help Scout main page.
  You have to create one #category-xxx CSS selector for each separate category in your Help Scout collection.
  To get your category xxx number, simply visit the relevant category in your Help Scout docs and
  check the URL bar for the 3 digit category number.

  Then you have to specify an image located on a shared server somewhere on the internet that can
  serve up the images so Help Scout can display them.
*/

/* Getting Started (use your actual category names here in the comment to make it easier */
#category-311 {
  background-image: url(https://app.everviz.com/static/images/help-icons/info.svg);
}
#category-312,
#category-315 {
  background-image: url(https://app.everviz.com/static/images/help-icons/chart.svg);
}
#category-316 {
  background-image: url(https://app.everviz.com/static/images/help-icons/map.svg);
}
#category-314 {
  background-image: url(https://app.everviz.com/static/images/help-icons/table.svg);
}
#category-313 {
  background-image: url(https://app.everviz.com/static/images/help-icons/layout.svg);
}
#category-317 {
  background-image: url(https://app.everviz.com/static/images/help-icons/publish.svg);
}
#category-318 {
  background-image: url(https://app.everviz.com/static/images/help-icons/data.svg);
}
#category-319 {
  background-image: url(https://app.everviz.com/static/images/help-icons/faq.svg);
}
#category-320 {
  background-image: url(https://app.everviz.com/static/images/help-icons/branding.svg);
}
#category-321 {
  background-image: url(https://app.everviz.com/static/images/help-icons/settings.svg);
}
#category-322 {
  background-image: url(https://app.everviz.com/static/images/help-icons/api.svg);
}
#category-1115 {
  background-image: url(https://app.everviz.com/static/images/help-icons/projects.svg);
}
#category-1110 {
  background-image: url(https://app.everviz.com/static/images/help-icons/branding.svg);
}
#category-1109 {
  background-image: url(https://app.everviz.com/static/images/help-icons/education.svg);
}
#category-1140 {
  background-image: url(https://app.everviz.com/static/images/help-icons/editor.svg);
}

#category-1395 {
  background-image: url(https://app.everviz.com/static/images/help-icons/LocationMap.svg);
}

/* Article Styles */

#main-content {
  background: none;
  float: right;
  margin-bottom: 2em;
  padding: 32px 0 0 0px;
}

#fullArticle img {
  display: block;
  margin: 1em 0 2em;
  padding: 4px;
  border-radius: 4px;
  box-sizing: border-box;
}

#fullArticle .title,
.contentWrapper h1 {
  margin: 0 30px 2rem 0;
  color: #28277e;
  font-weight: 700;
}
#fullArticle .printArticle {
  position: absolute;
  right: 46px;
  top: 40px;
}
#fullArticle,
#fullArticle p,
#fullArticle ul,
#fullArticle ol,
#fullArticle li,
#fullArticle div,
#fullArticle blockquote,
#fullArticle dd,
#fullArticle table {
  color: #28277e;
  font-size: 1rem;
  font-weight: 400;
}
#categoryHead .sort select {
  width: 150px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  font-size: 13px;
  color: #7e8287;
  font-weight: 300;
}
/* Style this one if you want bolded article text to have a different color */

#fullArticle strong {
  color: #28277e;
}
#fullArticle h2 {
  color: #28277e;
}
#fullArticle h3 {
  font-weight: 700;
  color: #28277e;
}
#fullArticle h4 {
  font-size: 16px;
  font-weight: 300;
  color: #28277e;
  font-style: italic;
}
.contentWrapper {
  padding: 3rem;
}
.contentWrapper p {
  margin-top: -4px;
  word-wrap: break-word;
  color: #28277e;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.01em;
}

/* Article Footers */

.articleFoot p,
.articleFoot time {
  color: #28277e;
  display: inline-block;
  font-weight: 500;
  font-style: unset;
  font-family: "Gordita", "Arial", sans-serif;
}
.icon-contact {
  display: none;
}
#sbContact {
  color: #28277e;
}

/* Page Footers */

footer * {
  color: #28277e !important;
  font-weight: 400;
  font-size: 0.75rem !important;
  text-align: left;
}

/* Contact Modal */

#contactModal h2,
.abuse h2 {
  background: #fff;
  margin: 0;
  padding: 11px 0 10px 18px;
  font-size: 22px;
  border-bottom: 1px solid #ccc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #58a4b0;
  font-weight: 300;
}
#contactModal .control-label {
  width: 110px;
  font-size: 14px;
  font-weight: 300;
  color: #7e8287;
}

.btn {
  color: #fff;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0);
  background: #bc094a;
  border-radius: 5px;
  border: 1px solid #b98389;
  font-size: 14px;
  padding: 0.5em;
  /* height: 50px; */
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #fff;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0);
  background: #8fa7c2;
  border: 1px solid #9da39a;
}

#search-query .btn:hover {
  color: #fff;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0);
  background: #8fa7c2;
  border-radius: 5px;
  border: 1px solid #9da39a;
  font-size: 18px;
  padding: 0 1.5em;
  height: 50px;
}

.category-list {
  text-align: center;
  margin-bottom: 3.5rem;
}

hr {
  border-top: 3px solid #ddd8f5 !important;
}

input:hover,
input:focus {
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  border: none;
  border-width: 0px !important;
  border-color: transparent !important;
  box-shadow: inset 2px 2px 2px rgb(0 0 0 / 25%), inset 0px 0px 0px 2px #aec8fa !important;
}
input:focus {
  box-shadow: inset 2px 2px 2px rgb(0 0 0 / 25%), inset 0px 0px 0px 2px #6d5bd1 !important;
}

/* Fix for making homepage category gallery go smoothly from 3 to 2 to 1 column */

@media screen and (max-width: 1105px) {
  section.category-list .category {
    width: 48.2%;
  }
}
@media screen and (max-width: 760px) {
  section.category-list .category {
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 120px 20px 15px;
    width: 100%;
  }
}
/* RESPONSIVE */

@media (max-width: 768px) {
  .navbar .btn-navbar {
    margin-top: 16px;
    right: -10px;
  }
  .related {
    padding: 30px 25px 25px;
  }
  .related ul {
    margin-left: 0;
  }
  .related h3 {
    padding-left: 0;
  }
  .related ul > li a {
    margin-left: 0;
  }
  aside #searchBar.sm {
    display: flex !important;
  }
  section#main-content {
    width: 100% !important;
    float: none !important;
    margin: 0px !important;
  }
  #sortBy {
    display: none !important;
  }
}
@media (max-width: 480px) {
  #searchBar button {
    text-shadow: 0;
    background: #bc094a;
    border-radius: 0 5px 5px 0;
    border: 0;
    font-size: 18px;
    padding: 0 1em;
    height: 50px;
    position: absolute;
  }
  #searchBar button .icon-search {
    display: block;
    text-shadow: none;
    margin-top: 15px;
  }
  #searchBar button:hover .icon-search:hover {
    display: block;
    text-shadow: none;
    margin-top: 15px;
    background-color: transparent;
  }
}

.collection-category h2 {
  font-weight: 700;
  padding-left: 0.65%;
  text-align: center;
}

.nav #contact {
  display: none;
}

.articleList {
  list-style-type: disc !important;
}
.articleList span {
  text-decoration: underline;
  color: #172b4c;
}
.articleList li {
  margin: 10px;
  padding-left: 0px;
}
.articleList a {
  margin-left: 0px;
}

.articleRatings {
  background-color: #ddd8f5;
  border: none;
  box-shadow: none;
  color: #28277e;
}

.icon-article-doc {
  display: none;
}

/* Sidebar */
#sidebar h3 {
  text-transform: unset;
  color: #28277e;
  margin-bottom: 2rem;
}

#sidebar .nav-list a {
  color: #172b4c;
  font-weight: 700;
  text-decoration: underline;
}
#sidebar #searchBar button {
  box-shadow: none;
}

#sidebar .nav-list .active a,
#sidebar .nav-list .active a:hover,
#sidebar .nav-list .active a:focus {
  color: #6d5bd1;
  text-decoration: unset;
}
#sidebar .icon-arrow {
  display: none !important;
}

#searchBar.sm button .icon-search {
  color: #28277e;
}

.toc ul {
  margin-bottom: 5px !important;
  margin-left: 25px !important;
}

.toc li {
  margin-bottom: 3px !important;
}
.article-toc-text {
  font-weight: 500 !important;
  font-size: 1rem !important;
  margin-bottom: 0.5rem !important;
  font-style: normal !important;
}
.toc ul.level-1 {
  margin-left: 0px;
}

a {
  text-decoration: underline !important;
}

#toc a,
h1 a,
h2 a,
h3 a,
h4 a {
    text-decoration: none !important;
}

#serp-dd .result a,
.articleList a,
li.active a,
a.category,
#home a {
  text-decoration: none !important;
}

.doc-link-button-container {
  top: 5px;
  position: relative;
  margin-left: 10px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.doc-link-button-container button.doc-link-button {
  position: relative;
  background-color: #ffffff;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.25rem;
  color: #28277e;
  border: 0px;
}
.doc-link-button-container.copying button.doc-link-button:hover,
.doc-link-button-container.done button.doc-link-button:hover,
.doc-link-button-container button.doc-link-button:hover {
  background-color: #aec8fa;
}

.doc-link-button-container button.doc-link-button i.fa-solid {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.doc-link-button-container span.doc-link-text {
  visibility: hidden;
  width: 80px;
  background-color: #25386f;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1000;
  font-size: 11px !important;
  top: calc(100% + 7px);
  font-weight: 800;
  left: 50%;
  margin-left: -60px;
  pointer-events: none;
}
.doc-link-button-container span.doc-link-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 58px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #25386f transparent;
  pointer-events: none;
}

.doc-link-button:hover + .doc-link-text {
  visibility: visible;
}

.flex {
  display: flex;
}

.doc-link-button-container.done button.doc-link-button,
.doc-link-button-container.copying button.doc-link-button {
  background-color: #28277e !important;
  color: white !important;
}

.doc-link-button-container.done button.doc-link-button i.fa-solid {
  color: #aec8fa;
}

.doc-link-button-container button.doc-link-button:focus {
  outline: 1px auto #7256d8;
  outline-offset: -2px;
}

code {
  white-space: break-spaces !important;
}

.wp-block-button__link {
  border: none;
  border-radius: 28px;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  margin: 0;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  overflow-wrap: break-word;
  background-color: #172b4c !important;
  color: white !important;
  margin-bottom: 1em !important;
}

a.wp-block-button__link {
  color: white !important;
  text-decoration: none !important;
}

.api-action {
  text-transform: uppercase;
  background-color: rgb(107, 189, 91);
  font-size: 13px;
  padding: 5px;
  padding-top: 7px;
  position: relative;
  top: 1px;
  color: white !important;
  font-weight: 800 !important;
}

.api-action.delete {
  background-color: rgb(226, 122, 122);
}
.api-action.post {
  background-color: rgb(36, 143, 178);
}
.api-action,
.api-action + p {
  display: inline-block;
}

.api-action + p code {
  padding: 6px !important;
  position: relative;
  font-size: 20px !important;
  top: 2px;
}