h1, h3 {
    color: #168150;
    padding-top: .2em;
}
h1, h2{
  margin-top: .2em;
  margin-bottom: .5em;
}
p{
  padding: 0;
  margin: 0;
}
[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  height: 10px;
  width: 10px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
  background-size: 10px 10px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(22, 129, 80, 0.8);
  box-shadow: 0 1px 1px rgba(22, 129, 80, 1) inset, 0 0 8px rgba(22, 129, 80, 0.6);
  outline: 0 none;
}
#languageMenu{
  margin-top: -2px;
}
#languageMenu pre{
  margin-top: .4rem!important;
}
#greeting {
  position: relative;
  opacity: 1;
  min-height: 1px;
  max-height: 200px;
  transition: max-height 2s cubic-bezier(0, 1, 0, 1), opacity 1s ease;
}
#greeting.hidden {
  min-height: 1px;
  max-height: 1px;
  opacity: 0;
  pointer-events: none; /* Prevent interactions with hidden element */
}
.close {
  position: absolute;
  top: 5px; /* Adjust the top value to move the close button up or down */
  right: 5px; 
  color: #D68910;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}
.page-item .page-link{
  background: none;
  border-color: #168150;
}
.page-item.active .page-link{
  background: #168150;
  border-color: #168150;
  cursor: auto;
}
.page-link{
  cursor: pointer;
}
.row{
  padding-top: .2em;
  padding-bottom: .5em;
}
.d-contents{
  display: contents!important;
}
ul.translations{
  padding: 0;
}
ul.translations li{
  display: block;
}
ul.translations li:last-child{
  border-bottom: none;
}
li {
  display: inline;
  text-decoration: none;
  padding: .2em 0;
  margin-top: 0;
  margin-bottom: .5em;
}
li.text {
  display: contents;
  text-decoration: none;
  padding: 5px;
}
a{
  text-decoration: none;
  color: #D68910!important;
}
a:hover {
  color: #FFC300;
}
p.credits {
  font-size: x-small;
}
#languageMenu a{
  border-radius: 0.375rem;
  text-align: right;
  padding: .5em .5em .2em .5em;
  margin: .5em 0;
}
#settings-btn a, #help-btn a{
  display: inline-block;
  padding: 0;
  margin: 0;
  border: none!important;
}
#settings-btn a:hover{
  background: none!important;
  transform: rotate(180deg);
  transition: transform .7s ease-in-out;
}
#help-btn a:hover{
  background: none!important;
  transform: rotate(15deg);
  transition: transform .7s ease-in-out;
}
#settings-btn a i, #help-btn a i{
  padding-top: .4em;
}
#languageMenu a:hover {
  color: #FFC300;
  background-color:#168150;
  font-weight: 900;
}
#languageMenu .active {
  color: #F39C12;
  font-weight: 900;
  border: 2px solid #168150;
}
#search-btn, #settings-btn{
  float:left;
  margin-right:1em;
  margin-left:1em;
}

.langList{
  padding: 0;
}
.langList li{
  width: 33%;
  align-content: center;
  justify-content:center;
}
.langList li h2{
  width: 100%;
  text-align: center;
}

.chapterList{
  padding: 0;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.chapterList a{
  border-radius: .5em;
  padding: .2em .5em;
  margin: .5em;
}
.chapterList a:hover{
  border: 1px solid #D68910;
  border-radius: .5em;
  padding: .2em .5em;
  margin: .5em;
}
.verseList{
  padding: 0;
}
.remarkList{
  padding: 0;
}
#parallel-container{
  display: table;
  border-collapse: collapse;
}
.parallel-verse-block{
  display: table-row;
  border-bottom: .5px solid;
  border-bottom-color: rgba(238, 238, 238, 0.3);
  padding: .5em 0;
}
.parallel-verse-block:first-child, .parallel-verse-block:nth-child(2), .parallel-verse-block:last-child {
  border-bottom: none;
}
.parallel-cell{
  padding: 0 .5em;
}
.parallel-cell h3{
  margin: 0 0 .5em 0;
}
.parallel-main-translation, .parallel-secondary-translation{
  display: table-cell;
  width: 50%;
}
.breadcrumbs{
  font-size:.9em;
  padding-left: 0;
}
.sub{
  display: none;
}
.subtitle{
  font-style: italic;
  font-weight: 400;
  font-family: 'Times New Roman', Times, serif;
  white-space: nowrap;
}

[type=radio].hideRadio{ 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

/* IMAGE STYLES */
[type=radio] + .letterpic, [type=radio] + .letterpic-font {
  cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + .letterpic, [type=radio]:checked + .letterpic-font {
  outline: 1px solid #D68910;
}

/* CHECKED STYLES */
[type=radio]:hover + .letterpic, [type=radio]:hover + .letterpic-font {
  outline: 1px solid #168150;
}

.lbl-letterpic{
  display: inline-flex;
  margin-bottom: 1em;
}
.lbl-group-name{
  display: inline-flex;
  margin-bottom: 1em;
}
.letterpic{
  display: flex;
  width: 50px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-right: .5em;
}

.letterpic-font{
  display: flex;
  width: 80px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-right: .5em;
}

.letterpic span{
  position: absolute;
}

.letterpic-font span{
  position: absolute;
  font-size: 1.5em;
}


.lbl-group{
  display: flex;
  width: 170px;
  height: 50px;
  align-items: center;
}
.lbl-group span{
  position: absolute;
  font-size: 1em;
  padding-top: .5em;
}
.btn-np{
  padding:0!important;
}
.chapterHeader{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    row-gap: 0;
}
.accordion-group{
	flex-basis: 100%;
}

#contact-form p{
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
#contact-form p label{
  min-width: 25%;
}
#contact-form p input, #contact-form p textarea{
  border: 1px solid #ced4da;
  border-radius: .375rem;
}