@import url(https://fonts.googleapis.com/css?family=Nunito:300);

/* ------------ Site Styles ------------ */
body{background:url("images/wallpaper.jpg") repeat #fff;color: #57425f;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;}
.container{background-color: #fff;}
.topnav-container, .navbar-default {background:#57425f;}
.head-container {border-bottom: 0px solid #5c604d;background:#fff;moz-box-shadow: 0px 0px 5px #57425f;-webkit-box-shadow: 0px 0px 5px #57425f;box-shadow: 0px 0px 5px #57425f;}
.footerContainer { border-top: 0px solid #5c604D;  background: #57425f; color: #fff}

h1, h2, h3, h4, h5, h6 {color: #57425f;font-family: Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size:30px; text-transform:uppercase}

a {color: #a88fb1} 
a:hover, a:focus {text-decoration:none; color: #57425f;}
.highlight{background:#fff}
.page1 .highlight{display:none}

.addressData a, .addressData a:visited {color:#57425f;}
.addressData a:hover{color:#a88fb1}

/** nav bar **/
.navbar-brand { margin-top: 60px;float:none}
.navbar-right { width:100%;  margin-top: 0px;margin-right:0px} 
.navbar-nav>li{float:none;display:inline}
.navbar-brand>img {margin-left: auto;margin-right: auto;}
.navbar-header{float:none;margin-top:30px}
 
.navbar-nav {border-top: 0px solid #DADADA;border-bottom: 0px solid #DADADA;list-style:none;text-align:center;margin-top:-30px}

.navbar-default .navbar-nav>li>a { color: #a88fb1; font-weight:200}
.navbar-default .navbar-nav>li>a.current, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #fff;}

/** buttons **/
.btn-primary{border: 0px solid #5c604d; background:#57425f}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active, .btn-primary:active:focus,.btn-primary.active.focus{border: 0px solid #c4cac1; background:#a88fb1} 
.btn-header {border-radius: 0px;  border: 1px solid #57425f;}
.btn-header:hover { color:#a88fb1}
a.btn-header:hover{color:#a88fb1}
.btn-default{border:0px solid #474949;color:#fff;}
.btn-default:hover{border:0px solid #676666}

/** PRODUCTS **/
.designPrices {border:1px solid #a88fb1; background:#fff}

/** RIBBONS **/
.ribbonCat span::before {display:none;}
.ribbonCat span::after {display:none;}
.ribbon span::before {display:none;}
.ribbon span::after {display:none;}

.ribbonCat {
    height: 105px;
    overflow:visible;
    position: absolute;
    right: 18px;
    text-align: center;
    top: -60px;
    width: 295px;
    z-index: 1;
    color: #fff;
}

.ribbonCat span {
	moz-box-shadow: 0px 0px 15px #4e5849;-webkit-box-shadow: 0px 0px 15px #4e5849;box-shadow: 1px -1px 5px #57425f;
    border:1px solid #fff;
    -webkit-transform:rotate(0deg);
    background: #a88fb1;
    color: #FFF;
    display: block;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    right: -30px;
    text-align: center;
    top: 40px;
    transform:rotate(0deg);
    width: 100px;
    height:100px;
    border-radius:70px;
    padding-top:40px
}

.ribbon {
    height: 105px;
    overflow:visible;
    position: absolute;
    right: 18px;
    text-align: center;
    top: -70px;
    width: 295px;
    z-index: 1;
    color: #fff;
}

.ribbon span {
	moz-box-shadow: 0px 0px 15px #4e5849;-webkit-box-shadow: 0px 0px 15px #4e5849;box-shadow: 1px -1px 5px #57425f;
    border:1px solid #fff;
    -webkit-transform:rotate(0deg);
    background: #a88fb1;
    color: #FFF;
    display: block;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    right: 150px;
    text-align: center;
    top: 60px;
    transform:rotate(0deg);
    width: 100px;
    height:100px;
    border-radius:70px;
    padding-top:40px
}

/** FOOTER **/
#footer dt{color:#a88fb1;text-transform:uppercase;font-size:14px;font-weight:200}
#footer a:link, #footer a:visited {color:#a88fb1}
#footer a:hover {color: #fff}
#footer dd {color:#fff;}

/** STATIC BANNER BUT APPLIED ACROSS THE SITE **/
.topnav-container::after {
  content:'';
  /** background-image: url(../upload/files/images/red-374318.jpg); **/
  background-image: url(../upload/files/images/panels/16-lavender.jpg);
  display:block;
  height:200px;
  background-position:center;
  background-size:cover;
  background-attachment:fixed;
}

.content-container {margin-top:-80px;background:#fff;}
.topnav-container.container-fluid {padding-left:0px; padding-right:0px}

@media (max-width: 768px) {
    .topnav-container::after {background-attachment:scroll;}
    .content-container {border-radius:0px}
}

/** STATIC BACKGROUND BANNER
.itemBanner {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 200px;
    margin-top: 0;
    border-bottom: 0 solid #dcdcdc;
}

.page1 .content-container, .page2 .content-container, .page14 .content-container, .page7 .content-container {margin-top:-80px;background:#fff; border-radius:20px}**/

/** PANELS **/
.panel{background: #fff;border: 1px solid #fff;color:#555;-webkit-box-shadow:none}
.panel:hover{background:#fff;border:1px solid #a88fb1;}
.catImages:hover {  background: #fff; border: 1px solid #a88fb1;color: #555; text-decoration:none}
.newsPanel:hover{  background: #fff; border: 1px solid #a88fb1;color: #555; text-decoration:none}
.panel-heading h2 {color:#a88fb1;}

/** DESIGN BUTTON STUFF BY BILL AND TOMAS **/
@media (min-width: 992px) {
.designButton {border-radius:0px; border:1px solid #fff}
.designButton img, .catImages img {max-height:none;}
.designButton .panel-body img, .promotionPanel img {width:255px;height:342px;object-fit:cover;object-position:50% 50%}
.catImages img{width:240px;height:300px;object-fit:cover;object-position:50% 50%}
.designButton .panel-body, .catImages .panel-body {padding:0px}
.catImages .img-responsive {max-height: 350px;}
.designButton, .catImages {height:342px; margin-bottom:40px; border:0px}
.designButton:hover {background:#57425f; border:0px solid #fff}
.catImages {height: 360px; border:1px solid #fff; padding:5px}

.designButton .title {
  white-space:normal; 
  position:relative;
  padding:5px;
  top:-200px;
  text-align:center;
  color:#fff;
  display:flex;
  align-items:center;justify-content:center;
}
.designButton .price {
  position:relative;
  padding:5px;
  top:-202px;
  text-align:center;
  color:#fff;
}

.designButton .title, .designButton .price {visibility:hidden;}
.designButton:hover .title {visibility:visible;}
.designButton:hover .price {visibility:visible;}
.designButton:hover .panel-body img {opacity:0.5}

.newCSBlock .designButton .title, .newCSBlock .designButton .price {visibility:visible;}
.newCSBlock .designButton .price {color:#222;top:0px;}
.newCSBlock .designButton .title {top:0px;color:#222;}
}

/** HIDING THE LEFT NAV ACROSS THE SITE **/
#leftNavigator {display:none}
.col-sm-9.contentLeft {width:100%}

@media (min-width: 992px) {
    
    .col-md-4.productCol {
        width: 25%
    }
}

/*** CENTRED TEXT OVER IMAGE LINKS ON HOMEPANELS ***/
.centerImage .content{position: relative;text-align: center;color: white;text-transform:uppercase;font-family:'Nunito', sans-serif;font-weight:800;font-size:2em;text-shadow: 0px 0px 5px #000;}
.centerText, .centerText1, .centerText2{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.centerText a, .centerText1 a, .centerText2 a {color:#fff}
.centerImage .homepanel{margin-bottom:0px;margin-top:0px}

.centerText, .centerText1, .centerText2 {visibility:hidden}
.homepanelLeft:hover .centerText {visibility:visible}
.homepanelMiddle:hover .centerText1 {visibility:visible}
.homepanelRight:hover .centerText2 {visibility:visible}
.homepanel {background:#57425f}

@media (max-width: 992px) {
    .homepanel {background:#fff}
    .centerText, .centerText1, .centerText2  {visibility:visible}
    .centerText:hover a, .centerText1:hover a, .centerText2:hover a{color:#ccc}
}

/** MOBILE NAV **/
.navbar-toggle {border-color: #57425f;}
.navbar-toggle:hover {border-color: #a88fb1;}
.navbar-toggle .icon-bar {background-color: #57425f;}
.navbar-toggle:hover .icon-bar{background-color:#a88fb1}
.addressDataMobile a{color:#57425f;}
.addressDataMobile a:hover{color:#a88fb1;}
#mobilenav a{color:#57425f; padding:10px; text-align:right}
#mobilenav .dropdow-menu a{color:#57425f}
#mobilenav a:hover{color:#a88fb1; background:none}
#mobilenav .adminButton a{color:#fff;}
#mobilenav .adminButton{margin-right:10px; background:#57425f; margin-bottom:10px}
#mobilenav .adminButton:hover {background:#a88fb1}

/** HIDING ACCOUNT USERS LOGIN AT CHECKOUT 6.5 **/
#lyAccLogin {display:none}


/** .footerContainer .row .col:nth-child(2) img {content:url(../images/footer-cashflows-light.png);} **/

.footerContainer .row .col:nth-child(2) img {content:url(../images/footer_fp_white.png);}

.footerContainer img[src="/upload/styles/images/prop.png"] {
    display:none;
}


.homepanel img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}