html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } @font-face { font-family: 'SuisseIntlMono'; font-weight: 200; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Thin-Web/S/SuisseIntlMono-Thin-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Thin-Web/S/SuisseIntlMono-Thin-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Thin-Web/S/SuisseIntlMono-Thin-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Thin-Web/S/SuisseIntlMono-Thin-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Thin-Web/S/SuisseIntlMono-Thin-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntlMono'; font-weight: 400; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Regular-Web/S/SuisseIntlMono-Regular-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Regular-Web/S/SuisseIntlMono-Regular-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Regular-Web/S/SuisseIntlMono-Regular-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Regular-Web/S/SuisseIntlMono-Regular-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Regular-Web/S/SuisseIntlMono-Regular-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntlMono'; font-weight: 700; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Bold-Web/S/SuisseIntlMono-Bold-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Bold-Web/S/SuisseIntlMono-Bold-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Bold-Web/S/SuisseIntlMono-Bold-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Bold-Web/S/SuisseIntlMono-Bold-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntlMono-Bold-Web/S/SuisseIntlMono-Bold-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 100; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-UltraLight-Web/S/SuisseIntl-UltraLight-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-UltraLight-Web/S/SuisseIntl-UltraLight-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-UltraLight-Web/S/SuisseIntl-UltraLight-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-UltraLight-Web/S/SuisseIntl-UltraLight-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-UltraLight-Web/S/SuisseIntl-UltraLight-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 100; font-style: italic; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-UltraLightItalic-Web/S/SuisseIntl-UltraLightItalic-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-UltraLightItalic-Web/S/SuisseIntl-UltraLightItalic-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-UltraLightItalic-Web/S/SuisseIntl-UltraLightItalic-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-UltraLightItalic-Web/S/SuisseIntl-UltraLightItalic-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-UltraLightItalic-Web/S/SuisseIntl-UltraLightItalic-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 200; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Thin-Web/S/SuisseIntl-Thin-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Thin-Web/S/SuisseIntl-Thin-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Thin-Web/S/SuisseIntl-Thin-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Thin-Web/S/SuisseIntl-Thin-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Thin-Web/S/SuisseIntl-Thin-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 200; font-style: italic; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-ThinItalic-Web/S/SuisseIntl-ThinItalic-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-ThinItalic-Web/S/SuisseIntl-ThinItalic-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-ThinItalic-Web/S/SuisseIntl-ThinItalic-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-ThinItalic-Web/S/SuisseIntl-ThinItalic-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-ThinItalic-Web/S/SuisseIntl-ThinItalic-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 300; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Light-Web/S/SuisseIntl-Light-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Light-Web/S/SuisseIntl-Light-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Light-Web/S/SuisseIntl-Light-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Light-Web/S/SuisseIntl-Light-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Light-Web/S/SuisseIntl-Light-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 300; font-style: italic; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-LightItalic-Web/S/SuisseIntl-LightItalic-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-LightItalic-Web/S/SuisseIntl-LightItalic-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-LightItalic-Web/S/SuisseIntl-LightItalic-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-LightItalic-Web/S/SuisseIntl-LightItalic-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-LightItalic-Web/S/SuisseIntl-LightItalic-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 400; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Regular-Web/S/SuisseIntl-Regular-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Regular-Web/S/SuisseIntl-Regular-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Regular-Web/S/SuisseIntl-Regular-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Regular-Web/S/SuisseIntl-Regular-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Regular-Web/S/SuisseIntl-Regular-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 400; font-style: italic; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-RegularItalic-Web/S/SuisseIntl-RegularItalic-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-RegularItalic-Web/S/SuisseIntl-RegularItalic-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-RegularItalic-Web/S/SuisseIntl-RegularItalic-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-RegularItalic-Web/S/SuisseIntl-RegularItalic-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-RegularItalic-Web/S/SuisseIntl-RegularItalic-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 500; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Book-Web/S/SuisseIntl-Book-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Book-Web/S/SuisseIntl-Book-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Book-Web/S/SuisseIntl-Book-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Book-Web/S/SuisseIntl-Book-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Book-Web/S/SuisseIntl-Book-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 500; font-style: italic; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BookItalic-Web/S/SuisseIntl-BookItalic-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BookItalic-Web/S/SuisseIntl-BookItalic-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BookItalic-Web/S/SuisseIntl-BookItalic-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BookItalic-Web/S/SuisseIntl-BookItalic-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BookItalic-Web/S/SuisseIntl-BookItalic-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 600; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Medium-Web/S/SuisseIntl-Medium-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Medium-Web/S/SuisseIntl-Medium-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Medium-Web/S/SuisseIntl-Medium-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Medium-Web/S/SuisseIntl-Medium-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Medium-Web/S/SuisseIntl-Medium-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 600; font-style: italic; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-MediumItalic-Web/S/SuisseIntl-MediumItalic-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-MediumItalic-Web/S/SuisseIntl-MediumItalic-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-MediumItalic-Web/S/SuisseIntl-MediumItalic-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-MediumItalic-Web/S/SuisseIntl-MediumItalic-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-MediumItalic-Web/S/SuisseIntl-MediumItalic-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 700; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Bold-Web/S/SuisseIntl-Bold-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Bold-Web/S/SuisseIntl-Bold-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Bold-Web/S/SuisseIntl-Bold-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Bold-Web/S/SuisseIntl-Bold-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Bold-Web/S/SuisseIntl-Bold-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 700; font-style: italic; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BoldItalic-Web/S/SuisseIntl-BoldItalic-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BoldItalic-Web/S/SuisseIntl-BoldItalic-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BoldItalic-Web/S/SuisseIntl-BoldItalic-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BoldItalic-Web/S/SuisseIntl-BoldItalic-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BoldItalic-Web/S/SuisseIntl-BoldItalic-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 900; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Black-Web/S/SuisseIntl-Black-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Black-Web/S/SuisseIntl-Black-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Black-Web/S/SuisseIntl-Black-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Black-Web/S/SuisseIntl-Black-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-Black-Web/S/SuisseIntl-Black-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseIntl'; font-weight: 900; font-style: italic; src: url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BlackItalic-Web/S/SuisseIntl-BlackItalic-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BlackItalic-Web/S/SuisseIntl-BlackItalic-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BlackItalic-Web/S/SuisseIntl-BlackItalic-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BlackItalic-Web/S/SuisseIntl-BlackItalic-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseIntl-BlackItalic-Web/S/SuisseIntl-BlackItalic-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseWorks'; font-weight: 400; src: url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Regular-Web/S/SuisseWorks-Regular-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Regular-Web/S/SuisseWorks-Regular-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Regular-Web/S/SuisseWorks-Regular-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Regular-Web/S/SuisseWorks-Regular-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Regular-Web/S/SuisseWorks-Regular-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseWorks'; font-weight: 400; font-style: italic; src: url("../scss/vendor/better-world-branding/fonts/SuisseWorks-RegularItalic-Web/S/SuisseWorks-RegularItalic-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-RegularItalic-Web/S/SuisseWorks-RegularItalic-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-RegularItalic-Web/S/SuisseWorks-RegularItalic-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-RegularItalic-Web/S/SuisseWorks-RegularItalic-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-RegularItalic-Web/S/SuisseWorks-RegularItalic-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseWorks'; font-weight: 600; src: url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Medium-Web/S/SuisseWorks-Medium-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Medium-Web/S/SuisseWorks-Medium-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Medium-Web/S/SuisseWorks-Medium-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Medium-Web/S/SuisseWorks-Medium-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Medium-Web/S/SuisseWorks-Medium-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseWorks'; font-weight: 600; font-weight: italic; src: url("../scss/vendor/better-world-branding/fonts/SuisseWorks-MediumItalic-Web/S/SuisseWorks-MediumItalic-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-MediumItalic-Web/S/SuisseWorks-MediumItalic-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-MediumItalic-Web/S/SuisseWorks-MediumItalic-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-MediumItalic-Web/S/SuisseWorks-MediumItalic-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-MediumItalic-Web/S/SuisseWorks-MediumItalic-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseWorks'; font-weight: 700; src: url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Bold-Web/S/SuisseWorks-Bold-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Bold-Web/S/SuisseWorks-Bold-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Bold-Web/S/SuisseWorks-Bold-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Bold-Web/S/SuisseWorks-Bold-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-Bold-Web/S/SuisseWorks-Bold-WebS.svg") format("svg"); } @font-face { font-family: 'SuisseWorks'; font-weight: 700; font-style: italic; src: url("../scss/vendor/better-world-branding/fonts/SuisseWorks-BoldItalic-Web/S/SuisseWorks-BoldItalic-WebS.woff") format("woff"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-BoldItalic-Web/S/SuisseWorks-BoldItalic-WebS.woff2") format("woff2"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-BoldItalic-Web/S/SuisseWorks-BoldItalic-WebS.ttf") format("truetype"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-BoldItalic-Web/S/SuisseWorks-BoldItalic-WebS.eot") format("embedded-opentype"), url("../scss/vendor/better-world-branding/fonts/SuisseWorks-BoldItalic-Web/S/SuisseWorks-BoldItalic-WebS.svg") format("svg"); } /* Breakpoints ========================================================================== */ @font-face { font-family: Freight; font-weight: 700; src: url("../../fonts/freight/webfonts/2D778B_4_0.eot"); src: url("../../fonts/freight/webfonts/2D778B_4_0.eot?#iefix") format("embedded-opentype"), url("../../fonts/freight/webfonts/2D778B_4_0.woff2") format("woff2"), url("../../fonts/freight/webfonts/2D778B_4_0.woff") format("woff"), url("../../fonts/freight/webfonts/2D778B_4_0.ttf") format("truetype"); } @font-face { font-family: Freight; font-weight: 400; font-style: italic; src: url("../../fonts/freight/webfonts/2D778B_9_0.eot"); src: url("../../fonts/freight/webfonts/2D778B_9_0.eot?#iefix") format("embedded-opentype"), url("../../fonts/freight/webfonts/2D778B_9_0.woff2") format("woff2"), url("../../fonts/freight/webfonts/2D778B_9_0.woff") format("woff"), url("../../fonts/freight/webfonts/2D778B_9_0.ttf") format("truetype"); } @font-face { font-family: Freight; font-weight: 700; font-style: italic; src: url("../../fonts/freight/webfonts/2D778B_5_0.eot"); src: url("../../fonts/freight/webfonts/2D778B_5_0.eot?#iefix") format("embedded-opentype"), url("../../fonts/freight/webfonts/2D778B_5_0.woff2") format("woff2"), url("../../fonts/freight/webfonts/2D778B_5_0.woff") format("woff"), url("../../fonts/freight/webfonts/2D778B_5_0.ttf") format("truetype"); } @font-face { font-family: Freight; font-weight: 400; src: url("../../fonts/freight/webfonts/2D778B_8_0.eot"); src: url("../../fonts/freight/webfonts/2D778B_8_0.eot?#iefix") format("embedded-opentype"), url("../../fonts/freight/webfonts/2D778B_8_0.woff2") format("woff2"), url("../../fonts/freight/webfonts/2D778B_8_0.woff") format("woff"), url("../../fonts/freight/webfonts/2D778B_8_0.ttf") format("truetype"); } .small-caps, .content-tile--hero.content-tile--issue .content-tile__subtitle a:last-child, .issue-page__description a:last-child { font-variant: small-caps; text-transform: lowercase; } .modaal-gallery-label { color: #fff; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; font-weight: 700; text-align: left; } /** * INLINE STYLES * * Stuff for editors to use manually; should be made available to * custom-editor-styles.css, too */ .post__preface, .article-preface { display: block; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; font-weight: 600; } .lead-in { font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; font-size: 70%; font-variant: small-caps; font-weight: 700; letter-spacing: 0.075em; text-transform: uppercase; } /* Columns ========================================================================== */ .col-2-of-2, .col-1-of-2 { width: 48%; float: left; } .col-1-of-2 { margin-right: 4%; clear: left; } .col-2-of-2:after { display: table; clear: both; content: ''; } /* Alternate text styles, for interviews etc. ========================================================================== */ .post__preface, .inline-title, .interview-name, .interview-question { font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; font-weight: 700; } .alt-font, .font--alt { font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; font-size: 17px; font-size: 0.8947368421rem; } @media screen and (min-width: 37.5em) { .two-columns { -webkit-columns: 2; -moz-columns: 2; columns: 2; } } .two-columns p { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .heading--main { font-size: 36px; font-size: 1.8947368421rem; margin-bottom: 27.55px; margin-bottom: 1.45rem; margin-top: 41.325px; margin-top: 2.175rem; } .heading--main:after { display: block; width: 45px; width: 2.3684210526rem; height: 7px; height: 0.3684210526rem; background-color: #111; content: ' '; } .textwidget { display: inline; } .wp-caption { max-width: 100%; margin-bottom: 1.5em; } .wp-caption > a, .wp-caption a img { display: block; } .wp-caption-text { margin: 0.5em 0 0; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; font-size: 11px; font-size: 0.5789473684rem; } .wp-caption-text:before { display: block; width: 45px; width: 2.3684210526rem; height: 7px; height: 0.3684210526rem; background-color: #111; content: ' '; margin-top: 1.45em; margin-bottom: 1.45em; } html { min-width: 320px; font-size: 118.75%; line-height: 1.45; } body { color: #111; font-family: Freight, Georgia, "Times New Roman", Times, serif; /* font-size: 19px; */ } a { color: inherit; text-decoration: none; } a, a:hover, a:active { outline: none; } p { margin: 0; margin-bottom: 27.55px; margin-bottom: 1.45rem; } img { max-width: 100%; height: auto; } [usemap] { color: currentColor; } textarea, input { border: 0; outline: none; } input[type=submit] { font-size: 12px; font-size: 0.6315789474rem; display: inline-block; padding: 0.75em 1em; background-color: #404040; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; font-weight: 700; text-transform: uppercase; white-space: nowrap; cursor: pointer; } figure { margin: 0; margin-bottom: 27.55px; margin-bottom: 1.45rem; margin: 0; } hr { margin-top: 55.1px; margin-top: 2.9rem; margin-bottom: 41.325px; margin-bottom: 2.175rem; height: 2px; border: 0; outline: 0; background-color: #f2f2f2; } b, strong { font-weight: 700; } .constraint { max-width: 66.3157894737em; margin-left: auto; margin-right: auto; padding-right: 2.3576515979%; padding-left: 2.3576515979%; } .constraint::after { clear: both; content: ""; display: table; } @media screen and (min-width: 82.4633012668em) { .constraint { padding-right: 0; padding-left: 0; } } .main-content { max-width: 66.3157894737em; margin-left: auto; margin-right: auto; margin-bottom: 110.2px; margin-bottom: 5.8rem; padding-right: 2.3576515979%; padding-left: 2.3576515979%; } .main-content::after { clear: both; content: ""; display: table; } .main-content::after { clear: both; content: ""; display: table; } @media screen and (min-width: 82.4633012668em) { .main-content { padding: 0; } } .hero + .main-content { padding-top: 30px; padding-top: 1.5789473684rem; } @media print { .hero + .main-content { padding-top: 0; } } .page-area { padding-top: 27.55px; padding-top: 1.45rem; } @media screen and (min-width: 48em) { .page-area { float: left; display: block; margin-right: 2.3576515979%; width: 74.4105871005%; } .page-area:last-child { margin-right: 0; } } @media screen and (min-width: 64em) { .page-area { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; margin-left: 17.0596085997%; } .page-area:last-child { margin-right: 0; } } @media screen and (min-width: 82.4633012668em) { .unpad { margin-right: -30px; margin-right: -1.5789473684rem; margin-left: -30px; margin-left: -1.5789473684rem; } } .extra-content { padding-top: 2.2236842105rem; display: none; } @media print { .extra-content { display: none; } } @media screen and (min-width: 48em) { .extra-content { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; margin-right: 0; } .extra-content:last-child { margin-right: 0; } } @media screen and (min-width: 64em) { .extra-content { float: left; display: block; margin-right: 2.3576515979%; width: 14.7019570017%; margin-left: 8.5298042998%; margin-right: 0; } .extra-content:last-child { margin-right: 0; } } /** * ARTICLE * * A single article or page * */ /* Metadata about article: author, issue */ .article__meta { font-size: 11px; font-size: 0.5789473684rem; padding-top: 8.44px; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; } .article__meta p { margin-bottom: 1.5em; } .article__meta a { border-bottom: 1px solid #111; color: #111; } /* Actual article body */ .article__content { position: relative; } .article__content h1, .article__content h2, .article__content h3, .article__content h4, .article__content h5, .article__content h6 { font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; font-weight: 700; } .article__content h3 { font-size: 22px; font-size: 1.1578947368rem; } .article__content a:hover { text-decoration: underline; } /* Extra article stuff; social, topics */ .article__topics { font-size: 10px; font-size: 0.5263157895rem; margin-bottom: 27.55px; margin-bottom: 1.45rem; position: relative; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; z-index: 2; } .article__topics-title { font-size: 10px; font-size: 0.5263157895rem; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; } .article__topics-list { padding-left: 0; list-style-type: none; } .article__topics-item { margin-bottom: 0.725em; } .article__topics-item a { border-bottom: 1px solid #111; } @media print { .article__extra { display: none; } } @media screen and (min-width: 64em) { /* Actual article things */ .article__stuff { display: block; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-bottom: 110.2px; margin-bottom: 5.8rem; } .article__stuff::after { clear: both; content: ""; display: table; } .article__meta { float: left; display: block; margin-right: 2.3576515979%; width: 14.7019570017%; } .article__meta:last-child { margin-right: 0; } .article__content { float: left; display: block; margin-right: 2.3576515979%; width: 57.3509785009%; } .article__content:last-child { margin-right: 0; } .article__content:before { display: block; width: 45px; width: 2.3684210526rem; height: 7px; height: 0.3684210526rem; background-color: #fff; content: ' '; top: -37px; top: -1.9473684211rem; position: absolute; } .article__comments { float: left; display: block; margin-right: 2.3576515979%; width: 57.3509785009%; margin-left: 17.0596085997%; } .article__comments:last-child { margin-right: 0; } .article__extra { float: left; display: block; margin-right: 2.3576515979%; width: 14.7019570017%; margin-left: 8.5298042998%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; margin-right: 0; } .article__extra:last-child { margin-right: 0; } } @media screen and (min-width: 78.75em) { .article__meta { margin-left: 8.5298042998%; } .article__content { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .article__content:last-child { margin-right: 0; } .article__extra { float: left; display: block; margin-right: 2.3576515979%; width: 14.7019570017%; margin-left: 8.5298042998%; margin-right: 0; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .article__extra:last-child { margin-right: 0; } .article__comments { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; margin-left: 25.5894128995%; } .article__comments:last-child { margin-right: 0; } } .article__footer { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-content: stretch; -moz-align-content: stretch; align-content: stretch; -ms-flex-line-pack: stretch; clear: both; } @media print { .article__footer { display: none; } } /** * ARTICLE PANELS * * These are areas that contain "Article Tiles," little thumbs of content with * image, headline, optional excerpt. */ /* Article Panels: wrapper around a group of article panels ========================================================================== */ /* Article Panel half width of viewport ========================================================================== */ @media screen and (min-width: 37.5em) { .article-panel--half { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .article-panel--half:last-child { margin-right: 0; } .article-panel--half:nth-child(2n) { margin-right: 0; } .article-panel--half:nth-child(2n+1) { clear: left; } } /* Article Panel third width of viewport ========================================================================== */ .article-panel--third { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .article-panel--third:last-child { margin-right: 0; } .article-panel--third:nth-child(3n) { margin-right: 0; } .article-panel--third:nth-child(3n+1) { clear: left; } /* Basic Article Panel styles ========================================================================== */ .article-panel, .article-panel--std, .article-panel--alt, .article-panel--related-footer { margin-bottom: 19px; margin-bottom: 1rem; display: block; position: relative; margin-bottom: 55.1px; /* padding-bottom: 3em; */ border-bottom: 2px solid #f2f2f2; } .article-panel::after, .article-panel--std::after, .article-panel--alt::after, .article-panel--related-footer::after { clear: both; content: ""; display: table; } .hero .article-panel, .hero .article-panel--std, .hero .article-panel--alt, .hero .article-panel--related-footer { margin-bottom: 0; } .article-panel__title { margin: 0 0 0.5em 0; font-family: Freight, Georgia, "Times New Roman", Times, serif; } @media screen and (min-width: 78.75em) { .article-panel__title { font-size: 36px; font-size: 1.8947368421rem; } } .article-panel__title:after { display: block; width: 45px; width: 2.3684210526rem; height: 7px; height: 0.3684210526rem; background-color: #111; content: ' '; } .article-panel__more-button { margin-left: 50%; clear: both; transform: translateX(-50%); text-align: center; } .article-panel__more-button--full-width { width: 100%; } /* A standard Article Panel ========================================================================== */ .article-panel--std { clear: both; } .hero .article-panel--std { border-bottom: 0; } .article-panel--has-more { margin-bottom: 110.2px; border-color: #111; } /* Article Panel with different visual style ========================================================================== */ .article-panel--alt { padding-top: 20px; padding-top: 1.0526315789rem; padding-right: 30px; padding-right: 1.5789473684rem; padding-left: 30px; padding-left: 1.5789473684rem; padding-bottom: 0; border-bottom: 0; background-color: #f2f2f2; } /* Article Panel in "related" section at end of article -- one-third width ========================================================================== */ @media screen and (min-width: 48em) { .article-panel--related-footer { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .article-panel--related-footer:last-child { margin-right: 0; } .article-panel--related-footer:nth-child(3n) { margin-right: 0; } .article-panel--related-footer:nth-child(3n+1) { clear: left; } } .extra-content .article-panel, .extra-content .article-panel--std, .extra-content .article-panel--alt, .extra-content .article-panel--related-footer { border-bottom: 0; } .extra-content .article-panel__title { font-size: 22px; font-size: 1.1578947368rem; margin-bottom: 27.55px; margin-bottom: 1.45rem; } @media screen and (min-width: 64em) { .article-panel--toc-thumbs { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .article-panel--toc-thumbs:last-child { margin-right: 0; } } .article-panel--toc-thumbs .article-tile { float: left; display: block; margin-right: 4.8291579146%; width: 30.1138947236%; } .article-panel--toc-thumbs .article-tile:last-child { margin-right: 0; } .article-panel--toc-thumbs .article-tile:nth-child(3n) { margin-right: 0; } .article-panel--toc-thumbs .article-tile:nth-child(3n+1) { clear: left; } .article-panel--toc-visual { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; margin-bottom: 0; border-bottom: 0; } @media screen and (min-width: 64em) { .article-panel--toc-visual { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; margin-right: 0; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .article-panel--toc-visual:last-child { margin-right: 0; } } /* Archive page article panel ========================================================================== */ .archive-page .article-panel, .archive-page .article-panel--std, .archive-page .article-panel--alt, .archive-page .article-panel--related-footer { margin-bottom: 27.55px; margin-bottom: 1.45rem; } /** * ARTICLE TILES * * A "tile" that holds a link to an article with a thumbnail, title, and * optional excerpt. * * Must be wrapped in an `.article-tiles` div (for nth-child stuff). */ .article-tiles::after { clear: both; content: ""; display: table; } /* Article Tile mixins ========================================================================== */ /* Basic Artile Tile ========================================================================== */ .article-tile { margin-bottom: 38px; margin-bottom: 2rem; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; } .article-tile::after { clear: both; content: ""; display: table; } .article-tile__kicker { margin-bottom: 0.725em; } .article-tile__image { margin-bottom: 13.775px; margin-bottom: 0.725rem; } .article-tile__image a { display: block; } .article-tile__image img { display: block; width: 100%; height: auto; } .article-tile__title { font-size: 20px; font-size: 1.0526315789rem; margin: 0; margin-bottom: 6.8875px; margin-bottom: 0.3625rem; line-height: 1.2325; } .article-tile__subtitle { font-size: 16px; font-size: 0.8421052632rem; margin: 0; } /* Article Tile: Horizontal (image left, title right) ========================================================================== */ .article-tile--h { margin-bottom: 38px; margin-bottom: 2rem; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; } .article-tile--h::after { clear: both; content: ""; display: table; } @media screen and (min-width: 64em) { .article-tile--h { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .article-tile--h .article-tile__text { margin-right: 0; } } .article-tile--h .article-tile__image { margin-bottom: 0; } .article-tile--h .article-tile__excerpt { display: none; } /* Small horizontal Article Tile */ .article-tile--h-small { margin-bottom: 38px; margin-bottom: 2rem; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; } .article-tile--h-small::after { clear: both; content: ""; display: table; } @media screen and (min-width: 64em) { .article-tile--h-small { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .article-tile--h-small .article-tile__text { margin-right: 0; } } .article-tile--h-small .article-tile__image { margin-bottom: 0; } .article-tile--h-small .article-tile__excerpt { display: none; } @media screen and (min-width: 30em) and (max-width: 37.4375em) { .article-tile--h-small { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .article-tile--h-small .article-tile__image, .article-tile--h-small .article-tile__text { float: left; display: block; margin-right: 4.8291579146%; width: 47.5854210427%; } .article-tile--h-small .article-tile__image:last-child, .article-tile--h-small .article-tile__text:last-child { margin-right: 0; } .article-tile--h-small .article-tile__text--only { float: left; display: block; margin-right: 4.8291579146%; width: 100%; } .article-tile--h-small .article-tile__text--only:last-child { margin-right: 0; } } @media screen and (min-width: 37.5em) and (max-width: 47.9375em) { .article-tile--h-small { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .article-tile--h-small .article-tile__image, .article-tile--h-small .article-tile__text { float: left; display: block; margin-right: 4.8291579146%; width: 47.5854210427%; } .article-tile--h-small .article-tile__image:last-child, .article-tile--h-small .article-tile__text:last-child { margin-right: 0; } .article-tile--h-small .article-tile__text--only { float: left; display: block; margin-right: 4.8291579146%; width: 100%; } .article-tile--h-small .article-tile__text--only:last-child { margin-right: 0; } } @media screen and (min-width: 64em) { .article-tile--h-small { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .article-tile--h-small .article-tile__image, .article-tile--h-small .article-tile__text { float: left; display: block; margin-right: 4.8291579146%; width: 47.5854210427%; } .article-tile--h-small .article-tile__image:last-child, .article-tile--h-small .article-tile__text:last-child { margin-right: 0; } .article-tile--h-small .article-tile__text--only { float: left; display: block; margin-right: 4.8291579146%; width: 100%; } .article-tile--h-small .article-tile__text--only:last-child { margin-right: 0; } } /* Article Tile: Archive * Image left, title right, usually very wide ========================================================================== */ .article-tile--archive { margin-bottom: 38px; margin-bottom: 2rem; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; } .article-tile--archive::after { clear: both; content: ""; display: table; } @media screen and (min-width: 64em) { .article-tile--archive { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .article-tile--archive .article-tile__text { margin-right: 0; } } .article-tile--archive .article-tile__image { margin-bottom: 0; } .article-tile--archive .article-tile__excerpt { display: none; } @media screen and (min-width: 30em) { .article-tile--archive { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .article-tile--archive .article-tile__image { float: left; display: block; margin-right: 4.8291579146%; width: 30.1138947236%; } .article-tile--archive .article-tile__image:last-child { margin-right: 0; } .article-tile--archive .article-tile__text { float: left; display: block; margin-right: 4.8291579146%; width: 65.0569473618%; } .article-tile--archive .article-tile__text:last-child { margin-right: 0; } .article-tile--archive .article-tile__subtitle { font-size: 16px; font-size: 0.8421052632rem; } } .article-tile--archive .article-tile__title { font-size: 20px; font-size: 1.0526315789rem; } /* Article Tile: Hero style ========================================================================== */ .article-tile--hero { margin-bottom: 38px; margin-bottom: 2rem; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .article-tile--hero::after { clear: both; content: ""; display: table; } @media screen and (min-width: 48em) { .article-tile--hero { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .article-tile--hero .article-tile__image { float: left; display: block; margin-right: 2.3576515979%; width: 65.8807828007%; } .article-tile--hero .article-tile__image:last-child { margin-right: 0; } .article-tile--hero .article-tile__text { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; margin-right: 0; } .article-tile--hero .article-tile__text:last-child { margin-right: 0; } .article-tile--hero .article-tile__title { /* color: $color-medium-blue; */ } } .article-tile--hero .article-tile__title { font-size: 36px; font-size: 1.8947368421rem; margin: 0; } .article-tile--hero .article-tile__subtitle { font-size: 22px; font-size: 1.1578947368rem; } /* Article Tile: Thumb style ========================================================================== */ .article-tile.article-tile--thumb { clear: none; } @media screen and (min-width: 30em) and (max-width: 37.4375em) { .article-tile.article-tile--thumb { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .article-tile.article-tile--thumb:last-child { margin-right: 0; } .article-tile.article-tile--thumb:nth-child(2n) { margin-right: 0; } .article-tile.article-tile--thumb:nth-child(2n + 1) { clear: left; } } @media screen and (min-width: 37.5em) and (max-width: 47.9375em) { .article-tile.article-tile--thumb { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .article-tile.article-tile--thumb:last-child { margin-right: 0; } .article-tile.article-tile--thumb:nth-child(3n) { margin-right: 0; } .article-tile.article-tile--thumb:nth-child(3n + 1) { clear: left; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .article-tile.article-tile--thumb { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .article-tile.article-tile--thumb:last-child { margin-right: 0; } .article-tile.article-tile--thumb:nth-child(3n) { margin-right: 0; } .article-tile.article-tile--thumb:nth-child(3n + 1) { clear: left; } } @media screen and (min-width: 64em) { .article-tile.article-tile--thumb { float: left; display: block; margin-right: 2.3576515979%; width: 14.7019570017%; } .article-tile.article-tile--thumb:last-child { margin-right: 0; } .article-tile.article-tile--thumb:nth-child(6n) { margin-right: 0; } .article-tile.article-tile--thumb:nth-child(6n + 1) { clear: left; } } @media screen and (min-width: 37.5em) and (max-width: 47.9375em) { .article-panel--alt .article-tile, .article-panel--std .article-tile { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .article-panel--alt .article-tile:last-child, .article-panel--std .article-tile:last-child { margin-right: 0; } .article-panel--alt .article-tile:nth-child(2n), .article-panel--std .article-tile:nth-child(2n) { margin-right: 0; } .article-panel--alt .article-tile:nth-child(2n + 1), .article-panel--std .article-tile:nth-child(2n + 1) { clear: left; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .article-panel--alt .article-tile, .article-panel--std .article-tile { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .article-panel--alt .article-tile:last-child, .article-panel--std .article-tile:last-child { margin-right: 0; } .article-panel--alt .article-tile:nth-child(2n), .article-panel--std .article-tile:nth-child(2n) { margin-right: 0; } .article-panel--alt .article-tile:nth-child(2n + 1), .article-panel--std .article-tile:nth-child(2n + 1) { clear: left; } } @media screen and (min-width: 64em) { .article-panel--alt .article-tile, .article-panel--std .article-tile { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; } .article-panel--alt .article-tile:last-child, .article-panel--std .article-tile:last-child { margin-right: 0; } .article-panel--alt .article-tile:nth-child(4n), .article-panel--std .article-tile:nth-child(4n) { margin-right: 0; } .article-panel--alt .article-tile:nth-child(4n + 1), .article-panel--std .article-tile:nth-child(4n + 1) { clear: left; } } /* Article Tiles inside the "extra content" section (sidebar) ========================================================================== */ @media screen and (min-width: 37.5em) and (max-width: 47.9375em) { .extra-content .article-tile { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .extra-content .article-tile:last-child { margin-right: 0; } .extra-content .article-tile:nth-child(3n) { margin-right: 0; } .extra-content .article-tile:nth-child(3n+1) { clear: left; } } /* ========================================================================== Table of Contents Article Tiles ========================================================================== */ @media screen and (min-width: 37.5em) { .article-tile--3-of-12, .article-panel--alt .article-tile--3-of-12, .article-panel--std .article-tile--3-of-12 { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; } .article-tile--3-of-12:last-child, .article-panel--alt .article-tile--3-of-12:last-child, .article-panel--std .article-tile--3-of-12:last-child { margin-right: 0; } .article-tile--3-of-12:nth-child(4n), .article-panel--alt .article-tile--3-of-12:nth-child(4n), .article-panel--std .article-tile--3-of-12:nth-child(4n) { margin-right: 0; } .article-tile--3-of-12:nth-child(4n + 1), .article-panel--alt .article-tile--3-of-12:nth-child(4n + 1), .article-panel--std .article-tile--3-of-12:nth-child(4n + 1) { clear: left; } } @media screen and (min-width: 37.5em) { .article-tile--4-of-12, .article-panel--alt .article-tile--4-of-12, .article-panel--std .article-tile--4-of-12 { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .article-tile--4-of-12:last-child, .article-panel--alt .article-tile--4-of-12:last-child, .article-panel--std .article-tile--4-of-12:last-child { margin-right: 0; } .article-tile--4-of-12:nth-child(3n), .article-panel--alt .article-tile--4-of-12:nth-child(3n), .article-panel--std .article-tile--4-of-12:nth-child(3n) { margin-right: 0; } .article-tile--4-of-12:nth-child(3n + 1), .article-panel--alt .article-tile--4-of-12:nth-child(3n + 1), .article-panel--std .article-tile--4-of-12:nth-child(3n + 1) { clear: left; } } @media screen and (min-width: 37.5em) { .article-tile--6-of-12, .article-panel--alt .article-tile--6-of-12, .article-panel--std .article-tile--6-of-12 { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .article-tile--6-of-12:last-child, .article-panel--alt .article-tile--6-of-12:last-child, .article-panel--std .article-tile--6-of-12:last-child { margin-right: 0; } .article-tile--6-of-12:nth-child(2n), .article-panel--alt .article-tile--6-of-12:nth-child(2n), .article-panel--std .article-tile--6-of-12:nth-child(2n) { margin-right: 0; } .article-tile--6-of-12:nth-child(2n + 1), .article-panel--alt .article-tile--6-of-12:nth-child(2n + 1), .article-panel--std .article-tile--6-of-12:nth-child(2n + 1) { clear: left; } } .article-panel--toc-spotlights .article-tile { float: left; display: block; margin-right: 2.3576515979%; width: 100%; } .article-panel--toc-spotlights .article-tile:last-child { margin-right: 0; } .article-panel--toc-spotlights .article-tile--presidents-letter { padding: 0.29em 1.45em 0.725em; background-color: #f2f2f2; } .article-panel--toc-spotlights-1 .article-tile--presidents-letter { float: left; display: block; margin-right: 2.3576515979%; width: 100%; } .article-panel--toc-spotlights-1 .article-tile--presidents-letter:last-child { margin-right: 0; } @media screen and (min-width: 37.5em) and (max-width: 47.9375em) { .article-panel--toc-spotlights .article-tile { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .article-panel--toc-spotlights .article-tile:last-child { margin-right: 0; } .article-panel--toc-spotlights .article-tile:nth-child(2n) { margin-right: 0; } .article-panel--toc-spotlights .article-tile:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .article-panel--toc-spotlights-2 .article-tile { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .article-panel--toc-spotlights-2 .article-tile:last-child { margin-right: 0; } .article-panel--toc-spotlights-3 .article-tile, .article-panel--toc-spotlights-6 .article-tile { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .article-panel--toc-spotlights-3 .article-tile:last-child, .article-panel--toc-spotlights-6 .article-tile:last-child { margin-right: 0; } .article-panel--toc-spotlights-3 .article-tile:nth-child(3n), .article-panel--toc-spotlights-6 .article-tile:nth-child(3n) { margin-right: 0; } .article-panel--toc-spotlights-3 .article-tile:nth-child(3n+1), .article-panel--toc-spotlights-6 .article-tile:nth-child(3n+1) { clear: left; } .article-panel--toc-spotlights-4 .article-tile, .article-panel--toc-spotlights-7 .article-tile { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; } .article-panel--toc-spotlights-4 .article-tile:last-child, .article-panel--toc-spotlights-7 .article-tile:last-child { margin-right: 0; } .article-panel--toc-spotlights-4 .article-tile:nth-child(4n), .article-panel--toc-spotlights-7 .article-tile:nth-child(4n) { margin-right: 0; } .article-panel--toc-spotlights-4 .article-tile:nth-child(4n+1), .article-panel--toc-spotlights-7 .article-tile:nth-child(4n+1) { clear: left; } .article-panel--toc-spotlights-5 .article-tile { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .article-panel--toc-spotlights-5 .article-tile:last-child { margin-right: 0; } .article-panel--toc-spotlights-5 .article-tile:nth-child(3n) { margin-right: 0; } .article-panel--toc-spotlights-5 .article-tile:nth-child(3n+1) { clear: left; } } @media screen and (min-width: 64em) { .article-panel--toc-spotlights-2 .article-tile { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .article-panel--toc-spotlights-2 .article-tile:last-child { margin-right: 0; } .article-panel--toc-spotlights-3 .article-tile, .article-panel--toc-spotlights-6 .article-tile { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .article-panel--toc-spotlights-3 .article-tile:last-child, .article-panel--toc-spotlights-6 .article-tile:last-child { margin-right: 0; } .article-panel--toc-spotlights-3 .article-tile:nth-child(3n), .article-panel--toc-spotlights-6 .article-tile:nth-child(3n) { margin-right: 0; } .article-panel--toc-spotlights-3 .article-tile:nth-child(3n+1), .article-panel--toc-spotlights-6 .article-tile:nth-child(3n+1) { clear: left; } .article-panel--toc-spotlights-4 .article-tile, .article-panel--toc-spotlights-7 .article-tile { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; } .article-panel--toc-spotlights-4 .article-tile:last-child, .article-panel--toc-spotlights-7 .article-tile:last-child { margin-right: 0; } .article-panel--toc-spotlights-4 .article-tile:nth-child(4n), .article-panel--toc-spotlights-7 .article-tile:nth-child(4n) { margin-right: 0; } .article-panel--toc-spotlights-4 .article-tile:nth-child(4n+1), .article-panel--toc-spotlights-7 .article-tile:nth-child(4n+1) { clear: left; } .article-panel--toc-spotlights-5 .article-tile { float: left; display: block; margin-right: 2.3576515979%; width: 14.7019570017%; } .article-panel--toc-spotlights-5 .article-tile:last-child { margin-right: 0; } .article-panel--toc-spotlights-5 .article-tile--presidents-letter { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .article-panel--toc-spotlights-5 .article-tile--presidents-letter:last-child { margin-right: 0; } } .article-tile--no-image { display: block; } .article-tile--no-image .article-tile__text { float: left; display: block; margin-right: 2.3576515979%; width: 100%; } .article-tile--no-image .article-tile__text:last-child { margin-right: 0; } /* Article section thumb links ========================================================================== */ .article-section-thumb-links { margin: 1.5em 0; text-align: justify; } .article-section-thumb-links:after { display: inline-block; width: 100%; height: 0; content: ''; } .article-section-thumb-links .wp-caption { display: inline-block; width: 150px !important; /* !important overrides WordPress's inline width it insists on inserting */ text-align: left; } .article-section-thumb-links .wp-caption a { display: block; } .article-section-thumb-links .wp-caption img { display: block; } .article-section-thumb-links .wp-caption { max-width: 100%; margin-bottom: 1.5em; } .article-section-thumb-links .wp-caption-text { margin: 0.5em 0 0 0; font-size: 75%; } .article-section-thumb-links .wp-caption-text:before { display: none; } .article-inset { margin: 0; margin-bottom: 27.55px; margin-bottom: 1.45rem; clear: both; } @media print { .article-inset { display: none; } } .article-inset__figure { margin: 0; } .article-inset__img { display: block; width: 100%; } .article-inset__figcaption { font-size: 11px; font-size: 0.5789473684rem; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; } .article-inset__figcaption:before { display: block; width: 45px; width: 2.3684210526rem; height: 7px; height: 0.3684210526rem; background-color: #111; content: ' '; margin-top: 1.45em; margin-bottom: 1.45em; } .article__content .article-inset__heading, .article-inset__heading { font-size: 11px; font-size: 0.5789473684rem; text-transform: uppercase; letter-spacing: 0.1em; margin: 0; margin-top: 2.9em; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace !important; } .article__content .article-inset__heading:before, .article-inset__heading:before { display: block; width: 45px; width: 2.3684210526rem; height: 7px; height: 0.3684210526rem; background-color: #111; content: ' '; margin-bottom: 1.45em; } .article-inset__figure + .article-inset__heading:before { display: none; } .article__content .article-inset__list, .article-inset__list { font-size: 11px; font-size: 0.5789473684rem; padding: 0; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; list-style-type: none; } .article__content .article-inset__list a, .article-inset__list a { color: inherit; } .article__content .article-inset__list li, .article-inset__list li { margin-bottom: 1.45em; } .article-inset .lightbox { display: block; position: relative; } .article-inset__figure-icon { -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5)); filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5)); position: absolute; right: 5%; bottom: 5%; width: 24px; height: 24px; z-index: 2; fill: #fff; } @media screen and (min-width: 37.5em) { .article-inset.is-inset { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .article-inset.is-inset:last-child { margin-right: 0; } } @media screen and (min-width: 48em) { .article-inset.is-inset { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .article-inset.is-inset:last-child { margin-right: 0; } } @media screen and (min-width: 64em) { .article-inset.is-inset { margin-left: -17.4715263191%; float: left; display: block; margin-right: 4.8291579146%; width: 30.1138947236%; margin-top: 2.175em; margin-bottom: 2.175em; } .article-inset.is-inset:last-child { margin-right: 0; } } @media screen and (min-width: 78.75em) { .article-inset.is-inset { margin-left: -34.9430526382%; float: left; display: block; margin-right: 4.8291579146%; width: 47.5854210427%; } .article-inset.is-inset:last-child { margin-right: 0; } } .archive-page { clear: left; } /*doc --- title: Button name: button category: Elements --- ```html_example Button here ``` ```html_example Alt Button here ``` */ .button { font-size: 12px; font-size: 0.6315789474rem; display: inline-block; padding: 0.75em 1em; background-color: #404040; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; font-weight: 700; text-transform: uppercase; white-space: nowrap; } .button--alt, .article-panel--alt .article-panel__more-button, .nav-previous, .nav-next { font-size: 12px; font-size: 0.6315789474rem; display: inline-block; padding: 0.75em 1em; background-color: #404040; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; font-weight: 700; text-transform: uppercase; white-space: nowrap; color: #111; } .hero .button { margin-top: 27.55px; margin-top: 1.45rem; } .callout-link { margin: 0; margin-bottom: 27.55px; margin-bottom: 1.45rem; clear: both; display: block; margin-right: -2.3576515979%; margin-left: -2.3576515979%; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; } @media print { .callout-link { display: none; } } .callout-link a { display: block; position: relative; min-height: 100px; padding: 1.45em; padding-left: 100px; } .callout-link a:hover { text-decoration: none !important; } .callout-link a:before { position: absolute; top: 50%; left: 20px; width: 60px; height: 60px; transform: translateY(-50%); border: 3px solid #000; border-radius: 99em; font-size: 60px; font-weight: 200; line-height: 49px; text-align: center; content: '\203A'; } .callout-link__title { font-size: 14px; font-size: 0.7368421053rem; display: block; } .callout-link__text { font-size: 16px; font-size: 0.8421052632rem; display: block; font-weight: 700; } .content-tile { margin-bottom: 27.55px; margin-bottom: 1.45rem; } @media screen and (min-width: 30em) and (max-width: 37.4375em) { .content-tile--archive-issue { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .content-tile--archive-issue:last-child { margin-right: 0; } .content-tile--archive-issue:nth-child(2n) { margin-right: 0; } .content-tile--archive-issue:nth-child(2n + 1) { clear: left; } } @media screen and (min-width: 37.5em) and (max-width: 47.9375em) { .content-tile--archive-issue { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .content-tile--archive-issue:last-child { margin-right: 0; } .content-tile--archive-issue:nth-child(3n) { margin-right: 0; } .content-tile--archive-issue:nth-child(3n + 1) { clear: left; } } @media screen and (min-width: 48em) and (max-width: 63.9375em) { .content-tile--archive-issue { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .content-tile--archive-issue:last-child { margin-right: 0; } .content-tile--archive-issue:nth-child(3n) { margin-right: 0; } .content-tile--archive-issue:nth-child(3n + 1) { clear: left; } } @media screen and (min-width: 64em) { .content-tile--archive-issue { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; } .content-tile--archive-issue:last-child { margin-right: 0; } .content-tile--archive-issue:nth-child(4n) { margin-right: 0; } .content-tile--archive-issue:nth-child(4n + 1) { clear: left; } } .content-tile--archive-issue .content-tile__image { max-width: 148px; } .content-tile__image a { display: block; } .content-tile__image img { display: block; } .content-tile__kicker { margin-bottom: 1em; } .content-tile__title { font-size: 22px; font-size: 1.1578947368rem; margin-bottom: 13.775px; margin-bottom: 0.725rem; margin: 0; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; font-weight: 700; } .content-tile__subtitle { margin: 0; } .content-tile--hero { float: left; display: block; margin-right: 2.3576515979%; width: 100%; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } .content-tile--hero:last-child { margin-right: 0; } @media screen and (min-width: 48em) { .content-tile--hero { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 48em) { .content-tile--hero .content-tile__image { float: left; display: block; margin-right: 2.3576515979%; width: 65.8807828007%; } .content-tile--hero .content-tile__image:last-child { margin-right: 0; } .content-tile--hero .content-tile__image:nth-child(1.5n) { margin-right: 0; } .content-tile--hero .content-tile__image:nth-child(1.5n + 1) { clear: left; } } .content-tile--hero .content-tile__text { font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; } @media screen and (min-width: 48em) { .content-tile--hero .content-tile__text { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .content-tile--hero .content-tile__text:last-child { margin-right: 0; } .content-tile--hero .content-tile__text:nth-child(3n) { margin-right: 0; } .content-tile--hero .content-tile__text:nth-child(3n + 1) { clear: left; } } .content-tile--hero .content-tile__title { font-size: 36px; font-size: 1.8947368421rem; font-weight: 700; } .content-tile--hero .content-tile__subtitle { font-size: 25px; font-size: 1.3157894737rem; } .content-tile--hero.content-tile--issue .content-tile__subtitle a:last-child { font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; } .content-tile--hero.content-tile--issue .content-tile__subtitle a:last-child:last-child { margin-left: 13.775px; margin-left: 0.725rem; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; display: inline-block; } @media screen and (min-width: 64em) { .content-tile--hero.content-tile--issue .content-tile__image { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .content-tile--hero.content-tile--issue .content-tile__image:last-child { margin-right: 0; } .content-tile--hero.content-tile--issue .content-tile__text { float: left; display: block; margin-right: 2.3576515979%; width: 65.8807828007%; } .content-tile--hero.content-tile--issue .content-tile__text:last-child { margin-right: 0; } } .content-panel__title { font-size: 36px; font-size: 1.8947368421rem; margin: 0 0 0.5em 0; } .content-panel__title:after { display: block; width: 45px; width: 2.3684210526rem; height: 7px; height: 0.3684210526rem; background-color: #111; content: ' '; } .comment { margin-bottom: 27.55px; margin-bottom: 1.45rem; border-bottom: 1px solid #f2f2f2; list-style-type: none; } .comment__meta { margin-bottom: 13.775px; margin-bottom: 0.725rem; color: #6e6e6e; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; font-size: 13.1944444444px; } .comment__meta::after { clear: both; content: ""; display: table; } .comment__meta a:hover { text-decoration: underline; } .comment__awaiting-moderation { margin-bottom: 0; } .comment__author .avatar { margin-right: 13.775px; margin-right: 0.725rem; width: auto; height: 4.35em; float: left; } .comment__content { clear: both; } .comment-form { margin-bottom: 110.2px; margin-bottom: 5.8rem; } .comment-form::after { clear: both; content: ""; display: table; } .comment-form input:not([type=submit]), .comment-form textarea { margin-top: 0; border: 1px solid #6e6e6e; background-color: #f2f2f2; } .comment-form label { display: block; margin: 0; } .comment-form--logged-in .comment-form__comment { width: 100%; } .comment-form--logged-in .comment-form__submit { clear: both; } @media screen and (min-width: 30em) { .comment-form__comment { float: left; display: block; margin-right: 2.3576515979%; width: 65.8807828007%; } .comment-form__comment:last-child { margin-right: 0; } } .comment-form__comment textarea { height: 303.05px; height: 15.95rem; width: 100%; max-width: 100%; } .comment-form__author, .comment-form__email, .comment-form__submit, .comment-form__url { margin-bottom: 27.55px; margin-bottom: 1.45rem; } @media screen and (min-width: 30em) { .comment-form__author, .comment-form__email, .comment-form__submit, .comment-form__url { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; margin-right: 0; } .comment-form__author:last-child, .comment-form__email:last-child, .comment-form__submit:last-child, .comment-form__url:last-child { margin-right: 0; } } .comment-form__author input, .comment-form__email input, .comment-form__submit input, .comment-form__url input { height: 41.325px; height: 2.175rem; width: 100%; max-width: 100%; } @media screen and (min-width: 30em) { .comment-form__submit, .comment-form__email { margin-right: 0; } } .comment-form__submit { height: 41.325px; height: 2.175rem; } @media print { .comment-respond { display: none; } } .comments-area__title:before { display: block; width: 45px; width: 2.3684210526rem; height: 7px; height: 0.3684210526rem; background-color: #111; content: ' '; } .comments-area__list { padding: 0; } .header-nav { font-size: 13px; font-size: 0.6842105263rem; margin-bottom: 13.775px; margin-bottom: 0.725rem; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; font-weight: 700; } @media print { .header-nav { display: none; } } @media screen and (min-width: 48em) { .header-nav { display: inline-block; } } .header-nav .nav-menu { display: inline-block; margin: 0; padding: 0; list-style-type: none; } .header-nav .nav-menu li { display: inline-block; margin-right: 2em; line-height: 2.175; } .header-nav .nav-menu .current-menu-item { border-bottom: 2px solid #6e6e6e; } /** * HERO * * Big, gray-background area at top of some pages */ .hero { background-color: #404040; background-position: center; background-size: cover; color: #fff; overflow: hidden; } @media print { .hero { background: transparent; color: #111; } } .hero__content { max-width: 66.3157894737em; margin-left: auto; margin-right: auto; padding-top: 40px; padding-top: 2.1052631579rem; padding-bottom: 30px; padding-bottom: 1.5789473684rem; position: relative; padding-right: 2.3576515979%; padding-left: 2.3576515979%; } .hero__content::after { clear: both; content: ""; display: table; } @media screen and (min-width: 82.4633012668em) { .hero__content { padding-right: 0; padding-left: 0; } } @media print { .hero__content { padding-bottom: 0; } } .hero__figure { display: block; position: relative; } .hero__figure-icon { -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5)); filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5)); position: absolute; right: 5%; bottom: 5%; width: 24px; height: 24px; z-index: 2; fill: #fff; } .article__hero .hero__content .wp-post-image, .hero__image { margin-bottom: 30px; margin-bottom: 1.5789473684rem; display: block; } .article__hero .hero__content .size-feature.wp-post-image { /* width: 100%; */ } .article__hero .hero__content .wp-post-image.size-lead_orig, .article__hero .hero__content .wp-post-image.size-lead { float: left; display: block; margin-right: 2.3576515979%; width: 100%; } .article__hero .hero__content .wp-post-image.size-lead_orig:last-child, .article__hero .hero__content .wp-post-image.size-lead:last-child { margin-right: 0; } @media screen and (min-width: 64em) { .article__hero .hero__content .wp-post-image.size-lead_orig, .article__hero .hero__content .wp-post-image.size-lead { float: left; display: block; margin-right: 2.3576515979%; width: 65.8807828007%; margin-left: 17.0596085997%; } .article__hero .hero__content .wp-post-image.size-lead_orig:last-child, .article__hero .hero__content .wp-post-image.size-lead:last-child { margin-right: 0; } } @media screen and (min-width: 64em) { .article__hero .hero__content .size-vertical.wp-post-image, .article__hero .hero__content .size-vertical_orig.wp-post-image { float: left; display: block; margin-right: 2.3576515979%; width: 57.3509785009%; margin-left: 17.0596085997%; } .article__hero .hero__content .size-vertical.wp-post-image:last-child, .article__hero .hero__content .size-vertical_orig.wp-post-image:last-child { margin-right: 0; } } @media screen and (min-width: 37.5em) { .hero__article-heading { float: left; display: block; margin-right: 2.3576515979%; width: 65.8807828007%; } .hero__article-heading:last-child { margin-right: 0; } } @media screen and (min-width: 64em) { .hero__article-heading { margin-left: 17.0596085997%; float: left; display: block; margin-right: 2.3576515979%; width: 57.3509785009%; } .hero__article-heading:last-child { margin-right: 0; } } .hero__article-kicker { margin-bottom: 25px; margin-bottom: 1.3157894737rem; border-color: #fff; } .hero__article-title { font-size: 36px; font-size: 1.8947368421rem; margin: 0; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; line-height: 1.1666666667; } .hero__article-subtitle { font-size: 20px; font-size: 1.0526315789rem; margin: 0; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; line-height: 1.4; } .hero__image-caption { font-size: 12px; font-size: 0.6315789474rem; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; line-height: 1.25; } @media screen and (min-width: 37.5em) { .hero__image-caption { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .hero__image-caption:last-child { margin-right: 0; } } @media screen and (min-width: 64em) { .hero__image-caption { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; margin-right: 0; } .hero__image-caption:last-child { margin-right: 0; } } .hero__image-caption:before { display: block; width: 45px; width: 2.3684210526rem; height: 7px; height: 0.3684210526rem; background-color: #fff; content: ' '; margin-bottom: 15px; margin-bottom: 0.7894736842rem; } .issue-hero { padding: 2.3576515979%; height: 100vh; /* padding-left: 10%; */ color: #111; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; } .issue-hero__content { max-width: 66.3157894737em; margin-left: auto; margin-right: auto; padding: 0 2.3576515979%; } .issue-hero__content::after { clear: both; content: ""; display: table; } @media screen and (min-width: 82.4633012668em) { .issue-hero__content { padding-right: 0; padding-left: 0; } } .issue-hero__kicker { border-color: #111; } .issue-hero__kicker.kicker { font-size: 14px; } .issue-hero__title { margin-top: 0; margin-bottom: 0.2em; font-size: 10vmin; font-weight: 700; line-height: 1; text-shadow: 0 0 2em #000; } .issue-hero__subtitle { padding-right: 40%; clear: both; font-size: 6vmin; font-weight: 700; line-height: 1; } .issue-hero--small { padding: 2.3576515979% 0; height: auto; color: #fff; } .issue-hero--small .issue-hero__kicker { border-color: #fff; } .issue-hero--small .issue-hero__title { font-size: 8vmin; } .issue-hero--small .issue-hero__cover { float: right; } .issue-hero__scroll-button { position: absolute; bottom: 20%; left: 50%; width: 50px; height: 50px; transform: translateX(-50%); cursor: pointer; fill: #fff; } .issue-page__theme { font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; margin: 0; } .issue-page__description { font-size: 22px; font-size: 1.1578947368rem; margin-bottom: 55.1px; margin-bottom: 2.9rem; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; } .issue-page__description a:last-child { margin-left: 13.775px; margin-left: 0.725rem; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; display: inline-block; } .issue-download { font-size: 12px; font-size: 0.6315789474rem; display: inline-block; margin: 0 auto; padding: 0.5em 2em; background-color: #f2f2f2; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; font-weight: 700; text-align: center; text-transform: uppercase; } .issue-download__icon { width: 1.2em; height: 1.2em; margin-right: 0.5em; } .kicker { display: inline-block; border-width: 0 0 1px 0; border-style: solid; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; font-size: 10px; } .kicker a { color: inherit; } .hero .kicker { /* border-color: $color-white; */ } .nav-links { margin-top: 27.55px; margin-top: 1.45rem; margin-bottom: 27.55px; margin-bottom: 1.45rem; } .nav-links::after { clear: both; content: ""; display: table; } .nav-previous { float: left; } .nav-next { float: right; } .page-title { font-size: 36px; font-size: 1.8947368421rem; margin-bottom: 27.55px; margin-bottom: 1.45rem; margin-top: 0; } .page-title:after { display: block; width: 45px; width: 2.3684210526rem; height: 7px; height: 0.3684210526rem; background-color: #111; content: ' '; } .page-title__secondary { color: #6e6e6e; font-style: italic; font-weight: 400; } .pullquote { margin: 0; margin-bottom: 27.55px; margin-bottom: 1.45rem; width: 100%; padding: 3em 0; clear: both; background-color: #404040; color: #fff; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; } .pullquote::after { clear: both; content: ""; display: table; } @media print { .pullquote { width: auto !important; background: transparent; color: #111; } } @media screen and (min-width: 48em) { .pullquote blockquote { font-size: 24; font-size: 1.2631578947rem; } } .pullquote.is-widened blockquote { margin: 0; } @media screen and (min-width: 48em) { .pullquote--small-text blockquote { font-size: 22; font-size: 1.1578947368rem; } } .site-branding { display: inline-block; } .site-header { max-width: 66.3157894737em; margin-left: auto; margin-right: auto; -webkit-box-align: baseline; -moz-box-align: baseline; box-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; -o-align-items: baseline; align-items: baseline; -ms-flex-align: baseline; padding: 0 2.3576515979%; position: relative; padding-top: 27.55px; padding-top: 1.45rem; padding-bottom: 13.775px; padding-bottom: 0.725rem; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-header::after { clear: both; content: ""; display: table; } @media screen and (min-width: 48em) { .site-header { -webkit-box-lines: no-wrap; -moz-box-lines: no-wrap; box-lines: no-wrap; -webkit-flex-wrap: no-wrap; -moz-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; } } @media screen and (min-width: 82.4633012668em) { .site-header { padding-right: 0; padding-left: 0; } } .site-header__branding { /* display: inline-block; */ width: 100%; } @media screen and (min-width: 48em) { .site-header__branding { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; } .site-header__branding:last-child { margin-right: 0; } .site-header__branding:nth-child(4n) { margin-right: 0; } .site-header__branding:nth-child(4n + 1) { clear: left; } } @media screen and (min-width: 78.75em) { .site-header__branding { float: left; display: block; margin-right: 2.3576515979%; width: 14.7019570017%; } .site-header__branding:last-child { margin-right: 0; } .site-header__branding:nth-child(6n) { margin-right: 0; } .site-header__branding:nth-child(6n + 1) { clear: left; } } .site-header__site-title { font-size: 37px; font-size: 1.9473684211rem; margin: 0; color: #2f84ab; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; font-weight: 700; } .site-header__mit-logo { font-size: 12px; font-size: 0.6315789474rem; display: block; position: absolute; top: 0; right: 0; margin-right: 2.3576515979%; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; font-weight: 700; white-space: nowrap; } @media screen and (min-width: 64em) { .site-header__mit-logo { margin-left: -8.5298042998%; float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; padding-left: 1.178825799%; } .site-header__mit-logo:last-child { margin-right: 0; } .site-header__mit-logo, .site-header__mit-logo:last-child { margin-right: 2.3576515979%; } } @media screen and (min-width: 82.4633012668em) { .site-header__mit-logo { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; padding: 0; } .site-header__mit-logo:last-child { margin-right: 0; } } .site-header__mit-logo:before { display: block; width: 45px; width: 2.3684210526rem; height: 7px; height: 0.3684210526rem; background-color: #111; content: ' '; margin-bottom: 0.5em; } .site-footer { padding-top: 0; padding-bottom: 2.9rem; background-color: #6e6e6e; color: #fff; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; } @media print { .site-footer { display: none; } } @media screen and (min-width: 78.75em) { .site-footer { padding-top: 2.9rem; } } .site-footer a { color: #fff; } .site-footer__title-nav { margin-bottom: 27.55px; margin-bottom: 1.45rem; } .site-footer__site-title { font-size: 37px; font-size: 1.9473684211rem; margin: 0; color: #fff; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; font-weight: 700; } .site-footer__nav { font-size: 12px; font-size: 0.6315789474rem; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; } .site-footer__nav ul { margin: 0; padding: 0; list-style-type: none; } @media screen and (min-width: 37.5em) { .site-footer__nav ul { display: inline-block; margin-right: 1.45em; padding-right: 1.45em; border-right: 1px solid #f2f2f2; } .site-footer__nav ul:last-child { margin: 0; padding: 0; border: 0; } } .site-footer__nav li { display: inline-block; margin-right: 1.45em; } .site-footer__nav li:last-child { margin-right: 0; } .site-footer__mit-logo { margin-right: 0; margin-bottom: 27.55px; margin-bottom: 1.45rem; margin-top: 0.725em; padding-right: 2.3576515979%; font-weight: 700; line-height: 1; white-space: nowrap; vertical-align: bottom; } @media screen and (min-width: 48em) { .site-footer__mit-logo { -webkit-align-self: start; -moz-align-self: start; align-self: start; -ms-flex-item-align: start; } } @media screen and (min-width: 78.75em) { .site-footer__mit-logo { position: relative; top: -2.9rem; } } /* Second row ========================================================================== */ .site-footer__copyright { font-size: 12px; font-size: 0.6315789474rem; margin-bottom: 0; } .site-footer__email-signup { font-size: 12px; font-size: 0.6315789474rem; } .site-footer__email-signup-blurb { margin: 0; margin-bottom: 13.775px; margin-bottom: 0.725rem; } .site-footer__email-signup-form { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-bottom: 13.775px; margin-bottom: 0.725rem; } .site-footer__email-signup-input, .site-footer__email-signup-submit { font-size: 16px; font-size: 0.8421052632rem; height: 34.8px; background-color: #f2f2f2; color: #6e6e6e; line-height: 34.8px; vertical-align: top; } .site-footer__email-signup-input { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; margin-right: 0.2em; padding: 0 0.5em; font-family: Freight, Georgia, "Times New Roman", Times, serif; font-style: italic; } .site-footer__email-signup-submit { font-size: 12px; font-size: 0.6315789474rem; display: inline-block; padding: 0 1em; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; } /* Layout ========================================================================== */ .site-footer__mit-logo { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; box-ordinal-group: -1; -webkit-order: -1; -moz-order: -1; order: -1; -ms-flex-order: -1; } .site-footer__social, .site-footer__mit-logo, .site-footer__site-title, .site-footer__copyright, .site-footer__nav, .site-footer__email-signup-blurb, .site-footer__email-signup-form, .site-footer__email-signup { float: left; display: block; margin-right: 2.3576515979%; width: 100%; } .site-footer__social:last-child, .site-footer__mit-logo:last-child, .site-footer__site-title:last-child, .site-footer__copyright:last-child, .site-footer__nav:last-child, .site-footer__email-signup-blurb:last-child, .site-footer__email-signup-form:last-child, .site-footer__email-signup:last-child { margin-right: 0; } .site-footer__email-signup-form { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .site-footer__social { margin-top: 13.775px; margin-top: 0.725rem; } @media screen and (min-width: 37.5em) { .site-footer__email-signup { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; box-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; -o-align-items: baseline; align-items: baseline; -ms-flex-align: baseline; } .site-footer__email-signup-form, .site-footer__email-signup-blurb { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .site-footer__email-signup-form:last-child, .site-footer__email-signup-blurb:last-child { margin-right: 0; } .site-footer__email-signup-form { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 48em) { .site-footer__title-nav { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-align: baseline; -moz-box-align: baseline; box-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; -o-align-items: baseline; align-items: baseline; -ms-flex-align: baseline; } .site-footer__site-title { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; } .site-footer__site-title:last-child { margin-right: 0; } .site-footer__nav { float: left; display: block; margin-right: 2.3576515979%; width: 74.4105871005%; margin-right: 0; } .site-footer__nav:last-child { margin-right: 0; } .site-footer__copyright-email { float: left; display: block; margin-right: 2.3576515979%; width: 100%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; } .site-footer__copyright-email:last-child { margin-right: 0; } .site-footer__copyright { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; } .site-footer__copyright:last-child { margin-right: 0; } .site-footer__email-signup { float: left; display: block; margin-right: 2.3576515979%; width: 74.4105871005%; } .site-footer__email-signup:last-child { margin-right: 0; } .site-footer__mit-logo { float: left; display: block; margin-right: 2.3576515979%; width: 100%; -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; box-ordinal-group: -1; -webkit-order: -1; -moz-order: -1; order: -1; -ms-flex-order: -1; } .site-footer__mit-logo:last-child { margin-right: 0; } .site-footer__email-signup-blurb { margin-bottom: 0; } .site-footer__email-signup-form { margin-bottom: 0; } .site-footer__email-signup-blurb { float: left; display: block; margin-right: 3.1684356888%; width: 54.1473619161%; } .site-footer__email-signup-blurb:last-child { margin-right: 0; } .site-footer__email-signup-form { float: left; display: block; margin-right: 3.1684356888%; width: 42.6842023951%; } .site-footer__email-signup-form:last-child { margin-right: 0; } .site-footer__email-signup-form { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 64em) { .site-footer__site-title { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; } .site-footer__site-title:last-child { margin-right: 0; } .site-footer__title-nav { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-align: baseline; -moz-box-align: baseline; box-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; -o-align-items: baseline; align-items: baseline; -ms-flex-align: baseline; } .site-footer__email-signup { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .site-footer__email-signup:last-child { margin-right: 0; } .site-footer__nav { float: left; display: block; margin-right: 2.3576515979%; width: 65.8807828007%; } .site-footer__nav:last-child { margin-right: 0; } .site-footer__nav .current-menu-item { border-bottom: 2px solid #fff; } .site-footer__copyright-email { float: left; display: block; margin-right: 2.3576515979%; width: 74.4105871005%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; } .site-footer__copyright-email:last-child { margin-right: 0; } .site-footer__copyright { float: left; display: block; margin-right: 3.1684356888%; width: 31.2210428741%; } .site-footer__copyright:last-child { margin-right: 0; } .site-footer__email-signup { float: left; display: block; margin-right: 3.1684356888%; width: 65.6105214371%; } .site-footer__email-signup:last-child { margin-right: 0; } .site-footer__social { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; margin: 0; } .site-footer__social:last-child { margin-right: 0; } .site-footer__email-signup-blurb { float: left; display: block; margin-right: 4.8291579146%; width: 47.5854210427%; } .site-footer__email-signup-blurb:last-child { margin-right: 0; } .site-footer__email-signup-form { float: left; display: block; margin-right: 4.8291579146%; width: 47.5854210427%; } .site-footer__email-signup-form:last-child { margin-right: 0; } .site-footer__email-signup-form { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 78.75em) { .site-footer__copyright-email, .site-footer__title-nav { float: left; display: block; margin-right: 2.3576515979%; width: 74.4105871005%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; box-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; -o-align-items: baseline; align-items: baseline; -ms-flex-align: baseline; } .site-footer__copyright-email:last-child, .site-footer__title-nav:last-child { margin-right: 0; } .site-footer__copyright, .site-footer__site-title { float: left; display: block; margin-right: 3.1684356888%; width: 19.7578833532%; } .site-footer__copyright:last-child, .site-footer__site-title:last-child { margin-right: 0; } .site-footer__nav, .site-footer__email-signup { float: left; display: block; margin-right: 3.1684356888%; width: 77.073680958%; } .site-footer__nav:last-child, .site-footer__email-signup:last-child { margin-right: 0; } .site-footer__email-signup-blurb { float: left; display: block; margin-right: 4.1109178249%; width: 55.3810352179%; } .site-footer__email-signup-blurb:last-child { margin-right: 0; } .site-footer__email-signup-form { float: left; display: block; margin-right: 4.1109178249%; width: 40.5080469572%; } .site-footer__email-signup-form:last-child { margin-right: 0; } .site-footer__email-signup-form { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .site-footer__social, .site-footer__mit-logo { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; margin-right: 0; } .site-footer__social:last-child, .site-footer__mit-logo:last-child { margin-right: 0; } .site-footer__mit-logo { -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; box-ordinal-group: 0; -webkit-order: 0; -moz-order: 0; order: 0; -ms-flex-order: 0; } } /* Other properties ========================================================================== */ .site-footer__social { /* margin: 0; */ } /* Flexbox ========================================================================== */ .site-footer .constraint { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; } @media screen and (min-width: 78.75em) { .site-footer .constraint { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-align: baseline; -moz-box-align: baseline; box-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; -o-align-items: baseline; align-items: baseline; -ms-flex-align: baseline; } } .site-footer .constraint--ces { padding-top: 0; } @media screen and (min-width: 64em) { .site-footer .constraint--ces { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; } } .site-footer__copyright-email { -webkit-box-align: end; -moz-box-align: end; box-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; -ms-flex-align: end; } @media screen and (min-width: 48em) { .site-footer__nav { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } .social-icons { display: flex; padding-left: 0; list-style-type: none; } .social-icons li { display: inline-block; } .social-icons__rss, .social-icons__facebook, .social-icons__twitter { margin-right: 13.775px; } .social-icons__rss svg, .social-icons__facebook svg, .social-icons__twitter svg { width: auto; height: 24px; } .share-buttons { padding: 0; text-align: left; list-style-type: none; } .share-buttons__button { margin-right: 13.775px; margin-right: 0.725rem; display: inline-block; } @media screen and (min-width: 64em) { .share-buttons__button { display: block; } } .share-buttons__icon { /* display: inline-block; */ /* width: 1em; */ /* height: 1em; */ margin-bottom: 13.775px; margin-bottom: 0.725rem; width: 32px; height: 32px; margin-right: 0; fill: #000; } .search-form { font-size: 12px; font-size: 0.6315789474rem; padding: 0.25em 0.5em; border: 2px solid #f2f2f2; color: #6e6e6e; font-family: "SuisseIntlMono", Menlo, "DejaVu Sans Mono", "Courier New", Courier, monospace; } @media print { .search-form { display: none; } } .search-field { -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; width: 7em; transition: width 0.2s; } .search-field:focus { width: 20em; } .search-submit, .search-submit[type=submit] { width: 1.45em; height: 100%; padding: 0; background-color: transparent; background-image: url('data:image/svg+xml;charset=UTF-8,'); background-repeat: no-repeat; background-size: auto 100%; background-position: right center; text-indent: -9999px; } .screen-reader-text { display: none; } .spinner { display: none; position: relative; width: 1em; height: 1em; margin: 4em auto 0 auto; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); border-radius: 50%; font-size: 4px; font-weight: 700; text-indent: -9999em; -webkit-animation: load5 1.1s infinite ease; animation: load5 1.1s infinite ease; } @-webkit-keyframes load5 { 0%, 100% { box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); } 12.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); } 25% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 37.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 50% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 62.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 75% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 87.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; } } @keyframes load5 { 0%, 100% { box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); } 12.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); } 25% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 37.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 50% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 62.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 75% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 87.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; } } .subscribe-form .modaal-container { width: auto; background-color: #6e6e6e; color: #fff; } .subscribe-form .modaal-content-container { max-width: 30em; } .subscribe-form [type=text], .subscribe-form [type=email] { width: 100%; padding: 0.2em 0.5em; } .subscribe-form p:last-of-type { margin-bottom: 0; } .subscribe-form div.wpcf7-validation-errors { padding: 0; border: 0; } .subscribe-form div.wpcf7-response-output { margin: 0; } .subscribe-form__heading { margin-bottom: 27.55px; margin-bottom: 1.45rem; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; } .subscribe-form__heading--alt { color: #fff; } .subscribe-form__submit { font-size: 14px; font-size: 0.7368421053rem; display: block; margin: 0 auto; padding: 1em 2em; font-family: "SuisseIntl", "Helvetica Neue", Helvetica, FreeSans, Arial, sans-serif; } .subscribe-form__confirm { font-size: 25px; font-size: 1.3157894737rem; } .subscribe-form__unsubscribe { margin-bottom: 0; } .subscribe-form__unsubscribe a { text-decoration: underline; } .subscribe-form__radio--alum { display: inline-block; } .tag-page__list { padding: 0; list-style-type: none; } @media screen and (min-width: 30em) { .tag-page__list { -webkit-columns: 2; -moz-columns: 2; columns: 2; } } @media screen and (min-width: 37.5em) { .tag-page__list { -webkit-columns: 3; -moz-columns: 3; columns: 3; } } .tag-page__list li { margin-bottom: 13.775px; margin-bottom: 0.725rem; } .article__content [class*=wp-image].alignleft { float: left; margin: 0 1em 1em 0; } .article__content [class*=wp-image].alignright { float: right; margin: 0 0 1em 1em; } /*# sourceMappingURL=style.css.map */