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

/* GALE BRANDED COLOR PALETTE */
:root {
    --primary:#092a4a;
    --secondary:#99c5df;
    --third: #a4692a;
    --yellow:#f5f6da;
    --grey:#c5c5c5;
    --light:#eFeFea;
    --primary-light:#ddf2ff;
}
/* yellow f7f7c8 */

.smaller {
    font-size:10px;
}

h1 {
    font-variant:small-caps;
}

* {
    font-family: "Lexend", serif;
    font-optical-sizing: auto;
	background-repeat:no-repeat;
	font-weight:300;
}

.fs-55 {
    font-size:18px;
    line-height:24px;
}

.smallish {
    font-size:.900em;
}

.container {
    max-width:1240px;
}

table tr th[scope="col"] {
    font-weight:500 !important;
    border-bottom-color:var(--primary);
}

p:empty, div:empty {
    margin:0 !important;
    padding:0 !important;
    line-height:0 !important;
}

header {
    font-family: 'Comfortaa', cursive;
}

a {
    color:var(--primary) !important;
   
}

#site-breadcrumb {
    background: repeating-linear-gradient(
        -90deg, 
        var(--light), 
        var(--yellow) 3px,
        var(--light) 3px
    );
}

#home-families {
    background: repeating-linear-gradient(
        -45deg, 
        var(--secondary), 
        var(--light) 2px, 
        var(--secondary) 3px
    );
}

.home-card {
    transition:.3s ease all;   
}

.home-card-footer {
    background-color:inherit;
}

.home-card-link:hover .card {
    background-color:var(--light) !important;
    border-color:var(--primary) !important;
}


#home-categories .card {
    background-size:cover;
}

#home-categories .card-body {
    min-height:100px;
}

.nav-home:after {
    content: "|";
    color:#FFF;
}

a:hover {
    cursor:pointer;
}

.bi-trash {
    transition:.5s ease all;
}
.bi-trash:hover {
    background-color:var(--yellow) !important;
}

#page-image {
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:right !important;
    height:100px;
}

.card-img  {
    max-height:100px;
    width:auto;
}
#nav-options .dropdown-item.active {
    background-color:var(--primary) !important;
    color:#FFF !important;
}

#nav-options .dropdown-item:hover {
    background-color:var(--primary) !important;
    color:#FFF !important;
}

#cart,#favs {
    transition:.3s ease all;
}
#cart:hover, #favs:hover {
    color:var(--secondary) !important;
}

.item:hover {
    text-decoration:underline;
}

.js-hover:hover {
    text-decoration:underline;
}

.first {
    color:var(--third); 
    font-size:120%;
}

/* COLOR PALETTE */

.text-primary {
    color:var(--primary) !important;
}
.bg-primary {
    background-color:var(--primary) !important;
}
.border-primary {
    border-color:var(--primary) !important;
}
.btn-primary {
    background-color:var(--primary) !important;
    border-color:#FFF !important;
    color:#FFF !important;
}
.btn-outline-primary {
    border-color:var(--primary) !important;
    color:var(--primary) !important;
    background-color:#FFF;
}
.btn-outline-primary:hover  {
    color:var(--primary) !important;
    background-color:var(--yellow) !important;
}
.bg-primary-light {
    background-color:var(--primary-light);
}
.btn-primary-light {
    border-color:var(--primary) !important;
    color:var(--primary) !important;
    background-color:var(--primary-light);
    transition:.3s ease all;
}
.btn-primary-light:hover {
    background-color:var(--primary) !important;
    color:#FFF !important;
}

.text-secondary {
    color:var(--secondary) !important;
}
.bg-secondary {
    background-color:var(--secondary) !important;
}
.btn-secondary {
    background-color:var(--secondary) !important;
    border-color:var(--secondary) !important;
    color:var(--primary) !important;
    transition:.25s all ease;
}

.btn-secondary:hover {
    background-color:var(--primary) !important;
    border-color:var(--primary) !important;
    color:#FFF !important;
}

