/*
* THE FOLLOWING ARE UNIQUE TO BAILEYSTREETHOME.COM. This will give us the ability to set unique styles on multiple sites under the Bailey Street Home business unit
*
* Here's how the CSS loads:
* 1. /content/resp.globalmaster.css
* 2. /scripts/<bizunit>/resp.global.css & /scripts/<bizunit>/resp.detail.css
* 3. /App_Themes/<website url>/resp.custom.css
*
* Because resp.custom.css loads last its styles are given important priority by default
* !important is only needed when there is an existing !important declaration in resp.globalmaster.css, resp.global.css or resp.detail.css
*/
/* 05142020 CHANGES
+ Logo image size reduction .LinkLogo img
+ Logo image size reduction on mobile #ctl00_ctl00_Body_HeaderLogoImageMobile
+ padding top/bottom adjustment on mobile .header-top, .menu-wrapper-xs */
/* remove with fix in resp.global is live */
@media (min-width:992px)
{
li .ref-id { font-size: 13px; }
}
/* GLOBAL */
img { border: 0; }
a { text-decoration: none; color: #444B59; }
a:hover { text-decoration: none; color:#727D8E; }
.globalBar { background: #fafafa!important; }
/* HEADER */
.Text1 { color: #FFF; position: absolute; top: 44px; left: 14px; font-weight: normal; font-size: 11px; text-transform: uppercase; }
/* PAGE LAYOUT */
.layout_title,
ul#left_nav li h3 { background-color: #fff; color: #444B59; }
/* LEFT NAV */
.left_nav_div a:hover { background-color: #727D8E!important; } /* !important directive required */
/* CUSTOM */
.styleSalePriceTitle { font-size: 12px; float: left; }
.styleSalePrice { font-size: 12px; float: left; }
.styleSalePriceStrike { font-size: 12px }
.CartHeader,
.CartShippingGeoChange,
.CartCouponApply,
.CartOrderTotalDesc,
.CartZipCalc,
.CartOrderTotalValue { background-color: #444b59 !important; }
.order-status { height: 21px; background-color: #ffe7cc; }
#ctl00_ctl00_Body__mainContent_DetailOrig1_CouponDisplay { background-color: #ffe7cc; color: #111111; }
.coupon-text { background-color: #ffe7cc; color: #111111; }
#jQControllerTarget .vertical-gutter div:nth-of-type(53) { display:none; }
/* MAIN MENU */
#HeaderImage { position: relative; }
.menu3dmega ul { display: table; margin: auto; }
.NavBar { background-color: #fff!important; border-bottom: 1px solid #727D8E!important; }
.menu3dmega > ul li > a { border: 0; border-top: 1px solid transparent; color: #444b59; border-bottom: 0; }
.menu3dmega > ul li > a.LIBrand { display: none;}
ul#menu_h_nav a { color: #444b59; font-weight: bold; padding: 20px 10px!important; font-size: 13px!important;}
ul#menu_h_nav a:hover { color: #727D8E; text-decoration: none !important; }
ul#menu_h_nav a.cart { background-color: #444B59 !important; color: #fff; height:21px !important; }
.menu3dmega > ul > li:hover > h2 a { background-color: #FFF; color: #444B59 !important; }
.menu3dmega .dropdown-menu { left: inherit !important;}
.menu3dmega li .dropdown-menu { border-left: 1px solid #727D8E!important; border-right: 1px solid #727D8E !important; border-bottom: 1px solid #727D8E!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow:none!important;}
.menu3dmega li .brands { width: 230px; }
#LIBrand, .menu3dmega>ul>li.LIBrand { display: none!important; }
.nav>li>a:hover, .nav>li>a:focus { background-color: #FFF; }
ul#left_nav li { margin-bottom: 0; }
.menu3dmega>ul>li>h2 a,
.menu3dmega>ul>li>h2 span { color: #444B59 !important; padding: 10px 15px !important; font-size: 17px !important; }
.menu3dmega>ul>li>h2 a:hover { color: #727D8E !important; }
/* CUSTOM TOP NAV DROPDOWN */
.bshome { min-height: 320px; }
.bshome .nav { margin-bottom: 0; padding-left: 15px!important; list-style: none; }
.bshhome h1, .bshome h1 a { font-size: 21px!important; font-weight: 500!important; color: #2D83AC!important; }
.bshome h1 a:hover { color: #389EC6!important; text-decoration: none!important; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; }
.bshome li a { color: #444B59!important; font-size: 1.3em!important; line-height: 2em!important; }
.bshome li a:hover { color: #727D8E!important; text-decoration: none!important; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; }
.bshome img { margin-bottom: 15px; }
/* TOP NAV DROPDOWN CLOSE */
.leftSideSectionHeader { border: 1px solid #b9b9b9; }
.leftSideTitleHeader { font-size: 13px; color: #252525; border-bottom: 1px solid #e9e9e9; border-top: none; }
.leftSideTable { background-color: #fff; border-bottom: none; }
.leftSideTitle { background-color: #fff; }
.leftSideTitleHeaderLink { background-color: #fff; }
.leftSideInnerTable { background-color: #e9e9e9; border:none; }
.container_contentwrapper { border: none; }
.LinkLogo img { padding-top: 0px!important; width:250px; margin:auto;}
a.CartProceedUpper,
a.CartProceedChkout,
.submitbutton { background: none repeat scroll 0 0 #118ec6 !important; border: 0 !important; }
a:hover.CartProceedUpper,
a:hover.CartProceedChkout,
.CartCouponApply:hover,
.submitbutton:hover { background-color: #389EC6 !important; }
#back-top { margin-left: -10px; }
#back-top span { background: #7a7b7e !important; }
#back-top a:hover span { background: #414042 !important; }
.RefinementBanner { background-color: #727D8E!important; color: #FFF!important; }
#hawkfacets .RefinementBanner .mob-menu-icon { display: none !important; }
.cloudzoom-gallery-active { border: 1px solid #389EC6; }
.flex-control-paging li a { background: none; border: 1px solid #e0e0e0; }
.flex-control-paging li a.flex-active { background: #389EC6; border: none!important; }
.flex-control-paging li a:hover { background: #389EC6; border: none!important; }
.btn-primary { background-color: #2D83AC!important; border-color: transparent!important; color: #FFF; border: 0; }
a.btn-primary { color: #FFF !important; }
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover { background-color: #389EC6!important; border-color: transparent!important; color: #FFF; }
.btn-secondary { background-color: #444B59!important; border-color: transparent!important; color: #FFF; vertical-align: text-top; }
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:hover { background-color: #727D8E!important; border-color: transparent!important; color: #FFF; }
.btn-tertiary { background-color: #727D8E!important; border-color: transparent!important; color: #fff; }
.btn-tertiary:focus,
.btn-tertiary:active,
.btn-tertiary:hover { background-color: #444B59!important; border-color: transparent!important; color: #FFF; }
#StyleListDiv .CloseOut { background-color: #2D83AC!important; border-color: transparent!important; color: #FFF; }
.ResultsMessage { color: #444B59!important; }
.checkout .stepbar .active { background-color: #212121; }
.current-pagination-length,
.current-pagination-counter { background-color: #000000; }
.styleSalePriceTitletn,
.styleSalePricetn,
.CartItemDelivery { color: #000000; }
.breadcrumbs a { color: #444B59!important; }
.stylePricetn { color: #2D83AC!important; }
#StyleListDiv .stylePricedp,
.accessory_price,
.pr-snippet-read-write a.pr-snippet-link,
.CartCouponTitle,
.results-message { color: #2D83AC!important; }
#PriceLabel { color: #2D83AC!important; }
#StyleListDiv .display-price { font-weight: bold !important; }
.cloudzoom-lens { border: 2px dotted #389EC6 !important; }
.product-qty .qty-increment:hover { background-color: #389EC6 !important; }
.filter-group-title { background: none; background-color: #f7f7f7; }
.InfoBoxProgram { display: none; margin-top: 20px; padding: 20px; background: #389EC6; font-size: 17px !important; color: #fff; }
#search-box, .search-box { margin: 13px 0 0 0!important;}
.search_button div { background-color: #808080; height: 35px; line-height: 35px; }
.navbar .search_button div { background-color: #999999; }
.vpsBar { background: none!important; border-bottom: none!important; border-top: none!important;}
.promo-content { height: 50px; overflow-y: auto;}
.search_textbox input { background-color: #fff!important; font-weight: bold; padding: 9px 0 8px 10px!important; font-size: 13px!important; color:#444B59!important; }
nav#hours,
.PhoneText { color: #2D83AC!important; }
.detail-container-wrapper .promo-links h6 { color: #444B59; }
.compare-message { color: #2D83AC!important; }
/* FOOTER */
.footerBar { background-color: #444B59!important; }
.footer-links-wrapper { background-color: #389EC6; }
.footer-phone-number { color: #FFF !important; font-size: 1.5em!important; font-weight: normal!important;}
.footerBar h4 { color: #fff !important; text-transform: uppercase; font-size: 1.2em!important;}
.footer li a { color: #fff !important; font-size: 1.1em; line-height: 1.7em;}
/* FOOTER GUI SOCIAL LINKS */
#ctl00_ctl00_Body_IconInstagramLink, #ctl00_ctl00_Body_IconFacebookLink, #ctl00_ctl00_Body_IconTwitterLink, #ctl00_ctl00_Body_IconLinkedInLink, #ctl00_ctl00_Body_IconYouTubeLink, #ctl00_ctl00_Body_IconPinterestLink {color:#fff;}
.current-pagination-length,
.current-pagination-counter,
.list-inline .current-pagination-counter.a,
.list-inline .current-pagination-counter.a:hover { background-color: #444B59; color: #fff; }
.auxiliary-information { color: #fff; }
.breadcrumbs a { color: #444B59!important; }
.BreadCrumbLinkCurrent { font-weight: bold; }
.btn-link { color: inherit; }
#GeneralForms .background-tile { background: #F7F7F7 !important; }
.product-qty .jQQtyIncrease,
.product-qty .jQQtyDecrease { background-color:#389EC6;}
.styleComboType a,
.CartItemBrand a,
.CartItemDescription a { color:#444B59;}
.CartItemBrand a:hover,
.CartItemDescription a:hover { color:#389EC6;}
@media (max-width: 800px)
{
.header-xs .phone-xs a,
.header-xs .cart-xs a { color: #389EC6; }
.mobile-cart-count { background: #389EC6; }
.mainnav .navbar .btn-navbar { font-size: 63px !important; color: #2D83AC !important; }
.search_textbox input { border: 1px solid #d7d7d7 !important; padding: 8px 0 8px 10px !important; }
.header-top { padding-top: 5px; padding-bottom: 5px; }
#ctl00_ctl00_Body_HeaderLogoImageMobile { width :220px; }
.menu-wrapper-xs { padding-top: 5px; }
.off-canvas #off-canvas-nav .mainnav .revamped-mobile-menu .nav > li > a,
.off-canvas #off-canvas-nav .mainnav .revamped-mobile-menu .nav .navHomeLink .button,
.off-canvas #off-canvas-nav .mainnav .revamped-mobile-menu .nav .LIHelp a { color: #019DB1; }
}
@media (min-width: 801px)
{
nav#hours { display: block; margin-top:-2px!important; }
.tab-count { background-color: #389EC6; color: #fff; }
.search-wrapper { width: 100%; }
#search-box, .search-box { width: inherit; }
.search_textbox { width: 100%; }
}
/* HAWK SEARCH DEFAULT COLORS FOR LIGHTING SPACES UNIT */
.serp-spinner div,
.serp-spinner-page div { border-color: #6ed1c6 transparent #6ed1c6 transparent; }
/* HAWK SEARCH STYLES */
#hawktitle h1 { font-size: 19px !important; color: #444B59 !important; }
#hawkresults { color: #444B59 !important; }
.product-brand { display: none !important; }
#hawkitemlist .display-price { font-size: 18px !important; }
.brand-logos { padding: 3% 0 !important; }
/* Hawk Recommendations template */
.hawk-recommendation-list .rr-price div:last-child a { line-height: 1.5em; color: #707070; }
.rr-wrapper .hawk-recommendation-list .model { color: #707070; }
.hawk-recommendation-list .rr-price a em { font-size: 11px; color: #000; }
@media (min-width: 1440px ) {
.header .container,
#ctl00_ctl00_Body_Footer .container,
.container { width: clamp(16rem, 90vw, 100rem); }
.container.product-details { width: 1170px!important; }
.serp-grid { grid-template-columns: repeat(5, 1fr) !important; }
#hawkfacets .singlefacet a.hawk-styleList s { width: 219px; }
.container-clamp .cart-wrapper { background-image: url(//images.patioproductsusa.com/site/common/patio/cart-tile-xl-wide.png); background-repeat: repeat-y; background-position-x: right; }
}