@import url("https://fonts.googleapis.com/css?family=Lato");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: "Nohemi";
  src: url("fonts/Nohemi-Bold-BF6438cc577b524.woff") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Nohemi";
  src: url("fonts/Nohemi-Medium-BF6438cc57ddecd.woff") format("woff2");
  font-weight: 500;
  font-style: normal;
}

/* ##########  RESETS AND BASE ########## */
body,
input,
button,
select,
textarea {
  font-family: 'Montserrat', Arial, sans-serif;
}

body {
  background-color: #FAF7FF;
}

strong {
  font-weight: 600;
}

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 {
  background-color: #fff;
  border: 1px solid #ededed;
  box-shadow: none;
}
input:focus {
  border: 2px solid #6E54D7;
}


a {
  /* color: #795de7; */
}

.btn {
  display: inline-block;
  padding : 11px 10px;
  color: #ffffff !important;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 18px;
  text-shadow: none;
  background-color: #795de7;
  background-image: none;
  filter: unset;
  border-color: rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  box-shadow: none;
}

a.btn {
  background: #795de7;
  color: #ffffff !important;
  text-decoration: none;
}

.btn:focus,
.btn:hover {
  background: #009181;
  text-decoration: none;
}
         
.contentWrapper h1,
.contentWrapper h2,
.contentWrapper h3,
.contentWrapper h4,
.contentWrapper h5 {
  font-weight: 700;
  color: #071c35;
}
.contentWrapper h1 {
  font-family: "Nohemi", sans-serif;
  font-size: 1.75rem;
  margin-bottom: 0;
}
.contentWrapper a {
  font-size: 1rem;

  color: #6e54d7;
}
/* ########## NAV BAR AND SEARCH ########## */



.navbar {
  width: 100%;
  position: absolute;
  z-index: 2;
}
.navbar,
.navbar .navbar-inner {
  background: transparent;
  box-shadow: none;
}

.navbar .navbar-inner .container-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  padding-top: 24px;
}
.navbar-inner .container-fluid::before,
.navbar-inner .container-fluid::after,
.nav-collapse.collapse {
  display: none;
}

.navbar button {
  display: none !important;
}

.navbar .brand,
.navbar .nav li a:hover,
.navbar .nav li a:focus,
.navbar .nav .active a,
.navbar .nav .active a:hover,
.navbar .nav .active a:focus {
  color: #fff;
}

.navbar .nav li {
  display: none;
}

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

.navbar .brand {
  padding: 0;
}
.navbar-inner a.brand img {
  height: 45px;
  width: auto;
}

.navbar-inner .go-dashboard-btn {
  font-size: 1rem;
  line-height: 100%;
  color: #fff;
  border: 2px solid #E1F99D;
  border-radius: 32px;
  padding: 10px 30px;
  transition: 0.25s;
  text-decoration: none;
}
.navbar-inner .go-dashboard-btn:hover,
.navbar-inner .go-dashboard-btn:active,
#sidebar .nav-list .active a,
.pagination ul li.active a {
  color: #fff;
  background-color: #6e54d7;
}

.navbar-inner .go-dashboard-btn:focus-visible,
.pagination ul li.active a:focus-visible {
  outline: 4px solid #1b3656;
}

@media (min-width: 769px) {
  .navbar .nav {
    position: relative;
    right: unset;
    left: auto;
    bottom: 0;
    margin-right: 0;
  }
}

#docsSearch {
  color: #fff;
  background: linear-gradient(284.18deg, #806ADC 24.86%, #1C0B29 99.09%),
linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  
  position: relative;
  padding-top:100px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0;
  overflow: hidden;
}
#searchBar {
  max-width: 526px;
  width: 100%;
  z-index: 2;
}

#docsSearch::before {
  content: "";
  background-image: url(https://emailoctopus.com/api/media/file/docsSearch-left-vectore.svg);
  background-size: 100% 100%;
  width: 108px;
  height: 108px;
  position: absolute;
  top: 125px;
  left: 140px;
}
#docsSearch::after {
  content: "";
  background-image: url(https://emailoctopus.com/api/media/file/docsSearch-right-vectore.svg);
  background-size: 100% 100%;
  width: 280px;
  height: 280px;
  position: absolute;
  bottom: -36px;
  right:0px;
}


.collection-category .category-list {
  margin: auto;
}

#collection-1 {
  display: none;
}




