@import 'https://fonts.googleapis.com/css?family=Playfair+Display|Roboto:100,300,400,700';

body {font-family:'Roboto', serif;color:#463533}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family:'Playfair Display', serif;
    color:#463533;
    text-transform:none
}

.navbar-inverse, .btn-primary:hover, .btn-quickview:hover,ul#Footer_menu > li > a:hover {
    background: #333;
    border-color: #333
}

a, a:hover, a:focus, a:active, a.active {
    color: #333;
    text-decoration:none
}

.btn-primary, .page-contact .contactpage input[type=submit] {
    background: #f3eee9;
    border-color: #f3eee9;
    color: #8a837d;
    font-weight:normal;
    border-radius: 0
}

.quickviewlink > a, ::selection  {
    background: #333;
    color:#fff
}

.quickviewlink > a:hover {
    background: #f3eee9;
    color:#333
}

.topbar .btn-default:hover,.topbar .tablinks a:hover {color: #333333}

.topbar .btn-default:hover,.topbar .tablinks ul li:visited a,.topbar .tablinks ul li:active a,.topbar .tablinks ul li:hover a {background: #fff !important}

.product-list .flag-new, .product-list .flag-sale, .product-list .flag-special {
    background: #333;
    font-family: 'Roboto'
}

.product-carousel-wrapper {text-align:center}

.product-carousel-wrapper h3 {
    z-index:1;
    position:relative;
    background:#fff;
    text-align:center;
    margin-bottom:20px;
    color: #333;
    font-weight: normal;
    letter-spacing: 0;
    border: solid 1px #eee;
    padding-bottom: 20px;
    display: inline-block;
    padding: 10px 30px;
    letter-spacing: 0.1em;
    font-size: 20px
}

div#carousel-slideshow {overflow:hidden;}

div#carousel-slideshow:before {
    content:'';
    display:block;
    width:100%;
    height:1000px;
    position:absolute;
    z-index:999;
    pointer-events:none;
    background-image: linear-gradient(to bottom,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 400%)
}

/* Add shadow to bottom of carousel for contrast */

.page-checkoutstep2 #btn-make-payment {
    background: #333;
    padding:20px
}

.page-checkoutstep2 #btn-make-payment:hover {background: #333}

.page-checkoutstep2 #checkout-first-column {
    box-shadow:none;
    background:none;
    margin:0
}

.page-checkoutstep2 div.checkout-panel {
    box-shadow:none;
    border:solid 1px #eee
}



@media only screen and (min-width : 320px) {
    .page-department div#customcontent {
        width:100%;
        overflow:hidden;
        background:white;
        margin-bottom:20px
    }

    .page-department div#customcontent img {
        max-width:100%;
        height:auto
    }

    .slideCaption {background: #333;}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .Horizontal_Nav_Menu > li > a, .Horizontal_Nav_Menu > li > span, .Horizontal_Nav_Menu > li > span {
        text-decoration:none;
        font-size: 1em;
        line-height:20px;
        position:relative;
        display:block;
        padding:15px 15px;
        transition:background 0.3s ease
    }

    .Horizontal_Nav_Menu > li > ul > li > a {
        font-size:1em;
        font-family:"Roboto", sans-serif;
        text-transform:uppercase
    }

    .Horizontal_Nav_Menu > li:hover {background:none !important}

    .Horizontal_Nav_Menu > li > a:hover, .Horizontal_Nav_Menu > li > span:hover {
        color: #fff;
        background: #fff
    }

    .Horizontal_Nav_Menu > li:hover > a, .Horizontal_Nav_Menu > li:hover > span {
        color: #000;
        background: #fff !important
    }

    .Horizontal_Nav_Menu > li > a, .Horizontal_Nav_Menu > li > span {
        font-size: 1em;
        padding: 15px 15px;
        font-family: 'Roboto';
        font-weight: normal;
        color: #555;
        letter-spacing: 0
    }

    .topbar .tablinks a {
        line-height:32px;
        padding: 0 10px 0 10px
    }

    .topbar.hidden-xs button, .topbar.hidden-xs a {
        font-size: 12px;
        font-family: 'Roboto',sans-serif;
        text-transform: capitalize;
        color: #fff
    }

    .Horizontal_Nav_Menu > li > ul > li > a span {
        color: #333;
        font-weight: bold;
        font-family: 'Roboto'
    }

    .slideCaption {background:none}

    .container.submenuBanner h3 {
        font-size:15px;
        letter-spacing:0.1em
    }

    .page-home .product-carousel-homepageslider {
        max-width:1140px;
        margin:0 auto;
        margin-top:2em
    }

    .page-home .product-carousel-homepageslider .slideCaption{text-align:center}

    .product-carousel-homepageslider .slideCaption{font-family:Roboto, sans-serif}

    .product-carousel-homepageslider .slideCaption h3{font-family: 'Playfair Display', serif}

    .page-home .product-carousel-homepageslider .slideCaption .btn{
        background:transparent;
        color:#fff;
        border:1px solid #fff
    }

    .Horizontal_Nav_Menu {text-align:center}

    .Horizontal_Nav_Menu > li {
        float:none;
        display:inline-block
    }

    .navbar-inverse {background: transparent}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .Horizontal_Nav_Menu > li > a, .Horizontal_Nav_Menu > li > span {
        text-decoration: none;
        color: #555;
        font-size: 1em;
        line-height: 1em;
        position:relative;
        display:block;
        padding: 14px 15px 14px 15px;
        transition:background 0.3s ease;
        font-weight: normal
    }

    .Horizontal_Nav_Menu > li > ul > li > a {
        font-size:1em;
        font-family:"Roboto", sans-serif;
        text-transform:uppercase
    }

}

