/* Extended css file for Sana Design Pakckage Furniture store layout */
/* This css file contains extra css declarations that are not posible to change in Sana background  */


/* Generic styling */
.center {
  margin: 0 auto;
  padding: 0 !important;
  max-width: 1000px;
}
.center::before, .center::after {
  content: " ";
  display: table;
}
.center::after {
  clear: both;
}
.above-content .center {
  padding: 22px 0 0 0; 
}
a {
  cursor: pointer;
  outline: medium none;
  text-decoration: none;
  background: none repeat scroll 0 0 transparent;
}
.btn{
  text-shadow: none;
}
.btn:hover, .btn.hover {
  background: none repeat scroll 0% 0% #D7920F;
  border-color: #D7920F;
}
*::-moz-placeholder {
  color: #b2b2b2;
}
*::-moz-placeholder {
  font-style: italic;
}
.html-wrapper {
  padding-bottom: 40px;
}

/* Banner Header and button style */
.banner h1 {
  font-weight: 700 !important;
  font-size: 62px !important;
  text-shadow: 0px 1px 1px #000 !important;
}
.banner h2 {
  font-size: 30px !important;
  text-shadow: 0px 1px 1px #000 !important;
  color: #CCCCCA !important;
}
.banner .btn {
  margin-top: 20px !important;
  background-color: #F0B10C;
  border-color: #F0B10C;
  color: #fff;
}

.banner-content {
  margin-right: 50px; 
}
/* Navigation */
   /*Dropdown menu width*/
.nav-list-sub {
  width: 220px;
}	
    /* Padding between dropdown menu items */
.nav-item-sub {
  padding-top: 10px;
  padding-bottom: 10px;
}
.nav-item-sub .hyp {
  line-height: 18px;
}

/* Product page */
.in-stock {
  color: #70AD57;
}
.out-stock {
  color: #E44B3A;
}
.order-box .form-row .label {
  width: 30%;
}
.font-lighter {
  color: #B2B2B2;
  display: none;
  visibility: hidden;
}
.product-tile .product-title {
  font-weight: normal !important;
}

/* Login header */
.login .user-name {
  font-weight: normal;
}
.login .opener:before {
  background: url(../../files/icons/login-white.png); 
}
.top-dropdown.login:hover .opener::before {
  background: url(../../files/icons/login-red.png); 
}
/* Header basket */
.over-summary .hyp {
  color:#fff !important;
  text-transform: none;
}
.basket:hover .over-summary .hyp {
  color: #333 !important;
}
.basket:hover .over-summary .hyp:before {
  background: url(../../files/icons/basket-black.png) no-repeat scroll 0 0 transparent;
}

/* Arrow links*/
.arrow-red::before {
  color: #F0B10C;
  font-size: 11px;
}
.arrow-blue::before, .arrow-grey::before, .arrow-black::before, .arrow-red::before {
  content: "› ";
  display: inline;
  left: 0;
  position: absolute;
}
.arrow-blue, .arrow-grey, .arrow-black, .arrow-red {
  padding-left: 10px;
  position: relative;
}

/* Breadcrumbs */
.breadcrumbs .hyp {
  color: gray;
  margin: 0 3px;
}
.breadcrumbs .hyp {
  margin: 0 3px;
}
.breadcrumbs li {
  display: inline-block;
  vertical-align: middle;
}

/*Footer sitemap menu */
.sitemap-nav li {
  width: auto;
}

/* Product banners */
.custom-bg {
  width: 100%;
  background-origin: content-box;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.custom-bg .center {
background-color: color transparent;
}
.combined-header {
  margin-top: 29px;
}
.combined-header h1 {
  display: block;
}
.combined-header h1, .combined-description {
  width: 100% !important;
}
.h1-holder, .html-wrapper h1 {
  margin-bottom: 6px;
  padding-top: 50px !important;
}
.custom-bg .h1-holder h1 {
  text-shadow: 0px 1px 1px #000 !important;
  color: #fff !important;
}
.custom-bg .breadcrumbs a {
  color: #F0B10C !important;
}

/* Variant selection */
.variants .font-product-title {
  font-size: 2.0em;
  text-align:center;
  
}
.gvi-variants th {
  font-size: 1.2em;
}

/* Unknown yet */
.simple-nav-list, .nav-wrapper, .nav-item:hover .hyp-top-lvl, .nav-item.hover .hyp-top-lvl {
background: none repeat scroll 0% 0% #FFF;
}
.nav-cell, .ribbon-header, .basket-link-cell, .ui-mobile .sticky-elements, .mob-dropdown {
border-color: #000;
}
.ribbon-header {
background: #000;
}
.top-dropdown .summary {
background: none repeat scroll 0% 0% #FFF;
}
.top-dropdown:hover .opener, .top-dropdown.hover .opener, .top-dropdown .summary {
background: none repeat scroll 0% 0% #FFF;
}
.top-hyp, .login, .language, .login .hyp, .language .hyp {
color: #8C8C8C;
}

.colored-header-desktop::before {
box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.1) inset;
content: "";
height: 6px;
left: 0;
position: absolute;
right: 0;
top: 0;
}

.colored-header-desktop, .gray-header-phone {
background-color: #f2f2f2;
}

.colored-header-desktop {
position: relative;
}

.homepage .content::after {
background-color: #f2f2f2;
bottom: 750px;
content: "";
height: 450px;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.content {
position: relative;
z-index: 1;
}



.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.productlist-list-page .above-content .breadcrumbs, .productlist-list-page .above-content .combined-header {
margin-left: auto;
margin-right: auto;
width: 1000px;
}


ul.reset, p.reset {
list-style: outside none none;
margin: 0;
padding: 0;
}
.productlist-list-page .above-content .breadcrumbs, .productlist-list-page .above-content .combined-header {
margin-left: auto;
margin-right: auto;
width: 1000px;
}

.productlist-list-page .above-content .center {
max-width: inherit !important;
}
.above-content .center {
padding-top: 22px !important;
}

.colored-header-desktop, .gray-header-phone {
background-color: #f2f2f2;
}

.colored-header-desktop {
position: relative;
}
.productlist-list-page .above-content .center {
max-width: inherit !important;
}
.above-content .center {
padding-top: 22px;
}

.homepage .content::after {
background-color: #f2f2f2;
bottom: 750px;
content: "";
height: 450px;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.content {
position: relative;
z-index: 1;
}