html {
}
* {
}
body {
font-size: 12px;
background-color: #ffffff;
}
img {
}
p {
}
a {
}
ul {
}
/* Header Formatting & Styles */
header.top-bar {
background-color: #ffffff;
border-bottom: 1px solid #000000;
height: 100px;
}
img.header-logo {
height: 90px;
}
header.top-bar div.top-bar-left {
background-color: #ffffff;
max-height: 90px;
margin: 0;
padding: 0;
}
header.top-bar div.top-bar-left ul {
background-color: #ffffff;
max-height: 90px;
padding: 0;
margin: 0;
}
header.top-bar div.top-bar-left ul li {
padding: 0;
margin: 0;
}
header.top-bar div.top-bar-left ul li a {
padding: 0;
margin: 0;
margin-left: 1.4rem;
margin-top: -.3rem;
}
header div.top-bar-right {
background-color: #ffffff;
}
header div.top-bar-right ul {
background-color: #ffffff;
}
header div.top-bar-right ul li {
}
header div.top-bar-right ul li a {
font-size: .9rem;
color: #000000;
}
header div.top-bar-right ul li a:hover {
color: #000000;
text-decoration: underline;
}
header div.top-bar-right .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
border-color: #000000 transparent transparent;
}
header div.top-bar-right .dropdown.menu > li.is-active > a {
color: #000000;
}
main {
min-height: 600px;
}
/* LHS Sidebar - Main Formatting */
div.off-canvas.position-left {
background-color: #222222;
}
div.off-canvas.position-left div.close-button-container {
position: absolute;
top: 1rem; right: 1rem;
}
div.off-canvas.position-left div.close-button-container a {
font-size: 1.2rem;
color: #ffffff;
border: 0;
outline: 0;
}
/* LHS Sidebar - Account Information Nav */
ul.account-information-nav {
padding: 0;
margin: 0;
width: 100%;
margin-bottom: 2rem;
}
ul.account-information-nav li {
border-bottom: 1px dotted #676767;
}
ul.account-information-nav li h3 {
color: #ffffff;
font-size: 1.2rem;
font-weight: 400;
margin-left: .4rem;
margin-bottom: .8rem;
}
ul.account-information-nav li a {
display: block;
color: #cdcdcd;
padding-top: .6rem;
padding-bottom: .6rem;
padding-left: .8rem;
font-size: .9rem;
}
ul.account-information-nav li a:hover {
background-color: #454545;
}
/* LHS Sidebar - Account Login Form Formatting */
form#lhs_account_login_form {
margin-top: 2rem;
}
form#lhs_account_login_form ul {
position: relative;
margin: 0;
padding: 0;
list-style-type: none;
}
form#lhs_account_login_form ul li {
margin: 0;
padding: 0;
width: 94%;
margin-left: 3%;
margin-bottom: .4rem;
list-style-type: none;
}
form#lhs_account_login_form ul li h3 {
color: #ffffff;
font-size: 1.2rem;
font-weight: 400;
}
form#lhs_account_login_form ul li input[type="text"] {
border-radius: .1rem;
}
form#lhs_account_login_form ul li input[type="email"] {
border-radius: .1rem;
}
form#lhs_account_login_form ul li input[type="password"] {
border-radius: .1rem;
}
form#lhs_account_login_form ul li p {
text-align: center;
color: #ffffff;
margin-left: 0;
padding-left: 0;
}
form#lhs_account_login_form ul li a {
color: #ffffff;
outline: 0;
}
form#lhs_account_login_form ul li a:hover {
color: #ffffff;
text-decoration: underline;
}
form#lhs_account_login_form ul li button {
outline: 0;
}
form#lhs_account_login_form ul li button.gold-button {
color: #ffffff;
background-color: #7E8362;
border: 2px solid #7E8362;
border-radius: .1rem;
}
form#lhs_account_login_form ul li button.gold-button:hover {
color: #7E8362;
background-color: #ffffff;
border: 2px solid #7E8362;
}
/* LHS Sidebar - Create Account Form Formatting */
form#lhs_create_account_form {
margin-top: 2rem;
}
form#lhs_create_account_form ul {
position: relative;
margin: 0;
padding: 0;
list-style-type: none;
}
form#lhs_create_account_form ul li {
margin: 0;
padding: 0;
width: 94%;
margin-left: 3%;
margin-bottom: .4rem;
list-style-type: none;
}
form#lhs_create_account_form ul li h3 {
color: #ffffff;
font-size: 1.2rem;
font-weight: 400;
}
form#lhs_create_account_form ul li input[type="text"] {
border-radius: .1rem;
}
form#lhs_create_account_form ul li input[type="email"] {
border-radius: .1rem;
}
form#lhs_create_account_form ul li input[type="password"] {
border-radius: .1rem;
}
form#lhs_create_account_form ul li p {
text-align: center;
color: #ffffff;
margin-left: 0;
padding-left: 0;
}
form#lhs_create_account_form ul li p a {
color: #ffffff;
outline: 0;
}
form#lhs_create_account_form ul li p a:hover {
color: #ffffff;
text-decoration: underline;
}
form#lhs_create_account_form ul li button {
outline: 0;
}
form#lhs_create_account_form ul li button.gold-button {
color: #ffffff;
background-color: #7E8362;
border: 2px solid #7E8362;
border-radius: .1rem;
}
form#lhs_create_account_form ul li button.gold-button:hover {
color: #7E8362;
background-color: #ffffff;
border: 2px solid #7E8362;
}
/* LHS Sidebar - Forgot Password Form Formatting */
form#lhs_forgot_password_form {
margin-top: 2rem;
}
form#lhs_forgot_password_form ul {
position: relative;
margin: 0;
padding: 0;
list-style-type: none;
}
form#lhs_forgot_password_form ul li {
margin: 0;
padding: 0;
width: 94%;
margin-left: 3%;
margin-bottom: .4rem;
list-style-type: none;
}
form#lhs_forgot_password_form ul li h3 {
color: #ffffff;
font-size: 1.2rem;
font-weight: 400;
}
form#lhs_forgot_password_form ul li p a {
color: #ffffff;
outline: 0;
}
form#lhs_forgot_password_form ul li p a:hover {
text-decoration: underline;
}
form#lhs_forgot_password_form ul li input[type="text"] {
border-radius: .1rem;
}
form#lhs_forgot_password_form ul li input[type="email"] {
border-radius: .1rem;
}
form#lhs_forgot_password_form ul li input[type="password"] {
border-radius: .1rem;
}
form#lhs_forgot_password_form ul li button {
outline: 0;
}
form#lhs_forgot_password_form ul li button.gold-button {
color: #ffffff;
background-color: #7E8362;
border: 2px solid #7E8362;
border-radius: .1rem;
}
form#lhs_forgot_password_form ul li button.gold-button:hover {
color: #7E8362;
background-color: #ffffff;
border: 2px solid #7E8362;
}
/* RHS Sidebar - Main Formatting */
div.off-canvas.position-right {
background-color: #222222;
}
div.off-canvas.position-right div.close-button-container {
position: absolute;
top: 1rem; right: 1rem;
}
div.off-canvas.position-right div.close-button-container a {
font-size: 1.2rem;
color: #ffffff;
border: 0;
outline: 0;
}
/* RHS Sidebar - Quick Cart Form Formatting */
form#quick_cart_form {
margin-top: 2rem;
}
form#quick_cart_form ul {
position: relative;
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;
}
form#quick_cart_form ul li {
margin: 0;
padding: 0;
width: 84%;
margin-left: 8%;
margin-bottom: .4rem;
list-style-type: none;
}
form#quick_cart_form ul li h3 {
color: #ffffff;
font-size: 1.2rem;
font-weight: 400;
}
form#quick_cart_form ul li p {
color: #ffffff;
font-size: 1rem;
font-weight: 300;
}
form#quick_cart_form ul li button {
outline: 0;
}
form#quick_cart_form ul li button.gold-button {
color: #ffffff;
background-color: #7E8362;
border: 2px solid #7E8362;
border-radius: .1rem;
}
form#quick_cart_form ul li button.gold-button:hover {
color: #7E8362;
background-color: #ffffff;
border: 2px solid #7E8362;
}
form#quick_cart_form ul li a.gold-button {
color: #ffffff;
background-color: #7E8362;
border: 2px solid #7E8362;
border-radius: .1rem;
}
form#quick_cart_form ul li a.gold-button:hover {
color: #7E8362;
background-color: #ffffff;
border: 2px solid #7E8362;
}
/* RHS Sidebar - Empty Quick Cart Form Formatting */
form#empty_quick_cart_form {
margin-top: 2rem;
}
form#empty_quick_cart_form ul {
position: relative;
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;
}
form#empty_quick_cart_form ul li {
margin: 0;
padding: 0;
width: 84%;
margin-left: 8%;
margin-bottom: .4rem;
list-style-type: none;
}
form#empty_quick_cart_form ul li h3 {
color: #ffffff;
font-size: 1.2rem;
font-weight: 400;
}
form#empty_quick_cart_form ul li p {
color: #ffffff;
font-size: 1rem;
font-weight: 300;
}
form#empty_quick_cart_form ul li button {
outline: 0;
}
form#empty_quick_cart_form ul li button.gold-button {
color: #ffffff;
background-color: #7E8362;
border: 2px solid #7E8362;
border-radius: .1rem;
}
form#empty_quick_cart_form ul li button.gold-button:hover {
color: #7E8362;
background-color: #ffffff;
border: 2px solid #7E8362;
}
/* Gold Button - A Tag Standard Styling */
a.gold-button {
color: #ffffff;
background-color: #7E8362;
border: 2px solid #7E8362;
border-radius: .1rem;
}
a.gold-button:hover {
color: #7E8362;
background-color: #ffffff;
border: 2px solid #7E8362;
}
/* Gold Button - Button Standard Styling */
button.gold-button {
color: #ffffff;
background-color: #7E8362;
border: 2px solid #7E8362;
border-radius: .1rem;
}
button.gold-button:hover {
color: #7E8362;
background-color: #ffffff;
border: 2px solid #7E8362;
}
/* Gold Button - Form Submit Button Standard Styling */
input[type="submit"].gold-button {
color: #ffffff;
background-color: #7E8362;
border: 2px solid #7E8362;
border-radius: .1rem;
}
input[type="submit"].gold-button:hover {
color: #7E8362;
background-color: #ffffff;
border: 2px solid #7E8362;
}
/* Standard Footer Formatting */
footer {
height: 10rem;
background-color: #000000;
}
footer div.grid-container {
}
footer div.footer-left {
margin-top: 2rem;
}
footer div.footer-left p {
font-family: serif;
font-size: 1.4rem;
color: #ffffff;
}
footer div.footer-left ul {
position: relative;
padding: 0;
margin: 0;
list-style-type: none;
}
footer div.footer-left ul li {
font-family: serif;
font-size: .9rem;
float: left;
padding: 0;
margin: 0;
list-style-type: none;
color: #ffffff;
}
footer div.footer-left ul li.spacer {
margin-left: .3rem;
margin-right: .3rem;
}
footer div.footer-left ul li a {
color: #7E8362;
text-decoration: underline;
}
footer div.footer-left ul li a:hover {
color: #ffffff;
text-decoration: underline;
}
footer div.footer-right {
margin-top: 2rem;
}
footer div.footer-right ul {
list-style-type: none;
}
footer div.footer-right ul li {
list-style-type: none;
color: #ffffff;
margin-bottom: 1.3rem;
}
footer div.footer-right ul li p {
font-family: serif;
font-size: 1.4rem;
color: #ffffff;
}
footer div.footer-right ul li a {
font-family: serif;
font-size: 1.1rem;
color: #7E8362;
text-decoration: underline;
}
footer div.footer-right ul li a:hover {
color: #ffffff;
}
/* Off-Canvas Right - Basic Formatting */
div.off-canvas-right-content-container {
margin-top: 2.4rem;
}
div.off-canvas-right-content-container h3 {
color: #ffffff;
font-size: 1.2rem;
font-weight: 400;
margin-left: .4rem;
margin-bottom: .8rem;
}
/* Generaal Information Modal -Basic Formatting */
div#general_information_modal {
outline: 0;
}