@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,600,600i,800");
.screen-reader-text {
  /* Text meant only for screen readers. */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

body,
input,
button,
#fullArticle p,
#fullArticle ul,
#fullArticle ol,
#fullArticle li,
#fullArticle div,
#fullArticle blockquote,
#fullArticle dd,
#fullArticle table,
.articleFoot p,
.articleFoot time,
#serp p {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  color: #333333; }

/* Top bar */
.navbar .brand {
  line-height: 1.2;
  width: 130px;
  height: 130px;
  background: #FBF9F5;
  border-radius: 150px;
  padding: 25px 25px 0px;
  position: absolute;
  z-index: 9;
  left: 50%;
  transform: translateX(-50%); }

.navbar .brand img {
  max-width: 250px; }

.navbar .navbar-inner {
  background: #fff;
  padding-top: 15px;
  padding-bottom: 15px; }
.navbar .nav {
    top: 10%;
    right: auto;
    left: 0; }

.navbar .nav a {
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;}
.navbar .nav li a:before {
    content: "<";
    padding-right: 7px;}

.navbar .nav li a:hover {
    color: #7EAAC5!important;}

.navbar .nav li a,
.navbar .icon-private-w {
  color: #333333; }

/* Footer contact link */
#sbContact {
  color: #333333;
  border-color: #333333; }

#docsSearch h1,
h1,
.h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 2em;
  font-weight: 600;
  font-style: normal;
  line-height: 1.2;
  text-transform: uppercase;}

#docsSearch h1 {
  font-size: 1.8em;
    position: relative;
    z-index: 99;}

h2,
.h2 {
  font-family: "miller-text", serif;
  font-size: 2.1em;
  font-weight: 500;
  font-style: normal;
  line-height: 1.4; }

h3,
.h3 {
  font-family: "miller-text", serif;
  font-size: 1.8em;
  font-weight: 500;
  font-style: normal;
  line-height: 1.375; }

#sidebar h3 {
  font-size: 1em; }

h4,
.h4 {
  font-family: "miller-text", serif;
  font-size: 1.6em;
  font-weight: 400;
  font-style: italic;
  line-height: 1.286; }

h5,
.h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 1.375em;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3636; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  color: black;
  border: 1px solid #333333;
  box-shadow: none; }

/* Home page search */
#docsSearch {
  position: relative;
  background: #FBF9F5;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
  margin-bottom: 3em;
  padding: 20% 0 10%;
  background-size: cover;
  background-position: center center;
  border-bottom: none;
  }

#searchBar {
  position: relative;
  z-index: 10; }

#searchBar button {
  background: #5069AD;
  border-radius: 0px;
  border-color: #5069AD;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 2px;
  height: 55px;
  top: 25px;
  }

#searchBar button:hover,
#searchBar button:focus {
  background: #7EAAC5;
  border-color: #7EAAC5;
  color: #fff;
  border-radius: 2px;
  height: 55px;
  top: 25px; }

#searchBar .search-query {
  border-radius: 2px;
  height: 55px; }

/* results */
#serp-dd {
  top: auto; }

#serp-dd li a {
  color: black; }

#serp-dd .result a:hover,
#serp-dd .result a:focus {
  background: transparent; }

input::-webkit-input-placeholder {
  color: black; }

input::-moz-placeholder {
  color: black; }

input:-ms-input-placeholder {
  color: black; }

input::placeholder {
  color: black; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: black; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: black; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: black; }

:-moz-placeholder {
  /* Firefox 18- */
  color: black; }

/* Home popular articles */
.most-pop-articles {
  max-width: 920px; }

.most-pop-articles .popArticles {
  font-size: 17px; }

.most-pop-articles.two-col .popArticles li {
  padding-left: 20px; }

/* Home category list */
.category-list {
  margin: 50px auto;
  display: -ms-grid;
  display: grid;
  grid-gap: 30px;
  width: 100%; }

.category-list .category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  border: none;
  padding: 10% 5%;
  width: 90%;
  margin: 0 auto;
  position: relative;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  background: #BFD7C8;
  background-size: cover;
}
.category-list .category:before {
    content: "";
    display: block;
    background: #7EAAC5;
    height: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s ease-in;
    z-index: 9;
}
.category-list .category:hover:before {
    height: 100%;
}
.category-list h3 {
    font-size: 1.5em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #333;
    transition: 0.2s ease-in all;
}

.category-list .category .article-count, .category-list .category:hover .article-count {
    color: #333;
    font-size: 0.9em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    transition: 0.2s ease-in all;
}
.category-list .category > * {
    position: relative;
    z-index: 9;
}

.category-list .category:hover > *, .category-list .category:hover .article-count {
    color: #fff;
}
/* Individual Article pages */
#fullArticle .title {
  margin: 0 0 30px 0; }

#mainNav + #contentArea #main-content {
  background: #FBF9F5;padding: 50px 0 0; }

#mainNav + #contentArea #main-content > .contentWrapper {
    border: 0;
    background: #FBF9F5;
}

#sidebar .nav-list a {
  color: #635c5c; }

#sidebar h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: bold; }

#sidebar .nav-list .active a,
#sidebar .nav-list .active a:hover,
#sidebar .nav-list .active a:focus {
  font-weight: 600; }

.articleList li {
  margin: 1em 0; }

.articleList {
  font-size: 18px !important;
  margin: 40px 0; }
.contentWrapper .articleList li a {
    color: #333 !important;
}
.icon-article-doc::before {
  content: '•';
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  color: #333333;
  margin-right: 10px; }

#sidebar .nav-list a:hover {
  color: #ff8c7d; }

/* Below 768px */
@media all and (max-width: 768px) {
  .most-pop-articles.two-col .popArticles {
    width: 90%; }
  .contentWrapper h1 {
    font-size: 1.6em; } 
  .collapse {
    position: absolute;
    z-index: 99;
    right: 0; }
  .collapse.in {
    background: #fff;
    top: 40px;
    padding: 1rem;}
  #mainNav + #contentArea #main-content {
    padding: 80px 0 0; }
}

/* Above 768px */
@media all and (min-width: 768px) {
  #docsSearch h1,
  h1,
  .h1 {
    font-size: 2.5em; }
  #docsSearch h1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto; }
  h2,
  .h2 {
    font-size: 2.5em; }
  h3,
  .h3 {
    font-size: 2em; }
  #sidebar h3 {
    font-size: 1.2em; }
  h4,
  .h4 {
    font-size: 1.75em; }
  h5,
  .h5 {
    font-size: 1.375em; }
  /* Home popular articles */
  .most-pop-articles.two-col .popArticles li {
    padding-left: 20px; }
  /* Home page search */
  #docsSearch {
    padding: 9% 0 5%; }
  #searchBar button,
  #searchBar button:hover,
  #searchBar button:focus {
    top: 32px; }
  .category-list {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr); }
  .container-fluid {
    max-width: 1160px; } }

@media (min-width: 1024px) {

  .category-list {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr); } }