/******************************************** Global */

body {

    font-family: "Raleway", sans-serif;

}



.container, .container-fluid{

    max-width: 1500px;

}



.containerSmall {

    max-width: 1100px;

}



.mini {

    min-height: 50vh;

}



.title {

    min-height: 5vh;

}



.half {

    min-height: 75vh;

}



.full {

    min-height: 100vh;

}



.w-85 {

    width: 85% !important;

}



.element {

    padding: 20px;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 99;

}



.zbelow {

    z-index: 0;

}



.CookieNotice[hidden] {

    display: none;

}



.bigShow {

    visibility: visible;

    display: initial;

}



.bigHide {

    visibility: hidden;

    display: none;

}

.lgm {
    background-color: #2d3436;
    border: none;
    color: #FFF;
}



/******************************************** Header */



.navbar-custom {

    background-color: rgba(35, 45, 101, 1);

}



/******************************************** Home */



.masthead {

    height: 75vh; /* 100 */

    /*min-height: 500px;*/

    background-image: url('../img/bg/16.jpg');

    background-attachment: fixed;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}



h1#jumbotron {

    /*font-family: BebasNeue, sans-serif;*/

    font-family: 'Abril Fatface', cursive;

    font-size: 3em;

    /*font-size: 6em;*/

    /*letter-spacing: 3px;*/

    color:#FFF;

    /*text-shadow: 4px 4px 4px #000;*/

}



h2#jumbotron {

    /*font-family: 'Roboto', sans-serif;

    font-size: 1.3em;*/

    font-weight: bold;

    color: #FFF;

    text-shadow: 4px 4px 4px #000;

}



#jumbotron {

    background: none;

}



h5, .cardsFont {

    font-family: 'Raleway', sans-serif;

}



.aboutSubHeader{

    font-family: 'Abril Fatface', cursive;

}



/******************************************** Info Sections */



.info {

    background-color: #2d3436;

}



.test {

    background-image: url('../img/bg/test.png');

    background-attachment: scroll;

    background-size: auto;

    background-repeat: no-repeat;

}



h1.sectionHead {

    font-family: 'Permanent Marker', cursive;

    font-size: 4.5em;

    color:#FFF;

    text-shadow: 4px 4px 4px #000;

    /*background-color: #2d3436;

    background-color: #ed2024;*/



}



h2.cards {

    font-family: 'Permanent Marker', cursive;

    color: #FFF;

    text-shadow: 4px 4px 4px #000;

}



/******************************************** About */



.aboutImg {



}



img.aboutPic {

    width:200px;

}



/******************************************** Vendors */



.vendorLogo {

    height: 100%;

}



.carouselCaptions {

    position: relative;

    left: 0;

    top: 0;

}



.carousel-indicators li {

    width: 7px;

    height: 7px;

    border-radius: 100%;

}

.carousel-indicators {

    bottom: 0px;

}



/******************************************** Card Sections */



#cards, #mail {

    background: url('../img/bg/20.jpg') no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



i.fac {

    color: #FFF;

    font-size: 4em;

    text-shadow: 4px 4px 4px #000;

}



i.fap {

    font-size: 2em;

    color:#FFF;

}



img.halfWidth {

    height: auto;

    max-width: 250px;

    /*width: 50% !important;*/

}



.blurb {

    background-color: #2d3436;

    color: #FFF;

}



.blurbCard {

    padding-top: 50px;

    padding-bottom: 30px;

}



.colh1 {

    color:#FFF;

    font-family: 'Permanent Marker', cursive;

    font-size: 2.2em;

    text-shadow: 4px 4px 4px #000;

    background-color: #ed2024;

}



.colspan {

    font-size: .95em;

    text-align:left;

    vertical-align: middle;

    line-height: normal;

    color: #FFF;

}



/******************************************** Footer */



#footer {

    background-color: #2d3436;

}



#footer h2 {

    font-family: 'BebasNeue', sans-serif;

    font-size: 1.5em;

    color:#FFF;

    letter-spacing: 2px;

    padding-bottom: 16px;

}



ul.footer-list {

    width: 90%;

    margin: 0;

    padding: 0 5% 0 5%;

    float: left;

    list-style-type: none;

}



li.footer-item {

    height: 40px;

    line-height: 40px;

    width: 100%;

    color: #FFF;

    text-align:left;

    font-size: .9em;

    border-bottom: 1px solid #636e72;

}



li.footer-item a {

    display:block;

    height:100%;

}



li.footer-item a:link, li.footer-item a:visited {

    color: #fff;

    text-decoration: none;

}



li.footer-item:hover {

    border-bottom: 1px solid #FFF;

}



#footer span {

    font-size: .9em;

    text-align:center;

    vertical-align: middle;

    line-height: normal;

    color: #FFF;

}



#footerPhone {

    border-top: 1px solid #636e72;

    border-bottom: 1px solid #636e72;

}



