@charset "utf-8";
/* CSS Document */
/* 
- Use this css-file to alter/overwrite or add CSS-rules used by your site. This file is loaded after the css-files used by the template. In effect existing css-rules will be overwritten by the changes you add.
- This method ensures the ability to test wether the changes and additons you want to implement do function. You can allways go back to the original state of the template by changing your code to comment or deleting the code. 
- LogiVert cannot garantee a flawless functioning of the software and your site if add or alter css-rules in any original css-file.
*/

.topheader {
    /**
     * Enter separate styles for the Top Header here
     * Changing colors? Check font settings for #topnav > ul li > a!
     * Defaults: (*: Mind the vendor-specific prefixes!)
     * min-height:       50px;
     * margin-bottom:    20px;
     * border:           1px solid #080808, bottom only
     * z-index:          1000;
     * background-image: linear-gradient(top, #3c3c3c 0, #222 100%)*
     * background-color: #222; --> Fallback for when gradient is not supported
     * border-radius:    0;
     */
}

/* Logo Scaling */
.navbar-brand {
    height: auto;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .navbar-brand {
        width: 87%;
    }
}

#topnav > ul > li > a {
    /**
     * Add in extra styling for toplevel Menu nodes.
     * Changing background colors? Also change background-image.
     */
}

#topnav > ul > li.active > a {
    /**
     * Add in additional styling for activated toplevel menu nodes.
     * Changing background colors? Also change background-image.
     */
}

/* Toggle for Variants to display either (or both) Description and/or Specification */
#variants .h3.variantDescription {
    display: inline-block;
}

#variants .h3.variantSpecification {
    display: none;
}