@charset "utf-8";
/* CSS Document */

body, html {
	background-image: url("../images/backgrounds/leatherBG-1280x908.jpg");
	background-attachment: fixed;
	background-size: cover;
}

main {
	padding-bottom: 0px;
}

.ActiveVOTD {
	text-align: center;
	padding-top: 7px;
	color: #387538;
	text-shadow: 0px 0px 6px aliceblue;
}

.heading-container {
	background-image: url("../images/backgrounds/bg-4.jpg");
	padding-top: 10px;
}
.heading-item {
	padding-top: 15px;
	text-align: center;
}
.heading-item h2, h4, h5 {
	margin: 0px;
}

.bookTitle {
    text-align: center;
    background-color: antiquewhite;
    padding: 10px;
    margin: 0px auto;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}
.bookTitle h1, h2, h3 {
    margin: 0px;
    padding: 0px;
}

.chapNum {
    text-align: center;
    background-color: antiquewhite;
    padding: 0px 0px 10px;
    margin: 0px auto;
    border-bottom: 2px solid black;
}

.vSearch {
    width: 50%;
    margin: 10px auto;
    margin-bottom: 0px;
    padding: 10px;
    border: 6px ridge #387538;
    background-color: antiquewhite;
    text-align: center;
}
.vSearchForm {
    max-width: 300px;
    margin: 0px auto;
    padding: 0px 0px 20px;
    font-size: 12px;
}

.bookSynopsis {
	background-color: antiquewhite;
	border: 4px ridge #387538;
	width: 55%;
	margin: 10px auto;
	padding: 10px 15px;
	text-align: justify;
}
.bookSynopsis p {
	margin: 0px;
	padding-bottom: 5px;
}

.versesSec {
    background-image: url("../images/backgrounds/bg-4.jpg");
    border: 10px ridge gray;
    margin: 0px auto;
    margin-bottom: 10px;
    padding: 10px;
    width: 60%;
    text-align: justify;
}
.versesSec div ol {
	column-count: 2;
	column-gap: 75px;
}

.chapNav {
    text-align: center;
    border-top: 2px solid #387538;
    background-color: antiquewhite;
    padding: 15px 0px 17px;
}
.chapNav a {
    background-color: #387538;
    border: thin solid aliceblue;
    box-shadow: 0px 0px 0px 5px #387538;
    border-radius: 10px;
    padding: 2px 5px 4px;
    font-weight: bold;
    color: aliceblue;
    text-decoration: none;
}

@media (min-width: 741px) and (max-width: 1200px) {
	.versesSec {
		width: 90%;
	}
	.bookSynopsis {
		width: 90%;
	}
}

@media (max-width: 740px) {
	.vSearch {
		width: 85%;
	}
	.versesSec {
		width: 90%;
	}
	.versesSec div ol {
		column-count: 1;
	}
	.bookSynopsis {
		width: 90%;
	}
}