#searchBar button {
  /* text-shadow: none;
  border: none;
  position: absolute;
  left: 0;
  right: auto;
  background: 0;
  pointer-events: none;
  padding: 0 14px; */
  display: none;
}
#searchBar .search-query {
  font-size: 1rem;
  color: #fff;
  background: transparent;
  border: 1px solid F5EFFF;
  border-radius: 32px;
  /* padding-left: 37px; */
}
#searchBar .search-query::placeholder {
  color: #FAF7FF;
}

#searchBar span {
  display: none;
}

#collection-category-393 {
  display: none;
}

#docsSearch button .icon-search {
  color: #656e80;
  display: block;
}

#contentArea {
  margin-top: 60px;
}
#contentArea.container-fluid {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
#contentArea .row-fluid {
  box-sizing: border-box;
  max-width: 1080px;
  padding-inline: 20px;
  margin: 0 auto;
}

#serp-dd {
  top: 100px;
  border: 1px solid #ededed;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}

#serp-dd .result > li {
  padding: 5px;
}

/* ########## HOME (WITH COLLECTIONS) ########## */

.twoCol h2 a,
.threeCol h2 a {
  font-size: 18px;
  color: #161b1e;
  display: inline-block;
  border-bottom: 0;
}

.twoCol .popArticles,
.threeCol .popArticles,
.most-pop-articles .popArticles {
  font-size: 15px;
  list-style: none;
  margin: 0;
  text-align: left;
}

.icon-article-doc:before {
  content: "";
  display: none;
}

.twoCol .popArticles a,
.threeCol .popArticles a,
.most-pop-articles .popArticles a {
  margin-left: 0;
}

.threeCol .collection {
  border: 1px solid #ededed;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.04);
}

.threeCol .collection .collection-body {
  padding: 0 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 220px;
  max-height: 220px;
}

.threeCol .collection .collection-body ul {
  overflow: hidden;
}

#docsSearch h1 {
  max-width: 652px;
  font-family: "Nohemi", sans-serif;
  font-size: 3.375rem;
  font-weight: 700;
  line-height: 1;
  margin-inline: auto;
}

.collection-head:before {
  content: " ";
  display: block;
  height: 180px;
  background: #ededed;
  border-radius: 3px 3px 0 0;
}

.threeCol .collection .collection-head {
  padding: 0;
}

.twoCol h2,
.threeCol h2 {
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  padding: 0 10px;
  margin: 10px 0 0 0;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.twoCol .browse,
.threeCol .browse {
  display: inline-block;
  margin-top: 20px;
}

.most-pop-articles.two-col .popArticles .icon-article-doc {
  display: none;
}

/* ########## HOME (WITH CATEGORIES) ########## */

/* ########## ARTICLE PAGE ########## */

#main-content {
  background: none;
  padding: 0 0 0 28px;
}

.contentWrapper {
  border: 0;
  padding: 59px 28px 54px;
  box-shadow: 0px 2px 12px 0px #0000000a;
  border-radius: 60px;
}
.contentWrapper.withRelated {
  padding: 24px 28px;
  border-radius: 34px;
}

#sidebar {
  position: sticky;
  top: 32px;
  margin: 0;
  background-color: #FFFFFF;
  padding: 24px 28px;
  border-radius: 34px;
}

#sidebar form .search-query {
  border: 1px solid #d0d0d0;
  color: #161b1e;
}

#serp-dd.sb {
  top: 74px;
  border-radius: 3px;
}

#sidebar .nav-list {
  margin-bottom: 0;
}
#sidebar h3 {
  font-family: "Nohemi" , sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 24px;
  color: #071c35;
  margin-bottom: 15px;
}

#sidebar .nav-list li {
  margin-left: -12px;
  margin-bottom: 8px;
 
}
#sidebar .nav-list a {
  width: calc(100% - 24px);
  font-size: 14px;
  font-weight: 500 !important;
  color: #656e80;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  line-height: 16px;
  margin-left: 0;
  transition: 0.25s;
  border-radius: 34px;
}
#sidebar .nav-list a:hover,
#serp .articleList > li:hover,
.related ul > li a:hover {
  background-color: #F2F4E6;
}
#sidebar .nav-list a:active,
.related ul > li a:active {
  background-color: #E1E7C3;
}
#sidebar .nav-list a:focus-visible,
.articleList a:focus-visible,
.pagination ul li a:focus-visible,
#serp .articleList > li:focus-visible,
.related ul > li a:focus-visible {
  outline: 4px solid #6E54D7;
}
#sidebar .nav-list a:focus,
#sidebar .nav-list a:hover,
#sidebar .nav-list a:focus-visible {
  color: #071c35;
}
#sidebar .nav-list .active a:hover {
  color: #fff;
  background-color: #3C2668;
}
#sidebar .nav-list .active a:active {
  color: #fff;
  background-color: #2B0642;
}
#sidebar .nav-list .active a:focus-visible {
  outline: 4px solid #6E54D7;
}

