/* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ /* Artifakt font-face for DHIG. Including old medium (500) weight to accomodate upgrade shift */ @font-face { font-family: 'ArtifaktElement'; src: url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF2/Artifakt%20Element%20Light.woff2") format("woff2"), local("Artifakt Element Light"), local("ArtifaktElement-Light"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF/Artifakt%20Element%20Light.woff") format("woff"), local("Artifakt Element Light"), local("ArtifaktElement-Light"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/TTF/Artifakt%20Element%20Light.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 300; font-style: normal; } @font-face { font-family: 'ArtifaktElement'; src: url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF2/Artifakt%20Element%20Regular.woff2") format("woff2"), local("Artifakt Element Regular"), local("ArtifaktElement-Regular"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF/Artifakt%20Element%20Regular.woff") format("woff"), local("Artifakt Element Regular"), local("ArtifaktElement-Regular"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/TTF/Artifakt%20Element%20Regular.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'ArtifaktElement'; src: url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF2/Artifakt%20Element%20Medium.woff2") format("woff2"), local("Artifakt Element Medium"), local("ArtifaktElement-Medium"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF/Artifakt%20Element%20Medium.woff") format("woff"), local("Artifakt Element Medium"), local("ArtifaktElement-Medium"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/TTF/Artifakt%20Element%20Medium.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 500; font-style: normal; } @font-face { font-family: 'ArtifaktElement'; src: url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF2/Artifakt%20Element%20Semi%20Bold.woff2") format("woff2"), local("Artifakt Element Semi Bold"), local("ArtifaktElement-SemiBold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF/Artifakt%20Element%20Semi%20Bold.woff") format("woff"), local("Artifakt Element Semi Bold"), local("ArtifaktElement-SemiBold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/TTF/Artifakt%20Element%20Semi%20Bold.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 600; font-style: normal; } /* ITALIC */ @font-face { font-family: 'ArtifaktElement'; src: url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF2/Artifakt%20Element%20Light%20Italic.woff2") format("woff2"), local("Artifakt Legend Light"), local("ArtifaktElement-Light"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF/Artifakt%20Element%20Light%20Italic.woff") format("woff"), local("Artifakt Legend Light"), local("ArtifaktElement-Light"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/TTF/Artifakt%20Element%20Light%20Italic.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 300; font-style: italic; } @font-face { font-family: 'ArtifaktElement'; src: url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF2/Artifakt%20Element%20Italic.woff2") format("woff2"), local("Artifakt Legend Regular"), local("ArtifaktElement-Regular"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF/Artifakt%20Element%20Italic.woff") format("woff"), local("Artifakt Legend Regular"), local("ArtifaktElement-Regular"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/TTF/Artifakt%20Element%20Italic.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: normal; font-style: italic; } @font-face { font-family: 'ArtifaktElement'; src: url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF2/Artifakt%20Element%20Medium%20Italic.woff2") format("woff2"), local("Artifakt Legend Medium"), local("ArtifaktElement-Medium"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF/Artifakt%20Element%20Medium%20Italic.woff") format("woff"), local("Artifakt Legend Medium"), local("ArtifaktElement-Medium"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/TTF/Artifakt%20Element%20Medium%20Italic.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 500; font-style: italic; } @font-face { font-family: 'ArtifaktElement'; src: url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF2/Artifakt%20Element%20Semi%20Bold%20Italic.woff2") format("woff2"), local("Artifakt Legend Semi Bold"), local("ArtifaktElement-SemiBold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/WOFF/Artifakt%20Element%20Semi%20Bold%20Italic.woff") format("woff"), local("Artifakt Legend Semi Bold"), local("ArtifaktElement-SemiBold"), url("https://swc.autodesk.com/pharmacopeia/fonts/ArtifaktElement/v1.0/TTF/Artifakt%20Element%20Semi%20Bold%20Italic.ttf") format("truetype"); /* Safari, Android, iOS */ font-weight: 600; font-style: italic; } /* legacy Artifakt font */ /* Generic "Artifakt" definitions. */ @font-face { font-family: 'Artifakt'; font-style: normal; font-weight: 300; src: url("https://fonts.autodesk.com/ArtifaktElement/EOT/Artifakt%20Element%20Light.eot"); src: url("https://fonts.autodesk.com/ArtifaktElement/EOT/Artifakt%20Element%20Light.eot?#iefix") format("embedded-opentype"), url("https://fonts.autodesk.com/ArtifaktElement/WOFF2/Artifakt%20Element%20Light.woff2") format("woff2"), url("https://fonts.autodesk.com/ArtifaktElement/WOFF/Artifakt%20Element%20Light.woff") format("woff"), url("https://fonts.autodesk.com/ArtifaktElement/TTF/Artifakt%20Element%20Light.ttf") format("truetype"); } @font-face { font-family: 'Artifakt'; font-style: normal; font-weight: 400; src: url("https://fonts.autodesk.com/ArtifaktElement/EOT/Artifakt%20Element%20Regular.eot"); src: url("https://fonts.autodesk.com/ArtifaktElement/EOT/Artifakt%20Element%20Regular.eot?#iefix") format("embedded-opentype"), url("https://fonts.autodesk.com/ArtifaktElement/WOFF2/Artifakt%20Element%20Regular.woff2") format("woff2"), url("https://fonts.autodesk.com/ArtifaktElement/WOFF/Artifakt%20Element%20Regular.woff") format("woff"), url("https://fonts.autodesk.com/ArtifaktElement/TTF/Artifakt%20Element%20Regular.ttf") format("truetype"); } @font-face { font-family: 'Artifakt'; font-style: normal; font-weight: 700; src: url("https://fonts.autodesk.com/ArtifaktElement/EOT/Artifakt%20Element%20Medium.eot"); src: url("https://fonts.autodesk.com/ArtifaktElement/EOT/Artifakt%20Element%20Medium.eot?#iefix") format("embedded-opentype"), url("https://fonts.autodesk.com/ArtifaktElement/WOFF2/Artifakt%20Element%20Medium.woff2") format("woff2"), url("https://fonts.autodesk.com/ArtifaktElement/WOFF/Artifakt%20Element%20Medium.woff") format("woff"), url("https://fonts.autodesk.com/ArtifaktElement/TTF/Artifakt%20Element%20Medium.ttf") format("truetype"); } /* "Artifakt Legend" definitions. * These definitions are for the "Artifakt Legend" series of font faces. */ @font-face { font-family: 'Artifakt Legend'; font-weight: 300; src: url("https://fonts.autodesk.com/ArtifaktLegend/EOT/Artifakt%20Legend%20Light.eot"); src: url("https://fonts.autodesk.com/ArtifaktLegend/EOT/Artifakt%20Legend%20Light.eot?#iefix") format("embedded-opentype"), url("https://fonts.autodesk.com/ArtifaktLegend/WOFF2/Artifakt%20Legend%20Light.woff2") format("woff2"), url("https://fonts.autodesk.com/ArtifaktLegend/WOFF/Artifakt%20Legend%20Light.woff") format("woff"), url("https://fonts.autodesk.com/ArtifaktLegend/TTF/Artifakt%20Legend%20Light.ttf") format("truetype"); } @font-face { font-family: 'Artifakt Legend'; font-weight: 400; src: url("https://fonts.autodesk.com/ArtifaktLegend/EOT/Artifakt%20Legend%20Regular.eot"); src: url("https://fonts.autodesk.com/ArtifaktLegend/EOT/Artifakt%20Legend%20Regular.eot?#iefix") format("embedded-opentype"), url("https://fonts.autodesk.com/ArtifaktLegend/WOFF2/Artifakt%20Legend%20Regular.woff2") format("woff2"), url("https://fonts.autodesk.com/ArtifaktLegend/WOFF/Artifakt%20Legend%20Regular.woff") format("woff"), url("https://fonts.autodesk.com/ArtifaktLegend/TTF/Artifakt%20Legend%20Regular.ttf") format("truetype"); } @font-face { font-family: 'Artifakt Legend'; font-weight: 700; src: url("https://fonts.autodesk.com/ArtifaktLegend/EOT/Artifakt%20Legend%20Medium.eot"); src: url("https://fonts.autodesk.com/ArtifaktLegend/EOT/Artifakt%20Legend%20Medium.eot?#iefix") format("embedded-opentype"), url("https://fonts.autodesk.com/ArtifaktLegend/WOFF2/Artifakt%20Legend%20Medium.woff2") format("woff2"), url("https://fonts.autodesk.com/ArtifaktLegend/WOFF/Artifakt%20Legend%20Medium.woff") format("woff"), url("https://fonts.autodesk.com/ArtifaktLegend/TTF/Artifakt%20Legend%20Medium.ttf") format("truetype"); } html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; -webkit-font-smoothing: antialiased; } body { font-style: normal; font-weight: 400; font-family: 'Artifakt',sans-serif; line-height: 1.4; background-color: #fff; margin: 0; color: #212121; overflow-x: hidden; font-size: 1.6rem; display: block; } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ /* general */ @media only screen and (max-width: 40.063em) { body:not([data-author-mode]) .hide-for-small { display: none; } } body:not([data-author-mode]) .hide { display: none; } p, div, img, video, [class*=block-grid-] > li { box-sizing: border-box; } ul.cmp-responsivelist:not([class*="wd-mt-"]) { margin-top: 0; } ul.cmp-responsivelist:not([class*="wd-mb-"]) { margin-bottom: 0; } .wd-responsive-grid { max-width: 1248px; margin: 0px auto; } .wd-vam { vertical-align: middle; } .wd-fl > .aem-Grid .aem-GridColumn:last-child { float: left !important; } .wp-noborder { border-bottom: none !important; } div.image { margin-bottom: 0px; } img { image-rendering: -webkit-optimize-contrast; } video { width: 100%; } ul { padding-inline-start: 0; } ul.cmp-navigation__list { list-style-type: none; } input[type="checkbox"] { filter: saturate(0) contrast(500%); } input[type="radio"] { filter: saturate(0); } input[type="radio"]:checked { filter: saturate(0) contrast(500%); } #rosetta .marketoForm textarea, #rosetta .marketoForm textarea:focus, #rosetta .marketoForm select, #rosetta .marketoForm select:focus, #rosetta .marketoForm input[type="text"], #rosetta .marketoForm input[type="text"]:focus, #rosetta .marketoForm input[type="password"], #rosetta .marketoForm input[type="password"]:focus, #rosetta .marketoForm input[type="email"], #rosetta .marketoForm input[type="email"]:focus, #rosetta .marketoForm input[type="url"], #rosetta .marketoForm input[type="url"]:focus, #rosetta .marketoForm input[type="search"], #rosetta .marketoForm input[type="search"]:focus, #rosetta .marketoForm input[type="tel"], #rosetta .marketoForm input[type="tel"]:focus, #rosetta .wd-lightbox-container textarea, #rosetta .wd-lightbox-container textarea:focus, #rosetta .wd-lightbox-container select, #rosetta .wd-lightbox-container select:focus, #rosetta .wd-lightbox-container input[type="text"], #rosetta .wd-lightbox-container input[type="text"]:focus, #rosetta .wd-lightbox-container input[type="password"], #rosetta .wd-lightbox-container input[type="password"]:focus, #rosetta .wd-lightbox-container input[type="email"], #rosetta .wd-lightbox-container input[type="email"]:focus, #rosetta .wd-lightbox-container input[type="url"], #rosetta .wd-lightbox-container input[type="url"]:focus, #rosetta .wd-lightbox-container input[type="search"], #rosetta .wd-lightbox-container input[type="search"]:focus, #rosetta .wd-lightbox-container input[type="tel"], #rosetta .wd-lightbox-container input[type="tel"]:focus, #rosetta .wp-search-controls textarea, #rosetta .wp-search-controls textarea:focus, #rosetta .wp-search-controls select, #rosetta .wp-search-controls select:focus, #rosetta .wp-search-controls input[type="text"], #rosetta .wp-search-controls input[type="text"]:focus, #rosetta .wp-search-controls input[type="password"], #rosetta .wp-search-controls input[type="password"]:focus, #rosetta .wp-search-controls input[type="email"], #rosetta .wp-search-controls input[type="email"]:focus, #rosetta .wp-search-controls input[type="url"], #rosetta .wp-search-controls input[type="url"]:focus, #rosetta .wp-search-controls input[type="search"], #rosetta .wp-search-controls input[type="search"]:focus, #rosetta .wp-search-controls input[type="tel"], #rosetta .wp-search-controls input[type="tel"]:focus { border: none; border-radius: 0; color: #000000; box-shadow: inset 0px 0px 0px 0.5px rgba(0, 0, 0, 0.6), inset 0px -1px 0px #000000; outline: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #rosetta .marketoForm label, #rosetta .wd-lightbox-container label, #rosetta .wp-search-controls label { color: #000000; } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ /* backgrounds */ .wd-bg-light-white { background-color: #ffffff; } .wd-bg-light-gray-1 { background-color: #f5f5f5; } .wd-bg-light-gray-2 { background-color: #eeeeee; } .wd-bg-light-gray-3 { background-color: #dcdcdc; } .wd-bg-dark-black { background-color: #000000; } .wd-bg-dark-gray-1 { background-color: #2a2a2a; } .wd-bg-dark-gray-2 { background-color: #3c3c3c; } .wd-bg-dark-gray-3 { background-color: #4d4d4d; } .wd-bg-dark-gray-4 { background-color: #666666; } .wd-bg-green { background-color: #507b16; } .wd-bg-blue { background-color: #006eaf; } .wd-bg-brand { background-color: #0696d7; } .pc-07 .wd-bg-brand { background-color: #dd2222; } .pc-16 .wd-bg-brand { background-color: #faa21b; } .pc-17 .wd-bg-brand { background-color: #168576; } .pc-18 .wd-bg-brand { background-color: #1858a8; } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ /* typography - spacings, sizes*/ p.wp-full-width { max-width: 100%; } p:not(.wp-full-width) { max-width: 800px; } p:not([class*="wd-mt-"]):not([class*="wd-mv-"]) { margin-top: 0px; } p:not([class*="wd-mb-"]):not([class*="wd-mv-"]) { margin-bottom: 0px; } p + p:not([class*="wd-mt-"]) { margin-top: calc(16px * 2) !important; } p:not([class*="wd-font-"]):not([class*="wp-heading-"]) { font-size: 16px; line-height: 1.5; } p.wd-font-12 { font-size: 12px; line-height: 1.33; } p.wd-font-12 + p:not([class*="wd-mt-"]) { margin-top: calc(12px * 2) !important; } p.wd-font-14 { font-size: 14px; line-height: 1.43; } p.wd-font-14 + p:not([class*="wd-mt-"]) { margin-top: calc(14px * 2) !important; } p.wd-font-16 { font-size: 16px; line-height: 1.5; } p.wd-font-16 + p:not([class*="wd-mt-"]) { margin-top: calc(16px * 2) !important; } p.wd-font-20 { font-size: 20px; line-height: 1.4; } p.wd-font-20 + p:not([class*="wd-mt-"]) { margin-top: calc(20px * 2) !important; } h1, h2, h3, h4, h5 { max-width: 800px; } h1:not([class*="wd-mt-"]):not([class*="wd-mv-"]), h2:not([class*="wd-mt-"]):not([class*="wd-mv-"]), h3:not([class*="wd-mt-"]):not([class*="wd-mv-"]), h4:not([class*="wd-mt-"]):not([class*="wd-mv-"]), h5:not([class*="wd-mt-"]):not([class*="wd-mv-"]) { margin-top: 0px; } h1:not([class*="wd-mb-"]):not([class*="wd-mv-"]), h2:not([class*="wd-mb-"]):not([class*="wd-mv-"]), h3:not([class*="wd-mb-"]):not([class*="wd-mv-"]), h4:not([class*="wd-mb-"]):not([class*="wd-mv-"]), h5:not([class*="wd-mb-"]):not([class*="wd-mv-"]) { margin-bottom: 10px; } h3.cmp-accordion__header { max-width: 100%; } .text ul, .text ol { padding-left: 20px; } .text ul.wp-full-width, .text ol.wp-full-width { max-width: 100%; } .text ul:not(.wp-full-width), .text ol:not(.wp-full-width) { max-width: 800px; } .text ul li, .text ol li { margin-top: 8px; } .text ul li ul:not([class*="wd-mt-"]), .text ul li ol:not([class*="wd-mt-"]), .text ol li ul:not([class*="wd-mt-"]), .text ol li ol:not([class*="wd-mt-"]) { margin-top: 8px; } .text ul:not([class*="wd-font-"]) li, .text ol:not([class*="wd-font-"]) li { font-size: 16px; line-height: 1.5; } .text ul + p:not([class*="wd-mt-"]), .text ol + p:not([class*="wd-mt-"]) { margin-top: calc(16px * 2) !important; } .text ul.wd-font-12 li, .text ol.wd-font-12 li { font-size: 12px; line-height: 1.33; } .text ul.wd-font-12 + p:not([class*="wd-mt-"]), .text ol.wd-font-12 + p:not([class*="wd-mt-"]) { margin-top: calc(12px * 2) !important; } .text ul.wd-font-14 li, .text ol.wd-font-14 li { font-size: 14px; line-height: 1.43; } .text ul.wd-font-14 + p:not([class*="wd-mt-"]), .text ol.wd-font-14 + p:not([class*="wd-mt-"]) { margin-top: calc(14px * 2) !important; } .text ul.wd-font-16 li, .text ol.wd-font-16 li { font-size: 16px; line-height: 1.5; } .text ul.wd-font-16 + p:not([class*="wd-mt-"]), .text ol.wd-font-16 + p:not([class*="wd-mt-"]) { margin-top: calc(16px * 2) !important; } .text ul.wd-font-20 li, .text ol.wd-font-20 li { font-size: 20px; line-height: 1.4; } .text ul.wd-font-20 + p:not([class*="wd-mt-"]), .text ol.wd-font-20 + p:not([class*="wd-mt-"]) { margin-top: calc(20px * 2) !important; } .text ul:first-child, .text ol:first-child { margin-top: 0px; } .text ul:first-child li:first-child, .text ol:first-child li:first-child { margin-top: 0px; } .text ul:last-child, .text ol:last-child { margin-bottom: 0px; } .text label { font-size: 16px; line-height: 1.5; } .wd-font-12 { font-size: 12px; line-height: 1.33; } .wd-font-14 { font-size: 14px; line-height: 1.43; } .wd-font-16 { font-size: 16px; line-height: 1.5; } .wd-font-20 { font-size: 20px; line-height: 1.4; } .wd-font-24 { font-size: 24px; line-height: 1.33; } .wd-font-28 { font-size: 28px; line-height: 1.29; } .wd-font-32 { font-size: 32px; line-height: 1.25; } .wd-font-36 { font-size: 36px; line-height: 1.22; } .wd-font-40 { font-size: 40px; line-height: 1.2; } .wd-font-44 { font-size: 44px; line-height: 1.18; } /* typography - colors */ p { color: #212121; } p:not([class*="wd-color-"]) { color: #212121; } h1, h2, h3, h4, h5 { color: #000000; } .text label { color: #212121; } .text ul .li, .text ol .li { color: #212121; } .wd-color-dark-gray-1 { color: #2a2a2a; } .wd-color-dark-gray-2 { color: #212121; } .wd-color-dark-gray-3 { color: #4d4d4d; } .wd-color-dark-gray-4 { color: #212121; } .wd-color-light-gray-3 { color: #dcdcdc; } .wd-color-light-gray-2 { color: #eeeeee; } .wd-color-light-gray-1 { color: #f5f5f5; } .wd-color-white { color: #ffffff; } .wd-color-black { color: #000000; } div[class*="wd-bg-dark-"] p:not([class*="wd-color-"]), div[class*="wd-bg-dark-"] .text ul:not([class*="wd-color-"]) li, div[class*="wd-bg-dark-"] .text ol:not([class*="wd-color-"]) li, div[class*="wd-bg-dark-"] h1, div[class*="wd-bg-dark-"] h2, div[class*="wd-bg-dark-"] h3, div[class*="wd-bg-dark-"] h4, div[class*="wd-bg-dark-"] h5, div[class*="wd-bg-dark-"] p.wp-subhead { color: #ffffff; } div[class*="wd-bg-dark-"] p.wd-color-dark-gray-4.wd-bc-light { color: #dcdcdc; } div[class*="wd-bg-dark-"] .text label { color: #ffffff; } /* styles */ .wd-light { font-weight: 300; } .wd-normal { font-weight: 400; } .wd-bold { font-weight: 600; } .wd-italic { font-style: italic; } .wd-strikethrough { text-decoration: line-through; } .wd-lowercase { text-transform: lowercase; } .wd-uppercase { text-transform: uppercase; } .wd-vam { vertical-align: middle; } .wd-tal { text-align: left; } .wd-tar { text-align: right; } .wd-tac { text-align: center; } /* flags */ html:not(.aem-AuthorLayer-structure) .folded { position: absolute; z-index: 1; } html:not(.aem-AuthorLayer-structure) .folded:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: -8px; right: 100%; z-index: 0; } .folded { color: #FFFFFF; background: #000000; } .folded:before { background: #000000; } .folded:after { display: block; content: ""; height: 0; width: 0; position: absolute; bottom: -8px; left: -8px; border: 4px solid #000000; border-bottom-color: transparent; border-left-color: transparent; } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ /* button styles */ .button { display: flex; display: -ms-flexbox; } .button, button.wd-button, a.wd-button { max-width: 100%; } button.wd-button, a.wd-button { font-family: 'Artifakt',sans-serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; cursor: pointer; display: flex; display: -ms-flexbox; box-sizing: border-box; justify-content: space-between; vertical-align: middle; text-decoration: none; font-size: 14px; line-height: 1.43; font-weight: 600; background-color: #000000; border: 1px solid #000000 !important; color: #FFFFFF !important; box-shadow: 0 0 0 2px rgba(128, 128, 128, 0); transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1); padding-left: 8px; padding-right: 8px; padding-top: calc(12px / 2); padding-bottom: calc(12px / 2); position: relative; } button.wd-button.wd-btn-small, a.wd-button.wd-btn-small { font-size: 12px; line-height: 1.33; padding-top: 4px; padding-bottom: 4px; } button.wd-button.wd-btn-large, a.wd-button.wd-btn-large { font-size: 16px; line-height: 1.5; padding-top: 8px; padding-bottom: 8px; } button.wd-button.wd-button-responsive, a.wd-button.wd-button-responsive { max-width: 100%; width: 100%; } button.wd-button[disabled], a.wd-button[disabled] { opacity: 40%; cursor: not-allowed; } button.wd-button:focus, a.wd-button:focus { outline: none; box-shadow: 0 0 0 2px rgba(6, 150, 215, 0.3); } button.wd-button:focus span.buy-component-cta-btn-text.cmp-button__text::before, button.wd-button:focus span.cmp-button__text::before, a.wd-button:focus span.buy-component-cta-btn-text.cmp-button__text::before, a.wd-button:focus span.cmp-button__text::before { content: ""; position: absolute; border: 2px solid #8080FF; height: calc(100% + 4px); width: calc(100% + 4px); top: -4px; left: -4px; border-radius: 6px; align-items: center; padding: 0px; } button.wd-button:hover, a.wd-button:hover { box-shadow: 0 0 0 2px rgba(128, 128, 128, 0.14); } button.wd-button:hover span.buy-component-cta-btn-text.cmp-button__text::before, button.wd-button:hover span.cmp-button__text::before, a.wd-button:hover span.buy-component-cta-btn-text.cmp-button__text::before, a.wd-button:hover span.cmp-button__text::before { content: ""; position: absolute; border: 2px solid #8080FF; height: calc(100% + 2px); width: calc(100% + 2px); top: -3px; left: -3px; border-radius: 6px; align-items: center; padding: 0px; } button.wd-button:active, a.wd-button:active { outline: none; box-shadow: 0 0 0 2px rgba(6, 150, 215, 0.3); } button.wd-button:active span.buy-component-cta-btn-text.cmp-button__text::before, button.wd-button:active span.cmp-button__text::before, a.wd-button:active span.buy-component-cta-btn-text.cmp-button__text::before, a.wd-button:active span.cmp-button__text::before { content: ""; position: absolute; border: 2px solid #2BC275; height: calc(100% + 2px); width: calc(100% + 2px); top: -3px; left: -3px; border-radius: 6px; align-items: center; padding: 0px; } button.wd-button span, a.wd-button span { vertical-align: middle; padding-top: 0; padding-bottom: 0; padding-right: 0; padding-left: 0; text-align: left; } button.wd-button span.cmp-button__text, a.wd-button span.cmp-button__text { min-width: 14em; padding-left: 8px; text-align: left; padding-right: 8px; } button.wd-button span:not(.cmp-button__text), a.wd-button span:not(.cmp-button__text) { font-size: calc(2em - 8px); width: 1em; line-height: 1em; text-align: center; margin: auto 0; } button.wd-button span:only-child, a.wd-button span:only-child { text-align: center; width: 100%; padding-left: 0; padding-right: 0; } button.wd-button.wd-button-responsive span.cmp-button__text, a.wd-button.wd-button-responsive span.cmp-button__text { min-width: 0; } button.wd-button.wd-button-content-width span.cmp-button__text, a.wd-button.wd-button-content-width span.cmp-button__text { min-width: 0; } button.wd-button:not(.wd-button-responsive):not(.wd-button-content-width) span:only-child, a.wd-button:not(.wd-button-responsive):not(.wd-button-content-width) span:only-child { min-width: 16em; } button.wd-button svg, a.wd-button svg { fill: #FFFFFF; vertical-align: middle; } button.wd-button.wd-btn-outline, a.wd-button.wd-btn-outline { background-color: transparent; border: 1px solid #000000 !important; color: #000000 !important; } button.wd-button.wd-btn-outline svg, a.wd-button.wd-btn-outline svg { fill: #000000; } div[class*="wd-bg-dark-"] button.wd-button, div[class*="wd-bg-dark-"] a.wd-button { border: 1px solid #FFFFFF !important; background-color: #FFFFFF; color: #000000 !important; } div[class*="wd-bg-dark-"] button.wd-button svg, div[class*="wd-bg-dark-"] a.wd-button svg { fill: #000000 !important; } div[class*="wd-bg-dark-"] button.wd-button.wd-btn-outline, div[class*="wd-bg-dark-"] a.wd-button.wd-btn-outline { background-color: transparent; font-weight: bold; font-family: ArtifaktElement, Arial, sans-serif; border: 1px solid #FFFFFF !important; color: #FFFFFF !important; } div[class*="wd-bg-dark-"] button.wd-button.wd-btn-outline svg, div[class*="wd-bg-dark-"] a.wd-button.wd-btn-outline svg { fill: #FFFFFF !important; } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ /* text links */ img[data-lightbox] { cursor: pointer; } a { text-decoration: none !important; color: #000000; /* border-bottom: 1px solid #000000;*/ } .image a, a.noDecor, a.wd-no-underline, a.wd-inline-icon, .body-content .wp-f360-multi-tab-pane-child a { border-bottom: none !important; } /* note: remove uh fix if engineering testing with "real" templates; uh is in header-content therefore exempt from these styles */ .body-content a:not(.wd-button), .xfpage-body-container a:not(.wd-button) { position: relative; } .body-content a:not(.wd-button) .snti-legal-link, .body-content a:not(.wd-button) .cmp-navigation-link, .body-content a:not(.wd-button) .navigation-sublink-anchor, .body-content a:not(.wd-button) .uh-container-wrapper a, .xfpage-body-container a:not(.wd-button) .snti-legal-link, .xfpage-body-container a:not(.wd-button) .cmp-navigation-link, .xfpage-body-container a:not(.wd-button) .navigation-sublink-anchor, .xfpage-body-container a:not(.wd-button) .uh-container-wrapper a { transition: unset; } .body-content a:not(.wd-button) .snti-legal-link .wd-link-context, .body-content a:not(.wd-button) .cmp-navigation-link .wd-link-context, .body-content a:not(.wd-button) .navigation-sublink-anchor .wd-link-context, .body-content a:not(.wd-button) .uh-container-wrapper a .wd-link-context, .xfpage-body-container a:not(.wd-button) .snti-legal-link .wd-link-context, .xfpage-body-container a:not(.wd-button) .cmp-navigation-link .wd-link-context, .xfpage-body-container a:not(.wd-button) .navigation-sublink-anchor .wd-link-context, .xfpage-body-container a:not(.wd-button) .uh-container-wrapper a .wd-link-context { font-weight: unset; color: unset; } .body-content a:not(.wd-button) .snti-legal-link .wd-link-context .wd-inline-icon, .body-content a:not(.wd-button) .cmp-navigation-link .wd-link-context .wd-inline-icon, .body-content a:not(.wd-button) .navigation-sublink-anchor .wd-link-context .wd-inline-icon, .body-content a:not(.wd-button) .uh-container-wrapper a .wd-link-context .wd-inline-icon, .xfpage-body-container a:not(.wd-button) .snti-legal-link .wd-link-context .wd-inline-icon, .xfpage-body-container a:not(.wd-button) .cmp-navigation-link .wd-link-context .wd-inline-icon, .xfpage-body-container a:not(.wd-button) .navigation-sublink-anchor .wd-link-context .wd-inline-icon, .xfpage-body-container a:not(.wd-button) .uh-container-wrapper a .wd-link-context .wd-inline-icon { border-bottom: 0; } .body-content a:not(.wd-button).wd-link-context, .xfpage-body-container a:not(.wd-button).wd-link-context { font-weight: 400; color: #000000; border-bottom: 1px solid #000000; } .body-content a:not(.wd-button).wd-link-context:hover, .xfpage-body-container a:not(.wd-button).wd-link-context:hover { border-bottom-width: 2px; } .body-content a:not(.wd-button).snti-legal-link, .xfpage-body-container a:not(.wd-button).snti-legal-link { font-weight: 400; color: #000000; border-bottom: 1px solid #000000; } .body-content a:not(.wd-button).snti-legal-link:hover, .xfpage-body-container a:not(.wd-button).snti-legal-link:hover { border-bottom-width: 1px; } .body-content a:not(.wd-button):hover, .xfpage-body-container a:not(.wd-button):hover { border-bottom: 2px solid #8080FF; } .body-content a:not(.wd-button):active, .xfpage-body-container a:not(.wd-button):active { border-bottom-color: #00A85D; } .body-content .text li > a:not(.wd-link-context):only-child, .xfpage-body-container .text li > a:not(.wd-link-context):only-child { color: #000000 !important; font-weight: 400 !important; } .body-content .text li > a:not(.wd-link-context):only-child:hover, .xfpage-body-container .text li > a:not(.wd-link-context):only-child:hover { border-bottom: 2px solid #8080FF !important; } .body-content .text li > a:not(.wd-link-context):only-child:active, .xfpage-body-container .text li > a:not(.wd-link-context):only-child:active { border-bottom-color: #00A85D !important; } .body-content div[class*="wd-bg-dark"] a:not(.wd-button):not(.snti-legal-link):not(.cmp-navigation-link):not(.navigation-sublink-anchor):not(.wd-link-context), .xfpage-body-container div[class*="wd-bg-dark"] a:not(.wd-button):not(.snti-legal-link):not(.cmp-navigation-link):not(.navigation-sublink-anchor):not(.wd-link-context) { color: #ffffff; } .body-content div[class*="wd-bg-dark"] a:not(.wd-button):not(.snti-legal-link):not(.cmp-navigation-link):not(.navigation-sublink-anchor):not(.wd-link-context):not(.wd-inline-icon), .xfpage-body-container div[class*="wd-bg-dark"] a:not(.wd-button):not(.snti-legal-link):not(.cmp-navigation-link):not(.navigation-sublink-anchor):not(.wd-link-context):not(.wd-inline-icon) { border-bottom: 1px solid #ffffff; } .body-content div[class*="wd-bg-dark"] a:not(.wd-button):not(.snti-legal-link):not(.cmp-navigation-link):not(.navigation-sublink-anchor):not(.wd-link-context):not(.wd-inline-icon):hover, .xfpage-body-container div[class*="wd-bg-dark"] a:not(.wd-button):not(.snti-legal-link):not(.cmp-navigation-link):not(.navigation-sublink-anchor):not(.wd-link-context):not(.wd-inline-icon):hover { border-bottom-width: 2px; } .body-content div[class*="wd-bg-dark"] a:not(.wd-button).wd-link-context, .xfpage-body-container div[class*="wd-bg-dark"] a:not(.wd-button).wd-link-context { color: #ffffff; border-bottom: 1px solid #ffffff; } .body-content div[class*="wd-bg-dark"] a:not(.wd-button).wd-link-context:hover, .xfpage-body-container div[class*="wd-bg-dark"] a:not(.wd-button).wd-link-context:hover { border-bottom-width: 2px; } .body-content div[class*="wd-bg-dark"] a:not(.wd-button).snti-legal-link, .xfpage-body-container div[class*="wd-bg-dark"] a:not(.wd-button).snti-legal-link { color: #ffffff; border-bottom: 1px solid #ffffff; } .body-content div[class*="wd-bg-dark"] a:not(.wd-button).snti-legal-link:hover, .xfpage-body-container div[class*="wd-bg-dark"] a:not(.wd-button).snti-legal-link:hover { border-bottom-width: 1px; } .body-content div[class*="wd-bg-dark"] a:not(.wd-button):hover, .xfpage-body-container div[class*="wd-bg-dark"] a:not(.wd-button):hover { border-bottom-width: 2px; } .body-content div[class*="wd-bg-dark"] .text li > a:not(.wd-link-context):only-child, .xfpage-body-container div[class*="wd-bg-dark"] .text li > a:not(.wd-link-context):only-child { color: #000000 !important; } .body-content div[class*="wd-bg-dark"] .text li > a:not(.wd-link-context):only-child:hover, .xfpage-body-container div[class*="wd-bg-dark"] .text li > a:not(.wd-link-context):only-child:hover { border-bottom: 2px solid #000000 !important; } .footer-content .text a, .footer-content .title a { position: relative; text-decoration: none; transition: none; border-bottom: none; } .footer-content .text a { font-weight: 400; color: #000000; } .footer-content .text a:hover { border-bottom: 1px solid #000000; } .footer-content .title a { color: #000000; } .footer-content .title a:hover { border-bottom: 1px solid #000000; } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ svg:not(:root) { overflow: hidden; } .wd-inline-icon { display: -webkit-box; display: -ms-flexbox; display: flex; color: #000000 !important; } .wd-inline-icon .wd-icon { -ms-flex-negative: 0; flex-shrink: 0; font-size: calc(2em - 8px); margin-right: calc(0.5em - 4px); position: relative; } .wd-icon, [class*="icon-svg-"] { display: inline-block; fill: #000000; height: 1em; width: 1em; } /* for img tags inside .wd-icon */ .wd-icon img { filter: grayscale(1) contrast(10); } div[class*="wd-bg-dark"] .wd-inline-icon { color: #FFFFFF !important; } div[class*="wd-bg-dark"] .wd-inline-icon .wd-icon, div[class*="wd-bg-dark"] .wd-inline-icon .wd-icon.pc-brand, div[class*="wd-bg-dark"] .wd-inline-icon [class*="icon-svg-"], div[class*="wd-bg-dark"] .wd-inline-icon [class*="icon-svg-"].pc-brand { fill: #FFFFFF; } #rosetta .rec-box .rec-cols .rec-block .rec-details a .icon-svg-cta-go-arrow-circle, #rosetta .wp-about-education-news .wp-card .icon-svg-cta-go-arrow-circle, #rosetta .wp-homepage-banner .wp-card .icon-svg-cta-go-arrow-circle { fill: #000000 !important; } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ /* borders */ .wd-btw-1 { border-top: 1px solid rgba(0, 0, 0, 0.25); } .wd-bbw-1 { border-bottom: 1px solid rgba(0, 0, 0, 0.25); } .wd-blw-1 { border-left: 1px solid rgba(0, 0, 0, 0.25); } .wd-brw-1 { border-right: 1px solid rgba(0, 0, 0, 0.25); } .wd-baw-1 { border: 1px solid rgba(0, 0, 0, 0.25); } .wd-bs-dashed { border-top-style: dashed !important; } .wd-bc-light { border-color: rgba(0, 0, 0, 0.1); } div[class*="wd-bg-dark-"] .wd-btw-1, div[class*="wd-bg-dark-"] .wd-bbw-1, div[class*="wd-bg-dark-"] .wd-blw-1, div[class*="wd-bg-dark-"] .wd-brw-1, div[class*="wd-bg-dark-"] .wd-baw-1 { border-color: rgba(255, 255, 255, 0.25); } div[class*="wd-bg-dark-"] .wd-bc-light { border-color: rgba(255, 255, 255, 0.1); } .wd-bc-brand { border-color: #006eaf; } .pc-07 .wd-bc-brand { border-color: #dd2222; } .pc-16 .wd-bc-brand { border-color: #bf5808; } .pc-17 .wd-bc-brand { border-color: #168576; } .pc-18 .wd-bc-brand { border-color: #1858a8; } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ .wd-mh-auto { margin-left: auto; margin-right: auto; } .wd-mt-0 { margin-top: 0px; } .wd-mb-0 { margin-bottom: 0px; } .wd-mv-0 { margin-top: 0px; margin-bottom: 0px; } .wd-ml-0 { margin-left: 0px; } .wd-mr-0 { margin-right: 0px; } .wd-mh-0 { margin-left: 0px; margin-right: 0px; } .wd-ma-0 { margin: 0px; } .wd-mt-4 { margin-top: 4px; } .wd-mb-4 { margin-bottom: 4px; } .wd-mv-4 { margin-top: 4px; margin-bottom: 4px; } .wd-ml-4 { margin-left: 4px; } .wd-mr-4 { margin-right: 4px; } .wd-mh-4 { margin-left: 4px; margin-right: 4px; } .wd-ma-4 { margin: 4px; } .wd-mt-8 { margin-top: 8px; } .wd-mb-8 { margin-bottom: 8px; } .wd-mv-8 { margin-top: 8px; margin-bottom: 8px; } .wd-ml-8 { margin-left: 8px; } .wd-mr-8 { margin-right: 8px; } .wd-mh-8 { margin-left: 8px; margin-right: 8px; } .wd-ma-8 { margin: 8px; } .wd-mt-12 { margin-top: 12px; } .wd-mb-12 { margin-bottom: 12px; } .wd-mv-12 { margin-top: 12px; margin-bottom: 12px; } .wd-ml-12 { margin-left: 12px; } .wd-mr-12 { margin-right: 12px; } .wd-mh-12 { margin-left: 12px; margin-right: 12px; } .wd-ma-12 { margin: 12px; } .wd-mt-16 { margin-top: 16px; } .wd-mb-16 { margin-bottom: 16px; } .wd-mv-16 { margin-top: 16px; margin-bottom: 16px; } .wd-ml-16 { margin-left: 16px; } .wd-mr-16 { margin-right: 16px; } .wd-mh-16 { margin-left: 16px; margin-right: 16px; } .wd-ma-16 { margin: 16px; } .wd-mt-20 { margin-top: 20px; } .wd-mb-20 { margin-bottom: 20px; } .wd-mv-20 { margin-top: 20px; margin-bottom: 20px; } .wd-ml-20 { margin-left: 20px; } .wd-mr-20 { margin-right: 20px; } .wd-mh-20 { margin-left: 20px; margin-right: 20px; } .wd-ma-20 { margin: 20px; } .wd-mt-24 { margin-top: 24px; } .wd-mb-24 { margin-bottom: 24px; } .wd-mv-24 { margin-top: 24px; margin-bottom: 24px; } .wd-ml-24 { margin-left: 24px; } .wd-mr-24 { margin-right: 24px; } .wd-mh-24 { margin-left: 24px; margin-right: 24px; } .wd-ma-24 { margin: 24px; } .wd-mt-32 { margin-top: 32px; } .wd-mb-32 { margin-bottom: 32px; } .wd-mv-32 { margin-top: 32px; margin-bottom: 32px; } .wd-ml-32 { margin-left: 32px; } .wd-mr-32 { margin-right: 32px; } .wd-mh-32 { margin-left: 32px; margin-right: 32px; } .wd-ma-32 { margin: 32px; } .wd-mt-48 { margin-top: 48px; } .wd-mb-48 { margin-bottom: 48px; } .wd-mv-48 { margin-top: 48px; margin-bottom: 48px; } .wd-ml-48 { margin-left: 48px; } .wd-mr-48 { margin-right: 48px; } .wd-mh-48 { margin-left: 48px; margin-right: 48px; } .wd-ma-48 { margin: 48px; } .wd-mt-64 { margin-top: 64px; } .wd-mb-64 { margin-bottom: 64px; } .wd-mv-64 { margin-top: 64px; margin-bottom: 64px; } .wd-ml-64 { margin-left: 64px; } .wd-mr-64 { margin-right: 64px; } .wd-mh-64 { margin-left: 64px; margin-right: 64px; } .wd-ma-64 { margin: 64px; } .wd-pt-0 { padding-top: 0px; } .wd-pb-0 { padding-bottom: 0px; } .wd-pv-0 { padding-top: 0px; padding-bottom: 0px; } .wd-pl-0 { padding-left: 0px; } .wd-pr-0 { padding-right: 0px; } .wd-ph-0 { padding-left: 0px; padding-right: 0px; } .wd-pa-0 { padding: 0px; } .wd-pt-4 { padding-top: 4px; } .wd-pb-4 { padding-bottom: 4px; } .wd-pv-4 { padding-top: 4px; padding-bottom: 4px; } .wd-pl-4 { padding-left: 4px; } .wd-pr-4 { padding-right: 4px; } .wd-ph-4 { padding-left: 4px; padding-right: 4px; } .wd-pa-4 { padding: 4px; } .wd-pt-8 { padding-top: 8px; } .wd-pb-8 { padding-bottom: 8px; } .wd-pv-8 { padding-top: 8px; padding-bottom: 8px; } .wd-pl-8 { padding-left: 8px; } .wd-pr-8 { padding-right: 8px; } .wd-ph-8 { padding-left: 8px; padding-right: 8px; } .wd-pa-8 { padding: 8px; } .wd-pt-12 { padding-top: 12px; } .wd-pb-12 { padding-bottom: 12px; } .wd-pv-12 { padding-top: 12px; padding-bottom: 12px; } .wd-pl-12 { padding-left: 12px; } .wd-pr-12 { padding-right: 12px; } .wd-ph-12 { padding-left: 12px; padding-right: 12px; } .wd-pa-12 { padding: 12px; } .wd-pt-16 { padding-top: 16px; } .wd-pb-16 { padding-bottom: 16px; } .wd-pv-16 { padding-top: 16px; padding-bottom: 16px; } .wd-pl-16 { padding-left: 16px; } .wd-pr-16 { padding-right: 16px; } .wd-ph-16 { padding-left: 16px; padding-right: 16px; } .wd-pa-16 { padding: 16px; } .wd-pt-20 { padding-top: 20px; } .wd-pb-20 { padding-bottom: 20px; } .wd-pv-20 { padding-top: 20px; padding-bottom: 20px; } .wd-pl-20 { padding-left: 20px; } .wd-pr-20 { padding-right: 20px; } .wd-ph-20 { padding-left: 20px; padding-right: 20px; } .wd-pa-20 { padding: 20px; } .wd-pt-24 { padding-top: 24px; } .wd-pb-24 { padding-bottom: 24px; } .wd-pv-24 { padding-top: 24px; padding-bottom: 24px; } .wd-pl-24 { padding-left: 24px; } .wd-pr-24 { padding-right: 24px; } .wd-ph-24 { padding-left: 24px; padding-right: 24px; } .wd-pa-24 { padding: 24px; } .wd-pt-32 { padding-top: 32px; } .wd-pb-32 { padding-bottom: 32px; } .wd-pv-32 { padding-top: 32px; padding-bottom: 32px; } .wd-pl-32 { padding-left: 32px; } .wd-pr-32 { padding-right: 32px; } .wd-ph-32 { padding-left: 32px; padding-right: 32px; } .wd-pa-32 { padding: 32px; } .wd-pt-48 { padding-top: 48px; } .wd-pb-48 { padding-bottom: 48px; } .wd-pv-48 { padding-top: 48px; padding-bottom: 48px; } .wd-pl-48 { padding-left: 48px; } .wd-pr-48 { padding-right: 48px; } .wd-ph-48 { padding-left: 48px; padding-right: 48px; } .wd-pa-48 { padding: 48px; } .wd-pt-64 { padding-top: 64px; } .wd-pb-64 { padding-bottom: 64px; } .wd-pv-64 { padding-top: 64px; padding-bottom: 64px; } .wd-pl-64 { padding-left: 64px; } .wd-pr-64 { padding-right: 64px; } .wd-ph-64 { padding-left: 64px; padding-right: 64px; } .wd-pa-64 { padding: 64px; } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ .tabs .cmp-tabs { width: 100%; overflow: inherit; margin: 20px 0 0 0; } .tabs .cmp-tabs .cmp-tabs__tablist { outline: none; height: 44px; border-bottom: 1px solid #CCCCCC; background-color: transparent; list-style: none; padding: 0; width: 100%; display: block; } .tabs .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab { outline: none; height: 44px; box-sizing: border-box; cursor: pointer; font-size: 16px; font-weight: 700; color: #000000; margin-right: 30px; padding: 10px 0 9px 0; display: inline-block; border-bottom: 0; } .tabs .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab:hover { color: #000000; outline: none; } .tabs .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab:focus { outline: none; } .tabs .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab.cmp-tabs__tab--active { box-shadow: inset 0 -2px 0 0 #000000; margin-bottom: 0; margin-top: 0; -webkit-font-smoothing: antialiased; pointer-events: auto; } .tabs .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab svg { display: none; } body .tabs .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab:hover { color: #000000; } @media screen and (max-width: 1024px) { .tabs .cmp-tabs .cmp-tabs__tablist { border: 1px solid #CCCCCC; cursor: pointer; padding: 0 10px 0 10px; transition: all 0.2s ease-in-out; display: block; height: 44px; width: 100%; overflow-y: hidden; box-sizing: border-box; } .tabs .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab { padding: 10px 0 10px 0; margin: 0; height: 44px; width: 100%; border-bottom: none; display: none; } .tabs .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab.cmp-tabs__tab--active svg, .tabs .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab:first-child:not(.cmp-tabs__tab--active) svg { margin: 5px 10px 0 10px; float: right; display: block; } /*expanded*/ .tabs .cmp-tabs .cmp-tabs__tablist.expanded { height: auto; overflow-y: inherit; } .tabs .cmp-tabs .cmp-tabs__tablist.expanded .cmp-tabs__tab, .tabs .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab.cmp-tabs__tab--active { display: block; } .tabs .cmp-tabs .cmp-tabs__tablist.expanded .cmp-tabs__tab.cmp-tabs__tab--active { color: #000000; } .tabs .cmp-tabs .cmp-tabs__tablist.expanded .cmp-tabs__tab { border-bottom: 1px solid #CCCCCC; } .tabs .cmp-tabs .cmp-tabs__tablist.expanded .cmp-tabs__tab:last-child, .tabs .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab.cmp-tabs__tab--active, .tabs .cmp-tabs .cmp-tabs__tablist .cmp-tabs__tab.cmp-tabs__tab--active:last-child { border-bottom: none; } .tabs .cmp-tabs .cmp-tabs__tablist.expanded .cmp-tabs__tab.cmp-tabs__tab--active svg { display: none; } .tabs .cmp-tabs .cmp-tabs__tablist.expanded .cmp-tabs__tab:first-child svg, .tabs .cmp-tabs .cmp-tabs__tablist.expanded .cmp-tabs__tab:first-child:not(.cmp-tabs__tab--active) svg { transform: rotate(180deg); display: block; } } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ /* responsive list */ .cmp-responsivelist > li { margin-top: 24px; } .cmp-responsivelist > li h3 { font-size: 16px; line-height: 1.5; } .cmp-responsivelist > li h4 { font-size: 14px; line-height: 1.43; font-weight: 400; text-transform: uppercase; } .cmp-responsivelist > li p:not([class*="wd-font-"]) { font-size: 14px; line-height: 1.43; } .cmp-responsivelist > li p:not([class*="wd-font-"]) + p:not([class*="wd-mt-"]) { margin-top: calc(14px * 2) !important; } .cmp-responsivelist > li .image + .title { margin-top: 8px; } .cmp-responsivelist.xlarge-block-grid-1 > li, .cmp-responsivelist.xlarge-block-grid-6 > li, .cmp-responsivelist > li:nth-of-type(1) { margin-top: 0px; } @media only screen and (min-width: 40.063em) { .cmp-responsivelist.medium-block-grid-2 > li:nth-of-type(2) { margin-top: 0px; } .cmp-responsivelist.medium-block-grid-2 > li:nth-of-type(2n-1) { padding-right: 8px; } .cmp-responsivelist.medium-block-grid-2 > li:nth-of-type(2n) { padding-left: 8px; } .cmp-responsivelist.medium-block-grid-3 > li:nth-of-type(2), .cmp-responsivelist.medium-block-grid-3 > li:nth-of-type(3) { margin-top: 0px; } .cmp-responsivelist.medium-block-grid-3 > li:nth-of-type(3n-2) { padding-left: 0px; padding-right: 8px; } .cmp-responsivelist.medium-block-grid-3 > li:nth-of-type(3n-1) { padding-left: 4px; padding-right: 4px; } .cmp-responsivelist.medium-block-grid-3 > li:nth-of-type(3n) { padding-left: 8px; padding-right: 0px; } } @media only screen and (min-width: 64.063em) { .cmp-responsivelist.xlarge-block-grid-2 > li:nth-of-type(2) { margin-top: 0px; } .cmp-responsivelist.xlarge-block-grid-2 > li:nth-of-type(2n-1) { padding-left: 0px; padding-right: 8px; } .cmp-responsivelist.xlarge-block-grid-2 > li:nth-of-type(2n) { padding-left: 8px; padding-right: 0px; } .cmp-responsivelist.xlarge-block-grid-3 > li:nth-of-type(2), .cmp-responsivelist.xlarge-block-grid-3 > li:nth-of-type(3) { margin-top: 0px; } .cmp-responsivelist.xlarge-block-grid-3 > li:nth-of-type(3n-2) { padding-left: 0px; padding-right: 8px; } .cmp-responsivelist.xlarge-block-grid-3 > li:nth-of-type(3n-1) { padding-left: 4px; padding-right: 4px; } .cmp-responsivelist.xlarge-block-grid-3 > li:nth-of-type(3n) { padding-left: 8px; padding-right: 0px; } .cmp-responsivelist.xlarge-block-grid-4 > li:nth-of-type(2), .cmp-responsivelist.xlarge-block-grid-4 > li:nth-of-type(3), .cmp-responsivelist.xlarge-block-grid-4 > li:nth-of-type(4) { margin-top: 0px; } .cmp-responsivelist.xlarge-block-grid-4 > li:nth-of-type(4n-3) { padding-left: 0px; padding-right: 12px; } .cmp-responsivelist.xlarge-block-grid-4 > li:nth-of-type(4n-2) { padding-left: 4px; padding-right: 8px; } .cmp-responsivelist.xlarge-block-grid-4 > li:nth-of-type(4n-1) { padding-left: 8px; padding-right: 4px; } .cmp-responsivelist.xlarge-block-grid-4 > li:nth-of-type(4n) { padding-left: 12px; padding-right: 0px; } } /* 2-column grid */ div[class*="wp-grid-2"] video { border: 1px solid rgba(0, 0, 0, 0.25); } div[class*="wp-grid-2"] > .aem-Grid > .core-container:first-child > .cmp-container:not(.wd-mb-0) { margin-bottom: 32px; } @media only screen and (min-width: 64.063em) { .wp-grid-swap > .aem-Grid > .core-container:first-child { float: right !important; } .wp-grid-swap > .aem-Grid > .core-container:last-child:nth-of-type(even) { float: left !important; } .wp-grid-2 > .aem-Grid > .core-container:last-child:nth-of-type(even) { padding-left: 32px; } .wp-grid-2.wp-grid-swap > .aem-Grid > .core-container:last-child:nth-of-type(even) { padding-left: 0px; padding-right: 32px; } .wp-grid-2-split > .aem-Grid > .core-container:first-child { padding-right: 16px; } .wp-grid-2-split > .aem-Grid > .core-container:last-child:nth-of-type(even) { padding-left: 16px; } .wp-grid-2-split.wp-grid-swap > .aem-Grid > .core-container:first-child { padding-left: 16px; padding-right: 0px; } .wp-grid-2-split.wp-grid-swap > .aem-Grid > .core-container:last-child:nth-of-type(even) { padding-left: 0px; padding-right: 16px; } div[class*="wp-grid-2"] > .aem-Grid > .core-container, div[class*="wp-grid-2"] > .aem-Grid > .core-container:first-child > .cmp-container:not(.wd-mb-0) { margin-bottom: 0px !important; } } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ /* general publishing styles */ .wp-heading-small { font-size: 20px; line-height: 1.4; font-weight: 400; } .wp-heading-large { font-size: 24px; line-height: 1.33; font-weight: 400; } @media only screen and (min-width: 64.063em) { .wp-heading-small { font-size: 24px; line-height: 1.33; } .wp-heading-large { font-size: 28px; line-height: 1.29; } } .wp-border-small { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 32px; margin-top: 32px; } .wp-border-large { border-top: 2px solid rgba(0, 0, 0, 0.25); padding-top: 64px; margin-top: 64px; } div[class*="wd-bg-dark-"] .wp-border-small { border-color: rgba(255, 255, 255, 0.1); } div[class*="wd-bg-dark-"] .wp-border-large { border-color: rgba(255, 255, 255, 0.25); } .image .wp-asset-border img { border: 1px solid rgba(0, 0, 0, 0.25); } .image + .text p.wp-figcaption { font-size: 14px; line-height: 1.43; margin-top: 8px; } .image .wp-lockup-small img { max-height: 37px; width: auto; max-width: 100%; } .video + .text p.wp-figcaption { font-size: 14px; line-height: 1.43; margin-top: 8px; } @media only screen and (min-width: 40.063em) { .wp-inline-buttons .button { display: inline-block; } } /* table */ table.wp-table { max-width: 800px; width: 100%; border-collapse: collapse; border: 1px solid #dcdcdc !important; text-align: left; padding: 16px; vertical-align: top; } table.wp-table td, table.wp-table th { border-collapse: collapse; border: 1px solid #dcdcdc !important; text-align: left; padding: 16px; vertical-align: top; } table.wp-table td.wp-col-highlight { width: 160px; } /* link list */ p.wp-link-list { border-top: 1px solid rgba(0, 0, 0, 0.25); } p.wp-link-list a { display: block; padding-left: 8px; padding-right: 8px; padding-top: 12px; padding-bottom: 12px; color: #3c3c3c !important; border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important; font-weight: 400; background-color: rgba(0, 0, 0, 0); transition: font-weight 0.2s, background-color 0.2s; } p.wp-link-list a:after { display: none; } p.wp-link-list a:not(.wd-inline-icon):not(.wd-button):hover { border-bottom-width: 1px !important; } p.wp-link-list a:hover { background-color: rgba(0, 0, 0, 0.04); font-weight: 600; text-decoration: none !important; } p.wp-link-list a span, p.wp-link-list a:hover span { font-weight: 400 !important; display: block; margin-top: 8px; } div[class*="wd-bg-dark"] p.wp-link-list { border-top: 1px solid rgba(255, 255, 255, 0.25); } div[class*="wd-bg-dark"] p.wp-link-list a { color: #ffffff !important; border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important; background-color: rgba(255, 255, 255, 0); } div[class*="wd-bg-dark"] p.wp-link-list a:hover { background-color: rgba(255, 255, 255, 0.07); } /* svg illustrations */ svg.wp-illust { fill: #000000; width: 40px !important; height: 40px !important; margin-right: 8px !important; } /* social icons */ .wp-social-icons { display: table; } .wp-social-icons span { display: table-cell; vertical-align: middle; padding-right: 4px; } .wp-social-icons a { display: table-cell; vertical-align: middle; padding-left: 4px; padding-right: 4px; padding-top: 0px; padding-bottom: 0px; } .wp-social-icons a svg { height: 32px; width: 32px; fill: #000000; transition: fill 0.3s; } .wp-social-icons a:hover svg { fill: #000000; } div[class*="wd-bg-dark"] .wp-social-icons a svg { fill: #FFFFFF; } div[class*="wd-bg-dark"] .wp-social-icons a:hover svg { fill: #FFFFFF; } /* box items */ ul.wp-box-items { display: flex; flex-wrap: wrap; } ul.wp-box-items > li > div { float: none; border: 1px solid #dcdcdc; height: 100%; background: #ffffff; } ul.wp-box-items > li img { width: 100%; max-width: 100%; height: auto; } ul.wp-box-items > li .core-container { padding-left: 20px; padding-right: 20px; padding-top: 24px; padding-bottom: 24px; } ul.wp-box-items > li .core-container + .core-container { padding-top: 0px; } ul.wp-box-items > li .core-container .image { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } ul.wp-box-items > li .core-container .image img { max-height: 38px; width: auto; } /* box links */ ul.wp-box-links { display: flex; flex-wrap: wrap; } ul.wp-box-links > li > div { float: none; border: 1px solid rgba(0, 0, 0, 0.25); height: 100%; background: #ffffff; transition: border-color 0.2s; } ul.wp-box-links > li > div:hover { border: 1px solid rgba(0, 0, 0, 0.4); cursor: pointer; } ul.wp-box-links > li .core-container { padding: 16px; } ul.wp-box-links > li .core-container a { border-bottom: none !important; color: #3c3c3c !important; } /* badge display */ .wp-badge-display-small { display: table; } .wp-badge-display-small a { display: table; border-bottom: none !important; text-decoration: none !important; color: #2a2a2a !important; font-weight: 600 !important; } .wp-badge-display-small a:after { border-bottom: none !important; } .wp-badge-display-small img { width: 30px; height: auto; display: table-cell; vertical-align: middle; } .wp-badge-display-small span { padding-left: 8px; width: calc(100% - 32px); display: table-cell; vertical-align: middle; } .wp-badge-display-large > li { float: left; margin-top: 24px; } .wp-badge-display-large > li:nth-of-type(1) { margin-top: 0px; } .wp-badge-display-large > li > div { width: 100%; } .wp-badge-display-large > li > div .image, .wp-badge-display-large > li > div .text { display: table-cell; vertical-align: top; } .wp-badge-display-large > li p:not([class*="wd-font-"]) { font-size: 14px; line-height: 1.43; } .wp-badge-display-large .image { width: 72px; } .wp-badge-display-large img { width: 60px; height: auto; } /* announcement */ .wp-announcement { cursor: pointer; background-color: #333333; font-family: ArtifaktElement, Arial, sans-serif; } .wp-announcement a { border-bottom: none !important; text-transform: uppercase; color: #FFFFFF; } .wp-announcement a:after { content: ''; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.94 100'%3E%3Cpath fill-rule='evenodd' d='M30.94 50l-24-24L0 32.94 17.06 50 0 67.06 6.94 74z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 10px 23px; background-position: right; height: 10px; width: 14px; } /* system requirements link */ .wd-inline-icon.wp-link-sysreq span:first-child { border-bottom: 1px solid #2a2a2a !important; } .wd-inline-icon.wp-link-sysreq span:first-child:hover { border-bottom-width: 2px !important; } .wd-inline-icon.wp-link-sysreq svg { font-size: 20px !important; } /* steps */ .wp-steps li { margin-bottom: 24px; } .wp-steps li > div p:first-child { display: inline-block; border-radius: 50%; border-width: 2px; border-style: solid; border-color: #000000; color: #000000; text-align: center; width: 26px; height: 26px; line-height: 24px; margin-bottom: 0; background: #ffffff; } .wp-steps li > div p:last-child { border-top: 2px solid #dcdcdc; width: calc(100% - 2px); margin-top: -14px !important; padding-top: 20px; padding-left: 32px; } @media only screen and (min-width: 64.063em) { .wp-steps li:nth-of-type(3n-2) { padding-right: 8px; padding-left: 0px; } .wp-steps li:nth-of-type(3n-1) { padding-left: 4px; padding-right: 4px; } .wp-steps li:nth-of-type(3n) { padding-left: 8px; padding-right: 0px; } } /* software grid */ .wp-software-grid li > div > div { display: table; width: 100%; box-sizing: border-box; } .wp-software-grid li > div .text { display: table-cell; vertical-align: middle; } .wp-software-grid li > div .text:nth-of-type(odd) { width: 50%; padding-right: calc(12px / 2); } .wp-software-grid li > div .text:nth-of-type(even) { width: 50%; padding-left: calc(12px / 2); } /* collection savings */ .wp-collection-savings .wp-software-grid li:last-of-type > div .text { display: table-cell; vertical-align: top; } @media only screen and (min-width: 64.063em) { .wp-collection-savings .core-container:nth-of-type(1) { padding-right: calc(12px / 2); } .wp-collection-savings .core-container:nth-of-type(2) { padding-left: calc(12px / 2); } } /* industry workflows */ .wp-industry-workflow > .aem-Grid > .core-container:nth-of-type(1) > .cmp-container { padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 64.063em) { .wp-industry-workflow { display: flex; flex-wrap: wrap; } .wp-industry-workflow > .aem-Grid > .core-container { float: none; } .wp-industry-workflow > .aem-Grid > .core-container:nth-of-type(1) > .cmp-container { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; padding-right: 12px; border-right: 1px solid rgba(0, 0, 0, 0.1); } .wp-industry-workflow > .aem-Grid > .core-container:nth-of-type(2) > .cmp-container { padding-left: 32px; } } /* segment crosslink */ .wp-crosslink ul li { padding-bottom: 0px; margin-bottom: 0px !important; } .wp-crosslink ul li:last-of-type { padding-bottom: 0px; } .wp-crosslink ul li > div .text p { display: table; } .wp-crosslink ul li > div .text p svg { display: table-cell; vertical-align: middle; width: 56px; height: 56px; fill: #000000; } .wp-crosslink ul li > div .text p span { display: table-cell; vertical-align: middle; width: calc(100% - 56px); padding-left: 12px; } @media only screen and (min-width: 40.063em) { .wp-crosslink ul li > div .text p svg { width: 80px; height: 80px; } .wp-crosslink ul li > div .text p span { width: calc(100% - 80px); } } @media only screen and (min-width: 40.063em) and (max-width: 64.063em) { .wp-crosslink ul.large-block-grid-2 li { padding-bottom: 16px; } .wp-crosslink ul.large-block-grid-2 li:nth-last-of-type(1), .wp-crosslink ul.large-block-grid-2 li:nth-last-of-type(2) { padding-bottom: 32px; } .wp-crosslink ul.large-block-grid-3 li, .wp-crosslink ul.large-block-grid-2 li:nth-last-of-type(1), .wp-crosslink ul.large-block-grid-2 li:nth-last-of-type(2) { padding-bottom: 0px; } .wp-crosslink ul.large-block-grid-3 li.large-block-grid-3 li > div svg, .wp-crosslink ul.large-block-grid-2 li:nth-last-of-type(1).large-block-grid-3 li > div svg, .wp-crosslink ul.large-block-grid-2 li:nth-last-of-type(2).large-block-grid-3 li > div svg { width: 56px; height: 56px; } .wp-crosslink ul.large-block-grid-3 li > div p span { width: calc(100% - 56px); } } /* buy experience */ .wp-buy-experience > .aem-Grid > .core-container + .core-container { margin-top: 24px; } @media only screen and (min-width: 40.063em) { .wp-buy-experience > .aem-Grid { padding: 0 60px; } } @media only screen and (min-width: 64.063em) { .wp-buy-experience > .aem-Grid { max-width: 1080px; padding: 0; } .wp-buy-experience > .aem-Grid > .core-container { padding-right: 64px; } .wp-buy-experience > .aem-Grid > .core-container + .core-container { margin-top: 0; } } /* highlight items */ .wp-highlight-items { display: flex; flex-wrap: wrap; } .wp-highlight-items .aem-Grid > .core-container > .cmp-container { float: none; height: 100%; border-top: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 3px solid #000000; background: #FBFBFB; padding-left: 24px; padding-right: 20px; padding-top: 32px; padding-bottom: 20px; } .wp-highlight-items .aem-Grid > .core-container > .cmp-container .wd-color-dark-gray-1 { color: #212121; } .wp-highlight-items p.wd-inline-icon svg { width: 32px; height: 32px; margin-right: 8px; } .wp-highlight-items p.wd-inline-icon svg.wd-fill-blue { fill: #212121; } .wp-highlight-items p:not(.wd-inline-icon) { max-width: 300px !important; } /* quick compare cards */ @media only screen and (min-width: 40.063em) { .wp-grid-2-cards > .aem-Grid > .core-container:first-child { padding-right: 12px; } .wp-grid-2-cards > .aem-Grid > .core-container:first-child:not(.wd-mb-0) { margin-bottom: 0px !important; } .wp-grid-2-cards > .aem-Grid > .core-container:last-child { padding-left: 12px; } } /* form layouts */ body:not([data-author-mode]) .wp-form-after { display: none; } .wp-grid-form-flex > .aem-Grid > .core-container:first-child, .wp-grid-form-medium > .aem-Grid > .core-container:first-child { padding-bottom: 24px; } .wp-grid-form-flex > .aem-Grid > .core-container:last-child, .wp-grid-form-medium > .aem-Grid > .core-container:last-child { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 24px; } @media only screen and (min-width: 64.063em) { .wp-grid-form-flex > .aem-Grid, .wp-grid-form-medium > .aem-Grid { width: 100% !important; display: flex; flex-wrap: wrap; } .wp-grid-form-flex > .aem-Grid > .core-container:first-child, .wp-grid-form-medium > .aem-Grid > .core-container:first-child { padding-bottom: 0px; margin-left: auto; } .wp-grid-form-flex > .aem-Grid > .core-container:last-child, .wp-grid-form-medium > .aem-Grid > .core-container:last-child { border-top: none; padding-top: 0px; margin-left: auto; } .wp-grid-form-flex > .aem-Grid > .core-container > .cmp-container, .wp-grid-form-medium > .aem-Grid > .core-container > .cmp-container { height: 100%; } .wp-grid-form-flex > .aem-Grid > .core-container:first-child { order: 2; } .wp-grid-form-flex > .aem-Grid > .core-container:last-child { padding-right: 20px; order: 1; } .wp-grid-form-flex > .aem-Grid > .core-container:last-child > .cmp-container { border-right: 1px solid rgba(0, 0, 0, 0.1); padding-right: 32px; } .wp-grid-form-medium > .aem-Grid > .core-container:last-child { padding-left: 20px; } .wp-grid-form-medium > .aem-Grid > .core-container:last-child > .cmp-container { border-left: 1px solid rgba(0, 0, 0, 0.1); padding-left: 32px; } } /* nested grid: speakers */ .wp-nestedgrid-speakers > .aem-Grid > .core-container { float: left; width: 100%; } .wp-nestedgrid-speakers > .aem-Grid > .core-container > .cmp-container { display: table; width: 100%; } .wp-nestedgrid-speakers > .aem-Grid > .core-container > .cmp-container .image { display: table-cell; vertical-align: top; width: 150px; max-width: 33.33333%; } .wp-nestedgrid-speakers > .aem-Grid > .core-container > .cmp-container .image + .core-container { display: table-cell; vertical-align: top; padding-left: 20px; } @media only screen and (min-width: 64.063em) { .wp-nestedgrid-speakers > .aem-Grid > .core-container { width: auto; } } /* nested grid: thumbnails */ @media only screen and (min-width: 40.063em) { .wp-nestedgrid-thumbnails > .aem-Grid > .core-container > .cmp-container { display: table; width: 100%; } .wp-nestedgrid-thumbnails > .aem-Grid > .core-container > .cmp-container .image { display: table-cell; vertical-align: top; width: 192px; margin-bottom: 0px; } .wp-nestedgrid-thumbnails > .aem-Grid > .core-container > .cmp-container .image + .core-container { display: table-cell; vertical-align: top; padding-left: 20px; } } /* nested grid: 3-column full-width */ @media only screen and (min-width: 40.063em) { .wp-nestedgrid-3col > .aem-Grid > .core-container:nth-of-type(1) { margin-bottom: 0px; } .wp-nestedgrid-3col > .aem-Grid > .core-container:nth-of-type(2) { padding-left: 20px; } } @media only screen and (min-width: 64.063em) { .wp-nestedgrid-3col > .aem-Grid > .core-container:nth-of-type(1) { margin-bottom: 8px; width: 100%; } .wp-nestedgrid-3col > .aem-Grid > .core-container:nth-of-type(2) { padding-left: 0px; } } /* nested grid: toolset accordion */ .wp-nestedgrid-toolset > .aem-Grid > .core-container:nth-of-type(2) .cmp-container, .wp-nestedgrid-toolset > .aem-Grid > .core-container:nth-of-type(3) .cmp-container { margin-top: 16px; } @media only screen and (min-width: 40.063em) { .wp-nestedgrid-toolset > .aem-Grid > .core-container:nth-of-type(1) { padding-right: 8px; } .wp-nestedgrid-toolset > .aem-Grid > .core-container:nth-of-type(2) { padding-left: 8px; } .wp-nestedgrid-toolset > .aem-Grid > .core-container:nth-of-type(2) .cmp-container { margin-top: 0px; } .wp-nestedgrid-toolset > .aem-Grid > .core-container:nth-of-type(3):before { content: ''; display: block; clear: both; } } @media only screen and (min-width: 64.063em) { .wp-nestedgrid-toolset > .aem-Grid > .core-container:nth-of-type(1) { padding-right: 8px; } .wp-nestedgrid-toolset > .aem-Grid > .core-container:nth-of-type(2) { padding-right: 4px; padding-left: 4px; } .wp-nestedgrid-toolset > .aem-Grid > .core-container:nth-of-type(2):last-of-type { float: left; } .wp-nestedgrid-toolset > .aem-Grid > .core-container:nth-of-type(3) { padding-left: 8px; } .wp-nestedgrid-toolset > .aem-Grid > .core-container:nth-of-type(3):before { display: none; } .wp-nestedgrid-toolset > .aem-Grid > .core-container:nth-of-type(3) .cmp-container { margin-top: 0px; } .wp-nestedgrid-toolset > .aem-Grid > .core-container:last-of-type p { padding-top: 9px; padding-bottom: 9px; } } /* gallery */ body:not([data-author-mode]) .wp-gallery ul.wp-gallery-display li .text, body:not([data-author-mode]) .wp-gallery ul.wp-gallery-display li:not(:first-of-type), body:not([data-author-mode]) .wp-gallery ul.wp-gallery-display li:not(.active) { display: none; } body:not([data-author-mode]) .wp-gallery ul.wp-gallery-display li.active { display: block; } .wp-gallery ul.wp-gallery-navigation { margin-block-start: 0px; margin-block-end: 0px; padding-top: 8px; margin-bottom: 12px; } .wp-gallery ul.wp-gallery-navigation li:nth-of-type(1) { padding-right: 5px; padding-left: 0; } .wp-gallery ul.wp-gallery-navigation li:nth-of-type(2) { padding-right: 4px; padding-left: 1px; } .wp-gallery ul.wp-gallery-navigation li:nth-of-type(3) { padding-right: 3px; padding-left: 2px; } .wp-gallery ul.wp-gallery-navigation li:nth-of-type(4) { padding-right: 2px; padding-left: 3px; } .wp-gallery ul.wp-gallery-navigation li:nth-of-type(5) { padding-right: 1px; padding-left: 4px; } .wp-gallery ul.wp-gallery-navigation li:nth-of-type(6) { padding-right: 0; padding-left: 5px; } .wp-gallery ul.wp-gallery-navigation li .image { transition: border-color 0.2s, outline-color 0.2s; cursor: pointer; border: 1px solid #dcdcdc; outline: 2px solid rgba(0, 0, 0, 0); outline-offset: -2px; } .wp-gallery ul.wp-gallery-navigation li .image img { border: none !important; display: flex; } .wp-gallery ul.wp-gallery-navigation li.active .image, .wp-gallery ul.wp-gallery-navigation li:hover .image { border-color: rgba(0, 0, 0, 0); outline-color: #006eaf; } .wp-gallery ul.wp-gallery-display { margin-block-start: 0px; margin-block-end: 0px; } .wp-gallery ul.wp-gallery-display .wp-gallery ul.wp-gallery-display img { width: 100%; } .wp-gallery p.wp-figcaption { font-size: 14px; line-height: 1.43; margin-top: 8px; } .pc-07 .wp-gallery ul.wp-gallery-navigation li.active .image, .pc-07 .wp-gallery ul.wp-gallery-navigation li:hover .image { outline-color: #dd2222; } .pc-16 .wp-gallery ul.wp-gallery-navigation li.active .image, .pc-16 .wp-gallery ul.wp-gallery-navigation li:hover .image { outline-color: #d9730b; } .pc-17 .wp-gallery ul.wp-gallery-navigation li.active .image, .pc-17 .wp-gallery ul.wp-gallery-navigation li:hover .image { outline-color: #168576; } .pc-18 .wp-gallery ul.wp-gallery-navigation li.active .image, .pc-18 .wp-gallery ul.wp-gallery-navigation li:hover .image { outline-color: #1858a8; } /* full-bleed images */ .wp-grid-show li { padding: 0 !important; margin-top: 0 !important; position: relative; height: 360px; } .wp-grid-show li .cmp-container .cmp-container { height: 360px; vertical-align: middle; display: table-cell; padding: 0 20px; background: rgba(245, 245, 245, 0.6); width: 100vw; } .wp-grid-show li:not(:first-child) .cmp-container .cmp-container { border-top: 1px solid rgba(0, 0, 0, 0.25); } .wp-grid-show li > div > div > div > .cmp-container { background-position: top center; background-size: cover; background-repeat: no-repeat; } .wd-bg-dark-black .wp-grid-show li:not(:first-child) .cmp-container .cmp-container { border-top: 1px solid rgba(255, 255, 255, 0.25); } .wd-bg-dark-black .wp-grid-show li .cmp-container .cmp-container { background: rgba(0, 0, 0, 0.6); } @media only screen and (min-width: 64.063em) { .wp-grid-show li { height: 550px; } .wp-grid-show li .core-container .core-container { width: 100%; display: table; } .wp-grid-show li .cmp-container .cmp-container { height: 550px; width: 100%; border-left: 1px solid rgba(0, 0, 0, 0.25); } .wp-grid-show li:not(:first-child) .cmp-container .cmp-container { border-top: none !important; } .wp-grid-show li:last-child .cmp-container .cmp-container { border-right: 1px solid rgba(0, 0, 0, 0.25); } .wd-bg-dark-black .wp-grid-show li:not(:first-child) .cmp-container .cmp-container { border-top: none !important; } .wd-bg-dark-black .wp-grid-show li .cmp-container .cmp-container { border-left: 1px solid rgba(255, 255, 255, 0.25); } .wd-bg-dark-black .wp-grid-show li:last-child .cmp-container .cmp-container { border-right: 1px solid rgba(255, 255, 255, 0.25); } } /* product cards */ .wp-cards-display .cmp-responsivelist:not(.xlarge-block-grid-1):not(.xlarge-block-grid-6) > li, .wp-cards-display.wp-products-highlight > .aem-Grid > .core-container:nth-of-type(2) li { margin-top: 20px !important; } @media only screen and (min-width: 64.063em) { .wp-cards-display.wp-products-highlight > .aem-Grid > .core-container:nth-of-type(1) li:nth-of-type(odd) { padding-right: 8px !important; padding-left: 0px !important; } .wp-cards-display.wp-products-highlight > .aem-Grid > .core-container:nth-of-type(1) li:nth-of-type(even) { padding-right: 4px !important; padding-left: 4px !important; } .wp-cards-display.wp-products-highlight > .aem-Grid > .core-container:nth-of-type(2) { padding-left: 0px !important; } .wp-cards-display.wp-products-highlight > .aem-Grid > .core-container:nth-of-type(2) li { margin-top: 0px !important; padding-left: 8px !important; } } /* incentives */ #wp-incentives { padding-top: 8px; padding-bottom: 24px; background: #FBFBFB; border-top: 4px solid #000000; } #wp-incentives ul.cmp-responsivelist { max-width: 100%; padding: 0px 20px; margin: 0px auto; display: -webkit-flex; flex-wrap: wrap; } #wp-incentives ul.cmp-responsivelist li { margin-top: 16px; } #wp-incentives ul.cmp-responsivelist li > div { position: relative; height: 100%; } #wp-incentives ul.cmp-responsivelist li > div > div p, #wp-incentives ul.cmp-responsivelist li > div > div a { border-bottom: none !important; font-weight: 600; } #wp-incentives ul.cmp-responsivelist li > div > div p:last-of-type { max-width: 100% !important; } #wp-incentives ul.cmp-responsivelist li:not([class*="full-width-"]) > div > div { padding: 4px 0; } #wp-incentives ul.cmp-responsivelist li > div > div p, #wp-incentives ul.cmp-responsivelist li > div > div a { color: #212121 !important; } #wp-incentives ul.cmp-responsivelist li > div > div p svg, #wp-incentives ul.cmp-responsivelist li > div > div a svg { fill: #212121; } #wp-incentives ul.cmp-responsivelist li > div > div p svg + span, #wp-incentives ul.cmp-responsivelist li > div > div a svg + span { padding-left: 8px; } #wp-incentives ul.cmp-responsivelist li > div > div p svg:not(.icon-svg-open-ext-link-same-window), #wp-incentives ul.cmp-responsivelist li > div > div a svg:not(.icon-svg-open-ext-link-same-window) { width: 42px; height: 42px; } #wp-incentives ul.cmp-responsivelist li:last-child > div > div p.wd-font-16 { margin-bottom: 16px !important; } #wp-incentives ul.cmp-responsivelist li:last-child:not([class*="full-width-large"]) > div > div p.wd-font-16 { margin-top: 8px !important; } #wp-incentives ul.cmp-responsivelist li:last-child:not([class*="full-width-large"]) > div > div p.wd-font-16 span span { display: none; } #wp-incentives ul.cmp-responsivelist li.full-width-large:last-child > div > div p.wd-font-20 { display: none; } #wp-incentives ul.cmp-responsivelist li.full-width-large:last-child > div > div p.wd-font-16 { margin-top: 16px !important; } #wp-incentives ul.cmp-responsivelist li.full-width-large:last-child > div > div p.wd-font-20, #wp-incentives ul.cmp-responsivelist li:last-child:not([class*="full-width-large"]) > div > div p.wd-font-16 span span { display: none; } @media only screen and (max-width: 40.063em) { #wp-incentives ul.cmp-responsivelist li { margin-bottom: 0px; } #wp-incentives ul.cmp-responsivelist li:not(:nth-of-type(1)) { border-top: 1px solid #DEDEDE; padding-top: 16px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-4 li:last-child > div > div p:first-of-type { margin-top: 8px; } } @media only screen and (min-width: 40.063em) and (max-width: 64.063em) { #wp-incentives ul.cmp-responsivelist li.full-width-medium { width: 100%; min-width: 100%; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-2 li { /* below */ } #wp-incentives ul.cmp-responsivelist.medium-block-grid-2 li:nth-of-type(odd):not(.full-width-medium) { padding-left: 0px; padding-right: 0px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-2 li:nth-of-type(odd):not(.full-width-medium) > div { padding-right: 20px; padding-left: 0px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-2 li:nth-of-type(even):not(.full-width-medium) { padding-left: 0px; padding-right: 0px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-2 li:nth-of-type(even):not(.full-width-medium) > div { padding-right: 0px; padding-left: 20px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-2 li:not(.full-width-medium) { width: calc(50% - 1px); } #wp-incentives ul.cmp-responsivelist.medium-block-grid-2 li:not([class*="full-width-"]) > div > div { padding-top: 16px; padding-bottom: 16px; padding-left: 0px; padding-right: 0px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-2 li:not(:nth-of-type(1)):not(:nth-of-type(2)) { border-top: 1px solid #DEDEDE; padding-top: 16px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-2 li:not(:nth-of-type(2n-1)):not(.full-width-medium) > div { padding-right: 0px; padding-left: 16px; border-left: 1px solid #DEDEDE; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-3 li:not(.full-width-medium) { width: calc((100% / 3) - 1px); } #wp-incentives ul.cmp-responsivelist.medium-block-grid-3 li:not([class*="full-width-"]) > div > div { padding-top: 16px; padding-bottom: 16px; padding-left: 0px; padding-right: 0px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-3 li:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)) { border-top: 1px solid #DEDEDE; padding-top: 16px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-3 li:not(:nth-of-type(3n-2)):not(.full-width-medium) > div { border-left: 1px solid #DEDEDE; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-3 li:nth-of-type(3n-2):not(.full-width-medium) > div { padding-right: 20px; padding-left: 0px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-3 li:nth-of-type(3n-1):not(.full-width-medium) > div, #wp-incentives ul.cmp-responsivelist.medium-block-grid-3 li:nth-of-type(3n):not(.full-width-medium) > div { padding-right: 0px; padding-left: 20px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-3.xlarge-block-grid-4 li:nth-of-type(3n-2) { padding-right: 8px; padding-left: 0px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-3.xlarge-block-grid-4 li:nth-of-type(3n-1) { padding-right: 4px; padding-left: 4px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-3.xlarge-block-grid-4 li:nth-of-type(3n) { padding-right: 0px; padding-left: 8px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-3.xlarge-block-grid-4 li.full-width-medium:last-child > div > div p:first-of-type { margin-top: 8px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-3.xlarge-block-grid-2 li { margin-bottom: 0px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-1 li { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; } #wp-incentives ul.cmp-responsivelist.medium-block-grid-1 li:not(:nth-of-type(1)) { border-top: 1px solid #DEDEDE; padding-top: 16px; } } @media only screen and (min-width: 64.063em) { #wp-incentives ul.cmp-responsivelist li:not([class*="full-width-"]) > div > div { padding-top: 16px; padding-bottom: 16px; padding-left: 0px; padding-right: 0px; } #wp-incentives ul.cmp-responsivelist li.full-width-large { width: 100%; min-width: 100%; } #wp-incentives ul.cmp-responsivelist li > div > div span span { display: inline-block; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-2 li { margin-bottom: 0px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-2 li:not(.full-width-large) { width: calc(50% - 1px); } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-2 li:nth-of-type(odd):not(.full-width-large) > div { padding-right: 20px; padding-left: 0px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-2 li:nth-of-type(even):not(.full-width-large) > div { padding-right: 0px; padding-left: 20px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-2 li:not(:nth-of-type(1)):not(:nth-of-type(2)) { border-top: 1px solid #DEDEDE; padding-top: 16px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-2 li:not(:nth-of-type(2n-1)):not(.full-width-large) > div { border-left: 1px solid #DEDEDE; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-3 li:not(.full-width-large) { width: calc((100% / 3) - 1px); } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-3 li:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)) { border-top: 1px solid #DEDEDE; padding-top: 16px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-3 li:not(:nth-of-type(3n-2)):not(.full-width-large) > div { border-left: 1px solid #DEDEDE; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-3 li:nth-of-type(3n-2):not(.full-width-large) > div { padding-right: 20px; padding-left: 0px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-3 li:nth-of-type(3n-1):not(.full-width-large) > div, #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-3 li:nth-of-type(3n):not(.full-width-large) > div { padding-right: 0px; padding-left: 20px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-4 li:not(.full-width-large) { width: calc(25% - 1px); } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-4 li:not(:nth-of-type(4n-3)):not(.full-width-large) > div { border-left: 1px solid #DEDEDE; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-4 li:nth-of-type(1) { padding-right: 12px; padding-left: 0px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-4 li:nth-of-type(1) > div > div { padding-right: 0px; padding-left: 16px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-4 li:nth-of-type(2) { padding-right: 12px; padding-left: 0px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-4 li:nth-of-type(2) > div > div { padding-right: 0px; padding-left: 16px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-4 li:nth-of-type(3) { padding-right: 12px; padding-left: 0px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-4 li:nth-of-type(3) > div > div { padding-right: 0px; padding-left: 16px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-4 li:nth-of-type(4) { padding-right: 12px; padding-left: 0px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-4 li:nth-of-type(4) > div > div { padding-right: 0px; padding-left: 16px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-4 li:last-child:not([class*="full-width-large"]) > div > div { padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 0px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-1 li { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; } #wp-incentives ul.cmp-responsivelist.xlarge-block-grid-1 li:not(:nth-of-type(1)) { border-top: 1px solid #DEDEDE; padding-top: 16px; } } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ /* all banners */ body:not([data-author-mode]) .wp-banner-credits { position: absolute; left: 20px; } .wp-banner-credits { width: 100%; max-width: 1248px; margin: 0px auto; bottom: 12px; } .wp-banner-credits p { color: rgba(0, 0, 0, 0.8); } .wd-bg-dark-black .wp-banner-credits p { color: rgba(255, 255, 255, 0.8); } div[class*="wp-banner-style-"] { position: relative; overflow: hidden; } div[class*="wp-banner-style-"].wp-banner-style-eol, div[class*="wp-banner-style-"].wp-banner-style-overview, div[class*="wp-banner-style-"].wp-banner-style-overview-new, div[class*="wp-banner-style-"].wp-banner-style-targeted, div[class*="wp-banner-style-"].wp-banner-style-small, div[class*="wp-banner-style-"].wp-banner-style-medium, div[class*="wp-banner-style-"].wp-banner-style-large, div[class*="wp-banner-style-"].wp-banner-style-flexible { border-bottom: 1px solid rgba(0, 0, 0, 0.25); } div[class*="wp-banner-style-"].wp-banner-style-eol:not(.wd-bg-dark-black), div[class*="wp-banner-style-"].wp-banner-style-overview:not(.wd-bg-dark-black), div[class*="wp-banner-style-"].wp-banner-style-overview-new:not(.wd-bg-dark-black), div[class*="wp-banner-style-"].wp-banner-style-targeted:not(.wd-bg-dark-black), div[class*="wp-banner-style-"].wp-banner-style-small:not(.wd-bg-dark-black), div[class*="wp-banner-style-"].wp-banner-style-medium:not(.wd-bg-dark-black), div[class*="wp-banner-style-"].wp-banner-style-large:not(.wd-bg-dark-black), div[class*="wp-banner-style-"].wp-banner-style-flexible:not(.wd-bg-dark-black) { background-color: #f5f5f5; background-position: top center; background-size: cover; background-repeat: no-repeat; } div[class*="wp-banner-style-"].wp-banner-style-small.wd-bg-dark-black, div[class*="wp-banner-style-"].wp-banner-style-medium.wd-bg-dark-black, div[class*="wp-banner-style-"].wp-banner-style-large.wd-bg-dark-black, div[class*="wp-banner-style-"].wp-banner-style-flexible.wd-bg-dark-black, div[class*="wp-banner-style-"].wp-banner-style-bim { background-color: #000000; background-position: top center; background-size: cover; background-repeat: no-repeat; } div[class*="wp-banner-style-"] .wp-banner-grid { width: 100%; max-width: 1248px; margin: 0 auto; position: relative; } div[class*="wp-banner-style-"] .wp-banner-grid .image img { width: auto; max-width: 100%; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-small .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-medium .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-large .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-flexible .wp-banner-grid { padding: 48px 20px calc(20px * 4) 20px; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2), div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2), div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2), div[class*="wp-banner-style-"].wp-banner-style-small .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2), div[class*="wp-banner-style-"].wp-banner-style-medium .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2), div[class*="wp-banner-style-"].wp-banner-style-large .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2), div[class*="wp-banner-style-"].wp-banner-style-flexible .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2) { margin-top: 16px; } div[class*="wp-banner-style-"].wp-banner-style-eol .wp-banner-grid { padding: 48px 20px; } div[class*="wp-banner-style-"].wp-banner-style-eol .wp-banner-grid .image img { max-height: 64px; } div[class*="wp-banner-style-"].wp-banner-style-overview:not(.wd-bg-dark-black) > .core-container, div[class*="wp-banner-style-"].wp-banner-style-overview-new:not(.wd-bg-dark-black) > .core-container, div[class*="wp-banner-style-"].wp-banner-style-targeted:not(.wd-bg-dark-black) > .core-container { background: linear-gradient(rgba(245, 245, 245, 0.6), rgba(245, 245, 245, 0.6)); } div[class*="wp-banner-style-"].wp-banner-style-overview.wd-bg-dark-black > .core-container, div[class*="wp-banner-style-"].wp-banner-style-overview-new.wd-bg-dark-black > .core-container, div[class*="wp-banner-style-"].wp-banner-style-targeted.wd-bg-dark-black > .core-container { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)); } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid .image img, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid .image img { max-height: 36px; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid .pds-replacer-regular-price.wd-strikethrough, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid .pds-replacer-regular-price.wd-strikethrough { margin-right: 4px; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid .pds-replacer-regular-price.wd-strikethrough:before, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid .pds-replacer-regular-price.wd-strikethrough:before { content: ''; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' id='icon-svg-tag-promo-solid' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49.3 0H20.4L0 20.9V50l51.8 50L100 52.2zM21.7 29.3a8 8 0 1 1 8-8 8.02 8.02 0 0 1-8 8z' fill='%23666'%3E%3C/path%3E%3C/svg%3E"); width: 20px; height: 20px; margin-right: 8px; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid .mfe-product-price--regular.before-discount, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid .mfe-product-price--regular.before-discount { color: #999999; padding-right: 4px; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid .mfe-product-price--regular.before-discount:before, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid .mfe-product-price--regular.before-discount:before { content: ''; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg id='icon-svg-tag-promo-solid' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49.3 0H20.4L0 20.9V50l51.8 50L100 52.2zM21.7 29.3a8 8 0 1 1 8-8 8.02 8.02 0 0 1-8 8z' fill='%23af1b1b'%3E%3C/path%3E%3C/svg%3E"); width: 20px; height: 20px; margin-right: 4px; text-decoration-line: none; vertical-align: middle; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid .mfe-product-price--regular.before-discount + .mfe-product-price--promotion, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid .mfe-product-price--regular.before-discount + .mfe-product-price--promotion { color: #af1b1b; } div[class*="wp-banner-style-"].wp-banner-style-small:not(.wd-bg-dark-black) > .core-container, div[class*="wp-banner-style-"].wp-banner-style-medium:not(.wd-bg-dark-black) > .core-container, div[class*="wp-banner-style-"].wp-banner-style-large:not(.wd-bg-dark-black) > .core-container, div[class*="wp-banner-style-"].wp-banner-style-flexible:not(.wd-bg-dark-black) > .core-container { background: linear-gradient(rgba(245, 245, 245, 0.8), rgba(245, 245, 245, 0.8)); } div[class*="wp-banner-style-"].wp-banner-style-small.wd-bg-dark-black > .core-container, div[class*="wp-banner-style-"].wp-banner-style-medium.wd-bg-dark-black > .core-container, div[class*="wp-banner-style-"].wp-banner-style-large.wd-bg-dark-black > .core-container, div[class*="wp-banner-style-"].wp-banner-style-flexible.wd-bg-dark-black > .core-container { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)); } div[class*="wp-banner-style-"].wp-banner-style-bim > .core-container { background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)); } div[class*="wp-banner-style-"].wp-banner-style-bim .wd-icon.pc-brand { fill: #000000 !important; } div[class*="wp-banner-style-"] .wd-button { max-width: 360px; } @media only screen and (min-width: 40.063em) { div[class*="wp-banner-style-"].wp-banner-style-eol .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-small .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-medium .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-large .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-bim .wp-banner-grid { display: table; } div[class*="wp-banner-style-"].wp-banner-style-eol .wp-banner-grid > .aem-Grid, div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid > .aem-Grid, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid > .aem-Grid, div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid > .aem-Grid, div[class*="wp-banner-style-"].wp-banner-style-small .wp-banner-grid > .aem-Grid, div[class*="wp-banner-style-"].wp-banner-style-medium .wp-banner-grid > .aem-Grid, div[class*="wp-banner-style-"].wp-banner-style-large .wp-banner-grid > .aem-Grid, div[class*="wp-banner-style-"].wp-banner-style-bim .wp-banner-grid > .aem-Grid { display: table-cell; vertical-align: middle; } div[class*="wp-banner-style-"].wp-banner-style-eol .wp-banner-grid > .aem-Grid:after, div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid > .aem-Grid:after, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid > .aem-Grid:after, div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid > .aem-Grid:after, div[class*="wp-banner-style-"].wp-banner-style-small .wp-banner-grid > .aem-Grid:after, div[class*="wp-banner-style-"].wp-banner-style-medium .wp-banner-grid > .aem-Grid:after, div[class*="wp-banner-style-"].wp-banner-style-large .wp-banner-grid > .aem-Grid:after, div[class*="wp-banner-style-"].wp-banner-style-bim .wp-banner-grid > .aem-Grid:after { content: ''; display: table-cell; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-small .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-medium .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-large .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-flexible .wp-banner-grid, div[class*="wp-banner-style-"].wp-banner-style-bim .wp-banner-grid { padding: 0px 20px; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12, div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12, div[class*="wp-banner-style-"].wp-banner-style-small .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12, div[class*="wp-banner-style-"].wp-banner-style-medium .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12, div[class*="wp-banner-style-"].wp-banner-style-large .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12, div[class*="wp-banner-style-"].wp-banner-style-flexible .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12, div[class*="wp-banner-style-"].wp-banner-style-bim .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12 { width: 66.66667%; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--large--6:nth-of-type(1), div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--large--6:nth-of-type(1), div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--large--6:nth-of-type(1), div[class*="wp-banner-style-"].wp-banner-style-small .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--large--6:nth-of-type(1), div[class*="wp-banner-style-"].wp-banner-style-medium .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--large--6:nth-of-type(1), div[class*="wp-banner-style-"].wp-banner-style-large .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--large--6:nth-of-type(1), div[class*="wp-banner-style-"].wp-banner-style-flexible .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--large--6:nth-of-type(1), div[class*="wp-banner-style-"].wp-banner-style-bim .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--large--6:nth-of-type(1) { max-width: 350px; } div[class*="wp-banner-style-"].wp-banner-style-eol > .core-container, div[class*="wp-banner-style-"].wp-banner-style-overview:not(.wd-bg-dark-black) > .core-container, div[class*="wp-banner-style-"].wp-banner-style-overview-new:not(.wd-bg-dark-black) > .core-container { background: linear-gradient(to right, rgba(245, 245, 245, 0.6) 0%, rgba(245, 245, 245, 0.4) 50%, rgba(245, 245, 245, 0) 75%) no-repeat top center/1580px 100%, linear-gradient(to left, rgba(245, 245, 245, 0), whitesmoke) no-repeat top left calc(50% - 705px)/175px 100%, linear-gradient(to right, rgba(245, 245, 245, 0), whitesmoke) no-repeat top left calc(50% + 705px)/175px 100%; } div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid { padding: 48px 20px; } div[class*="wp-banner-style-"].wp-banner-style-targeted:not(.wd-bg-dark-black) > .core-container { background: linear-gradient(to left, rgba(245, 245, 245, 0), whitesmoke) no-repeat top left calc(50% - 705px)/175px 100%, linear-gradient(to right, rgba(245, 245, 245, 0), whitesmoke) no-repeat top left calc(50% + 705px)/175px 100%; } div[class*="wp-banner-style-"].wp-banner-style-targeted.wd-bg-dark-black > .core-container { background: linear-gradient(to left, rgba(0, 0, 0, 0), black) no-repeat top left calc(50% - 705px)/175px 100%, linear-gradient(to right, rgba(0, 0, 0, 0), black) no-repeat top left calc(50% + 705px)/175px 100%; } div[class*="wp-banner-style-"].wp-banner-style-small:not(.wd-bg-dark-black) > .core-container, div[class*="wp-banner-style-"].wp-banner-style-medium:not(.wd-bg-dark-black) > .core-container, div[class*="wp-banner-style-"].wp-banner-style-large:not(.wd-bg-dark-black) > .core-container { background: linear-gradient(to right, rgba(245, 245, 245, 0.6) 0%, rgba(245, 245, 245, 0.6) 40%, rgba(245, 245, 245, 0.4) 60%, rgba(245, 245, 245, 0) 80%) no-repeat top center/1580px 100%, linear-gradient(to left, rgba(245, 245, 245, 0), whitesmoke) no-repeat top left calc(50% - 705px)/175px 100%, linear-gradient(to right, rgba(245, 245, 245, 0), whitesmoke) no-repeat top left calc(50% + 705px)/175px 100%; } div[class*="wp-banner-style-"].wp-banner-style-small.wd-bg-dark-black > .core-container, div[class*="wp-banner-style-"].wp-banner-style-medium.wd-bg-dark-black > .core-container, div[class*="wp-banner-style-"].wp-banner-style-large.wd-bg-dark-black > .core-container { background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 80%) no-repeat top center/1580px 100%, linear-gradient(to left, rgba(0, 0, 0, 0), black) no-repeat top left calc(50% - 705px)/175px 100%, linear-gradient(to right, rgba(0, 0, 0, 0), black) no-repeat top left calc(50% + 705px)/175px 100%; } div[class*="wp-banner-style-"].wp-banner-style-flexible .wp-banner-grid { padding: calc(20px * 4) 20px calc(20px * 5) 20px; } div[class*="wp-banner-style-"].wp-banner-style-flexible:not(.wd-bg-dark-black) > .core-container { background: linear-gradient(to right, rgba(245, 245, 245, 0.6) 0%, rgba(245, 245, 245, 0.6) 40%, rgba(245, 245, 245, 0.4) 60%, rgba(245, 245, 245, 0) 80%) no-repeat top center/1580px 100%, linear-gradient(to left, rgba(245, 245, 245, 0), whitesmoke) no-repeat top left calc(50% - 705px)/175px 100%, linear-gradient(to right, rgba(245, 245, 245, 0), whitesmoke) no-repeat top left calc(50% + 705px)/175px 100%; } div[class*="wp-banner-style-"].wp-banner-style-flexible.wd-bg-dark-black > .core-container { background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 80%) no-repeat top center/1580px 100%, linear-gradient(to left, rgba(0, 0, 0, 0), black) no-repeat top left calc(50% - 705px)/175px 100%, linear-gradient(to right, rgba(0, 0, 0, 0), black) no-repeat top left calc(50% + 705px)/175px 100%; } div[class*="wp-banner-style-"].wp-banner-style-bim > .core-container { background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 80%) no-repeat top center/1580px 100%, linear-gradient(to left, rgba(0, 0, 0, 0), black) no-repeat top left calc(50% - 705px)/175px 100%, linear-gradient(to right, rgba(0, 0, 0, 0), black) no-repeat top left calc(50% + 705px)/175px 100%; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-overview, body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-targeted { height: 450px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid, body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid { height: 450px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-overview-new { height: 365px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid { height: 365px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-small { height: 346px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-small .wp-banner-grid { height: 346px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-medium { height: 480px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-medium .wp-banner-grid { height: 480px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-large { height: 640px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-large .wp-banner-grid { height: 640px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-bim { height: 620px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-bim .wp-banner-grid { height: 620px; } } @media only screen and (min-width: 64.063em) { div[class*="wp-banner-style-"].wp-banner-style-eol { background-size: 1580px auto !important; } div[class*="wp-banner-style-"].wp-banner-style-overview, div[class*="wp-banner-style-"].wp-banner-style-overview-new, div[class*="wp-banner-style-"].wp-banner-style-targeted, div[class*="wp-banner-style-"].wp-banner-style-small, div[class*="wp-banner-style-"].wp-banner-style-medium, div[class*="wp-banner-style-"].wp-banner-style-large, div[class*="wp-banner-style-"].wp-banner-style-flexible, div[class*="wp-banner-style-"].wp-banner-style-bim { background-size: 1580px auto !important; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12, div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12, div[class*="wp-banner-style-"].wp-banner-style-small .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12, div[class*="wp-banner-style-"].wp-banner-style-medium .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12, div[class*="wp-banner-style-"].wp-banner-style-large .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12, div[class*="wp-banner-style-"].wp-banner-style-flexible .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12, div[class*="wp-banner-style-"].wp-banner-style-bim .wp-banner-grid > .aem-Grid > .aem-GridColumn--default--12 { width: 58.33333%; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(1), div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(1), div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(1), div[class*="wp-banner-style-"].wp-banner-style-small .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(1), div[class*="wp-banner-style-"].wp-banner-style-medium .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(1), div[class*="wp-banner-style-"].wp-banner-style-large .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(1), div[class*="wp-banner-style-"].wp-banner-style-flexible .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(1), div[class*="wp-banner-style-"].wp-banner-style-bim .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(1) { padding-right: 12px; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2), div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2), div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2), div[class*="wp-banner-style-"].wp-banner-style-small .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2), div[class*="wp-banner-style-"].wp-banner-style-medium .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2), div[class*="wp-banner-style-"].wp-banner-style-large .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2), div[class*="wp-banner-style-"].wp-banner-style-flexible .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2), div[class*="wp-banner-style-"].wp-banner-style-bim .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:nth-of-type(2) { margin-top: 0px !important; padding-left: 12px; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:only-child, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:only-child, div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:only-child, div[class*="wp-banner-style-"].wp-banner-style-small .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:only-child, div[class*="wp-banner-style-"].wp-banner-style-medium .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:only-child, div[class*="wp-banner-style-"].wp-banner-style-large .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:only-child, div[class*="wp-banner-style-"].wp-banner-style-flexible .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:only-child, div[class*="wp-banner-style-"].wp-banner-style-bim .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6:only-child { padding-right: 0 !important; padding-left: 0 !important; border-left: none !important; float: none; } div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6 p, div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6 p, div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6 p, div[class*="wp-banner-style-"].wp-banner-style-small .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6 p, div[class*="wp-banner-style-"].wp-banner-style-medium .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6 p, div[class*="wp-banner-style-"].wp-banner-style-large .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6 p, div[class*="wp-banner-style-"].wp-banner-style-flexible .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6 p, div[class*="wp-banner-style-"].wp-banner-style-bim .wp-banner-grid > .aem-Grid > .core-container .aem-GridColumn--xlarge--6 p { padding-top: 9px; padding-bottom: 9px; } div[class*="wp-banner-style-"]:not(.wd-bg-dark-black):not(.wp-banner-style-bim) .wp-banner-grid > .aem-Grid .aem-Grid .aem-GridColumn--xlarge--6:nth-of-type(2) { border-left: 1px solid rgba(0, 0, 0, 0.25); } div[class*="wp-banner-style-"].wd-bg-dark-black .wp-banner-grid > .aem-Grid .aem-Grid .aem-GridColumn--xlarge--6:nth-of-type(2), div[class*="wp-banner-style-"].wp-banner-style-bim .wp-banner-grid > .aem-Grid .aem-Grid .aem-GridColumn--xlarge--6:nth-of-type(2) { border-left: 1px solid rgba(255, 255, 255, 0.25); } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-overview { height: 385px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-overview .wp-banner-grid { height: 385px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-overview-new { height: 300px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-overview-new .wp-banner-grid { height: 300px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-targeted { height: 346px; } body:not([data-author-mode]) div[class*="wp-banner-style-"].wp-banner-style-targeted .wp-banner-grid { height: 346px; } } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ div.cmp-accordion { border-top-width: 1px; border-top-style: solid; border-top-color: #666666; } div.dc-bd-bt { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; padding-bottom: 10px; } button.cmp-accordion__button { padding-top: 10px; cursor: pointer; background-color: transparent; border: none; padding-left: 0; padding-right: 0; outline: none; vertical-align: middle; width: 100%; display: flex; } button.cmp-accordion__button span.cmp-accordion__icon { padding-left: 2px; margin-top: 2px; display: block; } button.cmp-accordion__button span.cmp-accordion__icon > div span.dc-svg-icon { color: #212121; vertical-align: middle; } button.cmp-accordion__button span.cmp-accordion__icon > div span.dc-svg-icon svg { stroke: #212121; fill: #212121; height: 0.842em; width: 0.842em; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: 100%; font-size: 19px; line-height: 28.5px; } button.cmp-accordion__button span.cmp-accordion__icon div.dc-svg-show { width: 24px; margin-right: 4px; } button.cmp-accordion__button span.cmp-accordion__icon div.dc-svg-hide { width: 24px; margin-right: 4px; } button.cmp-accordion__button span.cmp-accordion__title { font-weight: 700; font-size: 21px; line-height: 1.19047619; color: #212121; display: block; font-style: normal; font-family: Artifakt, sans-serif; } div.cmp-accordion__item div.cmp-accordion__panel--expanded { margin-top: 16px; margin-bottom: 24px; } @media only screen and (min-width: 641px) { div.cmp-accordion__item div.cmp-accordion__panel--expanded { padding-left: 30px; } } button[aria-expanded=true] span div.dc-svg-show { display: none; } button[aria-expanded=false] span div.dc-svg-hide { display: none; } div[class*="wd-bg-dark-"] button.cmp-accordion__button span.cmp-accordion__icon > div span.dc-svg-icon { color: #FFFFFF; } div[class*="wd-bg-dark-"] button.cmp-accordion__button span.cmp-accordion__icon > div span.dc-svg-icon svg { stroke: #FFFFFF; } div[class*="wd-bg-dark-"] button.cmp-accordion__button span.cmp-accordion__title { color: #FFFFFF; } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ /* general */ .body-content { position: relative; } /* product center template */ .pc-layout-body { padding-bottom: 64px; position: static; } .pc-layout-navigation .row { min-width: 0; } .pc-layout-content { margin-top: 64px; padding-bottom: 32px; } @media only screen and (max-width: 50em) { .body-content.product-center { padding-top: 60px; } .pc-layout-navigation { position: absolute; z-index: 1; width: 100%; top: 0; left: 0; } } @media only screen and (min-width: 50em) { .pc-layout-body { padding-top: 64px; } .pc-layout-content { margin-top: 0px; padding-left: 20px; } } @media only screen and (min-width: 50em) and (max-width: 64.063em) { .pc-layout-body > .aem-Grid > div.aem-GridColumn--xlarge--3 { width: 242px !important; } .pc-layout-body > .aem-Grid > div.aem-GridColumn--xlarge--3 + div.aem-GridColumn--xlarge--9 { width: calc(100% - 242px) !important; } } /* fat footer */ .wp-footer-fat .text ul { padding-left: 0px; } .wp-footer-fat .text li { list-style-type: none; } .wp-footer-fat .text a, .wp-footer-fat .text li a:only-child { font-weight: 400; color: #000000; border-color: #000000; } .wp-footer-fat .text a:not(:hover), .wp-footer-fat .text li a:only-child:not(:hover) { border-bottom: none; } .wp-footer-fat .wd-responsive-grid { padding-left: 4px; padding-right: 4px; } .wp-footer-fat .wd-responsive-grid .core-container { padding-left: 16px; padding-right: 16px; } .wp-footer-fat .wd-responsive-grid .core-container:first-of-type p.wd-btw-1 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 16px; } @media only screen and (min-width: 40.063em) { .wp-footer-fat .wd-responsive-grid > .aem-Grid { display: flex; flex-wrap: wrap; } .wp-footer-fat .wd-responsive-grid .core-container:first-of-type { width: 100%; } .wp-footer-fat .wd-responsive-grid .core-container:not(:first-of-type):not(:last-of-type) { border-right: 1px solid rgba(0, 0, 0, 0.1); } } @media only screen and (min-width: 64.063em) { .wp-footer-fat .wd-responsive-grid .core-container:first-of-type { width: auto; border-right: 1px solid rgba(0, 0, 0, 0.1); } .wp-footer-fat .wd-responsive-grid .core-container:first-of-type p.wd-btw-1 { border-bottom: none; margin-bottom: 0px; } .wp-footer-fat .wd-responsive-grid .core-container:last-of-type { width: 32%; } } /* legal footer */ .wp-footer-legal .text a { color: #3c3c3c; border-bottom: none; } .wp-footer-legal .text a:hover { border-bottom: 1px solid #3c3c3c; } /* Use map.get() to reference the values below. */ /* values*/ /* button values - tbc */ /* widths */ /* buttons */ .wd-modal { background-color: rgba(0, 0, 0, 0.3); height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 400; } .wd-modal.hidden { display: none; } .wd-modal-window { background: #ffffff; display: flex; flex-direction: column; margin: 0; max-width: 670px; opacity: 1; width: calc(100% - 40px); z-index: 410; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 4px; box-shadow: 0 2px 64px 0 rgba(0, 0, 0, 0.12), 0 4px 16px 0 rgba(0, 0, 0, 0.12), 0 0 8px 1px rgba(0, 0, 0, 0.04); /* header of modal */ /* body of modal */ /* buttons etc */ } @media only screen and (min-width: 40.063em) { .wd-modal-window { max-height: 75%; width: calc(100% - 280px); } } .wd-modal-window-header { min-height: 52px; padding: 16px 16px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-end; /* logo style header */ } .wd-modal-window-header.logo { padding: 14px 14px; justify-content: space-between; } .wd-modal-window-header-close-button { background: transparent; border: 0; padding: 0; margin: 0; cursor: pointer; } .wd-modal-window-header-close-button .wd-svg-close { height: 16px; width: 16px; } .wd-modal-window-header-close-button:focus { outline: 0; } .wd-modal-window-body { color: #3c3c3c; font-size: 16px; overflow: auto; margin-bottom: 1px; } .wd-modal-window-body-content { margin: 32px 20px; } .wd-modal-window-action-bar { display: flex; flex-shrink: 0; flex-flow: column-reverse; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.12); padding: 20px 20px; min-height: 66px; box-sizing: border-box; /* for now always show the blue even if there is pc-xx class */ } @media only screen and (min-width: 40.063em) { .wd-modal-window-action-bar { flex-direction: row; } .wd-modal-window-action-bar button:last-child { margin-top: 0; } } .wd-modal-window-action-bar button:last-child { margin-top: 8px; } .wd-modal-window-action-bar.right { justify-content: flex-end; } .wd-modal-window-action-bar.reverse { flex-direction: column; justify-content: flex-end; } .wd-modal-window-action-bar button.wd-button.pc-brand { background-color: #006eaf; border: 1px solid #006eaf !important; cursor: pointer; } .wd-modal-window-action-bar button.wd-button.pc-brand span.cmp-button__text { min-width: unset; padding-left: 0; padding-right: 0; text-align: center; width: 100%; } .wd-modal-window-action-bar button.wd-button.pc-brand .icon-svg-arrow-span { display: none; } .wd-modal-window-action-bar button.wd-button.pc-brand.secondary { background-color: #ffffff; color: #006eaf !important; } .wd-modal-window-action-bar button.wd-button.pc-brand.modal-cancel-button.small { background-color: #ffffff; border-color: #ffffff !important; margin-right: 0; } .wd-modal-window-action-bar button.wd-button.pc-brand.modal-cancel-button.small span.cmp-button__text { color: #006eaf; text-align: center; margin-left: 0; min-width: unset; } @media only screen and (min-width: 40.063em) { .wd-modal-window-action-bar button.wd-button.pc-brand.modal-cancel-button.small { margin-right: 8px; } } @media only screen and (min-width: 40.063em) { .wd-modal-window-action-bar { flex-direction: row; flex-wrap: wrap; } .wd-modal-window-action-bar button:last-child { margin-top: 0; margin-right: 8px; } .wd-modal-window-action-bar.reverse { flex-flow: row-reverse; } } .wd-lightbox-footer .otfdl-download-footer .otfdl-download-manager-content { display: none !important; } /*# sourceMappingURL=rosetta.css.map*/