body {
    font-family: soleil,sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1em;
}

h1 {font-size: 1.75em; font-weight: 700; text-transform: uppercase;}
h2 {font-size: 1.3em; font-weight: 700;}
h3 {font-size: 1.2em; font-weight: 700; color: #58595B;}
h4 {font-size: 1.1em; font-weight: 700;}
h5 {font-size: 1.05em;}
h6 {font-size: 1em;}

p, li, ol, label {font-size: .9em;}
li li {font-size: 100%;}
.nav-item li {font-size: .8em;}

.intro {font-size: 1.1rem; line-height: 125%;}
.note {font-size: .9rem; font-style: italic;}

.fa-1-5x {font-size: 1.5em;}

.graybg {background-color: #eee;}
.lightgraybg {background-color: #efefef;}
.darkgraybg {background-color: #58595B;}
.whitebg {background-color: #fff;}

.home-cards .card:hover {background-color: #ddd;}
.home-cards .card:hover .featured-title {color: #58595B;}
.card-color {left: 0; bottom: 0; top: 0; height: 100%; width: 6px;}
.card.Press-Release .category-color {background-color: #312E3F;}
.card.Newsletter .category-color {background-color: #D87434;}
.card.Products .category-color {background-color: #65A1B0;}
.card.Dealers .category-color {background-color: #5EBA97;}

.white-text {color: #fff;}
.red-text {color: #ff0000;}

.no-border {border: 0;}

.well {background-color: #eee; border: 1px solid #ddd; border-radius: .5em;}

.py-6 {padding-top: 6rem; padding-bottom: 6rem;}
.my-6 {margin-top: 6rem; margin-bottom: 6rem;}

/* BUTTONS */
.btn {border-radius: 0; border: 0; line-height: 1;}
.btn-orange {background-color: #E8A63B; color: #fff; font-weight: 700;}
.btn-orange:hover {background-color: #CB7843; color: #fff;}

.btn-purple {background-color: #312E3F; color: #fff; font-weight: 700;}
.btn-purple:hover {background-color: #706c7f; color: #fff;}

.btn-border {border: 3px solid #CB7843; font-weight: 700;}
.btn-border:hover {background-color: #CB7843; color: #fff;     -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}

.btn-icon-only {background: none;}

.btn-close {color: #CB7843; opacity: 1;}
.btn-close:hover {color: #58595B;}

button[class*="btn-level"], a[class*="btn-level"] {color: #fff;}
button[class*="btn-level"]:hover, a[class*="btn-level"]:hover {color: #fff;}
.btn-level1 {background-color: #2b2e75;}
.btn-level1:hover {background-color: #4F528B;}
.btn-level2 {background-color: #58595a;}
.btn-level2:hover {background-color: #737475;}
.btn-level3 {background-color: #9e443e;}
.btn-level3:hover {background-color: #AB635F;}
.btn-level4 {background-color: #aac8cc;}
.btn-level4:hover {background-color: #B5CDD0;}
.btn-level5 {background-color: #e8a63b;}
.btn-level5:hover {background-color: #E7B25C;}
.btn-level6 {background-color: #84a33f;}
.btn-level6:hover {background-color: #97AF5F;}
.btn-level7 {background-color: #624329;}
.btn-level7:hover {background-color: #7B634E;}

.bg--purple, .bg--gray, .bg--black, .bg--white, .bg--orange, .bg--blue {padding: 1rem;}
.bg--purple {background-color: #312E3F; color: #fff;}
.bg--gray {background-color: #ccc;}
.bg--black {background-color: #000; color: #fff;}
.bg--white {background-color: #fff;}
.bg--orange {background-color: #D87434; color: #fff;}
.bg--blue {background-color: #2b2e75; color: #fff;}

.img-fluid img {width: 100%; max-width: 100%; height: auto;}

.btn-cookie-consent {
    padding: 10px 20px;
    border: none;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: white;
    font-weight: 700;
    background-color: #312e3f;
}

.btn-caseworks {
    padding: 10px 20px;
    border: none;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #fff;
    font-weight: 700;
    background-color: #312e3f;
}

.btn-caseworks:hover {background-color: #E7B25C; color: #fff;}

/* BREACRUMBS */
.breadcrumb {color: #898C8F;}
.breadcrumb a, .breadcrumb a:link {color: #898C8F; text-decoration: none;}
.breadcrumb a:hover, breadcrumb a:focus {color: #212529;}

/* PAGINATION */
.pagination li a {border: 1px solid #ccc; line-height: 1;}
.pagination.bootpag li a {border: 0px;}

/* LIST STYLES */
/* Icon Lists */
.list-icon {list-style: none; list-style-type: none; padding-left: 0; margin-left: 0;}
.list-icon li {display: inline-block;}

/* GSA only list */
.list-gsa {flex-wrap: wrap;}
.list-gsa > li {flex: auto;}

.list-unstyled .col {flex: 1 0 100% !important;}

/* 2 col list */
.list-2col > ul {display: inline-block; }
.list-2col > ul, .list-2col > p {width: 48%; display: inline-block; vertical-align: top;}
.list-2col .col {flex: 1 0 48% !important;}

.list-quicklinks {background-color: #444; color: #fff;}
.list-quicklinks {list-style: none; list-style-type: none;}

@media (max-width: 767.98px) {
    .list-2col > ul {display: block; width: 100%;}    
}

/* HEADER */
#searchForm {
    z-index: 2210;
    right: 0;
}

.user-menu a {color: #908E8E;}
.user-menu a:hover {color: #2b2e75;}

/* PAGE TITLE */
.pagetitle {background-color: #312E3F; color: #fff; }
.pagesubtitle {color: #D87434;}

/* FOOTER */
footer p {color: #908E8E; font-size: .75rem;}

footer .logo {max-width: 70px; height: auto;}

footer a {font-size: .85rem; text-decoration: none;}
footer a, footer a:visited, footer a:link {color: #2C2F76; }
footer a:hover, footer a:focus {color: #E8A63B;}

.banner-message {
    background-color: #F1EFED;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    -webkit-box-shadow: 0 1px 10px 1px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.25);
    box-shadow: 0 1px 10px 1px rgb(0 0 0 / 25%);
    border: 5px solid #e9a63b;
    color: #302e3e;
}

@media (max-width: 767.98px) {
footer .list-inline-item {display: block !important;}
}

/* HOME */
/* Featured Links */
.featured-link {position: relative;}
.featured-link .featured-title {position: absolute; top: 0; z-index: 999;}

.featured-link img.img-fluid {width: 100%;}

.featured-link a.white {color: #fff;}
.featured-link a.gray {color: #58595B;}

/* Cards */
.home-cards .card {border: 0; border-radius: 0;}
.home-cards .card {min-height: 160px;}
.home-cards .card > div {min-height: 110px;}
.home-cards .card img {opacity: 0.3;}
.home-cards .card p, .home-cards .card a {color: #fff;}
.home-cards .card a:hover {text-decoration: underline;}
.card-text, .card-text p {font-size: .9rem;}

@media (min-width: 768px) {
    .home-cards .card-wrapper:nth-last-child(2), .home-cards .card-wrapper:last-child {
        margin-bottom: 0 !important;
    }
}

/* Search modal */

    #search { font-size: 1rem; text-indent: 1.5rem;}
    #search:focus {outline: 0; border: none; outline: none !important;
         box-shadow: none;}
         
/* FORMS */
.form-select, .form-control {border-radius: 0;}

.form-control-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    left: 0;
    top: 1rem;
}

/* Login page */
        
@media (max-width: 767px) {
    .login {min-height: auto !important;}
    .bg-image {height: 160px;}
}

@media (min-width: 768px) {
    .w-md-auto {width: auto !important;} /* Bootstrap overwrite on larger screens */    

}

/* Support Team */
.support-team {background-color: #F3F3F2;}
.support-team .hover-overlay .overlay {opacity: 0; transition: .5s ease; position: absolute;             top: 0;
            bottom: 0;
            left: 0;
            right: 0;}
.support-team .hover-overlay:hover {cursor: pointer;}

        .support-team .hover-overlay:hover .overlay {
            
            color: white;
            display: block;

            height: 100%;
            width: 100%;
            opacity: 1;
            transition: .5s ease;
            background-color: #333;
            z-index: 999;
        }
        
        .support-team button img {border: 1px solid #BFBFBF;  object-fit: cover;}
  
        .support-team button img:hover .overlay {
            opacity: 0.6;
        }
        
        .supportModal .modal-body {
            
            background: url(/media/q5ob4bry/bg_newsletter.png) no-repeat fixed center;
        }
        
        .supportModal img {border: 0px;}
        
        .support-team .icons .btn-icon-only:hover {color: #CB7843;}

@media (max-width: 767px) {
        .support-team .profile-images .col-12 {margin-bottom: 20px;}
        .support-team .profile-images .col-12:nth-child(3) {margin-bottom: 0px;}
}
@media (min-width: 768px) {        
        .support-team .profile-images .col {flex-basis: 50%; flex: 0 0 50%;}
        .support-team .profile-images .col:nth-child(3) {margin-top: 20px;}
}

/* INSTALLER SEARCH */
.installer_results {border-bottom: 1px solid #ccc;}
.installer_results:last-child {border-bottom: 0px;}

/* REQUESTS */
.request .request-body {background-color: #fff;}
.request .request-subheader {background-color: #ccc;}

.request.opportunity .request-header {background-color: #312E3F; color: #fff; line-height: 1;}
.request.opportunity .request-icon {background-color: #956599;}

.request.design .request-header {background-color: #bdc83f; color: #fff; line-height: 1;}
.request.design .request-icon {background-color: #464b10;}


.request.Spif .request-header {background-color: #2b2e75; color: #fff; line-height: 1;}
.request.Spif .request-icon {background-color: #4F528B;}

.request.Order .request-header {background-color: #58595a; color: #fff; line-height: 1;}
.request.Order .request-icon {background-color: #737475;}

.request.Literature .request-header {background-color: #84a33f; color: #fff; line-height: 1;}
.request.Literature .request-icon {background-color: #97AF5F;}

.request.SpecialProduct .request-header {background-color: #aac8cc; color: #fff; line-height: 1;}
.request.SpecialProduct .request-icon {background-color: #B5CDD0;}

.label {font-weight: 700; margin-right: 1rem;}

.border-left {border-left: 1px solid #dfd3c7;}
.border-right {border-right: 1px solid #dfd3c7;}
.border-bottom {border-bottom: 1px solid #dfd3c7;}

/* Quicklinks */
.quicklinks {background-color: #444; color: #fff;}

.quicklinks a, .quicklinks a:link, .quicklinks a:visited {color: #fff; text-decoration: none; font-weight: 400;}
.quicklinks a:focus, .quicklinks a:hover {color: #ccc;}

/* NAVIGATION */
.nav-link {color: #908E8E;}
.nav-link:hover {color: #312E3F;}

.navbar-toggler {color: #908E8E;}

#navBarnav .dropdown-menu {background-color: #312E3F; border-radius: 0;}
#navBarnav .dropdown-item {color: #fff;}
#navBarnav .dropdown-item:hover {color: #D87434;}

#navBarnav .dropdown-menu .dropdown-item {font-size: 110%;}
#navBarnav .dropdown-menu ul .dropdown-item {font-size: 100%;}
#navBarnav .dropdown-item:focus, #navBarnav .dropdown-item:hover {background-color: transparent; cursor: pointer;}

/* Force last nav item to align on the right so it doesn't go off the edge of the screen */
.navbar .nav-item.dropdown:last-child .dropdown-menu {right:0; left:auto;}


#user.dropdown:hover .dropdown-menu {display: block;}


/* Dropdowns */
.dropdown-content a:hover {
background-color: #ddd;
}

#navBarnav .dropdown:hover .dropdown-content {
display: block;
}

.dropdown:hover .dropbtn {
background-color: maroon;
}

.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
 color: black;
 padding: 12px 16px;
 text-decoration: none;
 display: block;
}

.dropdown-toggle::after {display: none;}

#navBarnav .dropdown:hover > .dropdown-menu {
   display: block;
   margin-top: 0;
}




/* MOBILE NAV */
#ModalNav .nav-item {font-size: 1.25em;}
#ModalNav .dropdown-menu {font-size: 1em;}
#ModalNav .nav-item:first-child {border-top: 1px solid #ccc;}
#ModalNav .nav-item {display: block; width: 100%; border-bottom: 1px solid #ccc;}
#ModalNav .dropdown-menu {border: 0; border-radius: 0;}
#ModalNav .dropdown-menu.show {position: relative !important; transform: translate(0px, 0px) !important;}

/* Overwrite nested containers */
.row>.container {max-width: inherit;}

/* NEWSLETTERS */
.list-newsletter li {border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px;}

a {text-decoration: none; color: #58595B;}
a:hover {color: #999;}

.article {color: #fff;}

.article a {color: #fff; text-decoration: none;}
.article a:hover, .article a:focus, .article:hover {color: #ccc;}


/* DESIGN TYPICALS */
.card.quick-quote {background-color: transparent; border-radius: 0; border: 0;}
.card.quick-quote hr {background-color: #D8D8D8; opacity: 1;}

.design-typicals-logo {border: 5px solid #ccc;}
.design-typicals thead td {background-color: #312E3F; color: #fff;}
.design-typicals thead td {font-weight: 800;}

/* Spinner Loading*/

.loader {
    border: 5px solid #ffffff;
    border-radius: 50%;
    border-top: 6px solid #3498db;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }