/***************/ /* NAMESPACE */ /***************/ /**********************/ /* LAYOUT VARIABLES */ /**********************/ /**************************/ /* TYPOGRAPHY VARIABLES */ /**************************/ /************/ /* COLORS */ /************/ /*****************************/ /* MEDIA QUERY BREAKPOINTS */ /*****************************/ /******************/ /* PDP SECTIONS */ /******************/ /*************/ /* BUTTONS */ /*************/ /*************/ /* ARROWS */ /*************/ /***************/ /* NAMESPACE */ /***************/ /**********************/ /* LAYOUT VARIABLES */ /**********************/ /**************************/ /* TYPOGRAPHY VARIABLES */ /**************************/ /************/ /* COLORS */ /************/ /*****************************/ /* MEDIA QUERY BREAKPOINTS */ /*****************************/ /******************/ /* PDP SECTIONS */ /******************/ /*************/ /* BUTTONS */ /*************/ /*************/ /* ARROWS */ /*************/ .no-margin { margin: 0; } .no-padding { padding: 0; } .font-italic { font-style: italic; } .font-bold { font-weight: bold; } .font-uppercase { text-transform: uppercase; } .padding-narrow { padding-left: 15px; padding-right: 15px; } .padding-wide { padding-left: 30px; padding-right: 30px; } .max-750 { max-width: 750px; } .max-970 { max-width: 970px; } .max-1170 { max-width: 1170px; } .margin-bottom.lg { margin-bottom: 30px; } /* OUTLINES AT FOCUSED STATE */ .bnw-outline:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000, 0 0 4px 8px #fff; outline: 2px transparent solid; } .bnw-outline.o-round:focus { border-radius: 50%; } #nkn-footer-social .icon.bnw-outline { width: 30px; height: 30px; display: inline-block; line-height: 28px; } .panel-items .panel-item a .panel-heading { background: rgba(0, 0, 0, 0.45); } .si-global .table .flex-row.panel .new { color: #fd0; background: #000; padding: 5px 3px; } #headerSearchInput:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000, 0 0 4px 8px #fff !important; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li button:focus + a, #nkn-header.nkn-navigation-component input:focus + a { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000, 0 0 4px 8px #fff; outline: 2px transparent solid; } #nkn-header.nkn-navigation-component a:hover .linkTitle { border-bottom: 2px solid #000000 !important; } #nkn-header.nkn-navigation-component li:hover > .flyoutController > .linkTitle, #nkn-header.nkn-navigation-component li:hover > label .labelTitle:not(:hover) { border-bottom: 2px solid #000000; } #nkn-header-account-flyout-trigger_button:focus + a, #nkn-header-cart-flyout-trigger_button:focus + a { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000, 0 0 4px 8px #fff; outline: 2px transparent solid; } /* code below was added to overwrite the bootstrap code */ .nkn-tfa-form-container select.form-control:focus, .nkn-footer-accordion-panel ul li a:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000, 0 0 4px 8px #fff; outline: 2px transparent solid; } #nkn-header-user a:focus { box-shadow: none; outline: 2px transparent solid; } .tab-content input.bnw-outline:focus, .tab-content select.bnw-outline:focus, .tab-content a.bnw-outline:focus, .tab-content button.bnw-outline:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000, 0 0 4px 8px #fff; outline: 2px transparent solid; } /* eof bootstrap overwriting */ /* focus on the Video wrapper */ #nkn-speedlight-rethink #hero > a.play-btn-wrap:focus { box-shadow: inset 0 0 2px 2px #fff; border: 2px solid #000 !important; z-index: 1; position: relative; } /* TABLET & MOBILE ONLY */ @media print, screen and (max-width: 991px) { .padding-wide-sm { padding-left: 30px; padding-right: 30px; } } /* MEDIUM DESKTOP AND UP */ @media print, screen and (min-width: 992px) { .padding-wide-md { padding-left: 30px; padding-right: 30px; } .padding-narrow-md { padding-left: 15px; padding-right: 15px; } } .nkn-resp-pdp-overview-ctas:not(.unstyled) { list-style-type: none; margin: 25px 0 0; padding: 0; /* MOBILE ONLY */ /* TABLET AND ABOVE */ } .nkn-resp-pdp-overview-ctas:not(.unstyled) > li { /* Use transparent bottom border instead of bottom margin to ensure that two-column li link elements are top aligned */ border-bottom: 13px solid transparent; padding-right: 15px; } .nkn-resp-pdp-overview-ctas:not(.unstyled).inline { column-count: unset; } .nkn-resp-pdp-overview-ctas:not(.unstyled).inline > li { border-bottom: none; display: inline-block; width: auto; } .nkn-resp-pdp-overview-ctas:not(.unstyled).inline > li a { margin-right: 30px; line-height: 2; } .nkn-resp-pdp-overview-ctas:not(.unstyled).inline > li:last-of-type a { margin-right: 0; } .nkn-resp-pdp-overview-ctas:not(.unstyled).inline.center > li a { margin-right: 15px; margin-left: 15px; } .nkn-resp-pdp-overview-ctas:not(.unstyled).inline.center > li:last-of-type a { margin-left: 15px; } .nkn-resp-pdp-overview-ctas:not(.unstyled).inline.right > li a { margin-right: 0; margin-left: 30px; } .nkn-resp-pdp-overview-ctas:not(.unstyled).inline.right > li:first-of-type a { margin-left: 0; } @media print, screen and (max-width: 767px) { .nkn-resp-pdp-overview-ctas:not(.unstyled) > li:last-child { margin-bottom: 0; } } @media print, screen and (min-width: 768px) { .nkn-resp-pdp-overview-ctas:not(.unstyled) > li { position: relative; display: block; } .nkn-resp-pdp-overview-ctas:not(.unstyled).two-column { column-count: 2; column-break-inside: avoid; } .nkn-resp-pdp-overview-ctas:not(.unstyled).two-column > li { position: relative; width: 100%; padding: 1px 0; break-inside: avoid; } } #nkn-header.nkn-navigation-component { position: relative; } #nkn-header.nkn-navigation-component ul { padding: 0px; margin: 0px; } #nkn-header.nkn-navigation-component ul li { display: inline-block; vertical-align: top; } #nkn-header.nkn-navigation-component label { font-weight: normal; padding: 0px; margin: 0px; } #nkn-header.nkn-navigation-component .linkTitle, #nkn-header.nkn-navigation-component .labelTitle { padding-bottom: 4px; transition: border-color 200ms ease-out; vertical-align: top; display: inline-block; border-bottom: 2px solid transparent; } #nkn-header.nkn-navigation-component a.nkn-header-navigation-firstLevel-link:focus, #nkn-header.nkn-navigation-component #nkn-header-user a[tabindex]:focus { outline: 0px; } #nkn-header.nkn-navigation-component a.nkn-header-navigation-firstLevel-link:focus .linkTitle, #nkn-header.nkn-navigation-component #nkn-header-user a[tabindex]:focus .linkTitle { border-bottom: 2px solid #000000; } #nkn-header.nkn-navigation-component .user .linkTitle { margin-bottom: -6px; } @media (max-width: 991px) { #nkn-header.nkn-navigation-component *[data-visible-only-on='desktop'] { display: none !important; } } @media (min-width: 992px) { #nkn-header.nkn-navigation-component *[data-visible-only-on='mobile'] { display: none !important; } } @media (min-width: 992px) { #nkn-header.nkn-navigation-component > .nkn-header-flyout-trigger_focus:focus ~ a, #nkn-header.nkn-navigation-component > .nkn-header-flyout-trigger_focus:focus + label { outline: 1px dotted #212121; outline: 5px auto -webkit-focus-ring-color; outline-offset: 3px; } #nkn-header.nkn-navigation-component .nkn-header-flyout-trigger_hover:hover .flyout { display: block !important; } #nkn-header.nkn-navigation-component li:hover > .flyoutController > .linkTitle, #nkn-header.nkn-navigation-component li:hover > label .labelTitle:not(:hover), #nkn-header.nkn-navigation-component .flyoutController:hover .linkTitle, #nkn-header.nkn-navigation-component .flyoutController:focus .linkTitle, #nkn-header.nkn-navigation-component a:hover .linkTitle, #nkn-header.nkn-navigation-component .user .content a:focus .linkTitle, #nkn-header.nkn-navigation-component .user #nkn-header-user.unrecognized .account .flyout .content-ca a:focus .linkTitle, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .user .content-ca a:focus .linkTitle, #nkn-header.nkn-navigation-component .user #nkn-header-user:not(.unrecognized) .account .flyout .content-ca a:focus .linkTitle, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .user .content-ca a:focus .linkTitle { border-bottom: 2px solid #FFDD00; } #nkn-header.nkn-navigation-component .flyout .content a:hover, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca a:hover, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca a:hover, #nkn-header.nkn-navigation-component a:hover .basicLinkTitle { text-decoration: underline; } } #nkn-header.nkn-navigation-component #nkn-header-promo { position: relative; text-align: left; background: black; width: 100%; min-height: 33px; padding: 0; border: 0px; display: block; overflow: hidden; white-space: nowrap; transition: height 500ms ease-out; z-index: 2; } #nkn-header.nkn-navigation-component #nkn-header-promo legend { display: inline-block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; z-index: -2; border: 3px solid black; } #nkn-header.nkn-navigation-component #nkn-header-promo input:focus ~ legend { outline: 1px dotted #212121; outline: 5px auto -webkit-focus-ring-color; outline-offset: -3px; } @media (max-width: 767px) { #nkn-header.nkn-navigation-component #nkn-header-promo { display: none; } } #nkn-header.nkn-navigation-component #nkn-header-promo input:focus ~ label { outline: none; } #nkn-header.nkn-navigation-component #nkn-header-promo .control { margin: 0px; padding: 7px 17px; position: absolute; display: inline-block; vertical-align: middle; width: calc(10% - 6px); height: calc(100% - 6px); top: 1px; background: black; z-index: -1; } #nkn-header.nkn-navigation-component #nkn-header-promo .control:hover { cursor: pointer; } #nkn-header.nkn-navigation-component #nkn-header-promo .control.goBack { left: 3px; text-align: right; } #nkn-header.nkn-navigation-component #nkn-header-promo .control.goForward { right: 3px; text-align: left; } #nkn-header.nkn-navigation-component #nkn-header-promo .control svg { fill: #ffdd00; width: 10px; } #nkn-header.nkn-navigation-component #nkn-header-promo [name='promoCarousel']:checked + .promo { z-index: 0; } #nkn-header.nkn-navigation-component #nkn-header-promo [name='promoCarousel']:checked + .promo a { display: inline; } #nkn-header.nkn-navigation-component #nkn-header-promo .promo { transition: left 250ms linear; position: relative; display: inline-block; text-align: center; top: 0px; width: 100%; margin: 0px; padding: 10px 5px; color: white; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; line-height: 1; z-index: -2; } #nkn-header.nkn-navigation-component #nkn-header-promo .promo * { vertical-align: middle; } #nkn-header.nkn-navigation-component #nkn-header-promo .promo img { display: inline-block; margin-right: 7px; max-height: 1em; max-width: 1em; } #nkn-header.nkn-navigation-component #nkn-header-promo .promo .content, #nkn-header.nkn-navigation-component #nkn-header-promo .promo #nkn-header-user.unrecognized .account .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout #nkn-header-promo .promo .content-ca, #nkn-header.nkn-navigation-component #nkn-header-promo .promo #nkn-header-user:not(.unrecognized) .account .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout #nkn-header-promo .promo .content-ca { max-width: 100%; font-size: 1em; font-family: "Arial"; font-weight: 700; white-space: normal; } #nkn-header.nkn-navigation-component #nkn-header-promo .promo a { display: none; } #nkn-header.nkn-navigation-component #nkn-header-promo .promo a:link, #nkn-header.nkn-navigation-component #nkn-header-promo .promo a:visited, #nkn-header.nkn-navigation-component #nkn-header-promo .promo a:active, #nkn-header.nkn-navigation-component #nkn-header-promo .promo a:hover { text-transform: none; font-weight: normal; letter-spacing: 0px; color: white; text-decoration: underline; } #nkn-header.nkn-navigation-component #nkn-header-promo .promo a:link:before, #nkn-header.nkn-navigation-component #nkn-header-promo .promo a:visited:before, #nkn-header.nkn-navigation-component #nkn-header-promo .promo a:active:before, #nkn-header.nkn-navigation-component #nkn-header-promo .promo a:hover:before { content: "\a0"; position: relative; display: inline-block; } #nkn-header.nkn-navigation-component #nkn-header-promo input:not(:checked) + .promo { left: -80%; position: absolute; } #nkn-header.nkn-navigation-component #nkn-header-promo input:checked ~ input:not(:checked) + .promo { left: 90%; } #nkn-header.nkn-navigation-component #nkn-header-promo input:checked + .promo { left: 0; } #nkn-header.nkn-navigation-component #nkn-header-promo input:focus + .promo { border: 2px solid #000; box-shadow: inset 0 0 4px 4px #fff; } #nkn-header.nkn-navigation-component #nkn-header-promo input:first-of-type:last-of-type + .promo + .goBack, #nkn-header.nkn-navigation-component #nkn-header-promo input:first-of-type:last-of-type + .promo + .goBack + .goForward { display: none; } #nkn-header.nkn-navigation-component #nkn-header-promo input:not(:checked) + .promo + .goBack, #nkn-header.nkn-navigation-component #nkn-header-promo input:not(:checked) + .promo + .goBack + .goForward { display: none; } #nkn-header.nkn-navigation-component .visually-hidden { border: 0; padding: 0; margin: 0; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */ clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */ -webkit-clip-path: inset(50%); clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/ white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */ } #nkn-header.nkn-navigation-component #nkn-header-masthead { position: relative; } @media (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-masthead { padding: calc(25px + .75em) 15px 15px 15px; } } @media (min-width: 992px) { #nkn-header.nkn-navigation-component #nkn-header-masthead { padding: 30px 30px 0px 30px; height: calc(30px + 1em + 10px + 2em + 10px + 11/12 * 1em); } } #nkn-header.nkn-navigation-component #nkn-header-masthead h1 { margin: 0; } #nkn-header.nkn-navigation-component #nkn-header-masthead .logo { position: relative; display: inline-block; height: 50px; } @media (min-width: 992px) { #nkn-header.nkn-navigation-component #nkn-header-masthead .logo { height: 68px; } } #nkn-header.nkn-navigation-component #nkn-header-masthead .logo img { height: 100%; } #nkn-header.nkn-navigation-component #nkn-header-masthead .skipLinks { position: absolute; left: 0px; width: 100%; z-index: 0; text-align: center; } @media (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-masthead .skipLinks { top: 20px; } } @media (min-width: 992px) { #nkn-header.nkn-navigation-component #nkn-header-masthead .skipLinks { top: 0px; } } #nkn-header.nkn-navigation-component #nkn-header-masthead .skipLinks a { position: absolute; display: inline-block; top: 0px; left: calc(50% - 100px); width: 200px; text-align: center; opacity: 1; vertical-align: top; } #nkn-header.nkn-navigation-component #nkn-header-masthead .skipLinks a:not(:focus) { opacity: 0; } #nkn-header.nkn-navigation-component #nkn-header-masthead .skipLinks a:not(:focus), #nkn-header.nkn-navigation-component #nkn-header-masthead .skipLinks a:not(:focus):hover { cursor: auto; pointer-events: none; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch { position: absolute; text-align: right; line-height: 1; color: #404040; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch h1 { display: inline-block; margin: 0px; padding: 0px; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch h1, #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .region, #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .country, #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .continent { font-size: 1em; line-height: 1; font-weight: normal; } @media (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch { top: 0px; left: 0px; line-height: .75; padding: 5px 15px; background: #f2f2f2; color: #666; width: 100%; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch #global-search { line-height: 1; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch > h1 { font-size: 0.75em; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch > .region, #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch > .country, #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch > .continent { font-size: 0.75em; vertical-align: middle; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .language, #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .globalTerm { display: none; } } @media (min-width: 992px) { #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch { top: 0px; right: 0px; padding: inherit; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .search-spacer { height: 30px; } } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search { position: relative; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search .search-text { color: #666; font-family: "Arial"; font-weight: bold; border-radius: 90px; border: 1px solid #d8d8d8; box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.25); width: 200px; padding: 2px 10px 3px 35px; border: none; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search .search-text:-ms-input-placeholder { font-family: "Times"; font-style: italic; font-weight: normal; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search .search-text::placeholder { font-family: "Times"; font-style: italic; font-weight: normal; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search .submit-search { position: absolute; top: 0px; left: 5px; height: auto; border: none; background: none; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search .submit-search img { width: 13px; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search .search-suggestions-container { z-index: 1100; } @media screen { #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search { display: block !important; } } @media (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search { position: absolute; top: 98px; right: 0px; background: #f2f2f2; z-index: 15; padding: 0px; height: 0px; transition: height 75ms linear; overflow: hidden; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search.expanding { border-bottom: 1px solid #d8d8d8; height: 58px; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search .search-suggestions-container { top: 58px; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search #global-search-fieldset { position: relative; text-align: left; padding: 15px 25px; height: 100%; } } @media (max-width: 991px) and (max-width: 767px) { #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search #global-search-fieldset { width: 100vw; } } @media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search #global-search-fieldset { width: 320px; } } @media (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search #global-search-fieldset .search-text { font-size: 1em; line-height: 1.66667; padding: 4px 15px 4px 45px; margin: 0px; width: 100%; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search #global-search-fieldset .submit-search { position: absolute; top: 16px; left: 34px; height: auto; border: none; background: none; width: 25px; height: 25px; padding: 0px; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search #global-search-fieldset .submit-search .icon { width: 100%; height: 100%; } } @media (min-width: 992px) { #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search { margin: 10px 0px 10px auto; width: 200px; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search .search-text { font-size: 0.91667em; width: 200px; height: 2em; padding: 2px 10px 3px 40px; border: none; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search .submit-search { position: absolute; top: 2px; left: 10px; height: auto; border: none; background: none; width: 20px; height: 20px; padding: 0px; } #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search .submit-search .icon { width: 100%; height: 100%; } } @media screen and (-ms-high-contrast: active) { #nkn-header.nkn-navigation-component #nkn-header-masthead #nkn-header-regionalSearch .nkn-resp-global-search .search-text { border: 2px solid currentColor; } } #nkn-header.nkn-navigation-component #nkn-header-navigation a, #nkn-header.nkn-navigation-component #nkn-header-navigation button { font-family: Arial,Helvetica,sans-serif; font-weight: bold; margin: 0px; padding: 0px; } #nkn-header.nkn-navigation-component #nkn-header-navigation a:hover, #nkn-header.nkn-navigation-component #nkn-header-navigation button:hover { cursor: pointer; } #nkn-header.nkn-navigation-component #nkn-header-navigation ul li > a, #nkn-header.nkn-navigation-component #nkn-header-navigation ul li > button { z-index: 1; /* To ensure this remains above the top white border of the second-level node flyout, which is set to z-index: auto */ vertical-align: top; text-transform: uppercase; letter-spacing: 0.1em; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level { position: relative; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li a, #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li button { display: inline-block; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li > .second-level { display: none; } @media (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container { position: relative; top: 0px; right: 0px; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container button[aria-controls*="first-level"][aria-expanded="false"] ~ #first-level-container, #nkn-header.nkn-navigation-component #nkn-header-navigation-container button[aria-controls*="first-level"][aria-expanded="false"] ~ * #first-level-container { max-height: 0px; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation { margin: 0px; position: absolute; top: 0px; right: 0px; font-size: 1em; overflow: hidden; height: 100vh; } } @media (max-width: 991px) and (max-width: 767px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation { width: 100vw; } } @media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation { width: 320px; } } @media (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level-container { transition: transform 250ms linear 0s, max-height 250ms ease-out; position: absolute; overflow: scroll; top: 57px; left: 0px; transform: none; z-index: 100; /* To ensure this remains above LNE subnav */ height: 100%; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level-container.no-global-search { top: 0; } } @media (max-width: 991px) and (max-width: 767px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level-container { width: calc(2 * 100vw); } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level-container.showSubNav { transform: translateX(-100vw); } } @media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level-container { width: 640px; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level-container.showSubNav { transform: translateX(-320px); } } @media (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li { background: white; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li > a > .linkTitle, #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li > button { font-size: 1em; letter-spacing: 2px; font-weight: bold !important; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; background: white; border: none; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li, #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li > ul > li { display: block; height: calc(1.44em + 41px); border-bottom: 1px solid #d8d8d8; } } @media (max-width: 991px) and (max-width: 767px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li, #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li > ul > li { width: 100vw; } } @media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li, #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li > ul > li { width: 320px; } } @media (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li > a, #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li > button, #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li > ul > li > a, #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li > ul > li > button { font-weight: normal; padding: 20px 25px; color: black; display: inline-block; text-align: left; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li > ul > li { background-color: #E6E6E6; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li.menuContainer { pointer-events: auto; height: calc(1.44em + 41px); } } @media (max-width: 991px) and (max-width: 767px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li.menuContainer { width: 100vw; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li.menuContainer > button { width: 100vw; } } @media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li.menuContainer { width: 320px; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li.menuContainer > button { width: 320px; } } @media (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li.menuContainer > a { display: none; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li.menuContainer > button { height: calc(1.44em + 40px); max-width: initial; max-width: unset; position: absolute; vertical-align: top; overflow: hidden; left: 0px; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li.menuContainer button:focus ~ a { outline-offset: -3px; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .nkn-header-flyout-trigger_click { position: absolute; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .nkn-header-flyout-trigger_click ~ .second-level { z-index: -1; opacity: 0; transition: opacity; transition-delay: 250ms; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .nkn-header-flyout-trigger_click:checked ~ .second-level, #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .nkn-header-flyout-trigger_click[aria-expanded='true'] ~ .second-level { z-index: 0; opacity: 1; transition-delay: 0s; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .nkn-header-flyout-trigger_click[aria-expanded='false']:after { content: url(/static/ftl/global-nav/navigation/rightArrow.svg); position: absolute; right: 25px; top: 20px; width: 6px; height: 10px; display: inline-block; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .nkn-header-flyout-trigger_click[aria-expanded='true'] { border-bottom: 1px solid #d8d8d8; padding: 22px 25px; line-height: 1; font-size: 1em; top: 0px; text-align: center; letter-spacing: 2px; background: white; color: black; z-index: 1; /* To keep the label of the first level node visibile above the second-level node list */ } } @media (max-width: 991px) and (max-width: 767px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .nkn-header-flyout-trigger_click[aria-expanded='true'] { left: 100vw; } } @media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .nkn-header-flyout-trigger_click[aria-expanded='true'] { left: 320px; } } @media (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .nkn-header-flyout-trigger_click[aria-expanded='true']:before { content: url(/static/ftl/global-nav/navigation/leftArrow.svg); position: absolute; left: 25px; top: 22px; width: 6px; height: 10px; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .second-level { display: block; top: calc(1.44em + 40px); height: 100%; position: absolute; } } @media (max-width: 991px) and (max-width: 767px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .second-level { width: 100vw; left: 100vw; } } @media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .second-level { width: 320px; left: 320px; } } @media (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .second-level img { display: none; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .second-level li:first-child { height: calc(1.44em + 101px); padding-top: calc(1.44em + 41px); margin-top: calc(-1.44em - 41px); } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .second-level li a { padding: 20px 25px; position: relative; height: calc(1.44em + 40px); vertical-align: top; width: 100%; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation #first-level > li .second-level li a .linkTitle { font-size: 1em; letter-spacing: 0; font-weight: normal; text-transform: none; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation-trigger { position: absolute; bottom: 20px; right: 15px; border: none; max-width: none; max-width: unset; width: 35px; height: 35px; } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation-trigger:hover { cursor: pointer; } } @media (max-width: 991px) and (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation-trigger { display: inline-block; } } @media (max-width: 991px) and (min-width: 992px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation-trigger { display: none; } } @media (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation-trigger[aria-expanded='true'] { background: url(/static/ftl/global-nav/navigation/closeIcon.svg); } #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation-trigger[aria-expanded='false'] { background: url(/static/ftl/global-nav/navigation/hamburger.svg); } } @media (min-width: 992px) { #nkn-header.nkn-navigation-component #nkn-header-navigation-container button, #nkn-header.nkn-navigation-component #nkn-header-navigation-container #nkn-header-navigation-trigger { display: none; } #nkn-header.nkn-navigation-component #nkn-header-navigation { z-index: 100; /* To ensure this remains above the LNE subnav */ margin-top: 35px; position: relative; margin-bottom: 20px; } #nkn-header.nkn-navigation-component #nkn-header-navigation a, #nkn-header.nkn-navigation-component #nkn-header-navigation button { font-size: 1.16667em; line-height: 1; } } @media (min-width: 992px) and (min-width: 992px) { #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li, #nkn-header.nkn-navigation-component #nkn-header-navigation .second-level:not(.column) li { margin-left: 15px; margin-right: 15px; position: relative; } } @media (min-width: 992px) and (min-width: 1200px) { #nkn-header.nkn-navigation-component #nkn-header-navigation .second-level:not(.column) li { margin-left: 30px; margin-right: 30px; position: relative; } } @media (min-width: 992px) { #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level { white-space: nowrap; /* Allow vertical-align of list items */ } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level:before { content: " "; height: 100%; vertical-align: middle; display: inline-block; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li { /* So account icons are bottom aligned with top-level nav */ vertical-align: bottom; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li:first-child { margin-left: 30px; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li > a, #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li > input + label { position: relative; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li > input:first-child + label { cursor: default; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li button:focus + a { outline-offset: 3px; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li > .nkn-header-flyout-trigger_click:checked ~ .second-level, #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li > .nkn-header-flyout-trigger_click[aria-expanded='true'] ~ .second-level { display: block; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li .second-level { position: absolute; top: 0px; left: 0px; border-top: 35px solid white; padding: 35px 15px 0px 15px; background: #E6E6E6; min-height: 90px; white-space: normal; /** Default case is .row **/ } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li .second-level li { margin-bottom: 29px; display: block; text-align: left; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li .second-level li a { display: inline-block; padding-bottom: 0px; white-space: nowrap; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li .second-level li a img { position: relative; top: 0px; left: 0px; transition: top 250ms ease-out; display: block; margin: 0 auto 10px auto; border: none; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li .second-level li a img + .linkTitle { margin-bottom: 0px; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li .second-level li a:hover img { top: -10px; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li .second-level li a .linkTitle { line-height: 18/12; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li .second-level.column { padding-left: calc(50% - 440px); padding-right: calc(50% - 440px); column-count: 4; column-width: 240px; column-fill: balance; column-gap: 60px; column-rule: unset; text-align: left; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li .second-level.column li { display: block; text-align: left; break-inside: avoid-column; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li .second-level:not(.column) { text-align: center; } #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li .second-level:not(.column) li.hasImage { min-width: 160px; } } @media (min-width: 992px) and (min-width: 0px) { #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li .second-level:focus-within { display: block; } } @media (min-width: 992px) and (min-width: 1px) { #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li .second-level.focus-within, #nkn-header.nkn-navigation-component #nkn-header-navigation #first-level > li .second-level:hover { display: block; } } #nkn-header.nkn-navigation-component #nkn-header-user { position: absolute; padding: inherit; /*ItemCount for Canada*/ } #nkn-header.nkn-navigation-component #nkn-header-user a:not(.btn):focus { outline: none; } #nkn-header.nkn-navigation-component #nkn-header-user .account > a { display: inline-block; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .itemCount { border-radius: 90px; background: #ffdd00; color: black; height: 18px; width: 18px; font-size: .833em; line-height: 0; padding-top: 9px; font-weight: bold; text-align: center; position: absolute; top: -3px; right: 29px; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .itemCount:empty { display: none; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .itemCountCa { border-radius: 90px; background: #ffdd00; color: black; height: 18px; width: 18px; font-size: .833em; line-height: 0; padding-top: 9px; font-weight: bold; text-align: center; position: absolute; top: -28px; right: -1px; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .itemCountCa:empty { display: none; } #nkn-header.nkn-navigation-component #nkn-header-user .nkn-header-flyout-trigger_click[aria-expanded='true'] ~ .flyout { display: block; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout { display: none; position: absolute; text-align: center; top: 30px; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout p { margin: 0px; padding: 0px; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca { word-wrap: break-word; background: #E6E6E6; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content .signin, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca .signin, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .signin, #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content .viewCart, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca .viewCart, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .viewCart { text-transform: uppercase; background: black; color: white; font-weight: bold; border-radius: 25px; letter-spacing: 1px; padding: 15px 52px; font-size: 1.16667em; line-height: 1.2; vertical-align: middle; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content .signin:hover, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca .signin:hover, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .signin:hover, #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content .viewCart:hover, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca .viewCart:hover, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .viewCart:hover { text-decoration: none; } #nkn-header.nkn-navigation-component #nkn-header-user .account .flyout .content .title, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .title { font-size: 2em; line-height: 1; margin: 0px auto; font-family: 'Open Sans', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 300; } #nkn-header.nkn-navigation-component #nkn-header-user .account .flyout .content .instruction, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .instruction { font-size: 1.16667em; margin: 25px auto; padding: 0px 30px; } #nkn-header.nkn-navigation-component #nkn-header-user .account .flyout .content .createAccount, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca .createAccount, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .createAccount { display: block; margin-top: 25px; margin-bottom: 25px; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .flyout .content, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .cart .account .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .cart .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .cart .account .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .cart .flyout .content-ca { text-align: center; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .flyout .content .title, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .cart .account .flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .cart .flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .cart .account .flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .cart .flyout .content-ca .title { margin: 0px; padding: 0px; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .flyout .content .instruction, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .cart .account .flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .cart .flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .cart .account .flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .cart .flyout .content-ca .instruction { margin: 0px; padding: 0px; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .flyout .content .seeAllProducts, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .cart .account .flyout .content-ca .seeAllProducts, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .cart .flyout .content-ca .seeAllProducts, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .cart .account .flyout .content-ca .seeAllProducts, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .cart .flyout .content-ca .seeAllProducts { display: none; } #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca { padding: 30px 30px 45px 30px; } #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content .title, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca .title { padding: 0px; } #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content .instruction, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca .instruction { padding: 0px; } #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content #nkn-header-account-links, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca #nkn-header-account-links { display: none; } #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content #nkn-header-account-links-ca, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca #nkn-header-account-links-ca { display: block; margin: 0px; padding: 0px; border-top: 1px solid #d8d8d8; } #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content #nkn-header-account-links-ca li, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca #nkn-header-account-links-ca li { text-align: center; height: calc(1.44em + 41px); display: block; } #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content #nkn-header-account-links-ca li a, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca #nkn-header-account-links-ca li a { display: inline-block; padding: 20px 25px; position: relative; width: 100%; vertical-align: top; color: black; font-family: "Arial"; } #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca { padding: 30px 30px 25px 30px; } #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca { padding-bottom: 0px; } #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content .instruction, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .instruction { margin-bottom: 30px; } #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content .signin, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .signin, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content .createAccount, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .createAccount { display: none; } #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content #nkn-header-account-links, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca #nkn-header-account-links { display: block; margin: 0px; padding: 0px; border-top: 1px solid #d8d8d8; } #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content #nkn-header-account-links li, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca #nkn-header-account-links li { text-align: left; border-bottom: 1px solid #d8d8d8; height: calc(1.44em + 41px); display: block; } #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content #nkn-header-account-links li a, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca #nkn-header-account-links li a { display: inline-block; padding: 20px 25px; position: relative; width: 100%; vertical-align: top; color: black; font-family: "Arial"; } #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content #nkn-header-account-links-ca, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca #nkn-header-account-links-ca { display: none; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:empty + #nkn-header-cart-flyout .content, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:empty + #nkn-header-cart-flyout .account .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:empty + #nkn-header-cart-flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:empty + #nkn-header-cart-flyout .account .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:empty + #nkn-header-cart-flyout .content-ca { padding: 45px 30px; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:empty + #nkn-header-cart-flyout .content .cartItems, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:empty + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:empty + #nkn-header-cart-flyout .content-ca .cartItems, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:empty + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:empty + #nkn-header-cart-flyout .content-ca .cartItems, #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:empty + #nkn-header-cart-flyout .content .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:empty + #nkn-header-cart-flyout .account .flyout .content-ca .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:empty + #nkn-header-cart-flyout .content-ca .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:empty + #nkn-header-cart-flyout .account .flyout .content-ca .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:empty + #nkn-header-cart-flyout .content-ca .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:empty + #nkn-header-cart-flyout .content .viewCart, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:empty + #nkn-header-cart-flyout .account .flyout .content-ca .viewCart, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:empty + #nkn-header-cart-flyout .content-ca .viewCart, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:empty + #nkn-header-cart-flyout .account .flyout .content-ca .viewCart, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:empty + #nkn-header-cart-flyout .content-ca .viewCart { display: none; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca { padding: 15px 0px 45px 0px; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content p, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca p, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca p, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca p, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca p { padding-left: 30px; padding-right: 30px; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content .cartItems li:first-child, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems li:first-child, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .cartItems li:first-child, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems li:first-child, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .cartItems li:first-child { padding-top: 10px; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content .cartItems li, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems li, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .cartItems li, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems li, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .cartItems li { display: block; padding: 15px 0px 20px 0px; text-align: left; border-bottom: 1px solid #d8d8d8; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content .cartItems li *, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems li *, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .cartItems li *, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems li *, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .cartItems li * { vertical-align: top; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content .cartItems li img, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems li img, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .cartItems li img, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems li img, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .cartItems li img { display: inline-block; margin-left: 30px; width: 22%; max-width: 75px; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content .cartItems li label, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems li label, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .cartItems li label, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems li label, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .cartItems li label { margin-right: 30px; letter-spacing: 1px; padding-top: 10px; width: calc(78% - 60px); padding-left: 20px; display: inline-block; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content .cartItems li label strong, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems li label strong, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .cartItems li label strong, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems li label strong, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .cartItems li label strong { display: block; font-weight: bold; line-height: 1; padding-bottom: 5px; font-size: 1.16667em; margin: 0px; letter-spacing: 2px; text-transform: uppercase; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content .cartItems li label span, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems li label span, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .cartItems li label span, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .cartItems li label span, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .cartItems li label span { display: block; font-size: 1em; margin: 0px; padding: 0px; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content .seeAllProducts, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .seeAllProducts, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .seeAllProducts, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .seeAllProducts, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .seeAllProducts { padding-top: 7px; color: #1d3994; text-decoration: underline; font-size: 1.16667em; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content .seeAllProducts.tooMany, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .seeAllProducts.tooMany, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .seeAllProducts.tooMany, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .seeAllProducts.tooMany, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .seeAllProducts.tooMany { display: inline-block; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .subtotal { padding: 0px 30px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 300; font-size: 2.000em; line-height: 1; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content .promotion, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .promotion, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .promotion, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .promotion, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .promotion { display: block; color: #cc420c; font-size: 1.16667em; } #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content .instruction, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user .itemCount:not(:empty) + #nkn-header-cart-flyout .content .title, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .itemCount:not(:empty) + #nkn-header-cart-flyout .account .flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .itemCount:not(:empty) + #nkn-header-cart-flyout .content-ca .title { display: none; } @media (max-width: 991px) { #nkn-header.nkn-navigation-component button[aria-controls*="nkn-header-cart-flyout"][aria-expanded='false'] ~ #nkn-header-cart-flyout, #nkn-header.nkn-navigation-component button[aria-controls*="nkn-header-account-flyout"][aria-expanded='false'] ~ #nkn-header-account-flyout { transition-delay: 50ms; max-height: 0; } #nkn-header.nkn-navigation-component #nkn-header-user { /*CartIcon Canada*/ z-index: 100; /* To ensure the user and cart flyouts remain at the top of global page content */ /*ItemCount for Canada*/ right: 65px; bottom: 20px; } #nkn-header.nkn-navigation-component #nkn-header-user #nkn-header-cart-flyout, #nkn-header.nkn-navigation-component #nkn-header-user #nkn-header-account-flyout { transition: max-height 250ms ease-out !important; } #nkn-header.nkn-navigation-component #nkn-header-user .svgTitle { height: 35px; } #nkn-header.nkn-navigation-component #nkn-header-user .svgTitleCa svg { margin-bottom: -5px; } #nkn-header.nkn-navigation-component #nkn-header-user a.flyoutController { position: relative; margin: 0px; width: 35px; height: 35px; vertical-align: top; display: inline-block; } #nkn-header.nkn-navigation-component #nkn-header-user a.flyoutController:hover { cursor: pointer; } #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) a.flyoutController { display: none !important; } #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyoutController { position: relative; margin: 0px; width: 35px; height: 35px; vertical-align: top; display: inline-block; } #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyoutController:hover { cursor: pointer; } #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account a.flyoutController { margin-right: 15px; } #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account > label, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account > .flyout { display: none !important; } #nkn-header.nkn-navigation-component #nkn-header-user .nkn-header-flyout-trigger_click[aria-expanded='true'] ~ label.flyoutController { background: url(/static/ftl/global-nav/navigation/closeIcon.svg); } #nkn-header.nkn-navigation-component #nkn-header-user .nkn-header-flyout-trigger_click[aria-expanded='true'] ~ label.flyoutController svg { fill: rgba(0, 0, 0, 0); } #nkn-header.nkn-navigation-component #nkn-header-user .nkn-header-flyout-trigger_click[aria-expanded='true'] ~ label.flyoutController svg .cartCenter { fill: rgba(255, 255, 255, 0); } #nkn-header.nkn-navigation-component #nkn-header-user #nkn-header-cart-flyout-trigger_button[aria-expanded='true'] ~ .itemCount { display: none; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .itemCount { right: 0px; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .itemCountCa { border-radius: 90px; background: #ffdd00; color: black; height: 18px; width: 18px; font-size: .833em; line-height: 0; padding-top: 9px; font-weight: bold; text-align: center; position: absolute; top: -3px; right: 0px; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .itemCountCa:empty { display: none; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca { width: 320px; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout { top: 55px; right: -65px; display: block; overflow: scroll; } } @media (max-width: 991px) and (max-width: 767px) { #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca { width: 100vw; } } @media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca { width: 320px; } } @media (max-width: 991px) { #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content #nkn-header-account-links li a .linkTitle, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca #nkn-header-account-links li a .linkTitle, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca #nkn-header-account-links li a .linkTitle { text-transform: none; font-weight: normal; letter-spacing: 0; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content #nkn-header-account-links-ca li a .linkTitle, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca #nkn-header-account-links-ca li a .linkTitle, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca #nkn-header-account-links-ca li a .linkTitle { text-transform: none; font-weight: normal; letter-spacing: 0; } #nkn-header.nkn-navigation-component #nkn-header-user .account .flyout .content, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca { padding: 0px; } #nkn-header.nkn-navigation-component #nkn-header-user .account .flyout .content .title, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .title { padding: 20px 25px; font-weight: bold; letter-spacing: 2px; font-size: 1em; line-height: 1; font-family: Arial; text-transform: uppercase; background-color: white; border-top: 1px solid #d8d8d8; } #nkn-header.nkn-navigation-component #nkn-header-user .account .flyout .content .title .desktop, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca .title .desktop, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .title .desktop { display: none; } #nkn-header.nkn-navigation-component #nkn-header-user .account .flyout .content .instruction, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .instruction { display: none; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .flyout .content .title, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .cart .account .flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .cart .flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .cart .account .flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .cart .flyout .content-ca .title { font-family: 'Open Sans', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 300; font-size: 4em; line-height: 1; margin-bottom: 15px; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .flyout .content .instruction, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .cart .account .flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .cart .flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .cart .account .flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .cart .flyout .content-ca .instruction { font-size: 1.167em; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .flyout .content .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .cart .account .flyout .content-ca .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .cart .flyout .content-ca .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .cart .account .flyout .content-ca .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .cart .flyout .content-ca .subtotal { margin: 20px auto 15px auto; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .flyout .content .promotion, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .cart .account .flyout .content-ca .promotion, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .cart .flyout .content-ca .promotion, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .cart .account .flyout .content-ca .promotion, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .cart .flyout .content-ca .promotion { margin: 15px auto 0px auto; } } @media (min-width: 992px) { #nkn-header.nkn-navigation-component #nkn-header-user { top: initial; top: unset; bottom: 0px; right: 0px; z-index: 100; /* To ensure this remains above the LNE subnav */ padding: 0px 30px; background: white; } #nkn-header.nkn-navigation-component #nkn-header-user li:hover > a.flyoutController .svgTitle, #nkn-header.nkn-navigation-component #nkn-header-user a.flyoutController:focus .svgTitle { border-bottom: 2px solid #000000; } #nkn-header.nkn-navigation-component #nkn-header-user .svgTitle { border-bottom: 2px solid transparent; transition: border-color 200ms ease-out; } #nkn-header.nkn-navigation-component #nkn-header-user a.flyoutController { position: relative; margin: 0px; width: 35px; height: 35px; padding-bottom: 2px; vertical-align: top; display: inline-block; border-bottom: 2px solid transparent; } #nkn-header.nkn-navigation-component #nkn-header-user .account a.flyoutController { margin-right: 15px; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout { padding-top: 35px; top: 25px; /* speech bubble pointer */ } #nkn-header.nkn-navigation-component #nkn-header-user .flyout:before { content: " "; position: absolute; top: 20px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #E6E6E6; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca { min-width: 300px; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content .title, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .title { padding: 30px 30px 0px 30px; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content .title .mobile, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca .title .mobile, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca .title .mobile { display: none; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content #nkn-header-account-links a, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca #nkn-header-account-links a, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca #nkn-header-account-links a { height: calc(1.44em + 40px); letter-spacing: 1px; font-size: 1.16667em; line-height: 1; font-weight: bold; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content #nkn-header-account-links a .linkTitle, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca #nkn-header-account-links a .linkTitle, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca #nkn-header-account-links a .linkTitle { text-transform: uppercase; letter-spacing: 0.1em; margin-top: 2px; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content #nkn-header-account-links-ca a, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca #nkn-header-account-links-ca a, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca #nkn-header-account-links-ca a { height: calc(1.44em + 40px); letter-spacing: 1px; font-size: 1.16667em; line-height: 1; font-weight: bold; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout .content #nkn-header-account-links-ca a .linkTitle, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .flyout .content-ca #nkn-header-account-links-ca a .linkTitle, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .flyout .content-ca #nkn-header-account-links-ca a .linkTitle { text-transform: uppercase; letter-spacing: 0.1em; margin-top: 2px; } #nkn-header.nkn-navigation-component #nkn-header-user .flyout .createAccount, #nkn-header.nkn-navigation-component #nkn-header-user .flyout .createAccount:hover, #nkn-header.nkn-navigation-component #nkn-header-user .flyout .createAccount:focus, #nkn-header.nkn-navigation-component #nkn-header-user .flyout .createAccount:visited { color: #1d3994; text-decoration: underline; font-size: 1.16667em; } #nkn-header.nkn-navigation-component #nkn-header-user .account .flyout { right: 50px; } #nkn-header.nkn-navigation-component #nkn-header-user .account .flyout:before { right: 29px; } #nkn-header.nkn-navigation-component #nkn-header-user .account .flyout.no-cart { right: 15px; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .flyout { right: 5px; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .flyout:before { right: 23px; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .flyout .content .title, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .cart .account .flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .cart .flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .cart .account .flyout .content-ca .title, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .cart .flyout .content-ca .title { font-size: 3em; line-height: 1; margin-bottom: 25px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 300; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .flyout .content .instruction, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .cart .account .flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .cart .flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .cart .account .flyout .content-ca .instruction, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .cart .flyout .content-ca .instruction { font-size: 2em; line-height: 1; font-family: 'Open Sans', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 300; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .flyout .content .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .cart .account .flyout .content-ca .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .cart .flyout .content-ca .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .cart .account .flyout .content-ca .subtotal, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .cart .flyout .content-ca .subtotal { margin: 25px auto; } #nkn-header.nkn-navigation-component #nkn-header-user .cart .flyout .content .promotion, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .cart .account .flyout .content-ca .promotion, #nkn-header.nkn-navigation-component #nkn-header-user.unrecognized .account .cart .flyout .content-ca .promotion, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .cart .account .flyout .content-ca .promotion, #nkn-header.nkn-navigation-component #nkn-header-user:not(.unrecognized) .account .cart .flyout .content-ca .promotion { margin: 25px auto; } } #nkn-footer.nkn-navigation-component { position: relative; background: #E6E6E6; min-height: 50px; } #nkn-footer.nkn-navigation-component a .basicLinkTitle { text-decoration: underline; } #nkn-footer.nkn-navigation-component a:hover .basicLinkTitle { text-decoration: none; } #nkn-footer.nkn-navigation-component #nkn-footer-social { margin: 0px; padding: 0px; width: 100%; min-width: initial; position: relative; } #nkn-footer.nkn-navigation-component #nkn-footer-social ul { margin: 0px; padding: 0px; width: 100%; height: 100%; position: relative; display: block; text-align: center; } #nkn-footer.nkn-navigation-component #nkn-footer-social ul li { display: inline-block; line-height: 90px; } #nkn-footer.nkn-navigation-component #nkn-footer-social ul li:not(:last-child) { margin-right: 30px; } @media (min-width: 768px) { #nkn-footer.nkn-navigation-component #nkn-footer-social ul li:not(:last-child) { margin-right: 45px; } } #nkn-footer.nkn-navigation-component #nkn-footer-social ul li a, #nkn-footer.nkn-navigation-component #nkn-footer-social ul li a:link, #nkn-footer.nkn-navigation-component #nkn-footer-social ul li a:active, #nkn-footer.nkn-navigation-component #nkn-footer-social ul li a:visited, #nkn-footer.nkn-navigation-component #nkn-footer-social ul li a:hover { text-decoration: none; } #nkn-footer.nkn-navigation-component #nkn-footer-social ul li a:hover { cursor: pointer; } #nkn-footer.nkn-navigation-component #nkn-footer-social ul li .icon svg { vertical-align: middle; width: 30px; height: 30px; } #nkn-footer.nkn-navigation-component #nkn-footer-hansel-and-gretel { position: relative; width: 100%; min-width: initial; font-size: 0.91667em; line-height: 1; max-width: 1200px; white-space: nowrap; overflow: auto; height: 45px; background: #E6E6E6; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; margin: 0px auto; color: black; } @media (min-width: 1200px) { #nkn-footer.nkn-navigation-component #nkn-footer-hansel-and-gretel { width: calc(100% - 30px); } } #nkn-footer.nkn-navigation-component #nkn-footer-hansel-and-gretel .crumbs { display: inline-block; vertical-align: middle; /* MOBILE AND TABLET ONLY */ /* MEDIUM DESKTOP AND UP */ } #nkn-footer.nkn-navigation-component #nkn-footer-hansel-and-gretel .crumbs.ss-navigateright:before { margin: 0 8px; font-size: 7px; } @media print, screen and (max-width: 991px) { #nkn-footer.nkn-navigation-component #nkn-footer-hansel-and-gretel .crumbs.desktop { display: none; } } @media print, screen and (min-width: 992px) { #nkn-footer.nkn-navigation-component #nkn-footer-hansel-and-gretel .crumbs.mobile { display: none; } } #nkn-footer.nkn-navigation-component #nkn-footer-hansel-and-gretel .inset { display: inline-block; height: 100%; position: sticky; top: 0px; background-repeat: no-repeat; vertical-align: middle; opacity: 0; width: 0px; } #nkn-footer.nkn-navigation-component #nkn-footer-hansel-and-gretel .inset.left { left: 0px; background: linear-gradient(to right, #e6e6e6 0%, rgba(230, 230, 230, 0.9) 50%, rgba(230, 230, 230, 0.5) 80%, rgba(230, 230, 230, 0) 100%); } @media (max-width: 1199px) { #nkn-footer.nkn-navigation-component #nkn-footer-hansel-and-gretel .inset { width: 30px; } } @media (max-width: 767px) { #nkn-footer.nkn-navigation-component #nkn-footer-hansel-and-gretel .inset { opacity: 1; } } #nkn-footer.nkn-navigation-component #nkn-footer-expanded { max-width: 1170px; text-align: center; padding: 30px 0px 50px 0px; /* Live bottom gutter for footer */ margin: 0px auto; /* Phone */ } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column { vertical-align: top; /* Tablet and above */ /* Tablet */ /* Desktop */ } @media (min-width: 768px) { #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column { display: inline-block; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column h3 button { pointer-events: none; } } @media (min-width: 768px) and (max-width: 991px) { #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(4), #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(4) ~ div { width: 190px; } } @media (min-width: 992px) { #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column { /* One and two columns */ /* Three Columns */ /* Four Columns */ } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(1), #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(2), #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(2) ~ div { width: 350px; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(1):not(:last-of-type), #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(2):not(:last-of-type), #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(2) ~ div:not(:last-of-type) { margin-right: 60px; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(3), #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(3) ~ div { width: calc((100% - 120px) / 3); max-width: 350px; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(3):not(:last-of-type), #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(3) ~ div:not(:last-of-type) { margin-right: 60px; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(4), #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(4) ~ div { width: calc((100% - 180px) / 4); min-width: 200px; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(4):not(:last-of-type), #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-column:first-of-type:nth-last-of-type(4) ~ div:not(:last-of-type) { margin-right: 30px; } } #nkn-footer.nkn-navigation-component #nkn-footer-expanded h3 { margin: 0px 0px 20px 0; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded h3 button { border: none; position: relative; background: none; padding: 0px 30px 0px 30px; text-align: left; width: 100%; -webkit-font-smoothing: antialiased; font-weight: 300; margin: 0; line-height: 1.4em; display: block; font-family: 'Open Sans', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; cursor: none; } @media (max-width: 991px) { #nkn-footer.nkn-navigation-component #nkn-footer-expanded *[data-visible-only-on='desktop'] { display: none !important; } } @media (min-width: 992px) { #nkn-footer.nkn-navigation-component #nkn-footer-expanded *[data-visible-only-on='mobile'] { display: none !important; } } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-list { vertical-align: top; padding: 15px 0 0 0; margin: 0 0 30px 0; text-align: left; overflow: hidden; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-list li { display: block; position: relative; margin: 0px; font-family: "Arial"; color: black; padding: 0px 30px; font-size: 1em; line-height: 1.33; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-list li:not(:last-child) { margin-bottom: 20px; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-list li a, #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-list li a:link, #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-list li a:visited { color: black; text-decoration: none; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-list li a:hover { text-decoration: underline; cursor: pointer; } @media (max-width: 767px) { #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-list { display: block; width: 100%; transition: max-height 500ms ease-out; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-list:not(:last-of-type) { margin-bottom: 30px; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded .nkn-footer-expanded-list li:first-child { margin-top: 5px; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded button:after { content: url(/static/ftl/global-nav/navigation/rightArrow.svg); transform-origin: center; transition: transform 200ms ease-in; position: absolute; right: 30px; top: 10px; width: 6px; height: 10px; display: inline-block; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded button:hover { cursor: pointer; } #nkn-footer.nkn-navigation-component #nkn-footer-expanded button[aria-expanded="true"]:after { transform: scaleY(-1) rotate(90deg); } #nkn-footer.nkn-navigation-component #nkn-footer-expanded button[aria-expanded="false"]:after { transform: rotate(90deg); } } #nkn-footer.nkn-navigation-component #nkn-footer-corporate { background: white; padding: 15px 30px; } @media (max-width: 767px) { #nkn-footer.nkn-navigation-component #nkn-footer-corporate { border-bottom: 1px solid #E6E6E6; } #nkn-footer.nkn-navigation-component #nkn-footer-corporate ul { column-count: 3; column-fill: balance; column-gap: 20px; column-rule: unset; } #nkn-footer.nkn-navigation-component #nkn-footer-corporate ul li { display: block; margin-bottom: 10px; } #nkn-footer.nkn-navigation-component #nkn-footer-corporate ul li .basicLinkTitle { text-decoration: underline; } #nkn-footer.nkn-navigation-component #nkn-footer-corporate ul li .basicLinkTitle:hover { text-decoration: none; } } @media (min-width: 768px) { #nkn-footer.nkn-navigation-component #nkn-footer-corporate li:not(:last-child) { margin-right: 20px; } #nkn-footer.nkn-navigation-component #nkn-footer-corporate li .basicLinkTitle { text-decoration: none; } #nkn-footer.nkn-navigation-component #nkn-footer-corporate li .basicLinkTitle:hover { text-decoration: underline; } } @media (max-width: 991px) { #nkn-footer.nkn-navigation-component #nkn-footer-language { background: white; border-bottom: 1px solid #EFEFEF; text-align: center; padding: 15px; } #nkn-footer.nkn-navigation-component #nkn-footer-language a { line-height: 1; } } @media (min-width: 992px) { #nkn-footer.nkn-navigation-component #nkn-footer-language { display: none !important; } } @media (max-width: 767px) { #nkn-footer.nkn-navigation-component #nkn-footer-copyright { display: block; background: white; text-align: center; padding: 15px; } } @media (min-width: 768px) { #nkn-footer.nkn-navigation-component #nkn-footer-copyright { display: inline-block; padding-left: 30px; position: absolute; bottom: 15px; right: 30px; } } @media (min-width: 768px) { #nkn-footer.nkn-navigation-component #nkn-footer-sign-up + #nkn-footer-language + #nkn-footer-copyright { display: block; position: relative; bottom: initial; right: initial; } } @media (min-width: 768px) and (max-width: 991px) { #nkn-footer.nkn-navigation-component #nkn-footer-language + #nkn-footer-copyright { display: block; position: relative; bottom: 0px; right: 0px; padding: 15px; background: white; text-align: center; } } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up { background: black; color: white; position: relative; /* TABLET AND ABOVE */ /* MEDIUM DESKTOP AND ABOVE */ } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up.hidden { display: none; } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up .sign-up-wrap { margin: 0 auto; padding: 45px 15px; } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up .sign-up-title { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 3em; text-align: center; margin: 0; margin-bottom: 30px; } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up .form-group { margin-bottom: 15px; } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up .form-group.has-error label { color: #c10000; } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up .select-wrap { background: white; border-radius: 2px; display: table; position: relative; width: 100%; } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up .select-wrap select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-radius: 2px; border: 1px solid #d8d8d8; padding-right: 30px; position: relative; width: 100%; z-index: 1; font-size: 1em; } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up .select-wrap .ss-dropdown { color: #404040; font-size: 0.83333em; left: 100%; padding: 3px 10px 0 10px; position: absolute; top: 50%; transform: translate(-30px, -50%); z-index: 0; } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up input.form-control { height: 35px; border: 1px solid #d8d8d8; border-radius: 0; } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up input.form-control:not([type=checkbox]):not([type=radio]), #nkn-footer.nkn-navigation-component #nkn-footer-sign-up input.form-control textarea { -webkit-appearance: none; } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up input.form-control:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000, 0 0 4px 8px #fff; outline: 2px transparent solid; } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up label { display: inline-block; font-size: 1.5em; font-weight: normal; margin-bottom: 0; vertical-align: middle; } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up label .required { font-size: 0.55556em; /* relative to label font size of ~ 18px */ color: white; } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up #nkn-footer-sign-up-form { display: block; } @media (min-width: 768px) { #nkn-footer.nkn-navigation-component #nkn-footer-sign-up .sign-up-wrap { padding: 90px 15px; width: 750px; } #nkn-footer.nkn-navigation-component #nkn-footer-sign-up .sign-up-title { font-size: 5em; margin-bottom: 60px; } } @media (min-width: 992px) { #nkn-footer.nkn-navigation-component #nkn-footer-sign-up .sign-up-wrap { width: 970px; } } @font-face { font-family: 'Open Sans'; src: url("/static/fonts/open-sans/OpenSans-Regular.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url("/static/fonts/open-sans/OpenSans-Light.woff") format("woff"); font-weight: 300; font-style: normal; } .nkn-navigation-component { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); line-height: 1.7; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #404040; margin: 0; } .nkn-navigation-component, .nkn-navigation-component * { box-sizing: border-box; } .nkn-navigation-component input, .nkn-navigation-component button, .nkn-navigation-component select, .nkn-navigation-component textarea { font-family: inherit; font-size: inherit; line-height: inherit; } .nkn-navigation-component input[type="checkbox"], .nkn-navigation-component input[type="radio"] { box-sizing: border-box; padding: 0; } .nkn-navigation-component label { display: inline-block; max-width: 100%; } .nkn-navigation-component fieldset:not(.sign-up-fieldset) { padding: 0; margin: 0; border: 0; min-width: 0; } .nkn-navigation-component img { vertical-align: middle; } .nkn-navigation-component a { background-color: transparent; } .nkn-navigation-component .hidden { display: none !important; } .nkn-navigation-component .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .nkn-navigation-component .visible-xs { display: none !important; } .nkn-navigation-component .visible-sm { display: none !important; } .nkn-navigation-component .visible-md { display: none !important; } .nkn-navigation-component .visible-lg { display: none !important; } @media (max-width: 767px) { .nkn-navigation-component .visible-xs { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .nkn-navigation-component .visible-sm { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .nkn-navigation-component .visible-md { display: block !important; } } @media (min-width: 1200px) { .nkn-navigation-component .visible-lg { display: block !important; } } @media (min-width: 1200px) { .nkn-navigation-component .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .nkn-navigation-component .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .nkn-navigation-component .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .nkn-navigation-component .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .nkn-navigation-component .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .nkn-navigation-component .hidden-md { display: none !important; } } @media (min-width: 1200px) { .nkn-navigation-component .hidden-lg { display: none !important; } } @-ms-viewport { width: device-width; } .nkn-tfa-form-container .visible-xs { display: none !important; } .nkn-tfa-form-container .visible-sm { display: none !important; } .nkn-tfa-form-container .visible-md { display: none !important; } .nkn-tfa-form-container .visible-lg { display: none !important; } .nkn-tfa-form-container .visible-xs-block, .nkn-tfa-form-container .visible-xs-inline, .nkn-tfa-form-container .visible-xs-inline-block, .nkn-tfa-form-container .visible-sm-block, .nkn-tfa-form-container .visible-sm-inline, .nkn-tfa-form-container .visible-sm-inline-block, .nkn-tfa-form-container .visible-md-block, .nkn-tfa-form-container .visible-md-inline, .nkn-tfa-form-container .visible-md-inline-block, .nkn-tfa-form-container .visible-lg-block, .nkn-tfa-form-container .visible-lg-inline, .nkn-tfa-form-container .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .nkn-tfa-form-container .visible-xs { display: block !important; } .nkn-tfa-form-container table.visible-xs { display: table !important; } .nkn-tfa-form-container tr.visible-xs { display: table-row !important; } .nkn-tfa-form-container th.visible-xs, .nkn-tfa-form-container td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .nkn-tfa-form-container .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .nkn-tfa-form-container .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .nkn-tfa-form-container .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .nkn-tfa-form-container .visible-sm { display: block !important; } .nkn-tfa-form-container table.visible-sm { display: table !important; } .nkn-tfa-form-container tr.visible-sm { display: table-row !important; } .nkn-tfa-form-container th.visible-sm, .nkn-tfa-form-container td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .nkn-tfa-form-container .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .nkn-tfa-form-container .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .nkn-tfa-form-container .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .nkn-tfa-form-container .visible-md { display: block !important; } .nkn-tfa-form-container table.visible-md { display: table !important; } .nkn-tfa-form-container tr.visible-md { display: table-row !important; } .nkn-tfa-form-container th.visible-md, .nkn-tfa-form-container td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .nkn-tfa-form-container .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .nkn-tfa-form-container .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .nkn-tfa-form-container .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .nkn-tfa-form-container .visible-lg { display: block !important; } .nkn-tfa-form-container table.visible-lg { display: table !important; } .nkn-tfa-form-container tr.visible-lg { display: table-row !important; } .nkn-tfa-form-container th.visible-lg, .nkn-tfa-form-container td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .nkn-tfa-form-container .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .nkn-tfa-form-container .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .nkn-tfa-form-container .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .nkn-tfa-form-container .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .nkn-tfa-form-container .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .nkn-tfa-form-container .hidden-md { display: none !important; } } @media (min-width: 1200px) { .nkn-tfa-form-container .hidden-lg { display: none !important; } } .nkn-tfa-form-container .visible-print { display: none !important; } @media print { .nkn-tfa-form-container .visible-print { display: block !important; } .nkn-tfa-form-container table.visible-print { display: table !important; } .nkn-tfa-form-container tr.visible-print { display: table-row !important; } .nkn-tfa-form-container th.visible-print, .nkn-tfa-form-container td.visible-print { display: table-cell !important; } } .nkn-tfa-form-container .visible-print-block { display: none !important; } @media print { .nkn-tfa-form-container .visible-print-block { display: block !important; } } .nkn-tfa-form-container .visible-print-inline { display: none !important; } @media print { .nkn-tfa-form-container .visible-print-inline { display: inline !important; } } .nkn-tfa-form-container .visible-print-inline-block { display: none !important; } @media print { .nkn-tfa-form-container .visible-print-inline-block { display: inline-block !important; } } @media print { .nkn-tfa-form-container .hidden-print { display: none !important; } } .nkn-tfa-form-container h1, .nkn-tfa-form-container h2, .nkn-tfa-form-container h3, .nkn-tfa-form-container h4, .nkn-tfa-form-container h5, .nkn-tfa-form-container h6, .nkn-tfa-form-container .h1, .nkn-tfa-form-container .h2, .nkn-tfa-form-container .h3, .nkn-tfa-form-container .h4, .nkn-tfa-form-container .h5, .nkn-tfa-form-container .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .nkn-tfa-form-container h1 small, .nkn-tfa-form-container h1 .small, .nkn-tfa-form-container h2 small, .nkn-tfa-form-container h2 .small, .nkn-tfa-form-container h3 small, .nkn-tfa-form-container h3 .small, .nkn-tfa-form-container h4 small, .nkn-tfa-form-container h4 .small, .nkn-tfa-form-container h5 small, .nkn-tfa-form-container h5 .small, .nkn-tfa-form-container h6 small, .nkn-tfa-form-container h6 .small, .nkn-tfa-form-container .h1 small, .nkn-tfa-form-container .h1 .small, .nkn-tfa-form-container .h2 small, .nkn-tfa-form-container .h2 .small, .nkn-tfa-form-container .h3 small, .nkn-tfa-form-container .h3 .small, .nkn-tfa-form-container .h4 small, .nkn-tfa-form-container .h4 .small, .nkn-tfa-form-container .h5 small, .nkn-tfa-form-container .h5 .small, .nkn-tfa-form-container .h6 small, .nkn-tfa-form-container .h6 .small { font-weight: normal; line-height: 1; color: #d8d8d8; } .nkn-tfa-form-container h1, .nkn-tfa-form-container .h1, .nkn-tfa-form-container h2, .nkn-tfa-form-container .h2, .nkn-tfa-form-container h3, .nkn-tfa-form-container .h3 { margin-top: 20px; margin-bottom: 10px; } .nkn-tfa-form-container h1 small, .nkn-tfa-form-container h1 .small, .nkn-tfa-form-container .h1 small, .nkn-tfa-form-container .h1 .small, .nkn-tfa-form-container h2 small, .nkn-tfa-form-container h2 .small, .nkn-tfa-form-container .h2 small, .nkn-tfa-form-container .h2 .small, .nkn-tfa-form-container h3 small, .nkn-tfa-form-container h3 .small, .nkn-tfa-form-container .h3 small, .nkn-tfa-form-container .h3 .small { font-size: 65%; } .nkn-tfa-form-container h4, .nkn-tfa-form-container .h4, .nkn-tfa-form-container h5, .nkn-tfa-form-container .h5, .nkn-tfa-form-container h6, .nkn-tfa-form-container .h6 { margin-top: 10px; margin-bottom: 10px; } .nkn-tfa-form-container h4 small, .nkn-tfa-form-container h4 .small, .nkn-tfa-form-container .h4 small, .nkn-tfa-form-container .h4 .small, .nkn-tfa-form-container h5 small, .nkn-tfa-form-container h5 .small, .nkn-tfa-form-container .h5 small, .nkn-tfa-form-container .h5 .small, .nkn-tfa-form-container h6 small, .nkn-tfa-form-container h6 .small, .nkn-tfa-form-container .h6 small, .nkn-tfa-form-container .h6 .small { font-size: 75%; } .nkn-tfa-form-container h1, .nkn-tfa-form-container .h1 { font-size: 30px; } .nkn-tfa-form-container h2, .nkn-tfa-form-container .h2 { font-size: 18px; } .nkn-tfa-form-container h3, .nkn-tfa-form-container .h3 { font-size: 17px; } .nkn-tfa-form-container h4, .nkn-tfa-form-container .h4 { font-size: 15px; } .nkn-tfa-form-container h5, .nkn-tfa-form-container .h5 { font-size: 13px; } .nkn-tfa-form-container h6, .nkn-tfa-form-container .h6 { font-size: 12px; } .nkn-tfa-form-container p { margin: 0 0 10px; } .nkn-tfa-form-container .lead { margin-bottom: 20px; font-size: 13px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .nkn-tfa-form-container .lead { font-size: 18px; } } .nkn-tfa-form-container small, .nkn-tfa-form-container .small { font-size: 83%; } .nkn-tfa-form-container mark, .nkn-tfa-form-container .mark { background-color: #fcf8e3; padding: .2em; } .nkn-tfa-form-container .text-left { text-align: left; } .nkn-tfa-form-container .text-right { text-align: right; } .nkn-tfa-form-container .text-center { text-align: center; } .nkn-tfa-form-container .text-justify { text-align: justify; } .nkn-tfa-form-container .text-nowrap { white-space: nowrap; } .nkn-tfa-form-container .text-lowercase { text-transform: lowercase; } .nkn-tfa-form-container .text-uppercase, .nkn-tfa-form-container .initialism { text-transform: uppercase; } .nkn-tfa-form-container .text-capitalize { text-transform: capitalize; } .nkn-tfa-form-container .text-muted { color: #d8d8d8; } .nkn-tfa-form-container .text-primary { color: #ffdd00; } .nkn-tfa-form-container a.text-primary:hover, .nkn-tfa-form-container a.text-primary:focus { color: #ccb100; } .nkn-tfa-form-container .text-success { color: #3c763d; } .nkn-tfa-form-container a.text-success:hover, .nkn-tfa-form-container a.text-success:focus { color: #2b542c; } .nkn-tfa-form-container .text-info { color: #31708f; } .nkn-tfa-form-container a.text-info:hover, .nkn-tfa-form-container a.text-info:focus { color: #245269; } .nkn-tfa-form-container .text-warning { color: #8a6d3b; } .nkn-tfa-form-container a.text-warning:hover, .nkn-tfa-form-container a.text-warning:focus { color: #66512c; } .nkn-tfa-form-container .text-danger { color: #a94442; } .nkn-tfa-form-container a.text-danger:hover, .nkn-tfa-form-container a.text-danger:focus { color: #843534; } .nkn-tfa-form-container .bg-primary { color: #fff; } .nkn-tfa-form-container .bg-primary { background-color: #ffdd00; } .nkn-tfa-form-container a.bg-primary:hover, .nkn-tfa-form-container a.bg-primary:focus { background-color: #ccb100; } .nkn-tfa-form-container .bg-success { background-color: #dff0d8; } .nkn-tfa-form-container a.bg-success:hover, .nkn-tfa-form-container a.bg-success:focus { background-color: #c1e2b3; } .nkn-tfa-form-container .bg-info { background-color: #d9edf7; } .nkn-tfa-form-container a.bg-info:hover, .nkn-tfa-form-container a.bg-info:focus { background-color: #afd9ee; } .nkn-tfa-form-container .bg-warning { background-color: #fcf8e3; } .nkn-tfa-form-container a.bg-warning:hover, .nkn-tfa-form-container a.bg-warning:focus { background-color: #f7ecb5; } .nkn-tfa-form-container .bg-danger { background-color: #f2dede; } .nkn-tfa-form-container a.bg-danger:hover, .nkn-tfa-form-container a.bg-danger:focus { background-color: #e4b9b9; } .nkn-tfa-form-container .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #e6e6e6; } .nkn-tfa-form-container ul, .nkn-tfa-form-container ol { margin-top: 0; margin-bottom: 10px; } .nkn-tfa-form-container ul ul, .nkn-tfa-form-container ul ol, .nkn-tfa-form-container ol ul, .nkn-tfa-form-container ol ol { margin-bottom: 0; } .nkn-tfa-form-container .list-unstyled { padding-left: 0; list-style: none; } .nkn-tfa-form-container .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .nkn-tfa-form-container .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .nkn-tfa-form-container dl { margin-top: 0; margin-bottom: 20px; } .nkn-tfa-form-container dt, .nkn-tfa-form-container dd { line-height: 1.7; } .nkn-tfa-form-container dt { font-weight: bold; } .nkn-tfa-form-container dd { margin-left: 0; } .nkn-tfa-form-container .dl-horizontal dd:before, .nkn-tfa-form-container .dl-horizontal dd:after { content: " "; display: table; } .nkn-tfa-form-container .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .nkn-tfa-form-container .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nkn-tfa-form-container .dl-horizontal dd { margin-left: 180px; } } .nkn-tfa-form-container abbr[title], .nkn-tfa-form-container abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #d8d8d8; } .nkn-tfa-form-container .initialism { font-size: 90%; } .nkn-tfa-form-container blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 15px; border-left: 5px solid #e6e6e6; } .nkn-tfa-form-container blockquote p:last-child, .nkn-tfa-form-container blockquote ul:last-child, .nkn-tfa-form-container blockquote ol:last-child { margin-bottom: 0; } .nkn-tfa-form-container blockquote footer, .nkn-tfa-form-container blockquote small, .nkn-tfa-form-container blockquote .small { display: block; font-size: 80%; line-height: 1.7; color: #d8d8d8; } .nkn-tfa-form-container blockquote footer:before, .nkn-tfa-form-container blockquote small:before, .nkn-tfa-form-container blockquote .small:before { content: '\2014 \00A0'; } .nkn-tfa-form-container .blockquote-reverse, .nkn-tfa-form-container blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #e6e6e6; border-left: 0; text-align: right; } .nkn-tfa-form-container .blockquote-reverse footer:before, .nkn-tfa-form-container .blockquote-reverse small:before, .nkn-tfa-form-container .blockquote-reverse .small:before, .nkn-tfa-form-container blockquote.pull-right footer:before, .nkn-tfa-form-container blockquote.pull-right small:before, .nkn-tfa-form-container blockquote.pull-right .small:before { content: ''; } .nkn-tfa-form-container .blockquote-reverse footer:after, .nkn-tfa-form-container .blockquote-reverse small:after, .nkn-tfa-form-container .blockquote-reverse .small:after, .nkn-tfa-form-container blockquote.pull-right footer:after, .nkn-tfa-form-container blockquote.pull-right small:after, .nkn-tfa-form-container blockquote.pull-right .small:after { content: '\00A0 \2014'; } .nkn-tfa-form-container address { margin-bottom: 20px; font-style: normal; line-height: 1.7; } .nkn-tfa-form-container .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .nkn-tfa-form-container .container:before, .nkn-tfa-form-container .container:after { content: " "; display: table; } .nkn-tfa-form-container .container:after { clear: both; } @media (min-width: 768px) { .nkn-tfa-form-container .container { width: 750px; } } @media (min-width: 992px) { .nkn-tfa-form-container .container { width: 970px; } } @media (min-width: 1200px) { .nkn-tfa-form-container .container { width: 1170px; } } .nkn-tfa-form-container .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .nkn-tfa-form-container .container-fluid:before, .nkn-tfa-form-container .container-fluid:after { content: " "; display: table; } .nkn-tfa-form-container .container-fluid:after { clear: both; } .nkn-tfa-form-container .row { margin-left: -15px; margin-right: -15px; } .nkn-tfa-form-container .row:before, .nkn-tfa-form-container .row:after { content: " "; display: table; } .nkn-tfa-form-container .row:after { clear: both; } .nkn-tfa-form-container .col-xs-1, .nkn-tfa-form-container .col-sm-1, .nkn-tfa-form-container .col-md-1, .nkn-tfa-form-container .col-lg-1, .nkn-tfa-form-container .col-xs-2, .nkn-tfa-form-container .col-sm-2, .nkn-tfa-form-container .col-md-2, .nkn-tfa-form-container .col-lg-2, .nkn-tfa-form-container .col-xs-3, .nkn-tfa-form-container .col-sm-3, .nkn-tfa-form-container .col-md-3, .nkn-tfa-form-container .col-lg-3, .nkn-tfa-form-container .col-xs-4, .nkn-tfa-form-container .col-sm-4, .nkn-tfa-form-container .col-md-4, .nkn-tfa-form-container .col-lg-4, .nkn-tfa-form-container .col-xs-5, .nkn-tfa-form-container .col-sm-5, .nkn-tfa-form-container .col-md-5, .nkn-tfa-form-container .col-lg-5, .nkn-tfa-form-container .col-xs-6, .nkn-tfa-form-container .col-sm-6, .nkn-tfa-form-container .col-md-6, .nkn-tfa-form-container .col-lg-6, .nkn-tfa-form-container .col-xs-7, .nkn-tfa-form-container .col-sm-7, .nkn-tfa-form-container .col-md-7, .nkn-tfa-form-container .col-lg-7, .nkn-tfa-form-container .col-xs-8, .nkn-tfa-form-container .col-sm-8, .nkn-tfa-form-container .col-md-8, .nkn-tfa-form-container .col-lg-8, .nkn-tfa-form-container .col-xs-9, .nkn-tfa-form-container .col-sm-9, .nkn-tfa-form-container .col-md-9, .nkn-tfa-form-container .col-lg-9, .nkn-tfa-form-container .col-xs-10, .nkn-tfa-form-container .col-sm-10, .nkn-tfa-form-container .col-md-10, .nkn-tfa-form-container .col-lg-10, .nkn-tfa-form-container .col-xs-11, .nkn-tfa-form-container .col-sm-11, .nkn-tfa-form-container .col-md-11, .nkn-tfa-form-container .col-lg-11, .nkn-tfa-form-container .col-xs-12, .nkn-tfa-form-container .col-sm-12, .nkn-tfa-form-container .col-md-12, .nkn-tfa-form-container .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .nkn-tfa-form-container .col-xs-1, .nkn-tfa-form-container .col-xs-2, .nkn-tfa-form-container .col-xs-3, .nkn-tfa-form-container .col-xs-4, .nkn-tfa-form-container .col-xs-5, .nkn-tfa-form-container .col-xs-6, .nkn-tfa-form-container .col-xs-7, .nkn-tfa-form-container .col-xs-8, .nkn-tfa-form-container .col-xs-9, .nkn-tfa-form-container .col-xs-10, .nkn-tfa-form-container .col-xs-11, .nkn-tfa-form-container .col-xs-12 { float: left; } .nkn-tfa-form-container .col-xs-1 { width: 8.33333%; } .nkn-tfa-form-container .col-xs-2 { width: 16.66667%; } .nkn-tfa-form-container .col-xs-3 { width: 25%; } .nkn-tfa-form-container .col-xs-4 { width: 33.33333%; } .nkn-tfa-form-container .col-xs-5 { width: 41.66667%; } .nkn-tfa-form-container .col-xs-6 { width: 50%; } .nkn-tfa-form-container .col-xs-7 { width: 58.33333%; } .nkn-tfa-form-container .col-xs-8 { width: 66.66667%; } .nkn-tfa-form-container .col-xs-9 { width: 75%; } .nkn-tfa-form-container .col-xs-10 { width: 83.33333%; } .nkn-tfa-form-container .col-xs-11 { width: 91.66667%; } .nkn-tfa-form-container .col-xs-12 { width: 100%; } .nkn-tfa-form-container .col-xs-pull-0 { right: auto; } .nkn-tfa-form-container .col-xs-pull-1 { right: 8.33333%; } .nkn-tfa-form-container .col-xs-pull-2 { right: 16.66667%; } .nkn-tfa-form-container .col-xs-pull-3 { right: 25%; } .nkn-tfa-form-container .col-xs-pull-4 { right: 33.33333%; } .nkn-tfa-form-container .col-xs-pull-5 { right: 41.66667%; } .nkn-tfa-form-container .col-xs-pull-6 { right: 50%; } .nkn-tfa-form-container .col-xs-pull-7 { right: 58.33333%; } .nkn-tfa-form-container .col-xs-pull-8 { right: 66.66667%; } .nkn-tfa-form-container .col-xs-pull-9 { right: 75%; } .nkn-tfa-form-container .col-xs-pull-10 { right: 83.33333%; } .nkn-tfa-form-container .col-xs-pull-11 { right: 91.66667%; } .nkn-tfa-form-container .col-xs-pull-12 { right: 100%; } .nkn-tfa-form-container .col-xs-push-0 { left: auto; } .nkn-tfa-form-container .col-xs-push-1 { left: 8.33333%; } .nkn-tfa-form-container .col-xs-push-2 { left: 16.66667%; } .nkn-tfa-form-container .col-xs-push-3 { left: 25%; } .nkn-tfa-form-container .col-xs-push-4 { left: 33.33333%; } .nkn-tfa-form-container .col-xs-push-5 { left: 41.66667%; } .nkn-tfa-form-container .col-xs-push-6 { left: 50%; } .nkn-tfa-form-container .col-xs-push-7 { left: 58.33333%; } .nkn-tfa-form-container .col-xs-push-8 { left: 66.66667%; } .nkn-tfa-form-container .col-xs-push-9 { left: 75%; } .nkn-tfa-form-container .col-xs-push-10 { left: 83.33333%; } .nkn-tfa-form-container .col-xs-push-11 { left: 91.66667%; } .nkn-tfa-form-container .col-xs-push-12 { left: 100%; } .nkn-tfa-form-container .col-xs-offset-0 { margin-left: 0%; } .nkn-tfa-form-container .col-xs-offset-1 { margin-left: 8.33333%; } .nkn-tfa-form-container .col-xs-offset-2 { margin-left: 16.66667%; } .nkn-tfa-form-container .col-xs-offset-3 { margin-left: 25%; } .nkn-tfa-form-container .col-xs-offset-4 { margin-left: 33.33333%; } .nkn-tfa-form-container .col-xs-offset-5 { margin-left: 41.66667%; } .nkn-tfa-form-container .col-xs-offset-6 { margin-left: 50%; } .nkn-tfa-form-container .col-xs-offset-7 { margin-left: 58.33333%; } .nkn-tfa-form-container .col-xs-offset-8 { margin-left: 66.66667%; } .nkn-tfa-form-container .col-xs-offset-9 { margin-left: 75%; } .nkn-tfa-form-container .col-xs-offset-10 { margin-left: 83.33333%; } .nkn-tfa-form-container .col-xs-offset-11 { margin-left: 91.66667%; } .nkn-tfa-form-container .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .nkn-tfa-form-container .col-sm-1, .nkn-tfa-form-container .col-sm-2, .nkn-tfa-form-container .col-sm-3, .nkn-tfa-form-container .col-sm-4, .nkn-tfa-form-container .col-sm-5, .nkn-tfa-form-container .col-sm-6, .nkn-tfa-form-container .col-sm-7, .nkn-tfa-form-container .col-sm-8, .nkn-tfa-form-container .col-sm-9, .nkn-tfa-form-container .col-sm-10, .nkn-tfa-form-container .col-sm-11, .nkn-tfa-form-container .col-sm-12 { float: left; } .nkn-tfa-form-container .col-sm-1 { width: 8.33333%; } .nkn-tfa-form-container .col-sm-2 { width: 16.66667%; } .nkn-tfa-form-container .col-sm-3 { width: 25%; } .nkn-tfa-form-container .col-sm-4 { width: 33.33333%; } .nkn-tfa-form-container .col-sm-5 { width: 41.66667%; } .nkn-tfa-form-container .col-sm-6 { width: 50%; } .nkn-tfa-form-container .col-sm-7 { width: 58.33333%; } .nkn-tfa-form-container .col-sm-8 { width: 66.66667%; } .nkn-tfa-form-container .col-sm-9 { width: 75%; } .nkn-tfa-form-container .col-sm-10 { width: 83.33333%; } .nkn-tfa-form-container .col-sm-11 { width: 91.66667%; } .nkn-tfa-form-container .col-sm-12 { width: 100%; } .nkn-tfa-form-container .col-sm-pull-0 { right: auto; } .nkn-tfa-form-container .col-sm-pull-1 { right: 8.33333%; } .nkn-tfa-form-container .col-sm-pull-2 { right: 16.66667%; } .nkn-tfa-form-container .col-sm-pull-3 { right: 25%; } .nkn-tfa-form-container .col-sm-pull-4 { right: 33.33333%; } .nkn-tfa-form-container .col-sm-pull-5 { right: 41.66667%; } .nkn-tfa-form-container .col-sm-pull-6 { right: 50%; } .nkn-tfa-form-container .col-sm-pull-7 { right: 58.33333%; } .nkn-tfa-form-container .col-sm-pull-8 { right: 66.66667%; } .nkn-tfa-form-container .col-sm-pull-9 { right: 75%; } .nkn-tfa-form-container .col-sm-pull-10 { right: 83.33333%; } .nkn-tfa-form-container .col-sm-pull-11 { right: 91.66667%; } .nkn-tfa-form-container .col-sm-pull-12 { right: 100%; } .nkn-tfa-form-container .col-sm-push-0 { left: auto; } .nkn-tfa-form-container .col-sm-push-1 { left: 8.33333%; } .nkn-tfa-form-container .col-sm-push-2 { left: 16.66667%; } .nkn-tfa-form-container .col-sm-push-3 { left: 25%; } .nkn-tfa-form-container .col-sm-push-4 { left: 33.33333%; } .nkn-tfa-form-container .col-sm-push-5 { left: 41.66667%; } .nkn-tfa-form-container .col-sm-push-6 { left: 50%; } .nkn-tfa-form-container .col-sm-push-7 { left: 58.33333%; } .nkn-tfa-form-container .col-sm-push-8 { left: 66.66667%; } .nkn-tfa-form-container .col-sm-push-9 { left: 75%; } .nkn-tfa-form-container .col-sm-push-10 { left: 83.33333%; } .nkn-tfa-form-container .col-sm-push-11 { left: 91.66667%; } .nkn-tfa-form-container .col-sm-push-12 { left: 100%; } .nkn-tfa-form-container .col-sm-offset-0 { margin-left: 0%; } .nkn-tfa-form-container .col-sm-offset-1 { margin-left: 8.33333%; } .nkn-tfa-form-container .col-sm-offset-2 { margin-left: 16.66667%; } .nkn-tfa-form-container .col-sm-offset-3 { margin-left: 25%; } .nkn-tfa-form-container .col-sm-offset-4 { margin-left: 33.33333%; } .nkn-tfa-form-container .col-sm-offset-5 { margin-left: 41.66667%; } .nkn-tfa-form-container .col-sm-offset-6 { margin-left: 50%; } .nkn-tfa-form-container .col-sm-offset-7 { margin-left: 58.33333%; } .nkn-tfa-form-container .col-sm-offset-8 { margin-left: 66.66667%; } .nkn-tfa-form-container .col-sm-offset-9 { margin-left: 75%; } .nkn-tfa-form-container .col-sm-offset-10 { margin-left: 83.33333%; } .nkn-tfa-form-container .col-sm-offset-11 { margin-left: 91.66667%; } .nkn-tfa-form-container .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .nkn-tfa-form-container .col-md-1, .nkn-tfa-form-container .col-md-2, .nkn-tfa-form-container .col-md-3, .nkn-tfa-form-container .col-md-4, .nkn-tfa-form-container .col-md-5, .nkn-tfa-form-container .col-md-6, .nkn-tfa-form-container .col-md-7, .nkn-tfa-form-container .col-md-8, .nkn-tfa-form-container .col-md-9, .nkn-tfa-form-container .col-md-10, .nkn-tfa-form-container .col-md-11, .nkn-tfa-form-container .col-md-12 { float: left; } .nkn-tfa-form-container .col-md-1 { width: 8.33333%; } .nkn-tfa-form-container .col-md-2 { width: 16.66667%; } .nkn-tfa-form-container .col-md-3 { width: 25%; } .nkn-tfa-form-container .col-md-4 { width: 33.33333%; } .nkn-tfa-form-container .col-md-5 { width: 41.66667%; } .nkn-tfa-form-container .col-md-6 { width: 50%; } .nkn-tfa-form-container .col-md-7 { width: 58.33333%; } .nkn-tfa-form-container .col-md-8 { width: 66.66667%; } .nkn-tfa-form-container .col-md-9 { width: 75%; } .nkn-tfa-form-container .col-md-10 { width: 83.33333%; } .nkn-tfa-form-container .col-md-11 { width: 91.66667%; } .nkn-tfa-form-container .col-md-12 { width: 100%; } .nkn-tfa-form-container .col-md-pull-0 { right: auto; } .nkn-tfa-form-container .col-md-pull-1 { right: 8.33333%; } .nkn-tfa-form-container .col-md-pull-2 { right: 16.66667%; } .nkn-tfa-form-container .col-md-pull-3 { right: 25%; } .nkn-tfa-form-container .col-md-pull-4 { right: 33.33333%; } .nkn-tfa-form-container .col-md-pull-5 { right: 41.66667%; } .nkn-tfa-form-container .col-md-pull-6 { right: 50%; } .nkn-tfa-form-container .col-md-pull-7 { right: 58.33333%; } .nkn-tfa-form-container .col-md-pull-8 { right: 66.66667%; } .nkn-tfa-form-container .col-md-pull-9 { right: 75%; } .nkn-tfa-form-container .col-md-pull-10 { right: 83.33333%; } .nkn-tfa-form-container .col-md-pull-11 { right: 91.66667%; } .nkn-tfa-form-container .col-md-pull-12 { right: 100%; } .nkn-tfa-form-container .col-md-push-0 { left: auto; } .nkn-tfa-form-container .col-md-push-1 { left: 8.33333%; } .nkn-tfa-form-container .col-md-push-2 { left: 16.66667%; } .nkn-tfa-form-container .col-md-push-3 { left: 25%; } .nkn-tfa-form-container .col-md-push-4 { left: 33.33333%; } .nkn-tfa-form-container .col-md-push-5 { left: 41.66667%; } .nkn-tfa-form-container .col-md-push-6 { left: 50%; } .nkn-tfa-form-container .col-md-push-7 { left: 58.33333%; } .nkn-tfa-form-container .col-md-push-8 { left: 66.66667%; } .nkn-tfa-form-container .col-md-push-9 { left: 75%; } .nkn-tfa-form-container .col-md-push-10 { left: 83.33333%; } .nkn-tfa-form-container .col-md-push-11 { left: 91.66667%; } .nkn-tfa-form-container .col-md-push-12 { left: 100%; } .nkn-tfa-form-container .col-md-offset-0 { margin-left: 0%; } .nkn-tfa-form-container .col-md-offset-1 { margin-left: 8.33333%; } .nkn-tfa-form-container .col-md-offset-2 { margin-left: 16.66667%; } .nkn-tfa-form-container .col-md-offset-3 { margin-left: 25%; } .nkn-tfa-form-container .col-md-offset-4 { margin-left: 33.33333%; } .nkn-tfa-form-container .col-md-offset-5 { margin-left: 41.66667%; } .nkn-tfa-form-container .col-md-offset-6 { margin-left: 50%; } .nkn-tfa-form-container .col-md-offset-7 { margin-left: 58.33333%; } .nkn-tfa-form-container .col-md-offset-8 { margin-left: 66.66667%; } .nkn-tfa-form-container .col-md-offset-9 { margin-left: 75%; } .nkn-tfa-form-container .col-md-offset-10 { margin-left: 83.33333%; } .nkn-tfa-form-container .col-md-offset-11 { margin-left: 91.66667%; } .nkn-tfa-form-container .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .nkn-tfa-form-container .col-lg-1, .nkn-tfa-form-container .col-lg-2, .nkn-tfa-form-container .col-lg-3, .nkn-tfa-form-container .col-lg-4, .nkn-tfa-form-container .col-lg-5, .nkn-tfa-form-container .col-lg-6, .nkn-tfa-form-container .col-lg-7, .nkn-tfa-form-container .col-lg-8, .nkn-tfa-form-container .col-lg-9, .nkn-tfa-form-container .col-lg-10, .nkn-tfa-form-container .col-lg-11, .nkn-tfa-form-container .col-lg-12 { float: left; } .nkn-tfa-form-container .col-lg-1 { width: 8.33333%; } .nkn-tfa-form-container .col-lg-2 { width: 16.66667%; } .nkn-tfa-form-container .col-lg-3 { width: 25%; } .nkn-tfa-form-container .col-lg-4 { width: 33.33333%; } .nkn-tfa-form-container .col-lg-5 { width: 41.66667%; } .nkn-tfa-form-container .col-lg-6 { width: 50%; } .nkn-tfa-form-container .col-lg-7 { width: 58.33333%; } .nkn-tfa-form-container .col-lg-8 { width: 66.66667%; } .nkn-tfa-form-container .col-lg-9 { width: 75%; } .nkn-tfa-form-container .col-lg-10 { width: 83.33333%; } .nkn-tfa-form-container .col-lg-11 { width: 91.66667%; } .nkn-tfa-form-container .col-lg-12 { width: 100%; } .nkn-tfa-form-container .col-lg-pull-0 { right: auto; } .nkn-tfa-form-container .col-lg-pull-1 { right: 8.33333%; } .nkn-tfa-form-container .col-lg-pull-2 { right: 16.66667%; } .nkn-tfa-form-container .col-lg-pull-3 { right: 25%; } .nkn-tfa-form-container .col-lg-pull-4 { right: 33.33333%; } .nkn-tfa-form-container .col-lg-pull-5 { right: 41.66667%; } .nkn-tfa-form-container .col-lg-pull-6 { right: 50%; } .nkn-tfa-form-container .col-lg-pull-7 { right: 58.33333%; } .nkn-tfa-form-container .col-lg-pull-8 { right: 66.66667%; } .nkn-tfa-form-container .col-lg-pull-9 { right: 75%; } .nkn-tfa-form-container .col-lg-pull-10 { right: 83.33333%; } .nkn-tfa-form-container .col-lg-pull-11 { right: 91.66667%; } .nkn-tfa-form-container .col-lg-pull-12 { right: 100%; } .nkn-tfa-form-container .col-lg-push-0 { left: auto; } .nkn-tfa-form-container .col-lg-push-1 { left: 8.33333%; } .nkn-tfa-form-container .col-lg-push-2 { left: 16.66667%; } .nkn-tfa-form-container .col-lg-push-3 { left: 25%; } .nkn-tfa-form-container .col-lg-push-4 { left: 33.33333%; } .nkn-tfa-form-container .col-lg-push-5 { left: 41.66667%; } .nkn-tfa-form-container .col-lg-push-6 { left: 50%; } .nkn-tfa-form-container .col-lg-push-7 { left: 58.33333%; } .nkn-tfa-form-container .col-lg-push-8 { left: 66.66667%; } .nkn-tfa-form-container .col-lg-push-9 { left: 75%; } .nkn-tfa-form-container .col-lg-push-10 { left: 83.33333%; } .nkn-tfa-form-container .col-lg-push-11 { left: 91.66667%; } .nkn-tfa-form-container .col-lg-push-12 { left: 100%; } .nkn-tfa-form-container .col-lg-offset-0 { margin-left: 0%; } .nkn-tfa-form-container .col-lg-offset-1 { margin-left: 8.33333%; } .nkn-tfa-form-container .col-lg-offset-2 { margin-left: 16.66667%; } .nkn-tfa-form-container .col-lg-offset-3 { margin-left: 25%; } .nkn-tfa-form-container .col-lg-offset-4 { margin-left: 33.33333%; } .nkn-tfa-form-container .col-lg-offset-5 { margin-left: 41.66667%; } .nkn-tfa-form-container .col-lg-offset-6 { margin-left: 50%; } .nkn-tfa-form-container .col-lg-offset-7 { margin-left: 58.33333%; } .nkn-tfa-form-container .col-lg-offset-8 { margin-left: 66.66667%; } .nkn-tfa-form-container .col-lg-offset-9 { margin-left: 75%; } .nkn-tfa-form-container .col-lg-offset-10 { margin-left: 83.33333%; } .nkn-tfa-form-container .col-lg-offset-11 { margin-left: 91.66667%; } .nkn-tfa-form-container .col-lg-offset-12 { margin-left: 100%; } } .nkn-tfa-form-container .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .nkn-tfa-form-container .dropup, .nkn-tfa-form-container .dropdown { position: relative; } .nkn-tfa-form-container .dropdown-toggle:focus { outline: 0; } .nkn-tfa-form-container .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 12px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .nkn-tfa-form-container .dropdown-menu.pull-right { right: 0; left: auto; } .nkn-tfa-form-container .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nkn-tfa-form-container .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.7; color: #404040; white-space: nowrap; } .nkn-tfa-form-container .dropdown-menu > li > a:hover, .nkn-tfa-form-container .dropdown-menu > li > a:focus { text-decoration: none; color: #333333; background-color: #f5f5f5; } .nkn-tfa-form-container .dropdown-menu > .active > a, .nkn-tfa-form-container .dropdown-menu > .active > a:hover, .nkn-tfa-form-container .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #ffdd00; } .nkn-tfa-form-container .dropdown-menu > .disabled > a, .nkn-tfa-form-container .dropdown-menu > .disabled > a:hover, .nkn-tfa-form-container .dropdown-menu > .disabled > a:focus { color: #d8d8d8; } .nkn-tfa-form-container .dropdown-menu > .disabled > a:hover, .nkn-tfa-form-container .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .nkn-tfa-form-container .open > .dropdown-menu { display: block; } .nkn-tfa-form-container .open > a { outline: 0; } .nkn-tfa-form-container .dropdown-menu-right { left: auto; right: 0; } .nkn-tfa-form-container .dropdown-menu-left { left: 0; right: auto; } .nkn-tfa-form-container .dropdown-header { display: block; padding: 3px 20px; font-size: 10px; line-height: 1.7; color: #d8d8d8; white-space: nowrap; } .nkn-tfa-form-container .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .nkn-tfa-form-container .pull-right > .dropdown-menu { right: 0; left: auto; } .nkn-tfa-form-container .dropup .caret, .nkn-tfa-form-container .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .nkn-tfa-form-container .dropup .dropdown-menu, .nkn-tfa-form-container .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .nkn-tfa-form-container .navbar-right .dropdown-menu { right: 0; left: auto; } .nkn-tfa-form-container .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .nkn-tfa-form-container fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } .nkn-tfa-form-container legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 18px; line-height: inherit; color: #404040; border: 0; border-bottom: 1px solid #e5e5e5; } .nkn-tfa-form-container label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } .nkn-tfa-form-container input[type="search"] { box-sizing: border-box; } .nkn-tfa-form-container input[type="radio"], .nkn-tfa-form-container input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } .nkn-tfa-form-container input[type="file"] { display: block; } .nkn-tfa-form-container input[type="range"] { display: block; width: 100%; } .nkn-tfa-form-container select[multiple], .nkn-tfa-form-container select[size] { height: auto; } .nkn-tfa-form-container input[type="file"]:focus, .nkn-tfa-form-container input[type="radio"]:focus, .nkn-tfa-form-container input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .nkn-tfa-form-container output { display: block; padding-top: 7px; font-size: 12px; line-height: 1.7; color: #666666; } .nkn-tfa-form-container .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 12px; line-height: 1.7; color: #666666; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .nkn-tfa-form-container .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .nkn-tfa-form-container .form-control::-moz-placeholder { color: #999; opacity: 1; } .nkn-tfa-form-container .form-control:-ms-input-placeholder { color: #999; } .nkn-tfa-form-container .form-control::-webkit-input-placeholder { color: #999; } .nkn-tfa-form-container .form-control::-ms-expand { border: 0; background-color: transparent; } .nkn-tfa-form-container .form-control[disabled], .nkn-tfa-form-container .form-control[readonly], fieldset[disabled] .nkn-tfa-form-container .form-control { background-color: #e6e6e6; opacity: 1; } .nkn-tfa-form-container .form-control[disabled], fieldset[disabled] .nkn-tfa-form-container .form-control { cursor: not-allowed; } .nkn-tfa-form-container textarea.form-control { height: auto; } .nkn-tfa-form-container input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .nkn-tfa-form-container input[type="date"].form-control, .nkn-tfa-form-container input[type="time"].form-control, .nkn-tfa-form-container input[type="datetime-local"].form-control, .nkn-tfa-form-container input[type="month"].form-control { line-height: 34px; } .nkn-tfa-form-container input[type="date"].input-sm, .input-group-sm .nkn-tfa-form-container input[type="date"], .nkn-tfa-form-container input[type="time"].input-sm, .input-group-sm .nkn-tfa-form-container input[type="time"], .nkn-tfa-form-container input[type="datetime-local"].input-sm, .input-group-sm .nkn-tfa-form-container input[type="datetime-local"], .nkn-tfa-form-container input[type="month"].input-sm, .input-group-sm .nkn-tfa-form-container input[type="month"] { line-height: 27px; } .nkn-tfa-form-container input[type="date"].input-lg, .input-group-lg .nkn-tfa-form-container input[type="date"], .nkn-tfa-form-container input[type="time"].input-lg, .input-group-lg .nkn-tfa-form-container input[type="time"], .nkn-tfa-form-container input[type="datetime-local"].input-lg, .input-group-lg .nkn-tfa-form-container input[type="datetime-local"], .nkn-tfa-form-container input[type="month"].input-lg, .input-group-lg .nkn-tfa-form-container input[type="month"] { line-height: 70px; } } .nkn-tfa-form-container .form-group { margin-bottom: 15px; } .nkn-tfa-form-container .radio, .nkn-tfa-form-container .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .nkn-tfa-form-container .radio label, .nkn-tfa-form-container .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .nkn-tfa-form-container .radio input[type="radio"], .nkn-tfa-form-container .radio-inline input[type="radio"], .nkn-tfa-form-container .checkbox input[type="checkbox"], .nkn-tfa-form-container .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .nkn-tfa-form-container .radio + .radio, .nkn-tfa-form-container .checkbox + .checkbox { margin-top: -5px; } .nkn-tfa-form-container .radio-inline, .nkn-tfa-form-container .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .nkn-tfa-form-container .radio-inline + .radio-inline, .nkn-tfa-form-container .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } .nkn-tfa-form-container input[type="radio"][disabled], .nkn-tfa-form-container input[type="radio"].disabled, fieldset[disabled] .nkn-tfa-form-container input[type="radio"], .nkn-tfa-form-container input[type="checkbox"][disabled], .nkn-tfa-form-container input[type="checkbox"].disabled, fieldset[disabled] .nkn-tfa-form-container input[type="checkbox"] { cursor: not-allowed; } .nkn-tfa-form-container .radio-inline.disabled, fieldset[disabled] .nkn-tfa-form-container .radio-inline, .nkn-tfa-form-container .checkbox-inline.disabled, fieldset[disabled] .nkn-tfa-form-container .checkbox-inline { cursor: not-allowed; } .nkn-tfa-form-container .radio.disabled label, fieldset[disabled] .nkn-tfa-form-container .radio label, .nkn-tfa-form-container .checkbox.disabled label, fieldset[disabled] .nkn-tfa-form-container .checkbox label { cursor: not-allowed; } .nkn-tfa-form-container .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 32px; } .nkn-tfa-form-container .form-control-static.input-lg, .nkn-tfa-form-container .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .nkn-tfa-form-container .input-sm { height: 27px; padding: 5px 10px; font-size: 10px; line-height: 1.5; border-radius: 3px; } .nkn-tfa-form-container select.input-sm { height: 27px; line-height: 27px; } .nkn-tfa-form-container textarea.input-sm, .nkn-tfa-form-container select[multiple].input-sm { height: auto; } .nkn-tfa-form-container .form-group-sm .form-control { height: 27px; padding: 5px 10px; font-size: 10px; line-height: 1.5; border-radius: 3px; } .nkn-tfa-form-container .form-group-sm select.form-control { height: 27px; line-height: 27px; } .nkn-tfa-form-container .form-group-sm textarea.form-control, .nkn-tfa-form-container .form-group-sm select[multiple].form-control { height: auto; } .nkn-tfa-form-container .form-group-sm .form-control-static { height: 27px; min-height: 30px; padding: 6px 10px; font-size: 10px; line-height: 1.5; } .nkn-tfa-form-container .input-lg { height: 70px; padding: 10px 16px; font-size: 36px; line-height: 1.33333; border-radius: 6px; } .nkn-tfa-form-container select.input-lg { height: 70px; line-height: 70px; } .nkn-tfa-form-container textarea.input-lg, .nkn-tfa-form-container select[multiple].input-lg { height: auto; } .nkn-tfa-form-container .form-group-lg .form-control { height: 70px; padding: 10px 16px; font-size: 36px; line-height: 1.33333; border-radius: 6px; } .nkn-tfa-form-container .form-group-lg select.form-control { height: 70px; line-height: 70px; } .nkn-tfa-form-container .form-group-lg textarea.form-control, .nkn-tfa-form-container .form-group-lg select[multiple].form-control { height: auto; } .nkn-tfa-form-container .form-group-lg .form-control-static { height: 70px; min-height: 56px; padding: 11px 16px; font-size: 36px; line-height: 1.33333; } .nkn-tfa-form-container .has-feedback { position: relative; } .nkn-tfa-form-container .has-feedback .form-control { padding-right: 42.5px; } .nkn-tfa-form-container .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .nkn-tfa-form-container .input-lg + .form-control-feedback, .nkn-tfa-form-container .input-group-lg + .form-control-feedback, .nkn-tfa-form-container .form-group-lg .form-control + .form-control-feedback { width: 70px; height: 70px; line-height: 70px; } .nkn-tfa-form-container .input-sm + .form-control-feedback, .nkn-tfa-form-container .input-group-sm + .form-control-feedback, .nkn-tfa-form-container .form-group-sm .form-control + .form-control-feedback { width: 27px; height: 27px; line-height: 27px; } .nkn-tfa-form-container .has-success .help-block, .nkn-tfa-form-container .has-success .control-label, .nkn-tfa-form-container .has-success .radio, .nkn-tfa-form-container .has-success .checkbox, .nkn-tfa-form-container .has-success .radio-inline, .nkn-tfa-form-container .has-success .checkbox-inline, .nkn-tfa-form-container .has-success.radio label, .nkn-tfa-form-container .has-success.checkbox label, .nkn-tfa-form-container .has-success.radio-inline label, .nkn-tfa-form-container .has-success.checkbox-inline label { color: #3c763d; } .nkn-tfa-form-container .has-success .form-control { border-color: #3c763d; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .nkn-tfa-form-container .has-success .form-control:focus { border-color: #2b542c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .nkn-tfa-form-container .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .nkn-tfa-form-container .has-success .form-control-feedback { color: #3c763d; } .nkn-tfa-form-container .has-warning .help-block, .nkn-tfa-form-container .has-warning .control-label, .nkn-tfa-form-container .has-warning .radio, .nkn-tfa-form-container .has-warning .checkbox, .nkn-tfa-form-container .has-warning .radio-inline, .nkn-tfa-form-container .has-warning .checkbox-inline, .nkn-tfa-form-container .has-warning.radio label, .nkn-tfa-form-container .has-warning.checkbox label, .nkn-tfa-form-container .has-warning.radio-inline label, .nkn-tfa-form-container .has-warning.checkbox-inline label { color: #8a6d3b; } .nkn-tfa-form-container .has-warning .form-control { border-color: #8a6d3b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .nkn-tfa-form-container .has-warning .form-control:focus { border-color: #66512c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .nkn-tfa-form-container .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .nkn-tfa-form-container .has-warning .form-control-feedback { color: #8a6d3b; } .nkn-tfa-form-container .has-error .help-block, .nkn-tfa-form-container .has-error .control-label, .nkn-tfa-form-container .has-error .radio, .nkn-tfa-form-container .has-error .checkbox, .nkn-tfa-form-container .has-error .radio-inline, .nkn-tfa-form-container .has-error .checkbox-inline, .nkn-tfa-form-container .has-error.radio label, .nkn-tfa-form-container .has-error.checkbox label, .nkn-tfa-form-container .has-error.radio-inline label, .nkn-tfa-form-container .has-error.checkbox-inline label { color: #a94442; } .nkn-tfa-form-container .has-error .form-control { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .nkn-tfa-form-container .has-error .form-control:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .nkn-tfa-form-container .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .nkn-tfa-form-container .has-error .form-control-feedback { color: #a94442; } .nkn-tfa-form-container .has-feedback label ~ .form-control-feedback { top: 25px; } .nkn-tfa-form-container .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .nkn-tfa-form-container .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: gray; } @media (min-width: 768px) { .nkn-tfa-form-container .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .nkn-tfa-form-container .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .nkn-tfa-form-container .form-inline .form-control-static { display: inline-block; } .nkn-tfa-form-container .form-inline .input-group { display: inline-table; vertical-align: middle; } .nkn-tfa-form-container .form-inline .input-group .input-group-addon, .nkn-tfa-form-container .form-inline .input-group .input-group-btn, .nkn-tfa-form-container .form-inline .input-group .form-control { width: auto; } .nkn-tfa-form-container .form-inline .input-group > .form-control { width: 100%; } .nkn-tfa-form-container .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .nkn-tfa-form-container .form-inline .radio, .nkn-tfa-form-container .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .nkn-tfa-form-container .form-inline .radio label, .nkn-tfa-form-container .form-inline .checkbox label { padding-left: 0; } .nkn-tfa-form-container .form-inline .radio input[type="radio"], .nkn-tfa-form-container .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .nkn-tfa-form-container .form-inline .has-feedback .form-control-feedback { top: 0; } } .nkn-tfa-form-container .form-horizontal .radio, .nkn-tfa-form-container .form-horizontal .checkbox, .nkn-tfa-form-container .form-horizontal .radio-inline, .nkn-tfa-form-container .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .nkn-tfa-form-container .form-horizontal .radio, .nkn-tfa-form-container .form-horizontal .checkbox { min-height: 27px; } .nkn-tfa-form-container .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .nkn-tfa-form-container .form-horizontal .form-group:before, .nkn-tfa-form-container .form-horizontal .form-group:after { content: " "; display: table; } .nkn-tfa-form-container .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .nkn-tfa-form-container .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .nkn-tfa-form-container .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .nkn-tfa-form-container .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 36px; } } @media (min-width: 768px) { .nkn-tfa-form-container .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 10px; } } .nkn-tfa-form-container .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 2px; } .nkn-tfa-form-container .alert h4 { margin-top: 0; color: inherit; } .nkn-tfa-form-container .alert .alert-link { font-weight: bold; } .nkn-tfa-form-container .alert > p, .nkn-tfa-form-container .alert > ul { margin-bottom: 0; } .nkn-tfa-form-container .alert > p + p { margin-top: 5px; } .nkn-tfa-form-container .alert-dismissable, .nkn-tfa-form-container .alert-dismissible { padding-right: 35px; } .nkn-tfa-form-container .alert-dismissable .close, .nkn-tfa-form-container .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .nkn-tfa-form-container .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .nkn-tfa-form-container .alert-success hr { border-top-color: #c9e2b3; } .nkn-tfa-form-container .alert-success .alert-link { color: #2b542c; } .nkn-tfa-form-container .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .nkn-tfa-form-container .alert-info hr { border-top-color: #a6e1ec; } .nkn-tfa-form-container .alert-info .alert-link { color: #245269; } .nkn-tfa-form-container .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .nkn-tfa-form-container .alert-warning hr { border-top-color: #f7e1b5; } .nkn-tfa-form-container .alert-warning .alert-link { color: #66512c; } .nkn-tfa-form-container .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .nkn-tfa-form-container .alert-danger hr { border-top-color: #e4b9c0; } .nkn-tfa-form-container .alert-danger .alert-link { color: #843534; } .nkn-navigation-component { width: 100%; min-width: initial; margin: 0px auto; } .nkn-navigation-component ul { margin: 0px; padding: 0px; } .nkn-navigation-component ul li { list-style-type: none; display: inline-block; } .nkn-navigation-component a { text-decoration: none; } .nkn-navigation-component a:link, .nkn-navigation-component a:active, .nkn-navigation-component a:visited, .nkn-navigation-component a:hover { color: black; } .nkn-navigation-component .regionalText { display: inline-block; position: relative; } .nkn-navigation-component .regionalText.currentPage { font-weight: bold; } .nkn-navigation-component .regionalText.currentPage:not(:last-child):after { content: "\a0\a0|\a0\a0"; color: #666; } .nkn-navigation-component .regionalText:not(:last-of-type):after { content: "\a0\a0|\a0\a0"; color: #666; } .nkn-navigation-component .regionalText .region, .nkn-navigation-component .regionalText .country { font-size: 1em; line-height: 1; } .nkn-navigation-component .regionalText .language, .nkn-navigation-component .regionalText .globalTerm { display: inline-block; font-size: 0.91667em; line-height: 1; font-family: Arial; } .skip-link { color: #404040; position: absolute; display: inline-block; left: -10000px; width: 1px; height: 1px; overflow: hidden; } .skip-link:focus, .skip-link:active { color: #404040; position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; } /* PRINT STYLES FOR GLOBAL NAV AND FOOTER */ @media print { #nkn-header-regionalSearch #global-search, #nkn-footer.nkn-navigation-component { display: none !important; } #nkn-header-masthead { padding-left: 0 !important; padding-right: 0 !important; } #nkn-header-masthead h1 { display: block !important; color: black !important; margin-bottom: 20px !important; } #nkn-header-masthead a.regionalText { margin-left: 10px !important; } #nkn-header-navigation { padding: 20px 0 !important; border-bottom: 1px solid #e6e6e6; margin: 0 !important; } #nkn-header-navigation .menuContainer { display: inline-block !important; margin-left: 0px !important; margin-right: 30px !important; margin-botom: 20px !important; } }