/* General CSS Styles for JR Firearms */

@font-face {
    font-family: defaultFont;
    src: url(../fonts/input-sans/InputSans-Regular.ttf);
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #336699;
}

footer a
,footer a:link
,footer a:visited
,footer a:active {
    text-decoration: none;
    color: #ffffff;
}
footer a:hover {
    text-decoration: none;
    color: #ffffff;
}

body {
    font-family: defaultFont,Arial, Helvetica, sans-serif;
    background-color: #c2c2c2;
}

h2 { font-style: italic; color: #336699; }

main {
    margin-top: 120px;
}

.navbar-brand {
    float: left;
}

.card {
    border: 1px solid #999999;
}

.card-body {
    background-color: #336699;
    color: #fff;
}

.landing-banner {
    height: 300px;
    background: no-repeat center url('https://jrfirearms.com/home/img/store_interior_banner_2000x656.jpg');
    background-size: cover;
    overflow: hidden;
}
.pistols-banner {
    height: 300px;
    background: no-repeat center 35% url('https://jrfirearms.com/home/img/pistols-header-img.jpg');
    background-size: cover;
    overflow: hidden;
}
.revolvers-banner {
    height: 300px;
    background: no-repeat center 35% url('https://jrfirearms.com/home/img/revolvers-header-img.jpg');
    background-size: cover;
    overflow: hidden;
}
.rifles-banner {
    height: 300px;
    background: no-repeat center 35% url('https://jrfirearms.com/home/img/rifles-header-img.jpg');
    background-size: cover;
    overflow: hidden;
}
.contact-banner {
    height: 300px;
    background: no-repeat center 65% url('https://jrfirearms.com/home/img/jrfirearms_bulletin_board.png');
    background-size: cover;
    overflow: hidden;
}
.about-banner {
    height: 300px;
    background: no-repeat center 65% url('https://jrfirearms.com/home/img/storefront-street-view.jpg');
    background-size: cover;
    overflow: hidden;
}

.landing-banner h1,
.rifles-banner h1,
.pistols-banner h1,
.revolvers-banner h1,
.contact-banner h1,
.about-banner h1 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-shadow: 4px 4px 1px #336699 !important;
    font-size: 3em;
    font-style: italic;
    font-weight: bold;
    color: #ffffff;
    background: #ffffff95;
    border: 2px solid #999999;
    border-radius: 10px;
}

footer {
    background-color: #000000;
    color: #ffffff;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #336699;
    --bs-btn-border-color: #336699;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #336699;
    --bs-btn-disabled-border-color: #336699;
}