.store, .main {vertical-align: top; margin: 0} .ui-select, .nextHeaderTable, .nextBannerCellLeft, .nextBannerCellCenter, .nextBannerCellRight, .nextBannerCellButton {width: 100%} .main, .modal {text-align: left; font-size: 11pt} .modal {padding: 0 2px} hr {height: 1px} .main hr {color: black; background-color: black; border-width: 0px} .ui-content {padding: 0 1px} td {font: inherit} .font1, .cart, .nextTextDialogContainer, .nextNotifyInStockButton {font-size: 11pt} .font1small, .nextSharingDiscountLimit {font-size: 9pt}, .nextPurchaseSetQtyMsg {font-size: 9pt} .font1large {font-size: 14pt} .font2 {font: 11pt Rubik,sans-serif} .font2small {font: 9pt Rubik,sans-serif} .font2large {font: 14pt Rubik,sans-serif} .labelSubText {font-size: 9pt; display: block} .mlabelSubText {font-size: 9pt} .nextCartStatus, .nextCartEmpty .nextCartEmptyMessage, .nextSharingDiscountMessage {font-style: italic} .nextSharingDiscountMessage {padding-top: 20px} .nextStatus {padding-top: 5px; font-style: italic} .nextCartEmpty {padding: 10px 10px 50px 10px; text-align: center} a.nounderline, .nounderline a, .nextCategoryTarget a, .nextProductTarget a, .nextCartProductTarget, .nextDiscountThumbnail {text-decoration: none} .nextHeader, .nextFooter, .banner2 {height: 45px} .nextHeaderFooter {clear: both} .nextBannerCellRight .nextBannerText {padding-right: 6px} .nextBannerCellLeftButton .nextBannerText {padding-right: 12px} .nextBannerCell, .nextFirstNameLabel, .nextLastNameLabel, .nextPhoneLabel, .nextExtLabel, .nextEmailLabel, .nextAddressLabelLabel, .nextCompanyNameLabel, .nextAddress1Label, .nextAddress2Label, .nextCityLabel, .nextStateLabel, .nextZipLabel, .nextCountryLabel, .nextAddressTypeLabel, .nextAddressTypeRadio, .nextPasswordLabel {white-space: nowrap} .nextBannerCellLeft, .nextBannerCellLeftButton, td.nextNavButton, .nextCartProductListHeader h2 {text-align: left} .nextCentered, .nextBannerCellCenter, .nextShipName, .welcome, .nextSharingDiscountMessage, .nextPolicyContainer, .nextPoweredBy, .nextWarningsPopup, .nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls, .nextGeneralConfirmation, .nextCatalogFooter, .nextGeoTrust, .nextTrustGuard, .nextNotification, .nextLogo, .nextTrusteeEmailConfirmation, .nextMobileLoyaltyRedemptionDiv, .nextLegalDisclaimer, .nextCustomerShipperWarning {text-align: center} .nextSKUShipText, .nextLogo {padding: 10px 0 0 10px} .nextBannerCellRight, td.nextCartButton, .nextCartTotalAmount, .nextCartDiscount {text-align: right} .nextNavButtonText, .nextCartButtonText {vertical-align: middle; height: 22px} .nextCartButtonText {position: relative; left: -2px; top: -5px} .nextCartButton, .nextCartButton:hover, .nextHomeButton, .nextHomeButton:hover, .nextContinueButton, .nextContinueButton:hover, .nextCheckoutButton, .nextCheckoutButton:hover {min-width: 80px; height: 34px; white-space: nowrap} .nextCartButtonIcon {display: inline-block; width: 30px; height: 30px; cursor: pointer; vertical-align: middle; background-image: url(//cdn.nexternal.com/net/mobile/stylesheet/jquerymobile/images/cart_black.png); background-repeat: no-repeat; background-position: 0 50%; position: relative; height: 30px; width: 30px; top: -5px} .nextMobileButton {min-height: 34px; min-width: 80px} .nextSearchResultsContainer ul {position: absolute; z-index: 2; width: 100%} .nextProductSearchResults {margin: 0 !important} .nextShipToCartProducts, .nextPickupCartProducts, .nextEmailToCartProducts {padding: 0; border-top-width: 1px} .nextCategoryList, .nextProductList, .nextCartProductList, .nextCartTotalRows {border: 0 solid black; border-bottom-width: 1px; list-style: none; padding: 0} .nextCategoryListItem, .nextProductListItem, .nextCartProductListItem, .nextCartTotalRows li {display: block; border: 0 solid black; margin: 0; text-align: left} .nextCategoryListItem, .nextProductListItem {border-top-width: 1px} .nextCategoryListItem a {font: 12pt Rubik,sans-serif} .nextCartProductListItem {border-bottom-width: 1px} .nextCategoryTarget, .nextProductTarget, .nextCartProductTarget, .nextDiscountThumbnail, .nextShipToLabel, .nextPriceTable, .nextSpecifications, .nextPickup, .nextPickupExplanationLink, .nextShipToExplanationLink, .nextSubscriptionDescriptionLink {display: block} .nextCategoryTarget {padding: 0.7em 75px 0.7em 15px} .nextCategoryListItem div {position: relative} .nextCategoryListItem img, .nextProductListItem img, .nextCartProductListItem img {max-width: 80px; max-height: 80px; position: absolute; top: 0; left: 0; border: 0; float: left} .nextCartProductListItem img {max-width: 80px; max-height: 80px} .nextCategoryListItem .ui-icon, .nextProductListItem .ui-icon, .nextCartProductListItem .ui-icon {display: block; position: absolute; top: 50%; margin-top: -9px; right: 10px} .nextCategorySubList {margin: 0; -webkit-margin-after: 15px; border-top-width: 1px; background-color: #EEE} .nextCategorySubList .nextCategoryListItem div {margin: 0 15px} .nextCategorySubList .nextCategoryListItem {border: 0 solid black; border-bottom-width: 1px} .nextCategoryTargetImg {padding-left: 95px; min-height: 65px} .nextProductListItem, .nextCartProductListItem, .nextCartTotalRows li, .nextShippingMethodSelectSalesTax {padding: 5px 0 5px 0} .nextProductListItemContainer, .nextCartProductListItemContainer {position: relative; min-height: 80px} .nextProductThumbnailItem, .nextCartProductThumbnailItem, .nextCategoryThumbnailItem {padding-left: 85px} .nextCategoryThumbnailItem {min-height: 80px} .nextMobileDialog {position: absolute; padding: 10px; border: 1px solid #aaa; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 100; background: -moz-linear-gradient(center top , #FDFDFD, #EEEEEE) repeat scroll 0 0 #EEEEEE; background-image: -webkit-gradient(linear,center top,center bottom, color-stop(0, #FDFDFD), color-stop(1, #EEEEEE)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FDFDFD', EndColorStr='#EEEEEE')"; text-shadow: 0 1px 1px #F6F6F6; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); color: #333333;white-space:normal} .nextOverlay {background-color: rgba(0, 0, 0, 0.5); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:0.5} .nextOverlay, .nextLoadingOverlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99} .ui-loader {z-index:1000; box-shadow: none} .nextLoadingOverlay {z-index:999} .nextPopupElement input, .nextPopupElement select, .nextNewShipToLabel, .nextNewShipName {display: block; width: 97%} .nextProdName {font: 14pt Rubik,sans-serif; font-weight: bold; display: block; text-align: left} .nextProductDetail {padding: 5px; text-align: left} .nextTabbedRule, .nextShipName, .nextCartBottomButton {margin: 5px 0} .nextTabbedRule, .nextRelatedRule {border-bottom: 1px solid black} .nextNoProductThumbnailItem, .nextNoCartProductThumbnailItem, .nextProductDetail .nextProdName, .nextProductDetail .nextShortDesc, .nextProductDetail .nextStatus, .nextProductDetail .nextAttributeLabel, .nextWriteInAttributes, .nextPrice, .nextHiddenPrice, .nextSKUContainer, .nextCustomField1Container, .nextCustomField2Container, .nextCustomField3Container, .nextCustomField4Container, .nextCustomField5Container, .nextCustomField6Container, .nextCustomField7Container, .nextCustomField8Container, .nextCustomField9Container, .nextCustomField10Container, .nextCustomField11Container, .nextCustomField12Container, .nextCustomField13Container, .nextCustomField14Container, .nextCustomField15Container, .nextCustomField16Container, .nextCustomField17Container, .nextCustomField18Container, .nextCustomField19Container, .nextCustomField20Container, .nextUOMContainer, .nextShipWeightContainer, .nextAllocationContainer, .nextInventoryContainer, .nextOrderDiscounts, .nextGiftCertificate {padding: 0 10px} .nextOrderDiscounts, .nextCartPhoneNumber, .nextCartEmail, .nextShipTo {padding-bottom: 10px} .nextTweet, .nextPinIt, .nextFBShare, .nextAddThis, .nextAddToCart, .nextNewShipToLabel, .nextNewShipName, .nextMainImage, .nextProductSearchContainer, .nextPagesTicker, .nextTellAFriendMessage, .nextPolicyBody, .nextSoldOut {padding: 10px} .nextPopupElement, .nextMobileInput, .nextRegisterAddendum, .nextRegisterHeader {padding: 5px 10px} .nextSoldOut {font-style: italic; font-weight: bold; text-align: center} .nextBidPrice {padding: 10px 0} .nextMiniThumb {cursor: pointer} .nextPrice, .nextSKUText, .nextGiftMessageWrap {padding-top: 10px} .nextGiftMessageWrap {padding-left: 10px} .nextSKU, .nextCustomField1, .nextCustomField2, .nextCustomField3, .nextCustomField4, .nextCustomField5, .nextCustomField6, .nextCustomField7, .nextCustomField8, .nextCustomField9, .nextCustomField10, .nextCustomField11, .nextCustomField12, .nextCustomField13, .nextCustomField14, .nextCustomField15, .nextCustomField16, .nextCustomField17, .nextCustomField18, .nextCustomField19, .nextCustomField20, .nextUOM, .nextShipWeight, .nextAllocation, .nextInventory, .nextCartSubtotalLabel, .nextCartGrandTotalLabel, .banner2 {font-weight: bold} .nextFBShareContainer {display: inline-block; position: absolute; left: 0; top: 0; padding: 10px} .nextFBShare {position: relative; height: 80px} .nextCartSavings, .nextCartSubscription, .nextCartOrderSubscription, .nextCartReservation, .nextCustomerShipperWarning {color: black} .nextEditQuantity, .nextShippingMethodSelectLineItems, .nextCartDiscountRow, .nextCategoryDiscount, .nextSurcharge, .nextBuyNowButtonContainer {display: table-row} .nextEditQuantity div, .nextBuyNowButtonContainer div, .nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls {display: table-cell; vertical-align: middle; padding-right: 15px} .nextQuantityLabelContainer, .nextQuantityTextBoxContainer {padding-right: 20px;} .nextQuantityLabelContainer {min-width: 55px} .nextQuantityTextBoxContainer {min-width: 65px} .nextAddToCartButtonContainer, .nextBuyNowButtonDiv, .nextFavoriteShoppingListContainer {width: 100%} .nextTellAFriendCaptcha, .nextQuestionCaptcha, .nextReviewCaptcha, .nextPasswordCaptcha, .nextTrusteeCaptcha, .nextRegisterCaptcha {width: 304px; margin: 0 auto 0;} .nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls {width: 50%} .nextGiftMessageWrap .ui-controlgroup-controls {min-width: 160px} .nextGiftMessageWrap, .nextInvoiceShipToAddress {border-bottom: 1px dotted black} .nextCartTotalRows li, .nextPolicyContainer div {display: table; width: 100%} .nextCartTotalAmount, .nextCartTotalLabel, .nextCartDiscountLabel, .nextCartDiscount, .nextPolicyLink {display: table-cell} .nextNotification {border: 1px solid #CCC79A; background-color: #FFFACD} .nextGeoTrust, .nextTrustGuard, .nextNotification {padding: 5px} .nextNotificationHeader {padding-bottom: 5px} div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.star-rating {width:18px;height:18px} div.star-rating,div.star-rating a {background:url(//cdn.nexternal.com/shared/storefront/images/star_empty.png) no-repeat 0 0px} div.star-rating a{display:block;width:18px;height:100%;background-position:0 0px;border:0} div.star-rating-on a, div.star-rating-hover a {background:url(//cdn.nexternal.com/shared/storefront/images/star_full.png) no-repeat 0 0px} div.star-rating-readonly a {cursor:default !important} div.star-rating {background:transparent!important; overflow:hidden!important} .nextHoverNotification {position: absolute; left: 50%; width: 200px; z-index: 5000; cursor: pointer; background: -moz-linear-gradient(center top , #666666, #222222) repeat scroll 0 0 #222222; background-image: -webkit-gradient(linear,center top,center bottom, color-stop(0, #666666), color-stop(1, #222222)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#222222')"; border: 0; border-radius: 6px; box-shadow: 0 0 6px #000000; color: #FFFFFF; font-family: Helvetica,Arial,sans-serif; font-size: 15px; z-index: 5001; text-align:center; padding: 10px} .nextRatingLabel, .nextRatingContainer {display: inline-block} .nextRatingLabel, .nextRatingContainer, .nextCustomerCustomFieldValue {vertical-align: top} .nextShippingMethodSelectLineItemQty, .nextShippingMethodSelectLineItemName {display: table-cell; padding: 5px 10px 5px 0} .nextPolicyContainer, .nextPoweredBy {padding: 20px 0} .ui-collapsible .nextDetails .ui-corner-bottom {border-bottom-left-radius: 0; border-bottom-right-radius: 0} .nextCurrency {display: block; position:relative; font-size:14pt; top:25px; left:9px; height:0; line-height:0; z-index:2} .nextCurrencyInput {padding: 0.4em 17px !important} .nextStandardStoreFrontLink {text-align: center; padding: 10px 0;} .nextNoScriptBlock {display: block; width:100%; height:10000px; position: fixed; left: 0; top: 0; z-index: 2} .nextNoScriptBlock .ui-header {background-image:-webkit-gradient(linear,left top,left bottom,from( #3C3C3C ),to( #111111 )); background-image:-webkit-linear-gradient( #3C3C3C,#111111 ); background-image: -moz-linear-gradient( #3C3C3C,#111111 ); background-image: -ms-linear-gradient( #3C3C3C,#111111 ); background-image: -o-linear-gradient( #3C3C3C,#111111 ); background-image: linear-gradient( #3C3C3C,#111111 );} .nextNoScriptBlock .ui-content {padding: 15px} .nextCartAccountInfo {padding: 0.5em 0} #sw-wrapper {position:absolute; z-index:1000; left:0; width:100%; font-family:helvetica, sans-serif; background:rgba(0,0,0,0.7); text-align:left} #sw-header {position:relative; width:100%; height:43px; border-top:1px solid #000; border-bottom:1px solid #000; background:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-header.png) 0 0 repeat-x; opacity: 0.9} #sw-cancel, #sw-done {position:absolute; top:7px; height:20px; line-height:20px; padding:0 5px; margin:0; border-width:5px; font-size:12px; font-weight:bold; text-shadow:rgba(0,0,0,0.8) 0 -1px 0; color:#fff} #sw-cancel {left:7px; float:left; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-button-cancel.png) 5} #sw-done {right:7px; float:right; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-button-done.png) 5} .sw-pressed {opacity:0.4;} #sw-slots-wrapper {position:relative; z-index:999; display:block; height:215px; padding:0 11px; overflow:hidden} #sw-slots {display:table; width:100%; background:#fcfcfc} #sw-slots div {display:table-cell; height:100%; padding-top:86px; border-left:2px solid #0d0e0f; background-color:#fcfcfc; background-image: url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-slot-border.png); background-position: 0 0, 100% 0; background-repeat: repeat-y} #sw-slots div:first-child {border:0;} #sw-slots ul {padding:0 0 85px 0; margin:0; list-style:none} #sw-slots .sw-right {text-align:right;} #sw-slots .sw-shrink {width:1%;} #sw-slots .sw-readonly {background:#ddd;} #sw-slots li {padding:0 8px; height:44px; overflow:hidden; font:bold 24px/44px Helvetica,sans-serif} #sw-frame {position:absolute; z-index:1000; left:0; right:0; bottom:0; height:183px; border-width:16px; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-alpha.png) 16} .nextLoginHeader, .nextContactInfoHeader {margin-top: 15px} span.ui-body-d {background: none; border: none} .nextCategoryListItem:active, .nextProductListItem:active {-moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888} .nextTextDialogContainer {padding:5px} .nextCollapsibleText {text-overflow: ellipsis} .nextStaticText {position: absolute; right: 20px} h2.ui-collapsible-heading .ui-btn-text, h3.ui-collapsible-heading .ui-btn-text {position: static} h2.ui-collapsible-heading .ui-btn-inner, h3.ui-collapsible-heading .ui-btn-inner {padding-right: 50px !important} .nextPickup {padding: 10px 0 10px 0;} .nextPickupLabel {font-size:16px} .nextCartProductListHeader h2 {font-size: 1.5em; margin: 16px 0 !important} .nextPickupInvoiceProducts, .nextPickupExplanationLink, .nextShipToExplanationLink, .nextSubscriptionDescriptionLink {padding: 10px 0} .nextIconInactive {color: #a5a5a5} .nextFontHeartActive {color: red} .nextFontStarActive {color: #f7e729} .nextFontShopListActive {color: #e09c1e} .nextFontBookmarkActive {color: blue} .pac-item {font-family: Rubik,sans-serif} /*mobile vanillabean 201.005*/ .nextHeader.ui-bar-a { background:#333; /*TOP BANNER*/ } .nextGallery div { display:none; } .ui-body-a, .ui-overlay-a { font-family:Roboto, sans-serif; /*BODY FONT*/ text-shadow:none; } .ui-bar-f, .ui-bar-d, .ui-bar-a{ font-family:"Roboto Condensed", serif; /*HEADINGS FONT*/ text-shadow:none; background:none; border:none; border-bottom:1px solid #CCC; font-size:18px; padding-left:5px; box-sizing: border-box; } .nextCategorySubList { background:#fff; } .nextTweet, .nextPlusOne, .nextPinIt, .nextFBLike, .nextFBShare { display:inline-block; vertical-align:top; } a, .ui-body-a .ui-link, .ui-body-a .ui-link:visited, .ui-body-a .ui-link:hover { color:#337ab7; /*LINK COLOR*/ } .ui-body-a .nextCategoryList ul a, .nextGeoTrust, .nextTrustGuard, .nextNotification, #sw-slots { color:#000; } /*BODY BACKGROUND COLOR OR IMAGE, AND SEPEARATE CONTENT BACKGROUND COLOR*/ /* div.main { background:#F0F5F0; } .nextContent, .nextCatalogFooter{ background-color: #FFF; max-width:1130px; box-sizing: border-box; } .nextContent{ margin: 30px auto 0; border-radius:4px 4px 0 0; } .nextCatalogFooter{ margin: 0 auto; border-radius:0 0 4px 4px; } .bottomHTML { margin-top:30px; } .nextInvoice .bottomHTML, .nextLogin .bottomHTML, .nextOrderInfo .bottomHTML{ display: none; } */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top:30px; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top: 0; left: 0; width: 100%; height: 100%; } .account #footer, .checkout #footer { display:none; } .fluidWrap { display:inline-block; } .fluidWrap img { width:100%; max-width:100%; } .hideMobile { display:none !important; } /* .nextCategoryDescription { overflow:scroll; } */ /*sale stickers*/ .onSale > .nextProductTarget, .onSale .nextMainImage { position:relative; display:inline-block; } .onSale > .nextProductTarget:after, .onSale .nextMainImage:after { content:"Sale!"; position:absolute; left:8px; top:8px; text-transform:uppercase; opacity:.95; background:#d26e4b; width:55px; height:55px; line-height:55px; border-radius:999px; font-size:16px; color:#ffffff; font-weight:bold; text-align:center; } .onSale > .nextProductTarget:after { width:30px; height:30px; line-height:30px; font-size:8px; } /*fluid gallery thumbs*/ .nextMiniThumb { box-sizing: border-box; display: inline-block; padding: 0 2%; max-width: 31%; } .nextMiniThumb img { height: auto; max-width: 100%; width: 100%; } .clubPrice b { font-weight: normal; } /*---------------------------------------------------------------- ..discount label customization for category discounts and customer type discoutns that display as line items in the cart ------------------------------------------------------------------*/ /* .nextCategoryDiscount .nextCartDiscountLabel, .nextCategoryDiscount .labelSubText { font-size: 0; } .nextCategoryDiscount > .nextCartDiscountLabel:before{ content: "Club Membeer Discount - 20% off all wine"; font-size: 13px; } .nextCustomerDiscount .nextCartDiscountLabel{ font-size: 0; } .nextCustomerDiscount .nextCartDiscountLabel:before{ content: "Case Discount - 15% off 12 or more bottles"; font-size: 13px; } */ /*hide pickup*/ /* #inpFulfillmentMethodPickUp, label[for="inpFulfillmentMethodPickUp"] { display:none; } */ /* input.nextHTMLButton, a.nextHTMLButton, a.nextAddEditButton { padding: 10px 12px; border-radius: 0; font-weight: 700; font-size: 13px !important; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; -webkit-appearance: none; text-decoration: none; text-transform: uppercase; border: 2px solid #555; background: #FFF; color: #555; box-sizing: border-box; } input.nextHTMLButton:hover, a.nextHTMLButton:hover, a.nextAddEditButton:hover { background-color: #555; background-color: rgba(0, 0, 0, .7); color: #FFF; background: #555; color: #FFF; } */ /*---------------------------------------------------------------- ..Template1 content styling ------------------------------------------------------------------*/ .nextHeader { height: 43px; } .ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button, .ui-btn { font-family:Roboto, sans-serif !important; } .ui-btn-corner-all, .ui-corner-all{ border-radius: 0; } .ui-shadow { box-shadow: none; } .ui-btn { border: none !important; background-image: none; background:#555 !important; font-size: 13px !important; text-transform: uppercase; font-weight: 400 !important; white-space: normal !important; color: #FFF !important; } .ui-btn.nextAddToCartButton { font-weight: 700 !important; /*font-size: 13px;*/ transition: all .3s ease; text-transform: uppercase; box-sizing: border-box; border: 2px solid #888 !important; background: #FFF !important; color: #222 !important; } .ui-btn.nextAddToCartButton:hover { background: #555 !important; color: #FFF !important; } .ui-btn-inner { border: none; } .ui-btn-text { text-shadow: none !important; } .ui-radio-off { background: #EEE !important; color:#222 !important; } .ui-controlgroup .ui-radio { border-radius: 0; } .ui-shadow-inset { box-shadow: none; } .nextFullCart, .nextCartSmallButton, #aCartCalculator{ margin-left:5px; margin-right: 5px; box-sizing: border-box; } .ui-listview li.ui-btn { border-bottom:1px solid #FFF !important; } .ui-li .ui-btn-text a.ui-link-inherit { white-space: normal; } .nextEmailRetype ~ hr { display:none; } hr, .main hr{ background-color: #999; /*display: none;*/ } div.ui-input-text { padding:0; } div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text { padding: .4em; box-sizing: border-box; border-radius: 0; } .nextMobileDialog { border-radius: 0; z-index:9999 } .nextEditQuantity div { padding-right: 5px; } .nextEditQuantity div input.ui-input-text { padding: .5em .4em; } /*---------------------------------------------------------------- ****************************************************************** ..CHILD THEME ****************************************************************** ------------------------------------------------------------------*/ /* button color */ /* .ui-btn, .ui-btn-hidden //uncomment to apply to ALL buttons */ body .nextHeader .ui-btn, .ui-btn.nextAddToCartButton, .adaCheckoutButtonBottom, .nextLoginButton, .nextLegalDisclaimer .ui-btn, #btnOrderSubmit.ui-btn-hidden, #btnSubmit.ui-btn-hidden { background:#1f845d !important; border:0 !important; } /* button text color */ /* .ui-btn, .ui-btn-hidden //uncomment to apply to ALL buttons */ body .nextHeader .ui-btn .nextNavButtonText, .ui-btn.nextAddToCartButton, .adaCheckoutButtonBottom, .nextLoginButton, .nextLegalDisclaimer .ui-btn-text, #btnOrderSubmit.ui-btn-hidden, #btnSubmit.ui-btn-hidden { color:#fff !important; } a {text-decoration:none;} .nextLogin #aspnetForm {padding-bottom:30px} select {font-size:16px;} .nextHeader.ui-bar-a { background:#d7b77a; /*TOP BANNER*/ } .ui-body-a, .ui-overlay-a { font-family:Rubik, sans-serif; /*BODY FONT*/ } .ui-bar-f, .ui-bar-d, .ui-bar-a{ font-family:serif; /*HEADINGS FONT*/ } a, .ui-body-a .ui-link, .ui-body-a .ui-link:visited, .ui-body-a .ui-link:hover { color:#1f845d; /*LINK COLOR*/ } .ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button, .ui-btn { font-family:Rubik, sans-serif !important; } /*---------------------------------------------------------------- ..BORDERING HTML ------------------------------------------------------------------*/ .borderingHTML *, .borderingHTML *:before,.borderingHTML *:after { text-shadow:none !important; box-shadow:none !important } .borderingHTML *, :before, :after { box-sizing: border-box; } body { /*color: #777;*/ font-family:Rubik,sans-serif; font-size: 14px; font-weight: 300; margin: 0; } a { color: #1f845d; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } a:hover { color: #272727; } img { vertical-align: middle; border-style: none; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } button { border-radius: 0; } button { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; text-transform: none; -webkit-appearance: button; } .borderingHTML ol, .borderingHTML ul { margin: 0; padding: 0; list-style: none; } .d-flex { display: flex !important; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width:1600px } .flex-row { flex-direction: row !important; } /* @media (min-width: 576px) { .container { max-width:540px } } @media (min-width: 768px) { .container { max-width:720px } } @media (min-width: 992px) { .container { max-width:960px } } @media (min-width: 1200px) { .container { max-width:1140px } } */ .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .align-items-center { align-items: center !important; } .justify-content-center { justify-content: center !important; } .col-sm-6, .col-md-6, .col-lg-4, .col-lg-8 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } #mobile-nav-toggle{ float: right; z-index: 999; border: 0; background: none; font-size: 24px; display: none; transition: all 0.4s; cursor: pointer; margin-top:-6px; } #mobile-nav-toggle i{ color: #272727; font-weight: 900; } #closeBtnWrap { text-align: right; } #mobile-nav-close { background: none; font-size: 24px; cursor: pointer; border: none; } #mobile-nav-close i { color: #FFF; } #header { /* position: fixed; */ left: 0; top: 32px; right: 0; transition: all 0.5s; z-index: 997; padding: 0 10px } .top-header { padding: 20px 0; } #logo { padding-left: 15px; } #logo img { height: auto; max-height:120px; max-width: 100%; width: auto; transition: .3s; } .menu-main { padding-bottom: 20px; padding-top: 20px; border-top: 1px solid #272727; border-bottom: 1px solid #272727; padding-left: 15px; padding-right: 15px; } .title-main { color: #272727; display: none; } #nav-menu-container { padding-right: 15px; } .nav-menu, .nav-menu * { margin: 0; padding: 0; list-style: none; } .nav-menu li { position: relative; white-space: nowrap; } .nav-menu > li { float: left; } .nav-menu > li { margin-left: 10px; } .nav-menu a { padding: 0 8px 0px 8px; text-decoration: none; display: inline-block; color: #272727; font-weight: 500; font-size: 12px; text-transform: uppercase; } .nav-menu ul { position: absolute; display: none; top: 43px; right: 0; z-index: 99; /* border: 1px solid #272727; border-top: none; */ padding: 10px; background: #f5f6fa; box-shadow: 0px 0px 30px rgba(127,137,161,0.25) !important; } .nav-menu li:focus-within ul { display: block; } .nav-menu ul li { min-width: 180px; } .nav-menu ul li { transition: 0.3s; } .nav-menu ul li a { padding: 5px 10px; color: #333; transition: 0.3s; display: block; font-size: 12px; text-transform: none; } .nav-menu li:hover > a { color: #1f845d; } .nav-menu ul li:hover > a { color: #1f845d; } #mobile-nav { position: fixed; /* top: 35px; */ top: 31px; padding-top: 18px; bottom: 0; z-index: 998; background: rgba(17,17,17,0.8); left: -270px; width: 270px; overflow-y: auto; transition: 0.4s; display:none } #mobile-nav ul { padding: 0; margin: 0; list-style: none; } #mobile-nav ul li { position: relative; } #mobile-nav ul li li { padding-left: 30px; } #mobile-nav ul li a { color: #fff; font-size: 13px; text-transform: uppercase; overflow: hidden; padding: 10px 22px 10px 15px; position: relative; text-decoration: none; width: 100%; display: block; font-weight: 400; } #mobile-nav ul li a:hover { color: #1f845d; } #mobile-nav ul .sub-menu i { position: absolute; right: 0; z-index: 99; padding: 15px; cursor: pointer; color: #fff; } #mobile-nav ul .sub-menu li a { text-transform: none; } #mobile-nav * { outline-offset: -3px; } #mobile-overlay { width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(0,0,0,0.7); display: none; } @media (max-width: 768px) { #nav-menu-container { display: none; } } @media (max-width: 991px) { #nav-menu-container { display: none; } #mobile-nav-toggle { display: inline; } .title-main { display: inline-block; } } /* body.mobile-nav-active { overflow:hidden; } */ body.mobile-nav-active #mobile-nav { left:0; display:block; } #header.scroller { transition: all 0.5s; background-color: rgba(245, 246, 250, 0.9); position: fixed; } #header.scroller .menu-main { background: transparent; border: none; } .menu-active { color: #1f845d } /* ------------- */ /* FOOTER STYLES */ /* ------------- */ .footer-widget-container { background: #747474; color: #fff; } .footer-spacer { padding: 120px 0; } @media (min-width: 576px) { .col-sm-6 { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 768px) { .col-md-6 { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } } .footer-main .footer-widget h4 { color: #fff; font-size: 18px; line-height: 1.2em !important; margin-bottom: 0; margin-top: 0; font-weight: 600; text-transform: uppercase; } .d-flex { display: flex !important; } .justify-content-between { justify-content: space-between !important; } .footer-widget .comp-info li { padding-bottom: 5px; } footer p { margin-top: 0; margin-bottom: 1rem; } .footer-main .number { color: #fff; font-size: 16px; font-weight: 600; line-height: 30px; } .footer-widget a { color: #fff; } .footer-widget a:hover { color: #1f845d; } .footer-bottom-wrapper { background: #272727; color: #fff; padding: 0 10px } .footer-bottom { padding: 15px 0px; } .m-0 { margin: 0 !important; } .footer-main h4 { padding-bottom: 30px; } .footer-text a, .footer-text i { color: #272727; } .text-right { text-align: right !important; } .footer-bottom .socials li { display: inline-block; } .footer-bottom .socials li a { display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; background: #1f845d; color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer-bottom .socials li a:hover { opacity: .8; } @media (max-width: 991px) { .footer-bottom .socials { text-align: left !important; margin-top: 15px; } } button, input { overflow: visible; } .mt-20 { margin-top: 20px; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .footer-input { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #272727; background-color: #fff; background-clip: padding-box; border-radius: .25rem; transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; } .input-group > .footer-input, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .footer-widget .footer-form .footer-input { border: none; border-radius: 20px; font-size: 13px; background-color: #f5f5f5; border: 1px solid #f5f5f5; } .footer-widget .footer-form { width: 100%; } .footer-widget .footer-form .form-on { background: #f5f5f5; border-radius: 20px; border: 1px solid #fff; } .footer-btn { display: inline-block; padding: 5px 15px; font-size: 16px; text-align: center; text-decoration: none; font-weight: 500; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer-btn:hover { opacity: .8; } .footer-main .footer-btn { background: #1f845d; border: none; border-radius: 57px; height: 36px; } .footer-btn i { color: #fff; } @media (max-width:575px) { .footer-spacer .col-lg-4:first-child { margin-bottom: 15px; } } .scroller .nav-menu ul { top: 42px; } /*end ..BORDERING HTML*/ /*---------------------------------------------------------------- ..UNIQUE STYLES FOR THIS STORE ------------------------------------------------------------------*/ /*for a11y*/ .ui-btn-hidden { /*removed - this was causing a second button label with 1px font size to lie on top of the white button labels (example: enter coupon) - Still passing lighthouse audit without this opacity:1; text-indent: 0; */ } .nextProductImageContainer { margin-bottom: 30px; } body.adaFocusOutline :focus, body.adaFocusOutline .ui-focus { outline-color: #74b0f8 !important; outline-style: solid !important; } body.adaFocusOutline .nextHeader a:focus { outline-color: #74b0f8 !important; outline-style: solid !important; } /* button color */ /* .ui-btn, .ui-btn-hidden //uncomment to apply to ALL buttons */ body .nextHeader .ui-btn, .ui-btn.nextAddToCartButton, .adaCheckoutButtonBottom, .nextLoginButton, .nextLegalDisclaimer .ui-btn, #btnSubmit.ui-btn-hidden, #btnOrderSubmit.ui-btn-hidden { background:#ffcc33 !important; border:0 !important; } /* button text color */ /* .ui-btn, .ui-btn-hidden //uncomment to apply to ALL buttons */ body .nextHeader .ui-btn .nextNavButtonText, .ui-btn.nextAddToCartButton, .adaCheckoutButtonBottom, .nextLoginButton, .nextLegalDisclaimer .ui-btn-text, #btnOrderSubmit.ui-btn-hidden, #btnSubmit.ui-btn-hidden, .nextCartButtonText { color:#000 !important; } /* uncomment if ALL buttons made same color, to differentiate active radio buttons .ui-radio .ui-btn-active { background:#783225 !important; color:#f2eee5 !important; } */ a {text-decoration:none;} .nextMobileDialog {z-index:9999} .nextLogin #aspnetForm {padding-bottom:30px} select {font-size:16px;} .nextHeader.ui-bar-a { background:#747474; /*TOP BANNER*/ } .ui-body-a, .ui-overlay-a { font-family:Rubik, sans-serif; /*BODY FONT*/ } .ui-bar-f, .ui-bar-d, .ui-bar-a{ font-family:serif; /*HEADINGS FONT*/ } a, .ui-body-a .ui-link, .ui-body-a .ui-link:visited, .ui-body-a .ui-link:hover { color:#b38600; /*LINK COLOR*/ } .ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button, .ui-btn { font-family:Rubik, sans-serif !important; } /* Hide prices for B2C store */ .btoc.nextNotLoggedIn .nextPrice, .btoc.nextNotLoggedIn .nextCartPrice, .btoc.nextNotLoggedIn .nextCartTotalRows, .btoc.nextNotLoggedIn .nextShippingMethod { display:none } /* Hide ATC for unrecognized customers */ .nextNotLoggedIn .nextAddToCart, .nextNotLoggedIn .nextPurchaseSetQtyContainer, .login-for-pricing { display:none } .nextNotLoggedIn .login-for-pricing { display:block } .login-for-pricing { font-size:16px !important; padding:.6em 20px; margin:20px 0; min-width:.75em; }