/* header and footer overrides to correct remote styles */ html {font-size:62.5%} .wrap, .black-wrap {font-size: 160%;} header .row, footer .row {margin-right: auto!important;margin-left: auto!important; max-width: 86.82284%; padding-left: 0; padding-right: 0; } header img,footer img{max-width:100%;width:auto} .vpad.module { padding-top: 60px; padding-top: 6rem; padding-bottom: 60px; padding-bottom: 6rem;} header .mini-cart-empty, header .mini-cart-qty {display:none;} .site-menu {position: relative;} .back-button-wrap {display:none;} footer .back-button-wrap {display:block;} footer .back-button-wrap {height: 70px;} #header h5, #header .h5, #footer h5, #footer .h5 {font-weight: 700;font-size: 18px;font-size: 1.8rem;letter-spacing:0;} #footer .site-newsletter h3 {font-size: 32px;font-size: 3.2rem;font-weight: 700;} #footer .row {margin-bottom: 0;} #footer nav ul {margin: 20px 0 20px 0;} footer .footer-copy ul > li {font-size: 13px;} header ul, header li {line-height: 1; padding: 0; margin: 0;} header .icon-logo.msites {display: block;} #siteMenu .site-menu-content ul.level-1 > li.item.is-active > a {height: 50px; height: 5rem;} @media screen and (max-width: 1024px) { header .icon-logo.msites {display: inline-block;} } /* header search bar fix for IE */ .ie header .site-search.visible-desktop .search-container button[type="submit"]:after {top: 12px!important;} .ie9 header .site-search.visible-desktop .search-container button[type="submit"]:after {top: 12px!important;} .ie10 header .site-search.visible-desktop .search-container button[type="submit"]:after {top: 12px!important;} .ie11 header .site-search.visible-desktop .search-container button[type="submit"]:after {top: 12px!important;} /* new modal popup */ footer #newsletterSignup.button{display:inline-block;margin-left:-4px;border:0;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;padding:0 10px;padding:0 1rem;height:32px;height:3.2rem;line-height:32px;line-height:3.2rem;font-family:robotoslab,Arial,Helvetica,sans-serif;font-weight:700;font-size:12px;font-size:1.2rem;color:white;text-transform:uppercase;background-color:#d52b1e;-moz-transition:background-color 250ms;-ms-transition:background-color 250ms;-o-transition:background-color 250ms;-webkit-transition:background-color 250ms;transition:background-color 250ms} header h1,header h2,header h3,header h4,header h5,header h6,header p,header ol,header ul{margin:0;padding:0;line-height:1} [data-modal]{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;text-align:center} [data-modal].is-active{display:block} [data-modal] .modal-shim{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:black;opacity:.5} [data-modal] .modal-dialog{position:relative;margin:auto;z-index:10010;margin-top:5%;min-width:520px;max-width:30%;height:60%;background:white;border:solid white 1px} @media screen and (max-height:600px){[data-modal] .modal-dialog{margin-top:5%;margin-bottom:5%;height:90%} } @media screen and (max-width:1024px){[data-modal] .modal-dialog{width:100%;max-width:auto;min-width:100%;margin-top:60px} } [data-modal] .modal-dialog .modal-controls{position:absolute;z-index:10020;margin:25px;background:red;top:0;right:0;width:20px;height:20px;background:url("../images/quickview-x.png") top left no-repeat scroll} @media screen and (max-width:767px){ [data-modal] .modal-dialog .modal-controls{margin:15px 10px 0 0} footer nav ul li.nav-col { width: 100%; } } [data-modal] .modal-dialog .modal-content{margin:50px;text-align:left} [data-modal] .modal-dialog .modal-content .copy{font-family:opensans,Arial,Helvetica,sans-serif;font-weight:normal;text-transform:none} a[data-video-modal][data-modal-target]{opacity:.5} a[data-video-modal][data-modal-target].is-active{opacity:1} [data-modal] .modal-dialog .modal-content.modal-video{position:relative;padding-bottom:56.25%;height:0;overflow:visible} [data-modal] .modal-dialog .modal-content.modal-video iframe{position:absolute;top:0;left:0;width:100%;height:100%} [data-modal] .modal-dialog .vspace.element{margin-top:15px} [data-modal] .modal-dialog label span{padding-bottom:8px;display:inline-block;text-transform:uppercase;font-family:opensans,Arial,Helvetica,sans-serif;font-weight:700} [data-modal] .modal-dialog .h6,[data-modal] .modal-dialog h6{font-family:opensans,Arial,Helvetica,sans-serif;font-size:20px;font-weight:800;font-style:normal;text-transform:uppercase} /* tablet fix for nav */ @media screen and (max-width: 1024px) { #header .site-nav {z-index: 5000;} #header .site-nav .inline-list > li { float: none!important; } #header .site-nav .html-slot-container {position: relative;} #siteMenu .site-menu-content ul.level-1>li.content .custom_images a, #connect .custom_images a {height: auto; margin-right: 5px;} } /* hide newsletter popup on all microsites */ #newsletterSignupModal.modal.is-active, #newsletterSignupModal .modal-shim {display:none!important;} #footer .site-newsletter form {display:none;} /* fix for wrapper footer spacing gap */ .wrap {margin-bottom: -4%; padding-bottom: 7%;} /* social connect buttons for connect menu */ #siteMenu .site-menu-content ul.level-1 > li.content .custom_images a img, #connect .custom_images a img { max-width: none; width: auto; height: auto; } @media screen and (max-width: 1024px) { #siteMenu .site-menu-content ul.level-1 > li.content, #connect { margin-top: 15px; position: absolute; right: 5px; top: -20px; z-index: 5000; } } /* V2: fonts */ /* V2: misc adjustments - Body adjustment - Adjust footer back to top button - Remove cart item count display - Remove line-height adjustment from footer elements */ body {background-color: #fff;} footer .button {height: auto;} header .icon-badge__circle {display: none;} footer ul, footer li {padding:0; margin:0;} footer h1,footer h2,footer h3,footer h4,footer h5,footer h6,footer p,footer ol,footer ul {margin:0;padding:0;}