#footerPhonetxt {

    font-size: 1.3em;

    color:#FFF;

}



#footerPhoneMobile {

    display:none;

    visibility: hidden;

}



i.fab {

    color:#FFF;

    font-size: 2em;

    letter-spacing: 3px;

    background: transparent;

}



i.fab:hover {

    color: #b9bbbe;

}



#footer-copy {

    text-align:center;

    font-size: .9em;

    color:#FFF;

    padding-top: 10px;

    padding-bottom: 10px;

}



#footer-copy a:link, #footer-copy a:visited {

    color: #fff;

    text-decoration: none;

}



#footer-copy a:hover {

    color: #b9bbbe;

    text-decoration: none;

}



/******************************************** Secondary Pages */



#aboutus, #products, #vendors, #specials, #customer, #contact, #careers, #covid, #custom, #mailing, #distro, #returns, #privacy, #terms {

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



/******************************************** About Us Page */



#aboutus {

    height: 100%;

    min-height: 100vh;

    background: url("../img/bg/10.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



/******************************************** Products Page */



#products {

    height: 100%;

    min-height: 100vh;

    background: url("../img/bg/10.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



.productList {

    max-height: 50vh;

    overflow: auto;

}



/******************************************** Vendors Page */



#vendors {

    height: 100%;

    min-height: 100vh;

    background: url("../img/bg/10.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



.thumbnail {

    position: relative;

}



.caption {

    position: absolute;

    top: 45%;

    left: 0;

    width: 100%;

}



.vimg {

    display: block;

    width: 100%;

    height: auto;

}



.vendordes {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    opacity: 0;

    transition: .5s ease;

    background: rgba(0, 0, 0, 1);

}



.thumbnail:hover .vimg {

    opacity: 0.1;

}



.thumbnail:hover .vendordes {

    opacity: .5;

}



.text {

    color: white;

    position: absolute;

    width: 100%;

    box-sizing: border-box;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    text-align: center;

}



/******************************************** Specials Page */



#specials {

    background: url("../img/bg/10.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



/******************************************** Become a Customer Page */



#customer {

    background: url("../img/bg/10.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



.blurbText {

    font-size: 1em;

    color:#FFF;

    /*text-shadow: 4px 4px 4px #000;*/

    vertical-align: middle;

}



/******************************************** Contact Us Page */



#contact {

    background: url("../img/bg/10.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



/******************************************** Careers Page */



#careers {

    background: url("../img/bg/10.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



/******************************************** Covid-19 Page */



#covid {

    background: url("../img/bg/10.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



i.covid {

    color: #FFF;

    font-size: 3em;

}



.cardFont {

    font-family: Roboto, sans-serif;

    font-size: 1.25em;

    text-align:center;

    color:#FFF;

    vertical-align: middle;

}



/******************************************** Custom Solutions Page */



#custom {

    background: url("../img/bg/10.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



/******************************************** Mailing List Page */



#mailing {

    background: url("../img/bg/10.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



/******************************************** Distribution Area Page */



#distro {

    background: url("../img/bg/10.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



/******************************************** Return Policy Page */



#returns {

    background: url("../img/bg/10.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



/******************************************** Privacy Policy Page */



#privacy {

    background: url("../img/bg/10.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



span.keyWord {

    font-weight: bold;

    color:#ed2024;

}



/******************************************** Terms & Conditions Page */



#terms {

    background: url("../img/bg/10.jpg") no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



/******************************************** Smaller Screens */

@media (max-width: 980px) {

    .aboutImg, .vendorText {

        padding-bottom: 20px;

    }

}





@media (max-width: 768px) {



    .w-85 {

        width: 92% !important;

    }



    /* Home */

    h1#jumbotron {

        font-size: 1.5em;

    }



    h2#jumbotron {

        font-size: .8em;

    }



    .masthead {

        height: 100vh;



    }



    .masthead, #cards {

        background-attachment: scroll;

    }



    h1.sectionHead {

        font-size: 2em;

    }



    #footerPhonetxt {

        visibility: hidden;

        display:none;

    }



    #footerPhoneMobile {

        display: block;

        visibility: visible;

        color: #fff;

        font-size: 1.3em;

    }



    /****** Info Sections */

    /* About */

    img.aboutPic {

        width:125px;

    }



    .bigHide {

        visibility: visible;

        display: initial;

    }



    .bigShow {

        visibility: hidden;

        display: none;

    }



    .productList {

        max-height: none;

        overflow: initial;

    }



    .aboutImg, .vendorText {

        padding-bottom: 20px;

    }



    /****** Card Sections */

    #cards2 .container, #cards1 .container {

        max-width: 1200px;

        background-color: rgba(255, 255, 255, 0);

        background-attachment: scroll;

    }



    /* About Us Page */

    #secondary1 span {

        font-size: 1em;

    }



    .carouselControls {

        visibility: hidden;

    }

}