/* ========================================================================== FMMP Monroe Base Styles Original styles for default site components provided by Wondersauce. ========================================================================== Notes ----------------- Available Fonts: Blender Pro bold Blender Pro bolditalic Blender Pro book Blender Pro bookitalic Din Condensed bold Roboto black Roboto blackitalic Roboto regular Din Condensed Bold is the local font named "31FEF9_0_0", the //hello.myfonts.net/count/31fef9 counter was added to the aem-base headlibs.jsp, it was added there because this is a global font used on all brands. The license for this font is located at http://www.myfonts.com/viewlicense?type=web&buildid=3276537 */ /* BASE */ .style-guide-code { color: #008000; font-family: monospace !important; font-size: 14px !important; } .style-guide-swatch { box-shadow: 0 2px 5px 2px rgba(128, 128, 128, 0.4); display: inline-block; height: 130px; margin: 30px 15px; position: relative; width: 130px; } .style-guide-swatch:after { color: #008000; font-family: monospace !important; font-size: 14px !important; left: 0; padding-top: 0.5em; position: absolute; text-align: center; top: 100%; width: 100%; } .style-guide-swatch:before { display: block; padding-top: 0.5em; text-align: center; text-shadow: 0 0 4px #fff, 0 0 8px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff; width: 100%; } .style-guide-swatch-black { background-color: #0e0e0e; } .style-guide-swatch-black:after { content: "@c-black"; } .style-guide-swatch-black:before { content: "#0e0e0e"; } .style-guide-swatch-white { background-color: #ffffff; } .style-guide-swatch-white:after { content: "@c-white"; } .style-guide-swatch-white:before { content: "#ffffff"; } .style-guide-swatch-primary { background-color: #0e0e0e; } .style-guide-swatch-primary:after { content: "@c-primary"; } .style-guide-swatch-primary:before { content: "#0e0e0e"; } .style-guide-swatch-primary-dark { background-color: #ffdf1c; } .style-guide-swatch-primary-dark:after { content: "@c-primary-yellow"; } .style-guide-swatch-primary-dark:before { content: "#ffdf1c"; } .style-guide-swatch-primary-desaturate { background-color: #e5e5e5; } .style-guide-swatch-primary-desaturate:after { content: "@c-primary-gray"; } .style-guide-swatch-primary-desaturate:before { content: "#e5e5e5"; } .style-guide-swatch-primary-light { background-color: #ba1c1c; } .style-guide-swatch-primary-light:after { content: "@c-primary-red"; } .style-guide-swatch-primary-light:before { content: "#ba1c1c"; } .style-guide-swatch-grey { background-color: #979797; } .style-guide-swatch-grey:after { content: "@c-grey"; } .style-guide-swatch-grey:before { content: "#979797"; } .style-guide-swatch-grey-dark { background-color: #4f4f4f; } .style-guide-swatch-grey-dark:after { content: "@c-grey-dark"; } .style-guide-swatch-grey-dark:before { content: "#4f4f4f"; } .style-guide-swatch-grey-light { background-color: #dddddd; } .style-guide-swatch-grey-light:after { content: "@c-grey-light"; } .style-guide-swatch-grey-light:before { content: "#dddddd"; } .style-guide-swatch-grey-x-light { background-color: #eeeeee; } .style-guide-swatch-grey-x-light:after { content: "@c-grey-x-light"; } .style-guide-swatch-grey-x-light:before { content: "#eeeeee"; } .style-guide-swatch-error { background-color: #ef331d; } .style-guide-swatch-error:after { content: "@c-error"; } .style-guide-swatch-error:before { content: "#ef331d"; } .style-guide-swatch-secondary { background-color: #ffffff; } .style-guide-swatch-secondary:after { content: "@c-secondary"; } .style-guide-swatch-secondary:before { content: "#ffffff"; } .style-guide-swatch-secondary-dark { background-color: #0e0e0e; } .style-guide-swatch-secondary-dark:after { content: "@c-secondary-dark"; } .style-guide-swatch-secondary-dark:before { content: "#0e0e0e"; } .style-guide-swatch-secondary-desaturate { background-color: #111111; } .style-guide-swatch-secondary-desaturate:after { content: "@c-secondary-desaturate"; } .style-guide-swatch-secondary-desaturate:before { content: "#111111"; } .style-guide-swatch-secondary-light { background-color: #202020; } .style-guide-swatch-secondary-light:after { content: "@c-secondary-light"; } .style-guide-swatch-secondary-light:before { content: "#202020"; } .style-guide-font { display: block; font-size: 1.5em; padding: 1em 0 1.5em 0; position: relative; } .style-guide-font:after { content: "The quick brown fox jumps over the lazy dog ąćęłńóśźż ĄĆĘŁŃÓŚŹŻ çğıiöşü ÇĞIİÖŞÜ áéíóúý ÁÉÍÓÚÝ âêîôû ÂÊÎÔÛ ãñõ ÃÑÕ АаБбВвГгДдЕеЁёЖжЗзИиЙйКкЛлМмНнОоПпРрСсТтУуФфХхЦцЧчШшЩщЪъЫыЬьЭэЮюЯя"; } .style-guide-font:before { color: #008000; font-family: monospace !important; font-size: 14px !important; left: 0; position: absolute; top: 0; } .style-guide-font-primary-bold { font-family: "FuturaStd-CondensedBold"; } .style-guide-font-primary-bold:after { text-transform: uppercase; } .style-guide-font-primary-bold:after { content: "FuturaStd-CondensedBold - The quick brown fox jumps over the lazy dog ąćęłńóśźż ĄĆĘŁŃÓŚŹŻ çğıiöşü ÇĞIİÖŞÜ áéíóúý ÁÉÍÓÚÝ âêîôû ÂÊÎÔÛ ãñõ ÃÑÕ АаБбВвГгДдЕеЁёЖжЗзИиЙйКкЛлМмНнОоПпРрСсТтУуФфХхЦцЧчШшЩщЪъЫыЬьЭэЮюЯя"; } .style-guide-font-primary-bold:before { content: "@ff-primary-bold"; } .style-guide-font-primary-book { font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; } .style-guide-font-primary-book:after { content: "Oswald-Medium - The quick brown fox jumps over the lazy dog ąćęłńóśźż ĄĆĘŁŃÓŚŹŻ çğıiöşü ÇĞIİÖŞÜ áéíóúý ÁÉÍÓÚÝ âêîôû ÂÊÎÔÛ ãñõ ÃÑÕ АаБбВвГгДдЕеЁёЖжЗзИиЙйКкЛлМмНнОоПпРрСсТтУуФфХхЦцЧчШшЩщЪъЫыЬьЭэЮюЯя"; } .style-guide-font-primary-book:before { content: "@ff-primary-book"; } .style-guide-font-primary-light { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedLight', sans-serif; } .style-guide-font-primary-light:after { content: "FuturaStd-CondensedLight - The quick brown fox jumps over the lazy dog ąćęłńóśźż ĄĆĘŁŃÓŚŹŻ çğıiöşü ÇĞIİÖŞÜ áéíóúý ÁÉÍÓÚÝ âêîôû ÂÊÎÔÛ ãñõ ÃÑÕ АаБбВвГгДдЕеЁёЖжЗзИиЙйКкЛлМмНнОоПпРрСсТтУуФфХхЦцЧчШшЩщЪъЫыЬьЭэЮюЯя"; } .style-guide-font-primary-light:before { content: "@ff-primary-light"; } .style-guide-font-secondary-bold { font-family: 'OpenSans-Bold', sans-serif; } .style-guide-font-secondary-bold:after { content: "OpenSans-Bold - The quick brown fox jumps over the lazy dog ąćęłńóśźż ĄĆĘŁŃÓŚŹŻ çğıiöşü ÇĞIİÖŞÜ áéíóúý ÁÉÍÓÚÝ âêîôû ÂÊÎÔÛ ãñõ ÃÑÕ АаБбВвГгДдЕеЁёЖжЗзИиЙйКкЛлМмНнОоПпРрСсТтУуФфХхЦцЧчШшЩщЪъЫыЬьЭэЮюЯя"; } .style-guide-font-secondary-bold:before { content: "@ff-secondary-bold"; } .style-guide-font-global-nav { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedLight', arial, verdana, sans-serif; } .style-guide-font-global-nav:after { content: "Din Condensed Bold - The quick brown fox jumps over the lazy dog ąćęłńóśźż ĄĆĘŁŃÓŚŹŻ çğıiöşü ÇĞIİÖŞÜ áéíóúý ÁÉÍÓÚÝ âêîôû ÂÊÎÔÛ ãñõ ÃÑÕ АаБбВвГгДдЕеЁёЖжЗзИиЙйКкЛлМмНнОоПпРрСсТтУуФфХхЦцЧчШшЩщЪъЫыЬьЭэЮюЯя"; } .style-guide-font-global-nav:before { content: "@ff-global-nav"; } .style-guide-select-sample { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #ffffff; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9Ijc1cHgiIGhlaWdodD0iNThweCIgdmlld0JveD0iMCAwIDc1IDU4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3NSA1OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHJlY3QgZmlsbD0iIzFEMkI1QSIgd2lkdGg9Ijc1IiBoZWlnaHQ9IjU4Ii8+PHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIzMi4xODgsMjQuNzUgNDQuMTg4LDI0Ljc1IDM4LjE4OCwzMy4yNSAiLz48L3N2Zz4="); background-position: 100% center; background-repeat: no-repeat; background-size: contain; border: solid 2px #eeeeee; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; color: #dddddd; cursor: pointer; font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; font-size: 18px; height: 50px; margin: 15px 0 25px 0; padding: 10px 68px 10px 13px; width: 340px; } .style-guide-select-sample:focus { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9Ijc1cHgiIGhlaWdodD0iNThweCIgdmlld0JveD0iMCAwIDc1IDU4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3NSA1OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjZjVlYjJkIiB3aWR0aD0iNzUiIGhlaWdodD0iNTgiLz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNDQuMTg4LDMzLjI1IDMyLjE4OCwzMy4yNSAzOC4xODgsMjQuNzUgIi8+DQo8L3N2Zz4="); border-color: #0e0e0e; outline: none; } .style-guide-select-sample::-ms-expand { display: none; } /* GLOBAL */ body { background-color: #4f4f4f; font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; overflow-y: visible; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* HIGHLIGHT TEXT */ ::-moz-selection { /* Code for Firefox */ background: #0e0e0e; color: #ffffff; } ::selection { background: #0e0e0e; color: #ffffff; } th:after { text-transform: uppercase; } .link-main:after { text-transform: uppercase; } .data-sheets a:after { text-transform: uppercase; } .ff-base { font-style: normal; font-weight: normal; } @font-face { font-family: 'Oswald-Regular'; src: url('../../fmmp-base/libs/main/resources/fonts/Oswald-Regular.eot'); src: url('../../fmmp-base/libs/main/resources/fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../../fmmp-base/libs/main/resources/fonts/Oswald-Regular.woff2') format('woff2'), url('../../fmmp-base/libs/main/resources/fonts/Oswald-Regular.woff') format('woff'), url('../../fmmp-base/libs/main/resources/fonts/Oswald-Regular.ttf') format('truetype'), url('../../fmmp-base/libs/main/resources/fonts/Oswald-Regular.svg#Oswald-Regular') format('svg'); font-style: normal; font-weight: normal; } .ff-primary-regular { font-family: 'Oswald-Regular', sans-serif; font-style: normal; font-weight: normal; } .ff-primary-book { font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; } .ff-secondary-book { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; } .ff-primary-bold-italic { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; } .ff-secondary-bold-italic { font-style: normal; font-weight: normal; font-family: 'OpenSans-Bold', sans-serif; } .ff-primary-light { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedLight', sans-serif; } @font-face { font-family: 'Oswald-Medium'; src: url('../../fmmp-base/libs/main/resources/fonts/Oswald-Medium.eot'); src: url('../../fmmp-base/libs/main/resources/fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'), url('../../fmmp-base/libs/main/resources/fonts/Oswald-Medium.woff2') format('woff2'), url('../../fmmp-base/libs/main/resources/fonts/Oswald-Medium.woff') format('woff'), url('../../fmmp-base/libs/main/resources/fonts/Oswald-Medium.ttf') format('truetype'), url('../../fmmp-base/libs/main/resources/fonts/Oswald-Medium.svg#Oswald-Medium') format('svg'); font-style: normal; font-weight: normal; } .ff-primary-medium { font-family: 'FuturaStd-CondensedBold', sans-serif; } @font-face { font-family: 'Oswald-SemiBold'; src: url('../../fmmp-base/libs/main/resources/fonts/Oswald-SemiBold.eot'); src: url('../../fmmp-base/libs/main/resources/fonts/Oswald-SemiBold.eot?#iefix') format('embedded-opentype'), url('../../fmmp-base/libs/main/resources/fonts/Oswald-SemiBold.woff2') format('woff2'), url('../../fmmp-base/libs/main/resources/fonts/Oswald-SemiBold.woff') format('woff'), url('../../fmmp-base/libs/main/resources/fonts/Oswald-SemiBold.ttf') format('truetype'), url('../../fmmp-base/libs/main/resources/fonts/Oswald-SemiBold.svg#Oswald-SemiBold') format('svg'); font-style: normal; font-weight: normal; } .ff-primary-semi-bold { font-family: 'FuturaStd-CondensedBold', sans-serif; } .ff-primary-bold { font-family: "FuturaStd-CondensedBold"; } .ff-primary-bold:after { text-transform: uppercase; } @font-face { font-family: 'OpenSans'; src: url('../../fmmp-base/libs/main/resources/fonts/OpenSans-Regular.eot'); src: url('../../fmmp-base/libs/main/resources/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../../fmmp-base/libs/main/resources/fonts/OpenSans-Regular.woff2') format('woff2'), url('../../fmmp-base/libs/main/resources/fonts/OpenSans-Regular.woff') format('woff'), url('../../fmmp-base/libs/main/resources/fonts/OpenSans-Regular.ttf') format('truetype'), url('../../fmmp-base/libs/main/resources/fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg'); font-style: normal; font-weight: normal; } .ff-secondary-regular { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; } @font-face { font-family: 'OpenSans-Bold'; src: url('../../fmmp-base/libs/main/resources/fonts/OpenSans-Bold.eot'); src: url('../../fmmp-base/libs/main/resources/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../../fmmp-base/libs/main/resources/fonts/OpenSans-Bold.woff2') format('woff2'), url('../../fmmp-base/libs/main/resources/fonts/OpenSans-Bold.woff') format('woff'), url('../../fmmp-base/libs/main/resources/fonts/OpenSans-Bold.ttf') format('truetype'), url('../../fmmp-base/libs/main/resources/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg'); font-style: normal; font-weight: normal; } .ff-secondary-bold { font-family: 'OpenSans-Bold', sans-serif; } .ff-global-nav { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedLight', arial, verdana, sans-serif; } /* TEXT FORMATTING */ a { color: #0e0e0e; text-decoration: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-transform: uppercase; font-size: 14px; font-family: "FuturaStd-CondensedBold"; font-weight: lighter; } a:after { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } a:hover { color: #ffdf1c; } blockquote, .blockquote { border-left: 8px solid #0e0e0e; color: #0e0e0e; display: block; font-size: 21px; letter-spacing: -1px; line-height: 40px; margin-bottom: 1em; padding-left: 20px; padding-bottom: 2px; } h1, h2, h3, h4, h5, h6 { font-family: 'FuturaStd-CondensedBold', sans-serif; color: #0e0e0e; line-height: 1.2em; text-transform: uppercase; font-weight: lighter; } h1.h--on-bg, h2.h--on-bg, h3.h--on-bg, h4.h--on-bg, h5.h--on-bg, h6.h--on-bg { color: white; } .has-bg { color: white; } .has-bg p, .has-bg h1, .has-bg h2, .has-bg h3, .has-bg h4, .has-bg h5, .has-bg h6, .has-bg a { color: white; } .has-bg a:not(.disable-hover):hover, .has-bg a:not(.disable-hover):hover:after { color: #ffdf1c; } .has-bg ul li:before { color: white; } .has-bg blockquote, .has-bg .blockquote { border-left: 8px solid #ffffff; } .p--on-bg { color: white; } h1 { font-size: 4.125em; padding-top: 30px; line-height: 70px; } h2 { font-size: 3.125em; line-height: 55px; } h3 { font-size: 2.5em; line-height: 47px; } h4 { font-size: 1.875em; } h5 { font-size: 1.125em; font-weight: normal; } h6 { font-size: 16px; font-weight: normal; } p { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; font-size: 16px; line-height: 30px; margin-bottom: 15px; } .mobile h1 { font-size: 40px; } .mobile h2 { font-size: 30px; } .mobile h3 { font-size: 30px; } .mobile h4 { font-size: 20px; } .mobile h5 { font-size: 16px; } .mobile p { font-size: 14px; } .page-content p, .page-content li { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media all and (max-width: 1024px) { h1 { font-size: 40px; line-height: 50px; } h2 { font-size: 30px; line-height: 40px; letter-spacing: 0px; } h3 { font-size: 30px; line-height: 35px; letter-spacing: 0px; } h4 { font-size: 20px; line-height: 25px; letter-spacing: 0px; } h5 { font-size: 16px; line-height: 22px; } p { font-size: 14px; line-height: 28px; } } @media all and (max-width: 767px) { h1 { font-size: 40px !important; line-height: 46px !important; letter-spacing: 0px; } h2 { font-size: 35px; line-height: 40px; letter-spacing: 0px; } h3 { font-size: 25px; line-height: 30px; letter-spacing: 0px; } h4 { font-size: 20px; line-height: 25px; letter-spacing: 0px; } h5 { font-size: 15px; line-height: 22px; } p { font-size: 16px; line-height: 28px; } blockquote, .blockquote { font-size: 20px; line-height: 30px; } } hr { border-color: #dddddd; margin: 1.5em 0; } .block-separator hr { margin-left: 10%; margin-right: 10%; } @media all and (max-width: 1024px) { .block-separator hr { margin-left: 0; margin-right: 0; } } .article .block-separator hr, .right-rail-right-content .block-separator hr { margin-left: 0; margin-right: 0; } /* TABLES */ table { width: 100%; } table, th, td { border: 1px solid #dddddd; } th { background: #eeeeee; font-family: "FuturaStd-CondensedBold"; font-size: 16px; letter-spacing: 4px; padding: 15px; text-align: left; text-transform: uppercase; } th:after { text-transform: uppercase; } td { padding: 15px; text-align: left; text-transform: uppercase; } @media all and (max-width: 767px) { table { min-width: 0; width: 100%; border: 0; } table th { display: none; } table tr td:first-child { border-top: 1px solid #dddddd; } table td { border: 0; display: block; padding: .6rem; text-align: left !important; } table td:before { content: attr(data-th); font-weight: bold; display: inline-block; text-transform: uppercase; width: 6rem; } } /* LISTS */ ol, ul { line-height: 26px; list-style-position: outside; padding: 0; margin-left: 16px; color: #0e0e0e; font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; } ol li, ul li { margin: 0; padding: 0; } ol { list-style-type: decimal; } ul { list-style: none; } ul li { position: relative; } ul li:before { color: #0e0e0e; content: "•"; font-size: 18px; left: -15px; line-height: 1.5; position: absolute; } .link-arrow:after, .button-arrow:after { /* content: '\ea20'; display: inline-block; font-family: 'icomoon'; font-size: 18px; font-weight: normal !important; vertical-align: middle; border: solid transparent;*/ top: 36px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 5px; margin-top: -10px; } .link-arrow { position: relative; display: inline-block; border-width: 3px; margin-top: -3px; } .link-arrow:after { margin-left: 5px; top: 8px; } .link-primary { color: #0e0e0e; } .link-secondary { color: #0e0e0e; opacity: 0.5; } .link-arrow:after { border-left-color: #0e0e0e; } .link-hover:after, .link-arrow:hover:after { border-left-color: #ffffff; } .link-arrow:hover:after { border-left-color: #0e0e0e; } .link-main { font-family: "FuturaStd-CondensedBold"; text-transform: uppercase; position: relative; } .link-main:after { text-transform: uppercase; } .link-main:before { content: ''; background-image: url("common/source/less/images/right-arrow.svg"); background-size: cover; display: block; width: 14px; height: 14px; position: absolute; right: -28px; top: -1px; } .has-bg .link-main, .link--on-dark-bg { color: white; } .has-bg .link-main:after, .link--on-dark-bg:after { color: white; border-left-color: white; } .has-bg .link-main.link-hover, .has-bg .link-main:hover, .link--on-dark-bg.link-hover, .link--on-dark-bg:hover { color: #ef331d; } .has-bg .link-main.link-hover:after, .has-bg .link-main:hover:after, .link--on-dark-bg.link-hover:after, .link--on-dark-bg:hover:after { border-left-color: #004382; } .section:after { display: table; width: 100%; clear: both; content: " "; } .button-arrow:after { margin-left: 6px; } .cta-link, a.cta-link { color: #0e0e0e; } .cta-link:not(.disable-hover):hover, a.cta-link:not(.disable-hover):hover, .cta-link:not(.disable-hover).hover, a.cta-link:not(.disable-hover).hover { color: #ffdf1c; } .cta-link:not(.disable-hover):hover:before, a.cta-link:not(.disable-hover):hover:before, .cta-link:not(.disable-hover).hover:before, a.cta-link:not(.disable-hover).hover:before { color: #ffdf1c; } .cta-link:after, a.cta-link:after { margin-left: 6px; font-family: icomoon; content: "\e92f"; vertical-align: bottom; } .button-arrow-left, .cta-link-left { padding-left: 17px; } .button-arrow-left:before, .cta-link-left:before { margin-right: 6px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .button-main.button-arrow-left, .button-secondary.button-arrow-left { padding-left: 56px; } .button-share .icon-forward3:before { content: "\ea20"; display: inline-block; font-family: 'icomoon'; font-size: 16px; font-weight: normal !important; margin: -3px 0 3px 10px; vertical-align: bottom; } /* DEFAULT STYLE OVERRIDES FOR ELEMENTS W/BACKGROUND IMAGES */ .has-bg { background-position: center; background-size: cover; color: white; } .has-bg blockquote, .has-bg .blockquote, .has-bg h1, .has-bg h2, .has-bg h3, .has-bg h4, .has-bg h5, .has-bg h6, .has-bg ol, .has-bg ul, .has-bg p { color: white; } .has-bg .article .text h1, .has-bg .rte h1 { color: #ffffff; } .has-bg .button-tertiary { background-color: #ffffff; color: #0e0e0e; } .has-bg .button-tertiary:hover { background-color: #eeeeee; } .has-bg .cta-link, .has-bg a.cta-link { color: #ffffff; } .has-bg .cta-link:not(.disable-hover):hover, .has-bg a.cta-link:not(.disable-hover):hover, .has-bg .cta-link:not(.disable-hover).hover, .has-bg a.cta-link:not(.disable-hover).hover { color: #ffdf1c; } .has-bg .cta-link:not(.disable-hover):hover:before, .has-bg a.cta-link:not(.disable-hover):hover:before, .has-bg .cta-link:not(.disable-hover).hover:before, .has-bg a.cta-link:not(.disable-hover).hover:before { color: #ffdf1c; } .has-bg .cta-link-left { color: #ffffff; } .has-bg .cta-link-left:before { border-right-color: #ffffff; } .has-bg .cta-link-left:hover { color: #ffdf1c; } .has-bg .cta-link-left:hover:before { color: #ffdf1c; border-left-color: #ffdf1c; transition: all 0.3s ease 0s; } /* BUTTONS */ .button-main, .button-secondary, .button-tertiary { border: 0px; font-family: 'FuturaStd-CondensedBold', sans-serif; font-size: 14px; text-align: center; display: inline-block; padding: 25px 43px; position: relative; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; border-radius: 5px; } .button-main:not(.disable-hover):hover, .button-secondary:not(.disable-hover):hover, .button-tertiary:not(.disable-hover):hover, .button-main:not(.disable-hover).hover, .button-secondary:not(.disable-hover).hover, .button-tertiary:not(.disable-hover).hover { background-color: #ffdf1c; color: #0e0e0e; } .button-main [class^="icon-"], .button-secondary [class^="icon-"], .button-tertiary [class^="icon-"], .button-main [class*=" icon-"], .button-secondary [class*=" icon-"], .button-tertiary [class*=" icon-"] { padding-right: 5px; } .button-tertiary { padding: 20px 43px 19px; } .button-tertiary.button-arrow:after { top: 32px; } .button-secondary, a.button-secondary { background-color: #ffdf1c; color: #0e0e0e; } .button-secondary:not(.disable-hover):hover, a.button-secondary:not(.disable-hover):hover, .button-secondary:not(.disable-hover).hover, a.button-secondary:not(.disable-hover).hover { background-color: #0e0e0e; color: #ffffff; } .button-main, a.button-main { padding: 25px 20px; min-width: 150px; background-color: #0e0e0e; color: #ffffff; } .button-main a, a.button-main a { color: #ffffff; } .button-main:not(.disable-hover):hover, a.button-main:not(.disable-hover):hover, .button-main:not(.disable-hover).hover, a.button-main:not(.disable-hover).hover { background-color: #ffdf1c; color: #0e0e0e; } .button-main:not(.disable-hover):hover a, a.button-main:not(.disable-hover):hover a, .button-main:not(.disable-hover).hover a, a.button-main:not(.disable-hover).hover a { color: #0e0e0e; } .button-hover { background-color: #004382; } .video { position: relative; } .video .icon-video { cursor: pointer; font-size: 120px; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; } .video .icon-video:before { content: "\e90e"; } /* FORMS */ input { border: 2px solid #0e0e0e; border-radius: 5px; color: #0e0e0e; font-size: 16px; text-transform: uppercase; height: 60px; margin: 15px 0 25px 0; padding-left: 15px; width: 340px; background: #ffffff; font-family: 'FuturaStd-CondensedBold', sans-serif; } input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: 'FuturaStd-CondensedBold', sans-serif; color: #979797; text-transform: uppercase; } input::-moz-placeholder { /* Firefox 19+ */ font-family: 'FuturaStd-CondensedBold', sans-serif; color: #979797; text-transform: uppercase; } input:-ms-input-placeholder { /* IE 10+ */ font-family: 'FuturaStd-CondensedBold', sans-serif; color: #979797; text-transform: uppercase; } input:-moz-placeholder { /* Firefox 18- */ font-family: 'FuturaStd-CondensedBold', sans-serif; color: #979797; text-transform: uppercase; } input:focus { color: #333333; outline: none; } input:hover { color: #333333; } label { font-family: 'FuturaStd-CondensedBold', sans-serif; font-size: 18px; text-transform: uppercase; color: #0e0e0e; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #ffffff; background-image: url("common/resources/images/drop.svg"); background-position: 100.2% center; background-repeat: no-repeat; background-size: contain; border: 2px solid #0e0e0e; border-radius: 5px; cursor: pointer; margin: 15px 0 25px 0; padding: 10px 88px 10px 15px; color: #0e0e0e; text-transform: uppercase; font-size: 16px; height: 60px; width: 340px; fill: #ffffff; font-family: 'FuturaStd-CondensedBold', sans-serif; } select:focus { background-image: url("common/resources/images/drop2.svg"); outline: none; padding: 0 88px 0 15px; } select::-ms-expand { display: none; } .dropdown-parents { display: grid; grid-template-columns: repeat(2, 50%); } .custom-select { position: relative; width: 340px; font-family: Arial; } .custom-select select { display: none; } .select-selected { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #0e0e0e; background: #0e0e0e; background-position: 100.2% center; background-repeat: no-repeat; background-size: contain; border: 2px solid #0e0e0e; border-radius: 3px; cursor: pointer; margin: 0; padding: 10px 68px 10px 20px; font-size: 16px; height: 60px; width: 340px; fill: #ffffff; font-family: 'FuturaStd-CondensedBold', sans-serif; } .select-selected:after { position: absolute; content: ""; top: 0px; right: 0px; width: 70px; height: 60px; border: 0px solid transparent; background: #0e0e0e url("common/resources/images/down-arrow.png") center center no-repeat; background-size: 15px; } .select-selected.select-arrow-active { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select-selected.select-arrow-active:after { top: 0px; background: #ffdf1c url("common/resources/images/up-arrow.png") center center no-repeat; border-right: 2px solid #0e0e0e; border-top: 2px solid #0e0e0e; background-size: 15px; } .select-items div, .select-selected { color: #0e0e0e; padding: 23px 16px; cursor: pointer; user-select: none; text-transform: uppercase; font-family: "FuturaStd-CondensedBold"; background-color: #ffffff; z-index: 9; } .select-items { position: absolute; top: 100%; left: 0; right: 0; z-index: 99; border: 2px solid #0e0e0e; border-top: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .select-items div { color: #8f8f8f; padding: 12px 15px; } .select-hide { display: none; } select option { color: #333333; padding: 0 0 0 20px; } .default-form:hover { border: solid 2px #333333; cursor: pointer; transition: all 0.3s ease; } .error-form { border: solid 2px #ef331d; color: #0e0e0e; } .disabled-form { background-color: #eeeeee; color: #cccccc; } .select-ui .select-ui-arrow { background: #0e0e0e; } .selligent-response #isolatedContent .form__element:before { content: ""; } .selligent-response #isolatedContent .submit { background-color: #0e0e0e; color: #ffffff; font-family: 'FuturaStd-CondensedBold', sans-serif; } .selligent-response #isolatedContent .submit:hover { background-color: #ffdf1c; color: #0e0e0e; } @media all and (max-width: 767px) { input, select { font-size: 16px; } } ul.list-style-check { list-style: none; } ul.list-style-check li { padding-left: 13px; } ul.list-style-check li:before { content: url("common/resources/images/check.svg"); width: 22px; height: 22px; line-height: 36px; } ol.list-style-check { list-style: none; } ol.list-style-check li:before { content: url("common/resources/images/check.svg"); width: 22px; height: 22px; padding-right: 8px; vertical-align: middle; } ul.list-style-monroe { list-style: none; } ul.list-style-monroe li { line-height: 34px; margin: 10px 0; padding-left: 35px; } ul.list-style-monroe li:before { content: url("common/resources/images/M-Circle.png"); width: 34px; height: 34px; } ol.list-style-monroe { list-style: none; } ol.list-style-monroe li:before { content: url("common/resources/images/M-Circle.png"); width: 34px; height: 34px; padding-right: 18px; vertical-align: middle; } .header-simple { background-color: #0e0e0e; padding-top: 35px; padding-bottom: 40px; } .header-simple h1 { color: #ffffff; padding: 0; } /* SLICK CAROUSEL OVERRIDE */ .slick-loading .slick-list { background: none; } .three-quarters-loader { margin-left: 50%; } .three-quarters-loader:not(:required) { border-color: #0e0e0e; border-right-color: transparent; } /* RTE and ARTICLE DEFAULT STYLES */ .article .text h1, .rte h1 { font-size: 45px; line-height: 50px; } .article .text h2, .rte h2 { font-size: 25px; line-height: 35px; } .article .text h3, .rte h3 { font-size: 20px; line-height: 30px; } .article .text h4, .rte h4 { font-size: 18px; line-height: 24px; } @media (max-width: 767px) { .article .text h1, .rte h1 { font-size: 34px; line-height: 40px; } .article .text h2, .rte h2 { font-size: 20px; line-height: 30px; } .article .text h3, .rte h3 { font-size: 15px; line-height: 22px; } } .body-frame, .body-frame-content, .body-frame-primary-content, .page-content, .grid_12, .main-par, .aem-Grid, .article { overflow: visible; } .article { margin: 0 auto; max-width: 840px; } .article .article-label { background-color: #ffdf1c; color: #0e0e0e; } @media all and (max-width: 767px) { .article { position: relative; } .article .article-label { z-index: 6; position: absolute; top: 30px; left: 20px; } } /* Accordion Styles */ .accordion .accordion-item, .rte-accordion .accordion-item { border-top: 1px solid #eeeeee; } .accordion .accordion-item .accordion-content, .rte-accordion .accordion-item .accordion-content { padding: 0 20px 40px 20px; } .accordion .accordion-item:last-child, .rte-accordion .accordion-item:last-child { border-bottom: 1px solid #eeeeee; } .accordion .accordion-item .accordion-header, .rte-accordion .accordion-item .accordion-header { color: #4f4f4f; } .accordion .accordion-item.active .accordion-header, .rte-accordion .accordion-item.active .accordion-header { color: #0e0e0e; } .accordion .accordion-item.active .accordion-header:before, .rte-accordion .accordion-item.active .accordion-header:before { background-color: #0e0e0e; color: #ffffff; } .accordion .accordion-item h3, .rte-accordion .accordion-item h3 { font-size: 20px; line-height: 30px; } .accordion ol > li .accordion-header:before, .rte-accordion ol > li .accordion-header:before, .accordion .ordered-list .accordion-header:before, .rte-accordion .ordered-list .accordion-header:before { background-color: #4f4f4f; border-radius: 50%; color: #eeeeee; } /* Data Sheets Styles */ .data-sheets { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; } .data-sheets a { font-family: "FuturaStd-CondensedBold"; } .data-sheets a:after { text-transform: uppercase; } .data-sheets a:before { color: #104b86; content: '\e90f'; font-family: 'icomoon'; font-size: 28px; margin-right: 15px; vertical-align: bottom; } .data-sheets td, .data-sheets th { border-left-width: 0; border-right-width: 0; border-top-width: 0; } .data-sheets td.add-border-left, .data-sheets th.add-border-left { border-left-width: 1px; } .data-sheets td.add-border-right, .data-sheets th.add-border-right { border-right-width: 1px; } .data-sheets td.add-vertical-border, .data-sheets th.add-vertical-border { border-left-width: 1px; border-right-width: 1px; } .data-sheets th { background-color: #ffffff; border-bottom-width: 0; text-transform: uppercase; } .no-border-left { border-left: 0!important; } .no-border-right { border-right: 0!important; } .no-vertical-border { border-left: 0!important; border-right: 0!important; } .fill-in-the-blank { border-bottom: 1px solid #4f4f4f; font-size: 18px; font-weight: bold; letter-spacing: 1.5px; padding-left: 9px; padding-right: 9px; text-transform: uppercase; } .has-bg .fill-in-the-blank { border-bottom: 1px solid #ffffff; border-color: #ffffff; } .contact-info { color: #0e0e0e; } .page-container, .body-frame { margin: 0 auto; max-width: 1440px; } .body-frame { background-color: #ffffff; box-shadow: 0 0 10px #181818; color: #0e0e0e; position: relative; } .body-frame-content { display: -ms-flexbox; display: -webkit-flex; display: flex; } .global-mobile-nav { background: #0e0e0e; padding: 20px; } .global-mobile-nav .language-list .language-link a { color: #ffffff; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedLight', sans-serif; font-size: 15px; letter-spacing: 0; line-height: 30px; } .global-mobile-nav .language-list .language-link a:hover { color: #ffdf1c; } .global-mobile-nav.language-only .language-list .language-link a { padding: 5px 5px 5px 35px; } .global-mobile-nav.region-and-language .region-list { border-top: 1px solid #dddddd; } .global-mobile-nav.region-and-language .region-list .region { color: #ffffff; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedLight', sans-serif; font-size: 18px; margin-top: 30px; } .global-mobile-nav.region-and-language .region-list .region:first-child { margin-top: 18px; } .global-mobile-nav.region-and-language .region-list .region:last-child { margin-bottom: 18px; } .global-mobile-nav.region-and-language .region-list .language-list { border-top: 1px solid #dddddd; margin-top: 14px; padding-top: 14px; } .global-mobile-nav.region-and-language p { font-size: 20px; text-transform: uppercase; margin-bottom: 0; } /* GLOBAL NAV */ .global-nav.section:after { display: inline; } .page-global-nav-container .page-container { color: #ffffff; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedLight', arial, verdana, sans-serif; font-kerning: auto; font-size: 15px; letter-spacing: 0.1em; line-height: 55px; padding: 0 40px; text-transform: uppercase; background: #0e0e0e; } .page-global-nav-container .page-container .page-global-nav-buttons { float: right; margin-left: 20px; } .page-global-nav-container .page-container .page-global-nav-buttons :nth-child(n):after { font-family: "icomoon"; font-size: 20px; padding-left: 5px; } .page-global-nav-container .page-container .page-global-nav-buttons :nth-child(1):after { content: "\e932"; font-size: 16px; vertical-align: baseline; } .page-global-nav-container .page-container .page-global-nav-buttons :nth-child(2):after { content: "\e60e"; vertical-align: bottom; } .page-global-nav-container .page-container .page-global-nav-buttons :nth-child(3):after { content: "\e934"; vertical-align: text-bottom; font-size: 16px; } .page-global-nav-container .page-container .page-global-nav-buttons .button-main, .page-global-nav-container .page-container .page-global-nav-buttons .button-secondary { letter-spacing: 1px; line-height: 23px; background: #0e0e0e; color: #ffffff; font-size: 15px; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedLight', sans-serif; padding: 0 0 0 20px; } .page-global-nav-container .page-container .page-global-nav-buttons .button-main:hover, .page-global-nav-container .page-container .page-global-nav-buttons .button-secondary:hover { background: #0e0e0e; color: #ffdf1c; } .page-global-nav-container .page-container .page-global-nav-icon { float: right; padding: 0 10px; } .page-global-nav-container .page-container .page-global-nav-item a { color: #ffffff !important; font-size: 16px; } .page-global-nav-container .page-container .page-language { display: inline-block; cursor: pointer; font-weight: normal; font-family: 'FuturaStd-CondensedLight', sans-serif; font-style: normal; line-height: normal; letter-spacing: normal; } .page-global-nav-container .page-container .page-language .current-language:after { top: 56%; content: "\e92a"; } .page-global-nav-container .page-container .page-language.expanded .current-language:after { top: 42%; } @media all and (min-width: 1025px) { .page-global-nav-container .page-container .page-language > ul { background: #0e0e0e; } .page-global-nav-container .page-container .page-language.language-only .language-list .language-link a { padding: 5px 5px 5px 35px; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedLight', sans-serif; } .page-global-nav-container .page-container .page-language.region-and-language .region-list { border-top: 1px solid #dddddd; } .page-global-nav-container .page-container .page-language.region-and-language .region-list .region:not(:first-child) { border-left: 1px solid #dddddd; } .page-global-nav-container .page-container .page-language.region-and-language .region-list .region { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedLight', sans-serif; font-size: 25px; color: #ffffff; } .page-global-nav-container .page-container .page-language.region-and-language .region-list .region .language-list { margin-top: 25px; } .page-global-nav-container .page-container .page-language.region-and-language .region-list .region .language-list .language-link a { padding: 5px 5px 5px 35px; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedLight', sans-serif; } } @media all and (max-width: 1024px) { .page-global-nav-container .page-container { padding: 0 17px; } .page-global-nav-buttons { display: none; } .page-global-nav-icon { display: none; } } @media all and (max-width: 767px) { .page-global-nav-container .page-container { line-height: 28px; } } .page-site-nav-container .page-container .page-site-nav-item { display: flex; } /* HEADER PAGE NAV */ .site-nav { position: relative; } .site-nav, .page-site-nav-container { height: 102px; } .site-nav .page-container, .page-site-nav-container .page-container { border-top: 1px solid #4f4f4f; border-bottom: 1px solid #4f4f4f !important; } .page-site-nav-container { left: 0; top: 0; position: absolute; width: calc(101%); z-index: 1005; } .page-site-nav-container img { max-height: 50px; } .page-site-nav-container div.image { margin-bottom: 0px; padding: 0 20px; } .page-site-nav-container .page-container { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: #0e0e0e; border-bottom: 1px solid #ffffff; color: #ffffff; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; font-family: 'OpenSans-Bold', sans-serif; -webkit-box-pack: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; margin: 0; max-width: 1441px; padding-left: 40px; position: relative; text-transform: uppercase; } .page-site-nav-container .page-container .page-site-nav-item { -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; } .page-site-nav-container .page-container .page-site-nav-item-menu-container { -moz-flex: 20 auto; -ms-flex: 20 auto; -webkit-flex: 20 auto; flex: 20 auto; } .page-site-nav-container .page-container .page-site-nav-item-menu-container a { color: #ffffff; } .page-site-nav-container .page-container .page-site-nav-item-menu-container a:hover { color: #ffdf1c; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; font-size: 14px; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: justify; justify-content: justify; margin-left: 0; width: 100%; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list li { list-style-type: none; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list li:before { content: none; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li[data-has-child-2-level="true"] { position: inherit; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li { -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; cursor: pointer; position: relative; text-align: center; /* CHILD NAVIGATION ITEMS */ } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li.vertical-parent { position: relative; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li > a { height: 100px; line-height: 100px; font-size: 16px; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li > a:hover { background: #ffdf1c; color: #0e0e0e; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li:hover { background: #ffdf1c; color: #0e0e0e; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li > ul { display: -ms-flexbox; display: -webkit-flex; display: flex; height: 0; left: 0; margin-left: 0; opacity: 0; overflow: hidden; position: absolute; top: 101px; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -o-transition: height 0.3s ease; -ms-transition: height 0.3s ease; transition: height 0.3s ease; width: 100%; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li > ul > li { -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; position: relative; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li:hover > ul { height: auto; opacity: 1; width: 100%; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li { background-color: #0e0e0e; height: 100px; border: 1px solid #979797; border-top: none; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a { height: 100%; width: 100%; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell { height: 100%; vertical-align: middle; width: 100%; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell:before { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; background: #000000; opacity: 0.7; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell:hover:before { background: #000000; opacity: 0.2; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell > div.link-label { text-align: center; position: absolute; margin: 0; padding: 0; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; font-family: "FuturaStd-CondensedBold"; line-height: 1; padding: 10%; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell > div.link-label:after { text-transform: uppercase; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li a > div.link-label-table-cell > div.link-label:hover { color: #ffdf1c; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.image li.has-bg { box-shadow: none; -moz-box-shadow: none; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level { background-color: #eeeeee; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level li { border-right: 1px solid #dddddd; margin: 53px 0 53px 0; text-align: center; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level li a { color: #0e0e0e; font-size: 22px; letter-spacing: normal; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level li a:hover { color: #ffdf1c; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical { background-color: #eeeeee; display: block; -moz-flex: none; -ms-flex: none; -webkit-flex: none; flex: none; left: 50%; line-height: 1.2; position: absolute; top: 66px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: auto; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li { padding: 4px 0; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li:first-child { margin-top: 10px; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li:last-child { margin-bottom: 5px; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li a { color: #0e0e0e; display: block; min-width: 220px; padding: 11px 22px; text-align: center; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-1-level-vertical li a:hover { background: #ffffff; color: #ffdf1c; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: space-around; -moz-box-pack: space-around; -ms-flex-pack: space-around; -webkit-justify-content: space-around; justify-content: space-around; background-color: #0e0e0e; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level li { text-align: left; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level li a { letter-spacing: normal; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li { -moz-flex-basis: 100%; -ms-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 150px; margin: 50px 0; padding: 0; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > a { display: list-item; padding-bottom: 13px; border-bottom: 2px solid #ffdf1c; color: #ffffff; font-size: 14px; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > a:hover { color: #ffdf1c; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > ul { margin-top: 10px; margin-left: 0px; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > ul > li > a { color: #ffffff; display: block; font-size: 14px; line-height: 19px; padding: 7px 0; text-transform: uppercase; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list > li ul.text-2-level > li > ul > li > a:hover { color: #ffdf1c; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-list li.page-site-nav-item.active { background-color: #ffdf1c; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars { color: #0e0e0e; cursor: pointer; display: none; float: left; height: 62px; padding: 2px 17px 0; position: relative; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars .icon-hamburger-menu { color: #dddddd; font-size: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-menu-list { font-kerning: auto; letter-spacing: 0.1em; width: 100%; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-menu-list li:hover a { color: #0e0e0e; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-menu-list li a.active { background-color: #ffdf1c; color: #0e0e0e; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-menu-list li a.active-underLine { background-color: #0e0e0e; color: #ffdf1c; border-bottom: 5px solid #ffdf1c; } .page-site-nav-container .page-container .page-site-nav-logo { vertical-align: middle; } .page-site-nav-container .page-container .page-site-nav-parts { color: #ffffff; float: right; font-kerning: auto; font-size: 16px; letter-spacing: 0.1em; white-space: nowrap; border-left: 1px solid #454545; } .page-site-nav-container .page-container .page-site-nav-parts a:not([class*="button-"]) { background: #0e0e0e; color: #ffdf1c; font-family: "FuturaStd-CondensedBold"; line-height: 100px; font-size: 16px; margin-right: -1px; padding: 0px 100px; height: 100px; display: inline-block; } .page-site-nav-container .page-container .page-site-nav-parts a:not([class*="button-"]):after { text-transform: uppercase; } .page-site-nav-container .page-container .page-site-nav-parts a:not([class*="button-"]):hover { background: #ffdf1c; color: #0e0e0e; } /* POSITION FIXED AFTER SCROLLING PAST GLOBAL NAV */ .body-frame-content.side-content-active .site-nav.active .page-site-nav-container { left: 0; margin: 0 auto; max-width: 1441px; position: fixed; right: 0; width: 100%; } /* AUTHOR MODE DOESN'T REALLY HAVE A REAL SCROLL, SO WE HAVE TO IMPROVISE */ .aem-AuthorLayer-Preview .site-nav .page-container { width: 100%; } @media all and (max-width: 1024px) { .page-site-nav-container { padding-left: 0; text-align: center; width: 100%; } .page-site-nav-container .page-container { padding: 5px 0; border-top: 1px solid #454545; position: relative; } .page-site-nav-container .page-container .page-site-nav-item-menu-container, .page-site-nav-container .page-container .page-site-nav-parts-container { max-width: 100px; } .page-site-nav-container .page-container .page-site-nav-item-menu-container { float: left; -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -ms-box-ordinal-group: -1; -ms-flex-order: -1; -webkit-order: -1; -moz-order: -1; -ms-order: -1; order: -1; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars { display: inline-block; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-menu-list { display: none; } .page-site-nav-container .page-container .page-site-nav-item { display: inline-block; } .page-site-nav-container .page-container .page-site-nav-logo { max-width: 82%; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .page-site-nav-container .page-container .page-site-nav-logo div.image img { margin: 0 auto; padding-left: 40px; } } @media all and (max-width: 767px) { .site-nav, .page-site-nav-container { height: 48px; } .page-site-nav-container { font-size: 12px; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars { height: 48px; max-width: 68px; } .page-site-nav-container .page-container .page-site-nav-item-menu-container .page-site-nav-bars .icon-hamburger-menu { font-size: 30px; } .page-site-nav-container .page-container .page-site-nav-logo { margin: auto; max-width: 82%; } .page-site-nav-container .page-container .page-site-nav-logo div.image img { padding-left: 20px; max-height: 30px; } .page-site-nav-container .page-container .page-site-nav-parts { border-left: none; } .page-site-nav-container .page-container .page-site-nav-parts a { font-size: 14px; height: 48px; line-height: 21px; padding: 16px 8px; -webkit-padding-after: 20px; width: 70px; } } /* Cookie Disclaimer */ .cookie-disclaimer-container { background-color: #eeeeee; } /* FOOTER NAV */ .page-footer-container { background-color: #0e0e0e; font-family: 'OpenSans-Bold', sans-serif; font-size: 16px; overflow: auto; text-transform: uppercase; } .page-footer-container .sitemap ul { margin-left: 0; font-size: 16px; } .page-footer-container .sitemap ul a:hover { color: #ffdf1c; } .page-footer-container .page-footer-menu-list .footer-links-par { letter-spacing: 0.025em; } .page-footer-container .page-footer-menu-list .sitemap_collapsible_link { color: #0e0e0e; letter-spacing: 0.025em; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .page-footer-container .page-footer-menu-list .sitemap_collapsible_link.sitemap_visible { color: #104b86; } .page-footer-container .page-footer-menu-list .sitemap_collapsible_link.sitemap_visible:hover { color: #ffdf1c; } .page-footer-container .page-footer-menu-list div.link > a { color: #ffffff; font-size: 16px; } .page-footer-container .page-footer-menu-list div.link > a:not([class*="button-"]):hover { color: #ffdf1c; } .page-footer-container .page-footer-menu-list .sitemap_collapsible_link { color: #ffffff; font-size: 16px; font-family: "FuturaStd-CondensedBold"; } .page-footer-container .page-footer-menu-list .sitemap_collapsible_link:hover { color: #ffdf1c; } .page-footer-container .page-footer-menu-list .sitemap_collapsible_link.sitemap_visible { color: #ffffff; } .page-footer-container .page-footer-menu-list .sitemap_collapsible_link span:after { font-size: 18px; } .page-footer-container .page-footer-banner { width: 100%; margin: 20px 0; } .page-footer-container .page-footer-banner img { display: block; margin-left: auto; margin-right: auto; width: 130px; padding-bottom: 60px; } .page-footer-container .page-footer-bottom-bar-container { text-transform: none; padding: 20px 70px 5px; border-top: 1px solid #ffffff; } .page-footer-container .page-footer-bottom-bar-container p { color: #4f4f4f; font-size: 11px; line-height: 16px; display: inline-block; max-width: 70%; margin: 0; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; } .page-footer-container .page-footer-bottom-bar-container p:last-child { margin-bottom: 0; } .page-footer-container .page-footer-bottom-bar-container p, .page-footer-container .page-footer-bottom-bar-container a { color: #ffffff; font-size: 14px; } .page-footer-container .page-footer-bottom-bar-container a { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedLight', sans-serif; } .page-footer-container .page-footer-bottom-bar-container a:hover { color: #ffdf1c; } .page-footer-container .page-footer-bottom-bar-container p { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; font-size: 12px; } .page-footer-container .page-footer-bottom-bar-fmmp-icon { float: right; margin-top: 7px; } @media all and (min-width: 1025px) { .page-footer-container .sitemap-collapsible-background { background-color: #0e0e0e; } .page-footer-container .sitemap-collapsible-background a.child-item { color: #ffffff; font-family: "FuturaStd-CondensedBold"; font-size: 90%; letter-spacing: 0.1em; line-height: 1.2em; } .page-footer-container .sitemap-collapsible-background a.child-item:after { text-transform: uppercase; } .page-footer-container .sitemap-collapsible-background a.grandchild-item { color: #ffffff; font-family: "FuturaStd-CondensedBold"; font-size: 115%; line-height: 0.8em; text-transform: none; } .page-footer-container .sitemap-collapsible-background a.grandchild-item:after { text-transform: uppercase; } .page-footer-container .sitemap-collapsible-background a.sitemap_close_link { color: #ffffff; } .page-footer-container .sitemap-collapsible-background a.sitemap_close_link .fa { font-size: 150%; } .page-footer-container .sitemap-collapsible-background a.sitemap_close_link:hover { color: #ffdf1c; } .page-footer-container .sitemap-collapsible-background a:hover { color: #ffdf1c; } .page-footer-container .page-footer-menu-list { padding-top: 50px; padding-bottom: 20px; } .page-footer-container .page-footer-banner img { width: 187px; } } @media all and (max-width: 1024px) { .page-footer-container .page-footer-banner img { padding-bottom: 0; } .page-footer-container .page-footer-bottom-bar-container { border-top: 0; padding: 35px 30px 28px 30px; } .page-footer-container .page-footer-bottom-bar-container p { max-width: 100%; } .page-footer-container .page-footer-bottom-bar-fmmp-icon { float: none; margin: 0 0 20px 0; } .page-footer-container .sitemap-collapsible-background .footer-sitemap > ul > li { border-bottom: 1px solid #ffffff; padding: 20px 0 20px 0; } .page-footer-container .sitemap-collapsible-background .parent ul { overflow: hidden; position: relative; } .page-footer-container .sitemap-collapsible-background a.child-item { color: #ffffff; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; font-size: 18px; line-height: 1; } .page-footer-container .sitemap-collapsible-background a.grandchild-item { color: #ffffff; font-style: normal; font-weight: normal; font-family: 'OpenSans-Bold', sans-serif; font-size: 16px; line-height: 1; text-transform: none; } .page-footer-container .sitemap-collapsible-background a:hover { color: #ffdf1c; } } .footer-par .footer.section { background-color: #0e0e0e; } .mobile-nav { background: #eeeeee; } .mobile-nav { color: #0e0e0e; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; padding: 20px; } .mobile-nav a { padding: 16px 0 18px 0; margin: 0; } .mobile-nav p { color: #bebebe; font-size: 90%; line-height: 18px; } .mobile-nav .root-item { font-size: 18px; line-height: 1; text-transform: uppercase; } .mobile-nav .item { font-size: 14px; line-height: 1; padding: 13px 0 14px 0; } .mobile-nav .item-group { border-bottom-color: #dddddd; } @media all and (max-width: 1024px) { .body-frame-content.side-content-active .contents .mobile-nav.active { top: 63px; } .body-frame-content.side-content-active { left: 0; } .body-frame-content.global-content-active { left: 250px; } .body-frame-content.global-content-active .body-frame-trigger-pane, .body-frame-content.side-content-active .body-frame-trigger-pane { display: none; } .site-nav, .page-site-nav-container { height: 74px; } .page-site-nav-container .page-container { padding: 0; } .page-site-nav-container .page-container .page-site-nav-item.page-site-nav-parts-container { max-width: 220px; z-index: 1; } .page-site-nav-container .page-container .page-site-nav-item.page-site-nav-parts-container div.find-my-parts > a { padding: 0 42px; height: 72px; line-height: 77px; } .body-frame-content.side-content-active { position: fixed; right: 0; } .body-frame-content.side-content-active .icon-hamburger-menu:before { content: "+"; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: -25px; font-size: 55px; left: -15px; } .body-frame-content.side-content-active .mobile-nav { left: 0; width: 100%; height: 100%; z-index: 1000; top: 118px; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items { height: calc(100% - 118px); overflow-x: hidden; overflow-y: auto; } .body-frame-content.side-content-active .mobile-nav .mobile-social-links { display: block; } } @media all and (max-width: 767px) { .body-frame-content.side-content-active .contents .mobile-nav { top: 86px; } .body-frame-content.side-content-active .contents .mobile-nav .mobile-nav-items { height: calc(100% - 134px); } .body-frame-content.side-content-active .contents .mobile-nav.active { top: 58px; } .page-site-nav-container .page-container { padding: 5px 0; } .page-site-nav-container .page-site-nav-parts { display: inline-block; max-width: 100px; max-height: 48px; } .body-frame-content.side-content-active .page-site-nav-item.page-site-nav-parts-container { position: fixed; bottom: 0; display: block !important; } .body-frame-content.side-content-active .page-site-nav-item.page-site-nav-parts-container div.find-my-parts > a { width: 100vw !important; border-top: 1px solid #454545; color: #ffffff; line-height: 10px; padding: 19px 0; } .body-frame-content.side-content-active .page-site-nav-item.page-site-nav-parts-container div.find-my-parts > a:hover { color: #0e0e0e; } .body-frame-content:not(.side-content-active) .page-site-nav-container .page-container .page-site-nav-item { height: 96px; } .body-frame-content:not(.side-content-active) .page-site-nav-container .page-container div.page-site-nav-parts { position: absolute; top: 58px; left: 0; width: 100%; } .body-frame-content:not(.side-content-active) .page-site-nav-container .page-container div.page-site-nav-parts a { padding: 14px 0px; width: 100vw; height: 48px; line-height: 21px; border-left: none; border-top: 1px solid #454545; } .body-frame-content:not(.side-content-active) .page-site-nav-container .page-container .page-site-nav-logo { top: 27%; } .body-frame-content:not(.side-content-active) .site-nav, .body-frame-content:not(.side-content-active) .page-site-nav-container { height: 108px; } } .body-frame-content.side-content-active .mobile-nav { background: #000; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .item-group { border-bottom: none; position: relative; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .item-group a { color: #ffffff; border-bottom: 1px solid #454545; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .item-group a:hover { color: #ffdf1c; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .item-group:first-child { display: none; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .item-group.secondary-items { border: 0; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .item-group.secondary-items a.root-item { border-bottom: none; padding: 15px 0; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedLight', sans-serif; font-size: 15px; margin: 0; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .item-group.secondary-items a.root-item:after { font-family: 'icomoon'; font-size: 20px; padding-left: 5px; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .item-group.secondary-items a.root-item.nav-icon-0:after { font-size: 15px; content: "\e932"; vertical-align: baseline; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .item-group.secondary-items a.root-item.nav-icon-1:after { content: "\e936"; vertical-align: text-bottom; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .item-group.secondary-items a.root-item.nav-icon-2:after { content: "\e930"; vertical-align: middle; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .collapsible-button { font-family: 'icomoon'; font-size: 12px; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .collapsible-button:after { content: '\e91e'; color: #ffffff; position: absolute; right: 10px; top: 21px; padding: 10px; -webkit-transform: rotate(45deg) translateY(-50%); -moz-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); -o-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .collapsible-button ~ .sub-item-group { display: none; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .collapsible-button.expanded:after { content: '\e91e'; top: 10px; right: -4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .collapsible-button.expanded ~ .sub-item-group { display: block; padding-left: 20px; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .sub-2-item-group { display: none; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .sub-2-item-group a { border: none; padding: 10px 0; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .sub-2-item-header { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border-bottom: 1px solid #454545; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .sub-2-item-header a { border: none; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .sub-2-item-header .collapsible-arrow { font-family: 'icomoon'; font-size: 12px; padding: 15px; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .sub-2-item-header .collapsible-arrow:after { content: '\e92a'; color: #ffffff; display: inline-block; right: 20px; top: 25px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .sub-2-item-header.expanded + .sub-2-item-group { display: block; padding: 10px 0 10px 20px; border-bottom: 1px solid #454545; } .body-frame-content.side-content-active .mobile-nav .mobile-nav-items .sub-2-item-header.expanded .collapsible-arrow:after { content: '\e92a'; top: 20px; right: 15px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .body-frame-content.side-content-active .mobile-nav .global-footer-content { display: none; } .body-frame-content.side-content-active .mobile-nav .mobile-social-links > a.page-global-nav-social { display: inline-block; padding: 10px; font-size: 16px; margin: 0; color: #ffffff; } .body-frame-content.side-content-active .mobile-nav .mobile-social-links > a.page-global-nav-social:first-child { padding: 10px 10px 10px 0; } .right-rail-right-content { background: #979797; color: #ffffff; padding: 44px 55px; } .right-rail-right-content .marginalia-ledes + .aem-GridColumn { margin-top: 14px; } .right-rail-right-content h1, .right-rail-right-content h2, .right-rail-right-content h3, .right-rail-right-content h4, .right-rail-right-content h5, .right-rail-right-content h6 { color: #ffffff; } .right-rail-right-content h1 [class*="icon-"], .right-rail-right-content h2 [class*="icon-"], .right-rail-right-content h3 [class*="icon-"], .right-rail-right-content h4 [class*="icon-"], .right-rail-right-content h5 [class*="icon-"], .right-rail-right-content h6 [class*="icon-"] { font-size: 30px; position: relative; top: -2px; vertical-align: middle; } .right-rail-right-content h1 { font-size: 60px; line-height: 60px; } .right-rail-right-content h2 { font-size: 35px; line-height: 35px; } .right-rail-right-content h3 { font-size: 30px; line-height: 30px; letter-spacing: 0px; } .right-rail-right-content h4 { font-size: 20px; line-height: 20px; letter-spacing: 0px; } .right-rail-right-content h5 { font-size: 15px; line-height: 22px; } .right-rail-right-content blockquote, .right-rail-right-content p, .right-rail-right-content ul, .right-rail-right-content ol { font-size: 16px; line-height: 26px; color: #ffffff; } .right-rail-right-content ul li:before { color: #ffffff; } .right-rail-right-content .image img { max-width: 100%; display: block; margin-bottom: 14px; } .right-rail-right-content .text h1, .right-rail-right-content .text h2, .right-rail-right-content .text h3, .right-rail-right-content .text h4, .right-rail-right-content .text h5, .right-rail-right-content .text h6, .right-rail-right-content .text p, .right-rail-right-content .text ul, .right-rail-right-content .text ol { margin-bottom: 14px; } @media (max-width: 1024px) { .right-rail-right-content { padding: 40px 30px; } } .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-input-contents { display: flex; } .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-input-contents .anti-counterfeit-input { background-color: #ffffff; border: 2px solid #0e0e0e; border-radius: 5px; height: 59px; } .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-input-contents .anti-counterfeit-input.error { border: 3px solid #ef331d; } .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-input-contents .anti-counterfeit-input.success { border: 3px solid #55b842; } .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-input-contents .anti-counterfeit-submit { width: 130px; height: 59px; margin: 0 0 0 -10px; padding: 18px 20px; vertical-align: top; } .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages { font-weight: bold; } .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-ok { color: #55b842; } .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-ok .fa-circle { color: #55b842; } .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-not-found, .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-invalid, .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-error, .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-threshold-exceeded { color: #ef331d; } .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-not-found .fa-circle, .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-invalid .fa-circle, .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-error .fa-circle, .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-messages .anti-counterfeit-threshold-exceeded .fa-circle { color: #ef331d; } .anti-counterfeit .anti-counterfeit-container .anti-counterfeit-help-text p { font-size: 13px; margin-bottom: 0; } .buy-online-redirect-modal { color: #ffffff; } .buy-online-redirect-modal h4 { color: #ffffff; } .buy-online-redirect-modal .buy-online-redirect-close { color: #ffffff; } .cross-sell { background: #eeeeee; } .cross-sell .cross-sell-item h3 { font-size: 36px; line-height: 36px; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; margin-bottom: 13px; } .cross-sell .cross-sell-item ~ .cross-sell-item { border-left: solid 1px #ffffff; } @media (max-width: 767px) { .cross-sell .cross-sell-item ~ .cross-sell-item { border-left: none; } } @media (max-width: 767px) { .cross-sell h2 { font-size: 27px; line-height: 31px; } .cross-sell p { font-size: 14px; line-height: 23px; } .cross-sell .cross-sell-item h3 { font-size: 18px; line-height: 18px; } } .right-rail-primary-content .cross-sell-items { display: block; } .right-rail-primary-content .cross-sell-item ~ .cross-sell-item { display: none; } .carousel-container .carousel-container .darken-shadow .slick-slide { box-shadow: 0 2px 5px 0 #979797; } .carousel-container .carousel-container .slick-slide { border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(238, 238, 238, 0.5); } .carousel-container .carousel-container .slick-slide .tout-content { padding-left: 30px; padding-right: 30px; } .carousel-container .carousel-container .slick-slide .tout-content h1, .carousel-container .carousel-container .slick-slide .tout-content h2, .carousel-container .carousel-container .slick-slide .tout-content h3, .carousel-container .carousel-container .slick-slide .tout-content h4, .carousel-container .carousel-container .slick-slide .tout-content h5, .carousel-container .carousel-container .slick-slide .tout-content h6 { padding-bottom: 5px; } .carousel-container .carousel-container .slick-slide .tout-content p { color: #0e0e0e; letter-spacing: normal; margin: 0; } .carousel-container .carousel-container .slick-slide .tout-content .slide-cta { padding: 25px 20px 40px; } .carousel-container .carousel-container .slick-prev:before, .carousel-container .carousel-container .slick-next:before { font-family: 'icomoon'; font-size: 17px; } .carousel-container .carousel-container .slick-prev:before { content: "\e92e"; } .carousel-container .carousel-container .slick-next:before { content: "\e92f"; } .carousel-container .carousel-container .slick-dots { margin-top: -2px; } .carousel-container .carousel-container .slick-dots li { margin: 0; } .carousel-container .carousel-container .slick-dots li button:hover:before { opacity: 1; color: #ffdf1c; } .carousel-container .carousel-container .slick-dots li button:focus:before, .carousel-container .carousel-container .slick-dots li button:before { opacity: 1 !important; color: #0e0e0e; } .carousel-container .carousel-container .slick-dots li.slick-active button:before, .carousel-container .carousel-container .slick-dots li.slick-active button:focus:before { opacity: 1; color: #ffdf1c; font-size: 12px; } @media screen and (min-width: 768px) { .carousel-container .carousel-container .tout-slide .tout-content { padding-left: 40px; padding-right: 40px; } .carousel-container .carousel-container .tout-slide .tout-content .slide-cta { padding: 20px; } } .tout-slide-carousel .tout-slide-carousel .darken-shadow .slick-slide { box-shadow: 0 2px 5px 0 #979797; } .tout-slide-carousel .tout-slide-carousel .slick-slide { border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(238, 238, 238, 0.5); } .tout-slide-carousel .tout-slide-carousel .slick-slide .tout-content { padding-left: 30px; padding-right: 30px; } .tout-slide-carousel .tout-slide-carousel .slick-slide .tout-content h1, .tout-slide-carousel .tout-slide-carousel .slick-slide .tout-content h2, .tout-slide-carousel .tout-slide-carousel .slick-slide .tout-content h3, .tout-slide-carousel .tout-slide-carousel .slick-slide .tout-content h4, .tout-slide-carousel .tout-slide-carousel .slick-slide .tout-content h5, .tout-slide-carousel .tout-slide-carousel .slick-slide .tout-content h6 { padding-bottom: 5px; } .tout-slide-carousel .tout-slide-carousel .slick-slide .tout-content p { color: #0e0e0e; letter-spacing: normal; margin: 0; } .tout-slide-carousel .tout-slide-carousel .slick-slide .tout-content .slide-cta { padding: 25px 20px 40px; } .tout-slide-carousel .tout-slide-carousel .slick-prev:before, .tout-slide-carousel .tout-slide-carousel .slick-next:before { font-family: 'icomoon'; font-size: 17px; } .tout-slide-carousel .tout-slide-carousel .slick-prev:before { content: "\e92e"; } .tout-slide-carousel .tout-slide-carousel .slick-next:before { content: "\e92f"; } .tout-slide-carousel .tout-slide-carousel .slick-dots { margin-top: -2px; } .tout-slide-carousel .tout-slide-carousel .slick-dots li { margin: 0; } .tout-slide-carousel .tout-slide-carousel .slick-dots li button:hover:before { opacity: 1; color: #ffdf1c; } .tout-slide-carousel .tout-slide-carousel .slick-dots li button:focus:before, .tout-slide-carousel .tout-slide-carousel .slick-dots li button:before { opacity: 1 !important; color: #0e0e0e; } .tout-slide-carousel .tout-slide-carousel .slick-dots li.slick-active button:before, .tout-slide-carousel .tout-slide-carousel .slick-dots li.slick-active button:focus:before { opacity: 1; color: #ffdf1c; font-size: 12px; } @media screen and (min-width: 768px) { .tout-slide-carousel .tout-slide-carousel .tout-slide .tout-content { padding-left: 40px; padding-right: 40px; } .tout-slide-carousel .tout-slide-carousel .tout-slide .tout-content .slide-cta { padding: 20px; } } .dc-symptom:first-child .symptom-link-container { border-top: 1px solid #373737; } .dc-symptom .symptom-link-container { background-color: #0e0e0e; border-bottom: 1px solid #373737; } .dc-symptom .symptom-link-container .symptom-link .symptom-icon { background-color: #0e0e0e; height: 92px; text-align: center; } .dc-symptom .symptom-link-container .symptom-link .symptom-title h4 { color: #ffffff; font-size: 14.22222222px; line-height: 20px; padding: 0 10px; } @media all and (min-width: 768px) { .dc-symptom .symptom-link-container.selected, .dc-symptom .symptom-link-container.default-selected { background-color: #ffdf1c; border: 0; } .dc-symptom .symptom-link-container.selected:after, .dc-symptom .symptom-link-container.default-selected:after { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IFNrZXRjaEFQSSA1LjEuMzE2IDxodHRwczovL2FwaS5za2V0Y2guaW8vPiAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaGpzPSJodHRwczovL3NrZXRjaC5pby9kdGQvIiBzdHlsZT0iIiBza2V0Y2hqczptZXRhZGF0YT0iZXlKMGFYUnNaU0k2SWpWak9XTTJOV000TFRjMk5tRXROR0l5WWkwNU5tTTBMVFJsTlRrME5qQXlZekZqTVNJc0ltUmxjMk55YVhCMGFXOXVJam9pVFdGa1pTQjNhWFJvSUZOclpYUmphSEJoWkNBdElHaDBkSEJ6T2k4dmMydGxkR05vTG1sdkwzTnJaWFJqYUhCaFpDSXNJbTFsZEdGa1lYUmhJanA3ZlN3aVkyeHBjRkJoZEdnaU9uc2laVzVoWW14bFpDSTZkSEoxWlN3aWMzUjViR1VpT25zaWMzUnliMnRsVTNSNWJHVWlPaUppYkdGamF5SXNJbXhwYm1WWGFXUjBhQ0k2TVgxOUxDSmxlSEJ2Y25SRVVFa2lPamN5TENKbGVIQnZjblJHYjNKdFlYUWlPaUp3Ym1jaUxDSmxlSEJ2Y25SUmRXRnNhWFI1SWpvd0xqazFMQ0oxYm1sMGN5STZJbkI0SWl3aWQybGtkR2dpT2pRNUxDSm9aV2xuYUhRaU9qZ3hMQ0p3WVdkbGN5STZleUpzWlc1bmRHZ2lPakVzSW1SaGRHRWlPbHQ3SW5kcFpIUm9Jam8wT1N3aWFHVnBaMmgwSWpvNE1YMWRmWDA9IiB3aWR0aD0iNDkiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA0OSA4MSIgc2tldGNoanM6dmVyc2lvbj0iNS4xLjMxNiI+CjxnIHNrZXRjaGpzOnRvb2w9ImNsaXBhcnQiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTogc291cmNlLW92ZXI7Ij4KCTxwYXRoIGQ9Ik0tMC4wMDAsMC4wMDAgQy0wLjAwMCwwLjAwMCA0OS4wMDAsMzkuMDU1IDQ5LjAwMCwzOS41NTYgTC0wLjAwMCw4MS4wMDAgTC0wLjAwMCwwLjAwMCBaIiBza2V0Y2hqczp1aWQ9IjEiIHN0eWxlPSJmaWxsOiAjZmZkZjFjOyBmaWxsLXJ1bGU6IG5vbnplcm87IGZpbGwtb3BhY2l0eTogMTsiLz4KPC9nPgo8L3N2Zz4="); background-repeat: no-repeat; background-size: contain; content: " "; height: 100%; left: 100%; pointer-events: none; position: absolute; top: 0; width: 30%; } .dc-symptom .symptom-link-container.selected .symptom-link .symptom-icon, .dc-symptom .symptom-link-container.default-selected .symptom-link .symptom-icon { background-color: transparent; } .dc-symptom .symptom-link-container.selected .symptom-link .symptom-title h4, .dc-symptom .symptom-link-container.default-selected .symptom-link .symptom-title h4 { color: #0e0e0e; padding: 0 10px; } } @media all and (max-width: 1024px) and (min-width: 768px) { .dc-symptom .symptom-link-container.selected, .dc-symptom .symptom-link-container.default-selected { background: #ffdf1c; } .dc-symptom .symptom-link-container.selected .symptom-link .symptom-title h4, .dc-symptom .symptom-link-container.default-selected .symptom-link .symptom-title h4 { color: #0e0e0e; padding: 0 8px; } .dc-symptom .symptom-link-container .symptom-link { min-height: 60px; } .dc-symptom .symptom-link-container .symptom-link .symptom-icon { max-width: 60px; } .dc-symptom .symptom-link-container .symptom-link .symptom-icon .activeIcon, .dc-symptom .symptom-link-container .symptom-link .symptom-icon .inactiveIcon { max-width: 50px; } .dc-symptom .symptom-link-container .symptom-link .symptom-title h4 { font-size: 14px; line-height: 18px; padding: 0 8px; } } .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title { color: #0e0e0e; font-size: 16px; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; text-transform: uppercase; } .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title.part-title-left:after, .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title.part-title-right:before { color: #0e0e0e; font-size: 21px; vertical-align: middle; } .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title.part-title-right:before { margin-right: 6px; } .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title.part-title-left:after { margin-left: 6px; } .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .show-spinner .three-quarters-loader:not(:required) { border-color: #0e0e0e; border-right-color: transparent; } @media all and (max-width: 1024px) and (min-width: 768px) { .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-image .part-title { font-size: 12px; } } @media all and (max-width: 767px) { .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile .part { background-color: #0e0e0e; border-top: 1px solid #373737; min-height: 92px; } .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile .part .part-image { -moz-align-self: stretch; -ms-align-self: stretch; -webkit-align-self: stretch; align-self: stretch; background-color: #ffffff; -moz-flex: 10 0 110px; -ms-flex: 10 0 110px; -webkit-flex: 10 0 110px; flex: 10 0 110px; height: 92px; max-width: 110px; } .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile .part .part-title { -moz-flex: 18 1 auto; -ms-flex: 18 1 auto; -webkit-flex: 18 1 auto; flex: 18 1 auto; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; color: #ffffff; font-size: 16px; line-height: 20px; padding: 0 10px; } .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile.selected { display: block !important; } .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile.selected .header-simple { background: #ffdf1c; } .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-mobile.selected .header-simple h2 { color: #0e0e0e; } .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-back-link { background-color: #eeeeee; color: #0e0e0e; } .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container .symptom-main-container .symptom-mobile-container .symptom-back-link:hover { color: #ffdf1c; } } .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container:before { bottom: 0; content: ""; height: 100%; left: 0; background-color: #0e0e0e; position: absolute; width: 280px; } @media all and (max-width: 1024px) { .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container:before { height: 100%; background-color: #0e0e0e; width: 220px; } } @media all and (max-width: 767px) { .diagnostic-center .diagnostic-center-container .diagnostic-center-symptom-container:before { display: none; } } .documents-container { margin-bottom: 40px; } .documents-container .view-modes-container .results-qty { font-size: 14px; line-height: 23px; color: #454545; } .documents-container .view-modes-container button.active span, .documents-container .view-modes-container button.active i { background-color: #ffdf1c; } .documents-container .list-mode { border-top: 1px solid #979797; border-bottom: 1px solid #979797; } .documents-container .list-mode .button-main, .documents-container .list-mode .cta-link { margin-left: 25px; } .documents-container .list-mode .lede-teaser-text { height: 25px; } .documents-container .list-mode .lede-title { height: 28px; } .documents-container .grid-mode { border: 1px solid #979797; } .documents-container .grid-mode figcaption, .documents-container .grid-mode .button-main, .documents-container .grid-mode .cta-link { margin-top: 15px; } .documents-container .grid-mode.image-bottom figcaption { margin-top: 0; margin-bottom: 15px; } .documents-container .grid-mode .lede-teaser-text { height: auto; max-height: calc(50px); } .documents-container .grid-mode .lede-title { height: auto; max-height: 57px; } .documents-container .header-container h1, .documents-container .header-container h2, .documents-container .header-container h3, .documents-container .header-container h4, .documents-container .header-container h5, .documents-container .header-container h6, .documents-container .header-container p, .documents-container .header-container span { color: #0e0e0e; } .documents-container .header-container.has-background h1, .documents-container .header-container.has-background h2, .documents-container .header-container.has-background h3, .documents-container .header-container.has-background h4, .documents-container .header-container.has-background h5, .documents-container .header-container.has-background h6, .documents-container .header-container.has-background p, .documents-container .header-container.has-background span { color: #ffffff; } .documents-container .header-container .header-content { width: 600px; } .documents-container .header-container .search-files-search-input { border: solid 2px #0e0e0e; height: 80px; border-radius: 3px; width: 430px; } .documents-container .header-container .search-files-submit { border: 2px solid black; border-left: none; height: 80px; border-radius: 0 3px 3px 0; } .documents-container h1, .documents-container h2, .documents-container h3, .documents-container h4, .documents-container h5, .documents-container h6, .documents-container .lede-title { color: #0e0e0e; } .documents-container h1:hover, .documents-container h2:hover, .documents-container h3:hover, .documents-container h4:hover, .documents-container h5:hover, .documents-container h6:hover, .documents-container .lede-title:hover, .documents-container h1:hover:after, .documents-container h2:hover:after, .documents-container h3:hover:after, .documents-container h4:hover:after, .documents-container h5:hover:after, .documents-container h6:hover:after, .documents-container .lede-title:hover:after { color: #ffdf1c; } .documents-container p, .documents-container span { color: #0e0e0e; } .documents-container .documents-pagination ul a { color: darkgray; } .documents-container .documents-pagination ul li.active a { color: #0e0e0e; margin-left: 15px; margin-right: 15px; } .documents-container .documents-pagination ul li:first-child, .documents-container .documents-pagination ul li:last-child { margin-left: 15px; margin-right: 15px; } .documents-container .documents-pagination ul li:first-child a, .documents-container .documents-pagination ul li:last-child a { color: transparent; } .documents-container .documents-pagination ul li:first-child.disabled a:after, .documents-container .documents-pagination ul li:last-child.disabled a:after { color: darkgray; } .documents-container .documents-pagination ul li:last-child a:after { content: "\e92f"; font-family: "icomoon"; color: #0e0e0e; } .documents-container .documents-pagination ul li:first-child a:after { content: "\e92e"; font-family: "icomoon"; color: #0e0e0e; } .documents-container .documents-pagination ul li:before { display: none; } .documents-container .lede-image { position: relative; } .documents-container .lede-image:before { display: block; content: ""; width: 100%; padding-top: 75.34246575%; } .documents-container .lede-image img { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .documents-container .lede-image .icon-video { color: #ffffff; } .documents-container .lede-teaser .lede-teaser-cta { margin-top: 1em; } .documents-container .lede-teaser .lede-teaser-text { margin: 15px 0 0 0; font-size: 14px; line-height: 25px; } .documents-container .lede-title { font-family: "FuturaStd-CondensedBold"; font-size: 18px; line-height: 28px; text-transform: none; } .documents-container .lede-title:after { text-transform: uppercase; } .documents-container .view-more { text-align: center; } @media all and (max-width: 1024px) { .documents-container .header-container .search-files-submit { height: 60px; padding: 10px 15px; } .documents-container .header-container .search-files-search-input { height: 60px; width: 270px; } .documents-container .lede-teaser .lede-teaser-cta:after { background-size: 60%; margin-top: -4px; right: 35px; } } @media all and (max-width: 767px) { .documents-container .list-mode .button-main, .documents-container .list-mode .cta-link { margin-left: 0; margin-top: 20px; } .documents-container .list-mode .lede-teaser-text { height: auto; max-height: 50px; } .documents-container .list-mode .lede-title { height: auto; max-height: 57px; } .documents-container .header-container { padding: 85px 0; } .documents-container .header-container p, .documents-container .header-container .button-main { font-size: 12px; line-height: 21px; } .documents-container .header-container .header-content { width: 100%; padding-left: 25px; padding-right: 25px; } } @media all and (max-width: 479px) { .documents-container .header-container .header-search { margin: 0 30px; } .documents-container .header-container .search-files-search-input { height: 60px; width: 100%; } .documents-container .header-container .button-main { min-width: 80px; } } .download-file .default-bg { background-color: #eeeeee; } .driv-dropdown-button .driv-dropdown-button-options { background-color: #dddddd; border: none; } .driv-dropdown-button .driv-dropdown-button-option { border-bottom: 1px solid #ffffff; font-size: 14px; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedLight', sans-serif; text-transform: uppercase; display: inline-block; line-height: 20px; cursor: pointer; padding: 8px 0 8px 12px; width: 100%; } .driv-dropdown-button .driv-dropdown-button-option a { color: #4f4f4f; } .driv-dropdown-button .driv-dropdown-button-option a:after { border-style: solid; content: ""; display: inline-block; height: 0; margin-left: 7px; top: 50%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 0; border-width: 6.5px 0 6.5px 11px; border-left-color: #4f4f4f; color: transparent; } .driv-dropdown-button .driv-dropdown-button-option:hover a { color: #ffdf1c; } .driv-dropdown-button .driv-dropdown-button-option:hover a:after { border-left-color: #ffdf1c; } @media all and (min-width: 1025px) { .driv-part-finder-main .driv-part-finder-main .driv-part-finder-main-container > div:first-child { border-color: #eeeeee; } } .part-number-page-content_table-header, .part-number-page-content_table { font-size: 14px; } .part-number-page-content_table-header > .table-header, .part-number-page-content_table > .table-header { font-family: "FuturaStd-CondensedBold"; border-color: #dddddd; } .part-number-page-content_table { border-bottom-color: #dddddd; } .part-number-page-content .button-main { min-width: 0; padding: 10px 20px; } .driv-tabs__container .driv-tabs__header { border-bottom-color: #dddddd; } .driv-tabs__container .driv-tabs__header > li { color: #4f4f4f; background-color: #dddddd; font-family: "FuturaStd-CondensedBold"; } .driv-tabs__container .driv-tabs__header > li.tab__selected { color: #4f4f4f; border-left-color: #dddddd; border-right-color: #dddddd; border-top-color: #dddddd; border-bottom: none; background-color: #ffffff; } .driv-parts-list-container .driv-parts-list-quantity, .driv-parts-list-container .driv-parts-list-item-container, .driv-parts-list-container .driv-tabs__header { border-bottom: 1px solid #dddddd; } .driv-parts-list-container .driv-parts-list-quantity { text-transform: uppercase; padding-bottom: 10px; color: #0e0e0e; font-size: 20px; } .driv-parts-list-container .driv-parts-list-item-subheading, .driv-parts-list-container a { font-size: 20px; line-height: 30px; font-family: 'FuturaStd-CondensedBold', sans-serif; text-transform: uppercase; font-weight: lighter; } .driv-parts-list-container .driv-parts-list-item-title a { font-size: 25px; line-height: 35px; font-family: 'FuturaStd-CondensedBold', sans-serif; text-transform: uppercase; font-weight: lighter; } .driv-parts-list-container .driv-tabs__header { margin: 15px 0; } .driv-parts-list-container .driv-tabs__header li { font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; font-size: 13px; color: #979797; background-color: #eeeeee; margin-bottom: -1px; text-transform: uppercase; border-bottom: 1px solid #dddddd; } .driv-parts-list-container .driv-tabs__header li.tab__selected { border: 1px solid #dddddd; border-bottom: none; color: #4f4f4f; background-color: #ffffff; } .driv-parts-list-container .driv-tabs__header li:not(.tab__selected):hover { opacity: 0.7; } .driv-parts-list-container .details-item, .driv-parts-list-container .details-item-info, .driv-parts-list-container .detail-description { font-size: 14px; font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; } .driv-parts-list-container .details-item .check-icon, .driv-parts-list-container .details-item-info .check-icon, .driv-parts-list-container .detail-description .check-icon { color: #55b842; } .driv-parts-list-container .details-item .warning-icon, .driv-parts-list-container .details-item-info .warning-icon, .driv-parts-list-container .detail-description .warning-icon { color: #ef331d; } .driv-parts-list-container .driv-parts-list-item-action-button { min-width: 0; padding: 10px 20px; } .driv-parts-list-container .details-remark { font-size: 11px; margin-top: -5px; } .driv-parts-list-container .details-item-info, .driv-parts-list-container .detail-description { line-height: 20px; } .driv-parts-list-container .details-item-info { background-color: #eeeeee; } .parts-result-filters_wrapper .panel-head__title { font-size: 25px; line-height: 35px; font-family: 'FuturaStd-CondensedBold', sans-serif; color: #0e0e0e; text-transform: uppercase; font-weight: lighter; } .driv-refine-search { background-color: #dddddd; font-size: 30px; line-height: 40px; font-family: 'FuturaStd-CondensedBold', sans-serif; color: #0e0e0e; text-transform: uppercase; font-weight: lighter; } .driv-refine-search .driv-refine-search__button { border-color: #0e0e0e; color: #ffffff; background-color: #0e0e0e; } .driv-refine-search .driv-refine-search__button:hover { background-color: #ffdf1c; border-color: #ffdf1c; color: #0e0e0e; } @media (max-width: 767px) { .driv-refine-search { font-size: 20px; line-height: 30px; } } .driv-section { border: 1px solid #dddddd; } .driv-section__title { text-transform: uppercase; font-family: "FuturaStd-CondensedBold"; font-size: 14px; } .driv-section__title:after { text-transform: uppercase; } .driv-section__title:after { background-color: #0e0e0e; color: #ffffff; } .driv-section.show-content .driv-section__title { border-bottom: 1px solid #dddddd; } .driv-ymm-search { padding: 0 15px; } .driv-ymm-search .ymm-search-default-heading { font-size: 20px; line-height: 25px; } .driv-ymm-search .ymm-search-container { width: 100%; margin-left: auto; margin-right: auto; } .driv-ymm-search .ymm-search-field.autocomplete { width: 100%; max-width: 100%; font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; text-transform: capitalize; } .driv-ymm-search .ymm-search-field.autocomplete .v-select { border: 1px solid #eeeeee; } .driv-ymm-search .ymm-search-field.autocomplete .selected-tag { height: 100%; font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; text-transform: capitalize; } .driv-ymm-search .ymm-search-field.autocomplete .dropdown-toggle { height: 50px; } .driv-ymm-search .ymm-search-field.autocomplete .vs__actions { width: 56px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; background-color: #0e0e0e; color: #ffffff; } .driv-ymm-search .ymm-search-field.autocomplete .vs__actions .open-indicator:before { left: 50%; } .driv-ymm-search .ymm-search-field.autocomplete ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #0e0e0e; font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; text-transform: capitalize; opacity: 1; /* Firefox */ } .driv-ymm-search .ymm-search-field.autocomplete :-ms-input-placeholder { /* Internet Explorer 10-11 */ font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; text-transform: capitalize; color: #ffffff; } .driv-ymm-search .ymm-search-field.autocomplete ::-ms-input-placeholder { /* Microsoft Edge */ font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; text-transform: capitalize; color: #ffffff; } .driv-ymm-search .ymm-search-field.autocomplete:hover .v-select:not(.disabled) { color: #ffdf1c; } .driv-ymm-search .ymm-search-field.autocomplete:hover .v-select:not(.disabled) .vs__actions { background-color: #ffdf1c; } .driv-ymm-search .ymm-search-field.autocomplete:hover .v-select:not(.disabled) input:not(:focus)::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #ffdf1c; opacity: 1; /* Firefox */ } .driv-ymm-search .ymm-search-field.autocomplete:hover .v-select:not(.disabled) input:not(:focus):-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ffdf1c; } .driv-ymm-search .ymm-search-field.autocomplete:hover .v-select:not(.disabled) input:not(:focus)::-ms-input-placeholder { /* Microsoft Edge */ color: #ffdf1c; } .driv-ymm-search .ymm-search-field.autocomplete .v-select.single.open .selected-tag { text-transform: capitalize; } .driv-ymm-search .ymm-search-field.autocomplete .disabled { opacity: 0.5; } .driv-ymm-search .ymm-search-field.autocomplete .disabled .open-indicator { background: transparent; } .driv-ymm-search .ymm-search-field.autocomplete .dropdown-menu li > a { text-transform: capitalize; font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; } .driv-ymm-search .ymm-search-field.autocomplete .dropdown-menu > .highlight > a { background-color: #eeeeee; color: #004382; } .driv-ymm-search .ymm-search-button { padding: 20px 40px 20px 40px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; min-width: 0; } .driv-ymm-search .ymm-search-button[disabled], .driv-ymm-search .ymm-search-button[disabled]:hover { background: #0e0e0e; color: #ffffff; } @media all and (min-width: 1025px) { .driv-ymm-search .ymm-search-container { width: 90%; } } @media all and (min-width: 768px) and (max-width: 1024px) { .driv-ymm-search .ymm-search-field { width: 350px; max-width: 350px; } } .part-number-page-header { font-family: "FuturaStd-CondensedBold"; font-size: 25px !important; line-height: 35px; text-transform: uppercase; color: #0e0e0e; } .part-number-page-header:after { text-transform: uppercase; } .part-number-page-content_table .rowClass { border-bottom: 1px solid #dddddd; } .part-number-page-content_table th { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; background: transparent; font-size: 13px; text-transform: capitalize; font-family: "FuturaStd-CondensedBold"; letter-spacing: 1px; font-weight: 800; color: #4f4f4f; } .part-number-page-content_table th:after { text-transform: uppercase; } .part-number-page-content_table td { font-size: 13px; font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; letter-spacing: 1px; color: #4f4f4f; } .part-number-page-content_table td:last-of-type { color: #0e0e0e; } .part-number-page-content_navbar { border-bottom: 1px solid #dddddd; } .part-number-page-content_navbar .navbar_active { font-size: 13px; background-color: #dddddd; font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; font-weight: 800; color: #4f4f4f; margin-bottom: -2px; } .part-number-page-content_navbar .navbar_active-link { background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; } .part-number_wrapper .part-number_header { color: #ef331d; text-transform: uppercase; font-size: 20px; line-height: 20px; letter-spacing: 2px; font-family: "FuturaStd-CondensedBold"; } .part-number_wrapper .part-number_header:after { text-transform: uppercase; } .part-number_wrapper .input-wrapper input.part-number-input { height: 55px; box-shadow: none; color: #0e0e0e; background-color: #ffffff; border: solid 2px #4f4f4f; border-right: none; } .part-number_wrapper .input-wrapper .button-arrow-part-number { display: none; } .part-number_wrapper button.button-down { width: 107px; height: 55px; padding: 0; font-size: 12px; line-height: 12px; font-family: "FuturaStd-CondensedBold"; background: #0e0e0e; margin-left: -4px; z-index: 2; border-top-left-radius: 0; border-bottom-left-radius: 0; } .part-number_wrapper button.button-down:after { text-transform: uppercase; } .part-number_wrapper button.button-down:hover { background: #ffdf1c; } .part-number_wrapper .input-wrapper:hover input, .part-number_wrapper .input-wrapper :active input, .part-number_wrapper .input-wrapper :focus input { border: solid 1px #dddddd; } .part-number_wrapper .input-wrapper:hover button.button-down, .part-number_wrapper .input-wrapper :active button.button-down, .part-number_wrapper .input-wrapper :focus button.button-down { background: #ffdf1c; } .expert-advice .expert-advice-container { padding: 40px 0; } .expert-advice .expert-advice-container h2 { font-size: 27px; margin-bottom: 0.4em; } .expert-advice .expert-advice-container p { font-size: 18px; line-height: 27px; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; padding: 0 0 1em; } .expert-advice .expert-advice-container p:last-of-type { padding-bottom: 0; } .expert-advice .expert-advice-container .person-headline .person-headline-avatar { margin-top: 30px; } .expert-advice .has-bg .expert-advice-container .person-headline .person-headline-contents .name, .expert-advice .has-bg .expert-advice-container .person-headline .person-headline-contents .meta-info { color: #ffffff; } @media all and (min-width: 768px) { .expert-advice .expert-advice-container { padding: 80px 0 45px; } .expert-advice .expert-advice-container h2 { font-size: 44px; } .expert-advice .expert-advice-container p { font-size: 27px; line-height: 36px; } .expert-advice .expert-advice-container .person-headline .person-headline-avatar { margin-bottom: 30px; } .expert-advice .expert-advice-container .person-headline .person-headline-contents .name { margin-top: 30px; } } @media all and (min-width: 1025px) { .expert-advice .expert-advice-container { padding: 75px 0 50px 0; } .expert-advice .expert-advice-container p { font-size: 31px; line-height: 47px; } } .filterable-ledes .ledes-wrapper .ledes-filter h5 { margin-left: 20px; padding: 16px 0 14px 0; } .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag { /** * The styles below require the following HTML format for radio buttons: *
* * *
* * and the following for checkboxes: *
* * *
*/ padding: 4px 0; } .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old), .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=radio]:not(old) { font-size: 1em; height: 30px; margin: 0; opacity: 0; padding: 0; position: absolute; width: 2em; } .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old) + label, .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=radio]:not(old) + label { display: inline-block; line-height: 1.9em; padding: 0 0 0 2em; position: relative; } .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old) + label > span, .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=radio]:not(old) + label > span { background: #EEE; border: 2px solid #CCC; display: inline-block; height: 1.25em; left: 0; margin: 0.25em 0.75em 0.25em 0.25em; position: absolute; vertical-align: bottom; width: 1.25em; z-index: 10; } .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old):checked + label > span:before { color: #333; content: '✓'; display: block; font-size: 1.25em; font-weight: bold; line-height: 1em; margin: -0.1em 0 0 -0.1em; text-align: center; width: 1em; } .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=radio]:not(old):checked + label > span > span { background: #333; border: 0; display: block; height: 0.75em; margin: 0.125em; width: 0.75em; } .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old) + span { background: #ffffff; border: 1px solid #dddddd; width: 1.2rem; height: 1.2rem; } .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old) + label > span, .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=radio]:not(old) + label > span { background: #ffffff; border: 1px solid #dddddd; } .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old):checked + label > span:before { color: #0e0e0e; } .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=radio]:not(old):checked + label > span > span, .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old):checked + span > span { background: #ffffff; height: 14px; margin: 1px; width: 14px; } .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=radio]:not(old):checked + label > span > span:before, .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old):checked + span > span:before { content: ''; position: absolute; left: 3px; top: 9px; width: 4px; height: 2px; background: #0e0e0e; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=radio]:not(old):checked + label > span > span:after, .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old):checked + span > span:after { content: ''; position: absolute; left: 5px; top: 8px; width: 9px; height: 2px; background: #0e0e0e; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag label { cursor: pointer; font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; font-size: 15px; letter-spacing: 0; text-transform: none; } .filterable-ledes .ledes-wrapper .ledes-filter .ledes-filter-by-tag input[type=checkbox]:not(old):checked + label > span:before { background: #0e0e0e; border: 0; content: ''; display: block; height: 13px; margin: 1px; width: 13px; } .filterable-ledes .ledes-wrapper ul.pagination li a { color: #0e0e0e; } .filterable-ledes .ledes-wrapper ul.pagination li.active a, .filterable-ledes .ledes-wrapper ul.pagination li.active a:hover { color: #4f4f4f; font-weight: bold; } .filterable-ledes .ledes-wrapper .ledes-results-total { color: #dddddd; } .filterable-ledes .ledes-wrapper.has-bg .ledes-filter { background-color: #4f4f4f; } .filterable-ledes .ledes-wrapper.has-bg .ledes-filter label { color: #ffffff; } .filterable-ledes .ledes-wrapper.has-bg ul.pagination li a { color: #ffffff; } .filterable-ledes .ledes-wrapper.has-bg ul.pagination li.active a, .filterable-ledes .ledes-wrapper.has-bg ul.pagination li.active a:hover { color: #979797; } .fixed-carousel-three h1, .fixed-carousel-three h2, .fixed-carousel-three h3 { line-height: 1; padding-bottom: 15px; } .fixed-carousel-three p { line-height: 20px; } .fixed-carousel-three .carousel-thumbnail { border: 1px solid #111111; } .fixed-carousel-three .carousel-thumbnail .has-bg .bg:before { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; background: #0e0e0e; opacity: 0.7; } .fixed-carousel-three .carousel-thumbnail .has-bg .bg:hover:before { background: #202020; opacity: 0.7; } .fixed-carousel-three .carousel-thumbnail:before { color: #111111; text-shadow: -1px 1px 1px #4f4f4f; } .fixed-carousel-three .carousel-thumbnail.active .has-bg .bg:before { background: #4f4f4f; } .fixed-carousel-three .carousel-thumbnail.active .has-bg .bg:hover:before { background: #4f4f4f; } .fixed-carousel-three .carousel-thumbnail h2 { font-family: 'OpenSans-Bold', sans-serif; font-size: 12px; line-height: 18px; letter-spacing: 1.4px; } .fixed-carousel-three .slick-dots { list-style-type: none; z-index: 2; } .fixed-carousel-three .slick-dots li { border-radius: 50%; height: 11px; list-style-type: none; margin: 0 11px 0 0; padding: 0; width: 11px; } .fixed-carousel-three .slick-dots li:before { content: ""; } .fixed-carousel-three .slick-dots li button { display: none; } .fixed-carousel-three .slick-dots li { background-color: rgba(255, 255, 255, 0.5); border: #0e0e0e solid 1px; } .fixed-carousel-three .slick-dots li.slick-active { background-color: #ffffff; } @media all and (max-width: 767px) { .fixed-carousel-three .carousel-slide-list .carousel-slide-container { background: #4f4f4f !important; -webkit-box-shadow: inset 0px 5px 125px 0px rgba(14, 14, 14, 0.5); box-shadow: inset 0px 5px 125px 0px rgba(14, 14, 14, 0.5); } } .fmmp-title .has-bg { color: #ffffff; } .fmmp-title .has-bg a, .fmmp-title .has-bg a:visited { color: #ffffff; } .fmmp-title .has-bg a span, .fmmp-title .has-bg a:visited span { color: #ffffff; } .fmmp-title .has-bg.background-color { background-color: #0e0e0e; } .fmmp-title .has-bg.background-color a, .fmmp-title .has-bg.background-color a:visited { color: #ffffff; } .fmmp-title .has-bg.background-color a span, .fmmp-title .has-bg.background-color a:visited span { color: #ffffff; } .fmmp-title .has-bg.background-color h1, .fmmp-title .has-bg.background-color h2, .fmmp-title .has-bg.background-color h3, .fmmp-title .has-bg.background-color h4, .fmmp-title .has-bg.background-color h5, .fmmp-title .has-bg.background-color h6, .fmmp-title .has-bg.background-color ul { color: #ffffff; text-shadow: none; } .fmmp-title .has-bg.background-color h1 a, .fmmp-title .has-bg.background-color h2 a, .fmmp-title .has-bg.background-color h3 a, .fmmp-title .has-bg.background-color h4 a, .fmmp-title .has-bg.background-color h5 a, .fmmp-title .has-bg.background-color h6 a, .fmmp-title .has-bg.background-color ul a { color: #ffffff; } .fmmp-title .title-container { padding: 10px; } .fmmp-title .title-container .link-to-parent { font-family: "FuturaStd-CondensedBold"; padding: 0; position: absolute; } .fmmp-title .title-container .link-to-parent:after { text-transform: uppercase; } .async-autocomplete .dropdown .dropdown-toggle { background-color: #ffffff; border: 1px solid #979797; border-radius: 0; } .async-autocomplete .dropdown .dropdown-toggle .selected-tag { height: 100%; font-size: 16px; color: #0e0e0e; font-family: 'FuturaStd-CondensedBold', sans-serif; } .async-autocomplete .dropdown .dropdown-toggle .vs__selected-options .form-control { font-size: 16px; color: #0e0e0e; font-family: 'FuturaStd-CondensedBold', sans-serif; } .async-autocomplete .dropdown .dropdown-toggle .vs__selected-options .form-control:not(:disabled) { cursor: pointer; } .async-autocomplete .dropdown .dropdown-toggle .vs__selected-options .form-control::placeholder, .async-autocomplete .dropdown .dropdown-toggle .vs__selected-options .form-control:-ms-input-placeholder, .async-autocomplete .dropdown .dropdown-toggle .vs__selected-options .form-control::-ms-input-placeholder { font-size: 16px; color: #979797; font-family: 'FuturaStd-CondensedBold', sans-serif; opacity: 1; } .async-autocomplete .dropdown .dropdown-menu li > a { font-size: 16px; padding-top: 8px; } .async-autocomplete .dropdown .dropdown-menu .highlight > a { background-color: #eeeeee; color: #004382; } .async-autocomplete .dropdown .dropdown-menu .no-options { font-size: 16px; color: #0e0e0e; font-family: 'FuturaStd-CondensedBold', sans-serif; } .napa { font-family: "OpenSans-Bold"; } .napa a, .napa ul, .napa h2, .napa h3, .napa h5, .napa .async-autocomplete .dropdown .dropdown-toggle .selected-tag, .napa .async-autocomplete .dropdown .dropdown-toggle .vs__selected-options .form-control, .napa .async-autocomplete .dropdown .dropdown-menu .no-options { font-family: "OpenSans-Bold"; } .napa .async-autocomplete .dropdown .dropdown-menu li > a { font-size: 16px; } .napa .async-autocomplete .dropdown .dropdown-menu .highlight > a { color: #0066c0; } .napa .documents-search .search-description .installation { color: #ffc72c; } .napa .documents-search .logo { max-height: 50px; max-width: 50px; position: absolute; top: 72px; left: 160px; } .napa .search-result-container .list-item .button-main { border-radius: 0; background-color: #001489; font-weight: 700; text-transform: none; padding: 17px 20px; } .napa .search-result-container .list-item .button-main:hover { background-color: #000d56; color: white; } .napa .search-result-container .list-item .item-description a { color: #0066c0; } .napa .search-result-container .list-item .item-description a:hover { color: #001489; text-decoration: underline; } .napa .not-found { padding: 29px 0; text-align: center; } @media all and (max-width: 1024px) { .napa .documents-search .logo { top: 44px; left: 50px; } } @media all and (max-width: 590px) { .napa .documents-search .logo { top: 60px; left: 50px; } .napa .documents-search .search-description .installation-instructions-title { display: flex; flex-direction: column; } } @media all and (max-width: 480px) { .napa .documents-search .logo { max-height: 40px; max-width: 40px; } } .documents-search .installation { color: #ffdf1c; } .google-map .masked > .google-map-container::before { opacity: 0.8; } .google-map .google-map-container .google-map-map .map-zoom-control { box-shadow: 1px 1px 1px #dddddd; border-radius: 3px; } .google-map .google-map-container .google-map-map .map-zoom-control .map-zoom-out, .google-map .google-map-container .google-map-map .map-zoom-control .map-zoom-in { background: #ffffff; height: 40px; text-align: center; width: 40px; } .google-map .google-map-container .google-map-map .map-zoom-control .map-zoom-out:hover, .google-map .google-map-container .google-map-map .map-zoom-control .map-zoom-in:hover { background-color: #dddddd; } .google-map .google-map-container .google-map-map .map-zoom-control .map-zoom-out span.fa, .google-map .google-map-container .google-map-map .map-zoom-control .map-zoom-in span.fa { color: #4f4f4f; font-size: 20px; line-height: 40px; } .google-map .google-map-container .google-map-map .map-zoom-control .map-zoom-in { border-radius: 3px 3px 0 0; } .google-map .google-map-container .google-map-map .map-zoom-control .map-zoom-out { border-radius: 0 0 3px 3px; border-top: 1px solid #dddddd; } .google-map .google-map-container .google-map-legend-wrapper .google-map-legend { background-color: #ffffff; } .google-map .google-map-container .google-map-legend-wrapper .google-map-legend > p { font-family: "FuturaStd-CondensedBold"; font-size: 11px; line-height: 2.2; text-transform: uppercase; } .google-map .google-map-container .google-map-legend-wrapper .google-map-legend > p:after { text-transform: uppercase; } .google-map .google-map-container .google-map-legend-wrapper .google-map-legend > p > img { padding-top: 5px; } .google-map .google-map-container .gm-style-iw { padding: 10px !important; } .google-map .google-map-container .gm-style-iw .gm-ui-hover-effect { opacity: 1; margin: 10px !important; } .google-map .google-map-container .gm-style-iw > div .map-infowindow { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; } .google-map .google-map-container .gm-style-iw > div .map-infowindow div { padding-bottom: 0; } .google-map .google-map-container .gm-style-iw > div .map-infowindow h4 { font-family: 'OpenSans-Bold', sans-serif; font-size: 12px; line-height: 20px; text-transform: none; -webkit-font-smoothing: antialiased; padding: 0; order: -1; } .google-map .google-map-container .gm-style-iw > div .map-infowindow .dealer-type { font-family: 'OpenSans-Bold', sans-serif; order: -2; font-size: 14px; line-height: 27px; margin: 0; } .google-map .google-map-container .gm-style-iw > div .map-infowindow .address, .google-map .google-map-container .gm-style-iw > div .map-infowindow .distance, .google-map .google-map-container .gm-style-iw > div .map-infowindow .website a, .google-map .google-map-container .gm-style-iw > div .map-infowindow .dealer-phone a, .google-map .google-map-container .gm-style-iw > div .map-infowindow .where-to-buy-hours { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; font-size: 12px; line-height: 20px; margin: 0; text-transform: none; } .google-map .google-map-container .gm-style-iw > div .map-infowindow .distance { min-height: 20px; } .google-map .google-map-container .gm-style-iw > div .map-infowindow .directions { position: absolute; right: 20px; bottom: 20px; } .google-map .google-map-container .gm-style-iw > div .map-infowindow .directions a { font-size: 12px; line-height: 20px; color: #0e0e0e; padding-left: 5px; } .google-map .google-map-container .gm-style-iw > div .map-infowindow .directions a:after { margin-left: 6px; font-family: icomoon; content: "\e92f"; vertical-align: bottom; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .google-map .google-map-container .gm-style div[title] { opacity: 1 !important; } .google-map .google-map-container .gm-style div[title] img { width: 100% !important; height: 100% !important; } } .header-foreground .header-foreground-container a { font-weight: bold; } .header-foreground .header-foreground-container h1, .header-foreground .header-foreground-container h2, .header-foreground .header-foreground-container h3, .header-foreground .header-foreground-container h4, .header-foreground .header-foreground-container h5, .header-foreground .header-foreground-container h6 { padding-bottom: 15px; } .header-foreground .header-foreground-container a, .header-foreground .header-foreground-container .cta-link, .header-foreground .header-foreground-container .download-link { font-style: normal; font-weight: normal; font-family: 'OpenSans-Bold', sans-serif; font-size: 16px; text-transform: none; } .header-foreground .header-content-container { width: 40%; } .header-foreground .header-content-container ol, .header-foreground .header-content-container ul { padding-left: none; } .header-foreground .header-content-container ol li, .header-foreground .header-content-container ul li { list-style-type: none; } .header-foreground .header-content-container ol li:before, .header-foreground .header-content-container ul li:before { content: ""; } @media (max-width: 767px) { .header-foreground .has-bg .header-foreground-container { background-color: #104b86; -webkit-box-shadow: inset 0px 5px 50px 0px rgba(14, 14, 14, 0.5); box-shadow: inset 0px 5px 50px 0px rgba(14, 14, 14, 0.5); } .header-foreground .header-content-container { margin: 0 5%; min-height: 90px; width: 90%; } .header-foreground .header-foreground-image { display: none; } } .header-hero .header-hero-container .header-hero-content { /*header-hero-person*/ } .header-hero .header-hero-container .header-hero-content h5 { color: #111111; } .header-hero .header-hero-container .header-hero-content .header-hero-download { margin-top: 30px; } .header-hero .header-hero-container .header-hero-content .header-hero-download .header-hero-download-select { border: none; height: 60px; margin-bottom: 25px; margin-right: 12px; } .header-hero .header-hero-container .header-hero-content .person-avatar img { border: solid 5px #ffffff; background-color: #ffffff; } .header-hero .header-hero-container .header-hero-content .person-contents h4 { font-size: 44px; } .header-hero .header-hero-container .header-hero-content .person-contents .meta-info { font-size: 14px; } .header-hero .header-hero-container .header-hero-content .header-hero-person-text p { font-size: 14px; line-height: 2.4em; } .header-hero .header-hero-container .header-hero-content .header-hero-person-text p b { font-size: 18px; text-transform: uppercase; font-family: "FuturaStd-CondensedBold"; letter-spacing: 2px; } .header-hero .header-hero-container .header-hero-content .header-hero-person-text p b:after { text-transform: uppercase; } @media all and (max-width: 1024px) { .header-hero .header-hero-background { padding: 60px 10%; } .header-hero .header-hero-background .header-hero-content .person-contents h4 { margin-bottom: 20px; } .header-hero .header-hero-background .header-hero-content .header-hero-person-text p { line-height: 2.3em; } } @media all and (max-width: 767px) { .header-hero .header-hero-background { height: auto; padding: 30px; } .header-hero .header-hero-background .header-hero-content h1 { font-size: 37px; line-height: 42px; } .header-hero .header-hero-background .header-hero-content .person-contents h4 { font-size: 27px; margin-bottom: 12px; } .header-hero .header-hero-background .header-hero-content .header-hero-person-text p { font-size: 13px; line-height: 1.9em; } .header-hero .header-hero-background .header-hero-content .header-hero-person-text p b { font-size: 13px; } } .header-lede .header-lede-content .header-lede-subheading { font-family: 'FuturaStd-CondensedBold', sans-serif; color: #0e0e0e; line-height: 1.2em; text-transform: uppercase; font-weight: lighter; } .header-lede .header-lede-content .header-lede-subheading { font-size: 1.125em; font-weight: normal; } @media all and (max-width: 1024px) { .header-lede .header-lede-content .header-lede-subheading { font-size: 16px; line-height: 22px; } } @media all and (max-width: 767px) { .header-lede .header-lede-content .header-lede-subheading { font-size: 15px; line-height: 22px; } } .header-lede .header-lede-container { min-height: 600px; padding-bottom: 60px; } .header-lede .header-lede-content { text-align: center; width: 100%; } .header-lede .header-lede-content .header-lede-person { background-color: #ffffff; border: solid 5px #ffffff; margin: 0 auto 22px; max-height: 150px; } .header-lede .header-lede-content .header-lede-subheading { color: #111111; font-style: normal; font-weight: normal; font-family: 'OpenSans-Bold', sans-serif; font-size: 18px; margin-bottom: 11px; } .header-lede .header-lede-content .header-lede-title { margin-bottom: 12px; } .header-lede .header-lede-content .header-lede-teaser { margin: 0 auto; padding-bottom: 5px; width: 50%; } .header-lede .header-lede-content .header-lede-video { color: #ffffff; } .header-lede .header-lede-content .header-lede-video .icon-video { font-size: 157px; margin: -30px -30px -15px -30px; } @media all and (max-width: 1024px) { .header-lede .header-lede-container { padding-bottom: 60px; } .header-lede .header-lede-content .header-lede-person { max-height: 100px; } .header-lede .header-lede-content .header-lede-content { width: 100%; } } @media all and (max-width: 767px) { .header-lede .header-lede-container { min-height: 365px; padding-bottom: 40px; } .header-lede .header-lede-content .header-lede-person { margin-bottom: 16px; max-height: 70px; } .header-lede .header-lede-content .header-lede-subheading { font-size: inherit; } .header-lede .header-lede-content .header-lede-teaser { display: none; } .header-lede .header-lede-content .header-lede-video .icon-video { font-size: 90px; margin: -18px -18px -9px -18px; } } .header-touts { background-color: #ffffff; } .header-touts h1, .header-touts h2, .header-touts h3, .header-touts h4, .header-touts h5, .header-touts h6 { letter-spacing: 1px; padding: 0; } .header-touts h1 span, .header-touts h2 span, .header-touts h3 span, .header-touts h4 span, .header-touts h5 span, .header-touts h6 span { float: none; font-size: inherit; } .header-touts .header-touts { border-bottom: 15px solid #ffdf1c; } .header-touts .header-touts .header-foreground-container { padding-bottom: 300px; } .header-touts .header-touts .header-foreground-container .header-content h1 { line-height: 70px; font-size: 4.375em; } .header-touts .header-touts .header-foreground-container .header-content .cta-classes { margin-top: 40px; margin-left: 3px; } .header-touts .header-touts .header-foreground-container .header-content .cta-classes.cta-link i { margin: 0 10px; font-size: 16px; display: inline-block; } .header-touts .header-touts .header-foreground-container .header-content .cta-classes i { display: none; } .header-touts .header-touts .header-foreground-container .header-content .cta-classes.button-main, .header-touts .header-touts .header-foreground-container .header-content .cta-classes.button-secondary { text-align: center; width: auto; padding: 22px 50px 24px; } .header-touts .header-touts .header-touts-container { margin-top: -250px; } .header-touts .header-touts .header-touts-container.darken-shadow .tout-slide { box-shadow: 0 2px 5px 0 #979797; } .header-touts .header-touts .header-touts-container .tout-slide { width: 510px; height: auto; min-height: 300px; border-radius: 3px; margin: 0 13px; box-shadow: 0 2px 5px 0 #eeeeee; } .header-touts .header-touts .header-touts-container .tout-slide .tout-image { height: 280px; border-radius: inherit; } .header-touts .header-touts .header-touts-container .tout-slide .tout-image .image { border-radius: inherit; } .header-touts .header-touts .header-touts-container .tout-slide .tout-content { height: 100%; padding-bottom: 0; } .header-touts .header-touts .header-touts-container .tout-slide .tout-content h1, .header-touts .header-touts .header-touts-container .tout-slide .tout-content h2, .header-touts .header-touts .header-touts-container .tout-slide .tout-content h3, .header-touts .header-touts .header-touts-container .tout-slide .tout-content h4, .header-touts .header-touts .header-touts-container .tout-slide .tout-content h5, .header-touts .header-touts .header-touts-container .tout-slide .tout-content h6 { padding: 5px; } .header-touts .header-touts .header-touts-container .tout-slide .tout-content p { line-height: 26px; letter-spacing: normal; margin: 0; } .header-touts .header-touts .header-touts-container .tout-slide .tout-content .slide-cta { padding: 20px 0; position: static; } @media (max-width: 1024px) { .header-touts .header-touts .header-foreground-container { padding-bottom: 175px; } .header-touts .header-touts .header-foreground-container .header-content .cta-classes.button-main, .header-touts .header-touts .header-foreground-container .header-content .cta-classes.button-secondary { padding: 19px 45px; } .header-touts .header-touts .header-touts-container { margin-top: -135px; } .header-touts .header-touts .header-touts-container .tout-slide { margin: 0 10px; width: 290px; height: auto; } .header-touts .header-touts .header-touts-container .tout-slide .tout-image { height: 220px; } .header-touts .header-touts .header-touts-container .tout-slide .tout-content { padding-right: 20px; padding-left: 20px; } } @media (max-width: 767px) { .header-touts { background-color: #0e0e0e; } .header-touts .header-touts { border-bottom: none; } .header-touts .header-touts .header-foreground-container { padding-bottom: 85px; } .header-touts .header-touts .header-foreground-container .header-content .cta-classes { margin-top: 30px; } .header-touts .header-touts .header-foreground-container .header-content h1 { line-height: 44px; font-size: 42px; } .header-touts .header-touts .header-touts-container { margin-top: -50px; margin-bottom: 45px; } .header-touts .header-touts .header-touts-container .tout-slide { margin: 15px auto; height: auto; } .header-touts .header-touts .header-touts-container .tout-slide .tout-content { box-shadow: none; } .header-touts .header-touts .header-touts-container .tout-slide .tout-content .slide-cta { padding: 0; margin-top: 10px; } .header-touts .header-touts .header-touts-container .tout-slide .tout-image { height: 170px; } } @media (max-width: 479px) { .header-touts .header-touts .header-touts-container .tout-slide { margin: 15px; width: auto; } } .hero .button-main, .hero .button-secondary { margin-bottom: 20px; margin-top: 30px; padding: 22px 60px; width: auto; } .hero .hero-container { padding-top: 610px; overflow: hidden; } .hero .hero-content { width: 65%; overflow-wrap: break-word; } .hero .hero-content h1, .hero .hero-content h2, .hero .hero-content h3, .hero .hero-content h4 { color: #ffdf1c; } .hero .hero-content.align-x-center { width: 75%; } .hero .hero-content .button-arrow:after { display: none; } .hero .hero-content-container { padding: 100px 135px; } @media all and (max-width: 1279px) { .hero .hero-content-container { padding: 60px; } .hero .hero-content { width: 70%; } .hero .hero-content.align-x-center { width: 80%; } } @media all and (max-width: 1024px) { .hero .hero-content-container { padding: 60px 40px; } .hero .hero-content { width: 100%; } .hero .hero-content.align-x-center { width: 100%; } } @media all and (max-width: 767px) { .hero .hero-bg-container { height: auto !important; } } @media all and (max-width: 479px) { .hero .hero-content-container { padding: 40px 30px; } .hero .hero-content { width: 100%; } .hero .hero-content p { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } } /* Hover Tout */ .hover-tout h2, .hover-tout h3 { line-height: 1.125; padding-bottom: 0; text-shadow: none !important; text-transform: uppercase; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .hover-tout h2 span, .hover-tout h3 span { display: block; margin-bottom: 0.75em; } .hover-tout h2 { font-size: 36px; } .hover-tout h3 { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; font-size: 22px; } .hover-tout .hover-tout-container.title-above { background-color: #ffdf1c; border: 1px solid #ffdb02; padding: 6%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .hover-tout .hover-tout-container.title-above h2, .hover-tout .hover-tout-container.title-above h3 { color: #0e0e0e; padding: 0 0 40px 0; text-align: center; } .hover-tout .hover-tout-container.title-above .has-bg { padding-bottom: 50%; } .hover-tout .hover-tout-container.title-centered .has-bg { border: 1px solid #202020; padding-bottom: 64.32%; } .hover-tout .hover-tout-container.title-centered .has-bg:before { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; background: #4f4f4f; opacity: 0.75; } .hover-tout .hover-tout-container.title-centered .has-bg:hover:before { background: #8f8f8f; opacity: 0.75; } .hover-tout .hover-tout-container.title-centered .has-bg .button-main { border: 0px; font-family: 'FuturaStd-CondensedBold', sans-serif; font-size: 14px; text-align: center; display: inline-block; padding: 25px 43px; position: relative; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; border-radius: 5px; padding: 25px 20px; min-width: 150px; background-color: #0e0e0e; color: #ffffff; } .hover-tout .hover-tout-container.title-centered .has-bg .button-main:not(.disable-hover):hover, .hover-tout .hover-tout-container.title-centered .has-bg .button-main:not(.disable-hover).hover { background-color: #ffdf1c; color: #0e0e0e; } .hover-tout .hover-tout-container.title-centered .has-bg .button-main [class^="icon-"], .hover-tout .hover-tout-container.title-centered .has-bg .button-main [class*=" icon-"] { padding-right: 5px; } .hover-tout .hover-tout-container.title-centered .has-bg .button-main a { color: #ffffff; } .hover-tout .hover-tout-container.title-centered .has-bg .button-main:not(.disable-hover):hover, .hover-tout .hover-tout-container.title-centered .has-bg .button-main:not(.disable-hover).hover { background-color: #ffdf1c; color: #0e0e0e; } .hover-tout .hover-tout-container.title-centered .has-bg .button-main:not(.disable-hover):hover a, .hover-tout .hover-tout-container.title-centered .has-bg .button-main:not(.disable-hover).hover a { color: #0e0e0e; } .hover-tout.active.touch .has-bg .hover-tout-container { background-color: rgba(247, 247, 247, 0.75); } .hover-tout.active.touch .has-bg:before { opacity: 0.5; background-color: #ffffff; } .hover-tout.active .has-bg { border-color: #ffffff; } .hover-tout.active .has-bg h2, .hover-tout.active .has-bg h3 { color: #0e0e0e; } .hover-tout.aem-GridColumn--default--6 .hover-tout-container.title-centered .has-bg { padding-bottom: 50%; } .hover-tout.aem-GridColumn--default--6 h2 { font-size: 36px; } .hover-tout.aem-GridColumn--default--6 .button-main { margin-top: 5px; font-size: 14px; line-height: 20px; padding-left: 36px; padding-right: 48px; } .hover-tout.aem-GridColumn--default--12 .hover-tout-container.title-centered .has-bg { padding-bottom: 35%; } .hover-tout.aem-GridColumn--default--12 h2 { font-size: 44px; } .hover-tout.aem-GridColumn--default--12 .button-main { margin-top: 5px; font-size: 14px; line-height: 20px; padding-left: 36px; padding-right: 48px; } @media all and (max-width: 1024px) { .hover-tout h2 span, .hover-tout h3 span { margin-bottom: 0.5em; } .hover-tout .hover-tout-container.title-centered .has-bg { padding-bottom: 85%; } .hover-tout h2 { font-size: 25px; } .hover-tout .button-main { margin-top: 5px; font-size: 14px; line-height: 20px; padding-left: 36px; padding-right: 48px; } .hover-tout.aem-GridColumn--default--6 .hover-tout-container.title-centered .has-bg { padding-bottom: 60%; } .hover-tout.aem-GridColumn--default--6 h2 { font-size: 16px; } .hover-tout.aem-GridColumn--default--6 .button-main { margin-top: 5px; font-size: 14px; line-height: 20px; padding-left: 36px; padding-right: 48px; } .hover-tout.aem-GridColumn--default--12 .hover-tout-container.title-centered .has-bg { padding-bottom: 60%; } .hover-tout.aem-GridColumn--default--12 h2 { font-size: 16px; } .hover-tout.aem-GridColumn--default--12 .button-main { margin-top: 5px; font-size: 14px; line-height: 20px; padding-left: 36px; padding-right: 48px; } } @media all and (max-width: 767px) { .hover-tout .hover-tout-container.title-centered .has-bg { padding-bottom: 35%; } .hover-tout h2 { font-size: 28px; } .hover-tout .button-main { margin-top: 5px; font-size: 14px; line-height: 20px; padding-left: 36px; padding-right: 48px; } .hover-tout.aem-GridColumn--default--6 .hover-tout-container.title-centered .has-bg { padding-bottom: 35%; } .hover-tout.aem-GridColumn--default--6 h2 { font-size: 28px; } .hover-tout.aem-GridColumn--default--6 .button-main { margin-top: 5px; font-size: 14px; line-height: 20px; padding-left: 36px; padding-right: 48px; } .hover-tout.aem-GridColumn--default--12 .hover-tout-container.title-centered .has-bg { padding-bottom: 35%; } .hover-tout.aem-GridColumn--default--12 h2 { font-size: 28px; } .hover-tout.aem-GridColumn--default--12 .button-main { margin-top: 5px; font-size: 14px; line-height: 20px; padding-left: 36px; padding-right: 48px; } .hover-tout[class*="aem-GridColumn"] { -moz-flex-basis: 100%; -ms-flex-basis: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; width: 100%; } } @media all and (max-width: 479px) { .hover-tout .hover-tout-container.title-centered .has-bg { padding-bottom: 42%; } .hover-tout h2 { font-size: 25px; } .hover-tout .button-main { margin-top: 5px; font-size: 14px; line-height: 20px; padding-left: 36px; padding-right: 48px; } .hover-tout.aem-GridColumn--default--6 .hover-tout-container.title-centered .has-bg { padding-bottom: 42%; } .hover-tout.aem-GridColumn--default--6 h2 { font-size: 25px; } .hover-tout.aem-GridColumn--default--6 .button-main { margin-top: 5px; font-size: 14px; line-height: 20px; padding-left: 36px; padding-right: 48px; } .hover-tout.aem-GridColumn--default--12 .hover-tout-container.title-centered .has-bg { padding-bottom: 42%; } .hover-tout.aem-GridColumn--default--12 h2 { font-size: 25px; } .hover-tout.aem-GridColumn--default--12 .button-main { margin-top: 5px; font-size: 14px; line-height: 20px; padding-left: 36px; padding-right: 48px; } } .latest-facebook .latest-facebook-background { background-color: #0e0e0e; width: 100%; } .latest-facebook .latest-facebook-background .show-spinner .three-quarters-loader:not(:required) { border-color: #ffdf1c; border-right-color: transparent; } .latest-facebook .latest-facebook-background .latest-facebook-title { font-family: 'OpenSans-Bold', sans-serif; color: #ffffff; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; text-align: center; margin: 0 20px 30px; } .latest-facebook .latest-facebook-background .facebook-settings { color: #ffffff; text-align: center; } .latest-facebook .latest-facebook-background .latest-facebook-content { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; color: #ffffff; font-size: 16px; line-height: 20px; max-width: 100%; } .latest-facebook .latest-facebook-background .latest-facebook-content a { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; font-size: 16px; line-height: 20px; color: #ffdf1c; } .latest-facebook .latest-facebook-background .latest-facebook-content a:hover { color: #ffffff; } .latest-tweet .latest-tweet-background { background-color: #0e0e0e; padding: 50px 0; } .latest-tweet .latest-tweet-background .show-spinner .three-quarters-loader:not(:required) { border-color: #ffdf1c; border-right-color: transparent; } .latest-tweet .latest-tweet-background .latest-tweet-title { font-family: 'OpenSans-Bold', sans-serif; color: #ffffff; font-size: 13px; letter-spacing: 2px; line-height: auto; padding: 30px 0; text-transform: uppercase; } .latest-tweet .latest-tweet-background .latest-tweet-content { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; color: #ffffff; font-size: 16px; line-height: 20px; padding-bottom: 0; } .latest-tweet .latest-tweet-background .latest-tweet-content a { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; font-size: 16px; line-height: 20px; color: #ffdf1c; } .latest-tweet .latest-tweet-background .latest-tweet-content a:hover { color: #ffffff; } .latest-tweet .latest-tweet-background .latest-tweet-content a img { height: auto; margin-bottom: 20px; width: 30px; } .latest-vk .latest-vk-background { background-color: #0e0e0e; } .latest-vk .latest-vk-background .show-spinner .three-quarters-loader:not(:required) { border-color: #ffdf1c; border-right-color: transparent; } .latest-vk .latest-vk-background .latest-vk-title { font-family: 'OpenSans-Bold', sans-serif; color: #ffffff; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; text-align: center; margin: 0 20px 30px; } .latest-vk .latest-vk-background .vk-settings { color: #ffffff; text-align: center; } .latest-vk .latest-vk-background .latest-vk-content { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; color: #ffffff; font-size: 16px; line-height: 20px; } .latest-vk .latest-vk-background .latest-vk-content a { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; font-size: 16px; line-height: 20px; color: #ffdf1c; } .latest-vk .latest-vk-background .latest-vk-content a:hover { color: #ffffff; } .latest-linkedin .latest-linkedin-background { background-color: #0e0e0e; } .latest-linkedin .latest-linkedin-background .latest-linkedin-title { font-family: 'OpenSans-Bold', sans-serif; color: #ffffff; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; text-align: center; margin: 0 20px; } .latest-linkedin .latest-linkedin-background .linkedin-settings { color: #ffffff; text-align: center; } .latest-linkedin .latest-linkedin-background .latest-linkedin-content { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; color: #ffffff; font-size: 16px; line-height: 20px; } .latest-linkedin .latest-linkedin-background .latest-linkedin-content a { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; font-size: 16px; line-height: 20px; color: #ffdf1c; text-transform: initial; } .latest-linkedin .latest-linkedin-background .latest-linkedin-content a:hover { color: #ffffff; } .latest-linkedin .latest-linkedin-background .latest-linkedin-content .linkedin-page-icon { line-height: 40px; } .latest-linkedin .latest-linkedin-background .latest-linkedin-content .linkedin-page-icon:hover { color: #ffdf1c; } .ledes .has-bg { background-color: #0e0e0e; } .ledes .has-bg .lede-meta { color: #ffffff; } .ledes-wrapper:not(.has-bg) .ledes-container.ledes-hover-cards figcaption { background: #dddddd; opacity: 0.7; } .ledes-container.ledes-hover-cards[data-cols='4'] .lede .lede-title { font-size: 25px; } .ledes-container .ledes-filter { background-color: #eeeeee; text-align: center; } .ledes-container .ledes-filter label { color: #0e0e0e; margin-right: 30px; } .ledes-container .lede-image { position: relative; } .ledes-container .lede-image:before { display: block; content: ""; width: 100%; padding-top: 61.64383562%; } .ledes-container .lede-image img { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; object-fit: contain; } .ledes-container .lede-image .icon-video { color: #ffffff; } .ledes-container .lede-meta { color: #0e0e0e; font-family: "FuturaStd-CondensedBold"; font-size: 18px; padding: 15px 0; } .ledes-container .lede-meta:after { text-transform: uppercase; } .ledes-container figcaption { text-align: center; margin-top: 20px; } .ledes-container .lede-teaser .lede-teaser-cta { margin-top: 1em; } .ledes-container .lede-teaser .button-secondary { margin-top: 20px; } .ledes-container .lede-teaser .lede-teaser-text { margin: 15px 0 0 0; font-size: 14px; line-height: 25px; } .ledes-container .lede-title { font-family: "FuturaStd-CondensedBold"; font-size: 28px; text-transform: none; } .ledes-container .lede-title:after { text-transform: uppercase; } .ledes-container .view-more { text-align: center; } @media all and (max-width: 1024px) { .ledes-container .lede-teaser .lede-teaser-text { display: block; } .ledes-container .lede-teaser .lede-teaser-cta:after { background-size: 60%; margin-top: -4px; right: 35px; } } .link-to-parent a, .link-to-parent a:visited { color: #202020; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; font-size: 14px; padding-left: 0; text-transform: none; margin-left: 1.6em; } .link-to-parent .cta-link-left:before { font-size: inherit; vertical-align: bottom; } .mailing-list form { margin-bottom: 0; } .mailing-list .mailing-list-wrapper .mailing-list-body .response { color: #0e0e0e; } .mailing-list .mailing-list-wrapper .mailing-list-body .form-group label, .mailing-list .mailing-list-wrapper .mailing-list-body .form-group option, .mailing-list .mailing-list-wrapper .mailing-list-body .form-group select { text-transform: uppercase; } .mailing-list .mailing-list-wrapper .mailing-list-body input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: 'FuturaStd-CondensedBold', sans-serif; color: #0e0e0e; text-transform: uppercase !important; } .mailing-list .mailing-list-wrapper .mailing-list-body input::-moz-placeholder { /* Firefox 19+ */ font-family: 'FuturaStd-CondensedBold', sans-serif; color: #0e0e0e; text-transform: uppercase !important; } .mailing-list .mailing-list-wrapper .mailing-list-body input:-ms-input-placeholder { /* IE 10+ */ font-family: 'FuturaStd-CondensedBold', sans-serif; color: #0e0e0e; text-transform: uppercase !important; } .mailing-list .mailing-list-wrapper .mailing-list-body input:-moz-placeholder { /* Firefox 18- */ font-family: 'FuturaStd-CondensedBold', sans-serif; color: #0e0e0e; text-transform: uppercase !important; } .mailing-list .mailing-list-wrapper .mailing-list-body input:disabled { background: #dddddd; } .marginalia-ledes h5 { color: #0e0e0e; font-style: normal; font-weight: normal; font-family: 'OpenSans-Bold', sans-serif; font-size: 16px; letter-spacing: 0; padding: 14px 0; } .marginalia-ledes .lede-meta { color: #4f4f4f; font-size: 12px; line-height: 1; margin-bottom: 6px; } .marginalia-ledes .lede-image { margin-bottom: 14px; overflow: hidden; } .marginalia-ledes .lede-title { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; font-size: 22px; line-height: 27px; } .marginalia-ledes .lede-title:hover { color: #0e0e0e !important; } @media (max-width: 767px) { .marginalia-ledes h5 { padding: 11px 0; } .marginalia-ledes .lede-image { margin-bottom: 7px; } .marginalia-ledes .lede-meta { font-size: 11px; margin-bottom: 0; } .marginalia-ledes .lede-title { font-size: 16px; } } .most-recent-file .most-recent-file-container { min-height: 600px; padding-bottom: 60px; } .most-recent-file .most-recent-file-content { margin-left: auto; margin-right: auto; text-align: center; width: 65%; } .most-recent-file .most-recent-file-content .most-recent-file-container-title { color: #111111; font-size: 18px; padding-bottom: 1em; } .most-recent-file .most-recent-file-content .most-recent-file-result-data { font-family: "FuturaStd-CondensedBold"; font-size: 53px; line-height: 50px; } .most-recent-file .most-recent-file-content .most-recent-file-result-data:after { text-transform: uppercase; } .most-recent-file .most-recent-file-content .button-arrow { margin-top: 75px; } @media all and (max-width: 1024px) { .most-recent-file .most-recent-file-container { padding-bottom: 60px; } .most-recent-file .most-recent-file-content { width: 100%; } .most-recent-file .most-recent-file-content .most-recent-file-container-title { font-size: 18px; } .most-recent-file .most-recent-file-content .most-recent-file-result-data { font-size: 36px; line-height: 40px; } .most-recent-file .most-recent-file-content .button-arrow { margin-top: 35px; } } @media all and (max-width: 767px) { .most-recent-file .most-recent-file-container { min-height: 365px; padding-bottom: 40px; } .most-recent-file .most-recent-file-content .most-recent-file-container-title { font-size: 12px; } .most-recent-file .most-recent-file-content .most-recent-file-result-data { font-size: 27px; line-height: 36px; } .most-recent-file .most-recent-file-content .button-arrow { margin-top: 20px; } } .body-frame, .body-frame-content, .body-frame-primary-content, .page-content, .grid_12, .main-par, .aem-Grid, .news-list, .news-wrapper { overflow: visible; } .news-list p, .news-list h1, .news-list h2, .news-list h3, .news-list h4, .news-list h5, .news-list h6 { color: #0e0e0e; } .news-list .news-container { width: 1025px; margin: 0 auto; } .news-list .news-container .delayed-load-carousel-container { padding: 0; } .news-list .news-container .delayed-load-carousel-container .lede { padding: 12.5px; border-bottom: 1px solid #eeeeee; margin-bottom: 27px; } .news-list .news-container .ledes-filter { background-color: #eeeeee; text-align: center; } .news-list .news-container .ledes-filter label { color: #0e0e0e; margin-right: 30px; } .news-list .news-container .lede-label { background-color: #ffdf1c; color: #0e0e0e; } .news-list .news-container .lede-label:hover { color: #0e0e0e; } .news-list .news-container.right figure, .news-list .news-container.left figure, .news-list .news-container.top figure, .news-list .news-container.bottom figure { -webkit-box-align: flex-start; -moz-box-align: flex-start; -ms-flex-align: flex-start; -webkit-align-items: flex-start; align-items: flex-start; } .news-list .news-container.right a.lede-teaser-cta, .news-list .news-container.left a.lede-teaser-cta, .news-list .news-container.top a.lede-teaser-cta, .news-list .news-container.bottom a.lede-teaser-cta { -moz-flex: 0 0 30%; -ms-flex: 0 0 30%; -webkit-flex: 0 0 30%; flex: 0 0 30%; } .news-list .news-container.right .lede-image, .news-list .news-container.left .lede-image, .news-list .news-container.top .lede-image, .news-list .news-container.bottom .lede-image { height: 200px; } .news-list .news-container.right .lede-image .lede-video-side-container, .news-list .news-container.left .lede-image .lede-video-side-container, .news-list .news-container.top .lede-image .lede-video-side-container, .news-list .news-container.bottom .lede-image .lede-video-side-container { height: 100%; } .news-list .news-container.right .lede-image .lede-video-side-container img, .news-list .news-container.left .lede-image .lede-video-side-container img, .news-list .news-container.top .lede-image .lede-video-side-container img, .news-list .news-container.bottom .lede-image .lede-video-side-container img { margin: auto; max-height: 100%; width: auto !important; } .news-list .news-container.right .lede-image .icon-video, .news-list .news-container.left .lede-image .icon-video, .news-list .news-container.top .lede-image .icon-video, .news-list .news-container.bottom .lede-image .icon-video { color: #ffffff; } .news-list .news-container.right figcaption, .news-list .news-container.left figcaption, .news-list .news-container.top figcaption, .news-list .news-container.bottom figcaption { text-align: left; -moz-flex: 0 0 69%; -ms-flex: 0 0 69%; -webkit-flex: 0 0 69%; flex: 0 0 69%; } .news-list .news-container.right figcaption .lede-title, .news-list .news-container.left figcaption .lede-title, .news-list .news-container.top figcaption .lede-title, .news-list .news-container.bottom figcaption .lede-title, .news-list .news-container.right figcaption h1, .news-list .news-container.left figcaption h1, .news-list .news-container.top figcaption h1, .news-list .news-container.bottom figcaption h1, .news-list .news-container.right figcaption h2, .news-list .news-container.left figcaption h2, .news-list .news-container.top figcaption h2, .news-list .news-container.bottom figcaption h2, .news-list .news-container.right figcaption h3, .news-list .news-container.left figcaption h3, .news-list .news-container.top figcaption h3, .news-list .news-container.bottom figcaption h3, .news-list .news-container.right figcaption h4, .news-list .news-container.left figcaption h4, .news-list .news-container.top figcaption h4, .news-list .news-container.bottom figcaption h4, .news-list .news-container.right figcaption h5, .news-list .news-container.left figcaption h5, .news-list .news-container.top figcaption h5, .news-list .news-container.bottom figcaption h5, .news-list .news-container.right figcaption h6, .news-list .news-container.left figcaption h6, .news-list .news-container.top figcaption h6, .news-list .news-container.bottom figcaption h6 { color: #0e0e0e; } .news-list .news-container.right figcaption .lede-title:hover, .news-list .news-container.left figcaption .lede-title:hover, .news-list .news-container.top figcaption .lede-title:hover, .news-list .news-container.bottom figcaption .lede-title:hover, .news-list .news-container.right figcaption h1:hover, .news-list .news-container.left figcaption h1:hover, .news-list .news-container.top figcaption h1:hover, .news-list .news-container.bottom figcaption h1:hover, .news-list .news-container.right figcaption h2:hover, .news-list .news-container.left figcaption h2:hover, .news-list .news-container.top figcaption h2:hover, .news-list .news-container.bottom figcaption h2:hover, .news-list .news-container.right figcaption h3:hover, .news-list .news-container.left figcaption h3:hover, .news-list .news-container.top figcaption h3:hover, .news-list .news-container.bottom figcaption h3:hover, .news-list .news-container.right figcaption h4:hover, .news-list .news-container.left figcaption h4:hover, .news-list .news-container.top figcaption h4:hover, .news-list .news-container.bottom figcaption h4:hover, .news-list .news-container.right figcaption h5:hover, .news-list .news-container.left figcaption h5:hover, .news-list .news-container.top figcaption h5:hover, .news-list .news-container.bottom figcaption h5:hover, .news-list .news-container.right figcaption h6:hover, .news-list .news-container.left figcaption h6:hover, .news-list .news-container.top figcaption h6:hover, .news-list .news-container.bottom figcaption h6:hover, .news-list .news-container.right figcaption .lede-title:hover:after, .news-list .news-container.left figcaption .lede-title:hover:after, .news-list .news-container.top figcaption .lede-title:hover:after, .news-list .news-container.bottom figcaption .lede-title:hover:after, .news-list .news-container.right figcaption h1:hover:after, .news-list .news-container.left figcaption h1:hover:after, .news-list .news-container.top figcaption h1:hover:after, .news-list .news-container.bottom figcaption h1:hover:after, .news-list .news-container.right figcaption h2:hover:after, .news-list .news-container.left figcaption h2:hover:after, .news-list .news-container.top figcaption h2:hover:after, .news-list .news-container.bottom figcaption h2:hover:after, .news-list .news-container.right figcaption h3:hover:after, .news-list .news-container.left figcaption h3:hover:after, .news-list .news-container.top figcaption h3:hover:after, .news-list .news-container.bottom figcaption h3:hover:after, .news-list .news-container.right figcaption h4:hover:after, .news-list .news-container.left figcaption h4:hover:after, .news-list .news-container.top figcaption h4:hover:after, .news-list .news-container.bottom figcaption h4:hover:after, .news-list .news-container.right figcaption h5:hover:after, .news-list .news-container.left figcaption h5:hover:after, .news-list .news-container.top figcaption h5:hover:after, .news-list .news-container.bottom figcaption h5:hover:after, .news-list .news-container.right figcaption h6:hover:after, .news-list .news-container.left figcaption h6:hover:after, .news-list .news-container.top figcaption h6:hover:after, .news-list .news-container.bottom figcaption h6:hover:after { color: #ffdf1c; } .news-list .news-container.right figcaption .lede-label:hover, .news-list .news-container.left figcaption .lede-label:hover, .news-list .news-container.top figcaption .lede-label:hover, .news-list .news-container.bottom figcaption .lede-label:hover { color: #0e0e0e; } .news-list .news-container .lede-meta { color: #979797; font-family: "FuturaStd-CondensedBold"; text-transform: uppercase; font-size: 19px; line-height: 27px; padding: 0 0 8px 0; letter-spacing: 1.29px; } .news-list .news-container .lede-meta:after { text-transform: uppercase; } .news-list .news-container .meta-wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .news-list .news-container .lede-teaser { font-size: 14px; border: none; } .news-list .news-container .lede-teaser .lede-teaser-cta { margin-top: 1em; } .news-list .news-container .lede-teaser .lede-teaser-text { color: #0e0e0e; } .news-list .news-container .lede-teaser .lede-teaser-text:hover, .news-list .news-container .lede-teaser .lede-teaser-text:hover:after { color: #0e0e0e; } .news-list .news-container .lede-title { font-family: "FuturaStd-CondensedBold"; font-size: 28px; line-height: 31px; text-transform: none; } .news-list .news-container .lede-title:after { text-transform: uppercase; } .news-list .news-container .view-more { text-align: center; } .news-list .news-container .news-pagination ul a { color: darkgray; } .news-list .news-container .news-pagination ul li.active a { color: #0e0e0e; margin-left: 15px; margin-right: 15px; } .news-list .news-container .news-pagination ul li:first-child, .news-list .news-container .news-pagination ul li:last-child { margin-left: 15px; margin-right: 15px; } .news-list .news-container .news-pagination ul li:first-child a, .news-list .news-container .news-pagination ul li:last-child a { color: transparent; } .news-list .news-container .news-pagination ul li:first-child.disabled a:after, .news-list .news-container .news-pagination ul li:last-child.disabled a:after { color: darkgray; } .news-list .news-container .news-pagination ul li:last-child a:after { content: "\e92f"; font-family: "icomoon"; color: #0e0e0e; } .news-list .news-container .news-pagination ul li:first-child a:after { content: "\e92e"; font-family: "icomoon"; color: #0e0e0e; } .news-list .news-container .news-pagination ul li:before { display: none; } .news-list .news-container[data-cols="3"], .news-list .news-container[data-cols="4"] { width: 100%; } .news-list .news-container[data-cols="2"] .lede, .news-list .news-container[data-cols="3"] .lede, .news-list .news-container[data-cols="4"] .lede { border: none; } .news-list .news-container[data-cols="2"] .lede > div, .news-list .news-container[data-cols="3"] .lede > div, .news-list .news-container[data-cols="4"] .lede > div { height: 100%; border: solid 1px #e5e5e5; } .news-list .news-container[data-cols="2"] .lede > div .lede-image, .news-list .news-container[data-cols="3"] .lede > div .lede-image, .news-list .news-container[data-cols="4"] .lede > div .lede-image { height: 250px; } .news-list .news-container[data-cols="2"] .lede > div .lede-image img, .news-list .news-container[data-cols="3"] .lede > div .lede-image img, .news-list .news-container[data-cols="4"] .lede > div .lede-image img { min-height: 100%; max-height: unset; width: 100% !important; } .news-list .news-container[data-cols="2"] .lede > div figcaption, .news-list .news-container[data-cols="3"] .lede > div figcaption, .news-list .news-container[data-cols="4"] .lede > div figcaption { padding: 30px; } .news-list .news-container.news-hover-cards .lede-teaser p, .news-list .news-container.news-hover-cards .lede-teaser a { color: #ffffff; } .news-list .news-container.news-hover-cards .lede-teaser p:hover, .news-list .news-container.news-hover-cards .lede-teaser a:hover, .news-list .news-container.news-hover-cards .lede-teaser p:hover:after, .news-list .news-container.news-hover-cards .lede-teaser a:hover:after { color: #ffffff; } .news-list .news-container.news-hover-cards .lede-teaser .cta-link:hover, .news-list .news-container.news-hover-cards .lede-teaser .cta-link:hover:after { color: #ffdf1c; } .news-list .news-container.news-hover-cards figcaption a, .news-list .news-container.news-hover-cards figcaption h1, .news-list .news-container.news-hover-cards figcaption h2, .news-list .news-container.news-hover-cards figcaption h3, .news-list .news-container.news-hover-cards figcaption h4, .news-list .news-container.news-hover-cards figcaption h5, .news-list .news-container.news-hover-cards figcaption h6, .news-list .news-container.news-hover-cards figcaption .lede-title { color: #ffffff; } .news-list .news-container.news-hover-cards .lede-label { color: #0e0e0e; } @media all and (max-width: 1024px) { .news-list .news-container.news-hover-cards[data-cols="2"] .lede .lede-title { font-size: 16px; line-height: 21px; } .news-list .news-container.news-hover-cards[data-cols="2"] .lede .lede-teaser p { line-height: 12px; } } @media all and (max-width: 767px) { .news-list .news-container.news-hover-cards .lede-label { position: static; } .news-list .news-container.news-hover-cards[data-cols="2"] .lede .lede-title { font-size: 14px; line-height: 18px; } } @media all and (max-width: 479px) { .news-list .news-container.news-hover-cards[data-cols="1"] .lede .lede-title { font-size: 14px; line-height: 16px; } } @media all and (min-width: 1025px) and (max-width: 1279px) { .news-list .news-container[data-cols="4"] .lede-meta { font-size: 12px; } } @media all and (max-width: 1024px) { .news-list .news-container .lede-teaser .lede-teaser-cta:after { background-size: 60%; margin-top: -4px; right: 35px; } .news-list .news-container .lede-title { font-size: 16px; line-height: 21px; } .news-list .news-container[data-cols="4"] .lede-meta { font-size: 12px; } } @media all and (max-width: 767px) { .news-list .news-container .ledes-filter label { font-size: 13px; } .news-list .news-container .lede-meta { font-size: 12px; } .news-list .news-container .lede-teaser p, .news-list .news-container .lede-teaser a { font-size: 12px; line-height: 18px; } .news-list .news-container .lede-title { font-size: 18px; line-height: 27px; } .news-list .news-container .lede-label { z-index: 6; position: absolute; top: -40px; left: 20px; } .news-list .news-container.left .lede-image, .news-list .news-container.right .lede-image, .news-list .news-container.top .lede-image, .news-list .news-container.bottom .lede-image { height: auto; } } @media all and (max-width: 1280px) { .news-list .news-container { width: 100%; } } @media all and (max-width: 767px) { .news-list { margin-top: 40px; } } .symptom-part-overlay .part-details .close-part i, .global-data-preview .part-details .close-part i { color: #0e0e0e; font-size: 35px; } .symptom-part-overlay .part-details .part-title, .global-data-preview .part-details .part-title { color: #0e0e0e; font-size: 27px; margin: 1em 0; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; } @media all and (max-width: 767px) { .symptom-part-overlay .part-details .part-title, .global-data-preview .part-details .part-title { font-size: 18px; } } .part-detail .alert { margin: 10px 0; } .part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-part-number { margin-top: 20px; } .part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-buttons .button { padding: 17px 40px; margin-top: 15px; margin-right: 10px; } .part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-description-text { margin: 30px 0; } .part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-description-text ul, .part-detail .page-content-container .part-detail-top .part-detail-part-description .part-detail-description-text ol { list-style: initial; padding-left: 15px; } .part-detail .page-content-container .part-detail-top .part-detail-part-description .fits-info { line-height: 18px; } .part-detail .page-content-container .part-detail-top .part-detail-marketing { background-image: linear-gradient(#ffffff 50%, #979797); border: 1px solid #979797; padding: 25px 20px; display: -ms-flexbox; display: -webkit-flex; display: flex; } .part-detail .page-content-container .part-detail-top .part-detail-marketing .part-detail-marketing-text { -moz-flex: 1 1 100%; -ms-flex: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; } .part-detail .page-content-container .part-detail-top .part-detail-marketing .part-detail-marketing-text > span { display: block; word-break: break-word; word-wrap: break-word; } .part-detail .page-content-container .part-detail-top .part-detail-marketing img { -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; width: 92px; margin-right: 10px; max-height: 92px; } .part-detail .page-content-container .part-detail-top .part-detail-marketing .part-detail-marketing-title { color: #0e0e0e; font-family: "FuturaStd-CondensedBold"; font-size: 18px; margin-bottom: 10px; } .part-detail .page-content-container .part-detail-top .part-detail-marketing .part-detail-marketing-title:after { text-transform: uppercase; } .part-detail .page-content-container .part-detail-top .part-detail-marketing .part-detail-marketing-description { font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; } .part-detail .page-content-container .part-detail-bottom h3 { font-size: 25px; line-height: 28px; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-nav li.part-detail-help-link { border-left: none; margin-top: 30px; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details h3 { margin: 10px 0px 15px; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details .attr-name, .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details .detail-group-name { font-weight: bold; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details table tr:nth-of-type(odd) { background-color: #979797; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details.part-detail-about-interchanges h3 { margin: 10px 0px 15px; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details.part-detail-specifications table { width: 100%; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: space-around; -moz-box-pack: space-around; -ms-flex-pack: space-around; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 15px 0; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-result-bar-child { -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-result-pagination { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: space-around; -moz-box-pack: space-around; -ms-flex-pack: space-around; -webkit-justify-content: space-around; justify-content: space-around; margin-top: 25px; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-result-pagination > div { -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-result-pagination > div.fitment-list-pages { font-family: "FuturaStd-CondensedBold"; font-size: 16px; line-height: 18px; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-result-pagination > div.fitment-list-pages:after { text-transform: uppercase; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-result-pagination > div.fitment-list-pages label input { height: 35px; margin: 0 10px; max-width: 20%; padding: 7px 10px; text-align: center; width: auto; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .select-box { display: none; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits table td, .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits table th { width: 25%; } .part-detail .page-content-container .part-detail-help-link a:after { color: #0e0e0e; content: "\f105"; font-family: 'fontawesome'; font-weight: bold; margin-left: 8px; } @media all and (max-width: 1024px) { .part-detail .page-content-container .part-detail-top { display: block; } .part-detail .page-content-container .part-detail-bottom .part-detail-about { border: 1px solid #979797; } .part-detail .page-content-container .part-detail-bottom .part-detail-about h4.tab-mobile { display: block; color: #0e0e0e; border-bottom: 1px solid #979797; padding: 15px; position: relative; } .part-detail .page-content-container .part-detail-bottom .part-detail-about h4.tab-mobile .fa-expanded { color: #0e0e0e; font-size: 15px; position: absolute; right: 15px; } .part-detail .page-content-container .part-detail-bottom .part-detail-about h4.tab-mobile .fa-expanded:before { content: "\f067"; } .part-detail .page-content-container .part-detail-bottom .part-detail-about h4.tab-mobile.active .fa-expanded:before { content: "\f068"; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details { border-bottom: 1px solid #979797; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details h3 { font-size: 18px; margin: 0 0 15px; text-transform: uppercase; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details .detail-group-name { font-size: 18px; padding: 1.5em 0; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-details table tr:nth-of-type(odd) { background-color: #0e0e0e; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-specifications table { width: 100%; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-specifications table tr { border-top: 0; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-specifications table td { padding-left: 0; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-specifications table td:before { width: 0; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-specifications table td.attr-name + td { padding-bottom: 30px; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar { display: block; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-result-pagination > div { -moz-flex: 0 1 50%; -ms-flex: 0 1 50%; -webkit-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits .fitment-list-result-bar .fitment-list-page-buttons { text-align: right; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits table td, .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits table th { width: auto; } .part-detail .page-content-container .part-detail-bottom .part-detail-about .part-detail-about-also-fits table td:before { display: block; padding: 0.6em 0; } } .part-finder-full .part-finder-full-separator { background: #eeeeee; } .part-finder-by-number .has-bg { background-color: #4f4f4f; } .part-finder-by-filter .part-finder-results-invalid-params-author-msg { border-color: #eeeeee; } .part-finder-by-filter.part-finder-by-filter-refine > :not(.has-bg) .part-finder-by-filter-container { background: #eeeeee; } .fmmp-part-finder { margin: 20px; } .fmmp-part-finder .part-finder-container { border-color: #dddddd; } .fmmp-part-finder input, .fmmp-part-finder select { background-color: #dddddd; border-width: 1px; border-color: #0e0e0e; color: #0e0e0e; width: 100%; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; } .fmmp-part-finder input:focus, .fmmp-part-finder select:focus, .fmmp-part-finder input:hover, .fmmp-part-finder select:hover { color: #ffffff; } .fmmp-part-finder .select-box { display: none; } .fmmp-part-finder .search-row .search-group span.button-main { margin-top: 35px; padding: 13px 40px; } .fmmp-part-finder ul.tab-links li.active { background-color: #0e0e0e; color: #ffffff; } .fmmp-part-finder .tab-content button { padding: 13px 40px; } .fmmp-part-finder .part-finder-vehicle-section .part-finder-by-vehicle-carousel { background-color: #dddddd; } .fmmp-part-finder .part-finder-vehicle-section .part-finder-vehicle-content { background-color: white; } .fmmp-part-finder .part-finder-vehicle-section .part-finder-vehicle-content .part-finder-vehicle-content-wordage p.part-finder-vehicle-make { color: #0e0e0e; } .fmmp-part-finder .part-finder-vehicle-section .part-finder-vehicle-content .part-finder-vehicle-content-wordage p.part-finder-vehicle-size { font-weight: bold; } .fmmp-part-finder .part-finder-vehicle-section .part-finder-vehicle-content .part-finder-vehicle-content-wordage button { height: 30px; line-height: 1px; margin-top: 5px; padding: 20px 30px 19px; } .fmmp-part-finder .part-finder-vehicle-section .slick-prev, .fmmp-part-finder .part-finder-vehicle-section .slick-next { background: #dddddd; } .fmmp-part-finder .part-finder-vehicle-section .slick-prev:before, .fmmp-part-finder .part-finder-vehicle-section .slick-next:before { font-family: 'fontawesome'; color: #979797; font-size: 45px; line-height: 0.5; } .fmmp-part-finder .part-finder-selected-state li.selector { border-color: #dddddd; } .fmmp-part-finder .part-finder-selected-state li.selector.active h6 { border-bottom-color: #dddddd; } .fmmp-part-finder .part-finder-selected-state li.selector.active .search-row .search-group button, .fmmp-part-finder .part-finder-selected-state li.selector.active .search-row .search-group span.button-main { margin-top: 41px; } .fmmp-part-finder .part-finder-selected-state li.selector h6 { color: #0e0e0e; line-height: 22px; } .fmmp-part-finder .part-finder-selected-state li.selector .part-finder-selected-vehicle .search-row .search-group h5 { color: #0e0e0e; } .fmmp-part-finder .part-finder-selected-state li.selector .part-finder-selected-vehicle .search-row.search-button button { margin-top: 41px; } .fmmp-part-finder .part-finder-selected-state .part-engine-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .part-finder-selected-state .part-number-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .part-finder-selected-state .part-license-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .part-finder-selected-state .part-finder-vin-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .part-finder-selected-state .vehicle-type-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main { margin-top: 40px; } .fmmp-part-finder .part-engine-search-form a { display: inline-block; } .fmmp-part-finder .part-engine-modal-container h3 { color: #0e0e0e; } .fmmp-part-finder .part-engine-modal-container input, .fmmp-part-finder .part-engine-modal-container select { margin-bottom: 10px; margin-top: 10px; } .fmmp-part-finder .part-engine-modal-container input[type="checkbox"], .fmmp-part-finder .part-engine-modal-container select[type="checkbox"] { height: 15px; margin: 0 3px 5px 0; width: 15px; } .fmmp-part-finder .part-engine-modal-container label { line-height: 18px; } .fmmp-part-finder .part-engine-modal-container .spec-row .spec-group { margin: 15px 10px; } .fmmp-part-finder .part-engine-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .part-number-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .part-license-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .part-finder-vin-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .vehicle-type-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main { margin-top: 35px; } @media all and (max-width: 1024px) { .fmmp-part-finder { margin: 20px 0; } .fmmp-part-finder .part-finder-selected-state { border-width: 1px 0 1px 0; border-color: #dddddd; border-style: solid; } .fmmp-part-finder .part-finder-selected-state .part-engine-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .part-finder-selected-state .part-number-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .part-finder-selected-state .part-license-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .part-finder-selected-state .part-finder-vin-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .part-finder-selected-state .vehicle-type-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main { margin-top: 5px; } .fmmp-part-finder .tab .mobile-type-selector, .fmmp-part-finder .tab .type-selector { margin: 0; } .fmmp-part-finder .part-engine-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .part-number-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .part-license-search-form .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .part-finder-vin-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main, .fmmp-part-finder .vehicle-type-search .search-row:not(.search-row-vehicle-cat) .search-group.search-button .button-main { margin-top: 5px; } } .part-list { margin: 0 20px; } .part-list h2 { margin-left: 0; } .part-list .dimmed:after { top: 123px; } .part-list .fmmp-part-list .part-list-row { border-color: #dddddd; } .part-list .fmmp-part-list .part-number-results .search-part-number { color: #0e0e0e; } .part-list .fmmp-part-list .part-list-filter-container .part-list-filters { border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .part-list .fmmp-part-list .part-list-results .part-result { border-top: 1px solid #dddddd; } .part-list .fmmp-part-list .part-list-results .part-result .part-result-image:hover img { outline: 3px solid #0e0e0e; } .part-list .fmmp-part-list .part-list-results .part-result .part-result-info .part-result-criteria-group { color: #0e0e0e; } .part-list .part-list-header { color: #ffffff; padding: 10px 20px; } .part-list .part-list-header h3 { font-size: 28px; } .part-list .part-list-filter-header { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .part-list .part-list-filter-header h4 { color: #0e0e0e; } .part-list .part-list-filter-list { color: #979797; } .part-list .part-list-filter-list li:before { content: ""; } .part-list .part-list-filter-list label { display: inline-block; line-height: 20px; word-break: break-all; } .part-list .part-list-filter-list label input { display: inline; height: auto; margin: 5px 8px 5px 0; width: auto; } .part-list .part-list-result-bar .part-list-result-total { color: #0e0e0e; } .page-content.has-active-nav .part-list .dimmed:after { top: 68px; } @media all and (max-width: 1024px) { .part-list { margin: 0; } .part-list h2 { margin-left: 20px; } .part-list .dimmed:after { top: 0; } .part-list .part-list-header { color: #0e0e0e; } .part-list .part-list-result-bar .part-list-result-total { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .part-list .fmmp-part-list .part-list-filter-container.show-filters .part-list-filter-list input:after { color: #0e0e0e; } .part-list .fmmp-part-list .part-list-ix-results tr { border-top: none; border-bottom: 1px solid #dddddd; } .page-content.has-active-nav .part-list .dimmed:after { top: 0; } } .person-headline-avatar img { border: solid 2px #eeeeee; } .person-headline-contents .name { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; color: #0e0e0e; font-size: 22px; line-height: 27px; padding-bottom: 0; } .person-headline-contents .title { color: #4f4f4f; line-height: 27px; } .person-headline-contents .meta-info { color: #979797; } .person-ledes .ledes-container .lede-container img { background-color: #ffffff; border: solid 5px #ffffff; } .person-ledes .ledes-container .lede-container .lede-tags { font-size: 12px; } @media all and (max-width: 1024px) { .person-ledes .ledes-container .lede-container .lede-title { font-size: 18px; line-height: 22px; } .person-ledes .ledes-container .lede-container .lede-tags { font-size: 11px; } } .aem-Grid.aem-Grid--12 .person-showcase .person-showcase-container img { background-color: #ffffff; border: solid 5px #ffffff; } .aem-Grid.aem-Grid--12 .person-showcase .person-showcase-container-empty { background-color: #0e0e0e; color: #FFF; } .product-benefits .product-benefits-container { padding-bottom: 63px; overflow: auto; } .product-benefits h2, .product-benefits .h2-rep { font-size: 36px; line-height: 1; padding: 55px 0 45px 0; } .product-benefits .product-benefit { padding: 20px 2%; } .product-benefits .product-benefit h5, .product-benefits .product-benefit .h5-rep { color: #0e0e0e; font-family: "FuturaStd-CondensedBold"; font-size: 18px; line-height: 23px; padding-bottom: 13px; } .product-benefits .product-benefit h5:after, .product-benefits .product-benefit .h5-rep:after { text-transform: uppercase; } .product-benefits .product-benefit p:not(.h5-rep) { font-size: 14px; line-height: 23px; margin-bottom: 0; } .product-benefits .product-benefit-content { line-height: 1.6; } @media all and (max-width: 1024px) and (min-width: 768px) { .product-benefits .product-benefits-container { padding-bottom: 50px; } .product-benefits h2, .product-benefits .h2-rep { font-size: 36px; padding: 55px 0 21px 0; } .product-benefits .product-benefit { padding: 14px 10%; } } @media all and (max-width: 767px) { .product-benefits .product-benefits-container { padding-bottom: 42px; } .product-benefits h2, .product-benefits .h2-rep { font-size: 27px; padding: 30px 0 7px 0; } .product-benefits .product-benefit { padding: 14px 10% 0 10%; } .product-benefits .product-benefit h5, .product-benefits .product-benefit .h5-rep { padding-bottom: 4px; } } .product-feature .slick-dots { list-style-type: none; z-index: 2; bottom: 22px; } .product-feature .slick-dots li { border-radius: 50%; height: 11px; list-style-type: none; margin: 0 11px 0 0; padding: 0; width: 11px; } .product-feature .slick-dots li:before { content: ""; } .product-feature .slick-dots li button { display: none; } .product-feature .slick-dots li { background-color: rgba(0, 0, 0, 0.5); } .product-feature .slick-dots li.slick-active { background-color: #000000; } .product-feature .has-bg .slick-dots { list-style-type: none; z-index: 2; } .product-feature .has-bg .slick-dots li { border-radius: 50%; height: 11px; list-style-type: none; margin: 0 11px 0 0; padding: 0; width: 11px; } .product-feature .has-bg .slick-dots li:before { content: ""; } .product-feature .has-bg .slick-dots li button { display: none; } .product-feature .has-bg .slick-dots li { background-color: rgba(255, 255, 255, 0.5); border: #0e0e0e solid 1px; } .product-feature .has-bg .slick-dots li.slick-active { background-color: #ffffff; } .product-feature .grey-bg { background-color: #eeeeee; } .product-feature .product-feature-container { position: relative; } .product-feature .product-feature-container .product-feature-title h2 { font-family: "FuturaStd-CondensedBold"; font-size: 53px; letter-spacing: 1px; line-height: 62px; text-transform: none; } .product-feature .product-feature-container .product-feature-title h2:after { text-transform: uppercase; } .product-feature .product-feature-container .product-feature-base .ctas .buy-online-container .buy-online-toolbox { top: 25px; } .product-feature .product-feature-container .product-feature-base .ctas .buy-online-container .buy-online-toolbox a { background-color: #dddddd; color: #4f4f4f; } .product-feature .product-feature-container .product-feature-base .ctas .buy-online-container .buy-online-toolbox a:hover { color: #ffffff; background-color: #4f4f4f; } .product-feature .product-feature-container .product-feature-base .ctas .buy-online-container.open-up .buy-online-toolbox { top: auto; } .product-feature .product-feature-container .product-feature-list .product-feature-content h1, .product-feature .product-feature-container .product-feature-list .product-feature-content h2, .product-feature .product-feature-container .product-feature-list .product-feature-content h3, .product-feature .product-feature-container .product-feature-list .product-feature-content h4, .product-feature .product-feature-container .product-feature-list .product-feature-content h5, .product-feature .product-feature-container .product-feature-list .product-feature-content h6 { letter-spacing: 1px; padding: 6px 0 22px 0; } .product-feature .product-feature-container .product-feature-list .product-feature-content h1 { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; font-size: 27px; line-height: 36px; } .product-feature .product-feature-container .product-feature-list .product-feature-content p, .product-feature .product-feature-container .product-feature-list .product-feature-content ul, .product-feature .product-feature-container .product-feature-list .product-feature-content ol { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; } .product-feature .product-feature-container .slick-slider { margin-bottom: 0; } .product-feature .has-bg .product-feature-container .buy-online-toolbox a { background-color: #ffffff; } .product-feature .has-bg .product-feature-container .buy-online-toolbox a:hover { background-color: #dddddd; } .product-feature .has-bg .product-feature-container .product-feature-content p { color: #ffffff; } @media all and (min-width: 1280px) { .product-feature .product-feature-base .product-feature-content { padding-right: 14%; } .product-feature .product-feature-base .product-feature-image > div.image { height: 480px; } .product-feature .product-feature-base .product-feature-image > div.image img { max-height: 550px; } } @media all and (max-width: 1024px) { .product-feature .slick-dots { bottom: 16px; } .product-feature .product-feature-container .product-feature-title h2 { font-size: 36px; line-height: 44px; } .product-feature .product-feature-container .product-feature-list .product-feature-content h1, .product-feature .product-feature-container .product-feature-list .product-feature-content h2, .product-feature .product-feature-container .product-feature-list .product-feature-content h3, .product-feature .product-feature-container .product-feature-list .product-feature-content h4, .product-feature .product-feature-container .product-feature-list .product-feature-content h5, .product-feature .product-feature-container .product-feature-list .product-feature-content h6 { padding: 6px 0 16px 0; } } @media all and (max-width: 767px) { .product-feature .slick-dots { bottom: 10px; } .product-feature .product-feature-container .product-feature-title h2 { font-size: 22px; line-height: 31px; } .product-feature .product-feature-container .product-feature-list .product-feature-content h1, .product-feature .product-feature-container .product-feature-list .product-feature-content h2, .product-feature .product-feature-container .product-feature-list .product-feature-content h3, .product-feature .product-feature-container .product-feature-list .product-feature-content h4, .product-feature .product-feature-container .product-feature-list .product-feature-content h5, .product-feature .product-feature-container .product-feature-list .product-feature-content h6 { padding: 4px 0 10px 0; } } .product-line-container { border-bottom: solid 1px #e5e5e5; } .product-line-container .product-listing .carousel-container .carousel-slide-list:not(.darken-shadow) .slick-slide { box-shadow: none; } .product-line-container .product-listing .carousel-container .carousel-slide-list .slick-slide .tout-content { padding-left: 0; padding-right: 0; } .product-line-container .product-listing .carousel-container .carousel-slide-list .slick-slide .tout-content .slide-cta { padding: 0; } .product-line-container .product-listing .carousel-container .carousel-slide-list .slick-slide .tout-content h1, .product-line-container .product-listing .carousel-container .carousel-slide-list .slick-slide .tout-content h2, .product-line-container .product-listing .carousel-container .carousel-slide-list .slick-slide .tout-content h3, .product-line-container .product-listing .carousel-container .carousel-slide-list .slick-slide .tout-content h4, .product-line-container .product-listing .carousel-container .carousel-slide-list .slick-slide .tout-content h5, .product-line-container .product-listing .carousel-container .carousel-slide-list .slick-slide .tout-content h6 { text-transform: none; } @media all and (max-width: 767px) { .product-line-container .product-listing .carousel-container .carousel-slide-list { border: none; } } .random-quote .quotes .quote-list { font-family: "Oswald-Medium"; font-size: 30px; line-height: 40px; } .random-quote .quotes .quote-list .by-line { color: #0e0e0e; font-family: "FuturaStd-CondensedBold"; font-size: 14px; line-height: 28px; text-transform: uppercase; } .random-quote .content h3, .random-quote .content h4 { font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; } .random-tip .title { font-family: 'FuturaStd-CondensedBold', sans-serif; color: #0e0e0e; line-height: 1.2em; text-transform: uppercase; font-weight: lighter; } .random-tip .title { font-size: 4.125em; padding-top: 30px; line-height: 70px; } @media all and (max-width: 1024px) { .random-tip .title { font-size: 40px; line-height: 50px; } } @media all and (max-width: 767px) { .random-tip .title { font-size: 40px !important; line-height: 46px !important; letter-spacing: 0px; } } .random-tip { background: #979797; } .random-tip .random-tip-container { padding: 120px 0 105px 0; } .random-tip .headline { font-family: 'OpenSans-Bold', sans-serif; color: #111111; font-size: 18px; line-height: 18px; margin-bottom: 0; } .random-tip .title { font-size: 53px; line-height: 58px; text-transform: none; } .random-tip .content { max-width: 840px; } .random-tip .text { padding: 25px 0 50px 0; } .random-tip .text p { font-style: normal; font-weight: normal; font-family: 'Oswald-Regular', sans-serif; font-size: 14px; line-height: 25px; } @media (max-width: 1024px) { .random-tip .random-tip-container { padding: 100px 0; } .random-tip .title { font-size: 36px; line-height: 44px; margin-top: 8px; } .random-tip .text { padding: 15px 0 30px 0; } } @media (max-width: 767px) { .random-tip .random-tip-container { padding: 45px 0; } .random-tip .headline { font-size: 16px; } .random-tip .title { font-size: 27px; line-height: 36px; margin-top: 12px; } .random-tip .button-main { display: block; padding-top: 17px; padding-bottom: 17px; width: 100%; } } .schematic-diagram-inner-container .tab-list { height: 60px; } .schematic-diagram-inner-container .tab-list .tab-item { height: 60px; padding: 4px 15px 35px; width: 100px; background-repeat: no-repeat; background-position: center; background-size: 50% 50%; background-color: #0e0e0e; } .schematic-diagram-inner-container .tab-list .tab-item.orient-FRONT { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHRpdGxlPmZtLWljb25zPC90aXRsZT4KPHBhdGggZD0iTTkuNiwxNS43YzAuNi0wLjQsMS0wLjksMS40LTEuNWw1LjcsNy44YzAuMiwwLjMsMC4zLDAuNiwwLjIsMWMwLDAuMy0wLjIsMC42LTAuNSwwLjhsLTEuMiwwLjljLTAuMywwLjItMC43LDAuMy0xLDAuMgoJYy0wLjMsMC0wLjYtMC4yLTAuOC0wLjVsLTUuNy03LjhDOC40LDE2LjUsOS4xLDE2LjIsOS42LDE1Ljd6IE0xNCwyMi41YzAuNCwwLjEsMC43LTAuMiwwLjctMC41YzAuMS0wLjQtMC4yLTAuNy0wLjUtMC43CglzLTAuNywwLjItMC43LDAuNWMwLDAuMiwwLDAuMywwLjEsMC41QzEzLjcsMjIuMywxMy44LDIyLjQsMTQsMjIuNXogTTIuMywxMS4xQzIuNCwxMSwyLjQsMTEsMi41LDExYzAuMiwwLjEsMC40LDAuMywwLjYsMC41bDEuMiwxCglsMC43LDAuNmwyLjEtMC44bDAuNC0yLjJMNC45LDhDNC43LDcuOSw0LjcsNy43LDQuOCw3LjVjMC0wLjEsMC4xLTAuMSwwLjItMC4xYzAuMy0wLjIsMC43LTAuMywxLjEtMC4zYzAuNC0wLjEsMC44LTAuMSwxLjIsMAoJYzEuMiwwLjIsMi4yLDAuOCwyLjksMS44YzAuNywxLDEsMi4yLDAuOCwzLjNjLTAuMiwxLjItMC44LDIuMy0xLjgsMi45Yy0xLDAuNy0yLjIsMS0zLjMsMC44Yy0xLjktMC4zLTMuNC0xLjgtMy43LTMuNgoJYy0wLjEtMC40LTAuMS0wLjctMC4xLTEuMUMyLjIsMTEuMiwyLjIsMTEuMSwyLjMsMTEuMXoiLz4KPHBhdGggZD0iTTI5LjksMTYuNUwyOS45LDE2LjVjMC0xLjYtMC4xLTMuMi0wLjUtNC43Yy0wLjUtMS41LTEuOS0yLjYtMy41LTIuNWMtNC4xLDAuMi05LjgsMC4yLTE0LjcsMC4xYzAuMSwwLjEsMC4xLDAuMiwwLjIsMC40CglsNy43LDAuMWMwLjEsMCwwLjIsMC4xLDAuMiwwLjFsMC4xLDAuMmMwLDAuMSwwLDAuMi0wLjEsMC4zYzAsMCwwLDAsMCwwYy0wLjksMC4yLTEuOSwwLjMtMi44LDAuM2MtMS4zLDAuMS0zLDAuMS0zLDAuMWgtMS4xaC0wLjYKCWMwLjEsMC41LDAuMSwxLjEsMCwxLjZjLTAuMSwwLjQtMC4yLDAuOC0wLjMsMS4ybDAuMiwwLjNsNS43LDcuOGMwLjIsMC4yLDAuMywwLjUsMC4zLDAuN2MwLjgsMC4xLDEuNCwwLjIsMS42LDAuMgoJYzAuMSwwLDAuMiwwLjEsMC4yLDAuMmMwLDAsMCwwLDAsMGwtMC4xLDAuMmMwLDAuMS0wLjEsMC4xLTAuMiwwLjFoLTEuNWMwLDAuMi0wLjEsMC4zLTAuMiwwLjRjMy4xLDAsNi4xLDAuMSw4LjUsMC4xCgljMS42LDAsMy0xLDMuNS0yLjVDMjkuNywxOS44LDI5LjksMTguMiwyOS45LDE2LjVMMjkuOSwxNi41TDI5LjksMTYuNUwyOS45LDE2LjV6IE0yNS4xLDIyLjNjLTAuMSwwLjItMC40LDAuNC0wLjcsMC40TDIxLDIyCgljLTAuMiwwLTAuMy0wLjItMC4yLTAuM2MwLDAsMCwwLDAsMGMwLjQtMS43LDAuNy0zLjQsMC43LTUuMXYwYzAtMS43LTAuMi0zLjQtMC43LTUuMWMwLTAuMiwwLjEtMC4zLDAuMi0wLjRjMCwwLDAsMCwwLDBsMy41LTAuNwoJYzAuMywwLDAuNSwwLjEsMC43LDAuNGMwLjksMS44LDEuNCwzLjgsMS40LDUuOEMyNi41LDE4LjUsMjYsMjAuNSwyNS4xLDIyLjN6Ii8+Cjwvc3ZnPg=="); } .schematic-diagram-inner-container .tab-list .tab-item.orient-REAR { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHRpdGxlPmZtLWljb25zPC90aXRsZT4KPHBhdGggZD0iTTI2LjQsMTYuNmwtNS43LDcuOGMtMC4yLDAuMy0wLjUsMC41LTAuOCwwLjVjLTAuMywwLjEtMC43LDAtMS0wLjJsLTEuMi0wLjljLTAuMy0wLjItMC41LTAuNS0wLjUtMC44CgljLTAuMS0wLjQsMC0wLjcsMC4yLTFsNS43LTcuOEMyMy44LDE1LjQsMjUsMTYuMywyNi40LDE2LjZ6IE0yMC41LDIyLjJjMC4yLTAuMywwLjEtMC43LTAuMi0wLjljLTAuMy0wLjItMC43LTAuMS0wLjksMC4yCgljLTAuMiwwLjMtMC4xLDAuNywwLjIsMC45YzAuMSwwLjEsMC4zLDAuMSwwLjUsMC4xQzIwLjMsMjIuNCwyMC41LDIyLjMsMjAuNSwyMi4yeiBNMzIsMTEuM2MwLDAuNCwwLDAuNy0wLjEsMS4xCgljLTAuNCwxLjktMS45LDMuMy0zLjcsMy42Yy0yLjQsMC40LTQuNy0xLjMtNS4xLTMuN2MtMC4yLTEuMiwwLjEtMi40LDAuOC0zLjNjMC43LTEsMS43LTEuNiwyLjktMS44YzAuNC0wLjEsMC44LTAuMSwxLjIsMAoJYzAuNCwwLDAuOCwwLjEsMS4xLDAuM2MwLjIsMC4xLDAuMiwwLjMsMC4yLDAuNGMwLDAsMCwwLjEtMC4xLDAuMWwtMi42LDIuMWwwLjQsMi4ybDIsMC44bDAuNy0wLjZsMS4yLTFjMC4yLTAuMiwwLjQtMC4zLDAuNy0wLjUKCWMwLjEsMCwwLjIsMCwwLjIsMC4xQzMxLjksMTEuMSwzMiwxMS4yLDMyLDExLjN6Ii8+CjxwYXRoIGQ9Ik0xNi43LDIzLjZjLTAuMS0wLjEtMC4xLTAuMi0wLjEtMC40aC0zLjhjLTAuMSwwLTAuMi0wLjEtMC4yLTAuMmMwLTAuMSwwLjEtMC4yLDAuMi0wLjJjMC45LTAuMiwyLTAuNCwyLjYtMC41CgljMC4zLDAsMC44LTAuMSwxLjItMC4xYzAuMS0wLjMsMC4yLTAuNSwwLjMtMC44bDUuNy03LjhsMC4yLTAuMmMtMC4xLTAuNC0wLjItMC44LTAuMy0xLjFjLTAuMS0wLjYtMC4xLTEuMSwwLTEuN2gtMC4zCgljLTEuMywwLjEtMywwLjEtMywwLjFIMThjMCwwLTIuMS0wLjEtMi43LTAuMnMtMS42LTAuMy0yLjYtMC41Yy0wLjEsMC0wLjItMC4xLTAuMi0wLjJzMC4xLTAuMiwwLjItMC4ybDkuOSwwLjEKCWMwLjEtMC4xLDAuMS0wLjMsMC4yLTAuNGMtMi42LDAtNS4zLDAtNy43LDBoLTIuN2MwLjEtMC4yLDAuMS0wLjUsMC4xLTAuOGMtMC4yLTAuOC0xLjcsMC40LTIuMSwwLjhsLTQuNSwwYy0xLjUsMC00LjQsMC40LTUsMi4xCglDMC4zLDEzLDAsMTQuNywwLDE2LjVsMCwwdjBsMCwwYzAsMS44LDAuMywzLjUsMC44LDUuMmMwLjcsMS43LDMuNiwyLjEsNSwyLjFsNC40LTAuMWMwLjEsMC4xLDIsMS44LDIuMiwwLjkKCWMwLjEtMC4zLDAuMS0wLjYtMC4xLTAuOWgyLjhMMTYuNywyMy42TDE2LjcsMjMuNnogTTUuMSwyMy4zYy0wLjgtMC4xLTEuNS0wLjMtMi4yLTAuNmMtMC44LTAuMi0xLjQtMC44LTEuNy0xLjUKCWMwLTAuMSwwLTAuMiwwLjEtMC4yYzAuMy0wLjIsMS4yLTAuNiwyLjcsMWwwLDBDNC43LDIyLjYsNSwyMi41LDUuMSwyMy4zQzUuMiwyMy4yLDUuMSwyMy4zLDUuMSwyMy4zQzUuMSwyMy4zLDUuMSwyMy4zLDUuMSwyMy4zCglMNS4xLDIzLjN6IE0zLjksMTEuMUwzLjksMTEuMWMtMS41LDEuNy0yLjQsMS4yLTIuNywxYy0wLjEtMC4xLTAuMS0wLjEtMC4xLTAuMmMwLjMtMC43LDEtMS4zLDEuNy0xLjVDMy42LDEwLDQuMyw5LjgsNS4xLDkuNwoJYzAsMCwwLjEsMCwwLjEsMGMwLDAsMCwwLDAsMEM1LDEwLjUsNC43LDEwLjQsMy45LDExLjF6IE0xMC4zLDIyLjdjLTAuMiwwLTAuNC0wLjEtMC40LTAuM2MtMC42LTEuOS0wLjktMy45LTAuOS01Ljl2LTAuMQoJYzAtMiwwLjMtNCwwLjktNS45YzAuMS0wLjIsMC4zLTAuMywwLjQtMC4zbDQuNiwwLjdjMC4xLDAsMC4yLDAuMSwwLjIsMC4zYzAsMCwwLDAsMCwwYy0wLjIsMS42LTAuMiwzLjMtMC4zLDUuMWwwLDB2MGwwLDAKCWMwLDEuOCwwLjEsMy42LDAuMyw1LjFjMCwwLjEtMC4xLDAuMy0wLjIsMC4zYzAsMCwwLDAsMCwwTDEwLjMsMjIuN3oiLz4KPC9zdmc+"); } .schematic-diagram-inner-container .tab-container h3 { color: #0e0e0e; margin: 15px; } .s7button { background-color: #979797; background-image: none; color: #ffffff; display: inline-block; font-size: 14px; height: 35px; line-height: 28px; margin-left: 3px; text-align: center; width: 35px; font-family: 'fontawesome'; } .s7button[state] { background-image: none !important; } .s7button.s7zoominbutton { top: 20px; } .s7button.s7zoominbutton:before { content: "\f00e"; background-image: none !important; } .s7button.s7zoomoutbutton { top: 50px; left: 20px !important; } .s7button.s7zoomoutbutton:before { content: "\f010"; background-image: none !important; } .s7button.s7zoomresetbutton { top: 80px; left: 20px !important; } .s7button.s7zoomresetbutton:before { content: "\f0e2"; background-image: none !important; } .s7fullscreenbutton { background-color: #979797; background-image: none; color: #ffffff; display: inline-block; font-size: 14px; height: 35px; line-height: 28px; margin-left: 3px; text-align: center; width: 35px; font-family: 'fontawesome'; } .s7fullscreenbutton[state] { background-image: none !important; } .s7fullscreenbutton:before { content: "\f065"; background-image: none !important; } @media all and (max-width: 1024px) { .s7basiczoomviewer.s7touchinput .s7fullscreenbutton, .s7basiczoomviewer.s7touchinput .s7zoomresetbutton { line-height: 56px; } } .has-bg .search-files-input h2 { color: #ffdf1c; } .search-files .search-files-results .search-files-input .search-files-search-input { border-radius: 5px; } .search-files .search-files-results .search-files-input .button-main { width: 130px; height: 55px; margin-left: -10px; padding: 20px 20px; vertical-align: bottom; border-radius: 0 5px 5px 0; background-color: #0e0e0e; color: #ffffff; } .search-files .search-files-results .search-files-input .button-main:hover { background-color: #ffdf1c; color: #0e0e0e; } .search-files .search-files-results .search-files-input .button-main span { display: inline-block; } .search-files .search-files-results .search-files-input p { margin-top: 1.5em; } .search-files .search-files-results .filter-files-results { /** * The styles below require the following HTML format for radio buttons: *
* * *
* * and the following for checkboxes: *
* * *
*/ } .search-files .search-files-results .filter-files-results .search-filter-header { color: #0e0e0e; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; font-size: 16px; line-height: 20px; padding: 1em 0; text-transform: uppercase; vertical-align: middle; } .search-files .search-files-results .filter-files-results .search-filter label { color: #4f4f4f; font-family: 'OpenSans-Bold', sans-serif; font-size: 14px; letter-spacing: 0; line-height: 28px; text-transform: uppercase; vertical-align: middle; } .search-files .search-files-results .filter-files-results .search-filter ul li label { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; color: #979797; font-size: 12px; line-height: 30px; text-transform: none; } .search-files .search-files-results .filter-files-results .search-filter ul li label input { height: 20px; margin: 0 5px; } .search-files .search-files-results .filter-files-results input[type=checkbox]:not(old), .search-files .search-files-results .filter-files-results input[type=radio]:not(old) { font-size: 1em; height: 30px; margin: 0; opacity: 0; padding: 0; position: absolute; width: 2em; } .search-files .search-files-results .filter-files-results input[type=checkbox]:not(old) + label, .search-files .search-files-results .filter-files-results input[type=radio]:not(old) + label { display: inline-block; line-height: 1.9em; padding: 0 0 0 2em; position: relative; } .search-files .search-files-results .filter-files-results input[type=checkbox]:not(old) + label > span, .search-files .search-files-results .filter-files-results input[type=radio]:not(old) + label > span { background: #EEE; border: 2px solid #CCC; display: inline-block; height: 1.25em; left: 0; margin: 0.25em 0.75em 0.25em 0.25em; position: absolute; vertical-align: bottom; width: 1.25em; z-index: 10; } .search-files .search-files-results .filter-files-results input[type=checkbox]:not(old):checked + label > span:before { color: #333; content: '✓'; display: block; font-size: 1.25em; font-weight: bold; line-height: 1em; margin: -0.1em 0 0 -0.1em; text-align: center; width: 1em; } .search-files .search-files-results .filter-files-results input[type=radio]:not(old):checked + label > span > span { background: #333; border: 0; display: block; height: 0.75em; margin: 0.125em; width: 0.75em; } .search-files .search-files-results .filter-files-results input[type=checkbox]:not(old) + span { background: #ffffff; border: 1px solid #dddddd; width: 1.2rem; height: 1.2rem; } .search-files .search-files-results .filter-files-results input[type=checkbox]:not(old) + label > span, .search-files .search-files-results .filter-files-results input[type=radio]:not(old) + label > span { background: #ffffff; border: 1px solid #dddddd; } .search-files .search-files-results .filter-files-results input[type=checkbox]:not(old):checked + label > span:before { color: #0e0e0e; } .search-files .search-files-results .filter-files-results input[type=radio]:not(old):checked + label > span > span, .search-files .search-files-results .filter-files-results input[type=checkbox]:not(old):checked + span > span { background: #ffffff; height: 14px; margin: 1px; width: 14px; } .search-files .search-files-results .filter-files-results input[type=radio]:not(old):checked + label > span > span:before, .search-files .search-files-results .filter-files-results input[type=checkbox]:not(old):checked + span > span:before { content: ''; position: absolute; left: 3px; top: 9px; width: 4px; height: 2px; background: #0e0e0e; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .search-files .search-files-results .filter-files-results input[type=radio]:not(old):checked + label > span > span:after, .search-files .search-files-results .filter-files-results input[type=checkbox]:not(old):checked + span > span:after { content: ''; position: absolute; left: 5px; top: 8px; width: 9px; height: 2px; background: #0e0e0e; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .search-files .search-files-results .search-files-main-container .search-files-results-container h2 { border-bottom-color: #979797; padding-bottom: 20px; } .search-files .search-files-results .search-files-main-container .search-files-results-container .file-result { border-bottom: 1px solid #979797; } .search-files .search-files-results .search-files-main-container .search-files-results-container .file-result .download-button { width: auto; padding: 40px 0; background-color: #ffffff; color: #0e0e0e; } .search-files .search-files-results .search-files-main-container .search-files-results-container .file-result .download-button:hover { color: #ffdf1c; } .search-files .search-files-results .search-files-main-container .search-files-results-container .file-result .download-button:after { content: "\e92f"; font-family: "icomoon"; padding-left: 10px; } .search-files .search-files-results .search-files-main-container .search-files-results-container .file-result .file-result-title { font-family: 'OpenSans-Bold', sans-serif; line-height: 20px; text-transform: none; } .search-files .search-files-results .search-files-main-container .search-files-results-container .file-result .search-file-meta { color: #0e0e0e; font-size: 12px; font-weight: bold; line-height: 16px; } .search-files .search-files-results .search-files-main-container .search-files-results-container .search-pagination { display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .search-files .search-files-results .search-files-main-container .search-files-results-container .search-pagination ul.pagination li:first-child a, .search-files .search-files-results .search-files-main-container .search-files-results-container .search-pagination ul.pagination li:last-child a { display: none; } .search-files .search-files-results .search-files-main-container .search-files-results-container .search-pagination ul.pagination li:first-child:after { content: "\e92e"; font-family: "icomoon"; margin-right: 10px; color: #979797; } .search-files .search-files-results .search-files-main-container .search-files-results-container .search-pagination ul.pagination li:last-child:after { content: "\e92f"; font-family: "icomoon"; margin-left: 10px; color: #979797; } .search-files .search-files-results .search-files-main-container .search-files-results-container .search-pagination ul.pagination li { margin: 0 3px; } .search-files .search-files-results .search-files-main-container .search-files-results-container .search-pagination ul.pagination li a { font-family: "FuturaStd-CondensedBold"; font-size: 13px; line-height: 27px; color: #979797; } .search-files .search-files-results .search-files-main-container .search-files-results-container .search-pagination ul.pagination li a:after { text-transform: uppercase; } .search-files .search-files-results .search-files-main-container .search-files-results-container .search-pagination ul.pagination li.active a { margin: 0 8px; color: #0e0e0e; } .search-files .search-files-results .search-files-main-container .search-files-results-container .search-pagination .search-files-results-total { display: none; } .social-feed { background: #ffdf1c; } .social-feed .mailing-list-wrapper { background: #0e0e0e; padding: 0; } .social-feed .mailing-list-wrapper .mailing-list { padding: 0; height: 200px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .social-feed .mailing-list-wrapper .mailing-list h5 { padding: 0; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; color: #ffffff; font-size: 28px; } .social-feed .mailing-list-wrapper .mailing-list .button-main { width: auto; min-width: 130px; margin-left: 50px; padding: 30px 50px; background-color: #ffdf1c; color: #0e0e0e; } .social-feed .mailing-list-wrapper .mailing-list .button-main:hover { background-color: #111111; color: #ffdf1c; } .social-feed .mailing-list-wrapper .mailing-list .button-main:after { margin-right: 0; } .social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background { background: #0e0e0e; box-shadow: none; } .social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .latest-tweet-content { font-size: 16px; font-style: normal; line-height: 21px; } .social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .latest-tweet-content br { display: block; margin: .2em 0; } .social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .latest-tweet-content iframe { margin-top: 0.6em; } .social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .latest-tweet-content a:hover { color: #ffdf1c; } .social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-background .latest-tweet-content a img { margin-bottom: 0; border: 2px solid white; border-radius: 5px; } .social-feed .feed-wrapper > .instagram .latest-instagram-content .instagram-photo .no-photo-found { border: solid 1px #ffffff; } .social-feed .feed-wrapper > .instagram .latest-instagram-content .edit-error-message { color: #ffffff; } .social-feed .feed-wrapper > .youtube.video .icon-video { color: #ffffff; font-size: 75px; } .social-feed .feed-wrapper > .youtube.video .icon-video:hover { color: #ffdf1c; } .social-feed .sf-social-icon { color: #ffffff; font-size: 50px; text-shadow: 0 1px 0 #0e0e0e; } .social-feed .sf-social-icon:hover { color: #ffdf1c; } @media all and (max-width: 1024px) { .social-feed .mailing-list-wrapper .mailing-list h5 { font-size: 18px; } .social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-content { font-size: 16px; line-height: 25px; } .social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-content br { display: block; margin: .6em 0; } } @media (max-width: 767px) { .social-feed .mailing-list-wrapper .mailing-list { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; -webkit-justify-content: space-evenly; justify-content: space-evenly; } .social-feed .mailing-list-wrapper .mailing-list h5 { margin: 0; } .social-feed .mailing-list-wrapper .mailing-list .button-main { margin-left: 0; } .social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-content { font-size: 14px; line-height: 20px; } .social-feed .feed-wrapper > .twitter .twitter.latest-tweet .latest-tweet-content br { display: block; margin: 1em 0; } } .social-feed-v2 .mailing-list-wrapper { background: #0e0e0e; padding: 0; } .social-feed-v2 .mailing-list-wrapper .mailing-list { padding: 0; height: 200px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .social-feed-v2 .mailing-list-wrapper .mailing-list h5 { padding: 0; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; color: #ffffff; font-size: 28px; } .social-feed-v2 .mailing-list-wrapper .mailing-list .button-main, .social-feed-v2 .mailing-list-wrapper .mailing-list .button-secondary { width: auto; min-width: 130px; margin-left: 50px; padding: 30px 50px; } .social-feed-v2 .mailing-list-wrapper .mailing-list .button-main:after, .social-feed-v2 .mailing-list-wrapper .mailing-list .button-secondary:after { margin-right: 0; } .social-feed-v2 .feed-wrapper .sf-social-icon { color: #ffffff; text-shadow: 0 1px 0 #0e0e0e; } .social-feed-v2 .feed-wrapper .sf-social-icon:hover { color: #ffdf1c; } .social-feed-v2 .feed-wrapper .latest-instagram .latest-instagram-content { overflow-x: hidden; } .social-feed-v2 .feed-wrapper .latest-instagram .latest-instagram-content .instagram-photo { border: 1px solid #0e0e0e; background-color: #0e0e0e; } .social-feed-v2 .feed-wrapper .latest-instagram .latest-instagram-content .instagram-photo[data-amount-of-photos="2"] { width: 50%; } .social-feed-v2 .feed-wrapper .latest-instagram .latest-instagram-content .instagram-photo .no-photo-found { border: solid 1px #ffffff; } .social-feed-v2 .feed-wrapper .latest-instagram .latest-instagram-content .edit-error-message { color: #ffffff; } @media all and (max-width: 1024px) { .social-feed-v2 .mailing-list-wrapper .mailing-list h5 { font-size: 18px; } } @media (max-width: 767px) { .social-feed-v2 .mailing-list-wrapper .mailing-list { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; -webkit-justify-content: space-evenly; justify-content: space-evenly; } .social-feed-v2 .mailing-list-wrapper .mailing-list h5 { margin: 0; } .social-feed-v2 .mailing-list-wrapper .mailing-list .button-main, .social-feed-v2 .mailing-list-wrapper .mailing-list .button-secondary { margin-left: 0; } } .social-links .social-links-background { background-color: #0e0e0e; } .social-links .social-links-background .social-links-title h4 { color: #ffffff; font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; font-size: 18px; letter-spacing: 2px; padding-bottom: 0; text-transform: uppercase; } .social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon { background: #0e0e0e; border-radius: 50%; height: 52px; margin: 0 4px; width: 52px; } .social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon .fa, .social-links .social-links-background .social-links-content .social-links-icon-container a.social-links-nav-icon [class^="icon-"] { color: #ffffff; font-size: 30px; line-height: 52px; } .social-links .social-links-background .social-links-website-link a { color: #ffffff; } .social-links .social-links-background .social-links-website-link a:hover { color: #ffdf1c; } .social-outreach { background: #0e0e0e; text-align: center; width: 100%; } .social-outreach .social-outreach-background { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; overflow: auto; } .social-outreach .social-outreach-background .h5-rep { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; color: #ffffff; display: block; font-size: 30px; padding: 15px; vertical-align: middle; } .social-outreach .social-outreach-background .social-outreach-newsletter, .social-outreach .social-outreach-background .social-outreach-content { -moz-flex: 1 1 50%; -ms-flex: 1 1 50%; -webkit-flex: 1 1 50%; flex: 1 1 50%; margin: 25px 0; } .social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form { display: inline-block; width: 65%; } .social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form form { margin-bottom: 0; } .social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form form input { border: 0; height: 59px; margin: 0 -5px 0 0; vertical-align: initial; } .social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form form button { vertical-align: top; margin-left: -7px; padding: 15px 43px; min-width: auto; } .social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .email-input { width: 100%; margin: 0; margin-bottom: 12px; } .social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .error-captcha { display: none; margin-top: 6px; color: #ef331d; font-size: 0.8em; text-align: left; text-transform: initial; } .social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .error-email { padding-left: 6px; text-align: left; color: #ef331d; font-size: 0.8em; } .social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .error-captcha.show { display: block; } .social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .socialOutreachForm__input input { border: 0; height: 59px; margin: 0 -5px 0 0; vertical-align: initial; } .social-outreach .social-outreach-background .social-outreach-newsletter .social-outreach-newsletter-form .socialOutreachForm__input button { height: 59px !important; } .social-outreach .social-outreach-background .socialOutreachForm__actions { display: flex; margin-top: 10px; } .social-outreach .social-outreach-background .socialOutreachForm__actions button { margin-left: 12px !important; } .social-outreach .social-outreach-background .social-outreach-terms .terms-label { color: #ffffff; font-size: 0.8em; text-transform: initial; width: 410px; } .social-outreach .social-outreach-background .social-outreach-terms .terms-label a { color: #ffffff; text-decoration: underline; text-transform: initial; } .social-outreach .social-outreach-background .social-outreach-terms .terms-label a:hover { color: #ffdf1c; } .social-outreach .social-outreach-background .social-outreach-terms .terms-input { height: 18px !important; margin-right: 10px !important; } .social-outreach .social-outreach-background .social-outreach-content .social-outreach-icon-container { display: inline-block; } .social-outreach .social-outreach-background .social-outreach-content .social-outreach-icon-container a.social-outreach-nav-icon { background: #0e0e0e; border-radius: 50%; display: inline-block; height: 52px; width: 52px; margin: 0 4px; text-align: center; } .social-outreach .social-outreach-background .social-outreach-content .social-outreach-icon-container a.social-outreach-nav-icon .fa, .social-outreach .social-outreach-background .social-outreach-content .social-outreach-icon-container a.social-outreach-nav-icon [class^="icon-"] { color: #ffffff; font-size: 30px; line-height: 52px; } .social-outreach .social-outreach-background .social-outreach-content .social-outreach-icon-container a.social-outreach-nav-icon:hover [class^="icon-"] { color: #ffffff !important; } .social-outreach .social-outreach-background .modal-overlay { background: rgba(0, 0, 0, 0.5); } .social-outreach .social-outreach-background .modal-overlay .modal-container { background-color: #ffffff; } .social-outreach .social-outreach-background .modal-overlay .modal-header { background-color: #ffdf1c; } .social-outreach .social-outreach-background .modal-overlay .modal-title, .social-outreach .social-outreach-background .modal-overlay .button i, .social-outreach .social-outreach-background .modal-overlay .modal-content p, .social-outreach .social-outreach-background .modal-overlay .modal-content a { color: #0e0e0e; } .social-outreach .social-outreach-background .modal-overlay .button { min-width: auto; padding: 15px 30px; } .social-outreach .social-outreach-background .modal-overlay .modal-title { margin-left: 65px; } .social-outreach .social-outreach-background .modal-overlay .modal-content a { text-decoration: underline; text-transform: initial; } .social-outreach .social-outreach-background .modal-overlay .modal-content a:hover { color: #ffdf1c; } @media all and (max-width: 1024px) { .social-outreach .social-outreach-background h5-rep { display: block; } .social-outreach .social-outreach-newsletter .social-outreach-newsletter-form input { width: 240px; } .social-outreach .social-outreach-terms input.terms-input { width: 18px; } .social-outreach .social-outreach-terms .terms-label { max-width: 300px; width: auto; } } @media (max-width: 767px) { .social-outreach .social-outreach-background { display: block; } .social-outreach .social-outreach-newsletter .social-outreach-newsletter-form { width: 100% !important; padding: 16px; } .social-outreach .social-outreach-newsletter .social-outreach-newsletter-form .email-input { width: 100% !important; min-width: unset !important; } .social-outreach .social-outreach-newsletter .social-outreach-newsletter-form .socialOutreachForm__actions { flex-direction: column; } .social-outreach .social-outreach-newsletter .social-outreach-newsletter-form .socialOutreachForm__actions button { margin-left: 0 !important; } .social-outreach .social-outreach-newsletter .social-outreach-newsletter-form .g-recaptcha { margin-left: 15px; margin-top: 2px; margin-bottom: 12px; } } @media (max-width: 479px) { .social-outreach .social-outreach-background .social-outreach-newsletter-form .email-input { width: auto; } .social-outreach .social-outreach-background .social-outreach-terms .terms-label { max-width: 250px; width: auto; } } .table-with-header .table-container .header { background: #eeeeee; border: 1px solid #dddddd; border-bottom: none; } .table-with-header .table-container .header .header-image img { background-clip: border-box; background-color: #ffffff; border: 5px solid #ffffff; border-radius: 50%; display: block; margin-bottom: 0px; } .table-with-header .table-container .header .header-text h2 { margin: 0; } .timeline .timeline-wrapper { padding: 84px 0 120px 0; } .timeline .timeline-wrapper:before { bottom: 104px; } .timeline .timeline-header { font-family: "FuturaStd-CondensedBold"; font-size: 22px; } .timeline .timeline-header:after { text-transform: uppercase; } .timeline .timeline-item-container { padding: 6.5% 0 1.5%; } .timeline .timeline-item-container:after { border-color: #0e0e0e; } .timeline .timeline-item-container .timeline-item h2, .timeline .timeline-item-container .timeline-item h4, .timeline .timeline-item-container .timeline-item h5 { padding-bottom: 0; } .timeline .timeline-item-container .timeline-item h2 { font-size: 53px; text-transform: none; } .timeline .timeline-item-container .timeline-item h2:after { border-color: #0e0e0e; } .timeline .timeline-item-container .timeline-item h2 span { display: block; width: 300px; margin-left: -50%; } .timeline .timeline-item-container .timeline-item h4 { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; font-size: 22px; line-height: 25px; } .timeline .timeline-item-container .timeline-item h5 { font-size: 11px; line-height: 12px; min-height: 14px; } .timeline .timeline-item-container .timeline-item p { font-size: 13px; line-height: 20px; } .timeline .has-bg { background-color: #4f4f4f; } .timeline > :not(.has-bg) h2 { color: #ffdf1c; text-shadow: #0e0e0e 0 0 2px; } .timeline > :not(.has-bg) h4, .timeline > :not(.has-bg) h5 { color: #0e0e0e; } .timeline > :not(.has-bg) .timeline-wrapper:before, .timeline > :not(.has-bg) .timeline-item-container:before { background-color: #0e0e0e; } .timeline > :not(.has-bg) .timeline-item-container:after, .timeline > :not(.has-bg) .timeline-item-container .timeline-item h2:after { border-color: #0e0e0e; } @media all and (max-width: 1024px) and (min-width: 768px) { .timeline .timeline-item-container { padding-top: 19%; } .timeline .timeline-item-container .timeline-item h2 { font-size: 44px; } } @media all and (max-width: 767px) { .timeline .timeline-item-container { padding-top: 5%; } .timeline .timeline-item-container .timeline-item h2 { font-size: 22px; } .timeline .timeline-item-container .timeline-item h2 span { width: auto; margin: 0; } } .timeline-touts .timeline-header { font-family: "FuturaStd-CondensedBold"; font-size: 39px; } .timeline-touts .timeline-header:after { text-transform: uppercase; } .timeline-touts .has-bg { background-color: #4f4f4f; } .timeline-touts > :not(.has-bg) h2 { color: #ffdf1c; text-shadow: #0e0e0e 0 0 2px; } .timeline-touts > :not(.has-bg) h4, .timeline-touts > :not(.has-bg) h5 { color: #0e0e0e; } .timeline-touts .timeline-item-container { width: 100%; } .timeline-touts .timeline-item-container .updated-tout:not(:first-child):before, .timeline-touts .timeline-item-container .tout:not(:first-child):before { border: 1.5px solid #ffdf1c; } .timeline-touts .timeline-item-container .updated-tout:not(:first-child) > div:before, .timeline-touts .timeline-item-container .tout:not(:first-child) > div:before, .timeline-touts .timeline-item-container .updated-tout:not(:first-child) > div:after, .timeline-touts .timeline-item-container .tout:not(:first-child) > div:after { border: solid #ffdf1c; border-width: 0 2px 2px 0; } @media all and (max-width: 767px) { .timeline-touts .timeline-header { font-size: 30px; } } .aem-Grid.aem-Grid--12 .tout h1, .aem-Grid.aem-Grid--12 .tout h2, .aem-Grid.aem-Grid--12 .tout h3, .aem-Grid.aem-Grid--12 .tout h4, .aem-Grid.aem-Grid--12 .tout h5, .aem-Grid.aem-Grid--12 .tout h6 { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; margin-bottom: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .aem-Grid.aem-Grid--12 .tout h1, .aem-Grid.aem-Grid--12 .tout h2, .aem-Grid.aem-Grid--12 .tout h3 { text-transform: uppercase; } .aem-Grid.aem-Grid--12 .tout .has-bg .tout-container { color: #ffffff; } .aem-Grid.aem-Grid--12 .tout .has-bg .tout-container.has-tout-wide-link:hover .button-main { background-color: #ffdf1c; color: #0e0e0e; } .aem-Grid.aem-Grid--12 .tout .default-bg .tout-container { background-color: #eeeeee; color: #4f4f4f; } .aem-Grid.aem-Grid--12 .tout .default-bg .tout-container.has-tout-wide-link:hover .button-main, .aem-Grid.aem-Grid--12 .tout .no-bg .tout-container.has-tout-wide-link:hover .button-main { background-color: #ffdf1c; color: #0e0e0e; } .aem-Grid.aem-Grid--12 .tout .tout-showcase a { color: #ffffff; position: relative; } .aem-Grid.aem-Grid--12 .tout .tout-showcase a:hover { text-decoration: underline; } .aem-Grid.aem-Grid--12 .tout .tout-showcase figcaption { font-family: "FuturaStd-CondensedBold"; font-size: 25px; letter-spacing: 1px; line-height: 30px; text-align: center; } .aem-Grid.aem-Grid--12 .tout .tout-showcase figcaption:after { text-transform: uppercase; } .aem-Grid.aem-Grid--12 .tout .tout-showcase figcaption small { font-style: normal; font-weight: normal; font-family: 'OpenSans-Bold', sans-serif; color: #ffffff; text-transform: uppercase; } @media all and (max-width: 1024px) { .aem-Grid.aem-Grid--12 .tout .tout-showcase figcaption { font-size: 22px; line-height: 27px; } } @media all and (max-width: 767px) { .aem-Grid.aem-Grid--12 .tout .tout-showcase figcaption { font-size: 12px; line-height: 16px; text-align: left; } } .aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .default-bg .tout-container, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .default-bg .tout-container, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .default-bg .tout-container, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .default-bg .tout-container, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .default-bg .tout-container, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .default-bg .tout-container { border: 2px solid #FFF; } .aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-content, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-content, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-content, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-content, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-content, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-content { margin-bottom: 119px; /* CTA button is positioned to the bottom and is 79px, then add 40 pixels of space */ } .aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .order-swapped .tout-showcase, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .order-swapped .tout-showcase, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .order-swapped .tout-showcase, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .order-swapped .tout-showcase, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .order-swapped .tout-showcase, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .order-swapped .tout-showcase { margin-bottom: 119px; /* CTA button is positioned to the bottom and is 79px, then add 40 pixels of space */ } .aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout + .aem-GridColumn--default--6.tout > .no-bg, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout + .aem-GridColumn--default--6.tout > .no-bg { border-left: none; } @media all and (max-width: 767px) { .aem-Grid.aem-Grid--12 .tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout h1 { font-size: 27px; line-height: 27px; margin-bottom: 19px; } .aem-Grid.aem-Grid--12 .tout .tout-content p, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.tout .tout-content p, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.tout .tout-content p, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.tout .tout-content p, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.tout .tout-content p, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.tout .tout-content p, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.tout .tout-content p { font-size: 12px; line-height: 18px; margin-bottom: 19px; } } .tout-slide .preview-container { background-color: #eeeeee; } .tout-slide .tout-content.cta-enable { padding-bottom: 90px; padding-top: 10px; } .tout-slide .tout-content p { line-height: 22px; font-size: 12px; } .tout-slide .tout-content .slide-cta .cta-link { display: block; padding-bottom: 25px; } @media screen and (min-width: 1280px) { .tout-slide .tout-content p { line-height: 26px; font-size: 16px; } } .aem-GridColumn--default--8 .tout-slide .tout-content p { line-height: 23px; font-size: 14px; } .aem-GridColumn--default--8 .tout-slide .tout-content h4 { line-height: 36px; font-size: 27px; } .tt-symptom .symptom-link-container .symptom-link { background-color: #0e0e0e; border-top: 1px solid #373737; } .tt-symptom .symptom-link-container .symptom-link .symptom-title h4 { font-size: 14px; line-height: 58px; } @media all and (min-width: 768px) { .tt-symptom .symptom-link-container.selected .symptom-link, .tt-symptom .symptom-link-container.default-selected .symptom-link { background-color: #ffdf1c; } .tt-symptom .symptom-link-container.selected .symptom-link:after, .tt-symptom .symptom-link-container.default-selected .symptom-link:after { border-left-color: #0e0e0e; } .tt-symptom .symptom-link-container.selected .symptom-link .symptom-title h4, .tt-symptom .symptom-link-container.default-selected .symptom-link .symptom-title h4 { color: #0e0e0e; } } .aem-Grid.aem-Grid--12 .updated-header h1, .aem-Grid.aem-Grid--12 .updated-header h2, .aem-Grid.aem-Grid--12 .updated-header h3, .aem-Grid.aem-Grid--12 .updated-header h4, .aem-Grid.aem-Grid--12 .updated-header h5, .aem-Grid.aem-Grid--12 .updated-header h6 { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; margin-bottom: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; color: #0e0e0e; } .aem-Grid.aem-Grid--12 .updated-header h1, .aem-Grid.aem-Grid--12 .updated-header h2, .aem-Grid.aem-Grid--12 .updated-header h3 { text-transform: uppercase; } .aem-Grid.aem-Grid--12 .updated-header .has-bg .header-container, .aem-Grid.aem-Grid--12 .updated-header .has-bg p { color: #0e0e0e; } .aem-Grid.aem-Grid--12 .updated-header .default-bg { background-color: #4e4e4e; color: #ffffff; } .aem-Grid.aem-Grid--12 .updated-header .default-bg h1, .aem-Grid.aem-Grid--12 .updated-header .default-bg h2, .aem-Grid.aem-Grid--12 .updated-header .default-bg h3, .aem-Grid.aem-Grid--12 .updated-header .default-bg h4, .aem-Grid.aem-Grid--12 .updated-header .default-bg h5, .aem-Grid.aem-Grid--12 .updated-header .default-bg h6 { color: #ffffff; } .aem-Grid.aem-Grid--12 .updated-header .has-bg .header-container.has-header-wide-link:hover .button-main, .aem-Grid.aem-Grid--12 .updated-header .default-bg .header-container.has-header-wide-link:hover .button-main, .aem-Grid.aem-Grid--12 .updated-header .no-bg .header-container.has-header-wide-link:hover .button-main { background-color: #0e0e0e; color: #ffffff; } .aem-Grid.aem-Grid--12 .updated-header .button-main, .aem-Grid.aem-Grid--12 .updated-header .button-secondary { width: auto; } .aem-Grid.aem-Grid--12 .updated-header .header-showcase a { color: #0e0e0e; position: relative; } .aem-Grid.aem-Grid--12 .updated-header .header-showcase a:hover { text-decoration: underline; } .aem-Grid.aem-Grid--12 .updated-header .header-showcase figcaption { font-family: "FuturaStd-CondensedBold"; font-size: 25px; letter-spacing: 1px; line-height: 30px; text-align: center; } .aem-Grid.aem-Grid--12 .updated-header .header-showcase figcaption:after { text-transform: uppercase; } .aem-Grid.aem-Grid--12 .updated-header .header-showcase figcaption small { font-style: normal; font-weight: normal; font-family: 'OpenSans-Bold', sans-serif; color: #0e0e0e; text-transform: uppercase; } @media all and (max-width: 1024px) { .aem-Grid.aem-Grid--12 .updated-header .header-showcase figcaption { font-size: 22px; line-height: 27px; } } @media all and (max-width: 767px) { .aem-Grid.aem-Grid--12 .updated-header .header-container { padding: 30px 15px 0 15px; } .aem-Grid.aem-Grid--12 .updated-header .header-content { padding-right: 0; padding-left: 0; } .aem-Grid.aem-Grid--12 .updated-header .header-showcase figcaption { font-size: 12px; line-height: 16px; text-align: left; } .aem-Grid.aem-Grid--12 .updated-header h1 { font-size: 27px; line-height: 27px; margin-bottom: 19px; } .aem-Grid.aem-Grid--12 .updated-header h1, .aem-Grid.aem-Grid--12 .updated-header h2, .aem-Grid.aem-Grid--12 .updated-header h3, .aem-Grid.aem-Grid--12 .updated-header h4, .aem-Grid.aem-Grid--12 .updated-header h5, .aem-Grid.aem-Grid--12 .updated-header h6, .aem-Grid.aem-Grid--12 .updated-header p { text-align: center !important; } .aem-Grid.aem-Grid--12 .updated-header .header-content p { font-size: 12px; line-height: 18px; margin-bottom: 19px; } } .aem-Grid.aem-Grid--12 .updated-tout h1, .aem-Grid.aem-Grid--12 .updated-tout h2, .aem-Grid.aem-Grid--12 .updated-tout h3, .aem-Grid.aem-Grid--12 .updated-tout h4, .aem-Grid.aem-Grid--12 .updated-tout h5, .aem-Grid.aem-Grid--12 .updated-tout h6 { font-style: normal; font-weight: normal; font-family: 'FuturaStd-CondensedBold', sans-serif; margin-bottom: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; color: #0e0e0e; } .aem-Grid.aem-Grid--12 .updated-tout h1, .aem-Grid.aem-Grid--12 .updated-tout h2, .aem-Grid.aem-Grid--12 .updated-tout h3 { text-transform: uppercase; } .aem-Grid.aem-Grid--12 .updated-tout .has-bg .tout-container, .aem-Grid.aem-Grid--12 .updated-tout .has-bg p { color: #0e0e0e; } .aem-Grid.aem-Grid--12 .updated-tout .default-bg { background-color: #4e4e4e; color: #ffffff; } .aem-Grid.aem-Grid--12 .updated-tout .default-bg h1, .aem-Grid.aem-Grid--12 .updated-tout .default-bg h2, .aem-Grid.aem-Grid--12 .updated-tout .default-bg h3, .aem-Grid.aem-Grid--12 .updated-tout .default-bg h4, .aem-Grid.aem-Grid--12 .updated-tout .default-bg h5, .aem-Grid.aem-Grid--12 .updated-tout .default-bg h6 { color: #ffffff; } .aem-Grid.aem-Grid--12 .updated-tout .button-main, .aem-Grid.aem-Grid--12 .updated-tout .button-secondary { width: auto; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase a { position: relative; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase figcaption { font-family: "FuturaStd-CondensedBold"; font-size: 25px; line-height: 30px; text-align: center; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase figcaption:after { text-transform: uppercase; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase figcaption small { font-style: normal; font-weight: normal; font-family: 'OpenSans-Bold', sans-serif; color: #0e0e0e; text-transform: uppercase; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase .image.showcase-lede { border: 1px solid #e5e5e5; background-color: #ffffff; width: 450px; height: auto; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase .image.showcase-lede .showcase-content { height: auto !important; overflow: hidden; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase .image.showcase-lede img { margin: 0 !important; width: 100%; max-height: unset; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase .image.showcase-lede figcaption { padding: 25px 45px; text-align: left; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase .image.showcase-lede figcaption .showcase-lede-title { font-size: 18px; line-height: 27px; font-family: "FuturaStd-CondensedBold"; text-transform: none; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase .image.showcase-lede figcaption .showcase-lede-title:after { text-transform: uppercase; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase .image.showcase-lede figcaption .showcase-lede-teaser { font-size: 16px; line-height: 23px; color: #0e0e0e; text-transform: none; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase .image.showcase-lede figcaption .showcase-lede-cta { color: #0e0e0e; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase .image.showcase-lede figcaption .showcase-lede-cta:hover { color: #ffdf1c; } @media all and (max-width: 1024px) { .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase figcaption { font-size: 22px; line-height: 27px; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase .image.showcase-lede { width: 350px; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase .image.showcase-lede figcaption .showcase-lede-title { font-size: 16px; line-height: 20px; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase .image.showcase-lede figcaption .showcase-lede-teaser { font-size: 14px; line-height: 18px; } } @media all and (max-width: 767px) { .aem-Grid.aem-Grid--12 .updated-tout .tout-container { padding: 30px 15px; } .aem-Grid.aem-Grid--12 .updated-tout .tout-content { padding-right: 0; padding-left: 0; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase figcaption { font-size: 12px; line-height: 16px; text-align: left; } .aem-Grid.aem-Grid--12 .updated-tout .tout-showcase .image.showcase-lede { width: 100%; max-width: 450px; margin: 0 auto; } } .aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.updated-tout .default-bg .tout-container, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.updated-tout .default-bg .tout-container, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.updated-tout .default-bg .tout-container, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.updated-tout .default-bg .tout-container, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.updated-tout .default-bg .tout-container, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.updated-tout .default-bg .tout-container { border: 1px solid #0e0e0e; } .aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.updated-tout .tout-container .tout-content, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.updated-tout .tout-container .tout-content, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.updated-tout .tout-container .tout-content, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.updated-tout .tout-container .tout-content, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.updated-tout .tout-container .tout-content, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.updated-tout .tout-container .tout-content { text-align: left; } .aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.updated-tout .tout-container .tout-content .button-arrow, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.updated-tout .tout-container .tout-content .button-arrow, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.updated-tout .tout-container .tout-content .button-arrow, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.updated-tout .tout-container .tout-content .button-arrow, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.updated-tout .tout-container .tout-content .button-arrow, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.updated-tout .tout-container .tout-content .button-arrow { margin: 0; } @media all and (max-width: 767px) { .aem-Grid.aem-Grid--12 .updated-tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.updated-tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.updated-tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.updated-tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.updated-tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.updated-tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.updated-tout h1 { font-size: 27px; line-height: 27px; margin-bottom: 19px; } .aem-Grid.aem-Grid--12 .updated-tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.updated-tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.updated-tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.updated-tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.updated-tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.updated-tout h1, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.updated-tout h1, .aem-Grid.aem-Grid--12 .updated-tout h2, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.updated-tout h2, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.updated-tout h2, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.updated-tout h2, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.updated-tout h2, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.updated-tout h2, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.updated-tout h2, .aem-Grid.aem-Grid--12 .updated-tout h3, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.updated-tout h3, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.updated-tout h3, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.updated-tout h3, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.updated-tout h3, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.updated-tout h3, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.updated-tout h3 { text-align: center; } .aem-Grid.aem-Grid--12 .updated-tout .tout-content p, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--6.updated-tout .tout-content p, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--6.updated-tout .tout-content p, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--4.updated-tout .tout-content p, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--4.updated-tout .tout-content p, .aem-Grid.aem-Grid--12 .aem-GridColumn--default--3.updated-tout .tout-content p, .aem-Grid.aem-Grid--12 .aem-GridColumn--tablet--3.updated-tout .tout-content p { font-size: 12px; line-height: 18px; margin-bottom: 19px; } } #verticalLineContainer .vertical-line { background-color: #0e0e0e; } .where-to-buy-search-campaign-results-base .dealer-phone a:hover, .where-to-buy-search-campaign-results-base .dealer-website a:hover { color: #ffdf1c; } .where-to-buy-search-campaign-results-base table td:last-child { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: flex-end; -moz-box-pack: flex-end; -ms-flex-pack: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .where-to-buy-search-campaign-results-base table td:last-child a.button-main.button-arrow { margin-left: 10px; } @media (max-width: 1024px) { .where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit .where-to-buy-search-field .where-to-buy-search-base-postal-code { border: 1px solid #0e0e0e; max-width: 200px; } .where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit .where-to-buy-search-submit { padding: 16px 10px; border-radius: 0 5px 5px 0; margin-left: -2px; } } @media (max-width: 767px) { .where-to-buy-search-campaign-results-base table td:last-child { -webkit-box-pack: flex-start; -moz-box-pack: flex-start; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } } @media (max-width: 480px) { .where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit .where-to-buy-search-submit { min-width: 90px; } .where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-postal-and-submit .where-to-buy-search-submit span { display: inline; } } .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category { /** * The styles below require the following HTML format for radio buttons: *
* * *
* * and the following for checkboxes: *
* * *
*/ } .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=checkbox]:not(old), .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=radio]:not(old) { font-size: 1em; height: 30px; margin: 0; opacity: 0; padding: 0; position: absolute; width: 2em; } .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=checkbox]:not(old) + label, .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=radio]:not(old) + label { display: inline-block; line-height: 1.9em; padding: 0 0 0 2em; position: relative; } .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=checkbox]:not(old) + label > span, .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=radio]:not(old) + label > span { background: #EEE; border: 2px solid #CCC; display: inline-block; height: 1.25em; left: 0; margin: 0.25em 0.75em 0.25em 0.25em; position: absolute; vertical-align: bottom; width: 1.25em; z-index: 10; } .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + label > span:before { color: #333; content: '✓'; display: block; font-size: 1.25em; font-weight: bold; line-height: 1em; margin: -0.1em 0 0 -0.1em; text-align: center; width: 1em; } .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=radio]:not(old):checked + label > span > span { background: #333; border: 0; display: block; height: 0.75em; margin: 0.125em; width: 0.75em; } .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=checkbox]:not(old) + span { background: #ffffff; border: 1px solid #dddddd; width: 1.2rem; height: 1.2rem; } .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=checkbox]:not(old) + label > span, .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=radio]:not(old) + label > span { background: #ffffff; border: 1px solid #dddddd; } .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + label > span:before { color: #0e0e0e; } .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=radio]:not(old):checked + label > span > span, .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + span > span { background: #ffffff; height: 14px; margin: 1px; width: 14px; } .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=radio]:not(old):checked + label > span > span:before, .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + span > span:before { content: ''; position: absolute; left: 3px; top: 9px; width: 4px; height: 2px; background: #0e0e0e; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=radio]:not(old):checked + label > span > span:after, .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + span > span:after { content: ''; position: absolute; left: 5px; top: 8px; width: 9px; height: 2px; background: #0e0e0e; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-header h3, .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .where-to-buy-search-filter-category h5 { padding-bottom: 5px; text-transform: uppercase; } .where-to-buy-base .where-to-buy-search-filter-campaign-revamp .custom-checkbox { text-transform: uppercase; font-size: 14px; line-height: 21px; letter-spacing: 0; } @media all and (max-width: 1024px) { .where-to-buy-base .where-to-buy-search-base .where-to-buy-search-campaign-revamp-container .where-to-buy-search-base-submit { width: unset; margin: 0 auto; } } .where-to-buy-base div.physical-row { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .where-to-buy-base div.physical-row .where-to-buy-info-parent .where-to-buy-dealer-action { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .where-to-buy-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-address-phone .dealer-website { display: none; } .where-to-buy-base .where-to-buy-search-label { font-family: "FuturaStd-CondensedBold"; font-size: 20px; font-weight: lighter; } .where-to-buy-base .where-to-buy-search-label:after { text-transform: uppercase; } .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category { /** * The styles below require the following HTML format for radio buttons: *
* * *
* * and the following for checkboxes: *
* * *
*/ } .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=checkbox]:not(old), .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=radio]:not(old) { font-size: 1em; height: 30px; margin: 0; opacity: 0; padding: 0; position: absolute; width: 2em; } .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=checkbox]:not(old) + label, .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=radio]:not(old) + label { display: inline-block; line-height: 1.9em; padding: 0 0 0 2em; position: relative; } .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=checkbox]:not(old) + label > span, .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=radio]:not(old) + label > span { background: #EEE; border: 2px solid #CCC; display: inline-block; height: 1.25em; left: 0; margin: 0.25em 0.75em 0.25em 0.25em; position: absolute; vertical-align: bottom; width: 1.25em; z-index: 10; } .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + label > span:before { color: #333; content: '✓'; display: block; font-size: 1.25em; font-weight: bold; line-height: 1em; margin: -0.1em 0 0 -0.1em; text-align: center; width: 1em; } .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=radio]:not(old):checked + label > span > span { background: #333; border: 0; display: block; height: 0.75em; margin: 0.125em; width: 0.75em; } .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=checkbox]:not(old) + span { background: #ffffff; border: 1px solid #dddddd; width: 1.2rem; height: 1.2rem; } .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=checkbox]:not(old) + label > span, .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=radio]:not(old) + label > span { background: #ffffff; border: 1px solid #dddddd; } .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + label > span:before { color: #0e0e0e; } .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=radio]:not(old):checked + label > span > span, .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + span > span { background: #ffffff; height: 14px; margin: 1px; width: 14px; } .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=radio]:not(old):checked + label > span > span:before, .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + span > span:before { content: ''; position: absolute; left: 3px; top: 9px; width: 4px; height: 2px; background: #0e0e0e; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=radio]:not(old):checked + label > span > span:after, .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + span > span:after { content: ''; position: absolute; left: 5px; top: 8px; width: 9px; height: 2px; background: #0e0e0e; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-header h3, .where-to-buy-base .where-to-buy-search-filter-base .where-to-buy-search-filter-category h5 { padding-bottom: 5px; text-transform: uppercase; } .where-to-buy-base .where-to-buy-search-filter-base .custom-checkbox { text-transform: uppercase; font-size: 14px; line-height: 21px; letter-spacing: 0; } .where-to-buy-base .where-to-buy-dealer-action { display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; min-width: 135px; } .where-to-buy-base .where-to-buy-dealer-action a:last-child { margin-left: 10px; } .where-to-buy-base .where-to-buy-dealer-action.visit-website a.button-main.button-arrow { background: none; color: #4f4f4f; padding: 0; font-weight: bold; margin-bottom: 10px; } .where-to-buy-base .button-main.button-arrow, .where-to-buy-base .button-secondary.button-arrow { min-width: 120px; padding: 20px 15px; } .where-to-buy-base .where-to-buy-distributors-cta-holder { background-color: #ffdf1c; } .where-to-buy-base .where-to-buy-distributors-cta-holder .button { min-width: 120px; padding: 20px 15px; } .where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-physical-container .where-to-buy-search-results-header { background-color: #ffdf1c; color: #0e0e0e; padding: 10px 40px; } .where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-physical-container .where-to-buy-search-results-header h3 { font-size: 20px; line-height: 36px; color: #0e0e0e; text-transform: uppercase; } .where-to-buy-base .where-to-buy-search-results-base .where-to-buy-search-results-physical-container h2 { text-transform: uppercase; } .where-to-buy-base .where-buy-tab-row { background-color: #ffffff; border: 1px solid #dddddd; } .where-to-buy-base .where-to-buy-search-filter-holder { background-color: #ffdf1c; } .where-to-buy-base .where-to-buy-search-filter-holder .where-to-buy-search-local .where-to-buy-search-local-filter + span { font-family: "FuturaStd-CondensedBold"; } .where-to-buy-base .where-to-buy-search-filter-holder .where-to-buy-search-local .where-to-buy-search-local-filter + span:after { text-transform: uppercase; } .where-to-buy-base .where-to-buy-search-results-corp .dealer-name { font-family: "FuturaStd-CondensedBold"; line-height: 30px; } .where-to-buy-base .where-to-buy-search-results-corp .dealer-name:after { text-transform: uppercase; } .where-to-buy-base .where-to-buy-search-results-corp h2 { font-family: "FuturaStd-CondensedBold"; } .where-to-buy-base .where-to-buy-search-results-corp h2:after { text-transform: uppercase; } .where-to-buy-base .where-to-buy-search-results-corp table { border-color: #dddddd; } .where-to-buy-base .where-to-buy-search-results-corp table td.dealer-distance { color: #0e0e0e; } .where-to-buy-base .where-to-buy-search-results-corp table tr { border-color: #dddddd; } @media all and (max-width: 1279px) and (min-width: 1025px) { .where-to-buy-base .where-to-buy-dealer-action { flex-direction: column; justify-content: space-around; min-width: 0; min-height: 120px; } .where-to-buy-base .where-to-buy-dealer-action a:last-child { margin-left: 0; } } @media all and (max-width: 845px) and (min-width: 768px) { .where-to-buy-base .where-to-buy-dealer-action { flex-direction: column; justify-content: space-around; min-width: 0; min-height: auto; } .where-to-buy-base .where-to-buy-dealer-action a:last-child { margin-left: 0; } } @media all and (max-width: 1024px) { .where-to-buy-base { background-color: #ffffff; } .where-to-buy-base .where-to-buy-dealer-location, .where-to-buy-base .where-to-buy-dealer-phone { width: 200px !important; padding: 0 10px; } .where-to-buy-base .where-to-buy-preferred-vendor-icon { width: 88px; } .where-to-buy-base .where-to-buy-search-base .where-to-buy-search-base-container .where-to-buy-search-base-submit { width: unset; margin: 0 auto; } .where-to-buy-base .where-to-buy-search-corp .where-to-buy-search-corp-container { background-color: #eeeeee; padding: 15px; } .where-to-buy-base .where-to-buy-search-results .where-to-buy-search-results-container { border-top: 1px solid #dddddd; } .where-to-buy-base .where-to-buy-search-filter-corp-container.show-filters { background-color: #ffffff; } } @media all and (max-width: 767px) { .where-to-buy-base p.ferodo-only.distance-label { margin-bottom: 0px; font-weight: bold; } .where-to-buy-base .dealer-distance > strong { font-weight: normal; } .where-to-buy-base .where-to-buy-dealer-action { justify-content: flex-start; } .where-to-buy-base .where-to-buy-dealer-action a:last-child { margin-left: 0; } .where-to-buy-base .where-to-buy-dealer-action a:first-child { margin-right: 10px; } .where-to-buy-base .where-to-buy-dealer-action.visit-website a.button-main.button-arrow { display: flex; align-items: flex-start; } .where-to-buy-base .where-to-buy-preferred-vendor-icon { position: absolute; width: 100px; top: 20px; right: 0; } .where-to-buy-base .where-to-buy-info-parent.dealer-actions > .where-to-buy-dealer-action > a:first-child { display: block; margin-right: 20px; } .where-to-buy-base .where-to-buy-dealer-action.visit-website.ferodo-only { display: block; } } .where-to-buy-base .where-to-buy-distributors-cta-holder { background-color: #ffdf1c; } @media (min-width: 767px) { .where-to-buy-base .where-to-buy-search-results-base { padding-left: 20px; } .where-to-buy-base .where-to-buy-search-results-base div.physical-row { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-dealer-info { width: 155px !important; } .where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions { display: flex; align-items: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions > div, .where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions p { display: inherit; } .where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions .distance-label { margin: 0; font-weight: bold; line-height: 14px; } .where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions .dealer-distance { margin-bottom: 10px; } .where-to-buy-base .where-to-buy-search-results-base div.physical-row .where-to-buy-info-parent.where-to-buy-info-distance-directions .dealer-distance > strong { font-weight: normal; } } .where-to-buy-link { background: #ffffff; } .where-to-buy-link .where-to-buy-link-container .select-box { display: none; } .where-to-buy-link .where-to-buy-link-container form { margin: 0; } .where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label { display: block; } .where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h2, .where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h5 { color: #0e0e0e; padding-bottom: 8px; } .where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h2 { font-size: 43px; text-transform: uppercase; padding: 20px 0; } .where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h5 { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; font-size: 16px; text-transform: none; letter-spacing: 0; line-height: 25px; padding: 0 300px 50px; } .where-to-buy-link .where-to-buy-link-container .where-to-buy-search-postal-code { border: 2px solid #0e0e0e; height: 80px; border-radius: 5px; color: #0e0e0e; text-transform: uppercase; padding-right: 15px; } .where-to-buy-link .where-to-buy-link-container .where-to-buy-search-submit { border-radius: 0 5px 5px 0; min-width: 120px; padding: 0px 50px; height: 80px; line-height: 80px; margin-left: -10px; background-color: #0e0e0e; color: #ffffff; } .where-to-buy-link .where-to-buy-link-container .where-to-buy-search-submit:hover { background-color: #0e0e0e; color: #ffdf1c; } @media all and (max-width: 767px) { .where-to-buy-link .where-to-buy-link-container .where-to-buy-search-submit:after { margin: 0; } } @media all and (max-width: 1024px) { .where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h5 { padding: 0 85px 40px; } } @media (max-width: 767px) { .where-to-buy-link .where-to-buy-link-container .where-to-buy-search-label h5 { padding: 0 15px; } .where-to-buy-link .where-to-buy-link-container .where-to-buy-search-postal-code { width: 200px; } .where-to-buy-link .where-to-buy-link-container .where-to-buy-search-submit { min-width: 90px; padding: 0; } .where-to-buy-link .where-to-buy-link-container .where-to-buy-search-submit span { display: inline; } } .where-to-buy-redirect .where-to-buy-redirect-submit { margin-left: -10px; padding: 18px 20px; width: 130px; border-radius: 0 5px 5px 0; min-width: 120px; } .where-to-buy-redirect .where-to-buy-redirect-close .fa { font-size: 150%; } .where-to-buy-redirect .where-to-buy-redirect-postal-code { color: #0e0e0e; border: 2px solid #0e0e0e; border-radius: 5px; text-transform: uppercase; padding-right: 15px; } @media all and (max-width: 767px) { .where-to-buy-redirect .where-to-buy-redirect-submit:after { margin: 0; } .where-to-buy-redirect .where-to-buy-redirect-submit.button-main span { display: inline-block; } } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category { border-bottom-color: #eeeeee; padding-bottom: 40px; /** * The styles below require the following HTML format for radio buttons: *
* * *
* * and the following for checkboxes: *
* * *
*/ } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category:first-child { padding-bottom: 0; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category:first-child h5 { line-height: 0.5rem; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category h5 { font-family: "FuturaStd-CondensedBold"; font-size: 18px; letter-spacing: 0; text-transform: uppercase; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category h5:after { text-transform: uppercase; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category label { font-family: "FuturaStd-CondensedBold"; font-size: 14px; letter-spacing: 0; line-height: 19px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: uppercase; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category label:after { text-transform: uppercase; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=checkbox]:not(old), .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=radio]:not(old) { font-size: 1em; height: 30px; margin: 0; opacity: 0; padding: 0; position: absolute; width: 2em; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=checkbox]:not(old) + label, .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=radio]:not(old) + label { display: inline-block; line-height: 1.9em; padding: 0 0 0 2em; position: relative; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=checkbox]:not(old) + label > span, .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=radio]:not(old) + label > span { background: #EEE; border: 2px solid #CCC; display: inline-block; height: 1.25em; left: 0; margin: 0.25em 0.75em 0.25em 0.25em; position: absolute; vertical-align: bottom; width: 1.25em; z-index: 10; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + label > span:before { color: #333; content: '✓'; display: block; font-size: 1.25em; font-weight: bold; line-height: 1em; margin: -0.1em 0 0 -0.1em; text-align: center; width: 1em; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=radio]:not(old):checked + label > span > span { background: #333; border: 0; display: block; height: 0.75em; margin: 0.125em; width: 0.75em; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=checkbox]:not(old) + span { background: #ffffff; border: 1px solid #dddddd; width: 1.2rem; height: 1.2rem; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=checkbox]:not(old) + label > span, .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=radio]:not(old) + label > span { background: #ffffff; border: 1px solid #dddddd; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + label > span:before { color: #0e0e0e; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=radio]:not(old):checked + label > span > span, .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + span > span { background: #ffffff; height: 14px; margin: 1px; width: 14px; } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=radio]:not(old):checked + label > span > span:before, .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + span > span:before { content: ''; position: absolute; left: 3px; top: 9px; width: 4px; height: 2px; background: #0e0e0e; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=radio]:not(old):checked + label > span > span:after, .where-to-buy-search-filter .where-to-buy-search-filter-container .where-to-buy-search-filter-category input[type=checkbox]:not(old):checked + span > span:after { content: ''; position: absolute; left: 5px; top: 8px; width: 9px; height: 2px; background: #0e0e0e; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } @media all and (max-width: 1024px) { .where-to-buy-search-filter { padding: 1em 3% 0 3%; } } .where-to-buy-search-results .where-to-buy-search-results-headline { font-size: 36px; line-height: 1.2; padding-bottom: 30px; } .where-to-buy-search-results .where-to-buy-search-results-label { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-family: "FuturaStd-CondensedBold"; font-size: 18px; background-color: #ffdf1c; min-height: 50px; text-transform: uppercase; padding-left: 30px; height: 49px; } .where-to-buy-search-results .where-to-buy-search-results-label:after { text-transform: uppercase; } .where-to-buy-search-results table { border-top-color: #eeeeee; font-size: 12px; } .where-to-buy-search-results table tr { border-bottom-color: #eeeeee; } .where-to-buy-search-results table td { padding-top: 15px; padding-bottom: 15px; font-size: 14px; } .where-to-buy-search-results table td:last-child .button-main.button-arrow { min-width: 120px; margin: 10px 0; padding: 20px 15px; } .where-to-buy-search-results .button-main.button-arrow { white-space: nowrap; } .where-to-buy-search-results .dealer-name { font-family: 'OpenSans-Bold', sans-serif; letter-spacing: 0; font-size: 16px; line-height: 30px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none; } .where-to-buy-search-results .dealer-name:hover { color: #0e0e0e; } .where-to-buy-search-results .dealer-address { font-family: 'OpenSans-Bold', sans-serif; letter-spacing: 0; font-size: 14px; line-height: 23px; text-transform: none; font-weight: lighter; } .where-to-buy-search-results .dealer-address span { color: #4f4f4f; } .where-to-buy-search-results .dealer-distance { font-size: 16px; } .where-to-buy-search-results .dealer-distance:before { content: "|"; } .where-to-buy-search-results .dealer-phone, .where-to-buy-search-results .dealer-website { font-family: 'OpenSans-Bold', sans-serif; font-size: 16px; line-height: 23px; display: block; white-space: nowrap; } .where-to-buy-search-results .dealer-phone:before, .where-to-buy-search-results .dealer-website:before { font-size: 18px; } .where-to-buy-search-results .dealer-distance { color: #0e0e0e; font-size: 14px; } @media all and (max-width: 1024px) { .where-to-buy-search-results .where-to-buy-search-results-headline { font-size: 27px; } .where-to-buy-search-results .dealer-phone { display: none; } } @media all and (max-width: 767px) { .where-to-buy-search-results .where-to-buy-search-results-headline { font-size: 23px; } .where-to-buy-search-results .dealer-phone:before, .where-to-buy-search-results .dealer-website:before { font-size: 14px; } } .where-to-buy-search .where-to-buy-search-container { background-color: #ffdf1c; padding: 60px 0; } .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label { display: block; } .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label h1, .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label h5 { color: #0e0e0e; padding-bottom: 8px; text-transform: none; } .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label h1 { font-size: 43px; text-transform: uppercase; padding: 20px 0; } .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label h5 { font-style: normal; font-weight: normal; font-family: 'OpenSans', sans-serif; font-size: 16px; letter-spacing: 0; line-height: 25px; padding: 0 300px 50px; } .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-postal-code { border: 2px solid #0e0e0e; height: 80px; border-radius: 5px; color: #0e0e0e; text-transform: uppercase; padding-right: 15px; } .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-submit { border-radius: 0 5px 5px 0; min-width: 120px; padding: 0px 50px; height: 80px; margin-left: -10px; } .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-submit:hover { background-color: #0e0e0e; color: #ffdf1c; } @media all and (max-width: 767px) { .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-submit:after { margin: 0; } } .where-to-buy-search .where-to-buy-search-container .select-box { display: none; } .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-filter-corp-category + .where-to-buy-search-submit { border-radius: 5px; } .where-to-buy-search > :not(.has-bg, .where-to-buy-redirect) { background-color: #ffdf1c; } .where-to-buy-campaign-base .where-to-buy-search-base, .where-to-buy-search-base { background: #ffdf1c; } .where-to-buy-campaign-base .where-to-buy-search-base .where-to-buy-search-submit, .where-to-buy-search-base .where-to-buy-search-submit { margin: 0; padding: 8px 40px; } .where-to-buy-campaign-base .where-to-buy-search-base .custom-checkbox span, .where-to-buy-search-base .custom-checkbox span { background: #ffffff; border: 1px solid #dddddd; } .where-to-buy-campaign-base .where-to-buy-search-base .custom-checkbox input:checked + span span, .where-to-buy-search-base .custom-checkbox input:checked + span span { background: #ffffff; } .where-to-buy-campaign-base .where-to-buy-search-base .custom-checkbox input:checked + span span:before, .where-to-buy-search-base .custom-checkbox input:checked + span span:before { content: ""; position: absolute; left: 3px; top: 16px; width: 7px; height: 3px; background: #0e0e0e; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .where-to-buy-campaign-base .where-to-buy-search-base .custom-checkbox input:checked + span span:after, .where-to-buy-search-base .custom-checkbox input:checked + span span:after { content: ""; position: absolute; left: 5px; top: 12px; width: 16px; height: 3px; background: #0e0e0e; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } [data-show-overlay="false"] { display: none; } @media all and (max-width: 1024px) { .where-to-buy-search .where-to-buy-search-container { padding: 45px 0 55px 0; } .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label h5 { padding: 0 85px 40px; } } @media (max-width: 767px) { .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-label h5 { padding: 0 15px; } .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-postal-code { width: 200px; } .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-submit { min-width: 90px; padding: 0; } .where-to-buy-search .where-to-buy-search-container .where-to-buy-search-submit span { display: inline; } } .product-features-container .product-features-title { font-size: 45px; font-weight: bold; line-height: 40px; } .product-features-container .product-features-description { font-size: 16px; line-height: 25px; } .product-features-container .product-features-footer { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); } .product-features-container .product-features-footer .product-features-buttons { margin-bottom: 50px; } .product-features-container .product-features-footer .product-features-buttons .button-arrow { margin-right: 10px; margin-left: 10px; } @media (min-width: 768px) { .product-features-container .product-features-title { font-size: 66px; line-height: 55px; } } .product-feature-item .product-feature-heading .product-feature-name { font-size: 14px; font-family: "FuturaStd-CondensedBold"; } .product-feature-item .product-feature-heading .product-feature-pointer { border-bottom: 2px solid #ffdf1c; } .product-feature-item .product-feature-heading .product-feature-pointer:after { color: #ffdf1c; } .product-feature-item .product-feature-content .product-feature-description { font-size: 12px; line-height: 18px; } .where-to-buy-search-campaign-results-base table td:last-child .button-main.button-arrow, .where-to-buy-search-campaign-results-base table td:last-child .button-secondary.button-arrow { margin: 10px 0; min-width: 120px; padding: 20px 15px; } .where-to-buy-search-campaign-results-base .dealer-name, .where-to-buy-search-campaign-results-base .dealer-address, .where-to-buy-search-campaign-results-base .dealer-distance, .where-to-buy-search-campaign-results-base .dealer-website { text-transform: none; } .where-to-buy-search-campaign-results-base .dealer-type { line-height: 20px; } .where-to-buy-search-campaign-results-base table { border-top-width: 0; } .where-to-buy-search-campaign-results-base .where-to-buy-search-results-headline { background-color: #ffdf1c; color: #0e0e0e; padding: 10px 40px; } .where-to-buy-search-campaign-results-base .where-to-buy-search-results-headline .where-to-buy-results-found { font-style: normal; } .youtube-background { border: 1px solid #0e0e0e; } .youtube-background .icon-video { color: #ffffff; font-size: 75px; } .youtube-background .icon-video:hover { color: #ffdf1c; } .content-slider .nav-title h6 { font-size: 14px; line-height: 20px; } .content-slider .nav-list-item:not(:first-child) { border-top: 1px solid #e5e5e5; } .content-slider .nav-list-item .icon-video:before { content: "\e90e"; font-size: 50px; } .content-slider .icon-video:before { color: #ffdf1c; } .content-slider .video .icon-video:before { font-size: 172px; } @media all and (max-width: 767px) { .content-slider .content-container h1 { font-size: 37px; line-height: 53px; text-align: center; padding-bottom: 20px; } .content-slider .content-container h1, .content-slider .content-container h2, .content-slider .content-container h3, .content-slider .content-container h4, .content-slider .content-container h5 { text-align: center; padding-bottom: 20px; } .content-slider .content-container p { font-size: 12px; line-height: 21px; } } dir-pagination-controls ul.pagination { margin: 0; } dir-pagination-controls ul.pagination a { color: darkgray; } dir-pagination-controls ul.pagination li.active a { color: #0e0e0e; margin-left: 15px; margin-right: 15px; } dir-pagination-controls ul.pagination li:first-child, dir-pagination-controls ul.pagination li:last-child { margin-left: 15px; margin-right: 15px; } dir-pagination-controls ul.pagination li:first-child a, dir-pagination-controls ul.pagination li:last-child a { color: transparent; } dir-pagination-controls ul.pagination li:first-child.disabled a:after, dir-pagination-controls ul.pagination li:last-child.disabled a:after { color: darkgray; } dir-pagination-controls ul.pagination li:last-child a:after { content: "\e92f"; font-family: "icomoon"; color: #0e0e0e; } dir-pagination-controls ul.pagination li:first-child a:after { content: "\e92e"; font-family: "icomoon"; color: #0e0e0e; } .newsletter-tool .button-main { line-height: 9px; } .newsletter-tool .newsletter-submit { height: 55px; } @media all and (max-width: 767px) { .newsletter-email { width: 225px; } .button-main, a.button-main { min-width: 130px; } } .ff-base { font-style: normal; font-weight: normal; } @font-face { font-family: 'FuturaStd-CondensedBold'; src: url('../../fmmp-base/libs/main/resources/fonts/FuturaPTCond-Bold.otf') format('opentype'); src: url('../../fmmp-base/libs/main/resources/fonts/FuturaPTCond-Bold.woff') format('woff'), url('../../fmmp-base/libs/main/resources/fonts/FuturaPTCond-Bold.woff2') format('woff2'), url('../../fmmp-base/libs/main/resources/fonts/FuturaPTCond-Bold.ttf') format('truetype'); font-style: normal; font-weight: normal; } .ff-primary-medium { font-family: 'FuturaStd-CondensedBold', sans-serif; } @font-face { font-family: 'FuturaStd-CondensedLight'; src: url('../../fmmp-base/libs/main/resources/fonts/FuturaPTCond-Bold.otf') format('opentype'); src: url('../../fmmp-base/libs/main/resources/fonts/FuturaPTCond-Bold.woff') format('woff'), url('../../fmmp-base/libs/main/resources/fonts/FuturaPTCond-Bold.woff2') format('woff2'), url('../../fmmp-base/libs/main/resources/fonts/FuturaPTCond-Bold.ttf') format('truetype'); font-style: normal; font-weight: normal; }