@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,900,900i');

/*
	Orange/yellow #e9b610
	Purple #930079
	Dark grey #373636
*/

body {
    background: #fff;
    color: #333;
    font-family: Lato, sans-serif;
    padding-top: 90px;
}

.content {
    background: #fff;
}

.test-env-bar {
    display: none;
}

.navbar-webink, .navbar-webink .navbar-collapse {
    background: rgb(237, 51, 56);
}

.navbar-webink .navbar-brand {
    height: auto;
    margin-top: 7px;
    max-width: 200px;
}

.navbar-webink .navbar-brand img {
    max-width: 100%;
}

.navbar-webink .navbar-form button {
    background: #e9b610;
    border-color: #e9b610;
    color: #333;
    border-radius: 4px !important;
}

.navbar-form input.form-control {
	border: 1px solid #ccc;
    background: #FFF;
    color: #000000;
}

.front-page .navbar-webink .container {
    box-shadow: none;
}

.front-page .company-welcome {
    display: none;
}

.nav .cart-link {
    background: none;
    font-weight: normal;
}

.company-welcome {
    background: #f9f9f9;
    color: #930079;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.left-menu {
    border: 0;
}

.left-menu .category-menu-title {
    display: none;
}

.left-menu .nav .nav-link {
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

.page-header {
    padding-bottom: 9px;
    margin: 0px 0 0px;
    margin-bottom: 10px;
    background: #fff;
    padding: 15px;
    border: 0;
}

.card {
    border: 0;
}

.price-box {
    background: none;
    color: #333;
}

.page-header h1.section-heading,
.product-card h1 {
    color: #e9b610;
    font-weight: normal;
}

.product-card .description {
    margin-left: 15px;
}

.option-groups-wrapper .btn {
    color: #888;
}

.option-groups-wrapper .btn.btn-selected {
    border-color: #d272c1;
    color: #930079;
    box-shadow: 0px 0px 2px #d272c1 inset;
}

.option-groups-wrapper .btn:focus {
    color: #930079;
}

.option-groups-wrapper .btn.btn-selected:active,
.option-groups-wrapper .btn.btn-selected:focus,
.option-groups-wrapper .btn.btn-selected:hover {
    background: #fff;
}


.navbar-toggle {
    background: none;
    border: 0;
    box-shadow: none;
}

.footer {
    background: #373636;
}

.footer a {
    color: #fff;
}

.footer .hansaprint-footer-links {
    text-align: right;
    margin-top: -2px;
}

.footer .hansaprint-footer-links a {
    color: #fff;
    padding: 2px 0px;
    display: block;
    text-decoration: none;
}


.hp-demo-banner {
    display: none;
    padding: 5px;
    background: #f9f9f9;
    text-align: center;
    box-shadow: 0px 0px 10px #aaa;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #bbb;
}

body.front-page .hp-demo-banner {
    display: block;
}

.hp-demo-banner .stitch {
    padding: 10px 50px 20px;
    border: 1px dashed #ccc;
}

.hp-demo-banner h2 {
    text-transform: uppercase;
    color: #930079;
    font-weight: 900;
    font-size: 42px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.hp-demo-banner h2 small {
    font-size: 16px;
    display: block;
    color: #930079;
}

.hp-demo-banner .hp-demo-badge {
    border: 1px solid #eee;
    background: #fff;
    padding: 15px 30px;
    text-transform: uppercase;
    font-size: 16px;
}

.hp-demo-badge span {
    display: block;
    padding-bottom: 5px;
}

.hp-demo-badge i.fa {
    font-size: 24px;
    display: block;
    margin-bottom: 8px;
    color: #555;
}

.hp-demo-badge.cyan span {
    border-bottom: 3px solid #3aa7df;
}

.hp-demo-badge.yellow span {
    border-bottom: 3px solid #e9b610;
}

.navbar-secondary {
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
}

.navbar-secondary .container {
    background: #f7f7f7;
}

.navbar-secondary ul > li > a {
    color: #3aa7df;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.fixed-flash {
    position: fixed;
    top: 20%;
    left: 50%;
    padding: 10px 40px;
    z-index: 10001;
    transform: translate(-50%, 0);
    background: #2196F3;
    border: 1px solid black;
    box-shadow: 0px 0px 15px #777;
    color: #fff;
}

.fixed-flash-close {
    position: absolute; top: 5px; right: 10px;
}

.guest-jumbotron {
    border-radius: 0px !important;
    background-color: rgb(237, 51, 56);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
}

.guest-jumbotron h1 {
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 20px;
}

.orderCheck	{
    float:right;
    padding:1px 5px;
}

.orderSelect {
    float:right;
    width:auto;
}

@media(max-width: 991px) {
	.navbar-header button.navbar-toggle
    {
        background:rgb(237, 51, 56);
    }
}

@media (max-width: 767px) {
    .company-welcome h5 {
        font-size: 14px;
    }

    .smaller-card {
    }

    .smaller-card .card-content .card-block {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        width: auto;
    }

    .smaller-card .card-content .card-block .card-title {
        margin-top: 10px;
        margin-left: 10px;
    }

    .smaller-card .card-content .card-footer {
        display: none !important;
    }

    .smaller-card .card-img-wrapper {
        width: 100%;
    }

    .footer-logo {
        background-position: 50%;
    }

    .footer .hansaprint-footer-links {
        text-align: center;
        margin-top: 10px;
    }

    .page-header {
        background: #fff;
        color: #333;
    }

    .page-header p.section-description {
        color: #333;
    }

    .product-card p.description {
        color: #333;
    }

    .page-header h1 small a {
        color: #888;
    }

    .price-wrapper {
        background: #fff;
    }

    .cart-panel-body .panel .panel-heading h4 {
        color: #333;
    }
}

@media (max-width: 500px) {
    .navbar-webink .navbar-brand {
        max-width: 150px;
    }

    .navbar-webink .navbar-brand img {
        max-width: 100%;
    }
}

.orders-list-container h5.label-heading {
	color: #e9b610 !important;
}