/* Wholesale Satisfaction Guarantee */ /* * Staging HTML for this page started at with no doctype, which * puts the browser in quirks mode. Levels then applies * .navigation-set { height: 100% } against the viewport, so the navy * bar fills the screen. Pin those heights regardless. */ body.gnt #x-main-nav-wrapper, body.gnt #js-navigation-bar, body.gnt #js-navigation-bar .wrap.az-menu, body.gnt #js-navigation-bar .navigation-set { height: auto !important; min-height: 0 !important; } body.gnt #js-navigation-bar .drop-down-menu-wrap { display: none !important; position: absolute !important; left: 0; right: 0; z-index: 999; } body.gnt #js-navigation-bar .level-1:hover > .drop-down-menu-wrap { display: block !important; } #guaranteeApp { --g-accent: var(--accent-color-teal, #08829a); } #guaranteeApp .legacy-content { background-color: #ffffff; } #guaranteeApp .legacy-content img { max-width: 100%; height: auto; } #guaranteeApp .article-title { color: var(--g-accent); text-align: left; font-weight: 400; font-family: inherit; font-size: 2em; line-height: 1.1em; padding: 20px 0 15px; width: 100%; box-sizing: border-box; } #guaranteeApp .g-hero { display: flex; justify-content: center; align-items: center; } #guaranteeApp .g-hero img { display: block; max-width: 100%; height: auto; } #guaranteeApp .g-intro { text-align: center; font-size: 16px; line-height: 1.5; padding: 20px 0; margin: 0; } #guaranteeApp .g-grid { display: grid; grid-template-columns: 1fr 1fr; font-size: 17px; line-height: 1.5; box-sizing: border-box; } #guaranteeApp .g-item { display: flex; align-items: flex-start; box-sizing: border-box; } #guaranteeApp .g-icon { flex: 0 0 16.6667%; max-width: 100px; padding: 0 15px; box-sizing: border-box; } #guaranteeApp .g-icon img { display: block; width: 100%; height: auto; } #guaranteeApp .g-copy { flex: 1; min-width: 0; padding: 0 15px 50px 0; box-sizing: border-box; } #guaranteeApp .ah-blue { color: var(--g-accent); } #guaranteeApp .g-copy a { color: var(--g-accent); text-decoration: underline; } #guaranteeApp .container { padding-bottom: 40px; } @media (max-width: 999px) { #guaranteeApp .article-title, #guaranteeApp .mobileCenter { display: block; margin-left: auto !important; margin-right: auto !important; text-align: center !important; } } @media (max-width: 767px) { #guaranteeApp .g-br-desktop { display: none; } } @media (max-width: 991px) { #guaranteeApp .g-grid { grid-template-columns: 1fr; } #guaranteeApp .g-item { flex-wrap: wrap; justify-content: center; } #guaranteeApp .g-icon { flex: 0 0 33.3333%; max-width: 140px; margin-left: auto; margin-right: auto; } #guaranteeApp .g-copy { flex: 0 0 100%; padding: 0 0 50px; text-align: left; } }