/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
#module-alphabeticalproductlist-eewee div#content-wrapper {
    box-shadow: 0 0 5px #999;
    padding: 20px;
    font-family: "Open Sans", sans-serif;
}

.letter-row {
    box-sizing: content-box !important;
    box-shadow: 0px 1px 3px 0px #000000c4 !important;
    margin: 10px;
    margin-bottom: 30px;
    font-family: inherit;
}

ul.letternav {
    max-width: fit-content;
    margin: auto;
    background: #ccc;
    margin-bottom:20px;
    padding:10px;
    font-family: inherit;
}

#module-alphabeticalproductlist-eewee #content-wrapper a:link:not(.nav-link):not(.btn), 
#module-alphabeticalproductlist-eewee #content-wrapper a:visited:not(.nav-link):not(.btn) {
    color: #777 !important;
    font-family: inherit;
}

#module-alphabeticalproductlist-eewee #content-wrapper a:link:not(.nav-link):not(.btn):hover, 
#module-alphabeticalproductlist-eewee #content-wrapper a:visited:not(.nav-link):not(.btn):hover {
    color: #333 !important;
}

.letter-row {
    box-shadow: 0px 0px 5px #999 !important;
    font-family: inherit;
}

.bigLetter {
    color: #777 !important;
}

div#content h1 {
    color: #777;
}