#sidebar .nav-list li a::before {
  content: '';
  width: 11px;
  height: 11px;
  border-radius: 100%;
  display: block;
}
#sidebar .nav-list li:first-of-type a::before {
  background-color: #B5A6D7;
}
#sidebar .nav-list li:nth-of-type(2) a::before {
  background-color: #E1F99D;
}
#sidebar .nav-list li:nth-of-type(3) a::before {
  background-color: #FF8378;
}
#sidebar .nav-list li:nth-of-type(4) a::before {
  background-color: #1542DE;
}
#sidebar .nav-list li:nth-of-type(5) a::before {
  background-color: #5EDDAF;
}
#sidebar .nav-list li:nth-of-type(6) a::before {
  background-color: #FD9DE7;
}
#sidebar .nav-list li:nth-of-type(7) a::before {
  background-color: #E1F99D;
}
#sidebar .nav-list li:nth-of-type(8) a::before {
  background-color: #FF8378;
}
#sidebar .nav-list li:nth-of-type(9) a::before {
  background-color: #1542DE;
}
#sidebar .nav-list li:nth-of-type(10) a::before {
  background-color: #5EDDAF;
}
#sidebar .nav-list li:nth-of-type(11) a::before {
  background-color: #FD9DE7;
}
#sidebar .nav-list li:nth-of-type(12) a::before {
  background-color: #E1F99D;
}
#sidebar .nav-list li:nth-of-type(13) a::before {
  background-color: #FF8378;
}
#sidebar .nav-list li:nth-of-type(14) a::before {
  background-color: #1542DE;
}
#sidebar .nav-list li:nth-of-type(15) a::before {
  background-color: #5EDDAF;
}



#sidebar .nav-list .active a .icon-arrow,
#sidebar .nav-list .active a:hover .icon-arrow,
#sidebar .nav-list .active a:focus .icon-arrow {
  display: none;
}
#fullArticle {
  position: relative;
}
#fullArticle .index-list {
  background-color: #f8fbfa;
  border: 1px solid #cfe7e1;
  border-radius: 10px;
  padding: 16px;
}
#fullArticle .index-list h4 {
  padding: 0 12px;
}

@media screen and (min-width: 1000px) {
  #fullArticle .index-list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
  }
  #fullArticle .index-list li {
    float: none !important;
    width: auto !important;
  }
}
#fullArticle .index-list ul {
  width: auto !important;
  float: none !important;
}
#fullArticle .index-list li {
  padding-left: 0;
  display: flex;
}
#fullArticle .index-list a {
  width: 100%;
  font-weight: 400;
  line-height: 150%;
  color: #656e80;
  padding: 8px 12px;
}
#fullArticle .index-list a:hover,
#fullArticle .index-list a:active {
  text-decoration: none;
  color: #071c35;
  background-color: #e8f5f2;
}

#fullArticle h1,
#fullArticle h2,
#fullArticle h3,
#fullArticle h4,
#fullArticle h5 {
  margin: 40px 0 20px 0;
  color: #071c35;
}
#fullArticle h2 {
  font-size: 1.75rem;
  line-height: 125%;
}
#fullArticle h3 {
  font-size: 1.5rem;
  line-height: 125%;
}
#fullArticle h4 {
  font-size: 1.25rem;
  line-height: 125%;
}
#fullArticle h5 {
  font-size: 1rem;
  line-height: 125%;
}

#fullArticle p,
#fullArticle ul,
#fullArticle ol,
#fullArticle li,
#fullArticle div,
#fullArticle dd,
#fullArticle table {
  font-size: 1rem;
  line-height: 150%;
  color: #071c35;
}
#fullArticle blockquote {
  border: 0;
  position: relative;
  padding: 12px 0 0 12px;
}
#fullArticle blockquote::before {
  content: "";
  width: 11px;
  aspect-ratio: 0.916;
  position: absolute;
  top: 0;
  left: 0px;
  background-image: url(https://blog.emailoctopus.com/wp-content/uploads/2025/03/blockquote-quotes.svg);
}
#fullArticle blockquote,
#fullArticle blockquote p {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 150%;
}

#fullArticle p:last-child {
  margin-bottom: 0;
}