.border-secondary {
    border-color:var(--secondary) !important;
}
.btn-outline-secondary {
    border-color:var(--secondary) !important;
    color:var(--secondary) !important;
    background-color:#FFF;
}
.btn-outline-secondary:hover  {
    color:#FFF !important;
    background-color:var(--secondary) !important;
}

.text-third {
    color:var(--third) !important;
}
.bg-third {
    background-color:var(--third) !important;
}
.btn-third {
    background-color:var(--third) !important;
    border-color:var(--third) !important;
    color:#FFF !important;
    transition:.25s all ease;
}

.btn-third:hover {
    background-color:#784514 !important;
    border-color:#784514 !important;
    color:#FFF !important;
}

.border-third {
    border-color:var(--third) !important;
}
.btn-outline-third {
    border-color:var(--third) !important;
    color:var(--third) !important;
    background-color:#FFF;
}
.btn-outline-third:hover  {
    color:#FFF !important;
    background-color:var(--third) !important;
}

.text-yellow {
    color:var(--yellow) !important;
}
.bg-yellow {
    background-color:var(--yellow) !important;
}
.border-yellow {
    border-color:var(--yellow) !important;
    color:#FFF !important;
}
.btn-yellow {
    background-color:var(--yellow) !important;
    border-color:#AAA !important;
    color:#111 !important;
    transition:all .25s ease;
}
.btn-yellow:hover {
    background-color:var(--third) !important;
    border-color:var(--third) !important;
    color:#FFF !important;
}
.btn-outline-yellow {
    border-color:#999 !important;
    color:var(--yellow) !important;
    background-color:#111;
}
.btn-outline-yellow:hover  {
    color:#FFF !important;
    background-color:var(--yellow) !important;
}

.text-grey {
    color:var(--grey) !important;
}
.bg-grey {
    background-color:var(--grey) !important;
}
.border-grey {
    border-color:var(--grey) !important;
    color:#FFF !important;
}
.btn-grey {
    background-color:var(--grey) !important;
    border-color:var(--grey) !important;
    color:#111 !important;
}
.btn-outline-grey {
    border-color:var(--grey)!important;
    color:var(--grey) !important;
    background-color:#111;
}
.btn-outline-grey:hover  {
    color:#FFF !important;
    background-color:var(--grey) !important;
}

.text-light {
    color:var(--light) !important;
}
.bg-light {
    background-color:var(--light) !important;
}
.bg-yellow-light 
    background-color:var(--yellow) !important;
}
.border-light {
    border-color:var(--light) !important;
    color:#FFF !important;
}
.btn-light {
    background-color:var(--light) !important;
    border-color:var(--secondary) !important;
    color:#111 !important;
    transition:all .3s ease;
}
.btn-light:hover {
    background-color:#FFF !important;
}
.btn-outline-light {
    border-color:var(--light)!important;
    color:var(--light) !important;
    background-color:#111;
}
.btn-outline-light:hover  {
    color:#FFF !important;
    background-color:var(--light) !important;
}

.btn-white {
    border-color:var(--orange) !important;
    color:var(--primary) !important;
    background-color:#FFF;
}

.btn-white:hover {
    background-color:var(--light) !important;
    
}

.bg-transparent {
    background-color:rgba(22, 138, 205, .90) !important;
}

.btn-home {
    transition:all .5s ease; 
}
.btn-home:hover {
    background-color:var(--orange) !important;
}

.td-sm {
    width:1%;
}

.td-md {
    width:20%;
}

.table .btn:hover {
    font-weight:bold;
}

.check-lg {
    height:1.2em;
    width:1.2em;
}

.card-body {
    transition:.4s all ease;
}

.card-link:hover .card-body {
    background-color:var(--light) !important;
}

#admin-nav .navbar-nav .nav-item a {
    transition:.3s all;
}

#admin-nav .navbar-nav .nav-item:hover {
   border-color:var(--primary) !important;
}


#admin-nav .navbar-nav .nav-item a.active {
    border-color:var(--primary) !important;
}

#site-navbar a {
    transition:.4s all ease;
}

#site-navbar a:hover {
    border-color:#FFF !important;
}

#site-navbar a.active {
    border-color:#FFF !important;
}