/** * Swiper 9.0.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 13, 2023 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal} :root{--swiper-theme-color:#007aff} .swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block} .swiper-vertical>.swiper-wrapper{flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box} .swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)} .swiper-horizontal{touch-action:pan-y} .swiper-vertical{touch-action:pan-x} .swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block} .swiper-slide-invisible-blank{visibility:hidden} .swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto} .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height} .swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px} .swiper-3d .swiper-wrapper{transform-style:preserve-3d} .swiper-3d{perspective:1200px} .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d} .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)} .swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none} .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none} .swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start} .swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory} .swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory} .swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999} .swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always} .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)} .swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)} .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)} .swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent} .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear} .swiper-lazy-preloader-white{--swiper-preloader-color:#fff} .swiper-lazy-preloader-black{--swiper-preloader-color:#000} @keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} :root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none} /* ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font family by default. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden] { display: none; } *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .container{ width: 100%; margin-right: auto; margin-left: auto; } @media (min-width: 640px){ .container{ max-width: 640px; } } @media (min-width: 768px){ .container{ max-width: 768px; } } @media (min-width: 782px){ .container{ max-width: 782px; } } @media (min-width: 1024px){ .container{ max-width: 1024px; } } @media (min-width: 1056px){ .container{ max-width: 1056px; } } @media (min-width: 1280px){ .container{ max-width: 1280px; } } @media (min-width: 1392px){ .container{ max-width: 1392px; } } @media (min-width: 1536px){ .container{ max-width: 1536px; } } .caption{ font-size: 1rem; line-height: 140%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .fixed{ position: fixed; } .mb-4{ margin-bottom: 1rem; } .mb-6{ margin-bottom: 1.5rem; } .block{ display: block; } .inline{ display: inline; } .flex{ display: flex; } .grid{ display: grid; } .hidden{ display: none; } .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .justify-center{ justify-content: center; } .gap-4{ gap: 1rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .text-h2article{ font-size: clamp(2.125rem, 0.25rem + 6.25vw, 4.375rem); line-height: 95%; } .italic{ font-style: italic; } .not-italic{ font-style: normal; } .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .blur{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } :root { --grid-column-size: 44px; --grid-gutter-size: 16px; --grid-col-and-gutter: calc( var(--grid-column-size) + var(--grid-gutter-size) ); --content-gutter: 16px; } @media (min-width: 1056px) { :root { --grid-column-size: 80px; --grid-gutter-size: 32px; --grid-col-and-gutter: calc( var(--grid-column-size) + var(--grid-gutter-size) ); } } @media (min-width: 1392px) { :root { --content-gutter: 40px; } } @font-face { font-family: "Ivar Display"; src: url(../woff2/ivardisplay-regular.b66d9b2b.woff2) format("woff2"), url(../woff/ivardisplay-regular.629c59c8.woff) format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Ivar Display"; src: url(../woff2/ivardisplay-italic.a1a85746.woff2) format("woff2"), url(../woff/ivardisplay-italic.427c655f.woff) format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: "Ivar Headline"; src: url(../woff2/ivarheadline-regular.2fa77264.woff2) format("woff2"), url(../woff/ivarheadline-regular.b3e19a78.woff) format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Ivar Headline"; src: url(../woff2/ivarheadline-italic.e603bb9d.woff2) format("woff2"), url(../woff/ivarheadline-italic.49f8e18a.woff) format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: "Ivar Text"; src: url(../woff2/ivartext-regular.88aba283.woff2) format("woff2"), url(../woff/ivartext-regular.ecfdfa4d.woff) format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Ivar Text"; src: url(../woff2/ivartext-italic.66841236.woff2) format("woff2"), url(../woff/ivartext-italic.0e113fcc.woff) format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: "Ivar Text"; src: url(../woff2/ivartext-bold.6a34520b.woff2) format("woff2"), url(../woff/ivartext-bold.c0209a58.woff) format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "Ivar Text"; src: url(../woff2/ivartext-bolditalic.d85fcc65.woff2) format("woff2"), url(../woff/ivartext-bolditalic.7db94c4c.woff) format("woff"); font-weight: 700; font-style: italic; } @font-face { font-family: "Suisse Intl Condensed"; src: url(../woff2/suisseintlcond-medium-webs.06ae4d0b.woff2) format("woff2"), url(../woff/suisseintlcond-medium-webs.82ec0376.woff) format("woff"); font-weight: 500; font-style: normal; } body{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --viewport-width-no-scrollbar: var(--client-width-js, 100vw); --scrollbar-width: var(--scrollbar-width-js, 0px); } li:not(.menu-item){ padding-bottom: 1rem; } p + p{ padding-top: 2rem; } .content{ position: relative; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .content-wrapper{ position: relative; z-index: 2; } .content > section, .content > div, .content-wrapper > section, .content-wrapper > div, .blocks-wrapper > section, .blocks-wrapper > div{ scroll-margin-top: 8rem; } .container, .wp-block-columns{ margin-left: auto; margin-right: auto; width: calc(100% - 32px) !important; max-width: 1539px; } @media (min-width: 1024px){ .container, .wp-block-columns{ width: calc(100% - 80px) !important; } } .hide{ display: none !important; } .edit-link{ font-size: 1rem; line-height: 140%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); padding: 1.25rem; padding-bottom: 0px; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; text-transform: uppercase; } .content-wrapper-legacy p.edit-link{ margin-top: 0.5rem; margin-bottom: 1rem; } @media (min-width: 1056px) { .content-wrapper-legacy .alignwide .edit-link{ margin-left: calc(2 * var(--grid-col-and-gutter)); } } .image-wrapper{ position: relative; } .image-wrapper::before { display: block; content: ''; width: 100%; padding-top: calc((358 / 595) * 100%); } .image-wrapper img{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .wp-block-quote{ margin-top: 2rem; margin-bottom: 2rem; border-left-width: 1px; --tw-border-opacity: 1; border-color: rgb(102 102 102 / var(--tw-border-opacity)); padding-left: 1rem; } .wp-block-quote p{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .wp-block-quote cite{ font-size: 1rem; line-height: 140%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .content-wrapper-legacy p.wp-block-quote cite{ margin-top: 0.5rem; margin-bottom: 1rem; } @media (min-width: 1056px) { .content-wrapper-legacy .alignwide .wp-block-quote cite{ margin-left: calc(2 * var(--grid-col-and-gutter)); } .wp-block-quote{ margin-top: 3rem; margin-bottom: 3rem; } } blockquote:not(.wp-block-quote) > p{ position: relative; margin-top: 2rem; margin-bottom: 2rem; margin-left: 1rem; padding-left: 1rem !important; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } blockquote:not(.wp-block-quote) > p:before { content: ""; position: absolute; top: 0px; margin-left: -1rem; height: 100%; width: 1px; --tw-bg-opacity: 1; background-color: rgb(102 102 102 / var(--tw-bg-opacity)); } blockquote:not(.wp-block-quote) cite{ font-size: 1rem; line-height: 140%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .content-wrapper-legacy pblockquote:not(.wp-block-quote) cite{ margin-top: 0.5rem; margin-bottom: 1rem; } @media (min-width: 1056px) { .content-wrapper-legacy .alignwide blockquote:not(.wp-block-quote) cite{ margin-left: calc(2 * var(--grid-col-and-gutter)); } blockquote:not(.wp-block-quote){ margin-top: 3rem; margin-bottom: 3rem; } } .wp-block-pullquote blockquote, .wp-block-pullquote blockquote p{ font-family: Ivar Display, Georgia, Times, serif; font-size: clamp(2.125rem, 1.03125rem + 3.645833vw, 3.4375rem); line-height: 110%; font-style: italic; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .wp-block-pullquote{ margin-top: 2rem; margin-bottom: 2rem; padding: 0px; text-align: center; } @media (min-width: 1056px) { .wp-block-pullquote{ margin-top: 4rem; margin-bottom: 4rem; } } .wp-block-pullquote blockquote p{ border-left-width: 0px; padding-left: 0px; } .wp-block-pullquote p:first-of-type::before, .wp-block-pullquote p:last-of-type::after { content: ""; position: relative; margin-left: auto; margin-right: auto; margin-top: 2rem; margin-bottom: 2rem; display: block; height: 2px; width: 60px; --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); } @media (min-width: 1056px) { .wp-block-pullquote p:first-of-type::before, .wp-block-pullquote p:last-of-type::after{ width: 88px; } } .wp-block-pullquote cite{ font-size: 1rem; line-height: 140%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); margin-top: 1rem; display: block; } .content-wrapper-legacy p.wp-block-pullquote cite{ margin-top: 0.5rem; margin-bottom: 1rem; } @media (min-width: 1056px) { .content-wrapper-legacy .alignwide .wp-block-pullquote cite{ margin-left: calc(2 * var(--grid-col-and-gutter)); } .wp-block-pullquote cite{ margin-top: 2rem; } } /* Set color on WP core blocks */ .has-text-color.has-gray-color, .has-inline-color.has-gray-color{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .has-text-color.has-lightgray-color, .has-inline-color.has-lightgray-color{ --tw-text-opacity: 1; color: rgb(227 222 216 / var(--tw-text-opacity)); } .has-text-color.has-nationred-color, .has-inline-color.has-nationred-color{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .has-text-color.has-pink-color, .has-inline-color.has-pink-color{ --tw-text-opacity: 1; color: rgb(255 241 241 / var(--tw-text-opacity)); } .has-background.has-gray-color{ --tw-bg-opacity: 1; background-color: rgb(102 102 102 / var(--tw-bg-opacity)); } .has-background.has-lightgray-color{ --tw-bg-opacity: 1; background-color: rgb(227 222 216 / var(--tw-bg-opacity)); } .has-background.has-nationred-color{ --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); } .has-background.has-pink-color{ --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); } .sr-only { position: absolute; display: block; cursor: text; margin: -1px 0 0 -1px; padding: 0; width: 1px; height: 1px; font-weight: normal; font-size: 15px; line-height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; outline: 0; } body{ font-family: Ivar Text, Georgia, Times, serif; font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; font-weight: 400; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ol, ul{ font-size: clamp(1.125rem, 2.15vw, 1.375rem); line-height: 140%; } h1, h1.wp-block, h2, h2.wp-block, h3, h3.wp-block, h4, h4.wp-block{ font-size: 2.125rem; line-height: 110%; font-weight: 400; } h1.wp-block-heading, h1.wp-block.wp-block-heading, h2.wp-block-heading, h2.wp-block.wp-block-heading, h3.wp-block-heading, h3.wp-block.wp-block-heading, h4.wp-block-heading, h4.wp-block.wp-block-heading{ font-family: Ivar Headline, Georgia, Times, serif; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } h1, h1.is-style-main, h1.is-style-lander, h1.wp-block, h1.wp-block.is-style-main, h1.wp-block.is-style-lander, h2, h2.is-style-main, h2.is-style-lander, h2.wp-block, h2.wp-block.is-style-main, h2.wp-block.is-style-lander, h3, h3.is-style-main, h3.is-style-lander, h3.wp-block, h3.wp-block.is-style-main, h3.wp-block.is-style-lander, h4, h4.is-style-main, h4.is-style-lander, h4.wp-block, h4.wp-block.is-style-main, h4.wp-block.is-style-lander{ font-family: Ivar Headline, Georgia, Times, serif; font-style: italic; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } h1.title, h1.subtitle, h1.is-style-article, h1.title-7, h1.is-style-title-7, h1.wp-block-post-title, h1.wp-block.title, h1.wp-block.subtitle, h1.wp-block.is-style-article, h1.wp-block.title-7, h1.wp-block.is-style-title-7, h1.wp-block.wp-block-post-title, h2.title, h2.subtitle, h2.is-style-article, h2.title-7, h2.is-style-title-7, h2.wp-block-post-title, h2.wp-block.title, h2.wp-block.subtitle, h2.wp-block.is-style-article, h2.wp-block.title-7, h2.wp-block.is-style-title-7, h2.wp-block.wp-block-post-title, h3.title, h3.subtitle, h3.is-style-article, h3.title-7, h3.is-style-title-7, h3.wp-block-post-title, h3.wp-block.title, h3.wp-block.subtitle, h3.wp-block.is-style-article, h3.wp-block.title-7, h3.wp-block.is-style-title-7, h3.wp-block.wp-block-post-title, h4.title, h4.subtitle, h4.is-style-article, h4.title-7, h4.is-style-title-7, h4.wp-block-post-title, h4.wp-block.title, h4.wp-block.subtitle, h4.wp-block.is-style-article, h4.wp-block.title-7, h4.wp-block.is-style-title-7, h4.wp-block.wp-block-post-title, h5.title, h5.subtitle, h5.is-style-article, h5.title-7, h5.is-style-title-7, h5.wp-block-post-title, h5.wp-block.title, h5.wp-block.subtitle, h5.wp-block.is-style-article, h5.wp-block.title-7, h5.wp-block.is-style-title-7, h5.wp-block.wp-block-post-title, h6.title, h6.subtitle, h6.is-style-article, h6.title-7, h6.is-style-title-7, h6.wp-block-post-title, h6.wp-block.title, h6.wp-block.subtitle, h6.wp-block.is-style-article, h6.wp-block.title-7, h6.wp-block.is-style-title-7, h6.wp-block.wp-block-post-title{ font-family: Ivar Headline, Georgia, Times, serif; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } h1.title em, h1.subtitle em, h1.is-style-article em, h1.title-7 em, h1.is-style-title-7 em, h1.wp-block-post-title em, h1.wp-block.title em, h1.wp-block.subtitle em, h1.wp-block.is-style-article em, h1.wp-block.title-7 em, h1.wp-block.is-style-title-7 em, h1.wp-block.wp-block-post-title em, h2.title em, h2.subtitle em, h2.is-style-article em, h2.title-7 em, h2.is-style-title-7 em, h2.wp-block-post-title em, h2.wp-block.title em, h2.wp-block.subtitle em, h2.wp-block.is-style-article em, h2.wp-block.title-7 em, h2.wp-block.is-style-title-7 em, h2.wp-block.wp-block-post-title em, h3.title em, h3.subtitle em, h3.is-style-article em, h3.title-7 em, h3.is-style-title-7 em, h3.wp-block-post-title em, h3.wp-block.title em, h3.wp-block.subtitle em, h3.wp-block.is-style-article em, h3.wp-block.title-7 em, h3.wp-block.is-style-title-7 em, h3.wp-block.wp-block-post-title em, h4.title em, h4.subtitle em, h4.is-style-article em, h4.title-7 em, h4.is-style-title-7 em, h4.wp-block-post-title em, h4.wp-block.title em, h4.wp-block.subtitle em, h4.wp-block.is-style-article em, h4.wp-block.title-7 em, h4.wp-block.is-style-title-7 em, h4.wp-block.wp-block-post-title em, h5.title em, h5.subtitle em, h5.is-style-article em, h5.title-7 em, h5.is-style-title-7 em, h5.wp-block-post-title em, h5.wp-block.title em, h5.wp-block.subtitle em, h5.wp-block.is-style-article em, h5.wp-block.title-7 em, h5.wp-block.is-style-title-7 em, h5.wp-block.wp-block-post-title em, h6.title em, h6.subtitle em, h6.is-style-article em, h6.title-7 em, h6.is-style-title-7 em, h6.wp-block-post-title em, h6.wp-block.title em, h6.wp-block.subtitle em, h6.wp-block.is-style-article em, h6.wp-block.title-7 em, h6.wp-block.is-style-title-7 em, h6.wp-block.wp-block-post-title em{ font-family: Ivar Headline, Georgia, Times, serif; font-style: italic; } h1.title-7, h1.is-style-title-7, h1.wp-block.title-7, h1.wp-block.is-style-title-7, h2.title-7, h2.is-style-title-7, h2.wp-block.title-7, h2.wp-block.is-style-title-7, h3.title-7, h3.is-style-title-7, h3.wp-block.title-7, h3.wp-block.is-style-title-7, h4.title-7, h4.is-style-title-7, h4.wp-block.title-7, h4.wp-block.is-style-title-7, h5.title-7, h5.is-style-title-7, h5.wp-block.title-7, h5.wp-block.is-style-title-7, h6.title-7, h6.is-style-title-7, h6.wp-block.title-7, h6.wp-block.is-style-title-7{ font-family: Ivar Text, Georgia, Times, serif; font-size: 1.5rem; line-height: 150%; font-weight: 700; font-style: normal; } h1, h1.wp-block, h2, h2.wp-block{ font-style: italic; } @media (min-width: 1024px){ h1, h1.wp-block, h2, h2.wp-block{ font-family: Ivar Display, Georgia, Times, serif; } } h1.is-style-article, h1.wp-block.is-style-article, h2.is-style-article, h2.wp-block.is-style-article{ font-family: Ivar Display, Georgia, Times, serif; } h1, h1.wp-block{ font-size: clamp(2.125rem, 9.77vw, 6.25rem); line-height: 95%; } h1.title, h1.subtitle, h1.is-style-article, h1.wp-block.title, h1.wp-block.subtitle, h1.wp-block.is-style-article{ font-size: clamp(2.375rem, -0.8541666rem + 10.763888vw, 6.25rem); line-height: 95%; } h2, h2.wp-block{ font-size: clamp(2.125rem, 5.37vw, 3.438rem); line-height: 110%; } h2.title, h2.subtitle, h2.is-style-article, h2.wp-block.title, h2.wp-block.subtitle, h2.wp-block.is-style-article{ font-size: clamp(2.125rem, 0.25rem + 6.25vw, 4.375rem); line-height: 95%; } h3, h3.wp-block{ font-size: clamp(2.125rem, 3.91vw, 2.5rem); line-height: 110%; } h3.title, h3.subtitle, h3.is-style-article, h3.wp-block.title, h3.wp-block.subtitle, h3.wp-block.is-style-article{ font-size: clamp(1.625rem, 0.11458333rem + 5.0347222vw, 3.438rem); line-height: 115%; } @media (min-width: 1056px){ h3.title, h3.subtitle, h3.is-style-article, h3.wp-block.title, h3.wp-block.subtitle, h3.wp-block.is-style-article{ font-family: Ivar Display, Georgia, Times, serif; line-height: 95%; } } h4, h4.wp-block{ font-size: clamp(1.625rem, 3.32vw, 2.125rem); line-height: 110%; } h4.title, h4.subtitle, h4.is-style-article, h4.wp-block.title, h4.wp-block.subtitle, h4.wp-block.is-style-article{ font-size: clamp(1.625rem, 1.208333rem + 1.3888vw, 2.125rem); line-height: 115%; } h5, h6{ font-family: Ivar Headline, Georgia, Times, serif; } h5 em, h6 em{ font-family: Ivar Headline, Georgia, Times, serif; font-style: italic; } h5{ font-size: clamp(1.625rem, 2.73vw, 1.75rem); line-height: 115%; } h6{ font-size: 1.25rem; line-height: 115%; } .dek, p.is-style-dek{ font-size: 1.125rem; line-height: 140%; } p.is-style-caption{ font-size: 1rem; line-height: 140%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .content-wrapper-legacy pp.is-style-caption{ margin-top: 0.5rem; margin-bottom: 1rem; } @media (min-width: 1056px) { .content-wrapper-legacy .alignwide p.is-style-caption{ margin-left: calc(2 * var(--grid-col-and-gutter)); } } .knockout{ font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.938rem; line-height: 110%; letter-spacing: 0.03rem; text-transform: uppercase; font-style: normal; } .knockout--large{ font-size: 1.25rem; line-height: 110%; letter-spacing: 0.06rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .is-style-lander{ width: 100%; margin-right: auto; margin-left: auto; } @media (min-width: 640px){ .is-style-lander{ max-width: 640px; } } @media (min-width: 768px){ .is-style-lander{ max-width: 768px; } } @media (min-width: 782px){ .is-style-lander{ max-width: 782px; } } @media (min-width: 1024px){ .is-style-lander{ max-width: 1024px; } } @media (min-width: 1056px){ .is-style-lander{ max-width: 1056px; } } @media (min-width: 1280px){ .is-style-lander{ max-width: 1280px; } } @media (min-width: 1392px){ .is-style-lander{ max-width: 1392px; } } @media (min-width: 1536px){ .is-style-lander{ max-width: 1536px; } } .is-style-lander{ margin-bottom: 2rem; display: flex; justify-content: center; border-bottom-width: 6px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); padding-top: 2rem; padding-bottom: 2rem; margin-left: auto; margin-right: auto; width: calc(100% - 32px) !important; max-width: 1539px; } @media (min-width: 1024px){ .is-style-lander{ width: calc(100% - 80px) !important; } } .blocks-wrapper .is-style-lander{ margin: 0px !important; width: auto !important; } .blocks-wrapper .collections.alignfull .is-style-lander{ margin-left: auto !important; margin-right: auto !important; width: 100% !important; padding-left: var(--content-gutter) !important; padding-right: var(--content-gutter) !important; } .collections .is-style-lander > h2 a:not(.btn) { transition: background-size 0.2s ease; background-size: 100% 0; } .collections .is-style-lander > h2 a:not(.btn):hover, .collections .is-style-lander > h2 a:not(.btn):focus, .collections .is-style-lander > h2 a:not(.btn):active { transition: background-size 0.2s ease; background-size: 100% 0.125rem; box-shadow: none; } .collections--col-4 .is-style-lander > h2, .collections--col-4 .is-style-lander > h3{ padding-bottom: 3.5rem; } .popular-articles .is-style-lander.swiper-active, .nation-voices .is-style-lander.swiper-active, .features .is-style-lander.swiper-active, .issue-details__recents .is-style-lander.swiper-active{ width: 100% !important; } .popular-articles .is-style-lander.swiper-active .swiper-wrapper, .nation-voices .is-style-lander.swiper-active .swiper-wrapper, .features .is-style-lander.swiper-active .swiper-wrapper, .issue-details__recents .is-style-lander.swiper-active .swiper-wrapper{ margin-right: 0px; margin-left: auto; width: calc(100% - 16px) !important; } .popular-articles .is-style-lander.swiper-active .popular-articles__title-row, .popular-articles .is-style-lander.swiper-active .nation-voices__title-row, .popular-articles .is-style-lander.swiper-active .features__title-row, .popular-articles .is-style-lander.swiper-active .issue-details__recents__title-row, .nation-voices .is-style-lander.swiper-active .popular-articles__title-row, .nation-voices .is-style-lander.swiper-active .nation-voices__title-row, .nation-voices .is-style-lander.swiper-active .features__title-row, .nation-voices .is-style-lander.swiper-active .issue-details__recents__title-row, .features .is-style-lander.swiper-active .popular-articles__title-row, .features .is-style-lander.swiper-active .nation-voices__title-row, .features .is-style-lander.swiper-active .features__title-row, .features .is-style-lander.swiper-active .issue-details__recents__title-row, .issue-details__recents .is-style-lander.swiper-active .popular-articles__title-row, .issue-details__recents .is-style-lander.swiper-active .nation-voices__title-row, .issue-details__recents .is-style-lander.swiper-active .features__title-row, .issue-details__recents .is-style-lander.swiper-active .issue-details__recents__title-row{ margin-left: 1rem; } .sponsored-article .is-style-lander{ max-width: 61.375rem; border-top-width: 0.625rem; border-style: solid; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); } .sponsored-article .is-style-lander .collections__card{ padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; } @media not all and (min-width: 640px){ .sponsored-article .is-style-lander .collections__card{ padding-bottom: 0.75rem; } } @media (min-width: 640px){ .sponsored-article .is-style-lander .collections__card{ padding-left: 3.5rem; padding-right: 3.5rem; padding-top: 2.5rem; } } .sponsored-article .is-style-lander .collections__card .sponsored-label{ padding-bottom: 0.75rem; padding-top: 0px; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media not all and (min-width: 640px){ .sponsored-article .is-style-lander .collections__card .collections__card-image-link{ margin-top: 1.75rem; } } .popular-articles .is-style-lander{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-left: 1.5rem; } @media (min-width: 782px){ .popular-articles .is-style-lander{ border-left-width: 2px; } } .from-archive .is-style-lander{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } @media not all and (min-width: 782px){ .from-archive .is-style-lander{ border-top-width: 1px; padding-top: 2rem; } } .wp-block-columns.popular-articles-columns .from-archive .is-style-lander, .wp-block-columns.popular-articles-columns .popular-articles .is-style-lander{ width: 100% !important; } @media not all and (min-width: 782px){ .wp-block-columns.popular-articles-columns .popular-articles .is-style-lander{ border-top-width: 1px; padding-left: 0px; padding-top: 2rem; } } .latest-articles-columns .is-style-lander{ height: 100%; width: 100% !important; } @media (min-width: 782px){ .article-list .is-style-lander{ margin-right: 0px; } } @media (min-width: 1024px){ .article-list .is-style-lander{ width: calc(100% - 40px) !important; } } .article-list .is-style-lander > h2{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-bottom: 2rem; } @media not all and (min-width: 782px){ .article-list .is-style-lander > h2{ border-top-width: 1px; padding-top: 2rem; } } @media (min-width: 782px){ .article-list .is-style-lander > h2{ padding-bottom: 3.5rem; } } .article-list-columns .is-style-lander{ width: 100% !important; } .wp-block-columns .cta .is-style-lander{ width: 100% !important; } .latest-podcasts .is-style-lander{ border-left-width: 2px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); } .latest-podcasts-columns .latest-podcasts .is-style-lander{ width: 100% !important; } .wp-block-columns.podcast-series-columns .podcast-series .is-style-lander{ width: 100% !important; } @media (min-width: 782px){ .wp-block-columns.podcast-series-columns .podcast-series .is-style-lander{ margin-right: 0px; } } .accordion .is-style-lander{ border-top-width: 2px; border-bottom-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } .page-title .is-style-lander{ padding-top: 3rem; } @media (min-width: 782px){ .page-title .is-style-lander{ padding-top: 6rem; } } .page-title.alignfull .is-style-lander{ margin-bottom: 2rem; border-bottom-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-bottom: 2rem; } @media (min-width: 782px){ .page-title.alignfull .is-style-lander{ margin-bottom: 3rem; padding-bottom: 3rem; } } .page-title.alignfull .is-style-lander .acf-innerblocks-container{ margin-bottom: 0px; border-bottom-width: 0px; padding-bottom: 0px; } .upcoming-events-collection .is-style-lander{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } @media not all and (min-width: 782px){ .upcoming-events-collection .is-style-lander{ border-top-width: 1px; } } .event-details .is-style-lander, .travel-details .is-style-lander{ padding: 1.5rem; } .travel-header-carousel .is-style-lander .travel-header-slide__image { aspect-ratio: 1320/532; } .issues-archive-cta .is-style-lander{ --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); padding-top: 2rem; padding-bottom: 2rem; padding-left: 0.75rem; padding-right: 0.75rem; } @media (min-width: 782px){ .issues-archive-cta .is-style-lander{ padding-top: 3rem; padding-bottom: 1rem; } } .issues-archive-cta .is-style-lander > *{ margin-left: auto; margin-right: auto; text-align: center; } .issues-archive-cta .is-style-lander > h2{ max-width: 760px; font-size: clamp(1.625rem, 2.73vw, 1.75rem); line-height: 115%; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .issues-archive-cta .is-style-lander > p{ max-width: 420px; padding-top: 2rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 782px){ .issues-archive-cta .is-style-lander > p{ padding-top: 1rem; } } .archive__columns .is-style-lander{ display: grid; } @media (min-width: 1024px){ .archive__columns .is-style-lander{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } } @media (min-width: 1280px){ .archive__columns .is-style-lander{ -moz-column-gap: 9rem; column-gap: 9rem; } } @media not all and (min-width: 1024px){ .issue-details__listing:not(.issue-details__listing--grid) .is-style-lander{ width: 100% !important; } } .issue-details__listing:not(.issue-details__listing--grid) .is-style-lander .issue-details__listing-column{ margin-left: auto; margin-right: auto; } @media not all and (min-width: 1024px){ .issue-details__listing:not(.issue-details__listing--grid) .is-style-lander .issue-details__listing-column{ width: calc(100% - 32px); } } .issue-details__listing:not(.issue-details__listing--grid) .is-style-lander .issue-details__listing-column + .issue-details__listing-column{ margin-top: 1rem; } @media (min-width: 782px){ .issue-details__listing:not(.issue-details__listing--grid) .is-style-lander .issue-details__listing-column + .issue-details__listing-column{ margin-top: 3rem; } } .issue-details__listing--grid .is-style-lander{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); -moz-column-gap: 1rem; column-gap: 1rem; } @media (min-width: 1024px){ .issue-details__listing--grid .is-style-lander{ margin-bottom: 6rem; grid-template-columns: repeat(2, minmax(0, 1fr)); } } .page-404__content .is-style-lander{ margin-top: 7rem; margin-bottom: 8rem; text-align: center; } @media (min-width: 782px){ .page-404__content .is-style-lander{ margin-top: 11rem; margin-bottom: 11rem; } } .podcast__header .is-style-lander{ display: grid; place-content: center; padding-top: 2rem; } @media (min-width: 782px){ .podcast__header .is-style-lander{ padding-top: 4rem; } } .destination-template-default .is-style-lander{ background-color: transparent; } .travel-log-archive .travel-details .is-style-lander{ margin: 0px; width: auto !important; } @media (min-width: 782px){ .is-style-lander{ padding-top: 3.5rem; padding-bottom: 3.5rem; } } @media (min-width: 1024px){ .is-style-lander{ margin-bottom: 3.5rem; border-bottom-width: 12px; } } /* CONTENT AREA */ #content{ width: 100%; } /* SINGLE ARTICLE LAYOUT */ .blocks-wrapper, .content-wrapper-legacy{ position: relative; margin-left: auto; margin-right: auto; width: 100%; padding-left: var(--content-gutter); padding-right: var(--content-gutter); } @media (min-width: 1056px){ .blocks-wrapper, .content-wrapper-legacy{ box-sizing: content-box; width: calc(4 * var(--grid-column-size) + 3 * var(--grid-gutter-size)); min-width: 560px; } } @media (min-width: 1392px){ .blocks-wrapper, .content-wrapper-legacy{ width: calc(6 * var(--grid-column-size) + 5 * var(--grid-gutter-size)); } } .content-wrapper-legacy.legacy-featured{ left: 0px; } @media (min-width: 1056px){ .blocks-wrapper.type-standard-article, .content-wrapper-legacy{ left: calc(var(--grid-col-and-gutter) * -1); } } /* ARTICLE LAYOUT HELPERS (alignment etc.) */ /* self-clear the wrapper */ .blocks-wrapper::after { content: ""; display: table; clear: both; } /* alignfull */ .blocks-wrapper :where(.alignfull, [data-align="full"]){ margin-left: calc(var(--content-gutter) * -1); margin-right: calc(var(--content-gutter) * -1); width: calc(100% + 2 * (var(--content-gutter))); } @media (min-width: 1056px) { .blocks-wrapper :where(.alignfull, [data-align="full"]){ position: relative; left: 50%; margin-left: auto; margin-right: auto; margin-left: calc(calc(50vw - (var(--scrollbar-width) / 2)) * -1); width: var(--viewport-width-no-scrollbar); } .blocks-wrapper.type-standard-article :where(.alignfull, [data-align="full"]) { /* The standard article main column is off-centered, so we need to compensate for that. */ margin-left: calc(calc(50vw - (var(--scrollbar-width) / 2) - var(--grid-col-and-gutter)) * -1) } } /* alignwide */ @media (min-width: 1056px) { .blocks-wrapper :where(.alignwide, [data-align="wide"]){ margin-left: calc(var(--grid-col-and-gutter) * -1); margin-right: calc(var(--grid-col-and-gutter) * -1); } .blocks-wrapper.type-standard-article :where(.alignwide, [data-align="wide"]){ margin-left: calc(var(--blocks-wrapper-left-space) * -1); margin-right: 0px } .block-editor-block-list__layout.is-root-container > .wp-block-image.alignwide:not(.is-style-half){ margin-left: calc(var(--grid-col-and-gutter) * -1) !important; margin-right: calc(var(--grid-col-and-gutter) * -1) !important; } .block-editor-block-list__layout.type-standard-article > .wp-block-image.alignwide:not(.is-style-half) { margin-left: calc(var(--blocks-wrapper-left-space) * -1) !important; margin-right: 0px } } /* Granular float classes */ @media (min-width: 1056px) { .blocks-wrapper .float-l-w-1, .blocks-wrapper .float-l-w-2, .blocks-wrapper .float-l-w-3, .blocks-wrapper .float-l-w-4, .blocks-wrapper .float-l-w-5, .blocks-wrapper .float-r-w-1, .blocks-wrapper .float-r-w-2, .blocks-wrapper .float-r-w-3, .blocks-wrapper .float-r-w-4, .blocks-wrapper .float-r-w-5{ float: left; clear: both; margin-bottom: var(--grid-gutter-size); margin-right: var(--grid-gutter-size); margin-left: calc(var(--blocks-wrapper-left-space) * -1); } } @media (min-width: 1392px) { .blocks-wrapper .float-l-w-1, .blocks-wrapper .float-l-w-2, .blocks-wrapper .float-l-w-3, .blocks-wrapper .float-l-w-4, .blocks-wrapper .float-l-w-5, .blocks-wrapper .float-r-w-1, .blocks-wrapper .float-r-w-2, .blocks-wrapper .float-r-w-3, .blocks-wrapper .float-r-w-4, .blocks-wrapper .float-r-w-5{ margin-left: calc(calc(var(--left-column-width, 2) * var(--grid-col-and-gutter)) * -1); } } @media (min-width: 1056px) { .blocks-wrapper [class*="float-"]{ margin-top: var(--grid-gutter-size); } .blocks-wrapper :where(p, h1, h2, h3, h4, h5, h6, .wp-block-the-nation-editors-note, .wp-block-image) + [class*="float-"]{ margin-top: 0px; }} .blocks-wrapper .float-r-w-1, .blocks-wrapper .float-r-w-2, .blocks-wrapper .float-r-w-3, .blocks-wrapper .float-r-w-4, .blocks-wrapper .float-r-w-5{ float: right; } @media (min-width: 1056px) { .blocks-wrapper .float-l-w-1, .blocks-wrapper .float-r-w-1{ width: calc(1 * var(--grid-col-and-gutter) - var(--grid-gutter-size)); } .blocks-wrapper .float-l-w-2, .blocks-wrapper .float-r-w-2{ width: calc(2 * var(--grid-col-and-gutter) - var(--grid-gutter-size)); } .blocks-wrapper .float-l-w-3, .blocks-wrapper .float-r-w-3{ width: calc(3 * var(--grid-col-and-gutter) - var(--grid-gutter-size)); } .blocks-wrapper .float-l-w-4, .blocks-wrapper .float-r-w-4{ width: calc(4 * var(--grid-col-and-gutter) - var(--grid-gutter-size)); } .blocks-wrapper .float-l-w-5, .blocks-wrapper .float-r-w-5{ width: calc(5 * var(--grid-col-and-gutter) - var(--grid-gutter-size)); } } /* Granular break out classes */ @media (min-width: 1056px) { .blocks-wrapper .break-x-1{ margin-left: calc(var(--grid-col-and-gutter) * -1); margin-right: calc(var(--grid-col-and-gutter) * -1); } .blocks-wrapper .break-x-2{ margin-left: calc(calc(2 * var(--grid-col-and-gutter)) * -1); margin-right: calc(calc(2 * var(--grid-col-and-gutter)) * -1); } .blocks-wrapper .break-x-3{ margin-left: calc(calc(3 * var(--grid-col-and-gutter)) * -1); margin-right: calc(calc(3 * var(--grid-col-and-gutter)) * -1); } .blocks-wrapper .break-l-1{ margin-left: calc(var(--grid-col-and-gutter) * -1); } .blocks-wrapper .break-l-2{ margin-left: calc(calc(2 * var(--grid-col-and-gutter)) * -1); } .blocks-wrapper .break-l-3{ margin-left: calc(calc(3 * var(--grid-col-and-gutter)) * -1); } .blocks-wrapper .break-r-1{ margin-right: calc(var(--grid-col-and-gutter) * -1); } .blocks-wrapper .break-r-2{ margin-right: calc(calc(2 * var(--grid-col-and-gutter)) * -1); } .blocks-wrapper .break-r-3{ margin-right: calc(calc(3 * var(--grid-col-and-gutter)) * -1); } .blocks-wrapper .break-r-4{ margin-right: calc(calc(3.5 * var(--grid-col-and-gutter)) * -1); margin-top: 0px; } } @media (min-width: 1392px) { .blocks-wrapper .break-r-4{ margin-right: calc(calc(4.125 * var(--grid-col-and-gutter)) * -1); } } /* LISTS */ .single-article .article-body-inner > ol, .single-article .article-body-inner > ul, .blocks-wrapper > ol, .blocks-wrapper > ul, .siw-pin-wrapper > ol, .siw-pin-wrapper > ul{ margin-top: 2rem; margin-bottom: 2rem; display: grid; list-style-type: none; grid-template-columns: .5rem auto; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } @media (min-width: 1056px) { .single-article .article-body-inner > ol, .single-article .article-body-inner > ul, .blocks-wrapper > ol, .blocks-wrapper > ul, .siw-pin-wrapper > ol, .siw-pin-wrapper > ul{ margin-top: 3rem; margin-bottom: 3rem; } } .single-article .article-body-inner > ol li, .single-article .article-body-inner > ul li, .blocks-wrapper > ol li, .blocks-wrapper > ul li, .siw-pin-wrapper > ol li, .siw-pin-wrapper > ul li{ position: relative; grid-column: 2; } .single-article .article-body-inner > ol li::before, .single-article .article-body-inner > ul li::before, .blocks-wrapper > ol li::before, .blocks-wrapper > ul li::before, .siw-pin-wrapper > ol li::before, .siw-pin-wrapper > ul li::before{ position: absolute; content: var(--tw-content); left: -1.75rem; } .single-article .article-body-inner > ol li:last-child, .single-article .article-body-inner > ul li:last-child, .blocks-wrapper > ol li:last-child, .blocks-wrapper > ul li:last-child, .siw-pin-wrapper > ol li:last-child, .siw-pin-wrapper > ul li:last-child{ margin-bottom: 0px; padding-bottom: 0px; } .single-article .article-body-inner p + ol, .single-article .article-body-inner p + ul, .blocks-wrapper p + ol, .blocks-wrapper p + ul, .siw-pin-wrapper p + ol, .siw-pin-wrapper p + ul{ margin-top: 0px; } .single-article .article-body-inner > ol, .blocks-wrapper > ol, .siw-pin-wrapper > ol{ list-style-type: decimal; } .single-article .article-body-inner > ol li::marker, .blocks-wrapper > ol li::marker, .siw-pin-wrapper > ol li::marker{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); word-spacing: 0.25rem; } .single-article .article-body-inner > ol li > ol, .blocks-wrapper > ol li > ol, .siw-pin-wrapper > ol li > ol { list-style-type: lower-alpha; } .single-article .article-body-inner > ul li::before, .blocks-wrapper > ul li::before, .siw-pin-wrapper > ul li::before{ content: var(--tw-content); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); content: '•'; } /** * CONTENT RENDERED BY THE BLOCK EDITOR */ /* RESETS */ .blocks-wrapper .container{ margin: 0px !important; width: auto !important; } /* BASIC TYPOGRAPHY */ .blocks-wrapper > p, .blocks-wrapper > h1, .blocks-wrapper > h2, .blocks-wrapper > h3{ margin-top: 2rem; margin-bottom: 2rem; padding: 0px; } .blocks-wrapper > h1, .blocks-wrapper > h2, .blocks-wrapper > h3, .blocks-wrapper > h4, .blocks-wrapper > h5, .blocks-wrapper > h6, .blocks-wrapper > h2.is-style-title-7{ margin-top: 2rem; margin-bottom: 1.5rem; } @media (min-width: 1056px) { .blocks-wrapper > h1, .blocks-wrapper > h2, .blocks-wrapper > h3, .blocks-wrapper > h4, .blocks-wrapper > h5, .blocks-wrapper > h6, .blocks-wrapper > h2.is-style-title-7{ margin-top: 2rem; margin-bottom: 2rem; } .blocks-wrapper > h2.is-style-title-7{ margin-bottom: 2rem; } } /* CAPTIONS */ .blocks-wrapper figcaption{ font-size: 1rem; line-height: 140%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .content-wrapper-legacy p.blocks-wrapper figcaption{ margin-top: 0.5rem; margin-bottom: 1rem; } @media (min-width: 1056px) { .content-wrapper-legacy .alignwide .blocks-wrapper figcaption{ margin-left: calc(2 * var(--grid-col-and-gutter)); } } /* IMAGES */ .blocks-wrapper .wp-block-image{ margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 1056px) { .blocks-wrapper .wp-block-image{ margin-top: 4rem; margin-bottom: 4rem; } } /* EMBEDS */ .blocks-wrapper figure.wp-block-embed.is-type-video .wp-block-embed__wrapper{ aspect-ratio: 16 / 9; } .blocks-wrapper figure.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe{ height: 100%; width: 100%; } /** * ALIGNFULL STYLES */ .blocks-wrapper .alignfull:not(.is-style-half) figcaption{ margin-left: var(--content-gutter); margin-right: var(--content-gutter); } .blocks-wrapper .collections.alignfull .container{ margin-left: auto !important; margin-right: auto !important; width: 100% !important; padding-left: var(--content-gutter) !important; padding-right: var(--content-gutter) !important; } @media (min-width: 1056px){ .blocks-wrapper:not(.type-feature-article) .fullwidth-ad{ margin-left: calc(calc(51vw - (var(--scrollbar-width) / 2) - var(--grid-col-and-gutter)) * -1); } } .blocks-wrapper:not(.type-feature-article) .fullwidth-ad div[name="thenation_incontent_1"]{ width: calc(100% - 7vw); } @media (min-width: 1056px){ .blocks-wrapper:not(.type-feature-article) .fullwidth-ad div[name="thenation_incontent_1"]{ margin-left: 7vw; } } .blocks-wrapper .siderail-ad{ position: sticky; top: 5rem; } /** * BLOCK STYLES */ .blocks-wrapper .is-style-half{ width: 100%; } @media (min-width: 1056px) { .blocks-wrapper .is-style-half{ float: left; margin-top: calc(var(--grid-gutter-size) / 2); margin-bottom: calc(var(--grid-gutter-size) / 2); margin-right: var(--grid-gutter-size); width: calc(var(--grid-column-size) * 2 + var(--grid-gutter-size)); } .blocks-wrapper .is-style-half figcaption{ margin-bottom: 0px; } } @media (min-width: 1392px) { .blocks-wrapper .is-style-half{ width: calc(var(--grid-column-size) * 3 + var(--grid-gutter-size) * 2); } } @media (min-width: 1056px) { .blocks-wrapper .is-style-half.alignwide { /* @apply w-[calc(var(--grid-column-size)*4_+_var(--grid-gutter-size)*3)] -ml-[calc(2_*_var(--grid-col-and-gutter))]; */ width: calc(var(--grid-column-size) * 4 + var(--grid-gutter-size) * 3); margin-left: calc(var(--blocks-wrapper-left-space) * -1) } } @media (min-width: 1392px) { .blocks-wrapper .is-style-half.alignwide{ width: calc(var(--grid-column-size) * 5 + var(--grid-gutter-size) * 4); } } @media (min-width: 1056px) { .blocks-wrapper.type-feature-article .is-style-half{ margin-left: calc(var(--grid-col-and-gutter) * -1); width: calc(var(--grid-column-size) * 3 + var(--grid-gutter-size) * 2); } } @media (min-width: 1392px) { .blocks-wrapper.type-feature-article .is-style-half{ width: calc(var(--grid-column-size) * 4 + var(--grid-gutter-size) * 3); } } @media (min-width: 1056px) { .blocks-wrapper.type-feature-article .is-style-half.alignwide{ margin-left: calc(calc(3 * var(--grid-col-and-gutter)) * -1); width: calc(var(--grid-column-size) * 5 + var(--grid-gutter-size) * 4); } } @media (min-width: 1392px) { .blocks-wrapper.type-feature-article .is-style-half.alignwide{ width: calc(var(--grid-column-size) * 6 + var(--grid-gutter-size) * 5); } } /* RIGHT AFTER ARTICLE TITLE, APPLY NO TOP MARGIN */ .blocks-wrapper .article-title + .is-style-half, .blocks-wrapper .article-title + [class*="float"] + .is-style-half, .blocks-wrapper .wp-block-acf-article-title-block + .is-style-half, .blocks-wrapper .wp-block-acf-article-title-block + [class*="float"] + .is-style-half, .blocks-wrapper .pin-spacer + .is-style-half{ margin-top: 0px; } .blocks-wrapper .article-title + [class*="float"], .blocks-wrapper .wp-block-acf-article-title-block + [class*="float"]{ margin-top: 0px; } /* ALSO IMMEDIATELLY AFTER PARAGRAPHS, APPLY NO TOP MARGIN */ .blocks-wrapper > p + .is-style-half{ margin-top: 0px; } /** * ARTICLE POST TYPE ONLY STYLES */ /* ONLY DISPLAY WORDMARK AT THE END OF ARTICLES: LAST PARAGRAPH */ .single-article .blocks-wrapper > p:last-of-type::after{ position: relative; left: 0.5rem; top: 2px; display: inline-block; height: 18px; width: 18px; content: url("data:image/svg+xml,%3Csvg fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 18 18%27%3E%3Cpath fill=%27%23E8192B%27 d=%27M0 0h18v18H0z%27/%3E%3Cpath d=%27M13.018 15.546h.367V5.553c0-1.802 1.027-2.457 2.09-2.457h.275v-.437a78.12 78.12 0 0 1-5.867 0v.437h.568c1.577 0 2.366.855 2.384 2.457l.055 6.425-6.216-9.3c-.568.018-1.503.018-1.98.018-.476 0-1.136 0-1.961-.037v.437h.678c.807 0 1.228.091 1.742.746v8.737c0 1.802-1.027 2.457-2.109 2.457H2.66v.437a84.875 84.875 0 0 1 6.087 0v-.437h-.678c-1.559 0-2.365-.855-2.384-2.457L5.63 4.425l7.39 11.12Z%27 fill=%27%23fff%27/%3E%3C/svg%3E"); } /* STICKY ELEMENTS */ @media (min-width: 1056px){ .single-article .blocks-wrapper.type-standard-article .popular-articles, .single-article .blocks-wrapper.type-standard-article .siderail-ad, .single-article .blocks-wrapper.type-feature-article .popular-articles, .single-article .blocks-wrapper.type-feature-article .siderail-ad, .single-article .blocks-wrapper.legacy-featured .popular-articles, .single-article .blocks-wrapper.legacy-featured .siderail-ad{ position: absolute; left: 100%; } .single-article .blocks-wrapper.type-standard-article .siderail-ad, .single-article .blocks-wrapper.type-feature-article .siderail-ad, .single-article .blocks-wrapper.legacy-featured .siderail-ad{ top: unset; margin: 0px; } } /* HIDE RIGHT SIDERAIL ITEMS ON FEATURED ARTICLE TEMPLATE */ .single-article .blocks-wrapper.type-feature-article .popular-articles, .single-article .blocks-wrapper.type-feature-article .siderail-ad{ display: none; } /** * ARTICLE TYPE TWEAKS FOR CONTENT RENDERED BY THE BLOCK EDITOR */ .blocks-wrapper .wp-block-pullquote{ text-align: left; } @media (min-width: 1056px) { .blocks-wrapper .wp-block-pullquote { /* @apply -ml-[calc(var(--left-column-width,_2)_*_var(--grid-col-and-gutter))]; */ margin-left: calc(var(--blocks-wrapper-left-space) * -1) } } .blocks-wrapper.type-standard-article .wp-block-pullquote p:first-of-type::before, .blocks-wrapper.type-standard-article .wp-block-pullquote p:last-of-type::after { content: none; } @media (min-width: 1056px) { .blocks-wrapper.type-standard-article .alignwide:not(.is-style-half) figcaption{ margin-left: calc(var(--left-column-width, 2) * var(--grid-col-and-gutter)); } .blocks-wrapper.type-feature-article .wp-block-pullquote{ margin-left: calc(var(--grid-col-and-gutter) * -1); margin-right: calc(var(--grid-col-and-gutter) * -1); } .blocks-wrapper.type-feature-article .alignwide:not(.is-style-half) figcaption{ margin-left: var(--grid-col-and-gutter); margin-right: var(--grid-col-and-gutter); } } .blocks-wrapper.type-sponsored-article .connatix-player-footer{ display: none; } @media (min-width: 1056px) { .content-wrapper-legacy .article-header{ margin-right: calc(calc(2 * var(--grid-col-and-gutter)) * -1); } } .content-wrapper-legacy .article-header .opp_art_main{ margin-top: 2rem; } @media (min-width: 1056px){ .content-wrapper-legacy .article-header .opp_art_main{ margin-top: 4rem; } } .content-wrapper-legacy .article-header .opp_art_main img{ width: auto; } .content-wrapper-legacy .article-fullscreen .article-hero{ display: block; height: 30vh; max-height: none; width: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 1056px){ .content-wrapper-legacy .article-fullscreen .article-hero{ height: 65vh; } } .content-wrapper-legacy .article-fullscreen .banner_caption_txt{ margin-left: 1rem; margin-right: 1rem; margin-top: 0.75rem; padding-right: 0px; font-size: 1rem; line-height: 140%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .content-wrapper-legacy .article-info{ margin-top: 2rem; margin-bottom: 1rem; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.9375rem; line-height: 110%; font-weight: 500; text-transform: uppercase; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .content-wrapper-legacy .article-info > *{ display: inline-block; line-height: 0px; } .content-wrapper-legacy .article-info a{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .content-wrapper-legacy .article-info .is_date{ --tw-text-opacity: 1 !important; color: rgb(102 102 102 / var(--tw-text-opacity)) !important; } .content-wrapper-legacy .article-info li + .is_date::before, .content-wrapper-legacy .article-info li + .is-today::before{ margin-left: 0.25rem; margin-right: 0.25rem; --tw-content: "/"; content: var(--tw-content); } .content-wrapper-legacy:not(.featured-legacy, .podcast-legacy) .article-title__meta, .content-wrapper-legacy:not(.featured-legacy, .podcast-legacy) .article-title__dek, .content-wrapper-legacy:not(.featured-legacy, .podcast-legacy) .article-header-content .subtitle, .content-wrapper-legacy:not(.featured-legacy, .podcast-legacy) .meta{ margin-left: 0px; margin-right: auto; max-width: 645px; } .content-wrapper-legacy h1.title{ font-family: Ivar Display, Georgia, Times, serif; font-size: clamp(2.125rem, 0.25rem + 6.25vw, 4.375rem); line-height: 95%; } .content-wrapper-legacy h2.subtitle{ margin-top: 1.5rem; margin-bottom: 1.5rem; font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; font-style: italic; } .content-wrapper-legacy h2.subtitle em{ font-style: normal; } .content-wrapper-legacy .category + .subcategory::before{ margin-left: 0.25rem; margin-right: 0.25rem; --tw-content: "/"; content: var(--tw-content); } .content-wrapper-legacy .category a:hover, .content-wrapper-legacy .subcategory a:hover{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .content-wrapper-legacy .meta{ margin-left: auto; margin-right: auto; margin-right: calc(2 * var(--grid-col-and-gutter)); display: grid; grid-template-columns: minmax(min-content,max-content) max-content; justify-content: space-between; -moz-column-gap: 1rem; column-gap: 1rem; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.938rem; line-height: 110%; font-weight: 500; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .content-wrapper-legacy .article-header-content .title + .meta{ margin-top: 1.5rem; } @media (min-width: 1056px){ .content-wrapper-legacy .article-header-content .title + .meta{ margin-top: 2rem; } } .content-wrapper-legacy .article-header-content .anchor_subject{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .content-wrapper-legacy .byline{ display: block; } .content-wrapper-legacy .byline a{ font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.938rem; line-height: 110%; font-weight: 500; text-transform: uppercase; font-style: normal; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .content-wrapper-legacy .byline .author_name{ float: none !important; } .content-wrapper-legacy .article-body.tnpaywallcontent{ position: relative; } .content-wrapper-legacy .article-body-inner > h1, .content-wrapper-legacy .article-body-inner > h2, .content-wrapper-legacy .article-body-inner > h3, .content-wrapper-legacy .article-body-inner > h4{ font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .content-wrapper-legacy .article-note{ font-style: italic; } @media (min-width: 1056px){ .content-wrapper-legacy .popular-articles{ display: none; } } .content-wrapper-legacy .related-newarticle, .content-wrapper-legacy aside.left.indents.related-oneup{ margin-top: 2rem; margin-bottom: 2rem; box-sizing: border-box; border-left-width: 2px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); padding-left: 1rem !important; } .content-wrapper-legacy .related-newarticle h4, .content-wrapper-legacy aside.left.indents.related-oneup h4{ font-size: clamp(1.625rem, 1.208333rem + 1.3888vw, 2.125rem); line-height: 115%; } .content-wrapper-legacy .related-newarticle .newrelated-blocks > a, .content-wrapper-legacy .related-newarticle .oneup-blocks > a, .content-wrapper-legacy aside.left.indents.related-oneup .newrelated-blocks > a, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-blocks > a{ margin-top: 2rem; margin-bottom: 0.75rem; display: block; background-image: none; transition-property: none; } .content-wrapper-legacy .related-newarticle .newrelated-blocks > a h5, .content-wrapper-legacy .related-newarticle .oneup-blocks > a h5, .content-wrapper-legacy aside.left.indents.related-oneup .newrelated-blocks > a h5, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-blocks > a h5{ position: relative; display: inline; background-image: linear-gradient(rgb(232 25 43 / 1),rgb(232 25 43 / 1)); background-position: center 90%; background-repeat: no-repeat; font-family: Ivar Headline, Georgia, Times, serif; font-size: 1.25rem; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); transition: background-size 0.2s ease; background-size: 100% 0; } .content-wrapper-legacy .related-newarticle .newrelated-blocks > a:hover h5, .content-wrapper-legacy .related-newarticle .newrelated-blocks > a:focus h5, .content-wrapper-legacy .related-newarticle .newrelated-blocks > a:active h5, .content-wrapper-legacy .related-newarticle .oneup-blocks > a:hover h5, .content-wrapper-legacy .related-newarticle .oneup-blocks > a:focus h5, .content-wrapper-legacy .related-newarticle .oneup-blocks > a:active h5, .content-wrapper-legacy aside.left.indents.related-oneup .newrelated-blocks > a:hover h5, .content-wrapper-legacy aside.left.indents.related-oneup .newrelated-blocks > a:focus h5, .content-wrapper-legacy aside.left.indents.related-oneup .newrelated-blocks > a:active h5, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-blocks > a:hover h5, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-blocks > a:focus h5, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-blocks > a:active h5 { transition: background-size 0.2s ease; background-size: 100% 0.125rem; box-shadow: none; text-decoration-line: none; opacity: 1; } .content-wrapper-legacy .related-newarticle .newrelated-blocks p a, .content-wrapper-legacy .related-newarticle .newrelated-blocks p.author, .content-wrapper-legacy .related-newarticle .oneup-blocks p a, .content-wrapper-legacy .related-newarticle .oneup-blocks p.author, .content-wrapper-legacy aside.left.indents.related-oneup .newrelated-blocks p a, .content-wrapper-legacy aside.left.indents.related-oneup .newrelated-blocks p.author, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-blocks p a, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-blocks p.author{ margin-top: 0.75rem; margin-bottom: 0px; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.9375rem; line-height: 110%; font-weight: 500; text-transform: uppercase; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .content-wrapper-legacy .related-newarticle:not(.book-module) .newrelated-blocks p a, .content-wrapper-legacy .related-newarticle .oneup-blocks p a, .content-wrapper-legacy aside.left.indents.related-oneup:not(.book-module) .newrelated-blocks p a, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-blocks p a { transition: background-size 0.2s ease; background-size: 100% 0; } .content-wrapper-legacy .related-newarticle:not(.book-module) .newrelated-blocks p a:hover, .content-wrapper-legacy .related-newarticle:not(.book-module) .newrelated-blocks p a:focus, .content-wrapper-legacy .related-newarticle:not(.book-module) .newrelated-blocks p a:active, .content-wrapper-legacy .related-newarticle .oneup-blocks p a:hover, .content-wrapper-legacy .related-newarticle .oneup-blocks p a:focus, .content-wrapper-legacy .related-newarticle .oneup-blocks p a:active, .content-wrapper-legacy aside.left.indents.related-oneup:not(.book-module) .newrelated-blocks p a:hover, .content-wrapper-legacy aside.left.indents.related-oneup:not(.book-module) .newrelated-blocks p a:focus, .content-wrapper-legacy aside.left.indents.related-oneup:not(.book-module) .newrelated-blocks p a:active, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-blocks p a:hover, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-blocks p a:focus, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-blocks p a:active{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; transition: background-size 0.2s ease; background-size: 100% 0.125rem; } .content-wrapper-legacy .related-newarticle .oneup-block-img, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-block-img{ margin-top: 2rem; } .content-wrapper-legacy .related-newarticle .oneup-block-img a, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-block-img a{ position: relative; display: block; height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content; background-image: none !important; } .content-wrapper-legacy .related-newarticle .oneup-block-img a::after, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-block-img a::after { transition: height 0.2s ease; position: absolute; bottom: 0px; left: 0px; height: 0px; width: 100%; background-image: linear-gradient(rgb(232 25 43 / 1),rgb(232 25 43 / 1)); background-position: bottom; background-repeat: no-repeat; transition-delay: .2s; --tw-content: ''; content: var(--tw-content); } .content-wrapper-legacy .related-newarticle .oneup-block-img a:hover::after, .content-wrapper-legacy aside.left.indents.related-oneup .oneup-block-img a:hover::after { transition: height 0.2s ease; height: 0.5rem; text-decoration-line: none; } .content-wrapper-legacy aside.current-issue { grid-template-areas: 'cover block-title' 'cover magazine-title' 'cover magazine-title'; } @media (min-width: 1056px) { .content-wrapper-legacy aside.current-issue { grid-template-areas: 'block-title' 'cover' 'magazine-title' } } .content-wrapper-legacy aside.current-issue h4{ margin-bottom: 1rem; grid-area: block-title; } .content-wrapper-legacy aside.current-issue > .current-blocks { grid-area: cover; } .content-wrapper-legacy aside.current-issue > .current-blocks + .current-blocks { grid-area: magazine-title; } .content-wrapper-legacy aside.current-issue .current-blocks__current-issue-image{ border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } .content-wrapper-legacy aside.current-issue .current-blocks .no-target-blank{ position: relative; height: -moz-fit-content; height: fit-content; background-image: none !important; } .content-wrapper-legacy aside.current-issue .current-blocks .no-target-blank::after { transition: height 0.2s ease; position: absolute; bottom: 0px; left: 0px; height: 0px; width: 100%; background-image: linear-gradient(rgb(232 25 43 / 1),rgb(232 25 43 / 1)); background-position: bottom; background-repeat: no-repeat; transition-delay: .2s; --tw-content: ''; content: var(--tw-content); } .content-wrapper-legacy aside.current-issue .current-blocks .no-target-blank:hover::after { transition: height 0.2s ease; height: 0.5rem; text-decoration-line: none; } .content-wrapper-legacy aside.current-issue .cta.magazine_button{ margin: 0px; width: 100%; padding: 0px; } .content-wrapper-legacy aside.current-issue .cta.magazine_button a{ width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 2rem; padding-right: 2rem; margin-bottom: 1.25rem; border-radius: 100px; font-size: clamp(1.25rem,2.73vw,1.75rem); background-color: #E8192B; color: #ffffff; font-style: italic; font-family: Ivar Headline, Georgia, Times, serif; text-transform: none; display: inline-block; outline-width: 0; position: relative; z-index: 2; overflow: hidden; border-width: 2px; border-style: solid; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .content-wrapper-legacy aside.current-issue .cta.magazine_button a::after{ content: ""; position: absolute; box-sizing: border-box; z-index: -1; width: 100%; height: 0; bottom: 0; left: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .content-wrapper-legacy aside.current-issue .cta.magazine_button a:hover,.content-wrapper-legacy aside.current-issue .cta.magazine_button a:active,.content-wrapper-legacy aside.current-issue .cta.magazine_button a:focus{ color: #E8192B; opacity: 1; } .content-wrapper-legacy aside.current-issue .cta.magazine_button a:hover::after,.content-wrapper-legacy aside.current-issue .cta.magazine_button a:active::after,.content-wrapper-legacy aside.current-issue .cta.magazine_button a:focus::after{ height: 100%; } .content-wrapper-legacy aside.current-issue .cta.magazine_button a{ border-color: #E8192B; color: #ffffff; background-color: #E8192B; } .content-wrapper-legacy aside.current-issue .cta.magazine_button a::after{ background-color: #FFF1F1; } .content-wrapper-legacy aside.current-issue .cta.magazine_button a:hover,.content-wrapper-legacy aside.current-issue .cta.magazine_button a:active,.content-wrapper-legacy aside.current-issue .cta.magazine_button a:focus{ color: #E8192B; } .content-wrapper-legacy aside.current-issue .cta.magazine_button a::after{ background-color: #ffffff; } .content-wrapper-legacy aside.current-issue .cta.magazine_button a{ font-size: 1.25rem; line-height: 115%; background-image: none; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition: all cubic-bezier(0.4, 0, 0.2, 1) 300ms; } .content-wrapper-legacy aside.current-issue .cta.magazine_button a:hover input{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .content-wrapper-legacy aside.current-issue .cta.magazine_button a input{ font-size: 1.25rem; line-height: 115%; margin: 0px; border-width: 0px; background-color: transparent !important; padding: 0px; } .content-wrapper-legacy aside.current-issue .cta.magazine_button a, .content-wrapper-legacy aside.current-issue .cta.magazine_button input[style]{ font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; } .content-wrapper-legacy aside.current-issue .cta.magazine_button .btn{ background-color: transparent; } .content-wrapper-legacy aside.current-issue .magazine_text p{ margin-top: 1rem; margin-bottom: 1rem; font-size: 1rem; line-height: 1.5; } .content-wrapper-legacy aside.current-issue .textred-highlighted{ display: none; } .content-wrapper-legacy aside.book-module h4{ margin-bottom: 2rem; } .content-wrapper-legacy aside.book-module .newrelated-blocks h5{ margin-top: 2rem; margin-bottom: 0.75rem; font-family: Ivar Headline, Georgia, Times, serif; font-size: 1.25rem; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } /* BLOCKQUOTE */ /* & blockquote p { @apply flex gap-x-[0.2rem]; } */ /* CTA */ .content-wrapper-legacy .tn-inline-cta-module{ align-items: flex-end; justify-content: space-between; border-left-width: 2px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; } @media (min-width: 782px){ .content-wrapper-legacy .tn-inline-cta-module{ display: flex; } } .content-wrapper-legacy .tn-inline-cta-module h4 strong{ font-size: clamp(1.625rem, 1.208333rem + 1.3888vw, 2.125rem); line-height: 115%; font-weight: 400; } .content-wrapper-legacy .tn-inline-cta-module h4 strong em{ font-style: normal; } .content-wrapper-legacy .tn-inline-cta-module p{ margin-top: 1rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 782px){ .content-wrapper-legacy .tn-inline-cta-module p{ margin-bottom: 0px; } } .content-wrapper-legacy .tn-inline-cta-module .newsletter-form p{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .content-wrapper-legacy .tn-inline-cta-module .cta{ margin-top: 0px; margin-bottom: 0px; } .content-wrapper-legacy .tn-inline-cta-module .cta a{ width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 2rem; padding-right: 2rem; margin-bottom: 1.25rem; border-radius: 100px; font-size: clamp(1.25rem,2.73vw,1.75rem); background-color: #E8192B; color: #ffffff; font-style: italic; font-family: Ivar Headline, Georgia, Times, serif; text-transform: none; display: inline-block; outline-width: 0; position: relative; z-index: 2; overflow: hidden; border-width: 2px; border-style: solid; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .content-wrapper-legacy .tn-inline-cta-module .cta a::after{ content: ""; position: absolute; box-sizing: border-box; z-index: -1; width: 100%; height: 0; bottom: 0; left: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .content-wrapper-legacy .tn-inline-cta-module .cta a:hover,.content-wrapper-legacy .tn-inline-cta-module .cta a:active,.content-wrapper-legacy .tn-inline-cta-module .cta a:focus{ color: #E8192B; opacity: 1; } .content-wrapper-legacy .tn-inline-cta-module .cta a:hover::after,.content-wrapper-legacy .tn-inline-cta-module .cta a:active::after,.content-wrapper-legacy .tn-inline-cta-module .cta a:focus::after{ height: 100%; } .content-wrapper-legacy .tn-inline-cta-module .cta a{ border-color: #E8192B; color: #ffffff; background-color: #E8192B; } .content-wrapper-legacy .tn-inline-cta-module .cta a::after{ background-color: #FFF1F1; } .content-wrapper-legacy .tn-inline-cta-module .cta a:hover,.content-wrapper-legacy .tn-inline-cta-module .cta a:active,.content-wrapper-legacy .tn-inline-cta-module .cta a:focus{ color: #E8192B; } .content-wrapper-legacy .tn-inline-cta-module .cta a{ font-size: 1.25rem; line-height: 115%; background-image: none; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media not all and (min-width: 782px){ .content-wrapper-legacy .tn-inline-cta-module .cta a{ width: 100%; } } @media (min-width: 782px){ .content-wrapper-legacy .tn-inline-cta-module .cta a{ margin-bottom: 0px; } } .content-wrapper-legacy .tn-inline-cta-module .cta a { transition: all cubic-bezier(0.4, 0, 0.2, 1) 300ms; } .content-wrapper-legacy .tn-inline-cta-module .cta a:hover input, .content-wrapper-legacy .tn-inline-cta-module .cta a:focus input{ --tw-text-opacity: 1 !important; color: rgb(232 25 43 / var(--tw-text-opacity)) !important; } .content-wrapper-legacy .tn-inline-cta-module .cta a input{ font-size: 1.25rem; line-height: 115%; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; display: block; border-width: 0px; background-color: transparent !important; padding: 0px; padding-left: 0.15rem; padding-right: 0.15rem; text-align: center; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } /* FOOTER */ .content-wrapper-legacy .commentContainer, .content-wrapper-legacy .footer-module.comments, .content-wrapper-legacy div[name='thenation_between_articles'], .content-wrapper-legacy .inifiniteLoader{ display: none; } .content-wrapper-legacy .footer-module.author-bio{ width: 100%; border-top-width: 18px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); padding-top: 2rem; } @media (min-width: 1056px) { .content-wrapper-legacy .footer-module.author-bio{ padding-top: 3rem; } } .content-wrapper-legacy .footer-module.author-bio > p span:first-child{ margin-bottom: 1rem; } .content-wrapper-legacy .footer-module.author-bio a[href*='authors']{ font-family: Ivar Headline, Georgia, Times, serif; font-size: clamp(1.625rem, 1.41666rem + 0.69444vw, 1.875rem); line-height: 115%; font-style: italic; --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .content-wrapper-legacy .footer-module.author-bio p{ margin-top: 0px; margin-bottom: 0px; } .content-wrapper-legacy .footer-module.author-bio p span{ display: flex; align-items: center; gap: 0.75rem; } .content-wrapper-legacy .footer-module.author-bio p a{ --tw-text-opacity: 1 !important; color: rgb(102 102 102 / var(--tw-text-opacity)) !important; } .content-wrapper-legacy .footer-module.author-bio p a.author-twitter{ background-image: none !important; } .content-wrapper-legacy .footer-module.author-bio p a.author-twitter:hover svg path, .content-wrapper-legacy .footer-module.author-bio p a.author-twitter:focus svg path, .content-wrapper-legacy .footer-module.author-bio p a.author-twitter:active svg path{ fill: #E8192B; } .content-wrapper-legacy .supplementary .message > p{ margin: 0px; } .content-wrapper-legacy .connatix-player-footer{ margin-top: 1rem; margin-bottom: 1rem; border-style: none; padding-top: 0px; padding-bottom: 0px; } /* FLOATS */ @media (min-width: 1056px) { .content-wrapper-legacy aside.indents{ float: left; clear: both; margin: var(--grid-gutter-size); width: calc(3 * var(--grid-col-and-gutter) - var(--grid-gutter-size)); margin-left: calc(var(--blocks-wrapper-left-space) * -1); } .content-wrapper-legacy aside.indents.current-issue{ width: calc(2 * var(--grid-col-and-gutter) - var(--grid-gutter-size)); } } @media (min-width: 1392px) { .content-wrapper-legacy aside.indents{ margin-left: calc(calc(var(--left-column-width, 2) * var(--grid-col-and-gutter)) * -1); } } .content-wrapper-legacy .aside-wrap{ display: none; } @media screen and (min-width: 1057px) { .content-wrapper-legacy .aside-wrap{ float: right; margin: var(--grid-gutter-size); margin-right: calc(calc(var(--right-column-width, 3) * var(--grid-col-and-gutter)) * -1); display: block; width: calc(3 * var(--grid-col-and-gutter) - var(--grid-gutter-size)); /* Important until we know how to handle all.js calculateHeights function */ /* @apply !sticky !top-[5rem]; */ position: absolute; right: 0px; top: 0px; } } .content-wrapper-legacy .aside-wrap .ad-wrap{ position: relative; } .content-wrapper-legacy .aside-wrap .ad-wrap .right{ position: sticky; top: 4rem; margin-right: 0px !important; } .content-wrapper-legacy .aside-wrap .most-popular .popular-articles{ display: block; } .content-wrapper-legacy .aside-wrap .most-popular .popular-article{ margin-bottom: 3rem; display: flex; gap: 2rem; } .content-wrapper-legacy .aside-wrap .most-popular .popular-article .rank{ font-size: clamp(2.125rem, 3.91vw, 2.5rem); line-height: 110%; } .content-wrapper-legacy .aside-wrap .most-popular .popular-article p{ margin: 0px; } /* MARGINS */ .content-wrapper-legacy aside.image, .content-wrapper-legacy .center-image img, .content-wrapper-legacy .cnx-main-container{ margin-top: 2rem !important; margin-bottom: 2rem !important; } @media (min-width: 1056px) { .content-wrapper-legacy aside.image, .content-wrapper-legacy .center-image img, .content-wrapper-legacy .cnx-main-container{ margin-top: 4rem !important; margin-bottom: 4rem !important; } } .content-wrapper-legacy aside.image img{ width: 100%; } .content-wrapper-legacy p{ margin-top: 2rem; margin-bottom: 2rem; padding: 0px; } .content-wrapper-legacy p.caption{ margin-top: 0.5rem; margin-bottom: 1rem; } /* ALIGN WIDE */ @media (min-width: 1056px) { .content-wrapper-legacy .alignwide{ margin-left: calc(calc(2 * var(--grid-col-and-gutter)) * -1); margin-right: 0px; } .content-wrapper-legacy .alignwide .caption{ margin-left: calc(2 * var(--grid-col-and-gutter)); } } /* WORDMARK */ .content-wrapper-legacy .article-body-inner > p:last-of-type::after{ position: relative; left: 0.5rem; top: 2px; display: inline-block; height: 18px; width: 18px; content: url("data:image/svg+xml,%3Csvg fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 18 18%27%3E%3Cpath fill=%27%23E8192B%27 d=%27M0 0h18v18H0z%27/%3E%3Cpath d=%27M13.018 15.546h.367V5.553c0-1.802 1.027-2.457 2.09-2.457h.275v-.437a78.12 78.12 0 0 1-5.867 0v.437h.568c1.577 0 2.366.855 2.384 2.457l.055 6.425-6.216-9.3c-.568.018-1.503.018-1.98.018-.476 0-1.136 0-1.961-.037v.437h.678c.807 0 1.228.091 1.742.746v8.737c0 1.802-1.027 2.457-2.109 2.457H2.66v.437a84.875 84.875 0 0 1 6.087 0v-.437h-.678c-1.559 0-2.365-.855-2.384-2.457L5.63 4.425l7.39 11.12Z%27 fill=%27%23fff%27/%3E%3C/svg%3E"); } /* LEGACY PODCAST STYLING */ .content-wrapper-legacy.podcast-legacy .article-header{ margin-left: calc(var(--content-gutter) * -1); margin-right: calc(var(--content-gutter) * -1); width: calc(100% + 2 * (var(--content-gutter))); --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); } @media (min-width: 1056px) { .content-wrapper-legacy.podcast-legacy .article-header{ position: relative; left: 50%; margin-left: auto; margin-right: auto; margin-left: calc(calc(50vw - (var(--scrollbar-width) / 2) - var(--grid-col-and-gutter)) * -1); width: var(--viewport-width-no-scrollbar); } } .content-wrapper-legacy.podcast-legacy .article-header-content{ display: grid; place-content: center; padding-top: 2rem; padding-bottom: 2rem; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 782px){ .content-wrapper-legacy.podcast-legacy .article-header-content{ padding-top: 4rem; padding-bottom: 4rem; } } .content-wrapper-legacy.podcast-legacy .article-header .article-info{ margin-top: 0px; margin-bottom: 0px; display: flex; place-content: center; -moz-column-gap: .2rem; column-gap: .2rem; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .content-wrapper-legacy.podcast-legacy .article-header .article-info > *{ padding-bottom: 0px; line-height: 1rem; } .content-wrapper-legacy.podcast-legacy .article-header .article-info .category{ display: inline-flex; -moz-column-gap: .4rem; column-gap: .4rem; } .content-wrapper-legacy.podcast-legacy .article-header .article-info .category svg{ height: 1rem; width: 1.125rem; } .content-wrapper-legacy.podcast-legacy .article-header .article_pub_time{ margin-top: 0px !important; } .content-wrapper-legacy.podcast-legacy .article-header .subtitle{ margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; max-width: 866px; padding-top: 1.5rem; text-align: center; } @media (min-width: 782px){ .content-wrapper-legacy.podcast-legacy .article-header .subtitle{ padding-top: 2rem; } } .content-wrapper-legacy.podcast-legacy .article-header .meta{ margin: 0px; display: flex; align-items: baseline; justify-content: center; gap: 1rem; padding-top: 1.5rem; } @media (min-width: 782px){ .content-wrapper-legacy.podcast-legacy .article-header .meta{ padding-top: 2rem; } } .content-wrapper-legacy.podcast-legacy .article-header .edit-link{ text-align: center; } .content-wrapper-legacy.podcast-legacy .article-header h1{ max-width: 1095px; padding-top: 1rem; text-align: center; font-family: Ivar Display, Georgia, Times, serif; } /* LEGACY SECTION LANDER STYLES */ .page-template-primary_landing_page .teaser_modules, .page-template-full_width_tem .teaser_modules{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } #more_ways_to_give .story h4, #for_donors .story h4, #faq h3 a, div.classroom-wrap section.stories.curated .story h4, section.tn-poetry-pullquote .story h3 a, section.tn-poetry-text.hero .row.primary .story .info a.author{ font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .page-template-donation_home_new_honor_roll p{ font-size: 1rem; } #gtm_donation_templates .rc-container-column-list-content.row, .page-template-donation_template .rc-container-column-list-content.row{ flex-wrap: wrap; justify-content: space-between; -moz-column-gap: 2rem; column-gap: 2rem; } @media (min-width: 1056px){ #gtm_donation_templates .rc-container-column-list-content.row, .page-template-donation_template .rc-container-column-list-content.row{ display: flex; } } #gtm_donation_templates .rc-container-column-list-content.row .rc-container-column, .page-template-donation_template .rc-container-column-list-content.row .rc-container-column{ float: none; } #gtm_donation_templates .rc-container-column-list-content.row .top-heading, .page-template-donation_template .rc-container-column-list-content.row .top-heading{ flex-basis: 100%; } @media (min-width: 1056px){ #gtm_donation_templates .rc-container-column-list-content.row .col-sm-6, .page-template-donation_template .rc-container-column-list-content.row .col-sm-6{ width: 46%; } } #more_ways_to_give a:hover img, #for_donors a:hover img, .other-w-to-sec a:hover img { filter: brightness(80%); transition: all 0.2s; } /* Legacy featured gallery popup */ .mfp-bg, .mfp-container, .mfp-wrap { width: 100%; height: 100%; } .mfp-bg { top: 0; z-index: 1042; overflow: hidden; background: #0b0b0b; opacity: 0.8; } .mfp-bg, .mfp-wrap { position: fixed; left: 0; } .mfp-wrap { top: 0; z-index: 1043; outline: 0 !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; left: 0; top: 0; padding: 0 8px; width: calc(100% - 15px); } .mfp-container::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container::before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-close, .mfp-preloader a:hover { color: #fff; } .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none; } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background-position: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none; } .mfp-figure::after, .mfp-iframe-scaler iframe { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); position: absolute; left: 0; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:focus, .mfp-close:hover { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; } .mfp-figure, img.mfp-img { line-height: 0; } .mfp-arrow { position: absolute; opacity: 0.65; margin: -55px 0 0; top: 50%; padding: 0; width: 90px; height: 110px; } .mfp-arrow:focus, .mfp-arrow:hover, .slick-next:focus::before, .slick-next:hover::before, .slick-prev:focus::before, .slick-prev:hover::before { opacity: 1; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow::after, .mfp-arrow::before { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: inset transparent; } .mfp-arrow .mfp-a, .mfp-arrow::after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow .mfp-b, .mfp-arrow::before { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left .mfp-a, .mfp-arrow-left::after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left .mfp-b, .mfp-arrow-left::before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right .mfp-a, .mfp-arrow-right::after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right .mfp-b, .mfp-arrow-right::before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-image-holder .mfp-content, .slick-list, img.mfp-img { max-width: 100%; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { display: block; top: 0; width: 100%; height: 100%; background: #000; } .mfp-figure:after, img.mfp-img { width: auto; height: auto; display: block; } img.mfp-img { padding: 40px 0; margin: 0 auto; } .mfp-figure figure { margin: 0; } .mfp-figure::after { content: ""; top: 40px; bottom: 40px; right: 0; z-index: -1; background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; font-size: 1rem; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75); } .mfp-arrow-left { transform-origin: 0; } .mfp-arrow-right { transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } @media print { .ad, .ad-300, .collections, .upcoming-events-collection, .sharethis-menu, .pp-podcast, #ad-leaderboard, .connatix-player-footer, .aside-wrap, .cnx-main-container, .siderail-ad, aside, .aside-wrap, .cnx-main-container, .footer, .header, .event-header, .travel-header, .btn, #ConnatixPlaceholder, cnx, .editors-picks, .article-stories, .fs-sticky-footer, .ad-policy, .expand-reduce-keep, .mid-ad-policy, .top-ad-policy, .cta, .accordion__toggle, .article-end__links, .article-end__author-twitter, .author-twitter, .current-issue, .edit-link, div[aria-hidden="true"], .at, .travels-contact-form, .post-type-travellog .travel-details, iframe{ display: none !important; } .event-details { page-break-before: always; } .post-type-destination .travel-details{ float: none; } } .btn, a.wp-block-button__link, .wp-block-button__link, .wdform-element-section .button-submit, .primary-button, .cta__news-form .form-submit #submit, .cta__news-form .primary-button, .inline-cta-btn{ width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 2rem; padding-right: 2rem; margin-bottom: 1.25rem; border-radius: 100px; font-size: clamp(1.25rem,2.73vw,1.75rem); background-color: #E8192B; color: #ffffff; font-style: italic; font-family: Ivar Headline, Georgia, Times, serif; text-transform: none; display: inline-block; outline-width: 0; position: relative; z-index: 2; overflow: hidden; border-width: 2px; border-style: solid; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .btn::after, a.wp-block-button__link::after, .wp-block-button__link::after, .wdform-element-section .button-submit::after, .primary-button::after, .cta__news-form .form-submit #submit::after, .cta__news-form .primary-button::after, .inline-cta-btn::after{ content: ""; position: absolute; box-sizing: border-box; z-index: -1; width: 100%; height: 0; bottom: 0; left: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .btn:hover,.btn:active,.btn:focus, a.wp-block-button__link:hover, a.wp-block-button__link:active, a.wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:active, .wp-block-button__link:focus, .wdform-element-section .button-submit:hover, .wdform-element-section .button-submit:active, .wdform-element-section .button-submit:focus, .primary-button:hover, .primary-button:active, .primary-button:focus, .cta__news-form .form-submit #submit:hover, .cta__news-form .form-submit #submit:active, .cta__news-form .form-submit #submit:focus, .cta__news-form .primary-button:hover, .cta__news-form .primary-button:active, .cta__news-form .primary-button:focus, .inline-cta-btn:hover, .inline-cta-btn:active, .inline-cta-btn:focus{ color: #E8192B; opacity: 1; } .btn:hover::after,.btn:active::after,.btn:focus::after, a.wp-block-button__link:hover::after, a.wp-block-button__link:active::after, a.wp-block-button__link:focus::after, .wp-block-button__link:hover::after, .wp-block-button__link:active::after, .wp-block-button__link:focus::after, .wdform-element-section .button-submit:hover::after, .wdform-element-section .button-submit:active::after, .wdform-element-section .button-submit:focus::after, .primary-button:hover::after, .primary-button:active::after, .primary-button:focus::after, .cta__news-form .form-submit #submit:hover::after, .cta__news-form .form-submit #submit:active::after, .cta__news-form .form-submit #submit:focus::after, .cta__news-form .primary-button:hover::after, .cta__news-form .primary-button:active::after, .cta__news-form .primary-button:focus::after, .inline-cta-btn:hover::after, .inline-cta-btn:active::after, .inline-cta-btn:focus::after{ height: 100%; } .btn--full{ width: 100%; text-align: center; } .btn--small{ font-size: 1.25rem; line-height: 115%; } .btn--cta{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .btn--cta::after{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .btn.footer__cta{ width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 2rem; padding-right: 2rem; margin-bottom: 1.25rem; border-radius: 100px; font-size: clamp(1.25rem,2.73vw,1.75rem); background-color: #E8192B; color: #ffffff; font-style: italic; font-family: Ivar Headline, Georgia, Times, serif; text-transform: none; display: inline-block; outline-width: 0; position: relative; z-index: 2; overflow: hidden; border-width: 2px; border-style: solid; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .btn.footer__cta::after{ content: ""; position: absolute; box-sizing: border-box; z-index: -1; width: 100%; height: 0; bottom: 0; left: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .btn.footer__cta:hover,.btn.footer__cta:active,.btn.footer__cta:focus{ color: #E8192B; opacity: 1; } .btn.footer__cta:hover::after,.btn.footer__cta:active::after,.btn.footer__cta:focus::after{ height: 100%; } .btn.footer__cta{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .btn.footer__cta::after{ --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); } .btn.footer__cta:hover, .btn.footer__cta:active, .btn.footer__cta:focus{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .btn--cta-dark, .cta__news-form .form-submit #submit, .cta__news-form .primary-button, .inline-cta-btn{ border-color: #E8192B; color: #ffffff; background-color: #E8192B; } .btn--cta-dark::after, .cta__news-form .form-submit #submit::after, .cta__news-form .primary-button::after, .inline-cta-btn::after{ background-color: #FFF1F1; } .btn--cta-dark:hover,.btn--cta-dark:active,.btn--cta-dark:focus, .cta__news-form .form-submit #submit:hover, .cta__news-form .form-submit #submit:active, .cta__news-form .form-submit #submit:focus, .cta__news-form .primary-button:hover, .cta__news-form .primary-button:active, .cta__news-form .primary-button:focus, .inline-cta-btn:hover, .inline-cta-btn:active, .inline-cta-btn:focus{ color: #E8192B; } .btn--light{ border-color: #E8192B; color: #ffffff; background-color: #E8192B; } .btn--light::after{ background-color: #FFF1F1; } .btn--light:hover,.btn--light:active,.btn--light:focus{ color: #E8192B; } .btn--light::after{ background-color: #ffffff; } .btn--secondary{ border-color: #E8192B; color: #E8192B; background-color: transparent; } .btn--secondary::after{ background-color: #E8192B; } .btn--secondary:hover,.btn--secondary:active,.btn--secondary:focus{ color: #ffffff; } .components-button.is-primary{ background-color: var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba)); } /* button:not(.wp-switch-editor,.reset-styles) { @apply redbutton; } */ span .wpsdc-drop-cap, span.dropcap, .has-drop-cap:not(:focus)::first-letter, .is-style-dropcap::first-letter{ float: left; margin-right: 0.75rem; margin-top: 0.35rem; --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 1rem; padding-right: 1rem; font-family: Ivar Display, Georgia, Times, serif; font-size: clamp(3.797rem,8vw,5.125rem); font-weight: 400; line-height: clamp(3.417rem,7.21vw,4.613rem); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media print { span .wpsdc-drop-cap, span.dropcap, .has-drop-cap:not(:focus)::first-letter, .is-style-dropcap::first-letter{ float: none; margin-right: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; font-family: Ivar Display, Georgia, Times, serif; font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 1024px){ span .wpsdc-drop-cap, span.dropcap, .has-drop-cap:not(:focus)::first-letter, .is-style-dropcap::first-letter{ padding-left: 0px; padding-right: 0px; } } } form input:not([type="button"]), form select, form select.acs_filters, form .wdform-element-section.wdform_select select, form .custom_address .wdform-element-section.wdform_address span select, form textarea, form input.other_input, .wdform_page input:not([type="button"]), .wdform_page select, .wdform_page select.acs_filters, .wdform_page .wdform-element-section.wdform_select select, .wdform_page .custom_address .wdform-element-section.wdform_address span select, .wdform_page textarea, .wdform_page input.other_input, form[class^="form"] input:not([type="button"]), form[class^="form"] select, form[class^="form"] select.acs_filters, form[class^="form"] .wdform-element-section.wdform_select select, form[class^="form"] .custom_address .wdform-element-section.wdform_address span select, form[class^="form"] textarea, form[class^="form"] input.other_input, .inline-form input:not([type="button"]), .inline-form select, .inline-form select.acs_filters, .inline-form .wdform-element-section.wdform_select select, .inline-form .custom_address .wdform-element-section.wdform_address span select, .inline-form textarea, .inline-form input.other_input{ border-radius: 0px; border-width: 0px; border-bottom-width: 1px; border-style: solid; --tw-border-opacity: 1; border-bottom-color: rgb(102 102 102 / var(--tw-border-opacity)); padding: 0.25rem; font-size: 1.313rem; line-height: 140%; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } form input:not([type="button"]):focus-visible, form input:not([type="button"]):focus, form select:focus-visible, form select:focus, form select.acs_filters:focus-visible, form select.acs_filters:focus, form .wdform-element-section.wdform_select select:focus-visible, form .wdform-element-section.wdform_select select:focus, form .custom_address .wdform-element-section.wdform_address span select:focus-visible, form .custom_address .wdform-element-section.wdform_address span select:focus, form textarea:focus-visible, form textarea:focus, form input.other_input:focus-visible, form input.other_input:focus, .wdform_page input:not([type="button"]):focus-visible, .wdform_page input:not([type="button"]):focus, .wdform_page select:focus-visible, .wdform_page select:focus, .wdform_page select.acs_filters:focus-visible, .wdform_page select.acs_filters:focus, .wdform_page .wdform-element-section.wdform_select select:focus-visible, .wdform_page .wdform-element-section.wdform_select select:focus, .wdform_page .custom_address .wdform-element-section.wdform_address span select:focus-visible, .wdform_page .custom_address .wdform-element-section.wdform_address span select:focus, .wdform_page textarea:focus-visible, .wdform_page textarea:focus, .wdform_page input.other_input:focus-visible, .wdform_page input.other_input:focus, form[class^="form"] input:not([type="button"]):focus-visible, form[class^="form"] input:not([type="button"]):focus, form[class^="form"] select:focus-visible, form[class^="form"] select:focus, form[class^="form"] select.acs_filters:focus-visible, form[class^="form"] select.acs_filters:focus, form[class^="form"] .wdform-element-section.wdform_select select:focus-visible, form[class^="form"] .wdform-element-section.wdform_select select:focus, form[class^="form"] .custom_address .wdform-element-section.wdform_address span select:focus-visible, form[class^="form"] .custom_address .wdform-element-section.wdform_address span select:focus, form[class^="form"] textarea:focus-visible, form[class^="form"] textarea:focus, form[class^="form"] input.other_input:focus-visible, form[class^="form"] input.other_input:focus, .inline-form input:not([type="button"]):focus-visible, .inline-form input:not([type="button"]):focus, .inline-form select:focus-visible, .inline-form select:focus, .inline-form select.acs_filters:focus-visible, .inline-form select.acs_filters:focus, .inline-form .wdform-element-section.wdform_select select:focus-visible, .inline-form .wdform-element-section.wdform_select select:focus, .inline-form .custom_address .wdform-element-section.wdform_address span select:focus-visible, .inline-form .custom_address .wdform-element-section.wdform_address span select:focus, .inline-form textarea:focus-visible, .inline-form textarea:focus, .inline-form input.other_input:focus-visible, .inline-form input.other_input:focus{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); outline-width: 1px !important; outline-offset: 4px; outline-color: #E3DED8 !important; } form input:not([type="button"]):disabled, form select:disabled, form select.acs_filters:disabled, form .wdform-element-section.wdform_select select:disabled, form .custom_address .wdform-element-section.wdform_address span select:disabled, form textarea:disabled, form input.other_input:disabled, .wdform_page input:not([type="button"]):disabled, .wdform_page select:disabled, .wdform_page select.acs_filters:disabled, .wdform_page .wdform-element-section.wdform_select select:disabled, .wdform_page .custom_address .wdform-element-section.wdform_address span select:disabled, .wdform_page textarea:disabled, .wdform_page input.other_input:disabled, form[class^="form"] input:not([type="button"]):disabled, form[class^="form"] select:disabled, form[class^="form"] select.acs_filters:disabled, form[class^="form"] .wdform-element-section.wdform_select select:disabled, form[class^="form"] .custom_address .wdform-element-section.wdform_address span select:disabled, form[class^="form"] textarea:disabled, form[class^="form"] input.other_input:disabled, .inline-form input:not([type="button"]):disabled, .inline-form select:disabled, .inline-form select.acs_filters:disabled, .inline-form .wdform-element-section.wdform_select select:disabled, .inline-form .custom_address .wdform-element-section.wdform_address span select:disabled, .inline-form textarea:disabled, .inline-form input.other_input:disabled{ --tw-text-opacity: 1; color: rgb(227 222 216 / var(--tw-text-opacity)); } form label, form .wdform-label, .wdform_page label, .wdform_page .wdform-label, form[class^="form"] label, form[class^="form"] .wdform-label, .inline-form label, .inline-form .wdform-label{ font-size: 1rem; line-height: 140%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); font-style: italic; } .content-wrapper-legacy pform label,.content-wrapper-legacy p form .wdform-label,.content-wrapper-legacy p .wdform_page label,.content-wrapper-legacy p .wdform_page .wdform-label,.content-wrapper-legacy p form[class^="form"] label,.content-wrapper-legacy p form[class^="form"] .wdform-label,.content-wrapper-legacy p .inline-form label,.content-wrapper-legacy p .inline-form .wdform-label{ margin-top: 0.5rem; margin-bottom: 1rem; } @media (min-width: 1056px) { .content-wrapper-legacy .alignwide form label,.content-wrapper-legacy .alignwide form .wdform-label,.content-wrapper-legacy .alignwide .wdform_page label,.content-wrapper-legacy .alignwide .wdform_page .wdform-label,.content-wrapper-legacy .alignwide form[class^="form"] label,.content-wrapper-legacy .alignwide form[class^="form"] .wdform-label,.content-wrapper-legacy .alignwide .inline-form label,.content-wrapper-legacy .alignwide .inline-form .wdform-label{ margin-left: calc(2 * var(--grid-col-and-gutter)); } } form .form-error, .wdform_page .form-error, form[class^="form"] .form-error, .inline-form .form-error{ border-width: 1px !important; border-style: solid; --tw-border-opacity: 1 !important; border-bottom-color: rgb(232 25 43 / var(--tw-border-opacity)) !important; } form .form-error:focus, .wdform_page .form-error:focus, form[class^="form"] .form-error:focus, .inline-form .form-error:focus{ border-bottom-width: 1px !important; border-style: solid; --tw-border-opacity: 1 !important; border-bottom-color: rgb(232 25 43 / var(--tw-border-opacity)) !important; } form .form-select, form .wdform_select, .wdform_page .form-select, .wdform_page .wdform_select, form[class^="form"] .form-select, form[class^="form"] .wdform_select, .inline-form .form-select, .inline-form .wdform_select{ position: relative; } form .form-select select, form .form-select select.acs_filters, form .wdform_select select, form .wdform_select select.acs_filters, .wdform_page .form-select select, .wdform_page .form-select select.acs_filters, .wdform_page .wdform_select select, .wdform_page .wdform_select select.acs_filters, form[class^="form"] .form-select select, form[class^="form"] .form-select select.acs_filters, form[class^="form"] .wdform_select select, form[class^="form"] .wdform_select select.acs_filters, .inline-form .form-select select, .inline-form .form-select select.acs_filters, .inline-form .wdform_select select, .inline-form .wdform_select select.acs_filters{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; background-image: none; padding-right: 2rem; font-size: 1rem; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } form .form-select select.acs_filters, form .wdform_select select.acs_filters, .wdform_page .form-select select.acs_filters, .wdform_page .wdform_select select.acs_filters, form[class^="form"] .form-select select.acs_filters, form[class^="form"] .wdform_select select.acs_filters, .inline-form .form-select select.acs_filters, .inline-form .wdform_select select.acs_filters{ width: 100%; } form .form-select::after, form .wdform_select::after, .wdform_page .form-select::after, .wdform_page .wdform_select::after, form[class^="form"] .form-select::after, form[class^="form"] .wdform_select::after, .inline-form .form-select::after, .inline-form .wdform_select::after{ pointer-events: none; position: absolute; right: 0.25rem; top: 0px; display: block; height: 0.5rem; width: 14px; content: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%278%27 viewBox=%270 0 14 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 1L7 7L13 1%27 stroke=%27%23666666%27/%3E%3C/svg%3E"); } form .wdform_select::after, .wdform_page .wdform_select::after, form[class^="form"] .wdform_select::after, .inline-form .wdform_select::after { content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 11%27%3E%3Cpath stroke=%27%23000%27 d=%27m1 1 9 9 9-8.963%27/%3E%3C/svg%3E"); width: 18px; } form .wdform-element-section .button-submit,.wdform_page .wdform-element-section .button-submit,form[class^="form"] .wdform-element-section .button-submit,.inline-form .wdform-element-section .button-submit{ border-color: #E8192B; color: #ffffff; background-color: #E8192B; } form .wdform-element-section .button-submit::after,.wdform_page .wdform-element-section .button-submit::after,form[class^="form"] .wdform-element-section .button-submit::after,.inline-form .wdform-element-section .button-submit::after{ background-color: #FFF1F1; } form .wdform-element-section .button-submit:hover,form .wdform-element-section .button-submit:active,form .wdform-element-section .button-submit:focus,.wdform_page .wdform-element-section .button-submit:hover,.wdform_page .wdform-element-section .button-submit:active,.wdform_page .wdform-element-section .button-submit:focus,form[class^="form"] .wdform-element-section .button-submit:hover,form[class^="form"] .wdform-element-section .button-submit:active,form[class^="form"] .wdform-element-section .button-submit:focus,.inline-form .wdform-element-section .button-submit:hover,.inline-form .wdform-element-section .button-submit:active,.inline-form .wdform-element-section .button-submit:focus{ color: #E8192B; } form .wdform-element-section .button-submit::after,.wdform_page .wdform-element-section .button-submit::after,form[class^="form"] .wdform-element-section .button-submit::after,.inline-form .wdform-element-section .button-submit::after{ background-color: #ffffff; } form .wdform-element-section .button-submit:hover, .wdform_page .wdform-element-section .button-submit:hover, form[class^="form"] .wdform-element-section .button-submit:hover, .inline-form .wdform-element-section .button-submit:hover{ --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); } form #cr-login-submit, form #cr-submit, .wdform_page #cr-login-submit, .wdform_page #cr-submit, form[class^="form"] #cr-login-submit, form[class^="form"] #cr-submit, .inline-form #cr-login-submit, .inline-form #cr-submit{ border-color: #E8192B; color: #ffffff; background-color: #E8192B; } form #cr-login-submit::after, form #cr-submit::after, .wdform_page #cr-login-submit::after, .wdform_page #cr-submit::after, form[class^="form"] #cr-login-submit::after, form[class^="form"] #cr-submit::after, .inline-form #cr-login-submit::after, .inline-form #cr-submit::after{ background-color: #FFF1F1; } form #cr-login-submit:hover,form #cr-login-submit:active,form #cr-login-submit:focus, form #cr-submit:hover, form #cr-submit:active, form #cr-submit:focus, .wdform_page #cr-login-submit:hover, .wdform_page #cr-login-submit:active, .wdform_page #cr-login-submit:focus, .wdform_page #cr-submit:hover, .wdform_page #cr-submit:active, .wdform_page #cr-submit:focus, form[class^="form"] #cr-login-submit:hover, form[class^="form"] #cr-login-submit:active, form[class^="form"] #cr-login-submit:focus, form[class^="form"] #cr-submit:hover, form[class^="form"] #cr-submit:active, form[class^="form"] #cr-submit:focus, .inline-form #cr-login-submit:hover, .inline-form #cr-login-submit:active, .inline-form #cr-login-submit:focus, .inline-form #cr-submit:hover, .inline-form #cr-submit:active, .inline-form #cr-submit:focus{ color: #E8192B; } form #cr-login-submit::after, form #cr-submit::after, .wdform_page #cr-login-submit::after, .wdform_page #cr-submit::after, form[class^="form"] #cr-login-submit::after, form[class^="form"] #cr-submit::after, .inline-form #cr-login-submit::after, .inline-form #cr-submit::after{ background-color: #ffffff; } form .radio-div + .wdform-ch-rad-label, form .checkbox-div + .wdform-ch-rad-label, .wdform_page .radio-div + .wdform-ch-rad-label, .wdform_page .checkbox-div + .wdform-ch-rad-label, form[class^="form"] .radio-div + .wdform-ch-rad-label, form[class^="form"] .checkbox-div + .wdform-ch-rad-label, .inline-form .radio-div + .wdform-ch-rad-label, .inline-form .checkbox-div + .wdform-ch-rad-label{ margin-top: -0.375rem; padding-bottom: 0.688rem; font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; } form .checkbox-div + .wdform-ch-rad-label, .wdform_page .checkbox-div + .wdform-ch-rad-label, form[class^="form"] .checkbox-div + .wdform-ch-rad-label, .inline-form .checkbox-div + .wdform-ch-rad-label{ padding-bottom: 0px; } form .wdform-field .form-field .radio .check, form .wdform-field .form-field .checkbox-div label, .wdform_page .wdform-field .form-field .radio .check, .wdform_page .wdform-field .form-field .checkbox-div label, form[class^="form"] .wdform-field .form-field .radio .check, form[class^="form"] .wdform-field .form-field .checkbox-div label, .inline-form .wdform-field .form-field .radio .check, .inline-form .wdform-field .form-field .checkbox-div label{ height: 1.313rem; width: 1.313rem; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } form .wdform-field .form-field .radio input[type="radio"]:checked + .check .inside, .wdform_page .wdform-field .form-field .radio input[type="radio"]:checked + .check .inside, form[class^="form"] .wdform-field .form-field .radio input[type="radio"]:checked + .check .inside, .inline-form .wdform-field .form-field .radio input[type="radio"]:checked + .check .inside{ height: 100%; width: 100%; --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } form .wdform-field .form-field .checkbox-div label::after, .wdform_page .wdform-field .form-field .checkbox-div label::after, form[class^="form"] .wdform-field .form-field .checkbox-div label::after, .inline-form .wdform-field .form-field .checkbox-div label::after{ top: 0.188rem; left: 0.125rem; height: 0.688rem; width: 1.125rem; } form .wdform-field .form-field .checkbox-div input[type="checkbox"]:checked + label::after, .wdform_page .wdform-field .form-field .checkbox-div input[type="checkbox"]:checked + label::after, form[class^="form"] .wdform-field .form-field .checkbox-div input[type="checkbox"]:checked + label::after, .inline-form .wdform-field .form-field .checkbox-div input[type="checkbox"]:checked + label::after{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } & .at-form .at-step a, & .at-form .at-radio a{ background-image: none; } & .at-form .at-step a:hover, & .at-form .at-step a:active, & .at-form .at-step a:focus, & .at-form .at-radio a:hover, & .at-form .at-radio a:active, & .at-form .at-radio a:focus{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .login_popup h1{ font-size: clamp(2.125rem, 5.37vw, 3.438rem); line-height: 110%; } .login_popup #lightboxform{ margin-top: 1rem; } .login_popup #lightboxform .text-field{ margin-bottom: 1.25rem; display: flex; flex-direction: column; } .login_popup #lightboxform .checkbox-row{ display: flex; justify-content: space-between; } .login_popup #lightboxform .checkbox-field{ display: inline-flex; align-items: center; gap: 0.5rem; } /* Search input styling */ .field.search-text{ display: flex; flex-wrap: nowrap; align-items: baseline; border-bottom-width: 0.375rem; border-style: solid; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); } @media (min-width: 782px){ .field.search-text{ border-bottom-width: .75rem; } } .field.search-text #search-value, .field.search-text #search-input{ width: 100%; border-bottom-width: 0px; padding-bottom: 0px; font-family: Ivar Headline, Georgia, Times, serif; font-size: clamp(2.375rem, -0.8541666rem + 10.763888vw, 6.25rem); line-height: 95%; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } @media (min-width: 782px){ .field.search-text #search-value, .field.search-text #search-input{ font-family: Ivar Display, Georgia, Times, serif; } } .field.search-text #search-value::-moz-placeholder, .field.search-text #search-input::-moz-placeholder{ padding-left: 0.75rem; font-style: italic; --tw-text-opacity: 1; color: rgb(227 222 216 / var(--tw-text-opacity)); } .field.search-text #search-value::placeholder, .field.search-text #search-input::placeholder{ padding-left: 0.75rem; font-style: italic; --tw-text-opacity: 1; color: rgb(227 222 216 / var(--tw-text-opacity)); } .field.search-text #search-submit, .field.search-text #searchbar-submit{ margin-bottom: 0px; height: 100%; width: 4.625rem; background-color: transparent; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 1rem; } @media not all and (min-width: 640px){ .field.search-text #search-submit, .field.search-text #searchbar-submit{ max-height: 1.5rem; max-width: 2.313rem; } } @media (min-width: 640px){ .field.search-text #search-submit, .field.search-text #searchbar-submit{ padding-right: 1rem; } } .field.search-text #search-submit svg > *, .field.search-text #searchbar-submit svg > *{ stroke: #E8192B; } /* Everyaction form styling */ .ngp-form.at{ overflow: visible; } /* Legacy inline CTA "form" */ .inline-form input[type="email"], .blocks-wrapper .inline-form input[type="email"]{ margin-top: 1rem; margin-bottom: 1.25rem; background-color: transparent; } .inline-form .btn.inline_cta_signup, .blocks-wrapper .inline-form .btn.inline_cta_signup{ margin: 0px; height: 100%; width: 100%; border-width: 0px; background-color: transparent; padding: 0px; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); transition-property: none; } .inline-form .cta.inline-cta-btn:hover .btn.inline_cta_signup, .inline-form .cta.inline-cta-btn:focus .btn.inline_cta_signup, .inline-form .cta.inline-cta-btn:active .btn.inline_cta_signup, .blocks-wrapper .inline-form .cta.inline-cta-btn:hover .btn.inline_cta_signup, .blocks-wrapper .inline-form .cta.inline-cta-btn:focus .btn.inline_cta_signup, .blocks-wrapper .inline-form .cta.inline-cta-btn:active .btn.inline_cta_signup{ background-color: transparent; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .header{ z-index: 20; --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); position: sticky; top: 0px; } .header__row{ overflow: hidden; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .header__row .skip-link { left: -9999rem; top: 2.5rem; z-index: 999999999; text-decoration: underline; } .header__row .skip-link:focus { display: block; left: 6px; top: 7px; font-size: 14px; font-weight: 600; text-decoration: none; line-height: normal; padding: 15px 23px 14px; z-index: 100000; right: auto; } .header__row, .header__utility-row{ display: flex; align-items: center; } .header__logo-row{ display: flex; height: 9.375rem; align-items: flex-end; padding-bottom: 1rem; padding-left: 1rem; } @media (min-width: 782px){ .header__logo-row{ height: 18.75rem; padding-left: 2.5rem; } } .header__menu-cover{ visibility: hidden; position: absolute; top: 0px; left: 0px; z-index: 2; height: 100%; width: calc(100% - 20px); --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); opacity: 0; } .header__utility-menu{ width: calc(100vw - 8rem); } .header__utility-menu ul{ display: grid; width: 100%; grid-template-columns: 1fr max-content max-content; place-content: center; } @media (min-width: 1024px){ .header__utility-menu ul{ grid-template-columns: max-content max-content 1fr max-content max-content; } } .header__utility-menu ul li{ display: block; place-self: center; padding-right: 1.5rem; padding-bottom: 0px; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 1.25rem; line-height: 110%; letter-spacing: 0.06rem; font-weight: 500; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media not all and (min-width: 1024px){ .header__utility-menu ul li.menu-item{ display: none; } } .header__utility-menu ul li.header__utility-logo{ --tw-translate-x: -1.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); place-self: center; padding-right: 0px; } @media (min-width: 1024px){ .header__utility-menu ul li.header__utility-logo{ width: 100%; --tw-translate-x: -38px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } .header__utility-menu ul li.header__utility-logo .header__menu-cover{ width: 100%; } .header__utility-menu ul li.header__utility-logo a:hover{ opacity: 1; } .header__utility-menu ul li.header__utility-logo a:focus-visible svg{ outline-style: solid; outline-width: 2px !important; outline-offset: 4px; outline-color: #E3DED8 !important; } .header__utility-menu ul li.header__utility-logo svg{ margin-left: auto; margin-right: auto; width: 100%; max-width: 244px; } @media not all and (min-width: 782px){ .header__utility-menu ul li.header__utility-logo svg{ max-height: 30px; } } .header__utility-row{ position: relative; min-height: 23px; width: 100%; justify-content: center; } @media (min-width: 1024px){ .header__utility-row{ justify-content: flex-end; } } .header__utility-row #articleTitle{ visibility: hidden; position: absolute; top: 0px; left: 0px; display: none; width: calc(100vw - 8rem); flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 1.5rem; padding-right: 1.5rem; text-align: center; font-family: Ivar Headline, Georgia, Times, serif; font-size: 1.25rem; line-height: 115%; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); opacity: 0; } .header__utility-row .search-icon:focus-visible{ outline-style: solid; outline-width: 2px !important; outline-offset: 4px; outline-color: #E3DED8 !important; } .header .hamburger-icon, .header .search-icon{ margin: 0px; border-radius: 0px; padding: 0px; } .header .search-icon{ position: relative; width: 1.375rem; flex-basis: auto; } @media not all and (min-width: 1024px){ .header .search-icon{ display: none; } } .header .search-icon #closeIcon{ visibility: hidden; position: absolute; top: 0px; left: 0px; opacity: 0; } .header__searchbar{ visibility: hidden; position: absolute; top: 3.5rem; left: 0px; z-index: 50; width: 100%; --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); padding-top: 3.5rem; opacity: 0; } @media not all and (min-width: 1024px){ .header__searchbar{ height: 100vh; } } @media (min-width: 1024px){ .header__searchbar{ padding-top: 6.25rem; padding-bottom: 5rem; } } .header__searchbar #search-input{ background-color: transparent; } .header__triggers{ position: relative; max-height: 2.5rem; flex-basis: 3.5rem; } .header__triggers #menuTrigger{ padding-top: 0.425rem; } .header__triggers #menuTrigger:focus-visible{ outline-style: solid; outline-width: 2px !important; outline-offset: 4px; outline-color: #E3DED8 !important; } .header__triggers #menuTrigger line{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .header__triggers #menuTrigger.menu-open #topLine{ --tw-translate-x: 1px; --tw-translate-y: 0px; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-delay: 0.2s; } .header__triggers #menuTrigger.menu-open #middleLine{ visibility: hidden; } .header__triggers #menuTrigger.menu-open #bottomLine{ --tw-translate-x: -13px; --tw-translate-y: 12px; --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-delay: 0.2s; } .header__triggers #searchMobileToggle{ visibility: hidden; position: absolute; top: 0px; left: 0px; margin: 0px; margin-top: 0.5rem; margin-left: 0.625rem; width: 0.75rem; padding: 0px; opacity: 0; } .header .menu{ visibility: hidden; height: 0px; overflow: hidden; --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); opacity: 0; } .header .menu__container{ z-index: 40; padding-left: 1rem; padding-right: 1rem; padding-top: 2rem; padding-bottom: 1.25rem; } @media (min-width: 1024px){ .header .menu__container{ padding-top: 2.5rem; padding-bottom: 2.5rem; padding-left: 2.75rem; padding-right: 2.5rem; } } .header .menu__col-link:focus-visible img{ outline-style: solid; outline-width: 2px !important; outline-offset: 4px; outline-color: #E3DED8 !important; } .header .menu__logo:focus-visible svg{ outline-style: solid; outline-width: 2px !important; outline-offset: 4px; outline-color: #E3DED8 !important; } .header .menu__row{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-bottom: 2rem; } @media (min-width: 782px){ .header .menu__row{ padding-bottom: 4.5rem; } } @media (min-width: 1024px){ .header .menu__row{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } .header .menu__col{ border-style: solid; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media not all and (min-width: 1024px){ .header .menu__col{ border-top-width: 2px; --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity)); padding-top: 1rem; } } @media (min-width: 1024px){ .header .menu__col{ border-left-width: 2px; --tw-border-opacity: 1; border-left-color: rgb(255 255 255 / var(--tw-border-opacity)); padding-left: 1.5rem; } } @media not all and (min-width: 1024px){ .header .menu__col:first-of-type{ margin-right: 1rem; } } .header .menu__col-title{ padding-bottom: 1.25rem; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.938rem; line-height: 110%; letter-spacing: 0.03rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .header .menu__col-title:nth-of-type(2){ border-style: solid; } @media not all and (min-width: 1024px){ .header .menu__col-title:nth-of-type(2){ border-top-width: 2px; --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity)); padding-top: 1rem; } .header .menu__col--issue{ display: none; } } .header .menu__current-issue { filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25)); max-height: 600px; } .header .menu__main{ font-family: Ivar Display, Georgia, Times, serif; font-style: italic; } .header .menu__main li{ padding-bottom: 1rem; } .header .menu__main li a{ font-size: clamp(2.125rem,4.84vw,4.375rem); line-height: 95%; } .header .menu__sub{ font-family: Ivar Headline, Georgia, Times, serif; } .header .menu__sub.menu__sections{ padding-bottom: 3rem; } @media (min-width: 1024px){ .header .menu__sub.menu__sections{ padding-bottom: 5rem; } } .header .menu__sub li{ padding-bottom: 0.5rem; } .header .menu__sub li a{ font-size: 1.25rem; line-height: 115%; } @media (min-width: 782px){ .header .menu__sub li a{ font-size: clamp(1.625rem, 2.73vw, 1.75rem); line-height: 115%; } } .header .menu__logo:hover{ opacity: 1; } .header .menu__logo svg{ width: 100%; max-width: 8rem; } @media (min-width: 782px){ .header .menu__logo svg{ max-width: 11.875rem; } } #homeHeader .header__utility-logo{ visibility: hidden; opacity: 0; } .home__masthead{ position: relative; display: block; --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); } .home__masthead h1{ max-width: 10.25rem; align-self: flex-end; padding-bottom: 1rem; padding-top: 3rem; } .home__masthead h1:hover{ opacity: 1; } @media (min-width: 782px){ .home__masthead h1{ grid-column: span 3 / span 3; max-width: none; padding-top: 9rem; } } @media (min-width: 1024px){ .home__masthead h1{ grid-column: span 2 / span 2; padding-right: 0.75rem; } } .home__masthead h1.menu__logo--mobile{ padding-right: 0px; padding-top: 1.75rem; } .home__masthead h1:focus-visible{ outline-style: solid; outline-width: 2px !important; outline-offset: -2px; outline-color: #E3DED8 !important; } .home__masthead img{ width: 100%; } .home__masthead .masthead-container{ height: 100%; } @media (min-width: 782px){ .home__masthead .masthead-container{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } } body.menu-active .menu{ overflow-y: auto; overflow-x: visible; } body.menu-active .header__utility-menu li.menu-item.show-in-menu{ justify-self: end; } .event-header, .travel-header{ position: sticky; top: 3.5rem; z-index: 10; border-bottom-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); /* & + #content .page-title .container { @apply pt-8 md:pt-16; } */ } .event-header__row, .event-header__title, .event-header__menu, .travel-header__row, .travel-header__title, .travel-header__menu{ display: flex; align-items: center; } .event-header__row, .travel-header__row{ flex-wrap: wrap; justify-content: space-between; padding-top: .875rem; padding-bottom: .875rem; padding-left: 1.5rem; padding-right: 1.5rem; } @media (min-width: 782px){ .event-header__row, .travel-header__row{ padding-left: 1.25rem; padding-right: 1.25rem; } } .event-header__title, .travel-header__title{ grid-template-columns: 1fr auto; place-content: center; } @media not all and (min-width: 782px){ .event-header__title, .travel-header__title{ display: grid; width: 100%; } .event-header__title-text, .travel-header__title-text{ width: calc(100vw - 4.25rem); } } .event-header__title-text p, .travel-header__title-text p{ text-align: center; font-family: Ivar Headline, Georgia, Times, serif; font-size: 1.625rem; font-style: italic; } @media not all and (min-width: 782px){ .event-header__title-text p, .travel-header__title-text p{ margin-right: 1rem; } } .event-header__title-text p a, .travel-header__title-text p a{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); background-position: center 100% !important; } @media (min-width: 782px){ .event-header__trigger, .travel-header__trigger{ display: none; } } @media not all and (min-width: 782px){ .event-header__menu, .travel-header__menu{ visibility: hidden; height: 0px; width: 100%; opacity: 0; } } .event-header__menu ul, .travel-header__menu ul{ flex-direction: row; gap: 1.25rem; } @media (min-width: 782px){ .event-header__menu ul, .travel-header__menu ul{ display: flex; } } .event-header__menu-item, .travel-header__menu-item{ padding-bottom: 0px; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } @media not all and (min-width: 782px){ .event-header__menu-item, .travel-header__menu-item{ padding-bottom: 1.5rem; } } .event-header__menu-item.knockout a, .travel-header__menu-item.knockout a{ font-size: 1.25rem; line-height: 110%; letter-spacing: 0.06rem; background-position: center 100%; } .event-header__menu-item.knockout a:hover, .event-header__menu-item.knockout a.current-menu-item:not([href="/events/#event-signup"], [href="/travels/#contact"]), .travel-header__menu-item.knockout a:hover, .travel-header__menu-item.knockout a.current-menu-item:not([href="/events/#event-signup"], [href="/travels/#contact"]) { background-size: 100% 0.063rem; } @media not all and (min-width: 782px){ .event-header__menu-item:first-of-type, .travel-header__menu-item:first-of-type{ padding-top: 2.25rem; } .event-header__menu-item:last-of-type, .travel-header__menu-item:last-of-type{ padding-bottom: 0.625rem; } } .event-header #eventMobileToggle, .event-header #travelMobileToggle, .travel-header #eventMobileToggle, .travel-header #travelMobileToggle{ margin: 0px; height: 0.75rem; width: 1.25rem; background-color: transparent; padding: 0px; } .footer{ bottom: 0px; z-index: -10; overflow: hidden; --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); padding-top: 2rem; padding-bottom: 2rem; } .footer__container{ padding-left: 1rem; padding-right: 1rem; } @media (min-width: 782px){ .footer__container{ padding-left: 2.5rem; padding-right: 2.5rem; } } .footer__grid{ display: flex; flex-direction: column; } .footer__top{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: space-between; gap: 1.25rem; padding-bottom: 3rem; } @media (min-width: 782px){ .footer__top{ display: flex; flex-direction: row; flex-wrap: nowrap; padding-bottom: 4rem; } } .footer .footer-col{ flex-basis: 14rem; border-top-width: 2px; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } @media (min-width: 782px){ .footer .footer-col{ border-top-width: 0px; border-left-width: 2px; padding-left: 1.5rem; } } .footer .footer-col__title{ padding-top: 0.75rem; padding-bottom: 1rem; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.938rem; line-height: 110%; letter-spacing: 0.03rem; text-transform: uppercase; font-style: normal; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 782px){ .footer .footer-col__title{ padding-top: 0px; padding-bottom: 1rem; } } .footer .footer-col__menu{ display: flex; flex-direction: column; } .footer .footer-col__item{ padding-bottom: 0.75rem; font-family: Ivar Text, Georgia, Times, serif; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .footer__mid{ padding-bottom: 2rem; } @media (min-width: 782px){ .footer__mid{ padding-bottom: 1.75rem; } } .footer__mid .statement{ padding-bottom: 2rem; font-family: Ivar Display, Georgia, Times, serif; font-size: clamp(2.125rem, 5.37vw, 3.438rem); line-height: 110%; font-style: italic; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .footer__mid .btn--cta{ width: 100%; text-align: center; } @media (min-width: 782px){ .footer__mid .btn--cta{ width: -moz-fit-content; width: fit-content; } } .footer__bottom{ display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; -moz-column-gap: 2rem; column-gap: 2rem; } .footer__bottom .bottom-menu{ display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; } @media (min-width: 782px){ .footer__bottom .bottom-menu{ -moz-column-gap: 2rem; column-gap: 2rem; } } .footer__bottom .bottom-menu__item{ display: flex; padding: 0px; vertical-align: bottom; } .footer__bottom .bottom-menu__link{ font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.938rem; line-height: 110%; letter-spacing: 0.03rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .footer__bottom .nation-logo{ flex-basis: 5rem; } .footer__bottom .nation-logo a:hover, .footer__bottom .nation-logo a:focus{ opacity: 1; } .footer__bottom .nation-logo a:focus-visible svg{ outline-style: solid; outline-width: 2px; outline-offset: 4px; outline-color: #E3DED8; } .footer__bottom .nation-logo svg{ max-height: 5rem; } a:focus{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } a:not(.btn, .menu__logo, .dashboard__nav-item a, .btn-at, .fa-modal-close, .tn-login-close){ position: relative; border-bottom-width: 0px; background-image: linear-gradient(rgb(232 25 43 / 1),rgb(232 25 43 / 1)); background-position: center 90%; background-repeat: no-repeat; background-size: 100% 0.063rem; transition: background-size 0.2s ease .1s, box-shadow 0.5s ease; } a:not(.btn, .menu__logo, .dashboard__nav-item a, .btn-at, .fa-modal-close, .tn-login-close):hover, a:not(.btn, .menu__logo, .dashboard__nav-item a, .btn-at, .fa-modal-close, .tn-login-close):focus, a:not(.btn, .menu__logo, .dashboard__nav-item a, .btn-at, .fa-modal-close, .tn-login-close):active { transition: background-size 0.2s ease .1s, box-shadow 0.3s ease; box-shadow: inset 0 1em 0 0 #fff; background-size: 100% 0.125rem; text-decoration-line: none; } .header li:not(.header__utility-logo) > a:not(.btn), .footer li:not(.header__utility-logo) > a:not(.btn) { transition: background-size 0.2s ease; position: relative; background-image: linear-gradient(rgb(255 255 255 / 1),rgb(255 255 255 / 1)); background-position: bottom; background-repeat: no-repeat; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); transition-delay: .2s; background-size: 100% 0; } .header li:not(.header__utility-logo) > a:not(.btn):hover, .header li:not(.header__utility-logo) > a:not(.btn):focus, .header li:not(.header__utility-logo) > a:not(.btn):active, .footer li:not(.header__utility-logo) > a:not(.btn):hover, .footer li:not(.header__utility-logo) > a:not(.btn):focus, .footer li:not(.header__utility-logo) > a:not(.btn):active { transition: background-size 0.2s ease; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); text-decoration-line: none; opacity: 1; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); background-size: 100% 0.13rem; } .single-article p:not(.knockout) a:not(.btn):hover, .single-article p:not(.knockout) a:not(.btn):focus, .single-article p:not(.knockout) a:not(.btn):active, .single-article .content-wrapper li a:not(.btn):hover, .single-article .content-wrapper li a:not(.btn):focus, .single-article .content-wrapper li a:not(.btn):active, .single-article figcaption a:not(.btn):hover, .single-article figcaption a:not(.btn):focus, .single-article figcaption a:not(.btn):active, .single-event p:not(.knockout) a:not(.btn):hover, .single-event p:not(.knockout) a:not(.btn):focus, .single-event p:not(.knockout) a:not(.btn):active, .single-event .content-wrapper li a:not(.btn):hover, .single-event .content-wrapper li a:not(.btn):focus, .single-event .content-wrapper li a:not(.btn):active, .single-event figcaption a:not(.btn):hover, .single-event figcaption a:not(.btn):focus, .single-event figcaption a:not(.btn):active, .archive__hero p:not(.knockout) a:not(.btn):hover, .archive__hero p:not(.knockout) a:not(.btn):focus, .archive__hero p:not(.knockout) a:not(.btn):active, .archive__hero .content-wrapper li a:not(.btn):hover, .archive__hero .content-wrapper li a:not(.btn):focus, .archive__hero .content-wrapper li a:not(.btn):active, .archive__hero figcaption a:not(.btn):hover, .archive__hero figcaption a:not(.btn):focus, .archive__hero figcaption a:not(.btn):active, .pp-podcast[id^="pp-podcast-"] .episode-single__description p:not(.knockout) a:not(.btn):hover, .pp-podcast[id^="pp-podcast-"] .episode-single__description p:not(.knockout) a:not(.btn):focus, .pp-podcast[id^="pp-podcast-"] .episode-single__description p:not(.knockout) a:not(.btn):active, .pp-podcast[id^="pp-podcast-"] .episode-single__description .content-wrapper li a:not(.btn):hover, .pp-podcast[id^="pp-podcast-"] .episode-single__description .content-wrapper li a:not(.btn):focus, .pp-podcast[id^="pp-podcast-"] .episode-single__description .content-wrapper li a:not(.btn):active, .pp-podcast[id^="pp-podcast-"] .episode-single__description figcaption a:not(.btn):hover, .pp-podcast[id^="pp-podcast-"] .episode-single__description figcaption a:not(.btn):focus, .pp-podcast[id^="pp-podcast-"] .episode-single__description figcaption a:not(.btn):active, .page-template-default:not(.home) p:not(.knockout) a:not(.btn):hover, .page-template-default:not(.home) p:not(.knockout) a:not(.btn):focus, .page-template-default:not(.home) p:not(.knockout) a:not(.btn):active, .page-template-default:not(.home) .content-wrapper li a:not(.btn):hover, .page-template-default:not(.home) .content-wrapper li a:not(.btn):focus, .page-template-default:not(.home) .content-wrapper li a:not(.btn):active, .page-template-default:not(.home) figcaption a:not(.btn):hover, .page-template-default:not(.home) figcaption a:not(.btn):focus, .page-template-default:not(.home) figcaption a:not(.btn):active, .blocks-wrapper p:not(.knockout) a:not(.btn):hover, .blocks-wrapper p:not(.knockout) a:not(.btn):focus, .blocks-wrapper p:not(.knockout) a:not(.btn):active, .blocks-wrapper .content-wrapper li a:not(.btn):hover, .blocks-wrapper .content-wrapper li a:not(.btn):focus, .blocks-wrapper .content-wrapper li a:not(.btn):active, .blocks-wrapper figcaption a:not(.btn):hover, .blocks-wrapper figcaption a:not(.btn):focus, .blocks-wrapper figcaption a:not(.btn):active, .content-wrapper-legacy p:not(.knockout) a:not(.btn):hover, .content-wrapper-legacy p:not(.knockout) a:not(.btn):focus, .content-wrapper-legacy p:not(.knockout) a:not(.btn):active, .content-wrapper-legacy .content-wrapper li a:not(.btn):hover, .content-wrapper-legacy .content-wrapper li a:not(.btn):focus, .content-wrapper-legacy .content-wrapper li a:not(.btn):active, .content-wrapper-legacy figcaption a:not(.btn):hover, .content-wrapper-legacy figcaption a:not(.btn):focus, .content-wrapper-legacy figcaption a:not(.btn):active, figure p:not(.knockout) a:not(.btn):hover, figure p:not(.knockout) a:not(.btn):focus, figure p:not(.knockout) a:not(.btn):active, figure .content-wrapper li a:not(.btn):hover, figure .content-wrapper li a:not(.btn):focus, figure .content-wrapper li a:not(.btn):active, figure figcaption a:not(.btn):hover, figure figcaption a:not(.btn):focus, figure figcaption a:not(.btn):active, .login-form__links p:not(.knockout) a:not(.btn):hover, .login-form__links p:not(.knockout) a:not(.btn):focus, .login-form__links p:not(.knockout) a:not(.btn):active, .login-form__links .content-wrapper li a:not(.btn):hover, .login-form__links .content-wrapper li a:not(.btn):focus, .login-form__links .content-wrapper li a:not(.btn):active, .login-form__links figcaption a:not(.btn):hover, .login-form__links figcaption a:not(.btn):focus, .login-form__links figcaption a:not(.btn):active, .book-module p:not(.knockout) a:not(.btn):hover, .book-module p:not(.knockout) a:not(.btn):focus, .book-module p:not(.knockout) a:not(.btn):active, .book-module .content-wrapper li a:not(.btn):hover, .book-module .content-wrapper li a:not(.btn):focus, .book-module .content-wrapper li a:not(.btn):active, .book-module figcaption a:not(.btn):hover, .book-module figcaption a:not(.btn):focus, .book-module figcaption a:not(.btn):active { box-shadow: inset 0 .95em 0 0 #FFF1F1; } .issue-aside-block a:not(.btn):hover, .issue-aside-block a:not(.btn):focus, .issue-aside-block a:not(.btn):active, .books-block__book a:not(.btn):hover, .books-block__book a:not(.btn):focus, .books-block__book a:not(.btn):active, .edit-link a:not(.btn):hover, .edit-link a:not(.btn):focus, .edit-link a:not(.btn):active, .stories a:not(.btn):hover, .stories a:not(.btn):focus, .stories a:not(.btn):active, .article-wrap .article-body p a:not(.btn):hover, .article-wrap .article-body p a:not(.btn):focus, .article-wrap .article-body p a:not(.btn):active, .current-issue__magazine-title a:not(.btn):hover, .current-issue__magazine-title a:not(.btn):focus, .current-issue__magazine-title a:not(.btn):active { box-shadow: inset 0 .9em 0 0 #FFF1F1; } .issue-aside-block a:not(.btn) u, .books-block__book a:not(.btn) u, .edit-link a:not(.btn) u, .stories a:not(.btn) u, .article-wrap .article-body p a:not(.btn) u, .current-issue__magazine-title a:not(.btn) u{ text-decoration-line: none; } .dek a:not(.btn), .knockout a:not(.btn), .event-header__title-text a:not(.btn), .travel-header__title-text a:not(.btn), .archive-pagination a:not(.btn), .content-wrapper .article-end__links li a:not(.btn), .articles-list .articles-list__article h5 a:not(.btn), .article-title .article-title__authors a:not(.btn), .collections__card a:not(.btn), .nation-voices a:not(.btn), .popular-articles a:not(.btn), .issue-details__single-article a:not(.btn), .article-header-content a:not(.btn), .article-title__label a:not(.btn), .popular-articles__list-item a:not(.btn), .aside-wrap .most-popular .popular-article h5 a:not(.btn), .page-template-primary_landing_page .stories a:not(.btn), .page-template-donation_home #faq a:not(.btn), .series-blocks a:not(.btn), .wp-block-heading a:not(.btn), .collections .container > h2 a:not(.btn), .articles-list__title a:not(.btn), .author-modules h4 a:not(.btn) { transition: background-size 0.2s ease; background-size: 100% 0; } .dek a:not(.btn):hover, .dek a:not(.btn):focus, .dek a:not(.btn):active, .knockout a:not(.btn):hover, .knockout a:not(.btn):focus, .knockout a:not(.btn):active, .event-header__title-text a:not(.btn):hover, .event-header__title-text a:not(.btn):focus, .event-header__title-text a:not(.btn):active, .travel-header__title-text a:not(.btn):hover, .travel-header__title-text a:not(.btn):focus, .travel-header__title-text a:not(.btn):active, .archive-pagination a:not(.btn):hover, .archive-pagination a:not(.btn):focus, .archive-pagination a:not(.btn):active, .content-wrapper .article-end__links li a:not(.btn):hover, .content-wrapper .article-end__links li a:not(.btn):focus, .content-wrapper .article-end__links li a:not(.btn):active, .articles-list .articles-list__article h5 a:not(.btn):hover, .articles-list .articles-list__article h5 a:not(.btn):focus, .articles-list .articles-list__article h5 a:not(.btn):active, .article-title .article-title__authors a:not(.btn):hover, .article-title .article-title__authors a:not(.btn):focus, .article-title .article-title__authors a:not(.btn):active, .collections__card a:not(.btn):hover, .collections__card a:not(.btn):focus, .collections__card a:not(.btn):active, .nation-voices a:not(.btn):hover, .nation-voices a:not(.btn):focus, .nation-voices a:not(.btn):active, .popular-articles a:not(.btn):hover, .popular-articles a:not(.btn):focus, .popular-articles a:not(.btn):active, .issue-details__single-article a:not(.btn):hover, .issue-details__single-article a:not(.btn):focus, .issue-details__single-article a:not(.btn):active, .article-header-content a:not(.btn):hover, .article-header-content a:not(.btn):focus, .article-header-content a:not(.btn):active, .article-title__label a:not(.btn):hover, .article-title__label a:not(.btn):focus, .article-title__label a:not(.btn):active, .popular-articles__list-item a:not(.btn):hover, .popular-articles__list-item a:not(.btn):focus, .popular-articles__list-item a:not(.btn):active, .aside-wrap .most-popular .popular-article h5 a:not(.btn):hover, .aside-wrap .most-popular .popular-article h5 a:not(.btn):focus, .aside-wrap .most-popular .popular-article h5 a:not(.btn):active, .page-template-primary_landing_page .stories a:not(.btn):hover, .page-template-primary_landing_page .stories a:not(.btn):focus, .page-template-primary_landing_page .stories a:not(.btn):active, .page-template-donation_home #faq a:not(.btn):hover, .page-template-donation_home #faq a:not(.btn):focus, .page-template-donation_home #faq a:not(.btn):active, .series-blocks a:not(.btn):hover, .series-blocks a:not(.btn):focus, .series-blocks a:not(.btn):active, .wp-block-heading a:not(.btn):hover, .wp-block-heading a:not(.btn):focus, .wp-block-heading a:not(.btn):active, .collections .container > h2 a:not(.btn):hover, .collections .container > h2 a:not(.btn):focus, .collections .container > h2 a:not(.btn):active, .articles-list__title a:not(.btn):hover, .articles-list__title a:not(.btn):focus, .articles-list__title a:not(.btn):active, .author-modules h4 a:not(.btn):hover, .author-modules h4 a:not(.btn):focus, .author-modules h4 a:not(.btn):active { transition: background-size 0.2s ease; background-size: 100% 0.125rem; box-shadow: none; } /* Legacy content reset link styles */ .destinations-sidebar .cont-btn > a:hover, .destinations-sidebar .cont-btn > a:active, .destinations-sidebar .cont-btn > a:focus, .destinations-sidebar .full-itinerary-btn > a:hover, .destinations-sidebar .full-itinerary-btn > a:active, .destinations-sidebar .full-itinerary-btn > a:focus, .destinations-sidebar .menu-item > a:hover, .destinations-sidebar .menu-item > a:active, .destinations-sidebar .menu-item > a:focus, #menu-classroom-right-nav-menu .cont-btn > a:hover, #menu-classroom-right-nav-menu .cont-btn > a:active, #menu-classroom-right-nav-menu .cont-btn > a:focus, #menu-classroom-right-nav-menu .full-itinerary-btn > a:hover, #menu-classroom-right-nav-menu .full-itinerary-btn > a:active, #menu-classroom-right-nav-menu .full-itinerary-btn > a:focus, #menu-classroom-right-nav-menu .menu-item > a:hover, #menu-classroom-right-nav-menu .menu-item > a:active, #menu-classroom-right-nav-menu .menu-item > a:focus{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } a.cnx-ui-ps__wrapper.cnx-ui-ps__title--default{ background-image: none; } a.cnx-ui-ps__wrapper.cnx-ui-ps__title--default:hover, a.cnx-ui-ps__wrapper.cnx-ui-ps__title--default:active, a.cnx-ui-ps__wrapper.cnx-ui-ps__title--default:focus{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .pp-podcast{ border-radius: 0px !important; border-style: none !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 241 241 / var(--tw-bg-opacity)) !important; padding-bottom: 1.5rem; } .pp-podcast.modern{ margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 782px){ .pp-podcast.modern{ margin-top: 3.5rem; margin-bottom: 3.5rem; } } .pp-podcast .ppjs__time-total{ background-color: rgb(232 25 43/.34); } .pp-podcast .ppjs__episode-title, .pp-podcast .pod-items__title, .pp-podcast .episode-single__title{ padding-top: 0.5rem; font-family: Ivar Headline, Georgia, Times, serif; font-size: clamp(1.625rem, 3.32vw, 2.125rem) !important; line-height: 110% !important; font-weight: 400; } .pp-podcast[id^="pp-podcast-"] a, .pp-podcast .pp-modal-window a, .pp-podcast .pod-info .pod-items__navi-menu a.subscribe-item.spotify-sub .sub-item-text{ --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .pp-podcast[id^="pp-podcast-"] p a{ background-image: linear-gradient(rgb(232 25 43 / 1),rgb(232 25 43 / 1)) !important; } .pp-podcast[id^="pp-podcast-"] p a:hover, .pp-podcast[id^="pp-podcast-"] p a:active, .pp-podcast[id^="pp-podcast-"] p a:focus { box-shadow: inset 0 1em 0 0 #FFF1F1 !important; /* stylelint-disable-line declaration-no-important */ } .pp-podcast.modern.wide-player .pp-podcast__single, .pp-podcast.modern.wide-player.single-episode .pp-podcast__single{ margin-bottom: 1.5rem; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__head-content .head-wrapper .ppjs__podcast-title, .pp-podcast.modern .ppjs__audio .ppjs__head-content .head-wrapper .ppjs__podcast-title{ order: 0; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.938rem; line-height: 110%; letter-spacing: 0.03rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__time-rail, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__time-total, .pp-podcast.modern.wide-player .ppjs__audio.ppjs__time-buffering, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__time-loaded, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__time-hovered, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__time-current, .pp-podcast.modern .ppjs__audio .ppjs__time-rail, .pp-podcast.modern .ppjs__audio .ppjs__time-total, .pp-podcast.modern .ppjs__audio.ppjs__time-buffering, .pp-podcast.modern .ppjs__audio .ppjs__time-loaded, .pp-podcast.modern .ppjs__audio .ppjs__time-hovered, .pp-podcast.modern .ppjs__audio .ppjs__time-current{ height: .12rem; border-radius: 0px; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__audio-time-rail, .pp-podcast.modern .ppjs__audio .ppjs__audio-time-rail{ background-color: transparent; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__main-controls, .pp-podcast.modern .ppjs__audio .ppjs__main-controls{ display: flex; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__audio-controls, .pp-podcast.modern .ppjs__audio .ppjs__audio-controls{ padding-left: 0.25rem; padding-right: 0.25rem; } @media (min-width: 640px){ .pp-podcast.modern.wide-player .ppjs__audio .ppjs__audio-controls, .pp-podcast.modern .ppjs__audio .ppjs__audio-controls{ padding-left: 1.5rem; padding-right: 1.5rem; } } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__atime-container, .pp-podcast.modern .ppjs__audio .ppjs__atime-container{ margin-left: 1.5rem; margin-right: 1.5rem; display: flex; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__atime-container .ppjs__audio-timer, .pp-podcast.modern .ppjs__audio .ppjs__atime-container .ppjs__audio-timer{ display: none; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__atime-container .ppjs__currenttime-container, .pp-podcast.modern .ppjs__audio .ppjs__atime-container .ppjs__currenttime-container{ order: -1; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__atime-container .ppjs__audio-time-rail, .pp-podcast.modern .ppjs__audio .ppjs__atime-container .ppjs__audio-time-rail{ margin-left: 0.5rem; margin-right: 0.5rem; flex: 1 1 0%; align-self: center; } @media (min-width: 782px){ .pp-podcast.modern.wide-player .ppjs__audio .ppjs__atime-container .ppjs__audio-time-rail, .pp-podcast.modern .ppjs__audio .ppjs__atime-container .ppjs__audio-time-rail{ margin-left: 1rem; margin-right: 1rem; } } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__atime-container .ppjs__time, .pp-podcast.modern .ppjs__audio .ppjs__atime-container .ppjs__time{ display: block; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__audio-controls .ppjs__secondary-controls .ppjs__control_btns, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__main-controls, .pp-podcast.modern .ppjs__audio .ppjs__audio-controls .ppjs__secondary-controls .ppjs__control_btns, .pp-podcast.modern .ppjs__audio .ppjs__main-controls{ align-items: center; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__audio-controls .ppjs__secondary-controls .ppjs__control_btns, .pp-podcast.modern .ppjs__audio .ppjs__audio-controls .ppjs__secondary-controls .ppjs__control_btns{ margin-top: 2rem; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button:not(.ppjs__play-rate-button, .ppjs__playpause-button), .pp-podcast.modern .ppjs__audio .ppjs__button:not(.ppjs__play-rate-button, .ppjs__playpause-button){ max-height: 2rem; max-width: 2rem; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button:not(.ppjs__play-rate-button, .ppjs__playpause-button) button, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button:not(.ppjs__play-rate-button, .ppjs__playpause-button) button svg, .pp-podcast.modern .ppjs__audio .ppjs__button:not(.ppjs__play-rate-button, .ppjs__playpause-button) button, .pp-podcast.modern .ppjs__audio .ppjs__button:not(.ppjs__play-rate-button, .ppjs__playpause-button) button svg{ height: 100%; width: 100%; border-radius: 0px; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__play-rate-button, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__play-rate-button{ margin: 0px; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__share-button, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__share-button{ right: 0px; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__share-button button:hover svg rect:first-of-type, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__share-button button:hover svg path, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__share-button button:focus svg rect:first-of-type, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__share-button button:focus svg path, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__share-button button:hover svg rect:first-of-type, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__share-button button:hover svg path, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__share-button button:focus svg rect:first-of-type, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__share-button button:focus svg path{ stroke: rgb(232 25 43/.5); } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button button:hover, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button button:hover *, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button button:focus, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button button:focus *, .pp-podcast.modern .ppjs__audio .ppjs__button button:hover, .pp-podcast.modern .ppjs__audio .ppjs__button button:hover *, .pp-podcast.modern .ppjs__audio .ppjs__button button:focus, .pp-podcast.modern .ppjs__audio .ppjs__button button:focus *{ color: rgb(232 25 43/.5) !important; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__jump-forward-button button:hover svg path:first-of-type, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__jump-forward-button button:focus svg path:first-of-type, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__skip-backward-button button:hover svg path:first-of-type, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__skip-backward-button button:focus svg path:first-of-type, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__jump-forward-button button:hover svg path:first-of-type, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__jump-forward-button button:focus svg path:first-of-type, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__skip-backward-button button:hover svg path:first-of-type, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__skip-backward-button button:focus svg path:first-of-type{ fill: rgb(232 25 43/.5); } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__jump-forward-button button:hover svg circle, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__jump-forward-button button:hover svg path:not(:first-of-type), .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__jump-forward-button button:focus svg circle, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__jump-forward-button button:focus svg path:not(:first-of-type), .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__skip-backward-button button:hover svg circle, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__skip-backward-button button:hover svg path:not(:first-of-type), .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__skip-backward-button button:focus svg circle, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__skip-backward-button button:focus svg path:not(:first-of-type), .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__jump-forward-button button:hover svg circle, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__jump-forward-button button:hover svg path:not(:first-of-type), .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__jump-forward-button button:focus svg circle, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__jump-forward-button button:focus svg path:not(:first-of-type), .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__skip-backward-button button:hover svg circle, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__skip-backward-button button:hover svg path:not(:first-of-type), .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__skip-backward-button button:focus svg circle, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__skip-backward-button button:focus svg path:not(:first-of-type){ stroke: rgb(232 25 43/.5); } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__playpause-button{ margin-left: 0px; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button button, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__playpause-button button{ height: 4.25rem; width: 4.25rem; border-radius: 50%; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); background-color: transparent !important; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button button:hover, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button button:focus, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__playpause-button button:hover, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__playpause-button button:focus{ --tw-bg-opacity: 1 !important; background-color: rgb(232 25 43 / var(--tw-bg-opacity)) !important; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button button:hover svg path, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button button:hover svg rect, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button button:hover svg svg path, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button button:focus svg path, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button button:focus svg rect, .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button button:focus svg svg path, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__playpause-button button:hover svg path, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__playpause-button button:hover svg rect, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__playpause-button button:hover svg svg path, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__playpause-button button:focus svg path, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__playpause-button button:focus svg rect, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__playpause-button button:focus svg svg path{ fill: #fff; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button .icon, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__playpause-button .icon{ fill: #E8192B !important; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button.ppjs__playpause-button .icon.icon-pp-play, .pp-podcast.modern .ppjs__audio .ppjs__button.ppjs__playpause-button .icon.icon-pp-play{ height: 1.5rem !important; width: 1.25rem !important; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button .play-rate-text, .pp-podcast.modern .ppjs__audio .ppjs__button .play-rate-text{ height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content; border-radius: 0px; border-style: none; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.938rem; line-height: 110%; letter-spacing: 0.03rem; font-style: normal; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); text-decoration-line: underline; text-decoration-thickness: 2px; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__button .play-rate-text span, .pp-podcast.modern .ppjs__audio .ppjs__button .play-rate-text span{ font-size: 0.938rem !important; line-height: 110% !important; letter-spacing: 0.03rem !important; } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__time-handle-content, .pp-podcast.modern .ppjs__audio .ppjs__time-handle-content{ top: -9px; height: 11px; width: 11px; border-radius: 0px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .pp-podcast.modern.wide-player .ppjs__audio .ppjs__time-current, .pp-podcast.modern .ppjs__audio .ppjs__time-current{ --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); } .pp-podcast .ppjs__time{ font-size: 0.938rem; line-height: 110%; letter-spacing: 0.03rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .pp-podcast .ppjs__list-reveal{ display: none; } .pp-podcast .episode-single__close{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .pp-podcast.media-audio.has-featured.narrow-player .pod-launch{ position: relative; left: 0px; width: 100%; background-color: transparent; padding-left: 1.25rem; padding-right: 1.25rem; } .pp-podcast .pod-launch{ border-top-width: 0px; padding-left: 1.5rem !important; padding-right: 1.5rem !important; } @media not all and (min-width: 640px){ .pp-podcast .pod-launch{ padding-top: 0.75rem; } } .pp-podcast .pod-launch .pod-items__navi-menu{ align-items: flex-start; gap: 0.75rem; } .pp-podcast .pod-launch button.pod-launch__button, .pp-podcast .pod-launch button.pod-items__menu-open{ width: -moz-fit-content !important; width: fit-content !important; } .pp-podcast .pod-launch a.subscribe-item{ width: -moz-fit-content !important; width: fit-content !important; border-style: none !important; } .pp-podcast.single-episode .pod-launch button.pod-launch__button, .pp-podcast.single-audio .pod-launch button.pod-launch__button{ display: block; } /* Override podcast plugin styles */ body .pp-podcast, body .pp-podcast p{ --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .sharethis-menu button{ margin: 0px; display: flex; align-items: center; background-color: transparent; padding: 0px; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.938rem; line-height: 110%; letter-spacing: 0.03rem; text-transform: uppercase; font-style: normal; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .sharethis-menu button::after{ margin-left: 0.25rem; content: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%278%27 viewBox=%270 0 14 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 1L7 7L13 1%27 stroke=%27%23666666%27/%3E%3C/svg%3E"); } .sharethis-menu div[id^="inline-share-button-"]{ visibility: hidden; position: absolute; z-index: 10; opacity: 0; } @media not all and (min-width: 1056px){ .sharethis-menu div[id^="inline-share-button-"]{ right: 0px; --tw-translate-x: -16%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons{ margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; display: block !important; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; } .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-btn[data-network], .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-custom-button, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .tn_print{ margin-left: 0.75rem !important; margin-right: 0.75rem !important; margin-bottom: 0.75rem; display: block !important; height: 1.25rem !important; width: -moz-fit-content; width: max-content; cursor: pointer; border-radius: 0px !important; background-color: transparent !important; padding-left: 0px !important; padding-right: 0px !important; text-align: left !important; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.938rem !important; line-height: 110% !important; letter-spacing: 0.03rem !important; font-weight: 500; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-btn[data-network] > span, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-custom-button > span, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .tn_print > span{ display: inline !important; } .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-btn[data-network], .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-custom-button, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .tn_print{ transition: background-size 0.2s ease !important; position: relative; background-image: linear-gradient(rgb(232 25 43 / 1),rgb(232 25 43 / 1)) !important; background-position: center 95%; background-repeat: no-repeat; background-size: 100% 0; } /* stylelint-disable-line declaration-no-important */ .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-btn[data-network]:hover, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-btn[data-network]:focus, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-btn[data-network]:active, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-custom-button:hover, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-custom-button:focus, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-custom-button:active, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .tn_print:hover, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .tn_print:focus, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .tn_print:active { transition: background-size 0.2s ease; text-decoration-line: none; background-size: 100% 0.063rem; } .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-btn[data-network]:hover, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-custom-button:hover, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .tn_print:hover{ top: 0px !important; opacity: 1 !important; } .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-btn[data-network] > img, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-custom-button > img, .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .tn_print > img{ display: none !important; } .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .st-btn[data-network]::before { content: attr(data-network); } .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons .tn_print{ margin-bottom: 0px; } .sharethis-menu div[id^="inline-share-button-"] .sharethis-share-buttons li{ padding-bottom: 0px; } .travels-contact-form{ max-width: 1320px; border-left-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); padding-top: 2rem; padding-bottom: 2rem; padding-left: 1.5rem; padding-right: 1.5rem; } @media (min-width: 782px){ .travels-contact-form{ padding-left: 2rem; padding-right: 2rem; } } .travels-contact-form form .wdform_page{ background-color: transparent; padding-top: 0px; } .travels-contact-form form .wdform_page .wdform-label-section{ margin-bottom: 0.125rem; display: flex; flex-wrap: nowrap; align-items: center; } .travels-contact-form form .wdform_page input, .travels-contact-form form .wdform_page select, .travels-contact-form form .wdform_page select.acs_filters, .travels-contact-form form .wdform_page .wdform-element-section.wdform_select select, .travels-contact-form form .wdform_page .custom_address .wdform-element-section.wdform_address span select, .travels-contact-form form .wdform_page textarea, .travels-contact-form form .wdform_page .wdform-label-section, .travels-contact-form form .wdform_page .wdform-element-section.wdform_select, .travels-contact-form form .wdform_page .custom_address .wdform-element-section.wdform_address{ height: auto !important; width: 100% !important; } .travels-contact-form form .wdform_page select, .travels-contact-form form .wdform_page .custom_address .wdform-element-section.wdform_address span select{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .travels-contact-form form .wdform_page .wdform-label, .travels-contact-form form .wdform_page .mini_label{ --tw-text-opacity: 1 !important; color: rgb(102 102 102 / var(--tw-text-opacity)) !important; } .travels-contact-form form .wdform_page .wdform_row .wdform-required{ font-style: italic; --tw-text-opacity: 1 !important; color: rgb(232 25 43 / var(--tw-text-opacity)) !important; } .travels-contact-form form .wdform_page .radio-div, .travels-contact-form form .wdform_page .checkbox-div{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .travels-contact-form form .wdform_page .radio-div + .wdform-ch-rad-label, .travels-contact-form form .wdform_page .checkbox-div + .wdform-ch-rad-label{ font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .travels-contact-form form .wdform_page .checkbox-div + .wdform-ch-rad-label{ margin-top: -0.15rem; } .travels-contact-form form .wdform_page .wdform-element-section input{ font-family: Ivar Text, Georgia, Times, serif; font-size: 1.313rem; } .travels-contact-form form .wdform_page div[type='type_radio'] .wdform-label-section{ margin-bottom: 1.5rem; } .travels-contact-form .wdform-field:not(.custom_address, [type="type_hidden"], [type="type_submit_reset"], [type="type_recaptcha"]), .travels-contact-form .wdform_address span{ padding-bottom: 1.75rem !important; } @media not all and (min-width: 782px){ .travels-contact-form .wdform_address span{ width: 100% !important; } } .travels-contact-form .wdform-field[type="type_hidden"], .travels-contact-form .wdform-field[type="type_submit_reset"], .travels-contact-form .wdform-field[type="type_recaptcha"]{ padding: 0px !important; } .travels-contact-form .wdform-field.custom_address{ padding-bottom: 0px !important; } .travels-contact-form .wdform-field[type="type_submit_reset"] .wdform-element-section{ display: block !important; } .travels-contact-form .wdform-field[type="type_submit_reset"] .button-submit{ border-color: #E8192B; color: #ffffff; background-color: #E8192B; } .travels-contact-form .wdform-field[type="type_submit_reset"] .button-submit::after{ background-color: #FFF1F1; } .travels-contact-form .wdform-field[type="type_submit_reset"] .button-submit:hover,.travels-contact-form .wdform-field[type="type_submit_reset"] .button-submit:active,.travels-contact-form .wdform-field[type="type_submit_reset"] .button-submit:focus{ color: #E8192B; } .travels-contact-form .wdform-field[type="type_submit_reset"] .button-submit{ padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 1.25rem; line-height: 115%; } .travels-contact-form .custom_address .wdform-element-section.wdform_address span select{ background-color: transparent !important; } .travels-contact-form .custom_address .wdform-element-section.wdform_address span label.mini_label{ font-size: 1rem; line-height: 140%; } .travels-contact-form .wdform_select{ width: 75%; } .travels-contact-form .wdform_select select{ width: 100% !important; } .travels-contact-form .wdform_address span:nth-of-type(6){ position: relative; } .travels-contact-form .wdform_address span:nth-of-type(6) select{ position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; background-image: none; padding-right: 2rem; font-size: 1rem; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .travels-contact-form .wdform_address span:nth-of-type(6)::after{ pointer-events: none; position: absolute; right: 0.25rem; bottom: 60%; display: block; height: 0.5rem; width: 18px; content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 11%27%3E%3Cpath stroke=%27%23000%27 d=%27m1 1 9 9 9-8.963%27/%3E%3C/svg%3E"); } .travels-contact-form .wdform-section-break-div{ height: auto !important; min-width: 100% !important; border-style: none !important; padding-top: 0px !important; text-align: left !important; font-size: clamp(1.125rem, 2.05vw, 1.313rem) !important; line-height: 140% !important; --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .travels-contact-form .wdform-section-break-div strong{ font-weight: 400; } .travels-contact-form .wdform-section-break-div a:hover, .travels-contact-form .wdform-section-break-div a:focus, .travels-contact-form .wdform-section-break-div a:active { box-shadow: inset 0 .9em 0 0 #fff; } .featured-destinations .btn{ margin-left: auto; margin-right: auto; margin-top: 2rem; display: block; } @media (min-width: 782px){ .featured-destinations .btn{ margin-top: 3rem; } } @media (min-width: 1056px) { .login-modal{ position: fixed; top: 0px; left: 0px; z-index: 50; height: 100vh; width: 100vw; overflow: auto; background: rgba(0, 0, 0, 0.8); } .login-form__inner{ position: relative; margin-left: auto; margin-right: auto; margin-top: 6rem; margin-bottom: 6rem; width: 540px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 1.5rem; } } .login-form__title{ margin-bottom: 1rem; text-align: center; font-size: 1.8rem; line-height: 115%; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .login-form__content{ position: relative; } .login-form__content .form-field a:hover, .login-form__content .form-field a:active, .login-form__content .form-field a:focus{ --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; opacity: 1; box-shadow: inset 0 .9em 0 0 #FFF1F1; } .login-form__content #lightboxform .checkbox-field .checkbox label{ height: 1.313rem; width: 1.313rem; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .login-form__content #lightboxform .checkbox-field .checkbox label::after{ top: 0.1rem; left: 0.08rem; height: 0.688rem; width: 1.125rem; } .login-form__content #lightboxform .checkbox-field .checkbox input[type="checkbox"]:checked + label::after{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .login-form__close{ display: none; } @media (min-width: 1056px) { .login-form__close{ position: absolute !important; top: 0px; right: 0px; z-index: 10; display: block; width: -moz-fit-content; width: fit-content; background-image: none !important; padding: 1rem; } } .login-form__close-icon{ height: 20px; width: 20px; } .login-form__close-icon line{ stroke: currentColor; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .login-form__logo{ margin-left: auto; margin-right: auto; margin-bottom: 1rem; margin-top: 1rem; height: 70px; width: 70px; } .login-form__links p + p{ padding: 0px; } .login-form__links a:hover, .login-form__links a:active, .login-form__links a:focus { background: none !important; background-size: 100% 0.125rem !important; background-image: linear-gradient(rgb(232 25 43 / 1),rgb(232 25 43 / 1)) !important; background-position: center 90% !important; background-repeat: no-repeat !important; } .pcdLoginButton{ border-color: #E8192B; color: #ffffff; background-color: #E8192B; padding-left: 1.2rem; padding-right: 1.2rem; margin-bottom: 1rem; font-size: 1.2rem; } .pcdLoginButton::after{ background-color: #FFF1F1; } .pcdLoginButton:hover,.pcdLoginButton:active,.pcdLoginButton:focus{ color: #E8192B; } .pcdLoginButton::after{ background-color: #ffffff; } /* Sharethis GDPR Platform */ body #st-cmp-v2 .st-cmp-app .st-cmp-content .header{ background-color: transparent; } body #st-cmp-v2 .st-cmp-app *{ font-family: Ivar Text, Georgia, Times, serif; } body #st-cmp-v2 .st-cmp-app .st-cmp-content h1, body #st-cmp-v2 .st-cmp-app .st-cmp-content h2{ font-size: clamp(2.125rem, 3.91vw, 2.5rem); line-height: 110%; } body #st-cmp-v2 .st-cmp-app .st-cmp-content h1{ font-family: Ivar Display, Georgia, Times, serif; font-size: clamp(2.125rem, 3.91vw, 2.5rem); line-height: 110%; text-transform: lowercase; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); letter-spacing: 0; } body #st-cmp-v2 .st-cmp-app .st-cmp-content h1::first-letter{ text-transform: uppercase; } body #st-cmp-v2 .st-cmp-app .st-cmp-content h2, body #st-cmp-v2 .st-cmp-app .st-cmp-content h3{ font-family: Ivar Headline, Georgia, Times, serif; font-weight: 400; } body #st-cmp-v2 .st-cmp-app .st-cmp-content h2{ --tw-text-opacity: 1 !important; color: rgb(232 25 43 / var(--tw-text-opacity)) !important; margin: 10px 0 0 10px; } body #st-cmp-v2 .st-cmp-app .st-cmp-content h3, body #st-cmp-v2 .st-cmp-app .st-cmp-content h4{ font-style: normal; --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } body #st-cmp-v2 .st-cmp-app .st-cmp-content h4{ font-family: Ivar Text, Georgia, Times, serif; font-weight: 700; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red a{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red a:hover, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red a:active, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red a:focus{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); box-shadow: inset 0 0.9em 0 0 #fff1f1; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner{ width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 2rem; padding-right: 2rem; margin-bottom: 1.25rem; border-radius: 100px; font-size: clamp(1.25rem,2.73vw,1.75rem); background-color: #E8192B; color: #ffffff; font-style: italic; font-family: Ivar Headline, Georgia, Times, serif; text-transform: none; display: inline-block; outline-width: 0; position: relative; z-index: 2; overflow: hidden; border-width: 2px; border-style: solid; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner::after{ content: ""; position: absolute; box-sizing: border-box; z-index: -1; width: 100%; height: 0; bottom: 0; left: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner:hover,body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner:active,body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner:focus{ color: #E8192B; opacity: 1; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner:hover::after,body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner:active::after,body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner:focus::after{ height: 100%; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner{ border-color: #E8192B; color: #ffffff; background-color: #E8192B; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner::after{ background-color: #FFF1F1; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner:hover,body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner:active,body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner:focus{ color: #E8192B; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner::after{ background-color: #ffffff; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner{ font-size: 1.25rem; line-height: 115%; font-weight: 400; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button:not(.ghost) .st-button-inner .st-text{ font-size: 1.25rem; line-height: 115%; font-family: Ivar Headline, Georgia, Times, serif; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red h2, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner .st-text{ position: relative; border-bottom-width: 0px; background-image: linear-gradient(rgb(232 25 43 / 1),rgb(232 25 43 / 1)); background-position: center 93%; background-repeat: no-repeat; font-size: 1rem; line-height: 140%; font-weight: 400; transition: background-size 0.2s ease; background-size: 100% 0; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner:hover .st-text, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner .st-text:hover, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner:active .st-text, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner .st-text:active, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner:focus .st-text, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner .st-text:focus{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); transition: background-size 0.2s ease; background-size: 100% 0.125rem; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner:hover{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-switch .slider[data-checked], body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-settings{ --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-settings span { transition: background-size 0.2s ease; position: relative; left: 7px; background-image: linear-gradient(rgb(255 255 255 / 1),rgb(255 255 255 / 1)); background-position: bottom; background-repeat: no-repeat; transition-delay: .2s; background-size: 100% 0; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-settings:hover, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-settings:focus, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-settings:active{ --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-settings:hover span, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-settings:focus span, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-settings:active span { transition: background-size 0.2s ease; background-size: 100% 0.1rem; } body #st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles{ line-height: 1.5rem; } body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before, body #st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before{ border-bottom-color: rgb(232 25 43 / var(--tw-border-opacity)); --tw-border-opacity: 1; border-right-color: rgb(232 25 43 / var(--tw-border-opacity)); } @media (max-height: 1000px) { body #st-cmp-v2 .st-cmp-app .st-cmp-content{ width: 70%; } } @media (max-width: 1124px) { body #st-cmp-v2 .st-cmp-app .st-cmp-content{ height: 90%; } } /* Block styles */ @media not all and (min-width: 782px){ .ad-block:not(.fullwidth-ad){ display: none; } } .ad-block .ad-placeholder{ margin-left: auto !important; margin-right: auto !important; display: grid; height: 600px; place-content: center; --tw-bg-opacity: 1; background-color: rgb(227 222 216 / var(--tw-bg-opacity)); } .ad-block.fullwidth-ad{ margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 782px){ .ad-block.fullwidth-ad{ margin-top: 6rem; margin-bottom: 6rem; } } .ad-block.fullwidth-ad .ad-placeholder{ height: 280px; } @media (min-width: 1024px){ .ad-block.fullwidth-ad .ad-placeholder{ width: calc(100% - 80px); } } .ad-block.siderail-ad div[id^="thenation_right_rail"]{ align-items: flex-start; } .fs-sticky-slot-element{ border-top-width: 1px; border-style: solid; --tw-border-opacity: 1; border-top-color: rgb(227 222 216 / var(--tw-border-opacity)); } @media not all and (min-width: 1056px){ .blocks-wrapper .ad-block.siderail-ad{ display: none; } } .collections{ margin-top: 3.5rem; margin-bottom: 1.5rem; } @media (min-width: 1024px){ .collections{ margin-top: 6rem; margin-bottom: 6rem; } } .collections h2{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-bottom: 4rem; font-size: clamp(2.125rem, 9.77vw, 6.25rem); line-height: 95%; } @media not all and (min-width: 1024px){ .collections h2{ border-top-width: 1px; padding-top: 2rem; } } @media (min-width: 1024px){ .collections h2{ text-align: center; } } .collections h2 img{ margin-left: 2rem; display: inline-block; height: 75px; width: auto; } @media (min-width: 1056px) { .collections h2 img{ height: 125px; } } .collections h2.has-image{ display: grid; grid-template-columns: 1fr auto; } @media (min-width: 1056px) { .collections h2.has-image{ display: block; } } .collections .collection__row{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; } @media (min-width: 782px){ .collections .collection__row{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media not all and (min-width: 1024px){ .collections__card{ padding-bottom: 2rem; } } .collections__card:not(:first-of-type){ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } @media not all and (min-width: 1024px){ .collections__card:not(:first-of-type){ border-top-width: 1px; } } .collections__card-content h2, .collections__card-content h3{ border-top-width: 0px; font-size: clamp(1.625rem, 1.208333rem + 1.3888vw, 2.125rem); line-height: 115%; } .collections__card h2.title, .collections__card h3.title{ padding-bottom: 0px; text-align: left; font-family: Ivar Headline, Georgia, Times, serif; } .collections__card .title{ padding-top: 1rem; font-style: normal; } .collections__card .title span{ display: block; font-style: normal; } .collections__card .dek{ max-width: 40.25rem; padding-top: 0.75rem; } .collections__card .knockout{ padding-top: 0.75rem; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .collections__card .knockout.podcast-series-creds{ line-height: 140%; } .collections__card .knockout.podcast-series-creds .podcast-label{ position: relative; top: 1px; } .collections__card .knockout.podcast-series-creds .podcast-label.podcast-title{ position: static; } .collections__card .knockout .collections__label{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .collections__card .knockout .collections__label.podcast-label{ display: inline-flex; -moz-column-gap: .4rem; column-gap: .4rem; } .collections__card .knockout .collections__label.podcast-label svg{ height: 1rem; width: 1.125rem; } .collections__card .knockout .collections__divider{ padding-left: 0.063rem; padding-right: 0.063rem; } .collections__card .knockout .collections__author + span{ text-transform: none; } .collections__card--no-image{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-bottom: 2rem; } @media not all and (min-width: 1024px){ .collections__card--no-image{ padding-top: 1rem; } } @media (min-width: 1024px){ .collections__card--no-image{ border-left-width: 2px; padding-left: 1.5rem; padding-bottom: 3.5rem; } } .collections__card-image-link{ position: relative; display: block; height: -moz-fit-content; height: fit-content; } .collections__card-image-link::after { transition: height 0.2s ease; position: absolute; bottom: 0px; left: 0px; height: 0px; width: 100%; background-image: linear-gradient(rgb(232 25 43 / 1),rgb(232 25 43 / 1)); background-position: bottom; background-repeat: no-repeat; transition-delay: .2s; --tw-content: ''; content: var(--tw-content); } .collections__card-image-link img{ width: 100%; } .collections__card-image-link .series-label{ position: absolute; bottom: 0px; padding: 0.5rem; } @media (min-width: 782px){ .collections__card-image-link .series-label{ padding: 0.75rem; } } .collections__card-image-link .series-label svg{ height: 1.5rem; width: 1.5rem; } @media (min-width: 782px){ .collections__card-image-link .series-label svg{ height: auto; width: auto; } } .collections__card a.collections__card-image-link:hover::after { transition: height 0.2s ease; height: 0.5rem; text-decoration-line: none; } .collections__card--inline{ display: inline-block; width: 100%; flex-direction: row-reverse; padding-bottom: 2rem; } @media (min-width: 782px){ .collections__card--inline{ display: flex; border-top-width: 0px; padding-bottom: 3rem; } } .collections__card--inline:not(:first-of-type){ border-top-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-top: 2rem; } @media (min-width: 782px){ .collections__card--inline:not(:first-of-type){ border-top-width: 2px; padding-top: 3rem; } } .collections__card--inline .title{ padding-top: 0px; } .collections__card--inline h2, .collections__card--inline h3{ font-size: clamp(1.625rem, 3.32vw, 2.125rem); line-height: 110%; } .collections__card--inline .collections__card-content{ flex-shrink: 0; flex-grow: 1; padding-right: 2rem; } @media (min-width: 782px){ .collections__card--inline .collections__card-content{ flex-basis: 65.5%; } } @media screen and (max-width: 781px) { .collections__card--inline .collections__card-image{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .collections__card--inline .collections__card-image-link{ float: right; margin-left: 1rem; height: 24vw; width: 23.46vw; } } @media (min-width: 782px){ .collections--col-3 .collections__card, .collections--col-6 .collections__card{ border-top-width: 0px; } } @media not all and (min-width: 782px){ .collections--col-3 .collections__card:not(:first-of-type), .collections--col-6 .collections__card:not(:first-of-type){ padding-top: 2rem; } } @media screen and (max-width: 781px) { .collections--col-3 .collections__card, .collections--col-6 .collections__card{ display: inline-block; padding-bottom: 0px; } .collections--col-3 .collections__card .title, .collections--col-6 .collections__card .title{ padding-top: 0px; } .collections--col-3 .collections__card-content, .collections--col-6 .collections__card-content{ padding-right: 1rem; } .collections--col-3 .collections__card-image, .collections--col-6 .collections__card-image{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .collections--col-3 .collections__card-image-link, .collections--col-6 .collections__card-image-link{ float: right; margin-left: 1rem; height: 24vw; width: 23.46vw; } } @media (min-width: 782px){ .collections--col-6 .collection__row{ row-gap: 4rem; } } .collections--col-4 .collection__row, .collections--col-5 .collection__row{ row-gap: 0px; } @media (min-width: 782px){ .collections--col-4 .collection__row, .collections--col-5 .collection__row{ grid-template-columns: repeat(1, minmax(0, 1fr)); } } .collections--col-4 .collection__row .collections__card--no-image, .collections--col-5 .collection__row .collections__card--no-image{ align-self: flex-start; } .collections--col-4 .collection__row .collections__card--no-image .title, .collections--col-5 .collection__row .collections__card--no-image .title{ padding-top: 0px; } @media (min-width: 1024px){ .collections--col-4 .collection__row .collections__card--no-image:last-child, .collections--col-5 .collection__row .collections__card--no-image:last-child{ padding-bottom: 1.25rem; } } .collections--col-4 .collection__row .featured-card .title, .collections--col-5 .collection__row .featured-card .title{ font-family: Ivar Display, Georgia, Times, serif; } .collections--col-4 .container > h2, .collections--col-4 .container > h3{ padding-bottom: 3.5rem; } .collections--col-4 .collection__row{ grid-template-rows: auto auto 1fr; } @media (min-width: 1024px){ .collections--col-4 .collection__row{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } .collections--col-4 .collection__row .collections__card--no-image{ height: 100%; } .collections--col-4 .collection__row .collections__card--no-image h2, .collections--col-4 .collection__row .collections__card--no-image h3{ font-size: clamp(1.625rem, 1.41666rem + 0.69444vw, 1.875rem); line-height: 115%; } @media (min-width: 1024px){ .collections--col-4 .featured-card{ grid-column: span 2 / span 2; grid-row: span 3 / span 3; } } .collections--col-4 .featured-card h2, .collections--col-4 .featured-card h3{ padding-bottom: 0px; font-size: clamp(1.625rem, 0.11458333rem + 5.0347222vw, 3.438rem); line-height: 115%; } .collections--col-5 .collection__row { /* @apply lg:grid-cols-4 grid-rows-[auto_1fr] lg:grid-flow-col; */ } @media (min-width: 1024px){ .collections--col-5 .collection__row{ display: flex; } } .collections--col-5 .collection__row .collections__card-side-articles{ height: auto; } @media (min-width: 1024px){ .collections--col-5 .collection__row .collections__card-side-articles{ display: flex; flex-direction: row; gap: 2.5rem; } .collections--col-5 .collection__row .collections__card-side-articles .collections__card-column{ display: flex; height: 100%; flex-direction: column; } } .collections--col-5 .collection__row .collections__card-side-articles .collections__card-column .collections__card--no-image{ -moz-column-break-inside: avoid; break-inside: avoid; } @media not all and (min-width: 1024px){ .collections--col-5 .collection__row .collections__card-side-articles .collections__card-column .collections__card--no-image:first-of-type{ border-top-width: 1px; } } .collections--col-5 .collection__row .collections__card-side-articles .collections__card-column .collections__card--no-image:last-child{ flex: 1 1 auto; } @media (min-width: 782px){ .collections--col-5 .collection__row h2, .collections--col-5 .collection__row h3{ font-size: clamp(1.625rem, 2.73vw, 1.75rem); line-height: 115%; } } .collections--col-5 .collection__row .featured-card { /* @apply lg:row-span-2 lg:col-span-2; */ } @media (min-width: 1024px){ .collections--col-5 .collection__row .featured-card{ flex: 1 0 48%; } } .collections--col-5 .collection__row .featured-card h2, .collections--col-5 .collection__row .featured-card h3{ font-size: clamp(1.625rem, 0.11458333rem + 5.0347222vw, 3.438rem); line-height: 115%; } .popular-articles .container.swiper-active, .nation-voices .container.swiper-active, .features .container.swiper-active, .issue-details__recents .container.swiper-active{ width: 100% !important; } .popular-articles .container.swiper-active .swiper-wrapper, .nation-voices .container.swiper-active .swiper-wrapper, .features .container.swiper-active .swiper-wrapper, .issue-details__recents .container.swiper-active .swiper-wrapper{ margin-right: 0px; margin-left: auto; width: calc(100% - 16px) !important; } .popular-articles .container.swiper-active .popular-articles__title-row, .popular-articles .container.swiper-active .nation-voices__title-row, .popular-articles .container.swiper-active .features__title-row, .popular-articles .container.swiper-active .issue-details__recents__title-row, .nation-voices .container.swiper-active .popular-articles__title-row, .nation-voices .container.swiper-active .nation-voices__title-row, .nation-voices .container.swiper-active .features__title-row, .nation-voices .container.swiper-active .issue-details__recents__title-row, .features .container.swiper-active .popular-articles__title-row, .features .container.swiper-active .nation-voices__title-row, .features .container.swiper-active .features__title-row, .features .container.swiper-active .issue-details__recents__title-row, .issue-details__recents .container.swiper-active .popular-articles__title-row, .issue-details__recents .container.swiper-active .nation-voices__title-row, .issue-details__recents .container.swiper-active .features__title-row, .issue-details__recents .container.swiper-active .issue-details__recents__title-row{ margin-left: 1rem; } .popular-articles__title-row, .nation-voices__title-row, .features__title-row, .issue-details__recents__title-row{ margin-right: 1rem; } .popular-articles__title-row, .popular-articles-title-row, .nation-voices__title-row, .nation-voices-title-row, .features__title-row, .features-title-row, .issue-details__recents__title-row, .issue-details__recents-title-row{ display: flex; align-items: center; justify-content: center; } .popular-articles__title-row:not(.popular-articles__title-row, .issue-details__recents-title-row) h2, .popular-articles-title-row:not(.popular-articles__title-row, .issue-details__recents-title-row) h2, .nation-voices__title-row:not(.popular-articles__title-row, .issue-details__recents-title-row) h2, .nation-voices-title-row:not(.popular-articles__title-row, .issue-details__recents-title-row) h2, .features__title-row:not(.popular-articles__title-row, .issue-details__recents-title-row) h2, .features-title-row:not(.popular-articles__title-row, .issue-details__recents-title-row) h2, .issue-details__recents__title-row:not(.popular-articles__title-row, .issue-details__recents-title-row) h2, .issue-details__recents-title-row:not(.popular-articles__title-row, .issue-details__recents-title-row) h2{ text-align: center; font-size: clamp(2.125rem, 9.77vw, 6.25rem); line-height: 95%; } .popular-articles__title-row .swipe-msg, .popular-articles-title-row .swipe-msg, .nation-voices__title-row .swipe-msg, .nation-voices-title-row .swipe-msg, .features__title-row .swipe-msg, .features-title-row .swipe-msg, .issue-details__recents__title-row .swipe-msg, .issue-details__recents-title-row .swipe-msg{ display: none; font-family: Ivar Text, Georgia, Times, serif; font-size: 0.938rem; line-height: 110%; letter-spacing: 0.03rem; font-style: italic; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } h1.is-style-lander + .collections{ margin-top: 0px; } .home .content > .collections:first-child{ margin-top: 3.5rem; } .sponsored-article{ margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 782px){ .sponsored-article{ margin-top: 5rem; margin-bottom: 5rem; } } .sponsored-article .container{ max-width: 61.375rem; border-top-width: 0.625rem; border-style: solid; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); } .sponsored-article .container .collections__card{ padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; } @media not all and (min-width: 640px){ .sponsored-article .container .collections__card{ padding-bottom: 0.75rem; } } @media (min-width: 640px){ .sponsored-article .container .collections__card{ padding-left: 3.5rem; padding-right: 3.5rem; padding-top: 2.5rem; } } .sponsored-article .container .collections__card .sponsored-label{ padding-bottom: 0.75rem; padding-top: 0px; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media not all and (min-width: 640px){ .sponsored-article .container .collections__card .collections__card-image-link{ margin-top: 1.75rem; } } .popular-articles .container{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-left: 1.5rem; } @media (min-width: 782px){ .popular-articles .container{ border-left-width: 2px; } } .popular-articles__title-row{ justify-content: space-between; } .popular-articles__list { counter-reset: pop-list; list-style-type: none; padding-top: 3rem; } .popular-articles__list-item{ display: flex; padding-bottom: 0px !important; padding-top: 0px; } .popular-articles__list-item::before{ padding-right: 2rem; font-family: Ivar Headline, Georgia, Times, serif; font-size: clamp(2.125rem, 5.37vw, 3.438rem); line-height: 110%; font-style: italic; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); --tw-content: counter(pop-list); content: var(--tw-content); counter-increment: pop-list; } .popular-articles__list-item:last-of-type{ padding-bottom: 0px; } .popular-articles__list-item .title{ padding-top: 0px; font-size: clamp(1.625rem, 2.73vw, 1.75rem); line-height: 115%; font-style: normal; } .popular-articles__list-item a:hover{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .popular-articles__list-item .knockout{ margin: 0px; padding-top: 0.75rem; font-size: 0.938rem; line-height: 110%; letter-spacing: 0.03rem; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .popular-articles__list .collections__card{ border-style: none; padding-left: 0px; padding-top: 0px; } @media screen and (max-width: 1056px) { .single-article .popular-articles .swipe-msg{ display: block; } } .single-article .popular-articles .swiper{ padding-top: 2rem; } @media screen and (max-width: 1056px) { .single-article .popular-articles .swiper{ border-top-width: 1px; border-bottom-width: 1px; border-style: solid; border-top-color: rgb(227 222 216 / var(--tw-border-opacity)); --tw-border-opacity: 1; border-bottom-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-left: 1rem; padding-right: 1rem; } } .single-article .popular-articles .swiper > h2{ padding-left: 1rem; } @media screen and (max-width: 1056px) { .single-article .popular-articles__list{ padding-top: 2rem; padding-bottom: 2rem; } .single-article .popular-articles__list-item{ display: block; width: 66.666667%; border-left-width: 1px; border-style: solid; --tw-border-opacity: 1; border-left-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-left: 1rem; padding-bottom: 0px; } .single-article .popular-articles__list-item .title{ padding-bottom: 0.75rem; } } .single-article .popular-articles__list-item::before{ font-size: 2.125rem; } .single-article .popular-articles__list-item .title{ font-size: 1.625rem; } @media screen and (min-width: 1057px) { .single-article .popular-articles .swiper{ position: sticky; right: 0px; top: 5rem; margin-left: 2rem; margin-right: 2.5rem; width: 100% !important; max-width: 306px; } } .from-archive{ height: 100%; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } @media (min-width: 782px){ .from-archive{ border-left-width: 2px; padding-left: 1.5rem; } } .from-archive .container{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } @media not all and (min-width: 782px){ .from-archive .container{ border-top-width: 1px; padding-top: 2rem; } } .from-archive h2{ padding-bottom: 3rem; } .wp-block-columns.popular-articles-columns{ gap: 2rem; } .wp-block-columns.popular-articles-columns .from-archive .container, .wp-block-columns.popular-articles-columns .popular-articles .container{ width: 100% !important; } @media not all and (min-width: 782px){ .wp-block-columns.popular-articles-columns .popular-articles .container{ border-top-width: 1px; padding-left: 0px; padding-top: 2rem; } } .nation-voices{ margin-top: 6rem; margin-bottom: 6rem; } .nation-voices__title-row{ display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 992px) { .nation-voices__title-row{ justify-content: space-between; } } .nation-voices__title-row h2{ text-align: center; font-size: clamp(2.125rem, 9.77vw, 6.25rem); line-height: 95%; } .nation-voices__title-row .swipe-msg{ display: none; font-family: Ivar Text, Georgia, Times, serif; font-size: 0.938rem; line-height: 110%; letter-spacing: 0.03rem; font-style: italic; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .nation-voices__authors{ padding-top: 4rem; } @media screen and (min-width: 993px) { .nation-voices__authors{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; } } .nation-voices__authors .nation-voices__author:not(:first-of-type){ border-left-width: 2px; border-style: solid; --tw-border-opacity: 1; border-left-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-left: 1.5rem; } .nation-voices__author{ text-align: center; } .nation-voices__author-headshot{ margin-left: auto; margin-right: auto; height: 130px; } @media (min-width: 782px){ .nation-voices__author-headshot{ height: 180px; } } .nation-voices__author-name{ padding-top: 1.5rem; padding-bottom: 2rem; } .nation-voices__author-name::after{ margin-left: auto; margin-right: auto; margin-top: 2rem; display: block; height: 2px; width: 4rem; --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); --tw-content: ''; content: var(--tw-content); } .nation-voices__author-post{ padding-bottom: 1.75rem; font-size: 1.25rem; line-height: 115%; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .nation-voices__author-post:first-of-type::after{ margin-left: auto; margin-right: auto; margin-top: 2rem; display: block; height: 2px; width: 2rem; --tw-bg-opacity: 1; background-color: rgb(227 222 216 / var(--tw-bg-opacity)); --tw-content: ''; content: var(--tw-content); } .nation-voices__author-post:last-of-type{ padding-bottom: 0px; } @media screen and (max-width: 992px) { .nation-voices{ margin-top: 3rem; margin-bottom: 3rem; } .nation-voices__title-row{ border-top-width: 1px; border-style: solid; --tw-border-opacity: 1; border-top-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-top: 2rem; } .nation-voices__title-row h2{ text-align: left; } .nation-voices__title-row .swipe-msg{ display: block; } .nation-voices__author{ height: auto; width: 66.666667%; } @media (min-width: 640px){ .nation-voices__author{ width: 33.333333%; } } } .features{ margin-top: 3rem; margin-bottom: 3rem; } @media (min-width: 782px){ .features{ margin-top: 6rem; margin-bottom: 6rem; } } @media screen and ( max-width:781px ) { .features__title-row{ justify-content: space-between; border-top-width: 1px; border-style: solid; --tw-border-opacity: 1; border-top-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-top: 2rem; } .features__title-row h2{ text-align: left; } .features__title-row .swipe-msg{ display: block; } .features .swiper-slide{ width: 66.666667%; } .features .swiper-slide:not(:first-of-type) .collections__card{ border-left-width: 1px; border-style: solid; --tw-border-opacity: 1; border-left-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-left: 1rem; } } .features__articles-row{ padding-top: 2rem; } @media (min-width: 782px){ .features__articles-row{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; padding-top: 4rem; } } .features .collections__card-image-link{ display: block; aspect-ratio: 3/4; } .features .collections__card-image{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .latest-articles{ height: 100%; } .latest-articles-container{ margin-top: 3.5rem; margin-bottom: 3.5rem; } @media (min-width: 782px){ .latest-articles-container{ margin-top: 6rem; margin-bottom: 6rem; } } .latest-articles-container > h2, .latest-articles-container .latest-title{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); font-size: clamp(2.125rem, 9.77vw, 6.25rem); line-height: 95%; } @media not all and (min-width: 782px){ .latest-articles-container > h2, .latest-articles-container .latest-title{ border-top-width: 1px; padding-top: 2rem; text-align: left; } } .latest-articles-columns{ margin-bottom: 0px; padding-top: 2rem; } @media (min-width: 782px){ .latest-articles-columns{ padding-top: 4rem; } } .latest-articles-columns .container{ height: 100%; width: 100% !important; } .latest-articles__row{ display: grid; height: 100%; grid-template-columns: repeat(1, minmax(0, 1fr)); -moz-column-gap: 2rem; column-gap: 2rem; } @media (min-width: 782px){ .latest-articles__row{ grid-auto-flow: column; grid-template-columns: repeat(2, minmax(0, 1fr)); } .latest-articles__row .featured-card:first-of-type{ padding-bottom: 3.5rem; } } @media screen and (max-width: 781px) { .latest-articles__row .featured-card{ display: inline-block; width: 100%; } .latest-articles__row .featured-card:nth-of-type(2){ border-top-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-top: 2rem; } .latest-articles__row .featured-card .title{ padding-top: 0px; } .latest-articles__row .featured-card .collections__card-content{ padding-right: 1rem; } .latest-articles__row .featured-card .collections__card-image{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .latest-articles__row .featured-card .collections__card-image-link{ float: right; margin-left: 1rem; height: 24vw; width: 23.46vw; } } .latest-articles__column-2{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } @media (min-width: 782px){ .latest-articles__column-2{ border-left-width: 2px; } .latest-articles__column-2 .collections__card:first-of-type .title{ padding-top: 0px; } } .latest-articles .collections__card--no-image{ border-top-width: 1px; } @media (min-width: 782px){ .latest-articles .collections__card--no-image{ border-top-width: 0px; border-left-width: 0px; padding-top: 0px; padding-left: 1.5rem; } .article-list .container{ margin-right: 0px; } } @media (min-width: 1024px){ .article-list .container{ width: calc(100% - 40px) !important; } } .article-list .container > h2{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-bottom: 2rem; } @media not all and (min-width: 782px){ .article-list .container > h2{ border-top-width: 1px; padding-top: 2rem; } } @media (min-width: 782px){ .article-list .container > h2{ padding-bottom: 3.5rem; } } .article-list-columns{ margin-top: 3.5rem; margin-bottom: 3.5rem; } @media (min-width: 782px){ .article-list-columns{ margin-top: 6rem; margin-bottom: 6rem; } } .article-list-columns .container{ width: 100% !important; } .article-list #ConnatixPlaceholder{ border-top-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } @media (min-width: 782px){ .article-list #ConnatixPlaceholder{ border-top-width: 2px; } } .article-list .cnx-ps.cnx-main-container{ margin-left: auto !important; margin-right: auto !important; max-width: 600px; } @media (min-width: 782px){ .article-list .cnx-ps.cnx-main-container{ padding-top: 3.5rem; padding-bottom: 2.75rem; } } .article-list .cnx-ps.cnx-main-container .cnx-playspace-footer{ border-bottom-width: 0px; } #ConnatixPlaceholder + .placeholder, .connatix-player-footer + .placeholder{ margin-left: auto !important; margin-right: auto !important; max-width: 600px; --tw-bg-opacity: 1; background-color: rgb(227 222 216 / var(--tw-bg-opacity)); padding-top: 34.12%; padding-bottom: 34.12%; } @media (min-width: 782px){ #ConnatixPlaceholder + .placeholder, .connatix-player-footer + .placeholder{ margin-top: 3.5rem; margin-bottom: 3.5rem; } } #ConnatixPlaceholder + .placeholder p, .connatix-player-footer + .placeholder p{ text-align: center; } .cta{ margin-top: 2.5rem; margin-bottom: 2.5rem; } @media (min-width: 782px){ .cta{ margin-top: 6rem; margin-bottom: 6rem; } } .cta__container{ border-left-width: 2px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); padding: 1.5rem; } .cta__title{ padding-bottom: 1rem; } .cta__title em{ font-style: normal; } .cta__mag-text{ padding-top: 2.75rem; padding-bottom: 0.75rem; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.938rem; line-height: 110%; letter-spacing: 0.03rem; text-transform: uppercase; } .cta__mag-issue{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .cta__mag-date{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .cta__mag-cover img{ width: 100%; } .cta__mag-btn{ margin-top: 1.5rem; margin-bottom: 0px; display: block; width: 100%; text-align: center; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .cta__mag-btn:hover, .cta__mag-btn:active, .cta__mag-btn:focus{ --tw-text-opacity: 1 !important; color: rgb(232 25 43 / var(--tw-text-opacity)) !important; } .cta__news-form{ font-family: Ivar Text, Georgia, Times, serif; font-size: 0.875rem; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } @media (min-width: 782px){ .cta__news-form{ display: flex; flex-direction: row; } } .cta__news-form .message_upper{ display: none; } .cta__news-form h2, .cta__news-form h1{ padding-bottom: 1rem; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .cta__news-form .label_and_div{ font-size: 1rem; line-height: 140%; color: rgb(102 102 102 / var(--tw-text-opacity)); margin-left: 0px; padding-bottom: 3rem; font-family: Ivar Text, Georgia, Times, serif; font-style: italic; --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .content-wrapper-legacy p.cta__news-form .label_and_div{ margin-top: 0.5rem; margin-bottom: 1rem; } @media (min-width: 1056px) { .content-wrapper-legacy .alignwide .cta__news-form .label_and_div{ margin-left: calc(2 * var(--grid-col-and-gutter)); } } @media (min-width: 782px){ .cta__news-form .label_and_div{ padding-bottom: 5rem; } } .cta__news-form label{ display: block; text-align: left; } .cta__news-form div[id^="inline_cta__rform"] label{ margin-top: 1rem; } .cta__news-form div[id^="inline_cta__rform"] input{ margin-top: 0px !important; } .cta__news-form input{ font-family: Ivar Text, Georgia, Times, serif; font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; font-style: italic; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .cta__news-form #news-letters { /* & a { @apply relative bg-[linear-gradient(rgb(232_25_43_/_1),rgb(232_25_43_/_1))] bg-no-repeat bg-[center_90%]; background-size: 100% 0.125rem; & strong { @apply font-normal text-gray; } } */ } .cta__news-form #news-letters h1{ font-family: Ivar Display, Georgia, Times, serif; font-size: clamp(2.125rem, 5.37vw, 3.438rem); line-height: 110%; text-transform: capitalize; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .cta__news-form #news-letters .label_and_div label{ font-family: Ivar Text, Georgia, Times, serif; font-size: 1.25rem; line-height: 110%; letter-spacing: 0.06rem; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .cta__news-form #news-letters .form-field{ padding-top: 0px; } .cta__news-form #news-letters .form-field input{ position: relative; z-index: 1; width: 100%; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(102 102 102 / var(--tw-border-opacity)); background-color: transparent; font-style: normal; outline: 2px solid transparent; outline-offset: 2px; } .cta__news-form #news-letters .form-field input::-moz-placeholder{ font-family: Ivar Text, Georgia, Times, serif; font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; font-style: italic; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .cta__news-form #news-letters .form-field input::placeholder{ font-family: Ivar Text, Georgia, Times, serif; font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; font-style: italic; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .cta__news-form #news-letters #sailthrruForm a:not(.btn, .knockout):hover, .cta__news-form #news-letters #sailthrruForm a:not(.btn, .knockout):focus, .cta__news-form #news-letters #sailthrruForm a:not(.btn, .knockout):active { box-shadow: inset 0 0.9em 0 0 #fff; } .cta__news-form #news-letters .newsletter-form p{ font-size: 1rem; line-height: 140%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .content-wrapper-legacy p.cta__news-form #news-letters .newsletter-form p{ margin-top: 0.5rem; margin-bottom: 1rem; } @media (min-width: 1056px) { .content-wrapper-legacy .alignwide .cta__news-form #news-letters .newsletter-form p{ margin-left: calc(2 * var(--grid-col-and-gutter)); } } .cta__news-form #news-letters .newsletter-form p.check_email_light{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .cta__news-form #news-letters .newsletter-form .label_and_div, .cta__news-form #news-letters .newsletter-form .label_and_div p{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .cta__news-form #news-letters .newsletter-form .form-field{ margin-bottom: 1.5rem; } .cta__news-form #news-letters .newsletter-form__row{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 3rem; } @media (min-width: 782px){ .cta__news-form #news-letters .newsletter-form__row{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .cta__news-form #news-letters .newsletter-form__col h2{ padding-bottom: 2.25rem; } } .cta__news-form #news-letters .newsletter-form__col:first-of-type p{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .cta__news-form #news-letters .newsletter-form__col--form .form-submit{ align-items: center; gap: 0.5rem; } @media (min-width: 1024px){ .cta__news-form #news-letters .newsletter-form__col--form .form-submit{ display: flex; } } .cta__news-form #news-letters .newsletter-form__col--form .form-submit button, .cta__news-form #news-letters .newsletter-form__col--form .form-submit .btn{ margin-top: 1.5rem; margin-bottom: 0px; width: 100%; text-align: center; font-size: 1.25rem; line-height: 115%; } @media (min-width: 782px){ .cta__news-form #news-letters .newsletter-form__col--form .form-submit button, .cta__news-form #news-letters .newsletter-form__col--form .form-submit .btn{ width: -moz-fit-content; width: fit-content; } } .cta__news-form *:focus { outline: none; } .cta__news-form .form-submit #submit, .cta__news-form .primary-button{ line-height: 1; margin-top: 1.5rem; margin-bottom: 0px; display: block; width: 100%; text-align: center; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .cta__news-form .form-submit #submit:hover,.cta__news-form .form-submit #submit:active,.cta__news-form .form-submit #submit:focus, .cta__news-form .primary-button:hover, .cta__news-form .primary-button:active, .cta__news-form .primary-button:focus{ --tw-text-opacity: 1 !important; color: rgb(232 25 43 / var(--tw-text-opacity)) !important; } .cta__inline .cta__news-form .form-submit #submit,.cta__inline .cta__news-form .primary-button{ margin-top: 1rem; padding-left: 4rem; padding-right: 4rem; } @media (min-width: 782px){ .cta__inline .cta__news-form .form-submit #submit,.cta__inline .cta__news-form .primary-button{ margin-top: 0px; } } .cta__news-form .form-submit #submit + p, .cta__news-form .primary-button + p{ margin-top: 1.5rem; } .cta__inline{ align-items: center; justify-content: space-between; } @media (min-width: 782px){ .cta__inline{ display: flex; flex-direction: row; gap: 1rem; } } .cta__inline p{ padding-top: 1rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 782px){ .cta__inline p{ padding-top: 0.5rem; } } .cta__inline .cta__title{ padding-top: 0px; padding-bottom: 0px; } .cta__inline .cta__mag-btn{ margin-top: 1rem; padding-left: 4rem; padding-right: 4rem; } @media (min-width: 782px){ .cta__inline .cta__mag-btn{ margin-top: 0px; } } .wp-block-columns .cta{ margin: 0px; } .wp-block-columns .cta .container{ width: 100% !important; } .wp-block-columns .cta .newsletter-form__row{ grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0px; } .wp-block-columns .cta .newsletter-form__row .newsletter-form__col--form .form-submit button{ display: block; width: 100%; font-size: clamp(1.25rem,2.73vw,1.75rem); } /** * CTA rendered among other blocks. */ .blocks-wrapper .cta{ margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 1056px) { .blocks-wrapper .cta{ margin-top: 4rem; margin-bottom: 4rem; } } .blocks-wrapper .cta.float-l-w-2, .blocks-wrapper .cta.float-l-w-3{ margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 1056px) { .blocks-wrapper .cta.float-l-w-2, .blocks-wrapper .cta.float-l-w-3{ margin-top: 0px; margin-bottom: 2rem; } } .blocks-wrapper .cta__title{ font-size: clamp(1.625rem,1.208333rem + 1.3888vw,2.125rem); } .blocks-wrapper .cta .btn{ width: auto; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 2rem; padding-right: 2rem; font-size: 1.25rem; line-height: 115%; } .latest-podcasts .container{ border-left-width: 2px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); } .latest-podcasts-columns{ margin-top: 3.5rem; margin-bottom: 3.5rem; } @media (min-width: 782px){ .latest-podcasts-columns{ margin-top: 6rem; margin-bottom: 6rem; } } .latest-podcasts-columns .latest-podcasts .container{ width: 100% !important; } .latest-podcasts__container{ display: grid; gap: 1.75rem; padding: 1.5rem; } @media (min-width: 1024px){ .latest-podcasts__container{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } .latest-podcasts__container .collections__card-content h2{ font-size: clamp(1.625rem, 2.73vw, 1.75rem); line-height: 115%; } .latest-podcasts__left{ display: flex; flex-direction: column; justify-content: space-between; } .latest-podcasts__title{ padding-bottom: 3.5rem; } .latest-podcasts__title p{ font-size: clamp(2.125rem, 5.37vw, 3.438rem); line-height: 110%; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .latest-podcasts__desc h3{ font-size: clamp(1.625rem, 2.73vw, 1.75rem); line-height: 115%; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .latest-podcasts__desc p{ font-family: Ivar Headline, Georgia, Times, serif; font-size: clamp(1.625rem, 2.73vw, 1.75rem); line-height: 115%; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .latest-podcasts__btn{ margin-top: 2rem; margin-bottom: 0px; width: 100%; text-align: center; } .latest-podcasts .collections__card .knockout .collections__label.podcast-label{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 1024px){ .latest-podcasts .collections__card--no-image{ padding-bottom: 1.5rem; } } .podcast-series{ margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 782px){ .podcast-series{ margin-top: 6rem; margin-bottom: 6rem; } } .podcast-series__intro{ display: flex; flex-direction: column; border-top-width: 2px; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-bottom: 1rem; } .podcast-series__title-grid{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; padding-top: 2rem; } @media (min-width: 782px){ .podcast-series__title-grid{ flex-direction: row; align-items: center; } } .podcast-series__title-grid h2{ margin-bottom: 1.75rem; flex: 1 1 0%; font-family: Ivar Headline, Georgia, Times, serif; font-size: clamp(2.125rem, 3.91vw, 2.5rem); line-height: 110%; } @media not all and (min-width: 640px){ .podcast-series__title-grid h2{ font-size: clamp(1.625rem, 3.32vw, 2.125rem); line-height: 110%; } } @media (min-width: 640px){ .podcast-series__title-grid h2{ padding-right: 6rem; } } .podcast-series__title-grid p{ flex-basis: 100%; } .podcast-series__btn{ flex-basis: auto; align-self: baseline; font-size: 1.25rem; line-height: 115%; } @media not all and (min-width: 1024px){ .podcast-series__btn{ order: 3; margin-top: 1rem; margin-right: auto; } } .podcast-series__list{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; } @media (min-width: 1024px){ .podcast-series__list{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } .podcast-series__list .collections__card{ --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-bottom: 0px; padding-top: 2rem; } @media not all and (min-width: 1024px){ .podcast-series__list .collections__card{ display: inline-block; width: 100%; border-top-width: 2px; } } @media screen and (max-width: 1024px) { .podcast-series__list .collections__card .title{ padding-top: 0px; } .podcast-series__list .collections__card-content{ padding-right: 1rem; } .podcast-series__list .collections__card .series-label svg{ height: 1.5rem; width: 1.5rem; } .podcast-series__list .collections__card-image{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .podcast-series__list .collections__card-image-link{ float: right; margin-left: 1rem; height: 24vw; width: 23.46vw; } } .wp-block-columns.podcast-series-columns{ margin-top: 2rem; margin-bottom: 2rem; gap: 2rem; } @media (min-width: 782px){ .wp-block-columns.podcast-series-columns{ margin-top: 6rem; margin-bottom: 6rem; } } .wp-block-columns.podcast-series-columns .podcast-series:first-of-type{ margin-top: 0px; } .wp-block-columns.podcast-series-columns .podcast-series:last-of-type{ margin-bottom: 0px; } .wp-block-columns.podcast-series-columns .podcast-series .container{ width: 100% !important; } @media (min-width: 782px){ .wp-block-columns.podcast-series-columns .podcast-series .container{ margin-right: 0px; } } .accordion{ margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 782px){ .accordion{ margin-top: 4rem; margin-bottom: 4rem; } } .accordion .container{ border-top-width: 2px; border-bottom-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } .accordion__toggle{ padding-top: 2.25rem; padding-bottom: 2.25rem; } .accordion__toggle #accordionToggle, .accordion__toggle #accordionContentToggle{ margin: 0px; display: flex; width: 100%; align-items: center; justify-content: space-between; background-color: transparent; padding: 0px; text-align: left; font-family: Ivar Text, Georgia, Times, serif; font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .accordion__toggle #accordionContentToggle{ margin-left: auto; margin-bottom: 0.5rem; justify-content: flex-end; } @media (min-width: 782px){ .accordion__toggle #accordionContentToggle{ margin-top: 2rem; } } .accordion__content{ overflow: hidden; } .accordion .acf-innerblocks-container{ padding-top: 2rem; } @media (min-width: 782px){ .accordion .acf-innerblocks-container{ padding-top: 4rem; } } .article-title{ margin-bottom: 3rem; } @media (min-width: 1056px) { .article-title{ margin-bottom: 4rem; } } .article-title__eyebrow{ margin-top: 2rem; margin-bottom: 1rem; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.9375rem; line-height: 110%; font-weight: 500; text-transform: uppercase; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } @media (min-width: 1056px) { .article-title__eyebrow{ margin-top: 4rem; } } .article-title__eyebrow .article-title__labels{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .article-title__image img{ display: block; max-height: 300px; width: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 1056px) { .article-title__image img{ max-height: 500px; } } .article-title__image.oppart-image{ margin-top: 2rem; } @media (min-width: 1056px){ .article-title__image.oppart-image{ margin-top: 4rem; } } .article-title__image.oppart-image img{ width: auto; } .article-title .article-title__title{ font-family: Ivar Display, Georgia, Times, serif; font-size: clamp(2.125rem, 0.25rem + 6.25vw, 4.375rem); line-height: 95%; } .single-article .article-title__dek, .single-destination .article-title__dek{ margin-top: 2rem; font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; font-style: italic; } .issue-details__single-article-content .article-title__dek p { padding-top: 0.75rem; } a.issue-details__single-article-author { font-family: Suisse Intl Condensed,Helvetica,Arial,sans-serif; font-size: .938rem; line-height: 110%; letter-spacing: .03rem; text-transform: uppercase; font-style: normal; color: #666666; } .single-article .article-title__dek em{ font-style: normal; } @media (min-width: 1056px) { .single-article .article-title__dek, .single-destination .article-title__dek{ margin-top: 2rem; margin-bottom: 2rem; } } .article-title .secondary-title ~ .acf-innerblocks-container .article-title__title, .article-title .secondary-dek ~ .acf-innerblocks-container .article-title__dek{ display: none; } .article-title__meta{ margin-left: auto; margin-right: auto; display: grid; grid-template-columns: minmax(min-content,max-content) max-content; justify-content: space-between; -moz-column-gap: 1rem; column-gap: 1rem; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.938rem; line-height: 110%; font-weight: 500; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .article-title__meta .article-title__authors{ display: inline-block; } .article-title__meta .article-title__author, .article-title__meta .article-title__event-date{ text-transform: uppercase; } .article-title .edit-link{ padding-left: 0px; } .article-title__image-caption{ font-size: 1rem; line-height: 140%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); margin-left: 1rem; margin-right: 1rem; margin-top: 0.75rem; } .content-wrapper-legacy p.article-title__image-caption{ margin-top: 0.5rem; margin-bottom: 1rem; } @media (min-width: 1056px) { .content-wrapper-legacy .alignwide .article-title__image-caption{ margin-left: calc(2 * var(--grid-col-and-gutter)); } } .article-title.article-title__aside .article-title__container{ margin-left: var(--content-gutter); margin-right: var(--content-gutter); } @media not all and (min-width: 1056px){ .article-title.article-title__aside .article-title__container{ text-align: center; } } .article-title.article-title__aside .article-title__container::after{ margin-left: auto; margin-right: auto; margin-top: 3rem; display: block; height: 2px; width: 60px; --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); } .article-title.article-title__aside .article-title__meta{ justify-content: center; } @media not all and (min-width: 1056px){ .article-title.article-title__aside .edit-link{ padding: 0px; } } @media (min-width: 1056px) { .article-title.article-title__aside{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto; -moz-column-gap: 2.5rem; column-gap: 2.5rem; grid-template-areas: "image title" "caption caption"; } .article-title.article-title__aside .article-title__image { grid-area: image; } .article-title.article-title__aside .article-title__image img{ height: calc(100dvh - 56px); max-height: none; width: auto; -o-object-fit: cover; object-fit: cover; } .article-title.article-title__aside .article-title__image-caption{ margin: 0px; margin-top: -1px; border-top-width: 2px; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-top: 0.75rem; padding-left: 1rem; padding-right: calc(50% + 2.5rem); grid-area: caption; } .article-title.article-title__aside .article-title__container{ margin-top: -2rem; margin-left: 0px; margin-right: var(--content-gutter); align-self: center; justify-self: start; grid-area: title; } .article-title.article-title__aside .article-title__container::after{ --tw-content: none; content: var(--tw-content); } .article-title.article-title__aside .article-title__eyebrow{ margin-top: 0px; } .article-title.article-title__aside .article-title__meta{ margin-right: 7vw; justify-content: space-between; } } .type-feature-article .article-title:not(.article-title__aside) .article-title__container{ text-align: center; } @media (min-width: 1056px) { .type-feature-article .article-title:not(.article-title__aside) .article-title__container{ margin-left: calc(calc(2 * var(--grid-col-and-gutter)) * -1); margin-right: calc(calc(2 * var(--grid-col-and-gutter)) * -1); } } .type-feature-article .article-title:not(.article-title__aside) .article-title__title{ font-size: clamp(2.375rem, -0.8541666rem + 10.763888vw, 6.25rem); line-height: 95%; } @media (min-width: 1056px) { .type-feature-article .article-title:not(.article-title__aside) .article-tite__dek{ margin-left: var(--grid-col-and-gutter); margin-right: var(--grid-col-and-gutter); } } .type-feature-article .article-title:not(.article-title__aside) .article-title__image img{ display: block; height: 30vh; max-height: none; width: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 1056px) { .type-feature-article .article-title:not(.article-title__aside) .article-title__image img{ height: 65vh; } } .type-feature-article .article-title:not(.article-title__aside) .article-title__meta{ justify-content: center; } .type-feature-article .article-title:not(.article-title__aside) .article-title__container::after{ margin-left: auto; margin-right: auto; margin-top: 3rem; display: block; height: 2px; width: 60px; --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); } @media (min-width: 1056px) { .type-feature-article .article-title:not(.article-title__aside) .article-title__container::after{ margin-top: 4rem; width: 88px; } .type-standard-article .article-title:not(.article-title__aside) .article-title__dek, .type-standard-article .article-title:not(.article-title__aside) .article-title__meta{ margin-right: calc(2 * var(--grid-col-and-gutter)); } .type-standard-article .article-title:not(.article-title__aside) .article-title__container{ margin-right: calc(calc(2 * var(--grid-col-and-gutter)) * -1); } } .wp-block-the-nation-dek { position: relative; } .page-title .container{ padding-top: 3rem; } @media (min-width: 782px){ .page-title .container{ padding-top: 6rem; } } .page-title .acf-innerblocks-container{ margin-bottom: 2rem; max-width: 868px; border-bottom-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-bottom: 2rem; } @media (min-width: 782px){ .page-title .acf-innerblocks-container{ margin-bottom: 3rem; padding-bottom: 3rem; } } .page-title.alignfull .container{ margin-bottom: 2rem; border-bottom-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-bottom: 2rem; } @media (min-width: 782px){ .page-title.alignfull .container{ margin-bottom: 3rem; padding-bottom: 3rem; } } .page-title.alignfull .container .acf-innerblocks-container{ margin-bottom: 0px; border-bottom-width: 0px; padding-bottom: 0px; } .page-title h1.wp-block-post-title.title, .page-title h1.is-style-article{ font-family: Ivar Display, Georgia, Times, serif; font-size: clamp(2.125rem, 0.25rem + 6.25vw, 4.375rem); line-height: 95%; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .page-title__excerpt{ padding-top: 1rem; } .page-title__excerpt p{ font-family: Ivar Display, Georgia, Times, serif; font-size: clamp(2.125rem, 0.25rem + 6.25vw, 4.375rem); line-height: 95%; } .upcoming-events{ margin-bottom: 3rem; margin-top: 2rem; } @media (min-width: 782px){ .upcoming-events{ margin-bottom: 6rem; margin-top: 3rem; } } .upcoming-events .collections__card:first-of-type{ border-top-width: 0px; padding-top: 1.5rem; } @media (min-width: 782px){ .upcoming-events .collections__card:first-of-type{ padding-top: 2rem; } } .upcoming-events__title{ font-family: Ivar Headline, Georgia, Times, serif; } .upcoming-events__title + .upcoming-events__prev-link{ margin-top: 2rem; } @media (min-width: 782px){ .upcoming-events__title + .upcoming-events__prev-link{ margin-top: 3rem; } } .upcoming-events .upcoming-events__prev-link a{ background-position: center 95%; } .upcoming-events .upcoming-events__prev-link a:hover, .upcoming-events .upcoming-events__prev-link a:focus, .upcoming-events .upcoming-events__prev-link a:active { box-shadow: inset 0 1em 0 0 #fff1f1; } /* Upcoming Events Block Styling */ .upcoming-events-collection{ margin-bottom: 3rem; margin-top: 3rem; } @media (min-width: 782px){ .upcoming-events-collection{ margin-bottom: 6rem; } } .upcoming-events-collection .container{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } @media not all and (min-width: 782px){ .upcoming-events-collection .container{ border-top-width: 1px; } } .upcoming-events-collection__row{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; } @media (min-width: 782px){ .upcoming-events-collection__row .collections__card{ border-top-width: 0px; } } @media not all and (min-width: 782px){ .upcoming-events-collection__row .collections__card:not(:first-of-type){ padding-top: 2rem; } } @media screen and (max-width: 781px) { .upcoming-events-collection__row .collections__card{ display: inline-block; padding-bottom: 0px; } .upcoming-events-collection__row .collections__card .title{ padding-top: 0px; } .upcoming-events-collection__row .collections__card-content{ padding-right: 1rem; } .upcoming-events-collection__row .collections__card-image{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .upcoming-events-collection__row .collections__card-image-link{ float: right; margin-left: 1rem; height: 24vw; width: 23.46vw; } } @media (min-width: 782px){ .upcoming-events-collection__row{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } .upcoming-events-collection__title{ padding-bottom: 2rem; } @media not all and (min-width: 782px){ .upcoming-events-collection__title{ padding-top: 2rem; } } @media (min-width: 782px){ .upcoming-events-collection__title{ padding-bottom: 4rem; text-align: center; font-family: Ivar Display, Georgia, Times, serif; font-size: clamp(2.125rem, 9.77vw, 6.25rem); line-height: 95%; } } .upcoming-events-collection .knockout .event-date{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .event-details, .travel-details{ box-sizing: border-box; border-left-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); } @media not all and (min-width: 1056px){ .event-details, .travel-details{ margin-top: 2rem; margin-bottom: 2rem; width: 100%; } } @media (min-width: 1056px){ .event-details, .travel-details{ position: sticky; top: 9.625rem; } } .event-details .container, .travel-details .container{ padding: 1.5rem; } .event-details__title, .travel-details__title{ font-size: 2.125rem; line-height: 110%; } .event-details p.event-details__content-label, .event-details .travel-details__content-label, .travel-details p.event-details__content-label, .travel-details .travel-details__content-label{ margin: 0px !important; padding-top: 1rem !important; font-size: 1rem; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .event-details p.event-details__content-meta, .event-details .travel-details__content-meta, .travel-details p.event-details__content-meta, .travel-details .travel-details__content-meta{ margin: 0px !important; padding-top: 0.25rem !important; font-size: 1.125rem; } .event-details__content, .travel-details__content { } .event-details__buttons, .travel-details__buttons{ margin-top: 2rem; display: flex; flex-direction: column; gap: 1rem; } .event-details .btn, .travel-details .btn{ margin-bottom: 0px; font-size: 1.25rem; line-height: 115%; } /** BOOKS BLOCK **/ .books-block, .content-wrapper-legacy .related-newarticle.book-module{ margin-top: 2rem; margin-bottom: 2rem; box-sizing: border-box; border-left-width: 2px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); padding-left: 1rem; } .books-block__title, .content-wrapper-legacy .related-newarticle.book-module__title{ font-size: clamp(1.625rem, 1.208333rem + 1.3888vw, 2.125rem); line-height: 115%; } .books-block__books, .content-wrapper-legacy .related-newarticle.book-module__books{ list-style-type: none; } .books-block__books > li, .content-wrapper-legacy .related-newarticle.book-module__books > li{ padding-bottom: 0px; } .books-block__book, .content-wrapper-legacy .related-newarticle.book-module__book{ margin-bottom: 0px; padding-bottom: 0px; } .books-block__book h4, .content-wrapper-legacy .related-newarticle.book-module__book h4{ margin-top: 2rem; margin-bottom: 0.75rem; font-family: Ivar Headline, Georgia, Times, serif; font-size: 1.25rem; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .books-block__byline, .content-wrapper-legacy .related-newarticle.book-module__byline{ margin-top: 0.75rem; margin-bottom: 2rem; display: block; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.938rem; font-weight: 500; text-transform: uppercase; line-height: 1.25; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .books-block a, .books-block .newrelated-blocks p a, .content-wrapper-legacy .related-newarticle.book-module a, .content-wrapper-legacy .related-newarticle.book-module .newrelated-blocks p a{ font-family: Ivar Text, Georgia, Times, serif; font-size: 1rem; text-transform: none; line-height: 1rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .aside-block{ margin-top: 2rem; margin-bottom: 2rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-top: 0.75rem; font-size: 1rem; line-height: 140%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } @media (min-width: 1056px) { .aside-block{ margin-top: 0px; margin-bottom: 0px; } } .issue-aside-block{ margin-top: 2rem; margin-bottom: 2rem; border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-top: 0.75rem; font-size: 1rem; line-height: 140%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } @media (min-width: 1056px) { .issue-aside-block{ margin-top: 0px; margin-bottom: 0px; } } .article-title + .issue-aside-block{ margin-top: 0px; } .articles-list, .series-modules{ margin-top: 2rem; margin-bottom: 2rem; box-sizing: border-box; border-left-width: 2px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); padding-left: 1rem; } .articles-list__title, .articles-list .series-modules-blocks h4, .series-modules__title, .series-modules .series-modules-blocks h4{ font-size: clamp(1.625rem, 1.208333rem + 1.3888vw, 2.125rem); line-height: 115%; } .articles-list__articles, .series-modules__articles{ list-style-type: none; } .articles-list__articles > li, .series-modules__articles > li{ padding-bottom: 0px; } .articles-list__article, .series-modules__article{ margin-bottom: 0px; padding-bottom: 0px; } .articles-list__article-title, .series-modules__article-title{ margin-top: 2rem; margin-bottom: 0.5rem; font-family: Ivar Headline, Georgia, Times, serif; font-size: 1.25rem; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .articles-list .series-blocks h5, .series-modules .series-blocks h5{ margin-top: 2rem; margin-bottom: 0.75rem; font-size: 1.25rem; line-height: 115%; } .articles-list__article-authors, .articles-list .author, .series-modules__article-authors, .series-modules .author{ margin-top: 0.75rem; margin-bottom: 0px; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.9375rem; line-height: 110%; font-weight: 500; text-transform: uppercase; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .articles-list__article-authors a:hover, .articles-list .author a:hover, .series-modules__article-authors a:hover, .series-modules .author a:hover{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } /** CURRENT ISSUE BLOCK **/ .current-issue{ margin-top: 2rem; margin-bottom: 2rem; box-sizing: border-box; display: grid; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 0.25rem; grid-template-rows: auto 1fr auto; grid-template-areas: "cover block-title" "cover magazine-title" "cover button"; } @media (min-width: 1056px) { .current-issue{ row-gap: 0px; grid-template-rows: auto auto auto auto; grid-template-areas: "block-title" "cover" "magazine-title" "button"; } } .current-issue__title{ font-size: clamp(1.625rem, 1.208333rem + 1.3888vw, 2.125rem); line-height: 115%; } @media (min-width: 1056px) { .current-issue__title{ margin-bottom: 1rem; } } .current-issue__title{ grid-area: block-title; } .current-issue__cover { grid-area: cover; position: relative; height: -moz-fit-content; height: fit-content; background-image: none !important; } .current-issue__cover::after { transition: height 0.2s ease; position: absolute; bottom: 0px; left: 0px; height: 0px; width: 100%; background-image: linear-gradient(rgb(232 25 43 / 1),rgb(232 25 43 / 1)); background-position: bottom; background-repeat: no-repeat; transition-delay: .2s; --tw-content: ''; content: var(--tw-content); } .current-issue__cover:hover::after { transition: height 0.2s ease; height: 0.5rem; text-decoration-line: none; } .current-issue__cover img{ border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } .current-issue__magazine-title { grid-area: magazine-title; line-height: 1; } @media (min-width: 1056px) { .current-issue__magazine-title{ margin-top: 1rem; margin-bottom: 1rem; } } .current-issue__magazine-title a{ font-family: Ivar Text, Georgia, Times, serif; font-size: 1rem; line-height: 140%; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .current-issue__button{ margin-bottom: 0px; text-align: center; font-size: 1.25rem; } @media (min-width: 1056px) { .current-issue__button{ width: 100%; } } .current-issue__button{ grid-area: button; } .article-end{ margin-bottom: 2rem; } @media (min-width: 1056px) { .article-end{ margin-bottom: 4rem; } } .article-end__author{ margin-top: 2rem; margin-bottom: 2rem; display: grid; -moz-column-gap: 0.75rem; column-gap: 0.75rem; row-gap: 1rem; } @media (min-width: 1056px) { .article-end__author{ margin-top: 2.75rem; } } .article-end__author{ grid-template-columns: auto min-content 1fr; grid-template-areas: "name twitter ." "bio bio bio"; } .article-end__author-name{ font-family: Ivar Headline, Georgia, Times, serif; font-size: clamp(1.625rem, 1.41666rem + 0.69444vw, 1.875rem); line-height: 115%; font-style: italic; } .article-end__author-name a:hover { box-shadow: inset 0 1em 0 0 #fff1f1 !important; } .article-end__author-name{ grid-area: name; } .article-end__author-twitter{ place-self: center; background-image: none !important; font-size: 0.938rem; line-height: 110%; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); grid-area: twitter; } .article-end__author-twitter:hover svg path{ fill: #E8192B; } .article-end__author-bio { grid-area: bio; } .article-end__author-bio a{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .article-end__bar{ height: 18px; width: 100%; --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); } .article-end__links{ margin-top: 2rem; margin-bottom: 2rem; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } @media (min-width: 1056px) { .article-end__links{ margin-top: 3rem; } } .article-end__links li{ margin-right: 0.75rem; display: inline-block; padding: 0px; font-size: 1rem; line-height: 140%; font-style: italic; } .article-end__links li a { background-position: center 100%; } .article-end__content{ margin-top: 3rem; margin-bottom: 3rem; font-family: Ivar Headline, Georgia, Times, serif; font-size: clamp(1.625rem,1.41666rem + 0.69444vw,1.875rem); line-height: 115%; } .wp-block-the-nation-editors-note{ margin-top: 2rem; margin-bottom: 2rem; font-style: italic; } .wp-block-the-nation-editors-note em{ font-style: normal; } @media (min-width: 1056px) { .wp-block-the-nation-editors-note{ margin-top: 4rem; margin-bottom: 4rem; } } .wp-block-the-nation-interview{ position: relative; } .wp-block-the-nation-interview .interview__item{ margin-top: 1.5rem; margin-bottom: 1.5rem; } @media (min-width: 1056px) { .wp-block-the-nation-interview .interview__item{ margin-top: 2rem; margin-bottom: 2rem; } } .wp-block-the-nation-interview .interview__interviewer{ font-weight: 700; font-style: italic; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .wp-block-the-nation-interview .interview__interviewee{ font-weight: 700; font-style: italic; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .travel-hosts{ position: relative; margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 1280px){ .travel-hosts{ margin-top: 4rem; margin-bottom: 4rem; } } .travel-hosts__title{ margin-bottom: 1rem; font-family: Ivar Text, Georgia, Times, serif; font-size: 1.5rem; line-height: 150%; font-weight: 700; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 1280px){ .travel-hosts__title{ margin-bottom: 2rem; } } .travel-hosts__host{ position: relative; min-height: 80px; } @media (min-width: 1280px){ .travel-hosts__host{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.5rem; } } .travel-hosts__image{ left: 0px; top: 0px; grid-column: span 1 / span 1; max-width: 80px; } @media (min-width: 1280px){ .travel-hosts__image{ position: absolute; width: calc(1 / 6 * 100% - 24px); } } .travel-hosts__top{ margin-bottom: 1rem; display: flex; gap: 1.5rem; } @media (min-width: 1280px){ .travel-hosts__top{ margin-bottom: 0px; display: block; } } .travel-hosts__info{ grid-column: span 5 / span 5; grid-column-start: 2; } .travel-hosts__name{ margin-bottom: 1rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .travel-hosts__host + .travel-hosts__host{ margin-top: 1.5rem; } @media (min-width: 1280px){ .travel-hosts__host + .travel-hosts__host{ margin-top: 2rem; } } .quote-carousel { --swiper-navigation-top-offset: 50%; margin-top: 3rem; margin-bottom: 3rem; } @media (min-width: 1280px){ .quote-carousel{ margin-top: 7rem; margin-bottom: 6rem; } } .quote-carousel .swiper-button-next::after, .quote-carousel .swiper-button-prev::after{ --tw-text-opacity: 1; color: rgb(227 222 216 / var(--tw-text-opacity)); } .quote-carousel .swiper-button-next:hover::after, .quote-carousel .swiper-button-prev:hover::after{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .quote-carousel .swiper-button-prev{ display: none; } @media (min-width: 1392px){ .quote-carousel .swiper-button-prev{ display: block; } } @media (min-width: 1280px) { .quote-carousel { --swiper-navigation-top-offset: 20% } } @media (min-width: 1392px) { @media (min-width: 1056px) { .blocks-wrapper .quote-carousel{ margin-left: calc(var(--grid-col-and-gutter) * -1); margin-right: calc(var(--grid-col-and-gutter) * -1); } } } .quote-carousel .quote-slide__inner{ max-width: calc(5 / 6 * 100%); } @media (min-width: 1280px){ .quote-carousel .quote-slide__inner{ margin-left: auto; margin-right: auto; max-width: calc(6 / 8 * 100%); } } .quote-carousel .quote-slide__quote{ font-size: clamp(1.625rem, 1.208333rem + 1.3888vw, 2.125rem); line-height: 115%; font-style: italic; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .quote-carousel .quote-slide__attribution{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } @media (min-width: 1056px) { .travel-header-carousel { --swiper-navigation-sides-offset: 1.5rem } } .travel-header-carousel{ margin-bottom: 2rem; } @media (min-width: 1280px){ .travel-header-carousel{ margin-bottom: 4rem; } } .travel-header-carousel .swiper-button-next::after, .travel-header-carousel .swiper-button-prev::after{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .travel-header-carousel .travel-header-slide__image { aspect-ratio: 869/532; } .travel-header-carousel .travel-header-slide img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .travel-header-carousel .container .travel-header-slide__image { aspect-ratio: 1320/532; } .travel-header-carousel .swiper-button-next::after, .travel-header-carousel .swiper-button-prev::after{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .travel-header-carousel .swiper-button-next:hover::after, .travel-header-carousel .swiper-button-prev:hover::after{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .info-strip{ --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); padding: 1rem; } .info-strip p{ font-style: italic; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .info-strip p > em{ font-style: normal; } @media (min-width: 1056px){ .blocks-wrapper .info-strip{ margin-left: calc(calc(50vw - (var(--scrollbar-width) / 2) - 80px) * -1); } } @media (min-width: 782px){ .event-form{ margin-bottom: 1rem; } } .event-form__title{ font-family: Ivar Headline, Georgia, Times, serif; font-size: clamp(1.625rem, 1.208333rem + 1.3888vw, 2.125rem); line-height: 115%; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .event-form__headline{ margin-bottom: 3rem; } @media (min-width: 782px){ .event-form__headline{ margin-bottom: 1.5rem; } } .event-form form{ border-left-width: 2px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); } .event-form .at{ font-family: Ivar Text, Georgia, Times, serif; } .event-form .at a:not(.btn-at, .fa-modal-close){ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .event-form .at a:not(.btn-at, .fa-modal-close):hover, .event-form .at a:not(.btn-at, .fa-modal-close):focus, .event-form .at a:not(.btn-at, .fa-modal-close):active { box-shadow: inset 0 1em 0 0 #fff; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .event-form .at header.HeaderHtml, .event-form .at header.at-title{ display: none; } .event-form .at input[type="text"], .event-form .at input[type="tel"], .event-form .at input[type="email"], .event-form .at select, .event-form .at .select2-selection--single, .event-form .at thead, .event-form .at tbody, .event-form .at table, .event-form .at tr:nth-of-type(even){ margin: 0px; border-radius: 0px; border-style: none; background-color: transparent; padding-left: 0px; padding-right: 0px; font-family: Ivar Text, Georgia, Times, serif; font-size: 1.125rem; outline-width: 0px; } @media (min-width: 782px){ .event-form .at input[type="text"], .event-form .at input[type="tel"], .event-form .at input[type="email"], .event-form .at select, .event-form .at .select2-selection--single, .event-form .at thead, .event-form .at tbody, .event-form .at table, .event-form .at tr:nth-of-type(even){ padding-top: 6px; padding-bottom: 6px; font-size: 1.313rem; } } .event-form .at input[type="text"], .event-form .at input[type="tel"], .event-form .at input[type="email"], .event-form .at select, .event-form .at .select2-selection--single, .event-form .at thead, .event-form .at tbody, .event-form .at table, .event-form .at tr:nth-of-type(even) { height: auto !important; } .event-form .at input[type="text"]:required:focus, .event-form .at input[type="text"]:focus, .event-form .at input[type="tel"]:required:focus, .event-form .at input[type="tel"]:focus, .event-form .at input[type="email"]:required:focus, .event-form .at input[type="email"]:focus, .event-form .at select:required:focus, .event-form .at select:focus, .event-form .at .select2-selection--single:required:focus, .event-form .at .select2-selection--single:focus, .event-form .at thead:required:focus, .event-form .at thead:focus, .event-form .at tbody:required:focus, .event-form .at tbody:focus, .event-form .at table:required:focus, .event-form .at table:focus, .event-form .at tr:nth-of-type(even):required:focus, .event-form .at tr:nth-of-type(even):focus{ border-style: none; background-color: transparent; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); outline-width: 0px; border: none !important; box-shadow: none !important; } .event-form .at input::-moz-placeholder, .event-form .at select::-moz-placeholder, .event-form .at textarea::-moz-placeholder, .event-form .at input[type="text"]::-moz-placeholder, .event-form .at input[type="password"]::-moz-placeholder, .event-form .at input[type="date"]::-moz-placeholder, .event-form .at input[type="datetime"]::-moz-placeholder, .event-form .at input[type="datetime-local"]::-moz-placeholder, .event-form .at input[type="month"]::-moz-placeholder, .event-form .at input[type="week"]::-moz-placeholder, .event-form .at input[type="email"]::-moz-placeholder, .event-form .at input[type="number"]::-moz-placeholder, .event-form .at input[type="search"]::-moz-placeholder, .event-form .at input[type="tel"]::-moz-placeholder, .event-form .at input[type="time"]::-moz-placeholder, .event-form .at input[type="url"]::-moz-placeholder, .event-form .at input[type="color"]::-moz-placeholder{ --tw-text-opacity: 1 !important; color: rgb(102 102 102 / var(--tw-text-opacity)) !important; } .event-form .at input::placeholder, .event-form .at select::placeholder, .event-form .at textarea::placeholder, .event-form .at input[type="text"]::placeholder, .event-form .at input[type="password"]::placeholder, .event-form .at input[type="date"]::placeholder, .event-form .at input[type="datetime"]::placeholder, .event-form .at input[type="datetime-local"]::placeholder, .event-form .at input[type="month"]::placeholder, .event-form .at input[type="week"]::placeholder, .event-form .at input[type="email"]::placeholder, .event-form .at input[type="number"]::placeholder, .event-form .at input[type="search"]::placeholder, .event-form .at input[type="tel"]::placeholder, .event-form .at input[type="time"]::placeholder, .event-form .at input[type="url"]::placeholder, .event-form .at input[type="color"]::placeholder{ --tw-text-opacity: 1 !important; color: rgb(102 102 102 / var(--tw-text-opacity)) !important; } .event-form .at select, .event-form .at .select2-selection--single{ background-repeat: no-repeat; background-origin: content-box; background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 11%27%3E%3Cpath stroke=%27%23000%27 d=%27m1 1 9 9 9-8.963%27/%3E%3C/svg%3E") !important; background-size: 18px; } .event-form .at .select2-container{ margin-bottom: 0px; font-style: normal; } .event-form .at label:not(.account-type-label, .authorize-payment-label), .event-form .at .account-type-label > select{ border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-bottom-width: 1px; border-style: solid; --tw-border-opacity: 1; border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity)); } .event-form .at label{ font-size: 1rem; font-style: normal; } @media (min-width: 782px){ .event-form .at label{ font-style: italic; } } .event-form .at label, .event-form .at label small{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .event-form .at .didYouMean, .event-form .at label.error, .event-form .at .error small.error{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .event-form .at .error select:required, .event-form .at .error textarea:required, .event-form .at .error input[type="text"]:required, .event-form .at .error input[type="password"]:required, .event-form .at .error input[type="date"]:required, .event-form .at .error input[type="datetime"]:required, .event-form .at .error input[type="datetime-local"]:required, .event-form .at .error input[type="month"]:required, .event-form .at .error input[type="week"]:required, .event-form .at .error input[type="email"]:required, .event-form .at .error input[type="number"]:required, .event-form .at .error input[type="search"]:required, .event-form .at .error input[type="tel"]:required, .event-form .at .error input[type="time"]:required, .event-form .at .error input[type="url"]:required, .event-form .at .error input[type="color"]:required{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .event-form .at .at-row > [class^="at-"]{ margin-left: 0px; margin-right: 0px; } .event-form .at .ticket-level-info label{ font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; } .event-form .at .ticket-level-info td:last-child{ padding-top: 0px; } @media (min-width: 782px){ .event-form .at .ticket-level-info td:last-child{ padding-top: 0.188rem; } } @media (min-width: 1056px){ .event-form .at .ticket-level-info td:last-child{ padding-top: 0.25rem; } } .event-form .at .ticket-level-info select{ padding-top: 6.5px; } @media (min-width: 782px){ .event-form .at .ticket-level-info select{ padding-top: 6px; } } .event-form .at label.at-text.FirstName{ margin-bottom: 2rem; } @media (min-width: 640px){ .event-form .at label.at-text.FirstName{ margin-bottom: 0px; } } .event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large{ width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 2rem; padding-right: 2rem; margin-bottom: 1.25rem; border-radius: 100px; font-size: clamp(1.25rem,2.73vw,1.75rem); background-color: #E8192B; color: #ffffff; font-style: italic; font-family: Ivar Headline, Georgia, Times, serif; text-transform: none; display: inline-block; outline-width: 0; position: relative; z-index: 2; overflow: hidden; border-width: 2px; border-style: solid; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large::after{ content: ""; position: absolute; box-sizing: border-box; z-index: -1; width: 100%; height: 0; bottom: 0; left: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large:hover,.event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large:active,.event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large:focus{ color: #E8192B; opacity: 1; } .event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large:hover::after,.event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large:active::after,.event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large:focus::after{ height: 100%; } .event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large{ border-color: #E8192B; color: #E8192B; background-color: transparent; } .event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large::after{ background-color: #E8192B; } .event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large:hover,.event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large:active,.event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large:focus{ color: #ffffff; } .event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large{ width: 100%; font-size: 1rem; } @media (min-width: 782px){ .event-form .at .at-radio-set-buttons .at-btn-radio-wrapper label.at-btn-radio.large{ width: auto; } } .event-form .at .at-radio-set-buttons input[type="radio"]:checked + label.at-btn-radio.large{ border-color: #E8192B; color: #ffffff; background-color: #E8192B; } .event-form .at .at-radio-set-buttons input[type="radio"]:checked + label.at-btn-radio.large::after{ background-color: #FFF1F1; } .event-form .at .at-radio-set-buttons input[type="radio"]:checked + label.at-btn-radio.large:hover,.event-form .at .at-radio-set-buttons input[type="radio"]:checked + label.at-btn-radio.large:active,.event-form .at .at-radio-set-buttons input[type="radio"]:checked + label.at-btn-radio.large:focus{ color: #E8192B; } .event-form .at .at-radio-set-buttons input[type="radio"]:checked + label.at-btn-radio.large{ border-width: 2px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); } @media (min-width: 640px){ .event-form .at .at-text.at-cc-expiration{ margin-left: 0.5rem; margin-bottom: 1.5rem; } } .event-form .at .vgs-input-container iframe{ border-color: transparent; } .event-form .at fieldset legend{ margin: 0px; padding-top: 1.5rem; font-family: Ivar Text, Georgia, Times, serif; font-size: 1rem; font-weight: 400; } @media (min-width: 782px){ .event-form .at fieldset legend{ font-size: 1.125rem; } } .event-form .at .at-legend{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .event-form .at legend.at-legend:first-child{ margin-bottom: 8px; } @media (min-width: 782px){ .event-form .at legend.at-legend:first-child{ margin-bottom: 0px; } } .event-form .at .at-fieldset{ padding-top: 2rem; padding-bottom: 2rem; padding-left: 1.5rem; padding-right: 1.5rem; } @media (min-width: 782px){ .event-form .at .at-fieldset{ padding-top: 1.5rem; padding-bottom: 1.5rem; } } .event-form .at label.Country, .event-form .at label.PostalCode, .event-form .at label.City{ margin-left: 0px; margin-right: 0px; width: 100%; min-width: 0px; flex: none; } @media (min-width: 782px){ .event-form .at label.Country, .event-form .at label.PostalCode, .event-form .at label.City{ width: 30%; } } .event-form .at label.StateProvince{ width: 100%; } .event-form .at .at-row .at-text:not(:last-child, .FirstName), .event-form .at .at-row .at-select:not(:last-child){ margin-bottom: 1.5rem; } @media (min-width: 640px){ .event-form .at .at-row.FirstName.LastName{ gap: 32px; } } @media (min-width: 782px){ .event-form .at .at-row.FirstName.LastName{ display: flex; } } .event-form .at .at-fields, .event-form .at .at-eft-accepted-here{ display: flex; flex-direction: column; gap: 2rem; } @media (min-width: 782px){ .event-form .at .at-fields, .event-form .at .at-eft-accepted-here{ gap: 1.5rem; } } .event-form .at .at-text.PersonalUrl, .event-form .at .at-row:not(.UpdateMyProfile):has(input#SocialNetworkTrackingId_Value, .PersonalUrl, #SocialNetwork_Value, .TrackingPixel, #YesSignMeUpForUpdatesForBinder_Value){ display: none; } .event-form .at .at-markup.TicketHeaderHtml{ margin-top: -35px; font-size: 1rem; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } @media (min-width: 782px){ .event-form .at .at-markup.TicketHeaderHtml{ margin-top: -20px; font-size: 1.125rem; } } .event-form .at table tr td, .event-form .at table tr th{ padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; } .event-form .at .at-form-submit{ width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 2rem; padding-right: 2rem; margin-bottom: 1.25rem; border-radius: 100px; font-size: clamp(1.25rem,2.73vw,1.75rem); background-color: #E8192B; color: #ffffff; font-style: italic; font-family: Ivar Headline, Georgia, Times, serif; text-transform: none; display: inline-block; outline-width: 0; position: relative; z-index: 2; overflow: hidden; border-width: 2px; border-style: solid; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .event-form .at .at-form-submit::after{ content: ""; position: absolute; box-sizing: border-box; z-index: -1; width: 100%; height: 0; bottom: 0; left: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .event-form .at .at-form-submit:hover,.event-form .at .at-form-submit:active,.event-form .at .at-form-submit:focus{ color: #E8192B; opacity: 1; } .event-form .at .at-form-submit:hover::after,.event-form .at .at-form-submit:active::after,.event-form .at .at-form-submit:focus::after{ height: 100%; } .event-form .at .at-form-submit{ border-color: #E8192B; color: #ffffff; background-color: #E8192B; } .event-form .at .at-form-submit::after{ background-color: #FFF1F1; } .event-form .at .at-form-submit:hover,.event-form .at .at-form-submit:active,.event-form .at .at-form-submit:focus{ color: #E8192B; } .event-form .at .at-form-submit{ margin-left: 1.5rem; margin-right: 1.5rem; margin-bottom: 2rem; display: flex; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } @media not all and (min-width: 782px){ .event-form .at .at-form-submit{ width: calc(100% - 3rem); } } @media (min-width: 782px){ .event-form .at .at-form-submit{ margin-bottom: 3rem; } } .event-form .at .at-form-submit:hover .btn-at.at-submit{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .event-form .at .at-form-submit .btn-at.at-submit{ margin: 0px; width: 100%; background-color: transparent; padding-left: 2rem; padding-right: 2rem; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center; font-family: Ivar Headline, Georgia, Times, serif; font-size: 1.25rem; line-height: 115%; font-style: italic; } .event-form .at .at-form-submit .btn-at.at-submit:focus{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .event-form .at input[type="checkbox"] + span::before, .event-form .at input[type="checkbox"]:checked + span::before, .event-form .at input[type="checkbox"]:hover + span::before{ height: 23px; width: 23px; border-radius: 0px; --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .event-form .at input[type="checkbox"] + span::after{ top: 0.35rem; left: 0.125rem; height: 0.688rem; width: 1.125rem; border-left-width: 3px; border-bottom-width: 3px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); --tw-content: ""; content: var(--tw-content); } .event-form .at input[type="checkbox"]:checked + span::before{ background-color: transparent; } .event-form .at input[type="checkbox"]:checked + span::after{ --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); opacity: 1; } .event-form .at .authorize-payment-label > span{ padding-left: 2rem; } .event-form .at .UpdateMyProfile label > span > span::after{ display: none; } .event-form .at input[type="checkbox"] + span{ font-size: 1.125rem; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 782px){ .event-form .at input[type="checkbox"] + span{ font-size: 1.313rem; } } .event-form .at input[type="checkbox"] + span i{ font-style: normal; } .event-form .at input[type="checkbox"] + span b{ font-weight: 400; } .event-form .at tr.ticketTotals{ margin-top: 2rem; display: flex; gap: 32px; } @media (min-width: 782px){ .event-form .at tr.ticketTotals{ margin-top: 1.5rem; gap: 1rem; font-style: italic; } } .event-form .at tr.ticketTotals .pricingTotal, .event-form .at tr.ticketTotals .ticketTotal{ padding: 0px; font-size: 1rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .event-form .at footer.FooterHtml{ border-left-width: 2px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); padding-bottom: 2rem; font-size: 1rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 782px){ .event-form .at footer.FooterHtml{ padding-bottom: 1.5rem; font-size: 1.125rem; } } .event-form .at footer.FooterHtml a{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .event-form .at .thankYou button{ margin-top: 1rem; } .event-form .at .thankYou p span, .event-form .at .thankYou p span strong{ font-weight: 400; } .event-form .at .thankYou a:hover, .event-form .at .thankYou a:focus, .event-form .at .thankYou a:active { box-shadow: inset 0 0.9em 0 0 #FFF1F1 !important; } /* Page Templates */ .issues-archive{ margin-bottom: 3rem; } @media (min-width: 782px){ .issues-archive{ margin-bottom: 4rem; } } .issues-archive #issues-archive-form{ margin-left: auto; margin-right: auto; display: block; width: -moz-fit-content; width: fit-content; padding-bottom: 2rem; } @media (min-width: 782px){ .issues-archive #issues-archive-form{ margin-right: 0px; padding-bottom: 3.5rem; } } .issues-archive #issues-archive-form .form-field{ border-bottom-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(102 102 102 / var(--tw-border-opacity)); } .issues-archive #issues-archive-form .form-field label{ margin-right: 0.5rem; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .issues-archive #issues-archive-form .form-field #filter-year{ border-bottom-width: 0px; } .issues-archive__grid{ margin-bottom: 2rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 2rem; } @media (min-width: 782px){ .issues-archive__grid{ margin-bottom: 4rem; grid-template-columns: repeat(3, minmax(0, 1fr)); -moz-column-gap: 2rem; column-gap: 2rem; row-gap: 3rem; } } @media (min-width: 1024px){ .issues-archive__grid{ grid-template-columns: repeat(5, minmax(0, 1fr)); } } .issues-archive__grid .collections__card-image{ border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } .issues-archive__title{ margin-bottom: 0px; } .issues-archive-cta{ margin-bottom: 2rem; } @media (min-width: 782px){ .issues-archive-cta{ margin-bottom: 3.5rem; } } .issues-archive-cta .container{ --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); padding-top: 2rem; padding-bottom: 2rem; padding-left: 0.75rem; padding-right: 0.75rem; } @media (min-width: 782px){ .issues-archive-cta .container{ padding-top: 3rem; padding-bottom: 1rem; } } .issues-archive-cta .container > *{ margin-left: auto; margin-right: auto; text-align: center; } .issues-archive-cta .container > h2{ max-width: 760px; font-size: clamp(1.625rem, 2.73vw, 1.75rem); line-height: 115%; font-style: normal; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .issues-archive-cta .container > p{ max-width: 420px; padding-top: 2rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 782px){ .issues-archive-cta .container > p{ padding-top: 1rem; } } .archive-pagination{ margin-top: 1.75rem; display: grid; grid-template-columns: max-content 1fr max-content; } @media (min-width: 782px){ .archive-pagination{ margin-top: 7rem; } } .archive-pagination__pages{ display: flex; flex-wrap: wrap; align-items: baseline; -moz-column-gap: 2rem; column-gap: 2rem; justify-self: center; } @media (min-width: 782px){ .archive-pagination__pages{ -moz-column-gap: 3rem; column-gap: 3rem; } } .archive-pagination .page-numbers, .archive-pagination .dots{ display: block; cursor: pointer; font-family: Ivar Headline, Georgia, Times, serif; font-size: clamp(2.125rem, 5.37vw, 3.438rem); line-height: 110%; font-style: italic; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .archive-pagination .page-numbers.prev, .archive-pagination .page-numbers.next, .archive-pagination .page-numbers.current, .archive-pagination .dots.prev, .archive-pagination .dots.next, .archive-pagination .dots.current{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .archive-pagination .page-numbers.prev, .archive-pagination .dots.prev{ margin-right: 2rem; } .archive-pagination .page-numbers.next, .archive-pagination .dots.next{ margin-left: 2rem; } .archive-pagination .dots{ cursor: default; background-image: none; } .archive__hero{ margin-top: 1.25rem; margin-bottom: 3.5rem; } @media (min-width: 782px){ .archive__hero{ margin-top: 6rem; margin-bottom: 6rem; } } @media (min-width: 1024px){ .archive__hero > .archive__desc, .archive__hero > .archive__author-bio{ max-width: 54.25rem; } } .archive__hero-row{ gap: 2rem; } @media (min-width: 782px){ .archive__hero-row{ display: flex; } } @media not all and (min-width: 782px){ .archive__hero-content{ padding-top: 2rem; } } .archive__hero-content h1 + .archive__author-twitter{ padding-top: 1rem; } @media (min-width: 782px){ .archive__hero-content h1 + .archive__author-twitter{ padding-top: 2rem; } } .archive__hero-podcast .archive__author-image{ border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } .archive__hero-podcast h1{ font-size: clamp(2.125rem, 5.37vw, 3.438rem); line-height: 110%; } .archive__hero-podcast .btn{ margin-top: 1rem; font-size: 1.25rem; line-height: 115%; } .archive__hero-podcast .archive__desc{ padding-top: 2rem; } .archive__hero-podcast .archive__desc > *{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .archive__author-image{ max-width: 12.063rem; } .archive__author-jobtitle, .archive__author-twitter{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .archive__author-jobtitle{ padding-top: 1rem; } @media (min-width: 782px){ .archive__author-jobtitle{ padding-top: 2rem; } } .archive__author-twitter{ display: flex; width: -moz-fit-content; width: fit-content; align-items: center; gap: 0.5rem; background-image: none !important; font-style: italic; } .archive__author-twitter svg path { transition: fill 0.2s ease; } .archive__author-twitter span { transition: background-size 0.2s ease; position: relative; background-image: linear-gradient(rgb(232 25 43 / 1),rgb(232 25 43 / 1)); background-position: center 90%; background-repeat: no-repeat; background-size: 100% 0; } .archive__author-twitter:hover svg path, .archive__author-twitter:focus svg path, .archive__author-twitter:active svg path{ fill: #E8192B; } .archive__author-twitter:hover span, .archive__author-twitter:focus span, .archive__author-twitter:active span{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); transition: background-size 0.2s ease; background-size: 100% 0.125rem; } .archive__author-bio{ padding-top: 2rem; } .archive__desc{ padding-top: 1rem; } .archive__desc > *{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .archive__columns .container{ display: grid; } @media (min-width: 1024px){ .archive__columns .container{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } } @media (min-width: 1280px){ .archive__columns .container{ -moz-column-gap: 9rem; column-gap: 9rem; } } .archive__column--list{ grid-column: span 2 / span 2; } .archive__column--list .collections__card{ border-top-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-top: 2rem; padding-bottom: 2rem; } @media (min-width: 782px){ .archive__column--list .collections__card{ padding-top: 3rem; padding-bottom: 3rem; } } @media not all and (min-width: 1024px){ .archive__column--siderail{ display: none; } } .archive__column--siderail .siderail-ad{ position: sticky; top: 5rem; } .issue-details__hero{ margin-bottom: 3rem; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); align-items: center; } @media not all and (min-width: 1024px){ .issue-details__hero{ gap: 2rem; } } @media (min-width: 640px){ .issue-details__hero{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 782px){ .issue-details__hero{ margin-bottom: 6rem; } } .issue-details__hero-image{ height: 100%; width: 100%; --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); padding: 2.5rem; } @media (min-width: 1024px){ .issue-details__hero-image{ height: calc(100vh - 3.5rem); padding: 5rem; } } .issue-details__hero-image img{ height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } @media not all and (min-width: 640px){ .issue-details__hero-content{ padding-left: 1rem; padding-right: 1rem; text-align: center; } } @media (min-width: 640px){ .issue-details__hero-content{ padding-right: 2.5rem; padding-top: 2.5rem; } } @media (min-width: 1024px){ .issue-details__hero-content{ padding-left: 2.5rem; } } .issue-details__hero-content p.knockout{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .issue-details__hero-content h1{ padding-top: 1rem; font-size: clamp(2.125rem, 0.25rem + 6.25vw, 4.375rem); line-height: 95%; } .issue-details__hero-content .issue-details__teaser, .issue-details__hero-content .issue-details__cover-credit{ padding-top: 1.5rem; } @media (min-width: 782px){ .issue-details__hero-content .issue-details__teaser{ max-width: 500px; } } .issue-details__hero-content .issue-details__get-issue{ padding-top: 1.5rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 782px){ .issue-details__hero-content .issue-details__get-issue{ padding-top: 2rem; } } .issue-details__hero-content a:hover { box-shadow: inset 0 0.8em 0 0 #FFF1F1 !important; /* stylelint-disable-line declaration-no-important */ } .issue-details__single-article{ display: flex; flex-direction: column; gap: 2rem; border-top-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-top: 2rem; padding-bottom: 2rem; } @media (min-width: 782px){ .issue-details__single-article{ flex-direction: row; padding-top: 3rem; padding-bottom: 3rem; } } .issue-details__single-article:first-of-type{ border-top-width: 0px; padding-top: 0px; } .issue-details__single-article-content{ flex-shrink: 0; flex-grow: 1; flex-basis: 67.5%; padding-right: 1rem; } .issue-details__single-article-content .title{ font-size: clamp(2.125rem, 5.37vw, 3.438rem); line-height: 110%; } .issue-details__single-article-content .title span{ display: block; padding-bottom: 0.5rem; font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 0.938rem; line-height: 110%; letter-spacing: 0.03rem; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .issue-details__single-article-content .dek, .issue-details__single-article-content > p{ padding-top: 0.75rem; } .issue-details__single-article-content .teaser-dek{ max-width: 40.25rem; } .issue-details__single-article .knockout{ padding-top: 0.75rem; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .issue-details__single-article .knockout span{ text-transform: none; } .issue-details__single-article-image-link{ position: relative; height: -moz-fit-content; height: fit-content; background-image: none !important; } .issue-details__single-article-image-link::after { transition: height 0.2s ease; position: absolute; bottom: 0px; left: 0px; height: 0px; width: 100%; background-image: linear-gradient(rgb(232 25 43 / 1),rgb(232 25 43 / 1)); background-position: bottom; background-repeat: no-repeat; transition-delay: .2s; --tw-content: ''; content: var(--tw-content); } .issue-details__single-article-image-link:hover::after { transition: height 0.2s ease; height: 0.5rem; text-decoration-line: none; } /* Subscriber only styling */ .issue-details__single-article.tn-sub-only .issue-details__single-article-content, .issue-details__single-article.tn-sub-only .title{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .issue-details__single-article.tn-sub-only .issue-details__single-article-image{ opacity: 0.5; --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .issue-details__listing:last-of-type{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } @media not all and (min-width: 782px){ .issue-details__listing:last-of-type{ border-bottom-width: 2px; } } @media not all and (min-width: 1024px){ .issue-details__listing:not(.issue-details__listing--grid) .container{ width: 100% !important; } } .issue-details__listing:not(.issue-details__listing--grid) .container .issue-details__listing-column{ margin-left: auto; margin-right: auto; } @media not all and (min-width: 1024px){ .issue-details__listing:not(.issue-details__listing--grid) .container .issue-details__listing-column{ width: calc(100% - 32px); } } .issue-details__listing:not(.issue-details__listing--grid) .container .issue-details__listing-column + .issue-details__listing-column{ margin-top: 1rem; } @media (min-width: 782px){ .issue-details__listing:not(.issue-details__listing--grid) .container .issue-details__listing-column + .issue-details__listing-column{ margin-top: 3rem; } } .issue-details__listing--grid .container{ display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); -moz-column-gap: 1rem; column-gap: 1rem; } @media (min-width: 1024px){ .issue-details__listing--grid .container{ margin-bottom: 6rem; grid-template-columns: repeat(2, minmax(0, 1fr)); } } .issue-details__listing--grid .issue-details__listing-column{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } @media (min-width: 1024px){ .issue-details__listing--grid .issue-details__listing-column{ border-left-width: 2px; padding-left: 1.25rem; } } .issue-details__listing--grid .issue-details__listing-column:first-of-type{ grid-row: span 2 / span 2; } @media (min-width: 1024px){ .issue-details__listing--grid .issue-details__listing-column:first-of-type{ padding-right: 1.5rem; } .issue-details__listing--grid .issue-details__listing-column:nth-of-type(3){ padding-top: 2rem; } } .issue-details__listing--grid .issue-details__listing-column .issue-details__listing-category{ border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } @media not all and (min-width: 1024px){ .issue-details__listing--grid .issue-details__listing-column .issue-details__listing-category{ border-top-width: 2px; padding-top: 1.5rem; } } .issue-details__listing--grid .issue-details__single-article{ flex-direction: row-reverse; padding-top: 2rem; padding-bottom: 2rem; } @media not all and (min-width: 1024px){ .issue-details__listing--grid .issue-details__single-article{ display: inline-block; width: 100%; } } @media (min-width: 1024px){ .issue-details__listing--grid .issue-details__single-article{ border-top-width: 0px; padding-top: 0px; } } .issue-details__listing--grid .issue-details__single-article:first-of-type{ padding-top: 0px; } .issue-details__listing--grid .issue-details__single-article .teaser-dek{ font-size: 1.125rem; line-height: 140%; } /*.issue-details__listing .issue-details__single-article .teaser-dek{ font-style: italic; }*/ /*.teaser-dek em{ font-style: normal; }*/ /*.article-title__dek em{ font-style: normal; }*/ .issue-details__listing--grid .issue-details__single-article .title{ font-size: clamp(1.625rem, 3.32vw, 2.125rem); line-height: 110%; } .issue-details__listing--grid .issue-details__single-article-content{ flex-basis: 62.5%; } .issue-details__listing--grid .issue-details__single-article-image{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .issue-details__listing--grid .issue-details__single-article-image-link{ height: 24vw; width: 23.46vw; } @media not all and (min-width: 1024px){ .issue-details__listing--grid .issue-details__single-article-image-link{ float: right; margin-left: 1rem; } } @media (min-width: 1024px){ .issue-details__listing--grid .issue-details__single-article-image-link{ height: 100%; width: 100%; } } .issue-details__listing-category{ margin-bottom: 2rem; } @media not all and (min-width: 1024px){ .issue-details__listing-category{ text-align: center; } } @media (min-width: 1024px){ .issue-details__listing-category{ margin-bottom: 3rem; } } .issue-details__scan{ margin-top: 3rem; margin-bottom: 3rem; } @media (min-width: 1024px){ .issue-details__scan{ margin-top: 6rem; margin-bottom: 6rem; } } .issue-details__scan-image{ margin-left: auto; margin-right: auto; width: 100%; max-width: 1539px; } .issue-details__scan--first{ margin-left: auto; margin-right: auto; } @media (min-width: 1024px){ .issue-details__scan--first{ width: calc(100% - 80px); } } .issue-details__recents{ margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 782px){ .issue-details__recents{ margin-top: 6rem; margin-bottom: 6rem; } } .issue-details__recents-title-row > .btn{ margin-bottom: 0px; } .issue-details__recents-title-row, .issue-details__recents-issue-row{ margin-left: auto; margin-right: auto; width: calc(100% - 32px) !important; max-width: 1539px; justify-content: space-between; } @media (min-width: 1024px){ .issue-details__recents-title-row, .issue-details__recents-issue-row{ width: calc(100% - 80px) !important; } } .issue-details__recents-issue-row{ margin-top: 2rem; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 2rem; } .issue-details__recents .btn.mobile{ margin-left: auto; margin-right: auto; margin-top: 2.25rem; display: none; width: -moz-fit-content; width: fit-content; } @media not all and (min-width: 782px){ .issue-details__recents .btn.mobile{ width: calc(100% - 80px) !important; } } .issue-details__recents .collections__card-image{ border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); } @media screen and (max-width: 992px) { .issue-details__recents-title-row > .btn{ display: none; } .issue-details__recents-title-row .swipe-msg{ display: block; } .issue-details__recents-issue{ width: 33.333333%; border-left-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-left: 1rem; } @media not all and (min-width: 640px){ .issue-details__recents-issue{ width: 66.666667%; } } .issue-details__recents-issue:first-of-type{ border-left-width: 0px; padding-left: 0px; } .issue-details__recents-issue-row{ margin-right: 0px; display: flex; width: calc(100% - 16px) !important; gap: 0px; } .issue-details__recents .btn.mobile{ display: block; } } .issues-archive .collections__card, .issue-details .collections__card{ padding-bottom: 0px; } .issues-archive .collections__card p, .issue-details .collections__card p{ padding-top: 0.75rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 782px){ .issues-archive .collections__card p, .issue-details .collections__card p{ padding-top: 0.5rem; } } .page-404__content{ margin-left: auto; margin-right: auto; width: 100%; max-width: 963px; } .page-404__content .container{ margin-top: 7rem; margin-bottom: 8rem; text-align: center; } @media (min-width: 782px){ .page-404__content .container{ margin-top: 11rem; margin-bottom: 11rem; } } @media not all and (min-width: 640px){ .page-404__content h1{ font-size: 2.125rem; } } .page-404__search-form{ margin-left: auto; margin-right: auto; width: 100%; max-width: 645px; } .page-404__search-row{ margin-top: 3rem; display: flex; align-items: center; border-bottom-width: 0.375rem; border-style: solid; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); } @media (min-width: 782px){ .page-404__search-row{ margin-top: 4rem; border-bottom-width: 0.75rem; } } .page-404 .page-404__search-input{ width: 100%; border-bottom-width: 0px; font-family: Ivar Headline, Georgia, Times, serif; font-size: clamp(1.625rem, 3.32vw, 2.125rem); line-height: 110%; caret-color: #E8192B; } @media (min-width: 640px){ .page-404 .page-404__search-input{ font-size: clamp(2.125rem, 5.37vw, 3.438rem); line-height: 110%; } } .page-404 .page-404__search-input::-moz-placeholder{ font-style: italic; --tw-text-opacity: 1; color: rgb(227 222 216 / var(--tw-text-opacity)); } .page-404 .page-404__search-input::placeholder{ font-style: italic; --tw-text-opacity: 1; color: rgb(227 222 216 / var(--tw-text-opacity)); } .page-404 .page-404__search-input:focus, .page-404 .page-404__search-input:focus-visible{ outline: 2px solid transparent !important; outline-offset: 2px !important; } .page-404 button.page-404__search-submit{ margin: 0px; background-color: transparent; padding: 0px; } .page-404 button.page-404__search-submit svg{ width: clamp(1.313rem,5.37vw,2.625rem); } .page-template-default:not(.home) .wp-block-post-featured-image, .block-editor-page .wp-block-post-featured-image{ padding-bottom: 3rem; } .page-template-default:not(.home) p + h4, .page-template-default:not(.home) h4 + h4, .page-template-default:not(.home) h4 + h6, .page-template-default:not(.home) h6 + p, .block-editor-page p + h4, .block-editor-page h4 + h4, .block-editor-page h4 + h6, .block-editor-page h6 + p{ margin-top: 0px; margin-bottom: 0px; padding-top: 1.5rem; } @media (min-width: 782px){ .page-template-default:not(.home) p + h4, .page-template-default:not(.home) h4 + h4, .page-template-default:not(.home) h4 + h6, .page-template-default:not(.home) h6 + p, .block-editor-page p + h4, .block-editor-page h4 + h4, .block-editor-page h4 + h6, .block-editor-page h6 + p{ padding-top: 1.75rem; } } .page-template-default:not(.home) h4:not(.title), .block-editor-page h4:not(.title){ margin-top: 1.5rem; margin-bottom: 1.5rem; } .page-template-default:not(.home) h4:not(.title) a:not(.btn, .knockout), .block-editor-page h4:not(.title) a:not(.btn, .knockout) { background-size: 100% 0.063rem; transition: background-size 0.2s ease .1s, box-shadow 0.5s ease; } .page-template-default:not(.home) h4:not(.title) a:not(.btn, .knockout):hover, .page-template-default:not(.home) h4:not(.title) a:not(.btn, .knockout):focus, .page-template-default:not(.home) h4:not(.title) a:not(.btn, .knockout):active, .block-editor-page h4:not(.title) a:not(.btn, .knockout):hover, .block-editor-page h4:not(.title) a:not(.btn, .knockout):focus, .block-editor-page h4:not(.title) a:not(.btn, .knockout):active { transition: background-size 0.2s ease .1s, box-shadow 0.3s ease; box-shadow: inset 0 1em 0 0 #fff1f1; background-size: 100% 0.125rem; } .page-template-default:not(.home) .siderail-ad, .block-editor-page .siderail-ad{ position: sticky; top: 5rem; } .podcast__header{ --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); } .podcast__header .container{ display: grid; place-content: center; padding-top: 2rem; } @media (min-width: 782px){ .podcast__header .container{ padding-top: 4rem; } } .podcast__header .pp-podcast.modern{ margin-top: 0px; } .podcast__header .pp-podcast.modern .ppjs__img-wrapper{ display: none; } .podcast__header .pp-podcast.modern .ppjs__head-content .head-wrapper{ display: none; } .podcast__header .pp-podcast.modern .ppjs__audio .ppjs__audio-controls{ margin-left: 0px; margin-right: 0px; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 782px){ .podcast__header .pp-podcast.modern .ppjs__audio .ppjs__audio-controls{ padding-left: 2.5rem; padding-right: 2.5rem; } } .podcast__header .pp-podcast.modern .ppjs__audio .ppjs__atime-container{ margin-left: 1rem; margin-right: 1rem; } @media (min-width: 782px){ .podcast__header .pp-podcast.modern .ppjs__audio .ppjs__atime-container{ margin-left: 2.5rem; margin-right: 2.5rem; } } .podcast__header .pp-podcast.modern .ppjs__audio .ppjs__audio-controls .ppjs__secondary-controls .ppjs__control_btns{ margin-top: 0px; } .podcast__header .pod-launch{ padding-left: 1rem !important; padding-right: 1rem !important; } @media (min-width: 782px){ .podcast__header .pod-launch{ padding-left: 2.5rem !important; padding-right: 2.5rem !important; } } .podcast__header .pod-content__list.episode-list{ display: none !important; } .podcast__header h1{ max-width: 1095px; padding-top: 1rem; text-align: center; font-family: Ivar Display, Georgia, Times, serif; } .podcast__meta p{ display: flex; place-content: center; -moz-column-gap: .2rem; column-gap: .2rem; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .podcast__meta p .podcast-label{ display: inline-flex; -moz-column-gap: .4rem; column-gap: .4rem; } .podcast__meta p .podcast-label svg{ height: 1rem; width: 1.125rem; } .podcast__meta p .podcast__date{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .podcast .edit-link{ text-align: center; } .podcast__desc, .podcast .the-nation--dek{ margin-left: auto; margin-right: auto; max-width: 866px; padding-top: 1.5rem; text-align: center; font-style: italic; } @media (min-width: 782px){ .podcast__desc, .podcast .the-nation--dek{ padding-top: 2rem; } } .podcast__desc em, .podcast .the-nation--dek em{ font-style: normal; } .podcast .secondary-title ~ .acf-innerblocks-container .title, .podcast .secondary-dek ~ .acf-innerblocks-container .podcast__desc{ display: none; } .podcast__share-row{ display: flex; align-items: baseline; justify-content: center; gap: 1rem; padding-top: 1.5rem; } @media (min-width: 782px){ .podcast__share-row{ padding-top: 2rem; } } .podcast__share-row .knockout{ --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .search-form{ margin-top: 3rem; } @media (min-width: 782px){ .search-form{ margin-top: 6rem; } } .search-form__filter-row{ display: grid; gap: 1rem; padding-top: 1.25rem; } @media (min-width: 782px){ .search-form__filter-row{ grid-template-columns: repeat(3, minmax(0, 1fr)); padding-top: 2.25rem; } } @media (min-width: 1280px){ .search-form__filter-row{ -moz-column-gap: 9rem; column-gap: 9rem; } } .search-form__filters{ grid-column: span 2 / span 2; display: flex; justify-content: space-between; gap: 1.25rem; } @media not all and (min-width: 782px){ .search-form__filters{ flex-direction: column; } } @media (min-width: 782px){ .search-form__filters{ gap: 2rem; } } .search-form__filters .form-select, .search-form__filters select{ width: 100%; } .search__results-columns{ margin-top: 3rem; margin-bottom: 3rem; display: grid; gap: 1rem; } @media (min-width: 782px){ .search__results-columns{ margin-top: 6rem; margin-bottom: 6rem; grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1280px){ .search__results-columns{ -moz-column-gap: 9rem; column-gap: 9rem; } } .search__column--results{ grid-column: span 2 / span 2; } .search__column--results .results__item{ border-top-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-top: 2rem; } @media (min-width: 782px){ .search__column--results .results__item{ padding-top: 3rem; } } .search__column--results .results__item.term-search{ padding-bottom: 2rem; } @media (min-width: 782px){ .search__column--results .results__item.term-search{ padding-bottom: 3rem; } } .search__column--results .acs_search_results_status{ text-align: left; } .search__column--results .content .dek{ padding-top: 0.75rem; } .search__column--results .content .dek > p{ font-size: 1.125rem; line-height: 140%; } .single-event .article-title__title{ font-size: clamp(2.125rem, 0.25rem + 6.25vw, 4.375rem); line-height: 95%; } .single-event .blocks-wrapper{ flex-direction: column; flex-wrap: nowrap; } @media not all and (min-width: 1056px){ .single-event .blocks-wrapper{ display: flex; } } .single-event .blocks-wrapper > *{ order: 4; } @media not all and (min-width: 1056px){ .single-event .blocks-wrapper > p{ margin-bottom: 0px; } } .single-event .blocks-wrapper .article-title, .single-event .blocks-wrapper .article-header{ order: 1; } .single-event .blocks-wrapper .wp-block-post-featured-image{ order: 2; } .single-event .blocks-wrapper .event-details{ order: 3; } .single-travellog .blocks-wrapper > p:first-of-type::first-letter, .single-destination .blocks-wrapper > p:first-of-type::first-letter{ float: left; margin-right: 0.75rem; margin-top: 0.35rem; --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 1rem; padding-right: 1rem; font-family: Ivar Display, Georgia, Times, serif; font-size: clamp(3.797rem,8vw,5.125rem); font-weight: 400; line-height: clamp(3.417rem,7.21vw,4.613rem); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media print { .single-travellog .blocks-wrapper > p:first-of-type::first-letter, .single-destination .blocks-wrapper > p:first-of-type::first-letter{ float: none; margin-right: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; font-family: Ivar Display, Georgia, Times, serif; font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } @media (min-width: 1024px){ .single-travellog .blocks-wrapper > p:first-of-type::first-letter, .single-destination .blocks-wrapper > p:first-of-type::first-letter{ padding-left: 0px; padding-right: 0px; } } } @media (min-width: 1392px){ .single-travellog .travel-details, .single-destination .travel-details{ margin-right: calc(calc(4 * var(--grid-col-and-gutter)) * -1); } } .destination-template-default .header{ z-index: 10; } .destination-template-default .travel-header{ z-index: 9; } @media not all and (min-width: 1056px){ .destination-template-default .travel-details{ float: none; } } .destination-template-default .content-wrapper { z-index: unset; } .destination-template-default .container{ background-color: transparent; } .destination-template-default .article-body p + ul{ padding-top: 2rem; } .destination-template-default .article-body .head-top-sec h4, .destination-template-default .article-body .head-top-sec h5, .destination-template-default .article-body .siw-pin-wrapper h4, .destination-template-default .article-body .siw-pin-wrapper h5{ font-family: Suisse Intl Condensed, Helvetica, Arial, sans-serif; font-size: 1.25rem; line-height: 110%; letter-spacing: 0.06rem; text-transform: uppercase; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .destination-template-default .article-body .head-top-sec h5, .destination-template-default .article-body .siw-pin-wrapper h4{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .destination-template-default .article-body .siw-pin-wrapper h4{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .destination-template-default .article-body .siw-pin-wrapper h4 + ul{ margin-top: 0px; } .travel-log-archive .travel-details{ margin-left: auto; } .travel-log-archive .travel-details .container{ margin: 0px; width: auto !important; } .travel-log-featured{ border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-top: 2rem; } @media (min-width: 1280px){ .travel-log-featured{ padding-top: 3rem; } } .travel-log-featured__grid{ margin-bottom: 3rem; display: grid; -moz-column-gap: 2rem; column-gap: 2rem; } @media (min-width: 782px){ .travel-log-featured__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1280px){ .travel-log-featured__grid{ margin-bottom: 4rem; } } @media not all and (min-width: 782px){ .travel-log-featured__grid .collections__card{ padding-bottom: 2rem; } } .travel-log-featured__grid .collections__card-image-wrapper{ position: relative; } .travel-log-featured__grid .collections__card-image-wrapper::before { display: block; content: ''; width: 100%; padding-top: calc((358 / 595) * 100%); } .travel-log-featured__grid .collections__card-image-wrapper img{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .travel-log-featured__grid .collections__card-image-wrapper{ height: 24vw; } @media (min-width: 1024px){ .travel-log-featured__grid .collections__card-image-wrapper{ height: 264px; } } .travel-log-content{ padding-bottom: 3rem; } @media (min-width: 782px){ .travel-log-content{ padding-bottom: 6rem; } } @media (min-width: 1280px){ .travel-log-content{ display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; } .travel-log-content__aside{ order: 2; grid-column: span 3 / span 3; grid-column-start: 10; } } @media not all and (min-width: 1280px){ .travel-log-content__main{ margin-top: 3rem; } } @media (min-width: 1280px){ .travel-log-content__main{ order: 1; grid-column: span 8 / span 8; } } @media not all and (min-width: 782px){ .travel-log-content__pagination .archive-pagination{ margin-bottom: 3rem; } } @media (min-width: 782px){ .travel-log-content__pagination .archive-pagination{ margin-top: 3rem; } } .travel-log-content .collections__card-image-wrapper{ height: 24vw; } @media (min-width: 1024px){ .travel-log-content .collections__card-image-wrapper{ height: 193px; } } @media (min-width: 782px) { .travel-log-content .collections__card-image{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } } .dashboard{ opacity: 1; transition-property: all; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .dashboard__wrapper{ padding-top: 2rem; padding-bottom: 3rem; } @media (min-width: 782px){ .dashboard__wrapper{ padding-top: 4rem; padding-bottom: 92px; } } .dashboard__header-container{ margin-bottom: 2rem; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-bottom-width: 2px; --tw-border-opacity: 1; border-bottom-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-bottom: 2rem; } @media (min-width: 782px){ .dashboard__header-container{ margin-bottom: 5rem; grid-template-columns: repeat(12, minmax(0, 1fr)); padding-bottom: 3rem; } } .dashboard__header-content{ grid-column: span 6 / span 6; } @media (min-width: 782px){ .dashboard__header-content{ grid-column: span 7 / span 7; } } .dashboard__header-content h1, .dashboard__header-content h2{ font-size: clamp(2.125rem, 0.25rem + 6.25vw, 4.375rem); line-height: 95%; font-style: normal; } .dashboard__header-content h1{ margin-bottom: 1rem; } .dashboard__header-content :last-child{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .dashboard__main-content{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); } @media (min-width: 782px){ .dashboard__main-content{ grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 2rem; } } .dashboard__nav.tabs{ grid-column: span 6 / span 6; margin-right: 0px; margin-bottom: 2rem; display: flex; height: -moz-fit-content; height: fit-content; flex-direction: column; gap: 0.25rem; border-left-width: 2px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); } @media (min-width: 782px){ .dashboard__nav.tabs{ grid-column: span 4 / span 4; margin-bottom: 0px; } } ul.tabs li.dashboard__nav-item{ float: none; border-width: 0px; --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1.5rem; padding-right: 1.5rem; font-family: Ivar Headline, Georgia, Times, serif; font-size: clamp(1.625rem, 3.32vw, 2.125rem); line-height: 110%; font-style: italic; --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 782px){ ul.tabs li.dashboard__nav-item{ padding: 1.5rem; } } ul.tabs li.dashboard__nav-item a:hover{ opacity: 1; } ul.tabs li.dashboard__nav-item.active, ul.tabs li.dashboard__nav-item:hover{ --tw-bg-opacity: 1; background-color: rgb(232 25 43 / var(--tw-bg-opacity)); } ul.tabs li.dashboard__nav-item.active a, ul.tabs li.dashboard__nav-item:hover a{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } ul.tabs li.dashboard__nav-item.active a:hover, ul.tabs li.dashboard__nav-item:hover a:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .dashboard__tabs{ grid-column: span 6 / span 6; } @media (min-width: 782px){ .dashboard__tabs{ grid-column: span 8 / span 8; } } .dashboard__survey-container{ margin-bottom: 2rem; border-bottom-width: 2px; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-bottom: 2rem; } @media (min-width: 782px){ .dashboard__survey-container{ margin-bottom: 3rem; padding-bottom: 2.5rem; } } .dashboard__survey{ display: flex; flex-direction: column; justify-content: space-between; border-left-width: 2px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; } @media (min-width: 640px){ .dashboard__survey{ flex-direction: row; } } @media (min-width: 782px){ .dashboard__survey{ padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; } } .dashboard__survey-heading{ margin-bottom: 1.5rem; align-self: center; font-size: clamp(1.625rem, 3.32vw, 2.125rem) !important; line-height: 110% !important; font-weight: 400 !important; --tw-text-opacity: 1 !important; color: rgb(232 25 43 / var(--tw-text-opacity)) !important; } @media (min-width: 782px){ .dashboard__survey-heading{ margin-bottom: 0px; max-width: 65%; } } @media (min-width: 1280px){ .dashboard__survey-heading{ max-width: 70%; } } .dashboard__survey a.survey-btn{ margin-bottom: 0px; display: flex; width: 100%; justify-content: center; align-self: flex-start; } @media (min-width: 782px){ .dashboard__survey a.survey-btn{ align-self: flex-end; } } @media (min-width: 1024px){ .dashboard__survey a.survey-btn{ width: auto; } } .dashboard__survey a.survey-btn:hover, .dashboard__survey a.survey-btn:focus, .dashboard__survey a.survey-btn:active{ opacity: 1; } .dashboard__billing{ margin-bottom: 2rem; border-bottom-width: 2px; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-bottom: 2rem; } @media (min-width: 782px){ .dashboard__billing{ margin-bottom: 3rem; padding-bottom: 2.75rem; } } .dashboard__billing h4{ margin-bottom: 1rem; } @media (min-width: 782px){ .dashboard__billing h4{ margin-bottom: 0.75rem; } } .dashboard__billing p{ font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; } .dashboard__form-container h4{ margin-bottom: 1.5rem; } .dashboard__tab-item#tn-donation a:not(.survey-btn), .dashboard__tab-item#customer-service a:not(.survey-btn){ position: relative; width: -moz-max-content; width: max-content; border-bottom-width: 0px; background-image: linear-gradient(rgb(232 25 43 / 1),rgb(232 25 43 / 1)); background-position: center 90%; background-repeat: no-repeat; background-size: 100% 0.063rem; transition: background-size 0.2s ease .1s, box-shadow 0.3s ease; } .dashboard__tab-item#tn-donation a:not(.survey-btn):hover, .dashboard__tab-item#tn-donation a:not(.survey-btn):focus, .dashboard__tab-item#tn-donation a:not(.survey-btn):active, .dashboard__tab-item#customer-service a:not(.survey-btn):hover, .dashboard__tab-item#customer-service a:not(.survey-btn):focus, .dashboard__tab-item#customer-service a:not(.survey-btn):active { box-shadow: inset 0 .9em 0 0 #FFF1F1 !important; border-bottom-width: 0px; background-color: transparent; background-size: 100% 0.125rem !important; } .dashboard .dashboard-form:not(.submit){ margin-bottom: 2rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(102 102 102 / var(--tw-border-opacity)); } .dashboard .dashboard-form:not(.submit):last-of-type{ margin-bottom: 1.5rem; } @media (min-width: 782px){ .dashboard .dashboard-form:not(.submit):last-of-type{ margin-bottom: 2rem; } } .dashboard .dashboard-form .submit-btn:hover, .dashboard .dashboard-form .submit-btn:focus, .dashboard .dashboard-form .submit-btn:active{ opacity: 1; } .dashboard .dashboard-form .submit-btn::after{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .dashboard .dashboard-form input[type=password]{ width: 100% !important; border-style: none; padding-left: 0px; padding-right: 0px; padding-top: 6px; padding-bottom: 6px; font-size: clamp(1.125rem, 2.05vw, 1.313rem); line-height: 140%; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dashboard .dashboard-form input[type=password]:focus{ border-style: none !important; outline: 2px solid transparent !important; outline-offset: 2px !important; } .dashboard .dashboard-form label{ margin-bottom: 0px; font-size: 1rem; font-style: italic; --tw-text-opacity: 1; color: rgb(102 102 102 / var(--tw-text-opacity)); } .dashboard .dashboard-form label span{ --tw-text-opacity: 1; color: rgb(232 25 43 / var(--tw-text-opacity)); } .dashboard #customer-service, .dashboard #tn-donation, .dashboard #tn-nation-classroom{ display: flex; flex-direction: column; gap: 1rem; border-top-width: 2px; border-bottom-width: 2px; --tw-border-opacity: 1; border-color: rgb(227 222 216 / var(--tw-border-opacity)); padding-top: 2rem; padding-bottom: 2rem; } @media (min-width: 782px){ .dashboard #customer-service, .dashboard #tn-donation, .dashboard #tn-nation-classroom{ gap: 0.75rem; padding-top: 3rem; padding-bottom: 3rem; } } .dashboard #customer-service p + p, .dashboard #tn-donation p + p, .dashboard #tn-nation-classroom p + p{ padding-top: 0px; } .dashboard #tn-nation-classroom #tn-billing{ display: flex; flex-direction: column; gap: 1rem; } @media (min-width: 782px){ .dashboard #tn-nation-classroom #tn-billing{ gap: 0.75rem; } } .dashboard.no-user{ opacity: 0; } @media not all and (min-width: 782px){ .max-md\:hidden{ display: none; } } @media (min-width: 782px){ .md\:hidden{ display: none; } } @media (min-width: 1280px){ .xl\:col-span-8{ grid-column: span 8 / span 8; } .xl\:mb-14{ margin-bottom: 3.5rem; } .xl\:mr-\[calc\(2\*var\(--grid-col-and-gutter\)\)\]{ margin-right: calc(2 * var(--grid-col-and-gutter)); } .xl\:grid{ display: grid; } .xl\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .xl\:gap-6{ gap: 1.5rem; } .xl\:pt-16{ padding-top: 4rem; } .xl\:pb-12{ padding-bottom: 3rem; } } /*p.teaser-classic{ margin-top: 2rem; padding-top:0rem; max-width: inherit !important; }*/ .issue-details__single-article-content .wp-block-the-nation-dek { margin-bottom: 0; } @media (min-width: 1056px){ .issue-details__single-article-content .article-title__dek { margin-bottom: 0; } } .article-title__event-date span { color: #000; font-weight: normal; font-family: Ivar Text,Georgia,Times,serif; font-style: italic; line-height:140%; text-transform: none; font-size: clamp(1.125rem,2.05vw,1.313rem); } .destination-template-default .article-body .head-top-sec h5{ font-size: 2rem; line-height: 110% ; font-family: Ivar Display, Georgia, Times, serif ; color:#cf2e2e ; text-transform:none; } .destination-template-default .article-body .head-top-sec h4 { font-size: clamp(1.125rem,2.15vw,1.375rem); font-family: Ivar Display, Georgia, Times, serif; } .destination-template-default .article-body .siw-pin-wrapper h4{ font-size: 2.2rem; line-height: 110% ; font-family: Ivar Display, Georgia, Times, serif ; text-transform:none; } @media (min-width: 782px){ .blocks-wrapper .tn-inline-cta-module { display: flex; } } .blocks-wrapper .tn-inline-cta-module { align-items: flex-end; justify-content: space-between; border-left-width: 2px; --tw-border-opacity: 1; border-color: rgb(232 25 43 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 241 241 / var(--tw-bg-opacity)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; width: 80%; margin: 0 auto; display: block !important; } .blocks-wrapper .tn-inline-cta-module h4 strong { font-size: clamp(1.625rem, 1.208333rem + 1.3888vw, 2.125rem); line-height: 115%; font-weight: 400; } .blocks-wrapper .tn-inline-cta-module h4 strong em { font-style: normal; } @media (min-width: 782px){ .blocks-wrapper .tn-inline-cta-module p { margin-bottom: 0px; } } .blocks-wrapper .tn-inline-cta-module p { margin-top: 1rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .blocks-wrapper p { margin-top: 2rem; margin-bottom: 2rem; padding: 0px; } .blocks-wrapper .tn-inline-cta-module .cta { margin-bottom: 0px; margin-top: 20px !important; display: block; text-align: center; } .blocks-wrapper .tn-inline-cta-module .cta a { transition: all cubic-bezier(0.4, 0, 0.2, 1) 300ms; } @media (min-width: 782px){ .blocks-wrapper .tn-inline-cta-module .cta a { margin-bottom: 0px; } } .blocks-wrapper .tn-inline-cta-module .cta a { font-size: 1.25rem; line-height: 115%; background-image: none; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .blocks-wrapper .tn-inline-cta-module .cta a { border-color: #E8192B; color: #ffffff; background-color: #E8192B; } .blocks-wrapper .tn-inline-cta-module .cta a { width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 2rem; padding-right: 2rem; margin-bottom: 1.25rem; border-radius: 100px; font-size: clamp(1.25rem,2.73vw,1.75rem); background-color: #E8192B; color: #ffffff; font-style: italic; font-family: Ivar Headline, Georgia, Times, serif; text-transform: none; display: inline-block; outline-width: 0; position: relative; z-index: 2; overflow: hidden; border-width: 2px; border-style: solid; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .blocks-wrapper .tn-inline-cta-module .cta a input{ font-size: 1.25rem; line-height: 115%; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; display: block; border-width: 0px; background-color: transparent !important; padding: 0px; padding-left: 0.15rem; padding-right: 0.15rem; text-align: center; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .tn-editor-none-module { background-color: rgb(255 241 241 / var(--tw-bg-opacity)); padding: 10px 20px; margin-bottom: 2rem; } .tn-editor-none-module .article-editor-note-cta { text-align: center; } .tn-editor-none-module .article-editor-note-cta a {background: no-repeat;} .tn-editor-none-module .article-editor-note-cta input.btn {border: 0;} figcaption.wp-element-caption p { margin-bottom: 0; margin-top: 0; } .article-end__author-bio p { margin-top: 0; } .content-wrapper-legacy .article-header .opp_art_main img.opp_cart_mob { width: 100%; } .theNation_logo { display: block; } .theNation_logo:hover { box-shadow: none !important; } .podcast-template-default .blocks-wrapper .issue-aside-block.float-l-w-2 { clear: unset!important; } header.travel-header, .event-details, .travel-details, .travels-contact-form { background: #f6f6f6 !important; } .page-template-travel_home_page h1.text-h2article.not-italic.text-black, .page-template-tn-travel-log-home-temp h1.text-h2article.not-italic.text-black, .post-type-archive-travellog h1.text-h2article.not-italic.text-black { font-size: 25px; } .page-template-travel_home_page .collections__card, .page-template-tn-travel-log-home-temp .collections__card, .post-type-archive-travellog .collections__card { margin-bottom: 30px; } .page-template-tn-travel-log-home-temp .collections__card .knockout, .post-type-archive-travellog .collections__card .knockout { display: flex; align-items: center; } .page-template-travel_home_page h2.title, .page-template-tn-travel-log-home-temp h2.title, .post-type-archive-travellog h2.title, .page-template-travel_home_page h3.title, .page-template-tn-travel-log-home-temp h3.title, .post-type-archive-travellog h3.title { color: #e8192b; } .travel-log-content__pagination { max-width: 600px; margin: 0 auto; padding-bottom: 80px; } .page-template-tn-travel-log-home-temp .archive-pagination .page-numbers, .page-template-tn-travel-log-home-temp .archive-pagination .dots { font-size: 2rem; } .post-type-archive-travellog .title-black { color: #000; } .post-type-archive-travellog h1.text-h2article.not-italic.mb-4 { font-size: 3rem; line-height: 4rem; } h2#travel-testimonials { scroll-margin-top: 8rem; }