/* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ /* Takes a CSS transition and generates the necessary vendor specific versions */ /* Extra small screen / phone */ /* Normal phone screen / iPhone 6/7/8 */ /* Big phone screen / S phones / Plus */ /* Small tablet screen / tablet */ /* Medium screen / desktop */ /* Large screen / wide desktop */ /* Large tablet screen / tablet */ /* Extra large screen */ /* So media queries don't overlap when required, provide a maximum */ /* Extra small screen / phone */ /* Normal phone screen / iPhone 6/7/8 */ /* Big phone screen / S phones / Plus */ /* Small tablet screen / tablet */ /* Medium screen / desktop */ /* Large screen / wide desktop */ /* Large tablet screen / tablet */ /* Extra large screen */ /* So media queries don't overlap when required, provide a maximum */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ /* Extra small screen / phone */ /* Normal phone screen / iPhone 6/7/8 */ /* Big phone screen / S phones / Plus */ /* Small tablet screen / tablet */ /* Medium screen / desktop */ /* Large screen / wide desktop */ /* Large tablet screen / tablet */ /* Extra large screen */ /* So media queries don't overlap when required, provide a maximum */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ .uig-nav-bar-wrapper { font-family: "Montserrat SemiBold", Verdana, Arial, sans-serif; background-color: #ffffff; } .uig-nav-bar-wrapper ol, .uig-nav-bar-wrapper ul { list-style: none; } .uig-nav-bar-wrapper .desktopOnly { display: block !important; } @media only screen and (max-width: 991px) { .uig-nav-bar-wrapper .desktopOnly { display: none !important; } } .uig-nav-bar-wrapper .mobileOnly { display: none !important; } @media only screen and (max-width: 991px) { .uig-nav-bar-wrapper .mobileOnly { display: block !important; } } .uig-nav-bar-wrapper .uig-tooltip-dropdown-menu .divider { position: relative; height: auto; } .uig-nav-bar-wrapper .uig-search-container { align-self: center; } .uig-nav-bar-wrapper .uig-search-container.hide { display: none !important; } .uig-nav-bar-wrapper .uig-search-container.mobileOnly .uig-search { width: 100%; margin: 0; padding: 5px; max-width: 100%; } .uig-nav-bar-wrapper .uig-search-container.mobileOnly .uig-search > .uigSrchFieldContainer > .uigSrchTxtFieldContainer > div { border-right: none; } .uig-nav-bar-wrapper .uig-search-container.mobileOnly .uig-search > .uigSrchFieldContainer > .uigSrchTxtFieldContainer > div > .uigSrchTxtField { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; border: none; } .uig-nav-bar-wrapper .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box { max-width: 98%; width: 98%; right: 10px; left: 0; filter: none; } .uig-nav-bar-wrapper .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box::before, .uig-nav-bar-wrapper .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box::after { display: none; } .uig-nav-bar-wrapper .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box a { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-nav-bar-wrapper .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box a .details > .item-label { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-nav-bar-wrapper .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box li { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-nav-bar-wrapper .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box li.suggestion-item:hover > a, .uig-nav-bar-wrapper .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box li.suggestion-item:active > a { color: #58595B; text-decoration: underline; } .uig-nav-bar-wrapper .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box li.recommendation-item > a:hover, .uig-nav-bar-wrapper .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box li.recommendation-item > a:active { color: #58595B; text-decoration: underline; } .uig-nav-bar-wrapper.brand-TP .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box a { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-nav-bar-wrapper.brand-TP .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box a .details > .item-label { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-nav-bar-wrapper.brand-TP .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box li { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-nav-bar-wrapper.brand-TP .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box li.suggestion-item:hover > a, .uig-nav-bar-wrapper.brand-TP .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box li.suggestion-item:active > a { color: #58595B; text-decoration: underline; } .uig-nav-bar-wrapper.brand-TP .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box li.recommendation-item > a:hover, .uig-nav-bar-wrapper.brand-TP .uig-search-container.mobileOnly .uig-search > .autocomplete-container.arrow-box li.recommendation-item > a:active { color: #58595B; text-decoration: underline; } /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ /* Extra small screen / phone */ /* Normal phone screen / iPhone 6/7/8 */ /* Big phone screen / S phones / Plus */ /* Small tablet screen / tablet */ /* Medium screen / desktop */ /* Large screen / wide desktop */ /* Large tablet screen / tablet */ /* Extra large screen */ /* So media queries don't overlap when required, provide a maximum */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ #uig-eyebrow-promo-wrapper { display: block; min-height: 40px; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo { max-width: 1600px; margin: 0 auto; padding: 12px 25px; box-sizing: border-box; transition: left 0.5s ease, right 0.5s ease, background-color 0.5s ease, box-shadow 1s ease; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo #offer-banner-container { margin: 0; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo #offer-banner-wrapper { padding: 0px; position: static; box-shadow: none; border: none; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo.uig-sticky-eyebrow { position: fixed; top: 0; left: 0; right: 0; width: 100%; background-color: #FFF; box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.5); z-index: 100; border-bottom: 1px solid #999; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo #offer-banner { margin: 0px; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .hidden { display: none !important; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo a { color: #58595B; text-decoration: none; font-family: "Montserrat SemiBold", Verdana, Arial, sans-serif; font-size: 11px; font-weight: 600; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo a span, #uig-eyebrow-promo-wrapper #uig-eyebrow-promo a div { font-family: "Montserrat SemiBold", Verdana, Arial, sans-serif; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo a .orangecontent, #uig-eyebrow-promo-wrapper #uig-eyebrow-promo a .offer { color: #D74012; font-size: 12px; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo a .tealContent { color: #00A5B5; font-size: 12px; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .mobile-promo { background-color: #f9f9f9; border: none; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .mobile-promo .global-promo { background-color: #f9f9f9; height: 100%; padding: 0 0.5%; line-height: 33px; font-family: "Montserrat Regular", Verdana, Arial, sans-serif; font-size: 10px; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .mobile-promo .global-promo a { font-weight: 500; font-size: 10px; display: flex; justify-content: center; align-items: center; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .mobile-promo .global-promo a .offer, #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .mobile-promo .global-promo a .offerCode, #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .mobile-promo .global-promo a span, #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .mobile-promo .global-promo a div { line-height: 33px; text-align: right; font-size: 10px; font-family: "Montserrat Regular", Verdana, Arial, sans-serif; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .mobile-promo .global-promo a .offer { color: #A9320E; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .mobile-promo .global-promo a .seperator { font-size: 12px; margin: 0 2%; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .mobile-promo .global-promo div { overflow: hidden; } @media only screen and (min-width: 992px) { #uig-eyebrow-promo-wrapper #uig-eyebrow-promo.uig-sticky-eyebrow { padding: 12px 10px; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .mobile-promo, #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .mobile-only { display: none !important; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .desktop-promo, #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .desktop-only { display: block !important; } } @media only screen and (max-width: 991px) { #uig-eyebrow-promo-wrapper #uig-eyebrow-promo { padding: 0px; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo a { color: #4b525c; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo a .offerCode, #uig-eyebrow-promo-wrapper #uig-eyebrow-promo a span, #uig-eyebrow-promo-wrapper #uig-eyebrow-promo a div { color: #4b525c; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .mobile-promo, #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .mobile-only { display: block !important; } #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .desktop-promo, #uig-eyebrow-promo-wrapper #uig-eyebrow-promo .desktop-only { display: none !important; } } /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ /* Extra small screen / phone */ /* Normal phone screen / iPhone 6/7/8 */ /* Big phone screen / S phones / Plus */ /* Small tablet screen / tablet */ /* Medium screen / desktop */ /* Large screen / wide desktop */ /* Large tablet screen / tablet */ /* Extra large screen */ /* So media queries don't overlap when required, provide a maximum */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ .skip-links-wrapper { z-index: 1000; position: fixed; top: 0; left: 50%; transform: translate(-50%, -105%); transition: transform 0.2s ease-out; background-color: #FFF; border: 1px solid #C6C7C9; border-top: none; padding: 15px 0; } .skip-links-wrapper.active { transform: translate(-50%, -1px); transition: transform 0.2s ease-out; } .skip-links-wrapper.sfly { border: 1px solid #F05323; } .skip-links-wrapper.tp { border: 1px solid #0192b5; } .skip-links-wrapper .skip-links-list { display: flex; padding: 0; margin: 0; } .skip-links-wrapper .skip-links-list .skip-link-wrapper { display: inline-block; padding: 0 5px; margin: 5px 10px; line-height: 16px; } .skip-links-wrapper .skip-links-list .skip-link-wrapper .skip-link { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; color: #0065B8; font-size: 14px; line-height: 16px; font-weight: 500; text-decoration: none; white-space: nowrap; } .skip-links-wrapper .skip-links-list .skip-link-wrapper .skip-link:focus { text-decoration: underline; } @media only screen and (max-width: 479px) { .skip-links-wrapper .skip-links-list { flex-direction: column; align-items: center; width: 100%; } .skip-links-wrapper .skip-links-list .skip-link-wrapper { margin: 10px; } } /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ .navbar-element-container a { text-decoration: none; text-transform: uppercase; } .navbar-element-container a.new-active { margin-right: 10px; } .navbar-element-container a:hover { text-decoration: none !important; cursor: pointer; } .navbar-element-container span { font-family: "Montserrat SemiBold", Verdana, Arial, sans-serif; font-size: 13px; line-height: normal; letter-spacing: normal; text-align: center; color: #2D3137; text-transform: uppercase; -webkit-appearance: initial; } .navbar-element-container .newCategoryBadge { font-size: 9px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #D74012; display: block; } .navbar-element-container .new-category-badge-hide { visibility: hidden; } .navbar-element-container .icon { width: 9px; height: 5px; margin-left: 6px; vertical-align: middle; } #moreDropDownContainer ul { padding-top: 5px; padding-bottom: 5px; } #moreDropDownContainer li { border-bottom: 2px solid #fff0; margin-top: 5px; margin-bottom: 5px; } #moreDropDownContainer li .navbar-element-container span { -webkit-appearance: initial; } #moreDropDownContainer li .navbar-element-container span.cat-item-text { margin-right: 10px; text-decoration: none; } #moreDropDownContainer li .navbar-element-container span.cat-item-text:hover { text-decoration: none !important; } #moreDropDownContainer li:hover { border-bottom: 2px solid #D74012; } #moreDropDownContainer li:last-child { margin-bottom: 10px; } .brand-TP .navbar-element-container .newCategoryBadge { color: #00829B; } .brand-TP #moreDropDownContainer li:hover { border-bottom: 2px solid #00829B; } /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ .uig-cat-list-mobile-container { position: relative; width: 100%; margin-bottom: 0px; width: calc(100% - 50px); } .uig-cat-list-mobile-container.hideNav { width: 0; visibility: none; -moz-transition: width 0.4s ease-in-out; -o-transition: width 0.4s ease-in-out; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } .uig-cat-list-mobile-container.showNav { visibility: visible; -moz-transition: width 0.4s ease-in-out; -o-transition: width 0.4s ease-in-out; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } .uig-cat-list-mobile-container .uig-mobile-nav-menu-wrapper { position: relative; border-bottom: 1px solid #DCDEE1; } .uig-cat-list-mobile-container .uig-mobile-nav-menu-wrapper .uig-mobile-fade-menu-right { background: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0)); background: -o-linear-gradient(left, white, rgba(255, 255, 255, 0)); background: -moz-linear-gradient(left, white, rgba(255, 255, 255, 0)); background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0)); position: absolute; height: 100%; right: 0; width: 40px; pointer-events: none; z-index: 1; } .uig-cat-list-mobile-container .uig-mobile-nav-menu-wrapper .uig-mobile-fade-menu-left { background: -webkit-linear-gradient(right, white, rgba(255, 255, 255, 0)); background: -o-linear-gradient(right, white, rgba(255, 255, 255, 0)); background: -moz-linear-gradient(right, white, rgba(255, 255, 255, 0)); background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); position: absolute; height: 100%; left: 0; width: 40px; pointer-events: none; display: none; z-index: 1; } .uig-cat-list-mobile-container .uig-mobile-nav-menu-wrapper .uig-mobile-sub-bar-menu-wrap { overflow-x: auto; overflow-y: hidden; white-space: nowrap; background: #fff; overflow: -moz-scrollbars-none; -ms-overflow-style: none; scrollbar-width: none; } .uig-cat-list-mobile-container .uig-mobile-nav-menu-wrapper .uig-mobile-sub-bar-menu-wrap::-webkit-scrollbar { width: 0; height: 0; } .uig-cat-list-mobile-container .uig-mobile-nav-menu-wrapper .uig-mobile-sub-bar-menu-wrap .uig-mobile-sub-bar-menu { display: inline-block; } .uig-cat-list-mobile-container .uig-mobile-nav-menu-wrapper .uig-mobile-sub-bar-menu-wrap .uig-mobile-sub-bar-menu .uig-mobile-sub-bar-item { display: inline-block; -webkit-appearance: initial; padding: 4px 0px; padding-bottom: 12px; margin-right: 20px; border-bottom: 2px solid #fff0; } .uig-cat-list-mobile-container .uig-mobile-nav-menu-wrapper .uig-mobile-sub-bar-menu-wrap .uig-mobile-sub-bar-menu .uig-mobile-sub-bar-item.active-nav-cat { border-bottom: 2px solid #D74012; } .uig-cat-list-mobile-container .uig-mobile-nav-menu-wrapper .uig-mobile-sub-bar-menu-wrap .uig-mobile-sub-bar-menu .uig-mobile-sub-bar-item.active-nav-cat.brand-TP { border-bottom: 2px solid #00829B; } .uig-cat-list-mobile-container .uig-mobile-nav-menu-wrapper .uig-mobile-sub-bar-menu-wrap .uig-mobile-sub-bar-menu .uig-mobile-sub-bar-item span { font-size: 12px; } .uig-cat-list-mobile-container .uig-mobile-nav-menu-wrapper .uig-mobile-sub-bar-menu-wrap .uig-mobile-sub-bar-menu .uig-mobile-sub-bar-item .newCategoryBadge { font-size: 9px; } .uig-cat-list-mobile-container .uig-mobile-nav-menu-wrapper .uig-mobile-sub-bar-menu-wrap .uig-mobile-sub-bar-menu:first-child { padding-left: 8px; padding-top: 3px; padding-bottom: 3px; } .uig-sub-nav-mobile-wrapper { max-width: 100%; border-bottom: 1px solid #DCDEE1; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container { display: flex; padding: 0px; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container { align-self: center; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-expanded-search-box-container { height: 100%; display: inline-flex; padding: 7px; outline: 0; } @media screen and (max-width: 1199px) { .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-expanded-search-box-container .uig-search .uigSrchTxtFieldContainer { width: 210px; } } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-single-srch-icon-container { position: absolute; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-single-srch-icon-container .uig-srch-icon { cursor: pointer; padding: 7px; width: 38px; height: 34px; box-sizing: border-box; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-single-srch-icon-container svg { fill: #58595B; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-single-srch-icon-container svg path { fill: #58595B; } @media screen and (min-width: 1200px) { .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-single-srch-icon-container { display: none; } } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-single-close-icon-container .uig-close-icon { cursor: pointer; padding: 10px 8px; width: 38px; height: 34px; box-sizing: border-box; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-single-close-icon-container svg { fill: #58595B; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-single-close-icon-container svg path { fill: #58595B; } @media screen and (min-width: 1200px) { .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-single-close-icon-container { display: none; } } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-hide-expanded-search-box-container { visibility: hidden; width: 38px; height: 38px; } @media screen and (min-width: 1200px) { .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-hide-expanded-search-box-container { visibility: visible; width: auto; } } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search { justify-content: flex-end; padding-right: 0px; margin-right: 5px; transform: none; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search > .autocomplete-container { top: 36px; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search > .uigSrchFieldContainer { height: 36px; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search > .uigSrchFieldContainer > .uigSrchTxtFieldContainer > div { border-right: none; height: 36px; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search > .uigSrchFieldContainer > .uigSrchTxtFieldContainer > div > .uigSrchTxtField { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; border: none; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search > .uigSrchFieldContainer > button { height: 36px; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search > .uigSrchFieldContainer > button > svg.uig-svg-icon { height: 36px; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search > .autocomplete-container.arrow-box a { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search > .autocomplete-container.arrow-box a .details > .item-label { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search > .autocomplete-container.arrow-box li { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search > .autocomplete-container.arrow-box li.suggestion-item:hover > a, .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search > .autocomplete-container.arrow-box li.suggestion-item:active > a { color: #58595B; text-decoration: underline; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search > .autocomplete-container.arrow-box li.recommendation-item > a:hover, .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search > .autocomplete-container.arrow-box li.recommendation-item > a:active { color: #58595B; text-decoration: underline; } @media screen and (max-width: 1199px) { .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search .uigSrchTxtFieldContainer { -moz-transition: width 0.4s ease-in-out; -o-transition: width 0.4s ease-in-out; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; width: 0px; } } @media screen and (max-width: 1199px) and (min-width: 992px) { .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search .uigSrchTxtFieldContainer { -moz-transition: width 0.4s ease-in-out; -o-transition: width 0.4s ease-in-out; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; width: 0px; } } @media screen and (min-width: 1200px) { .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-search .uigSrchTxtFieldContainer { width: 210px; } } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container.brand-TP .uig-search > .autocomplete-container.arrow-box a { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container.brand-TP .uig-search > .autocomplete-container.arrow-box a .details > .item-label { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container.brand-TP .uig-search > .autocomplete-container.arrow-box li { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container.brand-TP .uig-search > .autocomplete-container.arrow-box li.suggestion-item:hover > a, .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container.brand-TP .uig-search > .autocomplete-container.arrow-box li.suggestion-item:active > a { color: #58595B; text-decoration: underline; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container.brand-TP .uig-search > .autocomplete-container.arrow-box li.recommendation-item > a:hover, .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container.brand-TP .uig-search > .autocomplete-container.arrow-box li.recommendation-item > a:active { color: #58595B; text-decoration: underline; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container { width: 38px; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container.showSearchBox { width: 100%; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container.hideSearchBox { width: 38px; } .uig-sub-nav-mobile-wrapper .uig-sub-nav-mobile-container .uig-search-container .uig-expanded-search-box-container { width: 100%; height: 100%; padding-left: 0; padding-right: 0; } .uig-sub-nav-mobile-wrapper .divider { border: 1px solid #e4e4e4; position: relative; height: auto; } /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ /* Extra small screen / phone */ /* Normal phone screen / iPhone 6/7/8 */ /* Big phone screen / S phones / Plus */ /* Small tablet screen / tablet */ /* Medium screen / desktop */ /* Large screen / wide desktop */ /* Large tablet screen / tablet */ /* Extra large screen */ /* So media queries don't overlap when required, provide a maximum */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ /* Takes a CSS transition and generates the necessary vendor specific versions */ /* Extra small screen / phone */ /* Normal phone screen / iPhone 6/7/8 */ /* Big phone screen / S phones / Plus */ /* Small tablet screen / tablet */ /* Medium screen / desktop */ /* Large screen / wide desktop */ /* Large tablet screen / tablet */ /* Extra large screen */ /* So media queries don't overlap when required, provide a maximum */ /* Extra small screen / phone */ /* Normal phone screen / iPhone 6/7/8 */ /* Big phone screen / S phones / Plus */ /* Small tablet screen / tablet */ /* Medium screen / desktop */ /* Large screen / wide desktop */ /* Large tablet screen / tablet */ /* Extra large screen */ /* So media queries don't overlap when required, provide a maximum */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ /* Takes a CSS transition and generates the necessary vendor specific versions */ /* Extra small screen / phone */ /* Normal phone screen / iPhone 6/7/8 */ /* Big phone screen / S phones / Plus */ /* Small tablet screen / tablet */ /* Medium screen / desktop */ /* Large screen / wide desktop */ /* Large tablet screen / tablet */ /* Extra large screen */ /* So media queries don't overlap when required, provide a maximum */ /* Extra small screen / phone */ /* Normal phone screen / iPhone 6/7/8 */ /* Big phone screen / S phones / Plus */ /* Small tablet screen / tablet */ /* Medium screen / desktop */ /* Large screen / wide desktop */ /* Large tablet screen / tablet */ /* Extra large screen */ /* So media queries don't overlap when required, provide a maximum */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ .uig-humburger-menu-wrapper-container { overflow-y: auto; height: calc(100vh - 100px); } .uig-humburger-menu-wrapper-container.grayout { overflow-y: hidden; } .uig-hamburger-menus { box-sizing: border-box; font-family: "Montserrat Regular", Verdana, Arial, sans-serif; font-size: 16px; line-height: 1.23; color: #58595B; visibility: hidden; } .uig-hamburger-menus.isOpen { visibility: visible; width: 100%; } .uig-hamburger-menus .uig-hbm-toolbar-menu { border-bottom: solid 1px #DCDEE1; background-color: white; font-family: "Montserrat SemiBold", Verdana, Arial, sans-serif; font-size: 13px; display: flex; height: 49px; width: 100%; align-items: center; justify-content: space-between; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item { width: 50%; cursor: pointer; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item a { color: #58595B; display: flex; font-family: "Montserrat Regular", Verdana, Arial, sans-serif; font-size: 13px; flex-direction: row; align-items: center; text-decoration: none; justify-content: center; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item a svg { fill: #58595B; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item a svg path { fill: #58595B; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item a svg.uig-expanded { transform: rotate(180deg); transition-duration: 0.5s; min-width: 9px; min-height: 5px; width: 9px; height: 5px; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item a svg.uig-collapse { transition-duration: 0.5s; min-width: 9px; min-height: 5px; width: 9px; height: 5px; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item a .uig-hbm-toolbar-menu-label { padding-left: 5px; color: #58595B; font-family: "Montserrat Regular", Verdana, Arial, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu { z-index: +1; position: absolute; text-align: left; margin-top: 12px; left: 0; right: 0; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu ul { max-width: none; border-radius: 0; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu.anchor-right::before, .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu.anchor-right::after { display: none; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu.anchor-right a { justify-content: flex-start; font-family: "Montserrat Regular", Verdana, Arial, sans-serif; font-size: 13px; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu.anchor-right li:hover a { color: #58595B; text-decoration: underline; cursor: pointer; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu.anchor-right li:hover a.uig-button { text-decoration: none; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu.anchor-right li:hover a.uig-button.uig-primary-button { color: white; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu.anchor-right li:hover path { fill: #F05323; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu a.uig-button { justify-content: center; font-family: "Montserrat SemiBold", Verdana, Arial, sans-serif; font-size: 14px; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu a.uig-button.uig-primary-button { color: white; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu a.uig-button.uig-primary-button:hover { color: white; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu .sign-in-up-buttons { display: flex; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu .sign-in-up-buttons li { width: 50%; margin: 15px; margin-top: 20px; margin-bottom: 10px; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu .sign-in-up-buttons li:nth-child(odd) { margin-right: 10px; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu .sign-in-up-buttons li:nth-child(even) { margin-left: 10px; } .uig-hamburger-menus .uig-hbm-toolbar-menu .uig-menu-item .uig-tooltip-dropdown-menu .sign-in-up-buttons li .button-initial-appearance { -webkit-appearance: initial; } .uig-hamburger-menus .uig-hbm-toolbar-menu span .accountIcon-svg { min-width: 22px; min-height: 22px; width: 22px; height: 22px; margin-left: 5px; margin-right: 5px; } .uig-hamburger-menus .uig-hbm-toolbar-menu span .accountIcon-svg svg.uig-svg-icon { width: 22px; height: 22px; } .uig-hamburger-menus .uig-hbm-toolbar-menu span .accountIcon-svg g g { transform: translate(22px, 22px); } .uig-hamburger-menus .uig-hbm-toolbar-menu span .projectIcon-svg { min-width: 18px; min-height: 22px; width: 18px; height: 22px; } .uig-hamburger-menus .uig-hbm-toolbar-menu span .accountIcon-label { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .uig-hamburger-menus .uig-hbm-back { padding: 20px 20px 5px; font-family: "Montserrat Regular", Verdana, Arial, sans-serif; font-size: 14px; } .uig-hamburger-menus .uig-hbm-back svg.uig-svg-icon { width: 16px; height: 16px; } .uig-hamburger-menus .uig-hbm-back svg.uig-svg-icon { fill: #929497; } .uig-hamburger-menus .uig-hbm-back .uig-hbm-back-arrow { margin-right: 10px; } .uig-hamburger-menus .uig-hbm-back:hover { color: #F05323; cursor: pointer; } .uig-hamburger-menus .uig-hbm-back:hover svg.uig-svg-icon { fill: #F05323; } .uig-hamburger-menus .uig-hbm-menu-title { font-family: "Montserrat Regular", Verdana, Arial, sans-serif; font-size: 16px; line-height: 1.23; color: #F05323; padding: 20px 20px 10px; } .uig-hamburger-menus .uig-hbm-menu-title.uig-hbm-not-home { padding-left: 40px; } .uig-hamburger-menus .uig-hbm-categories { list-style-type: none; padding: 0 20px; height: auto; min-height: 100%; } .uig-hamburger-menus .uig-hbm-categories.grayout { background-color: rgba(70, 70, 70, 0.5); } .uig-hamburger-menus .uig-hbm-categories.grayout *:focus, .uig-hamburger-menus .uig-hbm-categories.grayout *:hover, .uig-hamburger-menus .uig-hbm-categories.grayout *:focus-within { outline: none !important; cursor: default !important; color: #58595B !important; } .uig-hamburger-menus .uig-hbm-categories.grayout *:focus .uig-svg-icon, .uig-hamburger-menus .uig-hbm-categories.grayout *:hover .uig-svg-icon, .uig-hamburger-menus .uig-hbm-categories.grayout *:focus-within .uig-svg-icon { fill: #929497 !important; } .uig-hamburger-menus .uig-hbm-categories.grayout .uig-new-label { color: #58595B !important; } .uig-hamburger-menus .uig-hbm-categories.uig-hbm-not-home { padding-left: 40px; margin-top: 0px; margin-bottom: 0px; } .uig-hamburger-menus .uig-hbm-categories .uig-hbm-category-item { position: relative; padding: 15px 20px 10px 0; color: #58595B; text-decoration: none; font-family: "Montserrat Regular", Verdana, Arial, sans-serif; font-size: 16px; } .uig-hamburger-menus .uig-hbm-categories .uig-hbm-category-item .uig-new-label { text-transform: uppercase; color: #F05323; padding-left: 5px; font-size: 13px; } .uig-hamburger-menus .uig-hbm-categories .uig-hbm-category-item a { color: #58595B; text-decoration: none; font-family: "Montserrat Regular", Verdana, Arial, sans-serif; font-size: 16px; display: list-item; width: 100%; } .uig-hamburger-menus .uig-hbm-categories .uig-hbm-category-item a:hover { color: #F05323; } .uig-hamburger-menus .uig-hbm-categories .uig-hbm-category-item .uig-hbm-icon-span { position: absolute; right: 5px; left: auto; } .uig-hamburger-menus .uig-hbm-categories .uig-hbm-category-item .uig-hbm-icon-span svg.uig-svg-icon { fill: #929497; } .uig-hamburger-menus .uig-hbm-categories .uig-hbm-category-item .uig-hbm-icon-span svg.uig-svg-icon { width: 16px; height: 16px; } .uig-hamburger-menus .uig-hbm-categories .uig-hbm-category-item .uig-hbm-icon-span svg.uig-svg-icon { transform: rotate(180deg); } .uig-hamburger-menus .uig-hbm-categories .uig-hbm-category-item:hover { cursor: pointer; color: #F05323; } .uig-hamburger-menus .uig-hbm-categories .uig-hbm-category-item:hover svg.uig-svg-icon { fill: #F05323; } .uig-hamburger-menus .uig-hbm-categories .uig-hbm-category-item:last-child { margin-bottom: 0px; } .uig-hamburger-menus.TP .uig-hbm-menu-title { color: #00A5B5; } .uig-hamburger-menus.TP .uig-hbm-back:hover { color: #00A5B5; } .uig-hamburger-menus.TP .uig-hbm-back:hover svg.uig-svg-icon { fill: #00A5B5; } .uig-hamburger-menus.TP .uig-menu-item .uig-tooltip-dropdown-menu.anchor-right li:hover a { cursor: pointer; } .uig-hamburger-menus.TP .uig-menu-item .uig-tooltip-dropdown-menu.anchor-right li:hover path { fill: #00A5B5; } .uig-hamburger-menus.TP .uig-hbm-category-item .uig-new-label { color: #00A5B5; } .uig-hamburger-menus.TP .uig-hbm-category-item:hover { color: #00A5B5; } .uig-hamburger-menus.TP .uig-hbm-category-item:hover a { color: #00A5B5 !important; } .uig-hamburger-menus.TP .uig-hbm-category-item:hover .uig-hbm-icon-span svg.uig-svg-icon { fill: #00A5B5; } .uig-hamburger-menus.TP .uig-hbm-categories.grayout .uig-hbm-category-item { color: #58595B !important; } .uig-hamburger-menus.TP .uig-hbm-categories.grayout .uig-hbm-category-item a { color: #58595B !important; } .uig-hamburger-menus.TP .uig-hbm-categories.grayout .uig-hbm-category-item .uig-new-label { color: #58595B !important; } .uig-hamburger-menus.TP .uig-hbm-categories.grayout *:focus, .uig-hamburger-menus.TP .uig-hbm-categories.grayout *:hover, .uig-hamburger-menus.TP .uig-hbm-categories.grayout *:focus-within { color: #58595B !important; } .uig-hamburger-menus.TP .uig-hbm-categories.grayout *:focus .uig-svg-icon, .uig-hamburger-menus.TP .uig-hbm-categories.grayout *:hover .uig-svg-icon, .uig-hamburger-menus.TP .uig-hbm-categories.grayout *:focus-within .uig-svg-icon { fill: #929497 !important; } .uig-humburger-menu-wrapper { display: none; visibility: hidden; width: 100%; position: relative; margin: 0; background-color: #ffffff; } .uig-humburger-menu-wrapper .uig-responsive-menu-container { border-top: solid 1px #F05323; /* //we might need this while integration with App code position: absolute; top: 100px; bottom: 0px; right: 0; left: 0; */ position: relative; } .uig-humburger-menu-wrapper .uig-responsive-menu-container.isOpen-menu { display: contents; } .uig-humburger-menu-wrapper .uig-responsive-menu-container.isClose-menu { display: none; } .uig-humburger-menu-wrapper .uig-responsive-menu-container.TP { border-top: solid 1px #00A5B5; } .uig-humburger-menu-wrapper .uig-responsive-header-menu { display: none; visibility: hidden; margin: 0; display: inline-block; visibility: visible; vertical-align: middle; padding: 8px 12px; height: 16px; float: right; -webkit-appearance: initial; } @media only screen and (max-width: 991px) { .uig-humburger-menu-wrapper .uig-responsive-header-menu { padding: 5px 10px 0 5px; } } @media only screen and (max-width: 767px) { .uig-humburger-menu-wrapper .uig-responsive-header-menu { padding: 15px 8px 0 2px; } } .uig-humburger-menu-wrapper .uig-responsive-header-menu svg.uig-hamburger-menu-icon { width: 22px; cursor: pointer; height: auto; max-height: 16px; } .uig-humburger-menu-wrapper .uig-responsive-header-menu svg.uig-hamburger-menu-icon path { fill: #58595B; } .uig-humburger-menu-wrapper .uig-responsive-header-menu svg.uig-hamburger-menu-dropdown-icon { width: 9px; height: 5px; margin-top: 2px; margin-left: 6px; vertical-align: middle; } .uig-humburger-menu-wrapper .uig-responsive-header-menu svg.uig-hamburger-menu-accountIcon { width: 19px; height: 19px; margin: 0 auto; display: inline-block; visibility: visible; vertical-align: middle; } .uig-humburger-menu-wrapper .uig-responsive-header-menu a { text-decoration: none; text-transform: uppercase; -webkit-appearance: initial; } .uig-humburger-menu-wrapper .uig-responsive-header-menu span { font-size: 13px; line-height: normal; letter-spacing: normal; text-align: center; color: #2d3137; text-transform: uppercase; } .uig-humburger-menu-wrapper .uig-responsive-header-menu .icon { width: 9px; height: 5px; margin-left: 6px; vertical-align: middle; } @media only screen and (max-width: 991px) { .uig-humburger-menu-wrapper { display: block; visibility: visible; } } .uig-humburger-menu-wrapper .desktopOnly { display: block; } @media only screen and (max-width: 767px) { .uig-humburger-menu-wrapper .desktopOnly { display: none; } } .uig-humburger-menu-wrapper .mobileOnly { display: none; } @media only screen and (max-width: 767px) { .uig-humburger-menu-wrapper .mobileOnly { display: inline-block; } } /* Extra small screen / phone */ /* Normal phone screen / iPhone 6/7/8 */ /* Big phone screen / S phones / Plus */ /* Small tablet screen / tablet */ /* Medium screen / desktop */ /* Large screen / wide desktop */ /* Large tablet screen / tablet */ /* Extra large screen */ /* So media queries don't overlap when required, provide a maximum */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ .spoonflower-text { color: #58595B; font-family: Montserrat; font-size: 12px; font-weight: 500; letter-spacing: 0; line-height: 15px; text-align: center; padding-bottom: 4%; padding-left: 25%; } .spoonflower-desktop-container { margin-left: 20%; margin-top: 8%; } @media (max-width: 991px) { .spoonflower-desktop-container { display: none !important; } } .spoonflower-logo { width: 100px !important; height: 24px !important; position: relative; top: 3px; margin-right: 8px; } .open-window-logo { width: 16px; height: 16px; } .spoonflower-logo-desktop { height: 25.3px !important; width: 110px !important; } .spoonflower-hamburger-container { display: flex; width: 100%; align-items: center; justify-content: center; background-color: #F5F6F8; height: 44px; } .visit-our-new-partner { height: 15px; width: 129px; color: #58595B; font-family: Montserrat; font-size: 12px; font-weight: 500; letter-spacing: 0; line-height: 15px; margin-right: 7px; text-align: right; } /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ /* Extra small screen / phone */ /* Normal phone screen / iPhone 6/7/8 */ /* Big phone screen / S phones / Plus */ /* Small tablet screen / tablet */ /* Medium screen / desktop */ /* Large screen / wide desktop */ /* Large tablet screen / tablet */ /* Extra large screen */ /* So media queries don't overlap when required, provide a maximum */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ .uig-uni-header-brands-tab { max-width: 930px; box-sizing: border-box; } .uig-uni-header-brands-tab ul.logo-container { display: inline-block; vertical-align: middle; max-height: 63px; display: flex; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; } .uig-uni-header-brands-tab ul.logo-container li { float: left; cursor: pointer; margin-bottom: 0; } .uig-uni-header-brands-tab ul.logo-container .SFLY-SVG a { width: 189px; height: 63px; text-align: center; display: block; } .uig-uni-header-brands-tab ul.logo-container .SFLY-SVG a.active { background: #F05323; } .uig-uni-header-brands-tab ul.logo-container .SFLY-SVG svg { width: 189px; height: 63px; } .uig-uni-header-brands-tab ul.logo-container .SFLY-SVG object, .uig-uni-header-brands-tab ul.logo-container .SFLY-SVG img { width: 189px; height: 63px; } @media only screen and (max-width: 767px) { .uig-uni-header-brands-tab ul.logo-container .SFLY-SVG a, .uig-uni-header-brands-tab ul.logo-container .SFLY-SVG svg, .uig-uni-header-brands-tab ul.logo-container .SFLY-SVG object, .uig-uni-header-brands-tab ul.logo-container .SFLY-SVG img { width: 121px; height: 48px; } .uig-uni-header-brands-tab ul.logo-container .SFLY-SVG img { object-fit: cover; } } .uig-uni-header-brands-tab ul.logo-container .TP-SVG a { width: 189px; height: 63px; display: block; text-align: center; } .uig-uni-header-brands-tab ul.logo-container .TP-SVG a.active { background: #00A5B5; } .uig-uni-header-brands-tab ul.logo-container .TP-SVG svg { width: 189px; height: 63px; } .uig-uni-header-brands-tab ul.logo-container .TP-SVG object, .uig-uni-header-brands-tab ul.logo-container .TP-SVG img { width: 189px; height: 63px; } .uig-uni-header-brands-tab ul.logo-container .TP-SVG.boxRightShadow { box-shadow: inset -1px 0 0 0 #dddddd; } @media only screen and (max-width: 767px) { .uig-uni-header-brands-tab ul.logo-container .TP-SVG a, .uig-uni-header-brands-tab ul.logo-container .TP-SVG svg, .uig-uni-header-brands-tab ul.logo-container .TP-SVG object, .uig-uni-header-brands-tab ul.logo-container .TP-SVG img { width: 117px; height: 48px; } } .uig-uni-header-brands-tab ul.logo-container a { -webkit-appearance: initial; } .uig-uni-header-brands-tab .hide-logos-on-mobile { display: none; } @media (min-width: 991px) { .uig-uni-header-brands-tab .hide-on-desktop { display: none !important; } .uig-uni-header-brands-tab .hide-logos-on-mobile { display: flex; } } @media (max-width: 991px) { .uig-uni-header-brands-tab .hide-on-mobile { display: none !important; } } /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ /* Extra small screen / phone */ /* Normal phone screen / iPhone 6/7/8 */ /* Big phone screen / S phones / Plus */ /* Small tablet screen / tablet */ /* Medium screen / desktop */ /* Large screen / wide desktop */ /* Large tablet screen / tablet */ /* Extra large screen */ /* So media queries don't overlap when required, provide a maximum */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ .uig-uni-header-menu-items { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; font-size: 12px; line-height: 1.2; height: 47px; overflow: visible; display: flex; align-items: center; margin: 0; } @media only screen and (max-width: 767px) { .uig-uni-header-menu-items { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; font-size: 10px; margin: 1px 0 0; padding: 0; align-items: initial; } } .uig-uni-header-menu-items li { position: relative; margin-right: 15px; vertical-align: middle; } .uig-uni-header-menu-items li.dropdownLink-container, .uig-uni-header-menu-items li.uig-toolbar-menu { margin-bottom: 0px; } @media only screen and (max-width: 991px) { .uig-uni-header-menu-items li { padding: 2px 6px 0 0px; } } @media only screen and (max-width: 479px) { .uig-uni-header-menu-items li { padding: 2px 4px; margin: 0; } } .uig-uni-header-menu-items .menu-item a { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; font-size: 13px; color: #58595B; display: flex; flex-direction: column; align-items: center; text-decoration: none; cursor: pointer; } @media only screen and (max-width: 991px) { .uig-uni-header-menu-items .menu-item a { padding-top: 14px; } } .uig-uni-header-menu-items .menu-item a span { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; font-size: 13px; color: #58595B; } @media only screen and (max-width: 991px) { .uig-uni-header-menu-items .menu-item a span { display: none !important; } } @media only screen and (max-width: 767px) { .uig-uni-header-menu-items .menu-item a { display: block; text-align: center; margin: 0; } } .uig-uni-header-menu-items .menu-item a span { margin-top: 5px; } .uig-uni-header-menu-items .menu-item a svg { fill: #58595B; } .uig-uni-header-menu-items .menu-item a svg g[id*="_selected-color-/"], .uig-uni-header-menu-items .menu-item a svg g[id*="-black_"] { fill: #58595B; } .uig-uni-header-menu-items .menu-item a svg.groupIcon g path:last-child { fill: #58595B; } .uig-uni-header-menu-items .menu-item.active a { color: #D74012; cursor: pointer; } .uig-uni-header-menu-items .menu-item.active a span { color: #D74012; } .uig-uni-header-menu-items .menu-item.active:not(.myAccount-link):not(.shareSites-link):not(.myProjects-link) path { fill: #D74012; } .uig-uni-header-menu-items .menu-item.active.myAccount-link g { fill: #D74012; } .uig-uni-header-menu-items .menu-item.active.myProjects-link path { fill: #D74012; } .uig-uni-header-menu-items .menu-item.active.shareSites-link g path:last-child { fill: #D74012; } .uig-uni-header-menu-items .menu-item.active a { color: #D74012; } .uig-uni-header-menu-items .dropdown-icon { width: 9px; height: 5px; margin-top: -2px; margin-left: 6px; vertical-align: middle; } .uig-uni-header-menu-items .uig-tooltip-dropdown-menu { position: absolute; top: 50px; right: -1px; width: 168px; z-index: 99997; } .uig-uni-header-menu-items .uig-tooltip-dropdown-menu.anchor-right li:hover a { color: #58595B; text-decoration: underline; cursor: pointer; } .uig-uni-header-menu-items .uig-tooltip-dropdown-menu.anchor-right li:hover a.uig-button { text-decoration: none; } .uig-uni-header-menu-items .uig-tooltip-dropdown-menu.anchor-right li:hover a.uig-button.uig-primary-button { color: white; } .uig-uni-header-menu-items .uig-tooltip-dropdown-menu li { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-uni-header-menu-items .uig-tooltip-dropdown-menu li .uig-button { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; width: 100%; box-sizing: border-box; -webkit-appearance: initial; } .uig-uni-header-menu-items .uig-tooltip-dropdown-menu li .uig-button.uig-primary-button { color: white; } .uig-uni-header-menu-items .uig-tooltip-dropdown-menu li .uig-button.uig-primary-button:hover { color: white !important; } .uig-uni-header-menu-items .accountIcon, .uig-uni-header-menu-items .groupIcon { width: 22px; height: 22px; } @media only screen and (max-width: 767px) { .uig-uni-header-menu-items .accountIcon, .uig-uni-header-menu-items .groupIcon { width: 19px; height: 19px; margin: 0 auto; display: inline-block; visibility: visible; vertical-align: middle; } } .uig-uni-header-menu-items .accountIcon-label { max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 991px) { .uig-uni-header-menu-items .accountIcon-label { max-width: 70px; } } @media only screen and (max-width: 767px) { .uig-uni-header-menu-items .accountIcon-label { max-width: 60px; display: block; text-align: right; margin: 8px 0 0; } } @media only screen and (max-width: 767px) { .uig-uni-header-menu-items .accountIcon-label { max-width: 45px; } } .uig-uni-header-menu-items .uig-account-container { display: flex; flex-direction: row; align-items: center; } .uig-uni-header-menu-items .uig-account-container .uig-hello-text { width: 90%; white-space: nowrap; overflow: hidden; margin-top: 0; text-overflow: ellipsis; } .uig-uni-header-menu-items li.signInLink-container { padding: 2px 8px; } @media only screen and (max-width: 767px) { .uig-uni-header-menu-items li.signInLink-container .signIn-label { display: block; text-align: center; margin: 7px 0 0; } } .uig-uni-header-menu-items .dropdownLink-container a:not(.uig-button) { text-align: right; padding: 2px 3px 2px 0; cursor: pointer; text-decoration: none; } .uig-uni-header-menu-items .my-photos-label { margin-left: 7px; vertical-align: middle; } @media only screen and (max-width: 767px) { .uig-uni-header-menu-items .my-photos-label { display: block; text-align: center; margin: 5px 0 0; } } @media only screen and (max-width: 767px) { .uig-uni-header-menu-items .my-photos-label .my-photos-label-my { display: none; } } .uig-uni-header-menu-items li.cartLink-container { padding: 2px 0px 2px 2px; } @media only screen and (max-width: 991px) { .uig-uni-header-menu-items li.cartLink-container { padding: 0; } } .uig-uni-header-menu-items li.cartLink-container .cartLink span { margin-top: 3px; } .uig-uni-header-menu-items .cart-icon { display: inline-block; width: 22px; height: 22px; } .uig-uni-header-menu-items .uig-cart-count-icon { margin: -5px 0px 0px 8px; } .uig-uni-header-menu-items .uig-cart-count-icon text { font-size: 30px; } .uig-uni-header-menu-items .uig-cart-count-icon:hover path { fill: #58595B; } .uig-uni-header-menu-items .uig-cart-count-icon circle.orange { fill: #D74012; } .uig-uni-header-menu-items .desktop-only { display: inline-block; } @media only screen and (max-width: 991px) { .uig-uni-header-menu-items .desktop-only { display: none !important; } } .uig-uni-header-menu-items .mobile-only { display: none; } @media only screen and (max-width: 991px) { .uig-uni-header-menu-items .mobile-only { display: inline-block; } } .uig-uni-header-menu-items .hamburger-mobileonly { display: none; } @media only screen and (max-width: 991px) { .uig-uni-header-menu-items .hamburger-mobileonly { display: block; } } .brand-TP .uig-header-menu-items .menu-item.active a, .brand-TP .uig-uni-header-menu-items .menu-item.active a { color: #D74012; } .brand-TP .uig-header-menu-items .dropdownLink-container .uig-tooltip-dropdown-menu.anchor-right li:hover a, .brand-TP .uig-uni-header-menu-items .dropdownLink-container .uig-tooltip-dropdown-menu.anchor-right li:hover a { cursor: pointer; } .brand-TP .uig-header-menu-items .dropdownLink-container .uig-tooltip-dropdown-menu.anchor-right li:hover path, .brand-TP .uig-uni-header-menu-items .dropdownLink-container .uig-tooltip-dropdown-menu.anchor-right li:hover path { fill: #00A5B5; } /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ .uig-sub-nav-wrapper { max-width: 100%; } .uig-sub-nav-wrapper .uig-sub-nav-container { display: flex; padding: 0px 25px; border-bottom: 1px solid #C6C7C9; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container { position: relative; width: 100%; margin-bottom: 0px; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary { display: flex; flex-wrap: wrap; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary ol, .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary ul { list-style: none; padding-inline-start: 0px !important; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary li.cat-item:not(:last-child) { margin-bottom: 0; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary .hidden { display: none; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary .cat-item-container { padding: 8px 0px; padding-bottom: 18px; margin-right: 20px; border-bottom: 2px solid #fff0; display: inline-block; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary .cat-item-container.active-nav-cat { border-bottom: 2px solid #D74012; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary .cat-item-container.active-nav-cat.brand-TP { border-bottom: 2px solid #00829B; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary .more-item.relative-position { position: relative; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary .more-item .cat-item-container { margin-right: 0px; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary .more-item li { font-family: "Montserrat SemiBold", Verdana, Arial, sans-serif; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary .more-item .uig-tooltip-dropdown-menu { margin-top: 15%; z-index: 99999; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary .more-item .uig-tooltip-dropdown-menu ul { padding: 0px; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary .more-item .uig-tooltip-dropdown-menu li div { float: none; width: fit-content; max-width: 90%; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary .more-item .uig-tooltip-dropdown-menu:before { left: 27%; } .uig-sub-nav-wrapper .uig-sub-nav-container .cat-list-container .-primary .more-item .uig-tooltip-dropdown-menu:after { left: 28%; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container { align-self: center; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-expanded-search-box-container { height: 100%; display: inline-flex; padding: 7px; outline: 0; } @media screen and (max-width: 1199px) { .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-expanded-search-box-container .uig-search .uigSrchTxtFieldContainer { width: 210px; } } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-single-srch-icon-container { position: absolute; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-single-srch-icon-container .uig-srch-icon { cursor: pointer; padding: 7px; width: 38px; height: 34px; box-sizing: border-box; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-single-srch-icon-container svg { fill: #58595B; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-single-srch-icon-container svg path { fill: #58595B; } @media screen and (min-width: 1200px) { .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-single-srch-icon-container { display: none; } } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-single-close-icon-container .uig-close-icon { cursor: pointer; padding: 10px 8px; width: 38px; height: 34px; box-sizing: border-box; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-single-close-icon-container svg { fill: #58595B; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-single-close-icon-container svg path { fill: #58595B; } @media screen and (min-width: 1200px) { .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-single-close-icon-container { display: none; } } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-hide-expanded-search-box-container { visibility: hidden; width: 38px; height: 38px; } @media screen and (min-width: 1200px) { .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-hide-expanded-search-box-container { visibility: visible; width: auto; } } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search { justify-content: flex-end; padding-right: 0px; margin-right: 5px; transform: none; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search > .autocomplete-container { top: 36px; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search > .uigSrchFieldContainer { height: 36px; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search > .uigSrchFieldContainer > .uigSrchTxtFieldContainer > div { border-right: none; height: 36px; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search > .uigSrchFieldContainer > .uigSrchTxtFieldContainer > div > .uigSrchTxtField { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; border: none; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search > .uigSrchFieldContainer > button { height: 36px; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search > .uigSrchFieldContainer > button > svg.uig-svg-icon { height: 36px; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search > .autocomplete-container.arrow-box a { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search > .autocomplete-container.arrow-box a .details > .item-label { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search > .autocomplete-container.arrow-box li { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search > .autocomplete-container.arrow-box li.suggestion-item:hover > a, .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search > .autocomplete-container.arrow-box li.suggestion-item:active > a { color: #58595B; text-decoration: underline; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search > .autocomplete-container.arrow-box li.recommendation-item > a:hover, .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search > .autocomplete-container.arrow-box li.recommendation-item > a:active { color: #58595B; text-decoration: underline; } @media screen and (max-width: 1199px) { .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search .uigSrchTxtFieldContainer { -moz-transition: width 0.4s ease-in-out; -o-transition: width 0.4s ease-in-out; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; width: 0px; } } @media screen and (max-width: 1199px) and (min-width: 992px) { .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search .uigSrchTxtFieldContainer { -moz-transition: width 0.4s ease-in-out; -o-transition: width 0.4s ease-in-out; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; width: 0px; } } @media screen and (min-width: 1200px) { .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container .uig-search .uigSrchTxtFieldContainer { width: 210px; } } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container.brand-TP .uig-search > .autocomplete-container.arrow-box a { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container.brand-TP .uig-search > .autocomplete-container.arrow-box a .details > .item-label { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container.brand-TP .uig-search > .autocomplete-container.arrow-box li { font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container.brand-TP .uig-search > .autocomplete-container.arrow-box li.suggestion-item:hover > a, .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container.brand-TP .uig-search > .autocomplete-container.arrow-box li.suggestion-item:active > a { color: #58595B; text-decoration: underline; } .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container.brand-TP .uig-search > .autocomplete-container.arrow-box li.recommendation-item > a:hover, .uig-sub-nav-wrapper .uig-sub-nav-container .uig-search-container.brand-TP .uig-search > .autocomplete-container.arrow-box li.recommendation-item > a:active { color: #58595B; text-decoration: underline; } .uig-sub-nav-wrapper .divider { border: 1px solid #e4e4e4; position: relative; height: auto; } @media only screen and (max-width: 991px) { .uig-sub-nav-wrapper .uig-sub-nav-container { padding: 0px 10px; } } .uig-sub-nav-wrapper .responsive-header-flyout { position: absolute; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; max-width: 1600px; width: calc(100vw - 2px); left: -25px; z-index: 99998; -webkit-transform: translate3d(0px, 0px, 0px); font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; border-top: 1px solid #ebedf0; } .uig-sub-nav-wrapper .responsive-header-flyout .responsive-header-flyout-content { margin: 0px 25px; padding: 15px 0px; } .uig-sub-nav-wrapper .responsive-header-flyout .cat-header { font-family: "Montserrat Regular", Verdana, Arial, sans-serif; padding: 0 16px; font-size: 24px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: normal; color: #2d3137; outline: none; } .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content { display: flex; margin-top: 15px; } .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content.brand-SFLY .column li:not(.columnHeader) a:hover { text-decoration: underline; display: inline-block; } .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content.brand-SFLY .column li:not(.columnHeader) a img { width: auto; max-width: 100%; } .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content.brand-TP .column li .new-cat, .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content.brand-TP .column li span.new-cat { color: #00829B; } .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content.brand-TP .column li:not(.columnHeader) a:hover { text-decoration: underline; } .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content.brand-TP .column li:not(.columnHeader) a img { width: auto; max-width: 100%; } .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content div { width: 20%; padding: 0 16px 0; box-sizing: border-box; } .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content div ul:not(:last-child) { margin-bottom: 30px; } .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content .column li { text-align: left; line-height: 1.38; margin-bottom: 10px; font-size: 13px; } .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content .column li .new-cat, .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content .column li span.new-cat { color: #D74012; } .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content .column li a { text-decoration: none; font-family: "Montserrat Medium", Verdana, Arial, sans-serif !important; font-size: 13px; font-style: normal; font-stretch: normal; letter-spacing: normal; color: #58595b; font-weight: 500; display: inline-block; } .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content .column li.columnHeader { font-size: 13px; font-weight: bold; color: #2d3137; text-transform: uppercase; } .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content .column li.columnHeader a { font-family: "Montserrat Bold", Verdana, Arial, sans-serif !important; font-size: 13px; font-weight: bold; color: #2d3137; text-transform: uppercase; } @media (min-width: 992px) and (max-width: 1199px) { .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content .column li.columnHeader a { font-size: 12px; } } .uig-sub-nav-wrapper .responsive-header-flyout .dyn-content .column li.promoHeader a { color: #F05323; } .uig-sub-nav-wrapper .responsive-header-flyout:hover { display: block; } /* Extra small screen / phone */ /* Normal phone screen / iPhone 6/7/8 */ /* Big phone screen / S phones / Plus */ /* Small tablet screen / tablet */ /* Medium screen / desktop */ /* Large screen / wide desktop */ /* Large tablet screen / tablet */ /* Extra large screen */ /* So media queries don't overlap when required, provide a maximum */ /* gray-based */ /* red based */ /* blue based */ /* primary buttons */ /* tinyprints colors */ @media only screen and (max-width: 991px) { body { height: 100%; } body div#root { height: 100%; } body.brand-SFLY, body.brand-TP { height: 100%; } } .uig-universal-wrapper { display: block; max-width: 1600px; margin: 0 auto; margin-bottom: 10px; background-color: white; } .uig-universal-wrapper div[role=button], .uig-universal-wrapper a[role=button] { -webkit-appearance: initial; } .uig-universal-wrapper.extraMarginBottom { margin-bottom: 15px; } @media only screen and (max-width: 991px) { .uig-universal-wrapper.isOpenHamburger { position: fixed; right: 0; left: 0; top: 0; bottom: 0; background-color: white; overflow: hidden; height: 100%; z-index: 1099; } } .uig-universal-wrapper .uig-toolbar-wrapper { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C6C7C9; } .uig-universal-wrapper .uig-toolbar-wrapper ol, .uig-universal-wrapper .uig-toolbar-wrapper ul { list-style: none; } .uig-universal-wrapper .uig-toolbar-wrapper.brand-sfly { border-bottom: 1px solid #D74012; } .uig-universal-wrapper .uig-toolbar-wrapper.brand-tp { border-bottom: 1px solid #00829B; } .uig-universal-wrapper .uig-toolbar-wrapper .uig-tooltip-dropdown-menu .divider { position: relative; height: auto; } #univeral-header-promo-ssr { visibility: hidden; height: 0; }