/* ------- The browser window ------ */

@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
@font-face {
    font-family: gothic;
    src: url(gothic.eot);
    /* EOT file for IE */
    src: local("gothic"), url(gothic.ttf) format("truetype");
    /* non-IE */
}

#page {
    margin-top: 5em;
}

header {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    z-index: 9999;
    top: 0;
    padding: 0;
    background: #3C6E15;
    box-shadow: 0 1em 2em #777;
    gap:2em;
}

#banner #simpleSearch a.toggle,
nav#nav #clientMenu a {
    background: #3C6E15;
}

header a.logo {
    height: 4em;
    margin: 0;
    width: auto;
    min-width: unset;
    padding-left: 0em;
    background: none;
}

header a.logo h1 {
    display: block;
    color: #fff;
  }

.title,
h1 {
    font-family: gothic, Arial, verdana, sans-serif;
    color: #3C6E15;
    line-height: normal;
}

.content .heading,
.content h2 {
    font-family: 'Gloria Hallelujah', cursive;
    line-height: 1.5em;
    font-size: 1.6em;
    margin-top: 1em;
    margin-bottom: 2em;
}

.content h3,
.content .h3,
.content .subHeading,
.details h3,
.details h3 a {
    font-family: gothic, Arial, verdana, sans-serif;
}

p {
    line-height: 2em;
}

a {
    color: #3C6E15;
}

a:visited {
    color: #3C6E15;
}

a:hover {
    color: #3C6E15;
}

.details ul li {
    color: #3C6E15;
}

nav#nav ul li div {
    background: #3C6E15;
}

nav#nav ul li.open,
nav#nav ul li.selected,
nav#nav ul li.selected div,
nav#nav ul li.hover div {
    background: #000000;
}

nav#nav ul li div span.description {
    color: #ffffff;
}

nav a,
nav a:link,
nav a:visited {
    color: #ffffff;
    background: #3C6E15;
    font-family: gothic, Arial, verdana, sans-serif;
}

nav li.selected a,
nav li.selected a:hover,
nav li.open a,
nav li.open a:hover,
nav li.hover a,
nav li.hover a:hover,
nav a:hover,
nav a:active {
    background: #000000;
    color: #ffffff;
}

#actionProgress {
    color: #3C6E15;
    border-color: #3C6E15;
}

.googleMap,
article.item.googleMap {
    border-color: #3c6e15;
    border: none;
}

ul.tabs li.selected a,
ul.filter li.selected a {
    color: #3C6E15;
}

article.item.author {
    background: #3C6E15;
}

nav#menu ul li div {
    background: #3C6E15;
}

nav#menu ul li.selected div {
    background: #000000;
}

nav#menu ul li div span.description {
    color: #ffffff;
}

nav#menu a,
nav#menu a:link,
nav#menu a:visited {
    color: #ffffff;
    background: #3C6E15;
}

nav#menu li.selected a,
nav#menu li.selected a:hover {
    background: #494949;
    color: #ffffff;
}

nav#menu a:hover,
nav#menu a:active {
    color: #ffffff;
    background: #000000;
}

.products article.item:nth-child(even) {
    /*background: #3C6E1555;*/
}

#jumpTop {
    background: #3C6E15;
}

nav#nav #clientMenu, nav#nav #clientMenu button {
    color: #fff;
}

nav#nav #clientMenu a:hover,
#banner #simpleSearch a.toggle:hover {
    background: #000;
}

article .attributes .attribute.price .attName {
    display: none;
}

article .attributes .attribute.price .attValue .price {
    color: #3c6e15;
    font-size: 1.2em;
    font-weight: bold;
}

article .attributes .attribute.price .attValue .price.quantity {
    float: right;
    background: none;
    padding: 0;
    color: inherit;
    font-weight: normal;
    font-size:0.8em;
    text-align: center;
    }

.button, .button:visited, .openClose, .openClose:hover, .openClose:visited, .inputBoxButton, button, form input[type="submit"] {
    color: #fff;
    background: #3C6E15;
}

.button.active {
    background-color: #000;
}