html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; letter-spacing: 2%; background: #fff; } main { display: block; } h1 { font-size: 36px; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button { cursor: pointer; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; } :root { --js-teal: #115d72; --js-sapphire: #0056a7; --js-space: #04151F; --js-iron: #6B6E70; --js-seasalt: #F7F9F9; --js-link-hover: #04151F; --js-onyx: #494E51; --js-french-gray: #929396; --js-platinum: #EFF1F3; --js-crimson: #E31C3D; --js-harvest: #FFBE0B; --js-linen: #FFF0E5; --border-radius: 6px; --js-text-main: 16px; --svg-icon-arrow-down: url("data:image/svg+xml;utf8,"); --svg-icon-arrow-up: url("data:image/svg+xml;utf8,"); --svg-icon-btn-arrow-right: url("data:image/svg+xml;utf8,"); --svg-icon-heading-arrow-right: url("data:image/svg+xml;utf8,"); --svg-icon-heading-arrow-right-white: url("data:image/svg+xml;utf8,"); --svg-icon-btn-play-bxslider: url("data:image/svg+xml;utf8,"); --svg-icon-airplane: url("data:image/svg+xml;utf8,"); --svg-icon-paging-single-arrow: url("data:image/svg+xml;utf8,"); --svg-icon-paging-double-arrow: url("data:image/svg+xml;utf8,"); --svg-icon-envelope: url("data:image/svg+xml;utf8,"); --svg-icon-podcast-external: url("data:image/svg+xml;utf8,"); --svg-icon-capitol-top: url("data:image/svg+xml;utf8,"); } body, button, input, select, optgroup, textarea { color: var(--js-space); font-family: 'Roboto', sans-serif; font-size: var(--js-text-main); font-weight: 400; line-height: 24px; } @media(max-width:768px) { body { font-size: 16px; } } h1 { font-family: 'Noto Serif', serif; color: var(--js-space); font-weight: 700; font-size: 36px; line-height: 1.2; font-style: normal; letter-spacing: 1%; font-optical-sizing: auto; margin: 0; } h2 { font-family: 'Noto Serif', sans-serif; color: var(--js-space); font-weight: 500; font-size: 26px; line-height: 1.2; font-style: normal; letter-spacing: 2%; margin: 0 0 15px 0; } h3 { font-family: 'Roboto', sans-serif; color: var(--js-onyx); font-weight: 700; font-size: 21px; line-height: 1.2; font-style: normal; letter-spacing: 2%; margin: 0 0 15px 0; } h3 b, h3 strong { font-weight: 700 !important; } h4 { font-family: 'Roboto', sans-serif; color: var(--js-iron); font-weight: 500; font-size: 18px; line-height: 1.2; font-style: normal; letter-spacing: 2%; margin: 0 0 10px 0; } h5 { font-family: 'Roboto', sans-serif; color: var(--js-iron); font-weight: 300; font-size: var(--js-text-main); line-height: 1.2; font-style: normal; letter-spacing: 2%; margin: 0 0 10px 0; } h6 { font-family: 'Roboto', sans-serif; color: var(--js-iron); font-weight: 500; font-size: var(--js-text-main); line-height: 1.2; font-style: normal; letter-spacing: 2%; margin: 0 0 10px 0; } @media(max-width:768px) { h1 { font-size: 30px; } } p { margin: 0 0 25px 0; } dfn, cite, em, i { font-style: italic; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } body { background: #fff; } hr { background-color: #ccc; border: 0; height: 1px; margin: 20px 0; } ul, ol { margin: 0 0 15px 30px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 30px; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 15px 0; width: 100%; } a { color: var(--js-teal); text-decoration: none; transition: .3s; } a:visited { color: var(--js-teal); } a:hover, a:focus, a:active { color: var(--js-link-hover); } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid var(--js-onyx); background: none; line-height: 1; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: var(--js-teal); } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid var(--js-onyx); border-radius: 6px; padding: 5px; font-size: 16px; background: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; background: none; } select { border: 1px solid var(--js-space); } textarea { width: 100%; } input[type="checkbox"] { display: inline-block; position: relative; top: 2px; -webkit-appearance: none; appearance: none; background-color: none; margin: 0 5px 0 0; width: 16px; height: 16px; border-radius: 4px; border: 1px solid var(--js-onyx); cursor: pointer; } input[type="checkbox"]::before { content: ''; display: block; width: 9px; height: 6px; position: absolute; top: 3px; left: 2.5px; opacity: 0; border-left: 2.3px solid var(--js-teal); border-bottom: 2.3px solid var(--js-teal); transform: rotate(-45deg); } input[type="checkbox"]:checked::before { opacity: 1; } .js-button { display: inline-block; padding: 11px; background: var(--js-teal); min-width: 140px; text-align: center; color: var(--js-seasalt); font-size: var(--js-text-main); line-height: 1; font-weight: 500; text-transform: uppercase; border-radius: var(--border-radius); transition: .3s; } a:visited.js-button { color: var(--js-seasalt); } .js-button:hover { color: var(--js-seasalt); background-color: var(--js-space); } .arrow-right::after { content: ''; display: inline-block; width: 17px; height: 12px; margin-left: 5px; background-color: var(--js-space); mask-size: 17px auto; mask-repeat: no-repeat; mask-image: var(--svg-icon-btn-arrow-right); -webkit-mask-size: 17px auto; -webkit-mask-repeat: no-repeat; -webkit-mask-image: var(--svg-icon-btn-arrow-right); transition: .3s; } .arrow-right:hover::after { margin-left: 9px; } .js-button.black-border { border: 2px solid var(--js-space); color: var(--js-space); background: none; font-size: 16px; padding-top: 10px; padding-bottom: 10px; } .js-button.black-border:visited { color: var(--js-space); } .js-button.black-border:hover { background: var(--js-space); color: var(--js-seasalt); } .js-button.black-border:hover::after { background-color: var(--js-seasalt); } .js-button.black-bg { color: var(--js-seasalt); background-color: var(--js-space); font-size: 16px; border: 2px solid var(--js-space); padding-top: 10px; padding-bottom: 10px; } .js-button.black-bg:hover { color: var(--js-space); background: none; } .js-button.black-bg::after { background-color: var(--js-seasalt); } .js-button.black-bg:hover::after { background-color: var(--js-space); } @media(max-width:992px) { .arrow-right:hover::after { margin-left: 5px !important; } } .pagewidth { width: 1360px; max-width: 100%; margin: 0 auto; } @media(max-width:1400px) { .pagewidth { width: 100%; padding-right: 20px; padding-left: 20px; } } .pagewidth-inner { width: 1130px; max-width: 100%; margin: 0 auto; } @media(max-width:1170px) { .pagewidth-inner { width: 100%; } } #notice-bar-mobile { display: none; background: var(--js-teal); color: var(--js-seasalt); font-size: 13px; line-height: 20px; font-weight: 500; text-align: center; text-transform: uppercase; padding: 10px; } @media(max-width:700px) { body.home #notice-bar-mobile { display: block; } } #masthead { position: relative; width: 100%; top: 0; left: 0; z-index: 999; background: #fff; transition: .4s; } body.scrolling #masthead { position: fixed; } body:not(.home):not(.single-post) #masthead .pagewidth, body.home #masthead.masthead-border .pagewidth, body.single.scrolling #masthead .pagewidth, body.home.scrolling #masthead .pagewidth { border-bottom: 1px solid var(--js-space); } #body-wrap #masthead.search-open .pagewidth { border-bottom: none; } body.home.scrolling #masthead .main-row { padding-top: 0px; } #masthead .pagewidth { padding-top: 10px; padding-bottom: 5px; transition: .5s; } #masthead .top-row { margin-top: 10px; display: flex; justify-content: flex-end; } #masthead .top-row .quick-links-col { margin-right: 14px; } #masthead .top-row .quick-links-col ul { margin: 0; padding: 0; display: flex; } #masthead .top-row .quick-links-col ul li { margin: 0; padding: 0; list-style: none; border-right: 1.5px solid var(--js-space); } #masthead .top-row .quick-links-col ul li a { display: block; margin: 0; padding: 0 24px; text-align: center; line-height: 1; font-size: 16px; font-weight: 500; } .print-only { display:none; } .social-links { display: flex; align-items: center; } .social-links a { display: block; width: 30px; margin: 0 5px; text-align: center; } .social-links a:last-child { margin-right: -3px; } .social-links a span.icon { display: inline-block; } .social-links a span.icon svg { width: auto; height: 16px; } .social-links a span.icon svg path { fill: var(--js-teal); } .social-links a:hover span.icon svg path { fill: var(--js-link-hover); } .sm{box-sizing:border-box;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);} .sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;} .sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;} .sm ul{display:none;} .sm li,.sm a{} .sm a{display:block;} .sm a.disabled{cursor:default;} .sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;} .sm *,.sm *::before,.sm *::after{box-sizing:inherit;} #masthead .pagewidth { display: flex; align-items: flex-start; } #masthead .logo-col { width: 300px; } #masthead .logo-col a.desktop-logo { display: block; } #masthead .logo-col a.desktop-logo svg { width: 100%; height: auto; transition: .4s; } #masthead .logo-col a.desktop-logo svg path.st2-v2 { fill: var(--js-space); } .logo-col a.mobile-logo svg { width: 100%; height: auto; } #masthead .header-content { width: calc(100% - 300px); } #masthead .main-row { display: flex; justify-content: space-between; padding: 20px 0 0 0; transition: .4s; } #masthead .main-row .menu-col { width: calc(100% - 40px); } #masthead .main-row .menu-col button.hamburger { display: none; background: none; border: none; margin: 0; padding: 0; cursor: pointer; } #masthead .main-row .menu-col button.hamburger svg { width: 30px; height: auto; } #masthead .main-row .menu-col ul#menu-desktop-main-menu { margin: 10px 0 0 0; padding: 0; display: flex; justify-content: flex-end; } #masthead .main-row .menu-col ul li { margin: 0; padding: 0; list-style: none; } #masthead .main-row .menu-col ul li.translation-available { border-top: 1px solid var(--js-french-gray); margin-top: 15px; padding-top: 12px; } #masthead .main-row .menu-col ul > li > a { display: block; padding: 10px 20px 20px 10px; font-size: 16px; line-height: 1; color: var(--js-space); } #masthead .main-row .menu-col ul > li > a:hover { color: var(--js-teal); } #masthead .main-row .menu-col ul > li.menu-item-has-children:not(.mega-menu) { position: relative; } #masthead .main-row .menu-col > nav > ul > li.menu-item-has-children > a::after { content: ''; display: inline-block; margin: 0 0 0 5px; width: 15px; height: 12px; background-color: var(--js-teal); mask-size: 15px auto; mask-repeat: no-repeat; mask-image: var(--svg-icon-arrow-down); -webkit-mask-size: 15px auto; -webkit-mask-repeat: no-repeat; -webkit-mask-image: var(--svg-icon-arrow-down); } #masthead .main-row .menu-col ul > li ul.sub-menu li a { display: block; line-height: 1.1; padding: 6px 20px; } #masthead .main-row .menu-col ul > li:not(.mega-menu) ul.sub-menu { display: none; position: absolute; width: 230px; top: 100%; left: 0; background: var(--js-seasalt); margin: 0; padding: 10px 0; box-shadow: 0 0 4px rgba(0,0,0,0.2); } #masthead .main-row .menu-col ul > li.mega-menu > .megamenu-wrap { display: none; position: absolute; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; top: calc(100% - 5px); left: 0; background: var(--js-seasalt); margin: 0 !important; padding: 10px 0; box-shadow: 0 0 4px rgba(0,0,0,0.2); } #masthead .main-row .menu-col ul > li.mega-menu > .megamenu-wrap .megamenu-flex { display: flex; flex-direction: row; justify-content: space-between; column-gap: 20px; max-width: 1650px; margin: 0 auto; } #masthead .main-row .menu-col ul > li.mega-menu .megamenu-wrap .megamenu-column ul.sub-menu { display: block; width: 100%; padding: 0; margin: 0; } #masthead .main-row .menu-col ul > li.mega-menu .megamenu-wrap .megamenu-column > ul.sub-menu > li ul.sub-menu { position: static; background: none; box-shadow: none; } #masthead .main-row .menu-col ul > li.mega-menu .megamenu-wrap .megamenu-column > ul.sub-menu > li > a { font-weight: 700; color: var(--js-space); } #masthead .main-row .menu-col ul > li.mega-menu .megamenu-wrap .megamenu-column > ul.sub-menu > li > a:hover { color: var(--js-teal); } #masthead .main-row .menu-col ul > li.mega-menu .megamenu-wrap .megamenu-column > ul.sub-menu > li ul.sub-menu li a { padding-left: 32px; color: var(--js-iron); } #masthead .main-row .menu-col ul > li.mega-menu .megamenu-wrap .megamenu-column > ul.sub-menu > li ul.sub-menu li a:hover { color: var(--js-teal); } #masthead .main-row a.mobile-logo { display: none; } #masthead .main-row .search-col { width: 40px; position: relative; } #masthead .main-row .search-col input.search-field { width: 100%; border: 1px solid var(--js-french-gray); border-radius: 5px; background: #fff; font-size: var(--js-text-main); margin: 0; padding: 5px 8px; } #masthead .main-row .search-col button.search-submit { display: block; position: absolute; top: 0; right: 0; width: 34px; height: 34px; background: none; cursor: pointer; border: none; } #masthead .main-row .search-col button.search-submit svg { position: absolute; top: 7px; left: 10px; } #masthead .main-row button.search-toggle { display: block; position: absolute; top: 12px; right: 0; background: none; border: none; margin: 0; padding: 0; width: 34px; height: 34px; cursor: pointer; } #masthead .main-row button.search-toggle span.search-icon svg { width: 20px; height: auto; } #masthead .main-row button.search-toggle span.search-icon svg path { fill: var(--js-teal); } #masthead .main-row button.search-toggle span.close-icon { display: none; position: relative; top: -3px; left: -2px; font-size: 30px; font-weight: 400; color: var(--js-teal); } #masthead.search-open .main-row button.search-toggle span.close-icon { display: block; } #masthead.search-open .main-row button.search-toggle span.search-icon { display: none; } #search-row { display: none; background: var(--js-space); } #search-row .pagewidth { padding-top: 5px; padding-bottom: 5px; display: flex; justify-content: center; } #search-row form { width: 100%; display: flex; align-content: center; flex-direction: row; align-items: center; } #search-row .search-wrap { display: flex; align-content: center; justify-content: space-between; width: calc(100% - 34px); max-width: 100%; border-radius: 6px; border: none; background: var(--js-seasalt); position: relative; } #search-row .powered-by { flex-shrink: 0; margin: 5px 5px 0 0; } #search-row .powered-by svg { width: 18px; height: auto; margin-bottom: -4px; } #search-row .search-wrap.input-mode .powered-by { display: none; } #search-row .search-wrap.input-mode input.search-field { width: calc( 100% - 30px ); padding-right: 30px; } .clear-btn { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; border-radius: 50%; background: var(--js-space); color: #fff; font-weight: bold; cursor: pointer; user-select: none; display: none; align-items: center; justify-content: center; } .search-wrap.input-mode .clear-btn { display: flex; } @media(max-width:768px) { #search-row .powered-by { transform: scale(0.75); } #search-row input.search-field { width: calc(100% - 130px); } } #search-row input.search-field { border: none; width: calc(100% - 165px); max-width: 100%; } #search-row button { border: none; height: 100%; position: relative; top: 4px; padding-right: 0; } #search-row button svg { width: 30px; height: 28px; } #search-row button svg path { fill: var(--js-seasalt); } @media(max-width:1200px) { #masthead .pagewidth { padding-left: 20px; padding-right: 20px; } #masthead .main-row .menu-col { display: flex; justify-content: flex-end; padding: 11px 20px 0 0; } #masthead .main-row .menu-col .menu-desktop-main-menu-container { display: none; } #masthead .main-row .menu-col button.hamburger { display: block; } #masthead .main-row button.search-toggle { top: 8px; } #masthead .main-row button.search-toggle span.search-icon svg { width: 26px; } #masthead .main-row button.search-toggle span.search-icon svg path { fill: var(--js-space); } } @media(max-width:1000px) { #masthead { width: 100%; margin: 0; padding: 0; } #masthead .header-content { width: 100%; height: 47px; } #masthead > .pagewidth { display: block; padding-top: 0px; padding-bottom: 8px; height: 100%; } #masthead .top-row { display: none; } #masthead .main-row { position: relative; height: 100%; display: block; padding: 0; } #masthead .logo-col { display: none; } #masthead .main-row a.mobile-logo { display: block; width: 250px; padding-top: 8px; } #masthead .main-row a.mobile-logo svg { width: 100%; height: auto; } #masthead .main-row { display: flex; justify-content: space-between; } #masthead .main-row .menu-col { width: 45px; } #masthead .main-row .menu-col button.hamburger { width: 36px; } #masthead .main-row .menu-col button.hamburger svg { width: 24px; } #masthead .main-row .search-col { width: 50px; } #masthead .main-row button.search-toggle { padding-top: 10px; } #masthead .main-row button.search-toggle span.search-icon { display: block; text-align: right; } #masthead .main-row button.search-toggle span.search-icon svg { width: 26px; } #masthead .main-row .search-col input.search-field { font-size: 18px; } form#default-searchform { margin: 0; } form#default-searchform .advanced-search { opacity: 1; position: static; background: none; padding: 5px 0 0 0; border-radius: 0; color: var(--js-seasalt); } form#default-searchform .advanced-search input[type="checkbox"] { width: 15px; height: 15px; border-color: var(--js-seasalt); } } @media(max-width:700px) { #masthead .pagewidth { border-bottom: 2px solid var(--js-space); } } @media(max-width:370px) { #masthead .main-row .menu-col { bottom: 8px; } #masthead .logo-col a.mobile-logo { width: 200px; } #masthead .main-row button.search-toggle { bottom: 3px; } } body.scrolling #masthead .logo-col a.desktop-logo svg { width: 250px; height: auto; } @media(max-width:700px) { body.scrolling #masthead .pagewidth { padding-top: 0; } } #mask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; min-height: 100%; z-index: 9998; background: rgba(0,0,0,0.5); } #flyout-menu { position: fixed; z-index: 9999; width: 400px; max-width: 100%; height: 100%; top: 0; left: -400px; background: #fff; transition: .6s; } #flyout-menu.open { left: 0; } #flyout-menu .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; overflow-y: auto; -webkit-overflow-scrolling: touch; } #flyout-menu button.close-flyout { display: block; font-size: 40px; color: var(--js-space); background: none; border: none; margin: 0; padding: 0; cursor: pointer; font-weight: 300; } #flyout-menu a.flyout-logo { display: block; width: 100%; margin: 0 auto; padding: 5px 5px 20px 5px; border-bottom: 2px solid var(--js-space); } #flyout-menu a.flyout-logo svg { display: block; width: 100%; height: auto; } #flyout-menu ul { margin: 0; padding: 0; } #flyout-menu ul.menu { padding: 10px 0; } #flyout-menu ul li { margin: 0; padding: 0; list-style: none; position: relative; } #flyout-menu ul li button.drop-button { display: none; } #flyout-menu ul li button.drop-button span { color: #fff; } #flyout-menu ul.menu > li.menu-item-has-children > button.drop-button { display: block; width: 50px; height: 44px; position: absolute; top: 0; right: 0; background-color: var(--js-teal); mask-size: 25px auto; mask-repeat: no-repeat; mask-position: center; mask-image: var(--svg-icon-arrow-down); -webkit-mask-size: 25px auto; -webkit-mask-repeat: no-repeat; -webkit-mask-image: var(--svg-icon-arrow-down); cursor: pointer; transform: rotate(-90deg); transition: .3s; } #flyout-menu ul li.menu-item-has-children > button.drop-button.open { transform: rotate(-180deg); } #flyout-menu .menu-desktop-main-menu-container { border-bottom: 1px solid var(--js-french-gray); } #flyout-menu ul li ul { display: none; border: none; } #flyout-menu ul li ul li ul { display: none; border: none; } #flyout-menu ul li a { display: block; font-size: 20px; font-weight: 400; margin: 0; padding: 6px 50px 6px 0; color: var(--js-space); text-decoration: none !important; overflow: hidden; } #flyout-menu ul li a:hover { color: var(--js-teal); } #flyout-menu ul li ul.sub-menu li a { font-size: 19px; padding-left: 10px; color: var(--js-space); } #flyout-menu ul li.mega-menu ul.sub-menu li a { font-weight: 700; } #flyout-menu ul li ul.sub-menu li a:hover { color: var(--js-teal); } #flyout-menu ul li ul.sub-menu li ul.sub-menu li a { font-weight: 400; padding-left: 20px; color: var(--js-iron); } #flyout-menu ul li ul.sub-menu li ul.sub-menu li a:hover { color: var(--js-teal); } #flyout-menu ul#menu-desktop-top-row-1 { border-bottom: 1px solid var(--js-french-gray); } #flyout-menu ul#menu-desktop-top-row-1 li a { color: var(--js-teal); font-size: 18px; } #flyout-menu .social-links { padding: 20px 0 0 0; } #notice-bar-home { background: var(--js-teal); color: var(--js-seasalt); text-align: center; line-height: 1.2; font-size: 16px; font-weight: 500; padding: 15px 0; } #notice-bar-home .pagewidth p { margin-bottom: 15px; } #notice-bar-home .pagewidth p:last-of-type { margin-bottom: 0; } #notice-bar-home .pagewidth a { color: var(--js-seasalt); text-decoration: underline; } @media(max-width:992px) { #notice-bar-home { font-size: 16px; padding: 9px 0; } } @media(max-width:700px) { #notice-bar-home { display: none; } } #ais-main, #primary { padding-top: 20px; padding-bottom: 30px; } body.home #primary { padding-top: 30px; } body.single-post #primary { padding-top: 0px; } @media(max-width:768px) { body.home #primary { padding-top: 20px; } } .post-block h3 a { font-size: 21px; } .post-block h3 a { color: var(--js-space); } h2.column-title { font-family: 'Noto Serif', serif; font-size: 26px; line-height: 1.2; font-weight: 600; margin: 0 0 24px 0; } h2.column-title.pinned-category-posts { margin: 30px 0 -10px 0; } h2.column-title.primary { font-size: 36px; line-height: 1.2; } h2.column-title a { color: var(--js-space); transition: .2s; } h2.column-title a:hover { color: var(--js-teal); } h2.column-title a::after { content: ''; display: inline-block; margin-left: 16px; transform: translateY(-2px); width: 22px; height: 16px; background: var(--svg-icon-heading-arrow-right); transition: .3s; } h2.column-title a:hover::after { margin-left: 20px; } h2.column-title.primary-heading { font-size: 36px; line-height: 1.2; } @media(max-width:1100px) { h2.column-title { font-size: 26px; } } @media(max-width:992px) { h2.column-title a:hover::after { margin-left: 16px !important; } } @media(max-width:768px) { h2.column-title.primary-heading { font-size: 26px; } } .article-block { display: block; overflow: hidden; } .archive .article-block h2, .article-block h3 { font-size: 16px; font-weight: 400; font-weight: 500; font-family: 'Roboto', sans-serif; } .archive .article-block h2 a, .article-block h3 a { color: var(--js-space); transition: .2s; } .archive .article-block h2 a:hover, .article-block h3 a:hover { color: var(--js-teal); } .article-block a.thumb span { display: block; aspect-ratio: 3 / 2; } .article-block a.thumb span img { display: block; object-fit: cover; aspect-ratio: 3 / 2; width: 100%; height: 100%; } .article-block .excerpt { font-size: 14px; line-height: 1.2; margin-bottom: 15px; } .article-block .excerpt p { margin: 0; } .article-block .post-meta { font-size: 14px; line-height: 1.2; } .article-block span.date { display: inline-block; padding-right: 4px; border-right: 1px solid var(--js-iron); } .article-block.attachment .thumb { position: relative; } .article-block.attachment .thumb span { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: var(--js-teal); text-align: center; } .article-block.user-author { background-color: var(--js-platinum); padding: 15px; } .article-block.user-author .thumb span img { display: block; object-fit: contain; object-position: center bottom; aspect-ratio: auto; width: 100%; height: 100%; max-width: 320px; max-height: 175px; } @media(max-width:1100px) { .article-block h2, .article-block h3 { font-size: 16px; } } @media(max-width:500px) { .article-block h2, .article-block h3 { margin-bottom: 5px !important; } } .article-list { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 26px; row-gap: 32px; } .article-list.article-cols-2 { grid-template-columns: repeat(2, 1fr); } .article-list.article-cols-3 { grid-template-columns: repeat(3, 1fr); } .article-list.article-cols-4 { grid-template-columns: repeat(4, 1fr); } .article-list.layout-vertical .article-block a.thumb { display: block; margin-bottom: 15px; } .article-list.layout-horizontal .article-block { display: flex; column-gap: 26px; } .article-list.layout-horizontal .article-block a.thumb { display: block; width: 40%; } .article-list.layout-horizontal .article-block .content-wrap { width: 60%; } @media(max-width:768px) { .article-list.article-cols-4 { grid-template-columns: repeat(2, 1fr); } } @media(max-width:500px) { .article-list.article-cols-4 { display: block; } .article-list.article-cols-4 .article-block { margin: 0 0 30px 0; } } .interior-page { padding-bottom: 10px; } .readable-width > .pagewidth { width: 970px; } .interior-page .page-header { margin: 0 0 30px 0; padding-bottom: 20px; border-bottom: 1px solid var(--js-french-gray); } .interior-page .page-header h1 { padding-top: 10px; text-align: center; } .key-topic-posts-row:not(:last-of-type) { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--js-french-gray); } .archive-header { padding-bottom: 20px; border-bottom: 1px solid var(--js-french-gray); } .archive-header .parent-category { padding: 20px 0 10px 0; text-align: center; font-size: 21px; color: var(--js-space); font-weight: 700; text-transform: uppercase; } .archive-header h1 { padding-top: 10px; text-align: center; } .archive-header .archive-description { padding-top: 24px; text-align: center; overflow: hidden; } .archive-header .archive-description p:last-of-type { margin-bottom: 10px; } .archive-header .archive-description img { display: block; margin: 0 auto; max-height: 200px; width: auto; float: none !important; } .archive-header #buzzsprout-large-player { margin-top: 25px; } .archive-sub-cats { display: flex; flex-wrap: wrap; justify-content: space-evenly; gap: 10px 20px; margin-top: 20px; padding: 20px 0 0 0; border-top: 1px solid var(--js-french-gray); } .archive-sub-cats a { display: block; padding: 5px 10px; font-weight: 500; text-transform: uppercase; color: var(--js-space); text-align: center; } .archive-sub-cats a:hover { color: var(--js-teal); } .featured-archives { padding: 35px 0 30px 0; border-bottom: 1px solid var(--js-french-gray); } .featured-archives.article-list.layout-horizontal .article-block a.thumb { width: 50%; } .featured-archives.article-list.layout-horizontal .article-block .content-wrap { width: 50%; } .default-archives { padding: 30px 0 20px 0; } .default-archives .article-list { margin-bottom: 30px; } .archive.tag-just-security-podcast .article-block { border: 2px solid var(--js-teal); border-radius: 12px; padding: 15px; } @media(max-width:1100px) { .featured-archives.article-list.layout-horizontal .article-block { display: block; } .article-list.layout-horizontal .article-block .content-wrap { padding-left: 0; } .featured-archives.article-list.layout-horizontal .article-block a.thumb { width: 100%; margin: 0 0 15px 0; } .featured-archives.article-list.layout-horizontal .article-block .content-wrap { width: 100%; } } @media(max-width:768px) { .archive-header .archive-description { font-size: 16px; } .default-archives .article-list { grid-template-columns: repeat(2, 1fr); } } @media(max-width:500px) { .archive-header .archive-description img { max-width: 100%; height: auto; } .article-list.article-cols-2, .default-archives .article-list { display: block; } .article-list.article-cols-2 .article-block, .default-archives .article-list .article-block { margin: 0 0 40px 0; } } .archive-filters-wrap { margin-bottom: 30px; } .filters-top-row { display: flex; justify-content: space-between; margin-bottom: 15px; } .filters-top-row .filters { display: flex; justify-content: flex-start; column-gap: 24px; align-items: center; } .filters-top-row .filters button.post-filters { padding: 10px 20px; background: var(--js-platinum); color: var(--js-space); font-weight: 700; text-transform: uppercase; border: none; cursor: pointer; } .filters-top-row .filters button.post-filters:hover { background: var(--js-french-gray); } .filters-top-row .sort-by-col label { color: var(--js-space); font-weight: 700; text-transform: uppercase; } .filters-top-row .sort-by-col select { padding: 7px 10px; background: none; border-radius: 6px; } .filters-top-row a.clear-filters { display: none; font-size: 16px; } .filters-top-row .article-counter { font-weight: 500; color: var(--js-space); line-height: 38px; } .filters-top-row button { cursor: pointer; } .filters-sub-settings { display: none; background: var(--js-platinum); padding: 20px; } .filters-sub-settings .inner { display: flex; column-gap: 40px; justify-content: flex-start; } .filters-sub-settings .setting { min-width: 200px; } .filters-sub-settings .setting ul { margin: 0; padding: 0; display: flex !important; flex-wrap: wrap; max-width: 250px; } .filters-sub-settings .setting label { display: block; margin: 0 0 5px 0; color: var(--js-space); font-weight: 500; } .filters-sub-settings .setting select { display: block; min-width: 150px; padding: 5px 10px; background: none; border-radius: 6px; } .select2-container .select2-search--inline .select2-search__field { height: 21px !important; font-size: 16px !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { font-size: 16px !important; } .select2-container--open .select2-dropdown--below { top: 33px; } .filters-sub-settings .setting span.select2 { min-width: 250px !important; } .filters-sub-settings .setting ul li span { color: var(--js-space); } .filters-sub-settings .setting input#datepicker { padding: 3px 10px; border-radius: 4px; background: #fff; border-color: #aaa; font-size: 16px; } .filters-sub-settings .setting.filter-results { margin-top: 26px; } .filters-sub-settings .setting.filter-results button { max-width: 150px; padding: 9px; } @media(max-width:1200px) { .filters-sub-settings .setting { min-width: 150px; } } @media(max-width:1325px) { .filters-sub-settings .inner { column-gap: 0px; flex-wrap: wrap; row-gap: 20px; } .filters-sub-settings .setting { width: 50%; } } @media(max-width:900px) { .filters-top-row { display: block; } .filters-top-row .filters { margin-bottom: 5px; } } @media(max-width:650px) { .filters-sub-settings .inner { display: block; } .filters-sub-settings .setting { width: 100%; margin: 0 0 20px 0; } } .search-results { margin-bottom: 30px; } .paging-row { position: relative; } .paging-links { display: flex; justify-content: center; } .paging-links a { color: var(--js-space); } .paging-links a:hover { color: var(--js-teal); } .paging-links .page-numbers { display: block; padding: 5px 12px; } .paging-links .page-numbers.current { color: var(--js-seasalt); background: var(--js-teal); border-radius: 5px; } .paging-links .page-numbers.prev, .paging-links .page-numbers.next { text-indent: -9999px; overflow: hidden; width: 12px; height: 100%; margin: 0 5px; color: #fff; background-color: var(--js-space); background-position: center; mask-size: 8px 100%; mask-repeat: no-repeat; mask-image: var(--svg-icon-paging-single-arrow); -webkit-mask-size: 8px 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-image: var(--svg-icon-paging-single-arrow); } .paging-links .page-numbers.prev { transform: rotate(180deg); } .paging-links .page-numbers.prev:hover, .paging-links .page-numbers.next:hover { background-color: var(--js-teal); } .paging-links .page-numbers.skip-ctrl { text-indent: -9999px; overflow: hidden; width: 18px; height: 100%; background: var(--svg-icon-paging-double-arrow) no-repeat center; background-size: 15px auto; } .paging-links .page-numbers.skip-ctrl.skip-to-start { transform: rotate(180deg); margin-right: 5px; } .paging-links .page-numbers.skip-ctrl.skip-to-end { margin-left: 5px; } .paging-status { position: absolute; right: 0; bottom: 0; line-height: 34px; color: var(--js-space); } .loading-ajax { width: 100%; height: 100%; min-height: 100px; background: url(assets/images/loading.gif) no-repeat center; background-size: 30px auto; } @media(max-width:768px) { .paging-status { position: static; text-align: center; font-size: 16px; padding-top: 5px; } } .post-body .post-primary .observablehq a { text-decoration: none; } .algolia-autocomplete { max-height: 85vh; overflow-y: auto; } .ais-Menu-item--selected > div, .ais-HierarchicalMenu-item--selected .ais-HierarchicalMenu-link--selected, .ais-RefinementList-item--selected { padding: 3px 10px 3px 3px; background-color: var(--js-platinum); width: 100%; display: inline-block; } .ais-Menu-item--selected > div::before, .ais-HierarchicalMenu-item--selected .ais-HierarchicalMenu-link--selected::before { content:'X'; color: var(--js-crimson); margin-right: 6px; } #asearch { display: flex; } .algo-search input[type="search"] { width: 100%; } #ais-wrapper .search-icon { fill: var(--js-teal); } #ais-wrapper #algolia-search-box input { border-bottom-color: var(--js-teal); } #ais-wrapper .ais-SearchBox-input { color: var(--js-iron); color: #000; } #ais-wrapper .ais-HierarchicalMenu-count, #ais-wrapper .ais-RefinementList-count, #ais-wrapper .ais-Menu-count { display: none; } #ais-wrapper .excerpt p { margin-bottom: 15px; } #ais-wrapper .post-meta span.date { border-right: none; } #ais-wrapper .ais-Hits-item .article-block { display:flex; } #ais-wrapper .ais-Hits-item .article-block .ais-hits--thumbnail { width: 40%; margin-right: 20px; min-width: 260px; } #ais-wrapper #ais-facets li label { display:flex; } @media(max-width:1200px) { #ais-wrapper #ais-facets { width: 35%; } } @media(max-width:500px) { #ais-wrapper .ais-Hits-item .article-block { flex-direction:column; } #ais-wrapper .ais-Hits-item .article-block .ais-hits--thumbnail { width: 100%; max-width: 300px; margin-right: 0; } } body.tag .explore { padding: 30px 0 0 0; border-top: 2px solid var(--js-space); } body.single-post .explore .pagewidth { padding-top: 30px; border-top: 2px solid var(--js-space); } .explore-cats-wrap { display: flex; column-gap: 24px; } .explore-cats-wrap .explore-block { width: calc(100% / 3); } .explore-cats-wrap .explore-block a { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; padding: 50px 10px; background: url(assets/images/explore-category-bg-x2.jpg) no-repeat center; background-size: cover; border-radius: 10px; } .explore-cats-wrap .explore-block a h3 { position: relative; z-index: 2; text-transform: uppercase; margin: 0; padding: 0; text-align: center; font-weight: 500; color: var(--js-seasalt); } .explore-cats-wrap .explore-block a h3::after { content: ''; display: inline-block; position: relative; top: 0px; margin-left: 10px; width: 22px; height: 16px; background: var(--svg-icon-heading-arrow-right-white); transition: .3s; } .explore-cats-wrap .explore-block a:hover h3::after { transform: translateX(8px); } @media(max-width:768px) { .explore-cats-wrap { display: block; } .explore-cats-wrap .explore-block { width: 100%; margin: 0 0 30px 0; } .explore-cats-wrap .explore-block:last-of-type { margin-bottom: 0; } .explore-cats-wrap .explore-block a.thumb { margin-bottom: 10px; } } .post-header { width: 1440px; min-height: 250px; margin: 0 auto; display: flex; } .post-header .post-thumb { position: relative; width: 35.5%; aspect-ratio: 16/9; } .post-header .post-thumb .photo-credit { position: absolute; left: 5px; bottom: -20px; width: 100%; max-height: 25px; overflow: hidden; color: var(--js-iron); font-size: 14px; font-style: italic; font-weight: 500; line-height: 1.1; padding-top: 8px; } .post-header .post-thumb img { display: block; object-fit: cover; width: 100%; height: 100%; } .post-header .post-title { width: 64.5%; min-height: 280px; padding: 0 150px 0 70px; display: flex; flex-direction: column; justify-content: center; background: var(--js-space); } .post-header .post-title h1 { color: var(--js-seasalt); font-size: 36px; margin: 0; padding: 20px 0; } @media(max-width:1480px) { .post-header { width: 100%; } } .post-body { display: grid; grid-template-columns: 35% 65%; grid-template-rows: auto 1fr; padding-top: 0px; padding-bottom: 30px; } .sidebar-bottom-blocks { grid-column: 1; grid-row: 2; } .post-primary { grid-row: 1 / 3; } body.single-post .post-body { padding-top: 40px; } .single-post .post-body table { border-collapse:collapse; margin: 0 0 25px 0; } .single-post .post-body .dt-scroll-headInner table { margin-bottom: 0; } .single-post .post-body table tr { padding:10px; } body .dtfh-floatingparent.dtfh-floatingparent-head { z-index: 100 !important; } @media(max-width:1200px) { body .dtfh-floatingparent.dtfh-floatingparent-head { top: 106px !important; } } @media(max-width:1000px) { body .dtfh-floatingparent.dtfh-floatingparent-head { top: 56px !important; } } .dtfh-floatingparent-head .tablepress thead .dt-orderable-asc, .dtfh-floatingparent-head .tablepress thead .dt-orderable-desc, .dtfh-floatingparent-head .tablepress thead .dt-ordering-asc, .dtfh-floatingparent-head .tablepress thead .dt-ordering-desc, .dtfh-floatingparent-head table th, .single-post .post-body table th { padding: 10px; color: #fff; background: #2C7F96; border: 1px solid black; } .single-post .post-body table td { padding:10px; border:1px solid #ccc; border: 1px solid black; } .single-post .post-body .wp-caption { font-style: italic; font-weight: 300; color: var(--js-onyx); padding: 10px 0 25px 0 } .post-secondary { padding-right: 26px; } .post-secondary .sidebar-block { padding: 25px 0; border-bottom: 1px solid var(--js-french-gray); } .post-secondary h3 { font-weight: 500; font-size: 16px; } .post-secondary audio { width: 100%; } .post-secondary .sidebar-block.title-split { display: flex; } .post-secondary .sidebar-block.title-split h3 { width: 50%; margin: 0; } .post-secondary .sidebar-block.title-split .split-right-col { flex: 2 0 auto; } .post-secondary .post-date { margin: 15px 0 0 0; } .post-secondary .post-modified-date { font-style: italic; padding: 5px 0 0 0; color: var(--js-onyx); } .post-secondary .editors-note { margin: 20px 0 0 0; padding: 20px 15px 5px 15px; color: var(--js-space); background: var(--js-seasalt); border-top: 1px solid var(--js-french-gray); border-bottom: 1px solid var(--js-french-gray); } .post-secondary .editors-note p { margin: 0 0 15px 0; } .post-secondary .editors-note p a { color: var(--js-sapphire); text-decoration: underline; } .post-secondary .editors-note p a:hover { color: var(--js-teal); text-decoration: none; } .post-secondary .share-icons { display: flex; justify-content: flex-start; margin-top: 5px; } .post-secondary .share-icons button, .post-secondary .share-icons a { display: block; width: 22px; margin: 0 5px; text-align: center; border: none; cursor: pointer; } .post-secondary .share-icons button span.icon, .post-secondary .share-icons a span.icon { display: flex; flex-direction: column; justify-content: center; } .post-secondary .share-icons button span.icon svg, .post-secondary .share-icons a span.icon svg { width: auto; height: 16px; } .post-secondary .share-icons button.print-btn { height: 19px; padding: 0; } .post-secondary .share-icons button.copy-url-btn { height: 19px; padding: 0; } .post-secondary .share-icons button span.icon svg path, .post-secondary .share-icons a span.icon svg path { fill: var(--js-onyx); } .post-secondary .share-icons button:hover span.icon svg path, .post-secondary .share-icons a:hover span.icon svg path { fill: var(--js-teal); } button.copy-url-btn { position: relative; } button.copy-url-btn span.copy-result-msg { position: absolute; display: none; z-index: 999; top: -35px; left: -60px; width: 200px; background: var(--js-teal); color: var(--js-seasalt); padding: 6px 9px; line-height: 1.1; font-size: 13px; border-radius: 5px; } .post-secondary .post-terms { font-size: 14px; } .post-secondary .post-author-bios h4 { font-size: 16px; } .post-secondary .post-author-bios p { font-size: var(--js-text-main); line-height: 1.3; margin: 0; color: var(--js-onyx); } .post-secondary .post-author-bios .post-author:not(:last-of-type) { margin: 0 0 20px 0; } .post-secondary a.letter-to-editor-button { display: inline-block; margin: 30px 0 0 0; padding: 6px 15px; border: 2px solid var(--js-teal); border-radius: 6px; color: var(--js-onyx); text-transform: uppercase; font-size: 16px; } .post-secondary a.letter-to-editor-button::before { content: ''; display: inline-block; width: 20px; height: 18px; background-image: var(--svg-icon-envelope); background-repeat: no-repeat; background-size: 20px auto; margin-right: 10px; position: relative; top: 4px; } .post-secondary a.letter-to-editor-button:hover { background: var(--js-seasalt); } .post-body .post-primary p { color: var(--js-space); } .post-body .post-primary a { color: var(--js-sapphire); text-decoration: underline; } .post-body .post-primary a:hover { color: var(--js-teal); text-decoration: none; } .post-body .post-primary li { color: var(--js-space); } .post-body .post-primary h2 { font-size: 26px; font-weight: 600; font-family: 'Roboto', sans-serif; color: var(--js-space); } .post-body .post-primary h2 b, .post-body .post-primary h2 strong { font-weight: 600 !important; } .post-body .post-primary h3 { font-size: 24px; font-weight: 500; color: var(--js-space); } .post-body .post-primary h4 { font-size: 21px; font-weight: 600; color: var(--js-onyx); } .post-body .post-primary h5 { font-size: 18px; font-weight: 600; color: var(--js-onyx); } .post-body .post-primary h6 { font-size: 14px; font-weight: 600; color: var(--js-onyx); } .post-body .post-primary blockquote { margin-left: 60px; padding-left: 24px; border-left: 2px solid var(--js-sapphire); } .post-body .post-primary .icon-end-post { content: ''; display: inline-block; width: 20px; height: 20px; background: var(--svg-icon-capitol-top) no-repeat 0 0; background-size: 100% auto; } .post-body .featured-img-caption { color: var(--js-space); font-size: 14px; font-style: italic; font-weight: 300; line-height: 1.1; margin-top: 25px; } #single-read-next-ajax .paging-row { margin-top: 20px; } #primary .wp-form-fields .input-field { margin: 0 0 5px 0; } #primary .mc4wp-form-fields .col-2 label { display: block; margin: 10px 0 5px 0; } #primary .mc4wp-form-fields .col-2 input { display: block; width: 300px; max-width: 100%; } #primary .mc4wp-form-fields .col-2 button[type="submit"] { margin-top: 15px; } .content-break { clear: both; height: 40px; } .full-width .post-body { display: block; } .full-width .post-body .post-primary { margin-top: 30px; } .full-width .post-secondary .sidebar-block.title-split h3 { width: auto; margin-right: 20px; } .full-width .post-secondary.sidebar-top-blocks .share.sidebar-block { padding: 15px 0; } .full-width .post-secondary.sidebar-bottom-blocks { margin-top: 25px; border-top: 1px solid var(--js-french-gray); } .posts-recommended .pagewidth { padding-top: 30px; padding-bottom: 30px; border-top: 2px solid var(--js-space); } .featured-articles .pagewidth { padding-top: 30px; padding-bottom: 30px; border-top: 2px solid var(--js-space); } @media(max-width:1480px) { .post-header .post-thumb .photo-credit { left: calc((100vw - 1360px) / 2); } } @media(max-width:1400px) { .post-header .post-thumb .photo-credit { left: 0px; } } @media(max-width:1300px) { .post-header .post-title h1 { font-size: 30px; } } @media(max-width:1100px) { .post-header .post-title { padding: 0 20px; } } @media(max-width:992px) { .post-secondary .post-authors { font-size: 16px; } .post-secondary .sidebar-block.title-split { flex-wrap: wrap; } .post-secondary .sidebar-block.title-split h3 { width: 100%; margin-bottom: 10px; } .post-secondary .sidebar-block.title-split .split-right-col { flex: 0 1 auto; } .post-secondary .share-icons a:first-child { margin-left: 0; } .post-body .post-primary blockquote { margin-left: 20px; padding-left: 20px; } } @media(max-width:768px) { .post-header { display: block; } .post-header .post-thumb { width: 100%; } .post-header .post-title { width: 100%; height: auto; min-height: auto; display: block; padding: 40px 20px 30px 20px; } .post-header .post-thumb .photo-credit { left: 0px; color: var(--js-french-gray); } .post-header .post-title h1 { font-size: 24px; } .post-body { display: block; } .post-secondary { width: 100%; padding-right: 0; } .post-body .post-primary { width: 100%; padding: 30px 0 30px 0; border-bottom: 1px solid var(--js-french-gray); } } .author-cols-wrap { display: flex; margin: 0 0 40px 0; padding: 0 0 30px 0; border-bottom: 1px solid var(--js-french-gray); } .author-cols-wrap .photo-col { width: 20%; padding: 20px 20px 0 0; } .author-cols-wrap .bio-col { width: 80%; } .author-cols-wrap .bio-col p:last-child { margin-bottom: 0; } .author-cols-wrap .bio-col .author-header h1 { margin: 0 0 5px 0; padding-top: 10px; } .author-cols-wrap .bio-col .author-title { margin: 0 0 15px 0; font-style: italic; } @media(max-width:992px) { .author-cols-wrap .photo-col { width: 30%; } .author-cols-wrap .photo-col img { max-width: 300px; } .author-cols-wrap .bio-col { width: 70%; } } @media(max-width:992px) { .author-cols-wrap { display: block; } .author-cols-wrap .photo-col { width: 100%; margin: 0 0 20px 0; padding: 0; } .author-cols-wrap .bio-col { width: 100%; } } #home-grid .pagewidth { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: auto 1fr; column-gap: 24px; } #top-featured-articles { grid-column-start: 2; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; } #more-featured-articles { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; } #recent-articles { grid-column-start: 1; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4; } #early-edition { grid-column-start: 4; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; } #podcast { grid-column-start: 1; grid-column-end: 5; grid-row-start: 5; grid-row-end: 6; } #resources { grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; } #series { grid-column-start: 1; grid-column-end: 5; grid-row-start: 4; grid-row-end: 5; } @media(max-width:768px) { #home-grid .pagewidth { display: block; } } #top-featured-articles .top-article { margin: 0 0 30px 0; } #top-featured-articles .top-article h1 { font-size: 32px; font-weight: 500; margin-bottom: 20px; letter-spacing: 2%; } #top-featured-articles .top-article h1 a { color: var(--js-space); } #top-featured-articles .top-article a.featured-thumb { display: block; margin: 0 0 15px 0; } #top-featured-articles .top-article a.featured-thumb img { object-fit: cover; aspect-ratio: 16 / 9; width: 100%; height: 100%; } #top-featured-articles .article-block h2 { font-size: 16px; font-weight: 500; font-family: 'Roboto', sans-serif; } #top-featured-articles .article-block h2 a { color: var(--js-space); } #top-featured-articles .article-block h2 a:hover { color: var(--js-teal); } @media(max-width:768px) { #top-featured-articles { margin-bottom: 30px; } #top-featured-articles .top-article h1 { font-size: 26px; } } #more-featured-articles .article-list { display: block; } #more-featured-articles .article-list .article-block { margin: 0 0 25px 0; padding: 0 0 25px 0; border-bottom: 1px solid var(--js-french-gray); } #more-featured-articles .article-list .article-block:last-of-type { margin: 0 0 25px 0; padding: 0; border-bottom: none; } #more-featured-articles .paging-links a.skip-ctrl { display: none; } @media(max-width:768px) { #more-featured-articles { position: relative; padding: 30px 0; } #more-featured-articles::after { content: ''; display: block; position: absolute; z-index: -1; top: 0; left: -20px; width: 100vw; height: 100%; background: var(--js-seasalt); border-top: 2px solid var(--js-space); border-bottom: 2px solid var(--js-space); } #more-featured-articles .excerpt { display: none; } } #recent-articles { margin-top: 50px; padding: 20px 0 40px 0; border-top: 1px solid var(--js-french-gray); } #recent-articles .article-list { margin-bottom: 40px; } #recent-articles a.js-button { display: block; width: 250px; margin: 0 auto; } @media(max-width:768px) { #recent-articles { border-top: none; margin-top: 0; padding-top: 30px; } #recent-articles .article-list { margin-bottom: 26px; } #recent-articles .paging-row { display: none; } } @media(max-width:500px) { #recent-articles .article-block { display: flex; column-gap: 10px; margin: 0; padding: 25px 0; border-bottom: 1px solid var(--js-french-gray); } #recent-articles .article-block a.thumb { width: 33%; margin-bottom: 0px !important; } #recent-articles .article-block .content-wrap { width: 67%; } } #podcast { padding: 30px 0; border-bottom: 2px solid var(--js-space); } #podcast iframe { width: 100%; } @media(max-width:768px) { #podcast { display: block; border-bottom: none; } } .resources-list-column { margin-bottom: 25px; border-bottom: 2px solid var(--js-space); } .resources-list-column.overflow-scroll { overflow: hidden; height: 500px; } ul.resources-list { margin: 0; padding: 0; list-style: none; } ul.resources-list li { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid var(--js-french-gray); } ul.resources-list li:last-child { border-bottom: none; margin-bottom: 0; } ul.resources-list li h3 { font-size: 16px; font-weight: 400; font-weight: 500; margin: 0; } ul.resources-list li h3 a { color: var(--js-space); } ul.resources-list li h3 a:hover { color: var(--js-teal); } @media(max-width:1100px) { ul.resources-list { margin-bottom: 0; } ul.resources-list.overflow-scroll { height: 300px; } ul.resources-list li h3 { font-size: 18px; } } @media(max-width:768px) { #resources { position: relative; } #resources .col { padding: 30px 0 0 0; } #resources::before { content: ''; display: block; position: absolute; z-index: -1; top: 0; left: -20px; width: 100vw; height: 2px; background: var(--js-space); } .resources-list-column { border-bottom: none; } ul.resources-list { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } ul.resources-list.overflow-scroll { height: auto; } } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { display:none; } .mCSB_draggerContainer { background: var(--js-platinum); } .mCSB_scrollTools { width:6px !important; } .mCSB_scrollTools .mCSB_dragger { background: var(--js-french-gray); } .mCSB_scrollTools .mCSB_draggerRail { display: none; } .early-edition-block { margin: 0 0 30px 0; padding: 24px 15px 30px 15px; border-radius: var(--border-radius); background: url(assets/images/early-edition-bg2.jpg) no-repeat center; background-size: cover; } .early-edition-block h3 { font-size: 28px; font-weight: 500; line-height: 1.2; text-align: center; margin-bottom: 20px; color: var(--js-space); } .early-edition-block p { margin-bottom: 15px; text-align: center; color: var(--js-space); } .early-edition-block p span.icon-clock { position: relative; top: 2px; } .early-edition-block .more-links { text-align: center; } .early-edition-block .more-links a { width: 200px; padding-left: 0; padding-right: 0; cursor: pointer; margin: 0 0 15px 0; } .early-edition-block .more-links a:last-of-type { margin-bottom: 0; } .early-edition-block .more-links button:hover::after, .early-edition-block .more-links a.js-button:hover::after { margin-left: 5px; } .early-edition-block a.js-button.black-border { background: var(--js-seasalt); } .early-edition-block a.js-button.black-border:hover { background: var(--js-space); } .early-edition-block a.js-button.black-bg:hover { background: var(--js-seasalt); } @media(max-width:1070px) { .early-edition-block .more-links a { width: 150px; } } @media(max-width:768px) { #early-edition { position: relative; } #early-edition .early-edition-desktop { padding: 40px 0 40px 0; } #early-edition::before, #early-edition::after { content: ''; display: block; position: absolute; z-index: -1; left: -20px; width: 100vw; height: 2px; background: var(--js-space); } .early-edition-block .more-links a { width: 200px; } } #series { position: relative; padding: 30px 0 40px 0; border-top: 2px solid var(--js-space); border-bottom: 2px solid var(--js-space); } #series::after { content: ''; display: block; position: absolute; z-index: -1; top: 0; left: calc(-1 * ((100vw - 1360px) / 2)); width: 100vw; height: 100%; background: var(--js-seasalt); } #series-articles .pagewidth { padding: 30px 0 0 0; padding-bottom: 40px; border-top: 2px solid var(--js-space); border-bottom: 2px solid var(--js-space); } #series-articles .article-wrap { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 24px; row-gap: 32px; } #series-articles .article-wrap .article-block { padding-bottom: 30px; border-bottom: 1px solid var(--js-french-gray); } #series-articles .article-wrap .article-block:nth-child(4), #series-articles .article-wrap .article-block:nth-child(5), #series-articles .article-wrap .article-block:nth-child(6) { border-bottom: none; padding-bottom: 0; } @media(max-width:1400px) { #series::after { left: -20px; } } @media(max-width:768px) { #series { border: none; } #series::after { border-top: 2px solid var(--js-space); border-bottom: 2px solid var(--js-space); } } @media(max-width:700px) { #series-articles .article-wrap { display: block; } #series-articles .article-wrap .article-block { margin: 0 0 20px 0; padding: 0 0 20px 0 !important; } #series-articles .article-wrap .article-block:not(:last-of-type) { border-bottom: 1px solid var(--js-french-gray) !important; } #series-articles .article-wrap .article-block:last-of-type { margin-bottom: 0 !important; padding-bottom: 0 !important; } } .early-edition-mobile { display: none; } @media(max-width:768px) { .early-edition-mobile { display: block; padding-top: 30px; } .early-edition-block { margin-bottom: 0; } .early-edition-block h3 { font-size: 24px; } .early-edition-block p { font-size: 16px; text-align: center; } } #key-topics { padding: 30px 0 15px 0; } #key-topics h2.column-title { text-align: center; margin: 0 0 15px 0; padding-bottom: 20px; border-bottom: 1px solid var(--js-french-gray); } #key-topics .wrap { margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 15px; } #key-topics .sub-wrap { margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 15px; } #key-topics .col a { display: block; padding: 7px 0; font-weight: 700; font-size: 16px; text-transform: uppercase; color: var(--js-space); } #key-topics .col a:hover { color: var(--js-teal); } @media(max-width:992px) { #key-topics .sub-wrap { display: block; } } @media(max-width:600px) { #key-topics h2.column-title { border-bottom: none; text-align: left; padding-bottom: 0; } #key-topics .wrap { grid-template-columns: 1fr; } #key-topics .col a { text-transform: none; position: relative; } #key-topics .col a::before { content: ""; display: block; position: absolute; left: 0; top: -1px; width: 22px; height: 2px; background-color: var(--js-french-gray); } #key-topics .sub-wrap:first-of-type > .col:first-of-type a:first-of-type::before { content: none; } #key-topics .col a::after { content: ''; display: inline-block; margin-left: 14px; width: 18px; height: 13px; background: var(--svg-icon-heading-arrow-right); transition: .3s; } } .key-topics-row .pagewidth { display: flex; padding: 30px 0; column-gap: 24px; border-top: 1px solid var(--js-french-gray); } .key-topics-row .left-term-col { width: 66.6%; } .key-topics-row .left-term-col .articles-wrap { display: flex; column-gap: 24px; } .key-topics-row .left-term-col .articles-wrap .feature-col { width: 50%; } .key-topics-row .left-term-col .articles-wrap .feature-col a.thumb { display: block; margin: 0 0 15px 0; } .key-topics-row .left-term-col .articles-wrap .feature-col h3 { font-size: 16px; line-height: 1.2; } .key-topics-row .left-term-col .articles-wrap .articles-col { width: 50%; } .key-topics-row .articles-col .article-block:not(:last-of-type) { padding-bottom: 30px; border-bottom: 1px solid var(--js-french-gray); } .key-topics-row .articles-col .article-block:not(:nth-child(1)) { padding-top: 30px; } .key-topics-row .right-term-col { width: 33.4%; } .key-topics-row .right-term-col .article-block a.thumb { display: none; } @media(max-width:1400px) { .key-topics-row { padding-left: 20px; padding-right: 20px; } } @media(max-width:768px) { .key-topics-row .pagewidth { display: block; } .key-topics-row .left-term-col { width: 100%; margin: 0; padding: 0 0 30px 0; border-bottom: 1px solid var(--js-french-gray); } .key-topics-row .right-term-col { width: 100%; padding-top: 30px; } .key-topics-row .right-term-col .article-block a.thumb { display: block; margin-bottom: 15px; } } @media(max-width:700px) { .key-topics-row .article-block { height: auto !important; } .key-topics-row .left-term-col .articles-wrap { display: block; } .key-topics-row .left-term-col .articles-wrap .feature-col { width: 100%; margin: 0 0 20px 0; } .key-topics-row .left-term-col .articles-wrap .feature-col .article-block { margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: 1px solid var(--js-french-gray); } .key-topics-row .left-term-col .articles-wrap .articles-col { width: 100%; } .key-topics-row .left-term-col .articles-wrap .articles-col .article-block:nth-child(2) { border: none; padding-bottom: 0; } .key-topics-row .left-term-col .articles-wrap .articles-col .article-block:nth-child(3) { display: none; } .key-topics-row .right-term-col { padding-top: 30px; } } #community-spotlight .pagewidth { border-top: 2px solid var(--js-space); padding: 30px 0; } .bx-wrapper { position: relative; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bxslider { margin: 0; padding: 0; -webkit-perspective: 1000; } ul.bxslider { list-style: none; } .bx-viewport { -webkit-transform: translateZ(0); } ul.spotlight-bxslider { margin: 0; padding: 0; } ul.spotlight-bxslider li { margin: 0; padding: 0; list-style: none; } ul.spotlight-bxslider li .article-block { display: flex; column-gap: 24px; } ul.spotlight-bxslider li .article-block a.thumb { display: block; width: 30%; } ul.spotlight-bxslider li .article-block .content-wrap { width: 70%; } ul.spotlight-bxslider li .article-block .excerpt { color: var(--js-space); } ul.spotlight-bxslider li .article-block a.read-more { color: var(--js-space); font-size: 16px; } ul.spotlight-bxslider li .article-block a.read-more:hover { color: var(--js-teal); } ul.spotlight-bxslider li .article-block a.read-more:hover::after { background-color: var(--js-teal); } .spotlight-carousel .bx-controls { margin: 20px auto 0 auto; display: flex; justify-content: center; } .spotlight-carousel .bx-controls .bx-pager { display: flex; justify-content: space-between; } .spotlight-carousel .bx-controls .bx-pager .bx-pager-item a.bx-pager-link { display: block; text-indent: -9999px; overflow: hidden; width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--js-iron); margin: 0 4px; transition: .3s; color: #000; } .spotlight-carousel .bx-controls .bx-pager .bx-pager-item a.bx-pager-link.active { color: #fff; background: var(--js-iron); } .bx-controls-auto .bx-controls-auto-item a { display: block; position: relative; width: 14px; height: 16px; display: block; text-indent: -9999px; overflow: hidden; margin-right: 5px; } .bx-controls-auto .bx-controls-auto-item a.bx-start { display: block; text-indent: -9999px; overflow: hidden; background: var(--svg-icon-btn-play-bxslider); } .bx-controls-auto .bx-controls-auto-item a.bx-stop::before, .bx-controls-auto .bx-controls-auto-item a.bx-stop::after { content: ''; display: block; position: absolute; top: 0; width: 6px; height: 100%; border: 2px solid var(--js-iron); } .bx-controls-auto .bx-controls-auto-item a.bx-stop::before { left: 0; } .bx-controls-auto .bx-controls-auto-item a.bx-stop::after { right: 0; } @media(max-width:1400px) { #community-spotlight { padding-left: 20px; padding-right: 20px; } } @media(max-width:768px) { #community-spotlight { border-top: 2px solid var(--js-space); } #community-spotlight .pagewidth { border-top: none; padding: 30px 0; } } @media(max-width:500px) { ul.spotlight-bxslider li .article-block { display: block; } ul.spotlight-bxslider li .article-block a.thumb { width: 100%; margin: 0 0 15px 0; } ul.spotlight-bxslider li .article-block .content-wrap { width: 100%; } } h1.masthead-heading { text-align: center; text-transform: uppercase; margin: 0 0 30px 0; padding: 20px 0; border-bottom: 1px solid var(--js-french-gray); } h1.masthead-heading span { display: block; font-size: 16px; text-align: center; } .masthead-pdf { margin: 0 auto; padding: 30px 0 0 0; text-align: center; } .masthead-pdf a { display: block; } .masthead-pdf a i { display: block; padding: 4px 0 0 0; font-size: 40px; } .masthead-row h4 { font-size: 16px; font-style: italic; font-weight: 700; text-align: center; margin: 0 0 5px 0; color: var(--js-iron); font-family: 'Noto Serif', sans-serif; } .flex-columns { display: flex; flex-wrap: nowrap; justify-content: space-between; text-align: center; margin: 0 0 40px 0; } .flex-columns.cols-1 { justify-content: space-around; } .flex-columns .col { width: 250px; text-align: center; } .flex-columns .col p { margin: 0; text-align: center; } @media(max-width: 900px) { body.page-template-masthead #primary { width: 100%; } } @media(max-width: 600px) { .flex-columns { display: block; margin-bottom: 30px; } .flex-columns .col { width: 100%; } .flex-columns.cols-margin-bot .col { margin-bottom: 15px; } } .content-404 { text-align: center; padding: 30px 0 30px 0; } .bio-thumb { width: 150px; float: left; padding-top: 5px; margin-right: 50px; } .bio-content { width: calc(100% - 200px); float: left; } .bio-content p:empty { display: none; } @media(min-width:768px) and (max-width: 1024px) { .bio-thumb { float: none; margin-bottom: 15px; } .bio-content { width: 100%; float: none; } } @media(max-width: 767px) { .columns-wrap.no-left-sidebar #primary { width: 100%; float: none; padding-right: 0; } } @media(max-width: 600px) { .bio-thumb { float: none; margin-bottom: 15px; } .bio-content { width: 100%; float: none; } } .guest-author { display: flex; margin: 0 0 50px 0; } .guest-author a.thumb { display: block; width: 80px; padding-top: 6px; } .guest-author .desc { width: calc(100% - 80px); padding-left: 50px; } .guest-author .desc h3 { font-size: 22px; margin: 0 0 5px 0; } @media (max-width:430px) { .guest-author { display: block; } .guest-author a.thumb { margin: 0 0 15px 0; padding-top: 0; } .guest-author .desc { width: 100%; padding-left: 0px; } } #newsletter { font-size: 16px; color: var(--js-space); padding: 20px 0; background: var(--js-seasalt); } #newsletter .mc4wp-form-fields p { margin-bottom: 10px; font-weight: 500; } #newsletter .mc4wp-form-fields p em { font-weight: 400; } #newsletter .mc4wp-form-fields p strong { font-size: 18px; } #newsletter .mc4wp-form-fields { display: flex; justify-content: space-between; } #newsletter .mc4wp-form-fields .col-1 { width: 50%; padding-right: 20px; } #newsletter .mc4wp-form-fields .col-1 div { display: flex; } #newsletter .mc4wp-form-fields .col-1 .radio-fields-wrap { display: flex; } .mc4wp-form-fields .col-1 label { display: inline-block; margin-right: 20px; } #newsletter .mc4wp-form-fields .col-2 { width: 50%; display: flex; justify-content: space-between; align-items: center; column-gap: 16px; row-gap: 16px; } #newsletter .mc4wp-form-fields .col-2 label { display: none; } #newsletter .mc4wp-form-fields .col-2 input[type="email"] { width: 240px; } #newsletter .mc4wp-form-fields .col-2 input[type="text"] { width: 120px; } #newsletter .mc4wp-form-fields .col-2 button { width: 160px; border: none; cursor: pointer; padding: 0; height: 36px; line-height: 36px; } #newsletter .mc4wp-form-fields .col-2 button::after { content: ''; display: inline-block; width: 21px; height: 16px; background: var(--svg-icon-airplane) no-repeat 0 0; margin-left: 7px; position: relative; top: 2px; } .mc4wp-alert { margin: 20px 0 0 0; padding: 10px 30px; text-align: center; background: var(--js-harvest); border-radius: 6px; } .mc4wp-alert.mc4wp-error { color: #fff; background: var(--js-crimson); } .mc4wp-alert p { margin: 0; } @media(max-width:1500px) { #newsletter .mc4wp-form-fields .col-2 { flex-wrap: wrap; align-items: flex-start; } #newsletter .mc4wp-form-fields .col-2 input, #newsletter .mc4wp-form-fields .col-2 button { width: calc(50% - 8px) !important; } } @media(max-width:1100px) { #newsletter .mc4wp-form-fields .col-1 .radio-fields-wrap { display: block; } } @media(max-width:768px) { #newsletter .mc4wp-form-fields .col-2 { display: block; } #newsletter .mc4wp-form-fields .col-2 input, #newsletter .mc4wp-form-fields .col-2 button { width: 100% !important; margin-bottom: 10px; } } @media(max-width:600px) { #newsletter .mc4wp-form-fields { display: block; } #newsletter .mc4wp-form-fields .col-1 { width: 100%; margin-bottom: 20px; } #newsletter .mc4wp-form-fields .col-2 { width: 100%; } } #footer { background: var(--js-space); padding: 40px 0; } #footer .pagewidth { display: flex; } #footer .col-1 { width: 34%; border-right: 1px solid var(--js-seasalt); } #footer .col-1 a.logo { display: block; padding-right: 20px; } #footer .col-1 a.logo svg { width: 310px; max-width: 100%; height: auto; display: block; margin-bottom: 30px; } #footer .col-1 ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } #footer .col-1 ul li { margin: 0; padding: 0; width: 40%; } #footer .col-1 ul li:nth-child(even) { width: 60%; } #footer .col-1 ul li a { display: block; padding: 5px 0; color: var(--js-seasalt); text-transform: uppercase; font-weight: 500; } #footer .col-1 ul li a:hover { color: var(--js-french-gray); } #footer .col-2 { width: 66%; padding: 0 0 0 125px; } #footer .col-2 h3 { font-size: 18px; color: var(--js-seasalt); text-transform: uppercase; font-weight: 500; } #footer .col-2 p { color: var(--js-seasalt); } #footer .col-2 .footer-content p { font-size: 16px; } #footer .col-2 a.js-button { width: 180px; color: var(--js-teal); background-color: var(--js-seasalt); } #footer .col-2 a.js-button:hover { color: var(--js-seasalt); background-color: var(--js-teal); } #footer .bottom-row { display: flex; align-items: center; font-size: 16px; color: var(--js-seasalt); line-height: 1.1; } #footer .bottom-row .social-col { padding: 0 20px; border-right: 1px solid var(--js-seasalt); } #footer .bottom-row .social-links { display: flex; align-items: center; } #footer .bottom-row .social-links a { display: block; width: 30px; margin: 0 5px; text-align: center; } #footer .bottom-row .social-links a span.icon { display: flex; flex-direction: column; justify-conten: center; } #footer .bottom-row .social-links a span.icon svg { width: auto; height: 16px; } #footer .bottom-row .social-links a span.icon svg path { fill: var(--js-seasalt); } #footer .bottom-row .social-links a:hover span.icon svg path { fill: var(--js-french-gray); } #footer .bottom-row .copyright-col { padding: 0 20px; border-right: 1px solid var(--js-seasalt); } #footer .bottom-row .accessibility-col { padding: 0 0 0 20px; } #footer .bottom-row .accessibility-col a { color: var(--js-seasalt); } #footer .bottom-row .accessibility-col a:hover { color: var(--js-french-gray); } @media(max-width:1400px) { #footer { padding-left: 20px; padding-right: 20px; } #footer .col-1 ul li a { font-size: 16px; } #footer .col-2 { padding-left: 50px; } } @media(max-width:1200px) { #footer .col-1 ul li a { padding-right: 20px; } #footer .bottom-row { flex-wrap: wrap; font-size: 16px; color: var(--js-seasalt); line-height: 1.1; } #footer .bottom-row .title-col { width: 118px; } #footer .bottom-row .social-col { width: calc(100% - 118px); border-right: none; } #footer .bottom-row .copyright-col { margin-top: 20px; padding-left: 0; } #footer .bottom-row .accessibility-col { margin-top: 20px; } } @media(max-width:992px) { #footer .col-1 ul li { width: 50%; } #footer .col-1 ul li:nth-child(even) { width: 50%; } } @media(max-width:810px) { #footer .pagewidth { display: block; } #footer .col-1 { width: 100%; border-right: none; padding-bottom: 30px; border-bottom: 1px solid var(--js-seasalt); } #footer .col-1 a.logo svg { width: 210px; } #footer .col-1 ul li { width: 200px; } #footer .col-1 ul li:nth-child(even) { width: calc(100% - 200px); } #footer .col-2 { width: 100%; padding: 30px 0 0 0; } #footer .col-2 .footer-content p { font-size: 14px; } #footer .bottom-row { font-size: 14px; } } @media(max-width:500px) { #footer .col-1 ul li { width: 150px; } #footer .col-1 ul li:nth-child(even) { width: calc(100% - 150px); } #footer .col-2 .footer-content { margin-bottom: 40px; } #footer .bottom-row .title-col { width: 100%; margin: 0 0 15px 0; } #footer .bottom-row .social-col { width: 100%; margin: 0 0 10px -10px; padding: 0; } } .content-container.loading { opacity: 0.5; pointer-events: none; } .ajax-pagination a { margin: 0 5px; text-decoration: none; color: #0073aa; } .ajax-pagination a:hover { text-decoration: underline; } .wp-caption { max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } #footer .screen-reader-text { color: #fff; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } #primary[tabindex="-1"]:focus { outline: 0; } .aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; } .alignright { float: right; } img.alignright { margin: 0 0 10px 20px; } img.alignleft { margin: 0 20px 10px 0; } .fluid-width-video-wrapper { width:100%; position:relative; padding:0; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position:absolute; top:0; left:0; width:100%; height:100%; } @media print { body { margin: 0; color: #000; background-color: #fff; } #body-wrap { padding: 0 !important; } #masthead, #newsletter, #footer, .posts-recommended, .featured-articles, .post-thumb, .post-secondary.sidebar-bottom-blocks, .post-header .caption { display: none !important; } .print-only { display:block; } body.single-post #primary { padding: 0; } .post-secondary.sidebar-top-blocks { margin: 15px 0 10px 0; } .post-secondary .post-date { margin-top: 5px; } .pagewidth { width: 100% !important; } .post-header { width: 100%; display: block; min-height: 0; } .post-header .post-title { width: 100%; min-height: 0; display: block; padding: 0; background: none; } .post-header .post-title h1 { margin: 15px 0 0 0 !important; padding: 0; text-align: left; } .post-header .post-title h1, h2, h3, h4, h5, h6 { color: #000; } body.single-post .post-body { padding: 0; } .post-body { display: block; padding: 0; } }