@media only screen and (min-width : 768px) {
    .Horizontal_Nav_Menu > li > a, .Horizontal_Nav_Menu > li > span{
        padding:15px 8px;
        font-size:0.9em
    }
}

#Footer_menu,.topbar.hidden-xs {background: #333}

#nsc_cart_container a.btn-primary {
    background: #000;
    border-color: #000;
    color:white;
    font-family: 'Roboto',sans-serif;
    font-size: 1.2em;
    padding: 5px 10px
}

#nsc_cart_container a.btn-primary:hover {
    background: #333;
    border-color: #333;
    color: #fff
}

#nsc_cart_container a.btn-primary:visited,#nsc_cart_container a.btn-primary:focus,#nsc_cart_container a.btn-primary:active,#nsc_cart_container a.btn-primary.open {background: #000}

#cartOptions .btn-primary{padding:12px !important}

.page-product h1 {font-size:24px}

div#searchresult {margin-bottom:15px}

.slideCaption a:empty {display:none}

/* Category Pictures Panel Edit */

.category-pictures-panel h5 {bottom: -40px;}

.category-pictures-panel .thumbnail {box-shadow: none}

.category-pictures-panel .thumbnail > a {
    height: 150px;
    background:none;
    transition:all 0.3s ease;
    box-shadow: none;
    margin-bottom: 50px
}

.category-pictures-panel .thumbnail > a:hover {opacity:0.7}

.category-pictures-panel .thumbnail > a img {
    max-height: 100%;
    max-width: 100%;
    padding:0
}

/* Customizations */

.caption {text-align:center}

.caption h5 {
    text-transform:none;
    letter-spacing: 0.05em;
    border-top:solid 1px #eee;
    margin-left:-10px;
    margin-right:-12px;
    padding-top:15px;
    text-align: center
}

.caption .btn {display:none}

.owl-item .thumbnail .caption {width:100%}

.department-header h3 {text-transform:uppercase}

.Horizontal_Nav_Menu > li > ul {box-shadow:none}

.form-control {box-shadow:none}

.articleDiv, .blogarticleDiv, .page-contact .panel,.panel {
    box-shadow:none;
    border:none
}

.image-carousel .slide:before {display:none}

.caption .btn-primary {
    display: inline-block;
    left: 50%;
    position: relative;
    transform: translateX(-50%)
}

