﻿.navbar.navbar-default.header-text {
    background:none;
}
header {
    background:#0d1e38;
    color:#fff;
}

header .fa, header a, header .btn{
    color:#fff;
}

header .fa, header a, header .btn{
    color:#fff;
}
body, h1, h2, h3, h4, h5, h6{
    font-family: 'GillSansMTRegular'!important, serif;
}
body {
    font-size:14px!important;
}
header .homepageBtn, header .homepageBtn:hover, header .homepageBtn:focus, header .homepageBtn:active, header .homepageBtn:visited{
    color:#fff;
    font-size:14px!important;
}

#bs-example-navbar-collapse-2 {
    background:#0d1e38;
    color:#fff;
}

#bs-example-navbar-collapse-2 a, #bs-example-navbar-collapse-2 a:hover, #bs-example-navbar-collapse-2 a:focus, #bs-example-navbar-collapse-2 a:visited, #bs-example-navbar-collapse-2 a:active{
    color:#fff;
    border:none!important;
}

    #bs-example-navbar-collapse-2 ul.dropdown-menu li a, #bs-example-navbar-collapse-2 ul.dropdown-menu li a:hover, #bs-example-navbar-collapse-2 ul.dropdown-menu li a:focus, #bs-example-navbar-collapse-2 ul.dropdown-menu li a:visited, #bs-example-navbar-collapse-2 ul.dropdown-menu li a:active {
        color: black;
        border: none !important;
        text-align:left;
    }

@media(max-width:1920px) {
.tagline {
    font-size:.75vw;
}
}

.tagline {
    display:block;
    text-align:center;
    letter-spacing:5px;
    text-transform:uppercase;
    margin-top:-5px;
    margin-bottom:5px;
    color:#E2C13A;
}


@media(max-width:992px) {
.tagline {
    display:none;
}
.headerLogo img {
    margin-top:15px;
}
}
@media(max-width:767px) {
.headerLogo img {
    margin-top:0px;
}
header {
    padding-top:0px;
}
}

.deliverySection {
    background:#4b4b4b;
}
.deliveryColumn strong{
    text-transform:uppercase;
}

.input-group-btn button.searchButton {
    padding: 6px 20px;
}

.input-group-btn button.searchButton .fa{
    color:#4b4b4b!important;
}

.navbar-default .navbar-toggle .icon-bar {
    background:#fff;
}

.cartCount {
    color: #fff;
}

.newsLetterButton {
    background:#4b4b4b;
    color:#fff;
}

footer{
    background: #0d1e38;
    color: #fff;
}

footer a, footer a:hover, footer a:visited, footer a:active, footer span {
    color:#fff!important;
}
footer .cardTypes .fa {
    color:#fff;
}

.footerSocial {
    width:100%;
}

footer .footerStrong {
    color:#E2C13A;
}

footer .footerEcoomerce    {
    border-top: 1px solid #fff;
    background: #4b4b4b;
}

footer .footerHeader {
    border-bottom: 1px solid #fff;
}

#AubynNewsletterPopup .cicClose{
    color:#4b4b4b;
}

.footerEcoomerce .footercontainer .col-sm-4.col-xs-12, .footerEcoomerce .footercontainer .col-xs-12.visible-xs {
    padding:0;
}


#bs-example-navbar-collapse-2 .Nav-Column-Item a {
    color: black;
    float: left;
    width: 100%;
}
@media(max-width:767px){
    #bs-example-navbar-collapse-2 a, #bs-example-navbar-collapse-2 a:hover, #bs-example-navbar-collapse-2 a:focus, #bs-example-navbar-collapse-2 a:visited, #bs-example-navbar-collapse-2 a:active {
        color: black;
        border: none !important;
    }
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: white !important;
    text-shadow: 0px 1px 0px #fff;
    opacity: 1;
    filter: alpha(opacity=1000);
}
.modal-header {
    min-height: 16.42px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #4b4b4b;
    color: white;
    text-transform: uppercase;
}
.modal-content {
    position: relative;
    background-color: #fff;
    border: 3px solid #4b4b4b;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box;
}


.container.alert.alert-dismissable.alert-danger.navbar-fixed-top {
    max-width: 1152px;
    border-radius:0;
}

