/* -- Colors ----------------------------------------------------------------- */
/* /  Colors ----------------------------------------------------------------- */
/* -- Fonts ----------------------------------------------------------------- */
.raleway {
  font-family: 'Raleway', helvetica, sans-serif;
}
.lora {
  font-family: 'Lora', georgia, serif;
}
/* /  Fonts ----------------------------------------------------------------- */
/* -- Default ----------------------------------------------------------------- */
body {
  font-family: 'Raleway', helvetica, sans-serif;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: 'Raleway', helvetica, sans-serif;
}
body a {
  text-decoration: none;
}
body a:hover,
body a:visited {
  text-decoration: none;
}
/* /  Default ----------------------------------------------------------------- */
/* -- FDA Warning ----------------------------------------------------------------- */
.fda-warning {
  border: 7px solid #000;
  font-size: 56px;
  text-align: center;
  padding: 0px 5%;
  min-height: 200px;
  font-weight: bold;
  line-height: 1.05em;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all .12s linear;
}
/* /  FDA Warning ----------------------------------------------------------------- */
/* -- Shared components ----------------------------------------------------------------- */
.blocks-item-internal {
  border: 0px none;
  background: transparent;
  color: inherit;
}
.btn-return {
  border: 1px solid #6c3b97;
  padding: 10px 20px;
  color: #6c3b97;
  font-family: 'Raleway', helvetica, sans-serif;
}
.btn-return strong {
  font-weight: bold;
}
.btn-return:hover {
  background: #6c3b97;
  color: #fff;
  text-decoration: none;
}
.btn {
  font-size: 14px;
  border: 1px solid #e6e6e6;
  padding: 7.5px 20px;
  text-align: center;
  color: #000;
  max-width: 135px;
  margin: 30px auto 0px auto;
  text-transform: uppercase;
}
.btn:hover {
  background: #e6e6e6;
}
.btn.btn-filled {
  background: #6c3b97;
  color: #fff;
}
.btn.btn-filled:hover {
  background: #000000;
  border-color: #000000;
}
/* /  Shared components ----------------------------------------------------------------- */
/* -- Header ----------------------------------------------------------------- */
.header {
  height: 146px;
}
.header .logo img {
  max-height: 84px;
}
.header .customer-service {
  text-align: right;
  font-size: 18px;
  line-height: 21px;
  color: #6c3b97;
}
/* /  Header ----------------------------------------------------------------- */
/* -- Footer ----------------------------------------------------------------- */
footer.footer {
  background: #fff;
  border-top: 3px solid #6c3b97;
  border-bottom: 3px solid #6c3b97;
  margin-bottom: 5px;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 0px;
}
footer.footer .footer-inner {
  width: 100%;
  max-width: 100%;
  justify-content: space-between;
  padding-left: 0px;
  padding-right: 0px;
}
footer.footer .footer-inner h5 {
  font-size: 25px;
  color: #6c3b97;
  text-transform: uppercase;
  border-bottom: 3px solid #6c3b97;
  font-weight: bold;
  margin-bottom: 20px;
}
footer.footer .footer-inner ul li a {
  font-size: 16px;
  color: #b3b3b3;
}
footer.footer .footer-inner ul li a:hover {
  text-decoration: none;
  color: #6c3b97;
}
footer.footer .footer-bottom {
  width: 100%;
  margin: 30px auto 5px auto;
  max-width: 100%;
}
footer.footer .footer-bottom .btn-return {
  margin-top: 30px;
  margin-bottom: 30px;
  color: #6c3b97;
}
footer.footer .footer-bottom .btn-return:hover {
  color: #fff;
}
/* /  Footer ----------------------------------------------------------------- */
/* -- Homepage ----------------------------------------------------------------- */
.hero {
  background: #f2f2f2;
  border-top: 1px solid #e6e6e6;
  box-shadow: 0px 1px 0px #fff inset;
  height: auto;
}
.hero h1 {
  font-size: 34px;
  color: #6c3b97;
  margin-bottom: 0px;
  font-weight: bold;
  line-height: 36px;
  letter-spacing: .05em;
}
.hero h2 {
  font-size: 28px;
  color: #6c3b97;
  font-weight: bold;
  padding-bottom: 15px;
  letter-spacing: .05em;
}
.hero .search:before {
  color: #6c3b97;
  top: 39%;
}
.hero .search #query {
  border-radius: 0px;
  border: 1px solid #e6e6e6;
  margin-bottom: 15px;
}
.hero .hero-inner {
  top: 0px;
  transform: translateY(0%);
  padding-top: 60px;
  padding-bottom: 60px;
}
.hero .knowledge-base .blocks-item {
  border-radius: 0px;
  background: #fff;
  border: 1px solid #e6e6e6;
  padding-top: 20px;
  padding-bottom: 30px;
}
.hero .knowledge-base .blocks-item ul {
  height: 100%;
}
.hero .knowledge-base .blocks-item ul li a {
  padding-right: 15px;
  padding-left: 15px;
  display: block;
  color: #000000;
}
.hero .knowledge-base .blocks-item:hover a {
  color: #000000;
}
.hero .knowledge-base .blocks-item:hover a:hover {
  color: #6c3b97;
}
.hero .knowledge-base .blocks-item h4 {
  font-size: 40px;
  color: #000;
  font-family: 'Lora', georgia, serif;
  line-height: 1.1em;
  padding-bottom: 15px;
}
.popular-searches li {
  display: inline;
}
.popular-searches li a:after {
  content: ',';
}
.popular-searches li a:hover {
  color: #000000;
}
.popular-searches li:last-of-type a:after {
  content: '';
}
.popular-searches li:first-of-type:before {
  content: 'Popular Topics:';
  font-weight: bold;
}
.icon-star:before {
  display: none;
}
.community,
.activity {
  border: 0px none;
}
.promoted-articles {
  justify-content: space-between;
  flex-direction: row;
}
.promoted-articles-item,
.promoted-articles-item:last-child {
  max-width: 48%;
  width: 100%;
  margin-bottom: 20px;
  border: 0px none;
}
.promoted-articles-item a,
.promoted-articles-item:last-child a {
  border-bottom: 0px none;
  color: #6c3b97;
  font-weight: 600;
  text-decoration: underline;
  padding: 0px;
}
.promoted-articles-item a:hover,
.promoted-articles-item:last-child a:hover {
  color: #000;
}
.promoted-articles-item p,
.promoted-articles-item:last-child p {
  margin-top: 5px;
}
/* -- Video scrollers ----------------------------------------------------------------- */
.videos-section {
  position: relative;
  padding-bottom: 50px;
}
.slick-slide div {
  display: block;
  margin-right: 30px;
  padding: 0px;
  min-height: 204px;
}
.slick-slide div iframe {
  max-width: 100%;
}
@media screen and (min-width: 681px) {
  .slick-slide div iframe {
    max-height: 250px;
  }
}
.slick-arrow {
  top: 0px;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  border: 0px none;
  height: 100%;
  width: 25px;
  background-size: 100%;
  position: absolute;
  right: -10px;
  top: 0%;
  text-indent: -9999px;
}
.slick-next {
  display: none;
}
/* /  Video scrollers ----------------------------------------------------------------- */
.most-searched h3 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.video-scroller {
  border-top: 1px solid #e6e6e6;
  padding-top: 30px;
}
.video-scroller h3 {
  font-size: 40px;
  font-family: 'Lora', georgia, serif;
  font-weight: 400;
  margin-bottom: 15px;
}
.still-need-help {
  background: #f2f2f2;
  padding-top: 40px;
}
.still-need-help .section {
  padding-bottom: 30px;
  margin-bottom: 0px;
}
.still-need-help h3 {
  text-align: center;
  margin: 0 auto;
}
.still-need-help p {
  text-align: center;
  padding-bottom: 15px;
  color: #303030;
}
.still-need-help .blocks-item {
  border-radius: 0px;
  background-color: #fff;
  background-repeat: no-repeat;
  border: 1px solid #e6e6e6;
  background-position: center 25px;
  padding-top: 85px;
  font-size: 16px;
  color: #303030;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.still-need-help .blocks-item .blocks-item-title {
  font-size: 20px;
  font-weight: bold;
}
.still-need-help .blocks-item p {
  padding-left: 30px;
  padding-right: 30px;
}
.still-need-help .blocks-item:hover p,
.still-need-help .blocks-item:hover h4 {
  color: #303030;
}
.still-need-help .btn.btn-filled {
  max-width: 190px;
  margin-bottom: 30px;
  margin-top: 10px;
  border-color: #6c3b97;
}
/* /  Homepage ----------------------------------------------------------------- */
/* -- Interior pages ----------------------------------------------------------------- */
.hero.interior-header {
  min-height: 87px;
  margin-bottom: 30px;
}
.hero.interior-header .hero-inner {
  padding-top: 30px;
  padding-bottom: 30px;
}
.category-nav {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.category-nav a {
  font-size: 20px;
  font-weight: bold;
  font-family: 'Raleway', helvetica, sans-serif;
  color: #6c6c6c;
  text-transform: uppercase;
  padding-left: 10px;
  display: block;
  letter-spacing: .05em;
  position: relative;
  padding-bottom: 15px;
}
.category-nav a:last-of-type.current:before {
  width: 70%;
}
.category-nav a.current {
  color: #6c3b97;
}
.category-nav a.current:before {
  content: '';
  position: absolute;
  bottom: 0px;
  border-bottom: 3px solid #000;
  width: 82%;
}
.category-nav a.current.full {
  padding-left: 0px;
}
.category-nav a.current.full:before {
  width: 95%;
}
.category-nav a:hover,
.category-nav a:active {
  color: #6c3b97;
  text-decoration: none;
}
.category-nav a:after {
  content: '/';
  padding-left: 10px;
}
.category-nav a:last-of-type:after {
  content: '';
}
.request-callout {
  padding-top: 30px;
  padding-bottom: 60px;
  border-top: 1px solid #e6e6e6;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 18px;
}
.request-callout .btn {
  margin-top: 0px;
  min-width: 185px;
  border-color: #6c3b97;
}
/* /  Interior pages ----------------------------------------------------------------- */
/* -- Category ----------------------------------------------------------------- */
.category-container {
  display: block;
  padding: 0px;
}
.category-container .breadcrumbs {
  padding: 0px 5% 30px 5%;
}
.category-container .category-content {
  justify-content: flex-start;
}
.category-container .category-content .section-tree-title {
  border-bottom: 1px solid #e6e6e6;
  padding-left: 10%;
}
.category-container .category-content h3 a {
  font-family: 'Lora', georgia, serif;
  font-size: 40px;
  font-weight: 400;
}
.category-container .category-content .section {
  flex: 0 0 50%;
}
.category-container .category-content .section-empty {
  margin-top: 20px;
  padding-left: 10%;
  display: inline-block;
}
.category-container .category-content ul {
  padding-left: 10%;
  margin-top: 20px;
}
.category-container .category-content ul li {
  border: 0px none;
  padding: 0px;
}
.category-container .category-content ul li a {
  font-size: 16px;
  padding: 10px 0px;
  display: block;
}
.category-container .category-content ul li a:hover {
  color: #6c3b97;
}
.section-tree .see-all-articles {
  overflow: hidden;
  height: 32px;
  max-width: 374px;
  margin-left: 10%;
  padding-top: 0px;
  position: relative;
  transition: all .25s linear;
}
.section-tree .see-all-articles:hover {
  overflow: visible;
  height: 100%;
  transition: all .25s linear;
}
.section-tree .see-all-articles h4 {
  background: #6c3b97;
  color: #fff;
  height: 32px;
  width: 100%;
  display: block;
  margin-bottom: 0px;
  padding-left: 5%;
  padding-top: 5px;
}
.section-tree .see-all-articles ul {
  border: 1px solid #e6e6e6;
  background: #fff;
  margin: 0px;
  padding: 10px 20px;
  max-width: 374px;
}
.section-tree .see-all-articles ul li a {
  color: #303030;
}
.section-tree .see-all-articles ul li a:hover {
  color: #6c3b97;
}
/* /  Category ----------------------------------------------------------------- */
/* -- Article ----------------------------------------------------------------- */
.article {
  padding: 0px;
}
.article-header {
  padding-top: 50px;
}
.article-header h1 {
  font-family: 'Lora', georgia, serif;
  font-size: 40px;
  line-height: 42px;
  color: #000;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px;
}
.article-container {
  justify-content: space-between;
}
.article-sidebar {
  max-width: 369px;
  width: 100%;
  flex: 1 0 100%;
}
.article-sidebar .related-articles {
  border: 1px solid #e6e6e6;
  text-align: cnter;
}
.article-sidebar .related-articles h3 {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
}
.article-sidebar .related-articles ul li a {
  display: block;
  padding: 5px 10px;
  text-align: center;
  color: #6c6c6c;
  font-size: 16px;
}
.article-sidebar .related-articles ul li a:hover {
  background: #6c3b97;
  color: #fff;
}
.article-body {
  font-family: 'Raleway', helvetica, sans-serif;
}
.article-body h2 {
  font-size: 16px;
  color: #6c3b97;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-weight: bold;
}
.article-body p {
  font-size: 16px;
  color: #303030;
  line-height: 24px;
}
.article-votes {
  text-align: left;
}
.article-votes .article-vote {
  margin: 10px 10px 10px 0px;
  border-radius: 0px;
  background: #6c3b97;
  color: #fff;
}
.article-votes .article-vote:after {
  color: #fff;
}
.article-votes .article-vote:hover {
  background: #000000;
}
.article-votes-comment {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
}
.article-votes-comment .article-votes,
.article-votes-comment form {
  width: 100%;
  border: 0px none;
}
.article-votes-comment .article-votes {
  margin-right: 50px;
  max-width: 40%;
}
.article-votes-comment .article-vote-label {
  font-size: 16px;
}
.article-votes-comment form .comment-container {
  position: relative;
}
.article-votes-comment form .comment-container #comment_body {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  height: 110px;
}
.comment-overview {
  border-bottom: 0px none;
  margin-top: 30px;
}
/* /  Article ----------------------------------------------------------------- */
/* -- Search results ----------------------------------------------------------------- */
.search-container .breadcrumbs {
  margin-bottom: 50px;
}
.search-container .page-header-description {
  font-style: normal;
}
.search-container .search-results-subheading {
  text-transform: uppercase;
  font-weight: normal;
  color: #303030;
  font-size: 19px;
  letter-spacing: .05em;
}
.search-container .search-result {
  padding-bottom: 30px;
}
.search-container .search-result:last-of-type {
  border-bottom: 0px none;
}
.search-container .search-result-link {
  font-weight: 600;
  font-size: 16px;
}
.search-container .search-results-column {
  flex: 0 0 65%;
}
/* /  Search results ----------------------------------------------------------------- */
/* -- Forms ----------------------------------------------------------------- */
.request_ticket_form_id label {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 15px;
}
.form-field label {
  font-size: 16px;
}
.form-field input[type="text"],
.form-field textarea,
.form-field select,
.form-field .nesty-input {
  border-radius: 0px;
}
form input[type="submit"] {
  border-radius: 0px;
}
/* /  Forms ----------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -- Media ----------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
  .footer-inner {
    flex-wrap: wrap;
  }
  .footer-inner .column {
    width: 100%;
    max-width: 45%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .footer-inner .column {
    max-width: 100%;
  }
}
/* /  Media ----------------------------------------------------------------- */
/* -- Mobile ----------------------------------------------------------------- */
@media screen and (max-width: 1000px) {
  .header {
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 30px;
    height: auto;
  }
  .header .logo {
    order: 1;
    width: 100%;
  }
  .header .logo img {
    max-width: 90%;
  }
  .header .btn-return {
    order: 2;
  }
  .header .customer-service {
    order: 3;
  }
}
@media screen and (max-width: 768px) {
  .promoted-articles-item,
  .promoted-articles-item:last-child {
    max-width: 45%;
  }
}
@media screen and (max-width: 580px) {
  .promoted-articles-item,
  .promoted-articles-item:last-child {
    max-width: 100%;
  }
  .header .btn-return {
    margin-top: 15px;
  }
  .header .customer-service {
    width: 100%;
    text-align: left;
    padding-top: 15px;
    font-size: 15px;
  }
  .category-nav {
    display: block;
    padding-left: 15px;
  }
  .category-nav a {
    display: block;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
  .category-nav a:after {
    display: none;
  }
  .category-container .category-content .section-tree-title {
    padding-left: 25px;
  }
  .category-container .category-content .section-tree-title a {
    font-size: 30px;
  }
  .category-container .category-content ul,
  .category-container .category-content .section-empty {
    padding-left: 25px;
  }
  .section-tree .see-all-articles {
    max-width: 90%;
    margin-left: 25px;
    margin-top: 10px;
  }
  .category-container .category-content ul {
    max-width: 100%;
    width: 100%;
  }
  .article-header {
    padding-top: 10px;
  }
  .article-votes-comment {
    display: block;
    padding: 5px 0px;
  }
  .article-votes-comment .article-votes {
    max-width: 100%;
    margin-right: 0px;
    text-align: center;
  }
  .article-sidebar {
    max-width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
  }
}
/* /  Mobile ----------------------------------------------------------------- */
