body {font-family: "Roboto Condensed", serif; background-color:#fff; color:#111; font-size: 16px;}
::selection {background: #a48676; color:#fff;}

a {color:#111;}
a:hover {text-decoration: none; color:#a48676;}

.btn-outline-primary {color:#111; border:1px solid #111;}
.btn-outline-primary:hover {color:#fff; border:1px solid #a48676; background:#a48676;}
.btn-outline-primary:active {color:#fff; border:1px solid #a48676; background:#a48676;}

.navbar-brand {font-size:17px;}
.navbar-brand:hover {color:#a48676;}
.navbar .nav-item .nav-link {color:#111;}
.navbar .nav-item .nav-link:hover {color:#a48676;}
.navbar .dropdown-item:hover {color:#a48676;}

@media (min-width: 1200px) {
    .nav-item {padding:0 15px;}
}

.btn.btn-outline-primary, .btn.btn-outline-primary:link, .btn.btn-outline-primary:visited { background-color:#fff; border: 1px solid #a48676;}
.btn.btn-outline-primary:hover { background-color:#a48676; color:#fff;}
.btn.btn-outline-primary:active { background-color:#a48676 !important; color:#fff;}

p {font-size:17px; line-height:2;}
p a:hover, a.link:hover, span a:hover {text-decoration: underline;}

.linking a {text-decoration: underline;}
.linking a:hover {text-decoration: underline; color:#a48676;}

h1 {font-size:28px;}
h2 {font-size:25px;}
h3 {font-size:24px;}
h4 {font-size:25px;}
h5 {font-size:22px;}
h6 {font-size:17px; font-weight:600; margin-bottom:20px;}

h1 span {}
h2 span, h3 span, h4 span, h5 span, h6 span {}

.hero {background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(/images/pearsons-bg.jpg);}
.hero-inner {background-color: rgba(0,0,0,0.2); padding:200px 0 800px 0;}

.bookpage {padding:100px 0;}
.boopage h1 {text-transform: uppercase;}

.series-section a {text-decoration: none;}
.series-section a:hover {color:#a48676;}

.amendment-links {list-style: none;}
.amendment-links li {padding:15px;}
.amendment-links li a {text-decoration: none;}
.amendment-links li a:hover {color:#a48676;}

@media (min-width: 992px) {
    .amendment-links li {display: inline-block;}
}

footer a {text-decoration:none; color:#111;}
footer a:hover {color:#a48676;}
footer ul li {margin-bottom:8px;}
                
@media (min-width: 576px) { }
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}