@charset "UTF-8";

@import url("https://use.fontawesome.com/releases/v5.7.1/css/all.css");

.acs-side-bar {
  background-color: rgb(240, 243, 242)
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.h1, h1 {
  font-size: 2rem;
}

@media (max-width: 767.98px) {
  .intro-text {
      font-size: 0.9rem;
      line-height: 1.5;
  }
  
  .intro-text br {
      display: none;
  }
  
  .intro-text span {
      display: inline !important;
      margin-right: 0.25rem;
  }
}

@media (max-width: 575.98px) {
  .card-body {
      padding: 1rem !important;
  }
  
  .intro-text {
      font-size: 0.85rem;
  }
}

#main-content h1 {
    font-size: 1.9em;
    line-height: 1.7em;
    font-weight: 700;
    margin: 2em 0 15px 0;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    border-bottom: 1px solid #eee;
    color: #2e3138;
    font-style: none;
}

#main-content h1 em, #main-content h2 em {
    font-style: none;
}

#main-content h2 {
    font-weight: 700;
    margin: 2em 0 15px 0;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    border-bottom: 1px solid #eee;
    color: #2e3138;
}

#main-content p {
    line-height: 1.8em;
    font-size: 1.2em;
    font-style: normal;
    font-weight: 400;
    color: rgb(46, 49, 56);
    font-family: "Helvetica Neue";
    padding-top: 10px;
}


#main-content ul, #main-content ul li {
    line-height: 1.8em;
    font-style: normal;
    font-weight: 400;
    color: rgb(46, 49, 56);
    font-family: "Helvetica Neue";
    padding-top: 5px;
}

.two-right-sidebar .normal {
 border-right: 1px solid #efefef; 
}

.confluence-information-macro {
    border: none;
    background-color: rgb(242, 250, 253);
    border-left: 5px solid rgb(42, 152, 185);
    padding-top: 30px;
    padding-bottom: 30px;
}

.confluence-information-macro ul {
    padding-left: 15px;
}

.confluence-information-macro p.title {
    font-size: 1.3em;
    padding-bottom: 10px;
}

.two-right-sidebar .aside .toc-macro ul {
    list-style: none;
    color: rgb(120, 126, 130);
}


.aui-header {
  height: 70px;
  padding-top: 15px;
}

.ia-secondary-header-title {
  display: none;
}

.acs-side-bar {
  border-right: 2px solid #efefef;
}

.page-metadata {
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

.plugin_pagetree_children_span {
  padding-left: 5px;
}

.pill {
  background-color: #007bff; /* Background color */
  color: white; /* Text color */
  padding: 8px 16px; /* Vertical and horizontal padding */
  border-radius: 50px; /* Large border-radius for pill shape */
  display: inline-block; /* Keeps it inline but allows padding */
  font-size: 14px; /* Optional: adjust text size */
  white-space: nowrap; /* Prevents text wrapping */
}

.card, .listfeaturedtag {
  border: 1px solid rgba(255, 255, 255, 0.125)
}

.self-plug{
  padding-left:50px;
  padding-right:50px;
  margin-top:75px;
  line-height: 1.8;
}

.post-date { 
  padding-bottom: 10px;
  font-size:1.2em;
}

.alertbar input[type="submit"] {
  background-color: #0056b3;
  border: 1px solid #0056b3;
}

.right-author-plug {
  height: auto;
  padding-top:5px;
  padding-bottom:30px;
  padding-left:5px;
  padding-right:5px;
}
.author-box {
  background-color: #f2f2ff;
  margin-top: 5px;
}
.post-top-meta .author-description {
  padding: 10px
}

ul.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

ul.no-bullets > li {
  padding-top:10px;
  font-size: 13px;
}

.post-top-meta span.sidebar-title {
  text-transform:uppercase;
  color: #000;
  padding-bottom: 5px;
  padding-top:35px;
}

#results-container {
  position: absolute;
  background-color: #F8F8F8;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
}

#nav-search {
  padding-top:5px;
  border-color: #F8F8F8;
}

#search-input{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
   border-radius: 20px;
   border: 1px solid #EFEFEF;
   color: #a0d18c;
   width: 250px;
   height: 30px;
   padding-left: 10px;
  }
  
#search-input:focus {
   outline: none;
   border: 1px solid #EFEFEF;
   color: #2d9fd9;
}

.jumbotron{
  background-color: #EFEFEF;
}

applause-button {
  width: 30px;
  height: 30px;
  margin-top: 10px;
  margin-left:5px;

  .count-container {
    color: inherit;
    font-size: 0.8em;
    margin-top: 45px;
    position: relative;
  }
}