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

:root {
  --green: #4f7948;
  --green-dark: #3d5b38;
}

.h1, .h2, .h3 {
    text-transform: none;
}
.custom-checkbox {
  padding: 0 2px !important;
}
.footer-container {
  background: none repeat scroll 0 0 #4f7948 !important;
  color: #fff;
}
.footer-container li a, .footer-container .block-contact, .footer-container .block-contact a, .footer-container .h3, .footer-container .h4, .footer-container li a:hover {
  color: #fff !important;
}
.footer-container > .container > .row:last-child a {
  color: #3d5b38;
}
.carousel .carousel-item figure {
  display: flex;
}

.carousel .carousel-item .caption {
  max-width: inherit !important;
}

/* module/contactform: hide subject */
.form-group #id_contact,
.form-group label[for='id_contact'] {
  visibility: hidden;
  height: 0;
  float: right;
}

#_mobile_cart {
    margin-right: 1em;
}

#blockcart-modal .product-name {
    color: var(--green);
    font-size: 1.125rem;
}
#blockcart-modal .cart-content p.cart-products-count {
    color: var(--green);
}
#header .header-nav .cart-preview.active {
    color: white;
    background: var(--green);
}
.product-price {
    color: var(--green);
}
.block-promo .promo-code-button.cancel-promo {
    color: var(--green-dark);
}
body#checkout a:hover {
    color: var(--green);
}
.cart-grid-right .promo-discounts .cart-summary-line .label .code {
    color: var(--green-dark);
}
table.table-responsive {
    display: inline-table;
}

/* FORM step -1 */
#customer-form .form-group.password,
#customer-form .form-group.optin  {
    visibility: hidden;
    height: 0;
    float: right;
}

/* menu */

.top-menu .sub-menu {
    margin-left: 10.938rem;
    width: calc(60% - 30px);
    min-width: calc(70% - 30px);
}

/* contactform */
.select-subject {
    visibility: hidden;
    height: 0;
    float: right;
}
.custom-checkbox {
    padding: 0 15px;
}

/* checkout process */
#conditions-to-approve .custom-checkbox, .psgdpr .custom-checkbox {
    padding: 0;
}

/* footer */
@media (min-width:768px) {

    p.h3 {
        display: none;        
    }
    footer .links .wrapper {
        text-align: center;
        margin-bottom: 20px;
    }
    footer .links .wrapper ul li {
        display: inline;
        margin: 0px 12px 0 0;

    }
    footer .links .wrapper ul li:after {
        content: '|';
        margin-left: 12px;
    }
    footer .links .wrapper ul li:last-child:after {
        content: '';
    }
}
a, a:hover {
	color:  #4f7948;
}
#top-menu {
    margin-top: 0.5rem;
}
#custom-text {
    background: var(--green-dark);
    border-radius: 2px;
    margin-bottom: 0;
    font-size: 0.9rem;
    padding: 1rem 1rem 0.25rem;
    text-align: center;
}
#custom-text p {
    color: white;
}
#header .header-nav {
    /*color: white;background: none repeat scroll 0 0 #4f7948 !important;*/
    border-top: 3px solid #3d5b38;
}
#header a:hover {
    color: var(--green-dark);
}
#header .header-nav .cart-preview {
    background: #f1f1f1;
    height:2.5rem;
    padding:.6rem;
    text-align:center;
    white-space:nowrap;
    margin-left: 0.1rem;
}
#header .header-nav .blockcart {
#header .header-nav .blockcart {
    /*background: none repeat scroll 0 0 #3d5b38 !important;*/
}
#header .header-nav .blockcart {
    margin-left: 1px;
    height: 2.5rem;
    padding: .5rem;
    font-size: 0.9rem !important;
}
#header .header-nav .blockcart a:hover {
    color: inherit !important;
}
#header .header-nav .blockcart a {
    color: inherit !important;
}
.footer-container {
    background: none repeat scroll 0 0 #4f7948 !important;
    color: white;
}
#header .header-nav a {

}  
#header .top-menu a[data-depth="0"]:hover {
    color: #3d5b38;
}
.btn-primary {
    color: #fff;
    background-color: #4f7948;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color: #3d5b38;
}
.footer-container li a,
.footer-container .block-contact,
.footer-container .block-contact a,
.footer-container .h3,
.footer-container .h4,
.footer-container li a:hover {
	color: white;
}
.footer-container .block-contact .h4 {
	font-size: 1.125rem;
}
.footer-container .block-contact,
.footer-container .block-contact a {
	font-size: 0.9rem;
	line-height: 1.5em;
}
.footer-container > .container > .row:last-child a {
	color: #3d5b38;
}

aside#notifications {
    /*background: none repeat scroll 0 0 #4f7948 !important;*/
    /*height: 4px;*/
}