/* You can add/edit your styles below. To utilize this stylesheet in your store, add the following line to the section of your website (usually found in _meta.tpl): */ /* custom css SDH */ /* --- General --- */ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; color: inherit; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; } .h1, h1 { font-size: 30px; } ol, ul { margin-top: 0; margin-bottom: 10px; } body { background: #f0f0f0; color: #333; font: 13px 'Lato', sans-serif; line-height: 1.5; } @font-face { font-family: 'Glyphicons Halflings'; src: url(../downloads/fonts/glyphicons-halflings-regular.eot); src: url(../downloads/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../downloads/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../downloads/fonts/glyphicons-halflings-regular.woff) format('woff'), url(../downloads/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../downloads/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-remove:before { content: "\e014" } .glyphicon-shopping-cart:before { content: "\e116" } #product .content h1, #product_builder .content h1 { color: #000000; font-size: 28px; font-weight: 400; margin: 0 0 5px; text-transform: capitalize; } /* --- Cart --- */ .carticon { color: #ed8b33; } .mobilecarticon { color: #ed8b33; } #minicart { margin: 9px -84px 0px 0px; } .btn-link:focus, .btn-link:hover { color: #ffffff; text-decoration: underline; background-color: #D98B49; } .btn-link { font-weight: 400; color: #ffffff; border-radius: 0; } .btn-default { color: #ffffff; background-color: #D98B49; border-color: #ccc; } /* --- Header --- */ .headerbottomborder { border-bottom-color: #ccc; border-bottom-style: solid; border-bottom-width: thin; margin-left: 0px; margin-right: 0px; } /* --- Logo --- */ .sitelogo { margin-top: 10px; } /* --- Navigation Row--- */ .abovenavlinks { list-style-type: none; float: right; } #horizontal #nav-menu-container ul li { margin-left: 0px; } .nav-dropdown-column { margin-top: 2px; padding-bottom: 0px; border-radius: 4px 4px 0px 0px; } .navbar { margin-bottom: 1px; } .navbar-default { background-color: transparent; /* #border-color: #ccc; #border-top: 1px solid #ccc; */ border-bottom: 7px solid #ccc; /* #border-left: 1px solid #ccc; #border-right: 1px solid #ccc; #border-radius: 15px 15px 0px 0px; */ } .nav > li > a { position: relative; display: block; padding: 12px 12px; } .navbar-default .navbar-nav> li> a { white-space: nowrap; font-family: 'Lato', sans-serif; text-transform: none; font-size: 15px; font-weight: bolder; color:#5a3619; margin-top: -5px; margin-bottom: -5px; } .navbar-default .navbar-nav .gift-card-tab > .open > a, .navbar-default .navbar-nav .gift-card-tab > .open > a:focus, .navbar-default .navbar-nav .gift-card-tab > .open> a:hover { background: #F1F1F1; border-radius: 4px 4px 0px 0px; color: #6B370F; text-decoration: none; font-weight: bold; border: 0px; border-color: #ccc; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #555; background-color: #e7e7e7; border-radius: 4px 4px 0px 0px; overflow: inherit; } .smalltopnav { position: relative; top: 5px; padding-bottom: 0px; } .smalltopnav > li > a:focus, .smalltopnav > li > a:hover { text-decoration: none; background-color: transparent; font-weight: bolder; } .smalltopnavtabs { position: relative; top: 10px; background-color: transparent; } /* --- Dropdown Menu --- */ .dropdown-menu li { border: none; } .dropdown-menu { background: #ffffff none repeat scroll 0 0; width: auto; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); width: auto; } .dropdown-menu > li > a { color: #6B370F; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background: #F1F1F1 none repeat scroll 0 0; color: #6B370F; font-weight: bold; } /* --- Tabs --- */ nav .nav-tabs { margin-top: -7px; margin-bottom: -20px; border-bottom: 1px; border-bottom-color: #ccc; } nav .nav-tabs > li > a { border: 1px solid #ccc; border-top-left-radius:8px; border-top-right-radius:8px; color: #000000; font-family: Lato; font-size: 14px; padding: 5px 5px -25px 0; background-color: #transparent none repeat scroll 0 0; } .nav-tabs > li.active > a:hover { background-color: #eee; font-weight: bolder; } .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{ color:#5a3619; cursor:default; background-color:#fff; border:1px solid #ddd; border-bottom-color:transparent; } .nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{ color:#fff; background-color:#337ab7; } /* --- Search Bar --- */ .searchbarpadding { margin-top: -10px; margin-left: -160px; width: 100%; } .new_search_bar { float: right; } /* --- Product Page --- */ .product_page_button { /* font-size: 22px; */ margin-top: -10px; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .dimensions { font-size: 16px; } .use_and_care { font-size: 16px; } .msrp_price { font-family: "Lato",sans-serif; font-size: 20px; } .now_price { font-family: "Lato",sans-serif; font-size: 36px; color: red; } .msrp_child_price { font-family: "Lato",sans-serif; font-size: 24px; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; overflow: auto; } .nav-tabs>li>a { margin-right: 2px; line-height: 1; border: 1px solid transparent; margin-top: 20px; } .why_you_will_like_this { font-size: 16px; margin-bottom: 7px; border-bottom: none; } .nav-tabs.nav-justified>li>a { /*border-bottom: 0px;*/ border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } .child-wrapper li { margin: 0; vertical-align: middle; font-size: 17px; padding: 10px 5px 0 0; } /* --- Category Page --- */ .cat_msrp_price { font-size: 20px; } #category_menu h2, #category_filter h2, #global_filter h2, #newsletter h2, #shop_by_price h2, #minicart h2, #left_column #recently_viewed h2 { font-size:14px; background-color: #777777; /* border-color: #337ab7; */ color: #fff; padding: 5px 0 5px 5px; text-transform: uppercase; } #left_column #recently_viewed ul li { padding:0px; margin:0px; } #left_column #recently_viewed .thumb-product { text-align:center; height: 80px; overflow: hidden; margin: 0px; width: auto; } #left_column #recently_viewed .thumb-product .image { width: 75px; float: left; } #left_column #recently_viewed .thumb-product .info { float: left; padding: 20px; text-align: left; width: 60%; max-width:180px; } #left_column #recently_viewed .thumb-product .name { display: block; padding: 10px 0 0; } hr { margin-top: 0; margin-bottom: 0; border: 0; border-top: 0; } /* .mar_btm { margin-bottom: 20px; margin-left: 7%; } */ #category .product .image img, #prod_detail_list .product .image img { width:100%; max-width:250px; max-height:150px; } .sale-price { color: #c00; font-size: 20px; } /* Wish list Pages */ .wishlist_full_position { position: static; } /* end custom css */