/* Bible Search Project
 * Bible Search Style Sheet
 * Website: http://openholybible.com/ 
 * Author: CMZ2 http://cmz2.io
 * Dark Theme 
 * Styles for the results page 
 */ 

/* ================================
   Main Results Style
   ================================ */
:root{
    --bg:#2e2e2e;
    --ink:#eee;
    --muted:#aaa;
    --panel:#3a3a3a;
    --gold:#b79a5a;
    --goldText:#000;
  }
  
body{
    font-family: system-ui, Arial, sans-serif;
    background:var(--bg);
    color:var(--ink);
    margin:0;
    line-height:1.35;
        }
        .wrap{
            max-width: 900px;
            margin: 0 auto;
            padding: 20px;
        }
        .card{
             background:rgba(0,0,0,.12);
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  padding:18px;
   margin-bottom:110px;
        }
        .result{
			margin-bottom: 16px;
            padding: 14px 0;
            border-top: 1px solid #aaa;
        }
        .result:first-child{
            border-top: none;
        }
        .ref{
            font-weight: bold;
            margin-bottom: 6px;
			font-weight: 600;
    color: #e2c044;
        }
        .ref a{
            text-decoration: none;
			color:var(--gold);
        }
        .ref a:hover{
            text-decoration: underline;
        }
        .note{
            background: #fff8db;
            border: 1px solid #ecd98b;
			color: var(--goldText);
            border-radius: 8px;
            padding: 10px 12px;
            margin-bottom: 10px;
        }
        .count{
            color:var(--ink) ;
            margin-top: 10px;
        }
		
		      .back_link a{
            text-decoration: none;
			color:var(--gold);
        }
        .back_link a:hover{
            text-decoration: underline;
        }
		
		/* Buttons */
.btn{
  display:inline-block;
  padding:10px 18px;
  background:var(--panel);
  color:#eee;
  text-decoration:none;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.12);
  font-weight:600;
  font-size:14px;
  transition:all .15s ease;
}

.btn:hover{
  background:var(--gold);
  color:var(--goldText);
}

 /* simple footer */
footer{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background:#2e2e2e;
  background:linear-gradient(
    to top,
    #2e2e2e 80%,
    rgba(46,46,46,0)
  );
  text-align:center;
  padding:20px 0 12px;
  border-top:1px solid #444;
  z-index:1000;
  box-shadow:0 -6px 12px rgba(0,0,0,.15);
}

footer a{
  color:var(--gold);
  text-decoration:none;
}

footer a:hover{
  text-decoration:underline;
}

/* Footer Branding */
.footer-emblem{
  margin-bottom:8px;
}

.footer-emblem img{
  display:block;
  margin:0 auto;
  max-width:150px;
  height:auto;
  margin-top: -13px;
}

.footer-meta{
  font-size:0.9rem;
  opacity:0.8;
}
.se_h3{
    margin-top: 24px;
    margin-bottom: 10px;
    padding-bottom: 4px;
    border-bottom: 1px solid #ddd;
}

.bh1{
	margin-top: -20px;
}

.search-help{
margin-top:20px;
padding:14px 18px;

border-radius:8px;
font-size:0.9rem;
}

.search-help h3{
margin-top:0;
font-size:1rem;
}

.search-help ul{
margin:8px 0 6px 18px;
}

.search-note{
font-size:0.85rem;
color:#eee;
}