:root {
  --primary-bg: rgb(179 13 18);
  --primary-bg-transparent: rgba(255, 255, 255, 0);

  --primary-color: #f9fafb;

  --color-white: #f9fafb;
  --color-black: #000000;

  --page-section-padding: 60px 0px;

  /*Font family variables*/

}


/*Header CSS*/
nav.navbar-light{
    box-shadow: 0 0 4px 0 rgb(255 255 255 / 20%), 0 10px 20px 0 rgb(106 107 119 / 20%);
}







/*boxed area section*/
.card-deck{
  display: grid;
  grid-template-columns: auto auto auto auto;
}












/*Single Search Page*/
.launch-button{
    background-color: var(--primary-bg);
    border-color: var(--primary-bg);
}

.sidebar{
  background: var(--primary-bg-transparent);
  padding: 20px 20px;
}


.sign-background{
  background-color: var(--primary-color);
  padding: 5em 0px;
}

.login-inner-pd{
  padding: 8em 7em;
}

.lrbx-title{
  text-align: center;
  background-color: var(--primary-bg);
  width: auto;
  display: inline-block;
  padding: 5px 15px;
  color: var(--color-white);
  font-size: 1.3em;
}

.cs-lg-btn{
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}


/* Search result design */
.js-inner-albums {
  width: 100%;
  gap: 35px;
  padding: 0px;
  counter-reset: js-inner-album;
  display: grid;
  /*grid-template-columns: auto auto; */
  /* grid-template-columns: fit-content(50%) fit-content(50%); */
  grid-template-columns: 1fr 1fr;

  list-style: none;
}
.js-inner-albums a{
  text-decoration: none;
}
.js-inner-album {
  width: calc(100% - 10px);
  padding-left: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  counter-increment: js-inner-album;
}

.js-inner-albums li{
  background-color: #f7f7f7;
  border-left: 5px solid;
  transition: all 0.5s ease;
  padding: 15px 0px;
}

.js-inner-albums li:hover{
  border-left: 10px solid;
}


.js-inner-albums .inner-album__title{
  color: #575757;
  font-size: 1.1em;
  font-weight: 500;
  line-break: anywhere;
}


@media (min-width: 60em) {
  .js-inner-album:nth-child(even) {
    margin-left: 10%;
  }
}

@media (min-width: 120em) {
  .js-inner-album:nth-child(even) {
    margin-left: 0;
  }

  .js-inner-album:nth-child(3n),
  .js-inner-album:nth-child(3n-1) {
    margin-left: 5%;
  }
}

.js-inner-album::before {
  content: counter(js-inner-album);
  position: absolute;
  display: block;
  right: 0;
  top: -12px;
  width: 3em;
  height: 3em;
  line-height: 3em;
  font-family: sans-serif;
  font-weight: 700;
  text-align: right;
  text-align: center;
  background-color: whitesmoke;
  color: gray;
  border-radius: 50%;
  border: 1px solid #e8e8e8;
  z-index: 2;
}

.inner-inner-album__title{
  font-weight: 600;
  color: #545353;
}
.inner-album__song {
  order: 2;
  color: silver;
  padding-top: 0.25rem;
  padding-bottom: 0.2rem;
  display:none;
}

.inner-album__title {
  position: relative;
  font-weight: 400;
  font-size: 1.75em;
  padding-bottom: 0.25rem;
}

.inner-album__title::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-image: linear-gradient(to right, silver, transparent);
}

/* Search result design */




.common-page-section .content h2{
    font-size: 1.4em;
    margin-bottom: 0.5rem;
}
.common-page-section .content p{
 margin-bottom: 0.5rem;
 line-height: 32px;
}


.daily-verse #pills-tab li,
.ly-search-bar #pills-tab li{
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {

  .card-deck {
      grid-template-columns: auto auto;
  }

}

@media screen and (max-width: 767px) and (min-width: 58px) {

  .login-inner-pd{
    padding: 3em 3em;
  }

  .js-inner-albums,
  .card-deck {
      grid-template-columns: auto;
  }

}




/*Single Song Page style Modification*/
.modal-header{
    background: #590609;
    color: #fff;
}