﻿body {
    font-family: 'Didact Gothic';
    /* The image used */
    background-color: white !important;
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    /*background-position: center;
    background-repeat: no-repeat;*/
    background-size: cover;
    font-size: 16px;
}
.jumbotron-fluid {
    text-align: center;
    height: 230px;
    background-image: url('../images/Branding/bg-final.png') !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.welcomeText {
    /*position:absolute;*/
    color: black;
    background-color: rgba(232, 255, 225, 0.57) !important;
    height: 230px;
    max-height: 440px;
    /*margin: 10px auto;*/
    text-align: center;
    font-size: 140%;
    line-height: 25px;
    /*padding-left:60px;*/
    /*padding-top:50px;*/
}
.divCenterLine {
    width: 300px;
    margin: 0 auto;
    border-bottom: 1.5px solid #6FBE49;
}
.list-group-hover .list-group-item:hover {
    background-color: #f5f5f5;
}
.product-list{
    padding-top:40px;
}
/*Display as block so whole row clickable */
a {
    display:block !important;
}
/* Reduce size of column width*/
.list-group > li {
    padding: 3px !important;
}

/* If the screen size is 500px wide or less(Mobile), hide the jumbo text */
@media screen and (max-width: 500px) {
    .hideJumboText {
        font-size: 16px !important;
    }
    .jumbotron-fluid {
        background-image:none !important
    }
}
.product-headings {
    background-color: #35393e;
    color: white;
    padding: 5px;
}
.product-headings-demo {
    background-color: #6cbe45;
    color: white;
    padding: 5px;
}

.col-centered {
    float: none;
    margin: 0 auto;
}
.highlight {
    background-color: #84d09d;
    border-color: #5ba53b !important;
    border: 1px solid;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}
    .highlight:hover {
        background-color: #f5f5f5 !important;
    }
    .highlight a {
        color: black !important;
    } 