#fullArticle table {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
#fullArticle table::after {
  content: "";
  position: absolute;
  border: 1px solid #d9e1ed;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: inherit;
  box-sizing: border-box;
}
#fullArticle table th{
  background-color: #eef2f7;
}
#fullArticle table tr:first-of-type td, #fullArticle table th {
  border-top: 0;
}
#fullArticle table td,
#fullArticle table th {
  padding: 16px;
}

#fullArticle strong {
  color: #071c35;
}

#fullArticle .title {
  font-family: 'Nohemi',  sans-serif ;
  font-size: 1.75rem;
  margin: 0 56px 25px 0;

}

#fullArticle .printArticle {
  display: none;
}

#fullArticle img {
  margin: 0;
  padding: 0;
  border-radius: 0px;
  border: none;
}

#fullArticle .callout,
#fullArticle .callout-blue,
#fullArticle .callout-green,
#fullArticle .callout-red,
#fullArticle .callout-yellow,
#fullArticle .private-note {
  padding: 24px 28px;
  border-left: 0;
  border-radius: 24px;
}
#fullArticle .callout {
  background-color: #F5EFFF;
}
#fullArticle .callout-yellow {
  background-color: #EDFBC4;
}
#fullArticle .callout-blue {
  background-color: #DFE6F8;
}
#fullArticle .callout-green {
  background-color: #D1FBED;
}
#fullArticle .callout-red {
  background-color: #FFD7D4;
}
#fullArticle [class*="callout"] strong {
  color: inherit;
}

#fullArticle .callout p,
#fullArticle .callout-blue p,
#fullArticle .callout-green p,
#fullArticle .callout-red p,
#fullArticle .callout-yellow p,
#fullArticle .private-note p {
  font-size: 1rem;
  line-height: 150%;
}
#fullArticle .callout p {
  color: #4a505e;
}
#fullArticle .callout-yellow p {
  color: #753f00;
}
#fullArticle .callout-blue p {
  color: #4b42ae;
}
#fullArticle .callout-green p {
  color: #004c51;
}
#fullArticle .callout-red p {
  color: #a0132d;
}
#fullArticle code,
#fullArticle pre {
  background: #eef2f6;
  font-size: 1rem;
  color: #656e80;
  line-height: 22px;
  padding: 16px;
  border: 0;
}

#fullArticle code.inline-code {
  padding: 0;
}

.articleFoot {
  margin-top: 24px;
}
.articleFoot .icon-contact {
  color: #656e80;
}
.articleFoot p,
.articleFoot time {
  font-size: 0.875rem;
  color: #071c35;
  display: inline-block;
  font-family: Lato, Arial, sans-serif;
  font-style: normal;
}

.articleFoot .lu {
  display: none;
}

.articleRatings {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 150%;
  color: #071c35;
  padding: 24px;
  margin-top: 20px;
  justify-content: space-between;
  box-sizing: border-box;
  border-radius: 24px;
  background-color: #FAF7FF;
  border-color: #8377AF;
}
.articleRatings-question {
  font-family: 'Nohemi', sans-serif;
  letter-spacing: .025rem;
  text-transform: uppercase;
}
.contactUs {
  text-decoration: underline;
}
.articleRatings-actions {
  display: flex;
  width: auto;
  gap: 11px;
}
.rateAction {
  transform: scale(0.8275);
  background-color: #9496D5;
  border-color: #ECDBFF;
}
.rating-face {
  fill: #000073;
}

#sbContact {
  font-size: 0.875rem;
  color: #795de7;
  border-bottom: 0;
}

#sbContact:hover {
  color: #795de7;
  text-decoration: none;
  border-bottom-color: #795de7;
}


.related {
  box-shadow: 0px 2px 12px 0px #0000000a;
  border: 0;
  margin-top: 2rem;
  border-radius: 34px;
}
.related h3 {
  font-family: 'Nohemi', sans-serif;
  font-size: 1.375rem;
  line-height: 150%;
  color: #0C0C0D;
  text-transform: capitalize;
}
.related ul {
  padding-left: 15px;
}
.related ul > li {
  padding: 0;
}
.related ul > li a {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 150%;
  color: #52447F;
  display: block;
  padding: 12px 24px;
  margin-left: -36px;
  border-radius: 74px;
}
.related ul > li a:hover span {
  text-decoration: none;
}

/* ########## ARTICLES LIST / CATEGORY ########## */

#categoryHead h1 {
  font-family: 'Nohemi', sans-serif;
  margin-top: 0;
  margin-bottom: 21px;
}

.articleList {
  font-size: 18px;
  list-style-type: none;
  padding-left: 15px;
}

.articleList li {
  margin: 0;
  line-height: 24px;
  padding-left: 0;
}

.articleList a {
  font-size: 1.25rem;
  font-weight: 600;
  color: #52447F;
  padding: 12px 24px;
  margin-left: -12px;
  display: block;
  border-radius: 74px;
  transition: 0.25s;
}
.articleList a:hover {
  background-color: #F2F4E6;
}
.articleList a:active {
  background-color: #E1E7C3;
  color: #071c35;
}
.articleList a:focus,
.articleList a:focus-visible {
  border: 3px solid #6E54D7;
}

.articleList a:hover span,
.articleList a:active span {
  text-decoration: none;
}

.category-list {
  max-width: 1120px;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 0 auto;
}
.category-list h3 {
  font-weight: 700;
  color: #071c35;
  margin: 0;
  grid-column: 1/-1;
}

.category-list .category {
  width: 100%;
  text-align: start;
  background-color: #ffffff !important;
  border-radius: 34px;
  border: 0;
  box-sizing: border-box;
  padding: 24px 28px;
  margin: 0;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  transition: 0.25s;
  align-items: end;
 
}
.category-list .category:hover {
  background-color: #F2F4E6;
}

.category-list .category:active {
  background-color: #E1E7C3;
}
.category-list .category:focus,
.category-list .category:focus-visible {
  background-color: #fff !important;
  outline: 0;
}
.category-list .category p:not(.article-count) {
  font-size: 1rem;
  line-height: 150%;
  color: #071c35;
  display: block !important;
  margin: 8px 0 45px;
  grid-column: 1/-1;
}
.category-list .category .article-count {
  margin: 0;
  /* align-self: end; */
}
.category-list .category:hover .article-count {
  color: #828d9e;
}
.category-list .category::after {
  content: "";
  width: 60px;
  aspect-ratio: 1;
  display: block;
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-1.svg);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  margin-left: auto;
}
.category-list .category#category-355:after {
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-2.svg);
}
.category-list .category#category-55:after {
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-3.svg);
}
.category-list .category#category-51:after {
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-4.svg);
}
.category-list .category#category-6:after {
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-5.svg);
}
.category-list .category#category-27:after {
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-6.svg);
}
.category-list .category#category-216:after {
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-7.svg);
}
.category-list .category#category-203:after {
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-8.svg);
}
.category-list .category#category-82:after {
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-9.svg);
}
.category-list .category#category-69:after {
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-10.svg);
}
.category-list .category#category-25:after {
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-11.svg);
}
.category-list .category#category-64:after {
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-12.svg);
}
.category-list .category#category-4:after {
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-13.svg);
}
.category-list .category#category-88:after {
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-14.svg);
}
.category-list .category#category-20:after {
  background-image: url(https://emailoctopus.com/api/media/file/category-icon-15.svg);
}

/* ########## Footer ########## */
footer {
  background-color: #2B0642;
  padding-block: 40px;
  margin-top: 60px;
  border-top-left-radius: 52px;
  border-top-right-radius: 52px;
  padding-inline: 20px;
}
.footer-flex {
   max-width: 1080px;
   margin-inline: auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
   
}
.footer-socials {
  display: flex;
  gap: 8px;
}
footer p {
  font-size: 0.875rem;
  text-align: start;
  color: #FAF7FF;
  max-width: 1080px;
  margin: 16px auto 0;
  
  position: relative;
}
footer.center p {
  text-align: start;
}
footer p a {
  color: #FAF7FF;
}
/* footer p::before {
  width: 136px;
  height: 32px;
  content: "";
  background-image: url(images/main-logo.svg);
  background-size: 100% 100%;
  aspect-ratio: 0.46;
  position: absolute;
  bottom: 36px;
  left: 20px;
} */
/* footer p::after {
  content: "";
  background-image: url(images/facebook-icon.svg);
  background-size: 100% 100%;
  width: 87.72px;
  aspect-ratio: 1;
  position: absolute;
  bottom: 30px;
  right: 20px;
} */
footer > p > span {
  display: none;
}

#serp-dd .result a:hover,
#serp-dd .result > li.active,
#fullArticle strong a,
#fullArticle a strong,
.collection a,
.most-pop-articles .popArticles a,
.most-pop-articles .popArticles a:hover span {
  color: #795de7 !important;
}