.alert-dismissable .close {
    position: absolute;
    top: 5px;
    right: 5px;
    color: inherit;
}

.contactForm .form-control{
    margin-bottom:15px;
    width:100%;
}
.contactForm .input-group-addon {
    background-color: transparent;
    border-radius: 0;
}

header {
    display:block;
    float:left;
    width:100%;
}

.MiniBasket_ProductDescription a ,.MiniBasket_ProductDescription a:hover, .MiniBasket_ProductDescription a:focus, .MiniBasket_ProductDescription a:active, .MiniBasket_ProductDescription a:visited {
     color:#000000;
}
@media(max-width:767){
    .mobileHeaderSide{
        width:28%;
    }
    .mobileHeaderFull{
        width:44%;
    }
}
.not-found-holder {
    border: 1px solid black;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content:space-between;
}
.sign-up-box, .sign-up-image {
    width: 49%;
}
.sign-up-box {
   padding:20px;
}
.sign-up-box {
    display:flex;
    align-items:center;
}
.sign-up-box h1{
    margin-top:0;
}
@media(max-width:992px){
    .sign-up-box {
        width: 100%;
    }
    .sign-up-image{
        display:none;
    }
}
.not-found-holder .form-control{
    width:100%;
}
.not-found-holder .form-group{
    margin-bottom:20px;
    float:left;
    width:100%;
}

.centered-overlay {
    display:block;
    width:auto;
    position:relative;
    text-align:center;
}

.centered-overlay .btn.btn-default {
    position: absolute;
    bottom: 10%;
    left: 50%;
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

.btn.btn-default.btn-ghost {
    border: 2px solid #fff;
    padding: 10px 45px;
    font-size: 22px;
    background-color: transparent;
}

.btn.btn-default.btn-ghost:hover, .btn.btn-default.btn-ghost:active, .btn.btn-default.btn-ghost:focus {
    background-color: #fff;
    color:#4b4b4b;
}

@media(max-width:1470px) {
    .btn.btn-default.btn-ghost {
        padding: 5px 25px;
        font-size: 18px;
    }
}

@media(max-width:991px) {
    .btn.btn-default.btn-ghost {
        padding: 5px 25px;
        font-size: 16px;
    }
    .centered-overlay .btn.btn-default {
        bottom: 6%;
    }
}

@media(max-width:1070px) {
    .btn.btn-default.btn-ghost {
        font-size: 14px;
    }
}

@media(max-width:991px) {
    .btn.btn-default.btn-ghost {
        padding: 5px 15px;
        font-size: 13px;
    }
}


@media(max-width:767px) {
    .grand-selector .ProductNameList {
        height: 60px;
        overflow: hidden;
    }
}
.confidence-messages{
    display:flex;
    align-items:center;
}

/*Styles for Three Ways to Shop on Homepage and Mobile CMS Homepage*/
.m-0 {
    margin: 0;
}

.m-1 {
    margin: 0.5rem;
}

.my-1 {
    margin: 0.5rem 0;
}

.my-2 {
    margin: 1rem 0;
}

.p-0 {
    padding: 0;
}

.p-1 {
    padding: 0.5rem;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.h-100 {
    height: 100%;
}

.flex-row-wrap {
    display: flex;
}

.img-full {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-grid {
    display: grid;
    width: 100%;
    height: 350px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-areas:
        'img-1 img-1'
        'img-2 img-3';
}

.brand-promo-grid {
    display: grid;
    width: 100%;
    height: 180px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-areas:
        'img-1 img-2 img-2 img-3'
        'img-1 img-2 img-2 img-3';
}

.brand-feature-grid {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-areas:
        'img-1'
        'img-2'
        'img-3'
        'img-4';
}

.img-1 {
    grid-area: img-1;
}

.img-2 {
    grid-area: img-2;
}

.img-3 {
    grid-area: img-3;
}

.img-4 {
    grid-area: img-4;
}

@media only screen and (max-width: 970px) {
    .w-100 {
        width: 100%;
    }

    .flex-row-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 400px) {
    .hero-grid {
        height: 300px;
    }

    .brand-promo-grid {
        height: 150px;
    }
}