.notice-item-success {background:#333}

.notice-item-success h4,.notice-item-success p {color:white;font-family:'Roboto'}

.page-product select#quantity, .page-product .fractionalinput {height: 44px}

.page-product a.btn.btn-lg.btn-primary.add-to-cart {
    padding: 11px 20px 13px 20px;
    font-size:15px;
    background: #000;
    color: white;
    border: 0
}

a.btn.btn-md.add-to-list:hover {color: #2068ad}

a.btn.btn-md.add-to-registry:hover {color: #2068ad}

.modal-body .btn-primary {
    background:#333;
    color:white;
    border-color:#333
}

.modal-body .btn-primary:hover {
    background:#333;
    color:#fff;
    border-color:#333
}

.product-list .price-percentage {color:#aaa}

p.standardSignIntext .btn-primary:hover {
    background: #fff;
    color:#fff;
    border-color:#fff
}

a.fa-stack:hover {color: #463533}

#socialFooter a:hover {color: #2068ad}

.col-xs-6.contactHours label {
    display:inline-block;
    width:100px
}

.col-sm-6.contactDetails #addresstext {
    margin:0;
    padding-top:0
}

h1.heading-main {font-weight: normal}

.product-carousel-wrapper h3 a:hover {color: #333}

.product-carousel-wrapper h3 a:hover:after {background: #333 !important}

.product-list .thumbnail {box-shadow: 0 0 0 1px #eee}

.page-product .img-productflag {position:relative}

.page-product .img-productflag > div {
    position:absolute;
    background: #623437;
    color:white;top:0;
    left:0;
    padding:10px;
    display:block;
    z-index:999;
    pointer-events:none
}

.col-xs-6.contactHours strong {
    line-height: 2em;
    display:block;
    margin:0;
    padding:0
}

.col-xs-6.contactHours label {font-weight:normal}

form#tellafriendform input.btn-default {
    background: #71b2c9;
    font-weight: bold;
    font-family: 'Roboto'
}

form#tellafriendform input.btn-default:hover {
    background: white;
    border: solid 1px #ce5fb2 !important;
    color: #ce5fb2
}

form#tellafriendform > table {
    display: block;
    width: 760px
}

.caption h5 a {color:#666;}

ul#Footer_menu>li>a {
    padding: 15px 20px 10px 20px;
    background: 0 0;
    font-size: 0.9em;
    line-height: 1.3em;
    transition: .3s ease;
    font-family: 'Roboto';
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color:white
}

.homeSlider {
    background:#f5f5f5;
    border-bottom:0;
    padding-top: 20px
}

.cartMobile #nsc_cart_container a.btn-primary {margin-left:20px}

/* Social Media Brand Colours */
footer > div > div .col-sm-4 .fa-facebook {color:#3b5998}
footer > div > div .col-sm-4 .fa-twitter {color:#4099FF}
footer > div > div .col-sm-4 .fa-pinterest {color:#e1306c}
footer > div > div .col-sm-4 .fa-youtube {color:#cd201F}
footer > div > div .col-sm-4 .fa-square-o{display:none}

/* Customizations */
ul#Store_Navigation {background: #f5f5f5}

.container.bottomFooter {margin:0}

.container.bottomFooter {
    background: #000;
    width: 100%;
    color: White
}

.container.bottomFooter a {color:white}

.container.bottomFooter a.btn.btn-default.btn-backToTop {
    color:white;
    background:#444;
    position:fixed;
    bottom:40px;
    right:40px
}

footer {padding-bottom:0}

footer #footer4 .footerPhone span span,footer #footer4 .footerEmail a span,footer #footer4 .footerLocation span span {
    text-transform:capitalize;
    font-size:13px;
    line-height:1em;
    padding:10px 0;
    display:block;
    color:#000
}

.page-home .pagebody-wrapper {
    padding:0;
    background: white
}

.page-home #customcontent img {
    margin-bottom:20px;
    max-width:100%
}

.product-carousel-wrapper > .container {
    position:relative;
    padding-left:10px;
    padding-right:10px
}

.product-carousel-wrapper > .container{overflow:hidden}

.product-carousel-wrapper > .container:before {
    background: #eee;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 9%;
    width: 100%;
}

.product-carousel-wrapper:before{ left: 0}

@media only screen and (max-width : 767px) {
    .page-home #customcontent img{max-width:100% }

    .product-carousel-wrapper {margin-left:0px !important}

    .navbar-inverse{
        background: #fff;
        border-top:1px solid #f5f5f5
    }

    .navbar-inverse.affix{border-bottom:1px solid #ddd}

}

.form-control, .btn{border-radius:0}
.header .form-control{background-color:#fff !important}
.product-list{margin-bottom:1.5em}

@media (min-width: 992px) and (max-width: 1199px) {
    .Horizontal_Nav_Menu>li>a, .Horizontal_Nav_Menu>li>span {
        font-size:1em;
        padding:15px 10px
    }

    .navbar-inverse{
        background:#f5f5f5
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-inverse{
        background:#f5f5f5
    }

    .Horizontal_Nav_Menu>li>a, .Horizontal_Nav_Menu>li>span {
        font-size:0.8em;
        padding:15px 6px
    }

}

.page-product .product-image > img:first-of-type {
    max-width: 100%;
}