.contentWrapper p {
  margin-top: 0;
}
.contentWrapper p.descrip {
  font-size: 1rem;
  color: #656e80;
}

#fullArticle .admin-edit {
  color: #ffffff !important;
}
#categoryHead .sort {
  top: -5px;
}
#categoryHead .sort select {
  width: 220px;
  height: 48px;
  font-size: 1rem;
  color: #2B0642;
  padding-inline: 16px;
  border-radius: 100px;
  background-color: #FAF7FF;
  border-color: #8377AF;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(https://emailoctopus.com/api/media/file/dropdown-arroaw.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px);
  margin-top: -5px;

}
.pagination {
  margin: 24px  0 0 0;
}
.pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.pagination ul li a {
  color: #071c35;
  font-size: 1rem;
  padding: 7px 13px;
  border: 0;
  border-radius: 8px !important;
  display: block;
}
.pagination ul li.active a:hover {
  background-color: #52447F;
}
.pagination ul li.active a:active {
  background-color: #3C2668;
}
.pagination ul li.active a:focus-visible {
  border: 3px solid #2B0642;
}
.pagination ul li a:hover {
  background-color: #E1E7C3;
}
.pagination ul li a:active {
  background-color: #B7C18E;
}
.pagination ul li a:focus-visible {
  background-color: 4px solid #6E54D7;
}
#serp p {
  font-size: 16px;
  color: #656e80;
  margin-top: 0;
  margin-bottom: 0;
}
#serp .articlesFound {
  color: #52447F;
  margin-bottom: 13px;
}
#serp .articlesFound strong {
  font-weight: 400;
}

#serp .articleList > li {
  padding-left: 0;
  padding: 16px 24px;
  border-radius: 24px;
  margin-left: -12px;
  cursor: pointer;
}
#serp .articleList > li:active {
  background-color: #E1E7C3;
}

#serp .articleList > li a {
  font-size: 1.125rem;
  color: #52447F;
  padding: 0;
  margin-left: 0;
}
#serp .articleList > li a:hover {
  background-color: transparent;
}

@media (min-width: 1200px) {
  .row-fluid .span3 {
    width: 31.5%;
  }
  .row-fluid .span9 {
    width: 68.5%;
  }
}

@media screen and (max-width:1150px) {
  #docsSearch::before, 
  #docsSearch::after {
    display: none;
  }
}

@media (max-width: 900px) {
  #searchBar::after, #searchBar::before  {
    display: none;
  }
}
@media (max-width: 768px) {
  body {
    padding-left: 0;
    padding-right: 0;
  }
  #contentArea, 
  footer {
    margin-top: 40px;
  }
  #contentArea .row-fluid {
    padding: 0 16px;
  }
  .navbar,
  #docsSearch {
    margin: 0;
  }
  #docsSearch h1 {
    max-width: 400px;
    font-size: 2rem;
  }
  .category-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .articleList a {
    font-size: 1rem;
  }

  #main-content {
    margin: 0;
    padding: 0;
  }
  .contentWrapper {
    border: 0;
    padding: 29px 20px 24px;
    border-radius: 40px;
  }
  .contentWrapper h1,
  #fullArticle .title {
    font-size: 1.5rem;
  }
  #sidebar {
    margin-top: 32px;
    padding: 20px;
  }
  #serp .articleList > li a {
    font-size: 1rem;
  }

  footer {
  padding-block: 32px;
  border-top-left-radius: 36px;
  border-top-right-radius: 36px;
  padding: 16px;
}
}

@media (max-width: 550px) {
  .category-list {
    grid-template-columns: 1fr;
  }
  #categoryHead {
    display: flex;
    flex-direction: column;
  }
  #categoryHead .descrip {
    order: 3;
  }
  #categoryHead .sort {
    position: static;
    display: block;
  }
}

@media (max-width: 450px) {
.navbar-inner a.brand img {
    height: 24px;
  }
  .navbar-inner .go-dashboard-btn {
    font-size: 0.875rem;
      padding:  12px;
  }
}
@media (max-width: 400px) {
  .contentWrapper {
    border-radius: 32px;
  }
  .contentWrapper h1,
  #fullArticle .title {
    font-size: 1rem;
  }
  .articleList a {
    padding: 12px;
  }
  footer,
  #contentArea {
    margin-top: 32px;
  }
}

@media (max-width: 350px) {
.navbar-inner a.brand img {
    height: 22px;
  }
  .navbar-inner .go-dashboard-btn {
    font-size: 0.75rem;
  }
}