.uk-root { /* reset styles */ /* ======================================================================== Component: Reset ========================================================================== */ /* * Remove the margin in all browsers. */ /* Links ========================================================================== */ /* * Remove gaps in links underline in iOS 8+ and Safari 8+. */ /* * Remove the outline on focused links when they are also active or hovered */ /* * Style */ /* Text-level semantics ========================================================================== */ /* * 1. Add an underline text decoration in Safari, Edge and IE. * 2. Add `dotted` style in Safari. * Note: The shorthand declaration `underline dotted` is not supported in Safari, Edge and IE. */ /* * Add the correct font weight in Chrome, Edge, and Safari. */ /* * 1. Consolas has a better baseline in running text compared to `Courier` * 2. Correct the odd `em` font sizing in all browsers. * 3. Style */ /* * Emphasize */ /* * Insert */ /* * Mark */ /* * Quote */ /* * Add the correct font size in all browsers. */ /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ /* Embedded content ========================================================================== */ /* * Remove the gap between embedded content and the bottom of their containers. */ /* * 1. Add responsiveness. * 2. Auto-scale the height. Only needed if `height` attribute is present. * 3. Corrects responsive `max-width` behavior if padding and border are used. * 4. Exclude SVGs for IE11 because they don't preserve their aspect ratio. */ /* 4 */ /* * Hide the overflow in IE. */ /* * Hide `alt` text for lazy load images * Selector for background while loading img[data-src*='.jpg'][src*='data:image'] { background: grey; } */ /* * Iframe * Remove border in all browsers */ /* Block elements ========================================================================== */ /* * Margins */ /* Add margin if adjacent element */ /* Headings ========================================================================== */ /* Add margin if adjacent element */ /* * Sizes */ /* Tablet landscape and bigger */ /* Lists ========================================================================== */ /* * Reset margin for nested lists */ /* Description lists ========================================================================== */ /* Horizontal rules ========================================================================== */ /* * 1. Add the correct box sizing and height in Firefox. * 2. Show the overflow in Edge and IE. * 3. Add the correct text-align in Edge and IE. * 4. Style */ /* Add margin if adjacent element */ /* Address ========================================================================== */ /* Blockquotes ========================================================================== */ /* Add margin if adjacent element */ /* * Content */ /* Preformatted text ========================================================================== */ /* * 1. Contain overflow in all browsers. */ /* Selection pseudo-element ========================================================================== */ /* HTML5 elements ========================================================================== */ /* * 1. Add the correct display in Edge, IE 10+, and Firefox. * 2. Add the correct display in IE. */ /* * Add the correct display in all browsers. */ /* * Add the correct display in IE. */ /* Pass media breakpoints to JS ========================================================================== */ /* UiKit core + theme */ /* ======================================================================== Component: Base ========================================================================== */ /* Links ========================================================================== */ /* Add margin if adjacent element */ /* * Sizes */ /* Tablet landscape and bigger */ /* Pass media breakpoints to JS ========================================================================== */ /* * Breakpoints */ /* ======================================================================== Component: Link ========================================================================== */ /* Muted ========================================================================== */ /* Text ========================================================================== */ /* Heading ========================================================================== */ /* Reset ========================================================================== */ /* * `!important` needed to override inverse component */ /* Toggle ========================================================================== */ /* ======================================================================== Component: Heading ========================================================================== */ /* Tablet Landscape and bigger */ /* Laptop and bigger */ /* Primary Deprecated: Use `uk-heading-medium` instead ========================================================================== */ /* Tablet landscape and bigger */ /* Desktop and bigger */ /* Hero Deprecated: Use `uk-heading-xlarge` instead ========================================================================== */ /* Tablet landscape and bigger */ /* Desktop and bigger */ /* Divider ========================================================================== */ /* Bullet ========================================================================== */ /* * 1. Using `inline-block` to make it work with text alignment * 2. Center vertically * 3. Style */ /* Line ========================================================================== */ /* * Clip the child element */ /* * Extra markup is needed to make it work with text align */ /* * 1. Center vertically * 2. Make the element as large as possible. It's clipped by the container. * 3. Style */ /* ======================================================================== Component: Divider ========================================================================== */ /* * 1. Reset default `hr` * 2. Set margin if a `div` is used for semantical reason */ /* Add margin if adjacent element */ /* Icon ========================================================================== */ /* Small ========================================================================== */ /* * 1. Fix height because of `inline-block` * 2. Using ::after and inline-block to make `text-align` work */ /* 1 */ /* 2 */ /* Vertical ========================================================================== */ /* ======================================================================== Component: List ========================================================================== */ /* * Micro clearfix */ /* * Remove margin from the last-child */ /* * Nested lists */ /* * Style */ /* Style modifiers ========================================================================== */ /* * Divider */ /* * Striped */ /* * Bullet * 1. Reset display `table` which causes issues in combination with multi column layouts. */ /* Size modifier ========================================================================== */ /* * Divider */ /* * Striped */ /* ======================================================================== Component: Description list ========================================================================== */ /* * Term */ /* * Description */ /* Style modifier ========================================================================== */ /* * Line */ /* ======================================================================== Component: Table ========================================================================== */ /* * 1. Remove most spacing between table cells. * 2. Behave like a block element * 3. Style */ /* Add margin if adjacent element */ /* Header cell ========================================================================== */ /* * 1. Style */ /* Cell ========================================================================== */ /* * Remove margin from the last-child */ /* Footer ========================================================================== */ /* Caption ========================================================================== */ /* Alignment modifier ========================================================================== */ /* Style modifiers ========================================================================== */ /* * Divider */ /* * Striped */ /* * Hover */ /* Active state ========================================================================== */ /* Size modifier ========================================================================== */ /* Justify modifier ========================================================================== */ /* Cell size modifier ========================================================================== */ /* Cell link modifier ========================================================================== */ /* * Does not work with `uk-table-justify` at the moment */ /* Responsive table ========================================================================== */ /* Phone landscape and smaller */ /* ======================================================================== Component: Icon ========================================================================== */ /* * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component. * 1. Remove margins in Chrome, Safari and Opera. * 2. Remove borders for `button`. * 3. Remove border-radius in Chrome. * 4. Address `overflow` set to `hidden` in IE. * 5. Correct `font` properties and `color` not being inherited for `button`. * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. * 7. Remove default `button` padding and background color * 8. Style * 9. Fill all SVG elements with the current text color if no `fill` attribute is set * 10. Let the container fit the height of the icon */ /* Required for `button`. */ /* * Remove the inner border and padding in Firefox. */ /* * Set the fill and stroke color of all SVG elements to the current text color */ /* * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 */ /* Image modifier ========================================================================== */ /* * Display images in icon dimensions */ /* Style modifiers ========================================================================== */ /* * Link */ /* OnClick + Active */ /* * Button * 1. Center icon vertically and horizontally */ /* Hover + Focus */ /* OnClick + Active */ /* ======================================================================== Component: Form Range ========================================================================== */ /* * 1. Normalize and defaults * 2. Prevent content overflow if a fixed width is used * 3. Take the full width * 4. Remove default style * 5. Remove white background in Chrome * 6. Remove padding in IE11 */ /* Focus */ /* IE11 Reset */ /* * Improves consistency of cursor style for clickable elements */ /* Thumb ========================================================================== */ /* * 1. Reset * 2. Style */ /* Webkit */ /* Firefox */ /* Edge */ /* IE11 */ /* Edge + IE11 */ /* Track ========================================================================== */ /* * 1. Safari doesn't have a focus state. Using active instead. */ /* Webkit */ /* Firefox */ /* Edge */ /* ======================================================================== Component: Form ========================================================================== */ /* * 1. Define consistent box sizing. * Default is `content-box` with following exceptions set to `border-box` * `select`, `input[type="checkbox"]` and `input[type="radio"]` * `input[type="search"]` in Chrome, Safari and Opera * `input[type="color"]` in Firefox * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. * 3. Remove `border-radius` in iOS. * 4. Change font properties to `inherit` in all browsers. */ /* * Show the overflow in Edge. */ /* * Remove the inheritance of text transform in Firefox. */ /* * 1. Change font properties to `inherit` in all browsers * 2. Don't inherit the `font-weight` and use `bold` instead. * NOTE: Both declarations don't work in Chrome, Safari and Opera. */ /* * Remove the default vertical scrollbar in IE 10+. */ /* * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. */ /* * Correct the cursor style of increment and decrement buttons in Chrome. */ /* * Removes placeholder transparency in Firefox. */ /* * Improves consistency of cursor style for clickable elements */ /* * Define consistent border, margin, and padding. */ /* Input, select and textarea * Allowed: `text`, `password`, `datetime`, `datetime-local`, `date`, `month`, `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color` * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image` ========================================================================== */ /* * Remove default style in iOS. */ /* * 1. Prevent content overflow if a fixed width is used * 2. Take the full width * 3. Reset default * 4. Style */ /* * Single-line * 1. Allow any element to look like an `input` or `select` element * 2. Make sure line-height is not larger than height * Also needed to center the text vertically */ /* 2 */ /* * Multi-line */ /* Focus */ /* Disabled */ /* * Placeholder */ /* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) ========================================================================== */ /* * Small */ /* * Large */ /* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) ========================================================================== */ /* * Error */ /* * Success */ /* * Blank */ /* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`) ========================================================================== */ /* * Fixed widths * Different widths for mini sized `input` and `select` elements */ /* Select ========================================================================== */ /* * 1. Remove default style. Also works in Firefox * 2. Style * 3. Remove default style in IE 10/11 * 4. Set `color` for options in the select dropdown, because the inherited `color` might be too light. */ /* 3 */ /* 4 */ /* * Disabled */ /* Datalist ========================================================================== */ /* * 1. Remove default style in Chrome */ /* 1 */ /* Radio and checkbox * Note: Does not work in IE11 ========================================================================== */ /* * 1. Style * 2. Make box more robust so it clips the child element * 3. Vertical alignment * 4. Remove default style * 5. Fix black background on iOS * 6. Center icons */ /* Focus */ /* * Checked */ /* Focus */ /* * Icons */ /* * Disabled */ /* Legend ========================================================================== */ /* * Legend * 1. Behave like block element * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove padding so people aren't caught out if they zero out fieldsets. * 4. Style */ /* Custom controls ========================================================================== */ /* * 1. Container fits its content * 2. Create position context * 3. Prevent content overflow * 4. Behave like most inline-block elements */ /* * 1. Position and resize the form control to always cover its container * 2. Required for Firefox for positioning to the left * 3. Required for Webkit to make `height` work * 4. Hide controle and show cursor * 5. Needed for the cursor * 6. Clip height caused by 5. Needed for Webkit only */ /* Label ========================================================================== */ /* Layout ========================================================================== */ /* * Stacked */ /* * Horizontal */ /* Tablet portrait and smaller */ /* Tablet landscape and bigger */ /* Icons ========================================================================== */ /* * 1. Set position * 2. Set width * 3. Center icon vertically and horizontally * 4. Style */ /* * Required for `a`. */ /* * Make `input` element clickable through icon, e.g. if it's a `span` */ /* * Input padding */ /* * Position modifier */ /* ======================================================================== Component: Button ========================================================================== */ /* * 1. Remove margins in Chrome, Safari and Opera. * 2. Remove borders for `button`. * 3. Address `overflow` set to `hidden` in IE. * 4. Correct `font` properties and `color` not being inherited for `button`. * 5. Remove the inheritance of text transform in Edge, Firefox, and IE. * 6. Style * 7. `line-height` is used to create a height because it also centers the text vertically for `a` elements. * Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements. * 8. Align text if button has a width * 9. Required for `a`. */ /* * Remove the inner border and padding in Firefox. */ /* Hover */ /* Focus */ /* OnClick + Active */ /* Style modifiers ========================================================================== */ /* * Default */ /* Hover + Focus */ /* OnClick + Active */ /* * Primary */ /* Hover + Focus */ /* OnClick + Active */ /* * Secondary */ /* Hover + Focus */ /* OnClick + Active */ /* * Danger */ /* Hover + Focus */ /* OnClick + Active */ /* * Disabled * The same for all style modifiers */ /* Size modifiers ========================================================================== */ /* Text modifiers ========================================================================== */ /* * Text * 1. Reset * 2. Style */ /* Hover + Focus */ /* Disabled */ /* * Link * 1. Reset * 2. Style */ /* Hover + Focus */ /* Disabled */ /* Group ========================================================================== */ /* * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements * 2. Behave like button * 3. Create position context */ /* Group ========================================================================== */ /* * Collapse border */ /* * Create position context to superimpose the successor elements border * Known issue: If you use an `a` element as button and an icon inside, * the active state will not work if you click the icon inside the button * Workaround: Just use a `button` or `input` element as button */ /* ======================================================================== Component: Section ========================================================================== */ /* * 1. Make it work with `100vh` and height in general */ /* Desktop and bigger */ /* * Micro clearfix */ /* * Remove margin from the last-child */ /* Size modifiers ========================================================================== */ /* * XSmall */ /* * Small */ /* * Large */ /* Tablet landscape and bigger */ /* * XLarge */ /* Tablet landscape and bigger */ /* Style modifiers ========================================================================== */ /* * Default */ /* * Muted */ /* * Primary */ /* * Secondary */ /* Overlap modifier ========================================================================== */ /* * Reserved modifier to make a section overlap another section with an border image * Implemented by the theme */ /* ======================================================================== Component: Container ========================================================================== */ /* * 1. Box sizing has to be `content-box` so the max-width is always the same and * unaffected by the padding on different breakpoints. It's important for the size modifiers. */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* * Micro clearfix */ /* * Remove margin from the last-child */ /* * Remove padding from nested containers */ /* Size modifier ========================================================================== */ /* Expand modifier ========================================================================== */ /* * Expand one side only */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* Item ========================================================================== */ /* * Utility classes to reset container padding on the left or right side * Note: It has to be negative margin on the item, because it's specific to the item. */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* ======================================================================== Component: Grid ========================================================================== */ /* * 1. Allow cells to wrap into the next line * 2. Reset list */ /* * Grid cell * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto * Reset margin for e.g. paragraphs */ /* * Remove margin from the last-child */ /* Gutter ========================================================================== */ /* * Default */ /* Horizontal */ /* Vertical */ /* Desktop and bigger */ /* * Small */ /* Horizontal */ /* Vertical */ /* * Medium */ /* Horizontal */ /* Vertical */ /* * Large */ /* Horizontal */ /* Vertical */ /* Desktop and bigger */ /* * Collapse */ /* Horizontal */ /* Vertical */ /* Divider ========================================================================== */ /* Vertical */ /* * Default */ /* Horizontal */ /* Vertical */ /* Desktop and bigger */ /* * Small */ /* Horizontal */ /* Vertical */ /* * Medium */ /* Horizontal */ /* Vertical */ /* * Large */ /* Horizontal */ /* Vertical */ /* Desktop and bigger */ /* Match child of a grid cell ========================================================================== */ /* * Behave like a block element * 1. Wrap into the next line * 2. Take the full width, at least 100%. Only if no class from the Width component is set. * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) */ /* ======================================================================== Component: Tile ========================================================================== */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* * Micro clearfix */ /* * Remove margin from the last-child */ /* Size modifiers ========================================================================== */ /* * XSmall */ /* * Small */ /* * Large */ /* Tablet landscape and bigger */ /* * XLarge */ /* Tablet landscape and bigger */ /* Style modifiers ========================================================================== */ /* * Default */ /* * Muted */ /* * Primary */ /* * Secondary */ /* ======================================================================== Component: Card ========================================================================== */ /* Sections ========================================================================== */ /* Desktop and bigger */ /* * Micro clearfix */ /* * Remove margin from the last-child */ /* Media ========================================================================== */ /* * Reserved alignment modifier to style the media element, e.g. with `border-radius` * Implemented by the theme */ /* Title ========================================================================== */ /* Badge ========================================================================== */ /* * Remove margin from adjacent element */ /* Hover modifier ========================================================================== */ /* Style modifiers ========================================================================== */ /* * Default * Note: Header and Footer are only implemented for the default style */ /* * Primary */ /* * Secondary */ /* Size modifier ========================================================================== */ /* * Small */ /* * Large */ /* Desktop and bigger */ /* * Default */ /* Desktop and bigger */ /* * Small */ /* * Large */ /* Desktop and bigger */ /* ======================================================================== Component: Close ========================================================================== */ /* * Adopts `uk-icon` */ /* Hover + Focus */ /* ======================================================================== Component: Spinner ========================================================================== */ /* * Adopts `uk-icon` */ /* SVG ========================================================================== */ /* * Circle */ /* ======================================================================== Component: Totop ========================================================================== */ /* * Addopts `uk-icon` */ /* Hover + Focus */ /* OnClick */ /* ======================================================================== Component: Marker ========================================================================== */ /* * Addopts `uk-icon` */ /* Hover + Focus */ /* ======================================================================== Component: Alert ========================================================================== */ /* Add margin if adjacent element */ /* * Remove margin from the last-child */ /* Close * Adopts `uk-close` ========================================================================== */ /* * Remove margin from adjacent element */ /* * Hover + Focus */ /* Style modifiers ========================================================================== */ /* * Primary */ /* * Success */ /* * Warning */ /* * Danger */ /* * Content */ /* ======================================================================== Component: Badge ========================================================================== */ /* * 1. Style * 2. Center child vertically and horizontally */ /* * Required for `a` */ /* ======================================================================== Component: Label ========================================================================== */ /* Color modifiers ========================================================================== */ /* * Success */ /* * Warning */ /* * Danger */ /* ======================================================================== Component: Overlay ========================================================================== */ /* * Remove margin from the last-child */ /* Icon ========================================================================== */ /* Style modifiers ========================================================================== */ /* * Default */ /* * Primary */ /* ======================================================================== Component: Article ========================================================================== */ /* * Micro clearfix */ /* * Remove margin from the last-child */ /* Adjacent sibling ========================================================================== */ /* Title ========================================================================== */ /* Tablet landscape and bigger */ /* Meta ========================================================================== */ /* ======================================================================== Component: Comment ========================================================================== */ /* Sections ========================================================================== */ /* * Micro clearfix */ /* * Remove margin from the last-child */ /* Title ========================================================================== */ /* Meta ========================================================================== */ /* Avatar ========================================================================== */ /* List ========================================================================== */ /* Adjacent siblings */ /* * Sublists * Note: General sibling selector allows reply block between comment and sublist */ /* Tablet and bigger */ /* Adjacent siblings */ /* Style modifier ========================================================================== */ /* ======================================================================== Component: Search ========================================================================== */ /* * 1. Container fits its content * 2. Create position context * 3. Prevent content overflow * 4. Reset `form` */ /* Input ========================================================================== */ /* * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. */ /* * Removes placeholder transparency in Firefox. */ /* * 1. Define consistent box sizing. * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. * 3. Remove `border-radius` in iOS. * 4. Change font properties to `inherit` in all browsers * 5. Show the overflow in Edge. * 6. Remove default style in iOS. * 7. Vertical alignment * 8. Take the full container width * 9. Style */ /* Placeholder */ /* Icon (Adopts `uk-icon`) ========================================================================== */ /* * Remove default focus style */ /* * Position above input * 1. Set position * 2. Center icon vertically and horizontally * 3. Style */ /* * Required for `a`. */ /* * Make `input` element clickable through icon, e.g. if it's a `span` */ /* * Position modifier */ /* Default modifier ========================================================================== */ /* * Input */ /* Focus */ /* * Icon */ /* Navbar modifier ========================================================================== */ /* * Input */ /* * Icon */ /* Large modifier ========================================================================== */ /* * Input */ /* * Icon */ /* Toggle ========================================================================== */ /* Hover + Focus */ /* ======================================================================== Component: Nav ========================================================================== */ /* * Reset * 1. Prepare lists * 2. Prepare links * 3. Remove default focus style */ /* 1 */ /* 2 */ /* 3 */ /* * Items * Must target `a` elements to exclude other elements (e.g. lists) */ /* Sublists ========================================================================== */ /* * Level 2 * `ul` needed for higher specificity to override padding */ /* * Level 3 and deeper */ /* * Items */ /* Parent icon modifier ========================================================================== */ /* Header ========================================================================== */ /* Divider ========================================================================== */ /* Default modifier ========================================================================== */ /* * Items */ /* Hover + Focus */ /* Active */ /* * Header */ /* * Divider */ /* * Sublists */ /* Primary modifier ========================================================================== */ /* * Items */ /* Hover + Focus */ /* Active */ /* * Header */ /* * Divider */ /* * Sublists */ /* Alignment modifier ========================================================================== */ /* Sublists */ /* Parent icon modifier */ /* ======================================================================== Component: Navbar ========================================================================== */ /* * 1. Create position context to center navbar group */ /* Container ========================================================================== */ /* * Remove pseudo elements created by micro clearfix as precaution (if Container component is used) */ /* Groups ========================================================================== */ /* * 1. Align navs and items vertically if they have a different height * 2. Note: IE 11 requires an extra `div` which affects the center selector */ /* * Horizontal alignment * 1. Create position context for centered navbar with sub groups (left/right) * 2. Fix text wrapping if content is larger than 50% of the container. * 3. Needed for dropdowns because a new position context is created * `z-index` must be smaller than off-canvas * 4. Align sub groups for centered navbar */ /* 4 */ /* Nav ========================================================================== */ /* * 1. Reset list */ /* * Allow items to wrap into the next line * Only not `absolute` positioned groups */ /* * Items * 1. Center content vertically and horizontally * 2. Dimensions * 3. Style * 4. Required for `a` */ /* * Nav items */ /* * Hover * Apply hover style also to focus state and if dropdown is opened */ /* OnClick */ /* Active */ /* Item ========================================================================== */ /* Toggle ========================================================================== */ /* * Icon * Adopts `uk-icon` */ /* Hover + Focus */ /* Subtitle ========================================================================== */ /* Style modifiers ========================================================================== */ /* Dropdown ========================================================================== */ /* * Adopts `uk-dropdown` * 1. Hide by default * 2. Set position * 3. Set a default width * 4. Style */ /* Show */ /* * Direction / Alignment modifiers */ /* Direction */ /* * Grid * Adopts `uk-grid` */ /* Gutter Horizontal */ /* Gutter Vertical */ /* Stack */ /* * Width modifier */ /* * Dropbar modifier */ /* Dropdown Nav * Adopts `uk-nav` ========================================================================== */ /* * Items */ /* Hover + Focus */ /* Active */ /* * Header */ /* * Divider */ /* * Sublists */ /* Dropbar ========================================================================== */ /* * Slide modifier */ /* * Navbar */ /* * Grid Divider */ /* Vertical */ /* ======================================================================== Component: Subnav ========================================================================== */ /* * 1. Allow items to wrap into the next line * 2. Gutter * 3. Reset list */ /* * 1. Space is allocated solely based on content dimensions: 0 0 auto * 2. Gutter * 3. Create position context for dropdowns */ /* Items ========================================================================== */ /* * Items must target `a` elements to exclude other elements (e.g. dropdowns) * Using `:first-child` instead of `a` to support `span` elements for text * 1. Prevent gap if child element is `inline-block`, e.g. an icon * 2. Style */ /* Hover + Focus */ /* Active */ /* Divider modifier ========================================================================== */ /* * 1. Align items and divider vertically */ /* * Divider * `nth-child` makes it also work without JS if it's only one row */ /* Pill modifier ========================================================================== */ /* Hover + Focus */ /* OnClick */ /* Active */ /* Disabled * The same for all style modifiers ========================================================================== */ /* ======================================================================== Component: Breadcrumb ========================================================================== */ /* * 1. Allow items to wrap into the next line * 2. Reset list */ /* * Space is allocated solely based on content dimensions: 0 0 auto */ /* Items ========================================================================== */ /* Hover + Focus */ /* Disabled */ /* Active */ /* * Divider * `nth-child` makes it also work without JS if it's only one row */ /* ======================================================================== Component: Pagination ========================================================================== */ /* * 1. Allow items to wrap into the next line * 2. Gutter * 3. Reset list */ /* * 1. Space is allocated solely based on content dimensions: 0 0 auto * 2. Gutter * 3. Create position context for dropdowns */ /* Items ========================================================================== */ /* * 1. Prevent gap if child element is `inline-block`, e.g. an icon * 2. Style */ /* Hover + Focus */ /* Active */ /* Disabled */ /* ======================================================================== Component: Tab ========================================================================== */ /* * 1. Allow items to wrap into the next line * 2. Gutter * 3. Reset list */ /* * 1. Space is allocated solely based on content dimensions: 0 0 auto * 2. Gutter * 3. Create position context for dropdowns */ /* Items ========================================================================== */ /* * Items must target `a` elements to exclude other elements (e.g. dropdowns) * 1. Center text if a width is set * 2. Style */ /* Hover + Focus */ /* Active */ /* Disabled */ /* Position modifier ========================================================================== */ /* * Bottom */ /* * Left + Right * 1. Reset Gutter */ /* 1 */ /* ======================================================================== Component: Slidenav ========================================================================== */ /* * Adopts `uk-icon` */ /* Hover + Focus */ /* OnClick */ /* Icon modifier ========================================================================== */ /* * Previous */ /* * Next */ /* Size modifier ========================================================================== */ /* Container ========================================================================== */ /* ======================================================================== Component: Dotnav ========================================================================== */ /* * 1. Allow items to wrap into the next line * 2. Reset list * 3. Gutter */ /* * 1. Space is allocated solely based on content dimensions: 0 0 auto * 2. Gutter */ /* Items ========================================================================== */ /* * Items * 1. Hide text if present */ /* Hover + Focus */ /* OnClick */ /* Active */ /* Modifier: 'uk-dotnav-vertical' ========================================================================== */ /* * 1. Change direction * 2. Gutter */ /* 2 */ /* ======================================================================== Component: Thumbnav ========================================================================== */ /* * 1. Allow items to wrap into the next line * 2. Reset list * 3. Gutter */ /* * Space is allocated based on content dimensions, but shrinks: 0 1 auto * 1. Gutter */ /* Items ========================================================================== */ /* * Items */ /* Hover + Focus */ /* Active */ /* Modifier: 'uk-thumbnav-vertical' ========================================================================== */ /* * 1. Change direction * 2. Gutter */ /* 2 */ /* ======================================================================== Component: Accordion ========================================================================== */ /* Item ========================================================================== */ /* Title ========================================================================== */ /* Hover + Focus */ /* Content ========================================================================== */ /* * Micro clearfix */ /* * Remove margin from the last-child */ /* ======================================================================== Component: Drop ========================================================================== */ /* * 1. Hide by default * 2. Set position * 3. Set a default width */ /* Show */ /* Direction / Alignment modifiers ========================================================================== */ /* Direction */ /* Grid modifiers ========================================================================== */ /* ======================================================================== Component: Dropdown ========================================================================== */ /* * 1. Hide by default * 2. Set position * 3. Set a default width * 4. Style */ /* Show */ /* Nav * Adopts `uk-nav` ========================================================================== */ /* * Items */ /* Hover + Focus + Active */ /* * Header */ /* * Divider */ /* * Sublists */ /* Direction / Alignment modifiers ========================================================================== */ /* Direction */ /* Grid modifiers ========================================================================== */ /* ======================================================================== Component: Modal ========================================================================== */ /* * 1. Hide by default * 2. Set position * 3. Allow scrolling for the modal dialog * 4. Horizontal padding * 5. Mask the background page * 6. Fade-in transition */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* * Open */ /* Page ========================================================================== */ /* * Prevent scrollbars */ /* Dialog ========================================================================== */ /* * 1. Create position context for spinner and close button * 2. Dimensions * 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11 * `!important` needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests * 4. Style * 5. Slide-in transition */ /* * Open */ /* Size modifier ========================================================================== */ /* * Container size * Take the same size as the Container component */ /* * Full size * 1. Remove padding and background from modal * 2. Reset all default declarations from modal dialog */ /* 1 */ /* 2 */ /* Sections ========================================================================== */ /* * Micro clearfix */ /* * Remove margin from the last-child */ /* Title ========================================================================== */ /* Close * Adopts `uk-close` ========================================================================== */ /* * Remove margin from adjacent element */ /* * Hover */ /* * Default */ /* * Outside * 1. Prevent scrollbar on small devices */ /* Tablet landscape and bigger */ /* * Full */ /* ======================================================================== Component: Lightbox ========================================================================== */ /* * 1. Hide by default * 2. Set position * 3. Allow scrolling for the modal dialog * 4. Horizontal padding * 5. Mask the background page * 6. Fade-in transition */ /* * Open * 1. Center child * 2. Fade-in */ /* Page ========================================================================== */ /* * Prevent scrollbars */ /* Item ========================================================================== */ /* * 1. Center child within the viewport * 2. Not visible by default * 3. Color needed for spinner icon * 4. Optimize animation * 5. Responsiveness * Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera * Using `vh` and `vw` to make responsive image work in IE11 * 6. Suppress outline on focus */ /* 5 */ /* 6 */ /* Toolbar ========================================================================== */ /* Toolbar Icon (Close) ========================================================================== */ /* * Hover */ /* Button (Slidenav) ========================================================================== */ /* * 1. Center icon vertically and horizontally */ /* * Hover */ /* Caption ========================================================================== */ /* Iframe ========================================================================== */ /* ======================================================================== Component: Slideshow ========================================================================== */ /* * 1. Prevent tab highlighting on iOS. */ /* Items ========================================================================== */ /* * 1. Create position and stacking context * 2. Reset list * 3. Clip child elements * 4. Prevent displaying the callout information on iOS. */ /* Item ========================================================================== */ /* * 1. Position items above each other * 2. Take the full width * 3. Clip child elements, e.g. for `uk-cover` * 4. Optimize animation * 5. Disable horizontal panning gestures in IE11 and Edge * 6. Suppress outline on focus */ /* 6 */ /* * Hide not active items */ /* ======================================================================== Component: Slider ========================================================================== */ /* * 1. Prevent tab highlighting on iOS. */ /* Container ========================================================================== */ /* * 1. Clip child elements */ /* Items ========================================================================== */ /* * 1. Optimize animation * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`. */ /* * 1. Reset list style without interfering with grid * 2. Prevent displaying the callout information on iOS. */ /* Item ========================================================================== */ /* * 1. Let items take content dimensions (0 0 auto) * 2. Create position context * 3. Disable horizontal panning gestures in IE11 and Edge * 4. Suppress outline on focus */ /* 4 */ /* ======================================================================== Component: Sticky ========================================================================== */ /* * 1. Resolve frame rate issues on devices with lower frame rates by forcing hardware acceleration */ /* * Faster animations */ /* ======================================================================== Component: Off-canvas ========================================================================== */ /* * 1. Hide by default * 2. Set position */ /* * Flip modifier */ /* Bar ========================================================================== */ /* * 1. Set position * 2. Size and style * 3. Allow scrolling */ /* Tablet landscape and bigger */ /* Flip modifier */ /* Tablet landscape and bigger */ /* * Open */ /* * Slide Animation (Used in slide and push mode) */ /* * Reveal Animation * 1. Set position * 2. Clip the bar * 3. Animation * 4. Reset position */ /* Tablet landscape and bigger */ /* * Flip modifier */ /* Close * Adopts `uk-close` ========================================================================== */ /* Overlay ========================================================================== */ /* * Overlay the whole page. Needed for the `::before` * 1. Using `100vw` so no modification is needed when off-canvas is flipped * 2. Allow for closing with swipe gesture on devices with pointer events. */ /* * 1. Mask the whole page * 2. Fade-in transition */ /* Prevent scrolling ========================================================================== */ /* * Prevent horizontal scrollbar when the content is slide-out * Has to be on the `html` element too to make it work on the `body` */ /* Container ========================================================================== */ /* * Prepare slide-out animation (Used in reveal and push mode) * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars * lose their fixed state and behaves like `absolute` within a transformed container * 1. Provide a fixed width and prevent shrinking */ /* * Activate slide-out animation */ /* Tablet landscape and bigger */ /* ======================================================================== Component: Switcher ========================================================================== */ /* * Reset list */ /* Items ========================================================================== */ /* * Hide not active items */ /* * Remove margin from the last-child */ /* ======================================================================== Component: Leader ========================================================================== */ /* * 1. Place element in text flow * 2. Never break into a new line * 3. Get a string back with as many repeating characters to fill the container * 4. Prevent wrapping. Overflowing characters will be clipped by the container */ /* * Hide if media does not match */ /* * Pass fill character to JS */ /* ======================================================================== Component: Iconnav ========================================================================== */ /* * 1. Allow items to wrap into the next line * 2. Reset list * 3. Gutter */ /* * Space is allocated based on content dimensions, but shrinks: 0 1 auto * 1. Gutter */ /* Items ========================================================================== */ /* * Items must target `a` elements to exclude other elements (e.g. dropdowns) * 1. Prevent gap if child element is `inline-block`, e.g. an icon * 2. Style */ /* Hover + Focus */ /* Active */ /* Modifier: 'uk-iconnav-vertical' ========================================================================== */ /* * 1. Change direction * 2. Gutter */ /* 2 */ /* ======================================================================== Component: Notification ========================================================================== */ /* * 1. Set position * 2. Dimensions */ /* Position modifiers ========================================================================== */ /* Responsiveness ========================================================================== */ /* Phones portrait and smaller */ /* Message ========================================================================== */ /* Close * Adopts `uk-close` ========================================================================== */ /* Style modifiers ========================================================================== */ /* * Primary */ /* * Success */ /* * Warning */ /* * Danger */ /* ======================================================================== Component: Placeholder ========================================================================== */ /* Add margin if adjacent element */ /* * Remove margin from the last-child */ /* ======================================================================== Component: Progress ========================================================================== */ /* * 1. Add the correct vertical alignment in Chrome, Firefox, and Opera. * 2. Remove default style * 3. Behave like a block element * 4. Remove borders in Firefox and Edge * 5. Set background color for progress container in Firefox, IE11 and Edge * 6. Style */ /* Add margin if adjacent element */ /* * Remove animated circles for indeterminate state in IE11 and Edge */ /* * Progress container * 2. Remove progress bar for indeterminate state in Firefox */ /* 2 */ /* * Progress bar * 1. Remove right border in IE11 and Edge */ /* ======================================================================== Component: Sortable ========================================================================== */ /* * Deactivate pointer-events on SVGs in Safari */ /* * Remove margin from the last-child */ /* Drag ========================================================================== */ /* Placeholder ========================================================================== */ /* Empty modifier ========================================================================== */ /* Handle ========================================================================== */ /* Hover */ /* ======================================================================== Component: Countdown ========================================================================== */ /* Item ========================================================================== */ /* * 1. Center numbers and separators vertically */ /* Number ========================================================================== */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* Separator ========================================================================== */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* Label ========================================================================== */ /* ======================================================================== Component: Animation ========================================================================== */ /* Animations ========================================================================== */ /* * Fade */ /* * Scale */ /* * Slide */ /* * Slide Small */ /* * Slide Medium */ /* * Kenburns */ /* * Shake */ /* * SVG Stroke * The `--uk-animation-stroke` custom property contains the longest path length. * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically. * All strokes are animated by the same pace and doesn't end simultaneously. * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet. */ /* Direction modifier ========================================================================== */ /* Duration modifier ========================================================================== */ /* Toggle (Hover + Focus) ========================================================================== */ /* * The toggle is triggered on touch devices using `:focus` and tabindex */ /* * 1. Prevent tab highlighting on iOS. */ /* * Remove outline for `tabindex` */ /* Keyframes used by animation classes ========================================================================== */ /* * Fade */ /* * Slide Top */ /* * Slide Bottom */ /* * Slide Left */ /* * Slide Right */ /* * Slide Top Small */ /* * Slide Bottom Small */ /* * Slide Left Small */ /* * Slide Right Small */ /* * Slide Top Medium */ /* * Slide Bottom Medium */ /* * Slide Left Medium */ /* * Slide Right Medium */ /* * Scale Up */ /* * Scale Down */ /* * Kenburns */ /* * Shake */ /* * Stroke */ /* ======================================================================== Component: Width ========================================================================== */ /* Equal child widths ========================================================================== */ /* steve */ /* * 1. Reset the `min-width`, which is set to auto by default, because * flex items won't shrink below their minimum intrinsic content size. * Using `1px` instead of `0`, so items still wrap into the next line, * if they have zero width and padding and the predecessor is 100% wide. */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* Desktop and bigger */ /* Large screen and bigger */ /* Single Widths ========================================================================== */ /* * 1. `max-width` is needed for the pixel-based classes */ /* Halves */ /* Thirds */ /* Quarters */ /* Fifths */ /* Sixths */ /* Pixel */ /* Auto */ /* Expand */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* Desktop and bigger */ /* Large screen and bigger */ /* ======================================================================== Component: Height ========================================================================== */ /* * Only works if parent element has a height set */ /* * Useful to create image teasers */ /* * Pixel * Useful for `overflow: auto` */ /* ======================================================================== Component: Text ========================================================================== */ /* Style modifiers ========================================================================== */ /* Size modifiers ========================================================================== */ /* Weight modifier ========================================================================== */ /* Transform modifier ========================================================================== */ /* Color modifiers ========================================================================== */ /* Background modifier ========================================================================== */ /* * 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera * Default color is set to transparent * 2. Container fits the text * 3. Fallback color for IE11 */ /* Alignment modifiers ========================================================================== */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* Desktop and bigger */ /* Large screen and bigger */ /* * Vertical */ /* Wrap modifiers ========================================================================== */ /* * Prevent text from wrapping onto multiple lines */ /* * 1. Make sure a max-width is set after which truncation can occur * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis * 3. Fix for table cells */ /* 2 */ /* * 1. Wrap long words onto the next line and break them if they are too long to fit * 2. Legacy `word-wrap` as fallback for `overflow-wrap` * 3. Fix `overflow-wrap` which doesn't work with table cells in Chrome, Opera, IE11 and Edge * Must use `break-all` to support IE11 and Edge * Note: Not using `hyphens: auto;` because it hyphenates text even if not needed */ /* 3 */ /* ======================================================================== Component: Column ========================================================================== */ /* Desktop and bigger */ /* * Fix image 1px line wrapping into the next column in Chrome */ /* Divider ========================================================================== */ /* * 1. Double the column gap */ /* Desktop and bigger */ /* Width modifiers ========================================================================== */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* Desktop and bigger */ /* Large screen and bigger */ /* Make element span across all columns * Does not work in Firefox yet ========================================================================== */ /* ======================================================================== Component: Cover ========================================================================== */ /* * Works with iframes and embedded content * 1. Reset responsiveness for embedded content * 2. Center object * Note: Percent values on the `top` property only works if this element * is absolute positioned or if the container has a height */ /* Container ========================================================================== */ /* * 1. Parent container which clips resized object * 2. Needed if the child is positioned absolute. See note above */ /* ======================================================================== Component: Background ========================================================================== */ /* Color ========================================================================== */ /* Size ========================================================================== */ /* Position ========================================================================== */ /* Repeat ========================================================================== */ /* Attachment ========================================================================== */ /* * 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d` */ /* * Exclude touch devices because `fixed` doesn't work on iOS and Android */ /* Image ========================================================================== */ /* Phone portrait and smaller */ /* Phone landscape and smaller */ /* Tablet landscape and smaller */ /* Desktop and smaller */ /* Blend modes ========================================================================== */ /* ======================================================================== Component: Align ========================================================================== */ /* * Default */ /* * Center */ /* * Left/Right */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* Desktop and bigger */ /* Large screen and bigger */ /* ======================================================================== Component: SVG ========================================================================== */ /* * 1. Fill all SVG elements with the current text color if no `fill` attribute is set * 2. Set the fill and stroke color of all SVG elements to the current text color */ /* 1 */ /* * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 */ /* ======================================================================== Component: Utility ========================================================================== */ /* Panel ========================================================================== */ /* * Micro clearfix */ /* * Remove margin from the last-child */ /* * Scrollable */ /* Clearfix ========================================================================== */ /* * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit * 2. `table` is used again with `::after` because `clear` only works with block elements. * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari */ /* 1 */ /* 2 */ /* Float ========================================================================== */ /* * 1. Prevent content overflow */ /* 1 */ /* Overfow ========================================================================== */ /* * Enable scrollbars if content is clipped * Note: Firefox ignores `padding-bottom` for the scrollable overflow https://bugzilla.mozilla.org/show_bug.cgi?id=748518 */ /* Resize ========================================================================== */ /* Display ========================================================================== */ /* Inline ========================================================================== */ /* * 1. Container fits its content * 2. Create position context * 3. Prevent content overflow * 4. Behave like most inline-block elements * 5. Force hardware acceleration without creating a new stacking context * to fix 1px glitch when combined with overlays and transitions in Webkit * 6. Clip child elements */ /* Responsive objects ========================================================================== */ /* * Preserve original dimensions * Because `img, `video`, `canvas` and `audio` are already responsive by default, see Base component */ /* * Responsiveness * Corrects `max-width` and `max-height` behavior if padding and border are used */ /* * 1. Set a maximum width. `important` needed to override `uk-preserve-width img` * 2. Auto scale the height. Only needed if `height` attribute is present */ /* * 1. Set a maximum height. Only works if the parent element has a fixed height * 2. Auto scale the width. Only needed if `width` attribute is present * 3. Reset max-width, which `img, `video`, `canvas` and `audio` already have by default */ /* Border ========================================================================== */ /* * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit */ /* Box-shadow ========================================================================== */ /* * Hover */ /* Box-shadow bottom ========================================================================== */ /* * 1. Set position. * 2. Set style * 3. Blur doesn't work on pseudo elements with negative `z-index` in Edge. * Solved by using `before` and add position context to child elements. */ /* Drop cap ========================================================================== */ /* * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements * https://bugzilla.mozilla.org/show_bug.cgi?id=214004 * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height` * https://bugzilla.mozilla.org/show_bug.cgi?id=317933 * 3. Caused by 1.: Edge creates two nested `::first-letter` containers, one for each selector * This doubles the `font-size` exponential when using the `em` unit. */ /* 2 */ /* 3 */ /* Logo ========================================================================== */ /* * 1. Required for `a` */ /* Hover + Focus */ /* Disabled State ========================================================================== */ /* Drag State ========================================================================== */ /* * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons * 2. Fix dragging over iframes */ /* 2 */ /* Dragover State ========================================================================== */ /* * Create a box-shadow when dragging a file over the upload area */ /* Blend modes ========================================================================== */ /* Transform ========================================================================== */ /* Transform Origin ========================================================================== */ /* ======================================================================== Component: Flex ========================================================================== */ /* * Remove pseudo elements created by micro clearfix as precaution */ /* Alignment ========================================================================== */ /* * Align items along the main axis of the current line of the flex container * Row: Horizontal */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* Desktop and bigger */ /* Large screen and bigger */ /* * Align items in the cross axis of the current line of the flex container * Row: Vertical */ /* Direction ========================================================================== */ /* Wrap ========================================================================== */ /* * Aligns items within the flex container when there is extra space in the cross-axis * Only works if there is more than one line of flex items */ /* Item ordering ========================================================================== */ /* * Default is 0 */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* Desktop and bigger */ /* Large screen and bigger */ /* Item dimensions ========================================================================== */ /* * Initial: 0 1 auto * Content dimensions, but shrinks */ /* * No Flex: 0 0 auto * Content dimensions */ /* * Relative Flex: 1 1 auto * Space is allocated considering content */ /* * Absolute Flex: 1 1 0% * Space is allocated solely based on flex */ /* ======================================================================== Component: Margin ========================================================================== */ /* * Default */ /* Small ========================================================================== */ /* Medium ========================================================================== */ /* Large ========================================================================== */ /* Desktop and bigger */ /* XLarge ========================================================================== */ /* Desktop and bigger */ /* Auto ========================================================================== */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* Desktop and bigger */ /* Large screen and bigger */ /* Remove ========================================================================== */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* Desktop and bigger */ /* Large screen and bigger */ /* ======================================================================== Component: Padding ========================================================================== */ /* Desktop and bigger */ /* Small ========================================================================== */ /* Large ========================================================================== */ /* Desktop and bigger */ /* Remove ========================================================================== */ /* ======================================================================== Component: Position ========================================================================== */ /* Directions ========================================================================== */ /* Edges ========================================================================== */ /* Don't use `width: 100%` because it is wrong if the parent has padding. */ /* Corners ========================================================================== */ /* * Center * 1. Fix text wrapping if content is larger than 50% of the container. */ /* Vertical */ /* Horizontal */ /* Cover ========================================================================== */ /* Utility ========================================================================== */ /* Margin modifier ========================================================================== */ /* * Small */ /* * Medium */ /* * Large */ /* Desktop and bigger */ /* ======================================================================== Component: Transition ========================================================================== */ /* Toggle (Hover + Focus) ========================================================================== */ /* * 1. Prevent tab highlighting on iOS. */ /* * Remove outline for `tabindex` */ /* Transitions ========================================================================== */ /* * The toggle is triggered on touch devices by two methods: * 1. Using `:focus` and tabindex * 2. Using `:hover` and a `touchstart` event listener registered on the document * (Doesn't work on Surface touch devices) * * Note: Transitions don't work with `uk-postion-center-*` classes because they also use `transform`, * therefore it's recommended to use an extra `div` for the transition. */ /* * Fade */ /* * Scale */ /* Show */ /* * Slide */ /* Show */ /* Opacity modifier ========================================================================== */ /* Duration modifiers ========================================================================== */ /* ======================================================================== Component: Visibility ========================================================================== */ /* * Hidden * `hidden` attribute also set here to make it stronger */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* Desktop and bigger */ /* Large screen and bigger */ /* * Visible */ /* Phone portrait and smaller */ /* Phone landscape and smaller */ /* Tablet landscape and smaller */ /* Desktop and smaller */ /* Visibility ========================================================================== */ /* Toggle (Hover + Focus) ========================================================================== */ /* * Hidden * 1. The toggle is triggered on touch devices using `:focus` and tabindex * 2. The target stays visible if any element within receives focus through keyboard * Doesn't work in Edge, yet. * 3. Can't use `display: none` nor `visibility: hidden` because both are not focusable. * */ /* 1 + 2 */ /* * Invisible */ /* 1 + 2 */ /* * 1. Prevent tab highlighting on iOS. */ /* * Remove outline for `tabindex` */ /* Touch ========================================================================== */ /* * Hide if primary pointing device has limited accuracy, e.g. a touch screen. * Works on mobile browsers: Safari, Chrome and Android browser */ /* * Hide if primary pointing device is accurate, e.g. mouse. * 1. Fallback for IE11 and Firefox, because `pointer` is not supported * 2. Reset if supported */ /* 1 */ /* ======================================================================== Component: Print ========================================================================== */ /* All fdn ui-element styles */ /* !!! */ /* !!!! */ /* Admin Info Block */ /* ugly hacks for old foundation */ /* ad-container */ /* Inline Content Ads special style handling */ /* Inline Content (blogs) Ads special style handling */ /* author-page-links */ /* component-highlight */ /* component-subtle */ /* image-cropped-background */ /* location-menu */ /* best-of-category-header */ /* best-of-category-header */ /* best-of-category-header-hover */ /* best-of-category-header-visited */ /* best-of-category-header-visited-hover */ /* best-of-teaser-headline */ /* best-of-teaser-headline-hover */ /* best-of-teaser-headline-visited */ /* best-of-teaser-headline-visited-hover */ /* best-of-teaser-subheadline */ /* best-of-teaser-subheadline-hover */ /* best-of-teaser-subheadline-visited */ /* best-of-teaser-subheadline-visited-hover */ /* best-of-nav */ /* best-of-nav-link */ /* best-of-nav-link-visited */ /* best-of-nav-link-hover */ /* best-of-nav-link-visited-hover */ /* blog-body */ /* blog-headline */ /* blog-headline-hover */ /* blog-subheadline */ /* blog-infoline */ /* blog-infoline-link */ /* blog-tag */ /* blog-tag-hover */ /* blog-tag-visited */ /* blog-tag-visited-hover */ /* blog-tag-block */ /* blog-listing-share-tools */ /* blog-blockquote */ /* blog-link */ /* blog-link-hover */ /* blog-link-visited */ /* blog-link-visited-hover */ /* blog-post-divider */ /* blog-post-spacing */ /* blog-tag-link */ /* blog-tag-link-hover */ /* blog-tag-link-visited */ /* blog-tag-link-visited-hover */ /* blog-tag-label */ /* blog-permalink */ /* blog-permalink-hover */ /* blog-permalink-visited */ /* blog-permalink-visited-hover */ /* blog-archives */ /* breadcrumb */ /* breadcrumb-link */ /* breadcrumb-link-hover */ /* breadcrumb-link-visited */ /* breadcrumb-link-visited-hover */ /* button-option */ /* content-body */ /* content-blockquote */ /* content-link */ /* content-link-hover */ /* content-link-visited */ /* content-link-visited-hover */ /* content-headline */ /* content-subheadline */ /* content-infoline */ /* content-infoline-last-updated */ /* content-info-box */ /* content-text */ /* meta-text */ /* inline-block */ /* inline-header */ /* inline-title */ /* inline-title-hover */ /* inline-title-visited-hover */ /* inline-title-visited */ /* inline-teaser-image */ /* inline-address */ /* inline-info-block */ /* inline-info-block-hover */ /* inline-info-block-visited-hover */ /* inline-info-block-visited */ /* inline-map */ /* inline-event-location */ /* inline-event-price */ /* inline-event-time */ /* inline-event-category */ /* inline-event-ticket-link */ /* inline-slideshow-teaser-image */ /* inline-slideshow-thumbnail-image */ /* inline-slideshow-caption */ /* inline-slideshow-credit */ /* inline-slideshow-counter */ /* inline-slideshow-button */ /* inline-slideshow-ad-item */ /* inline-slideshow-more-item */ /* ads-inline-content */ /* doesn't work .fdn-ads-inline-content-block { &+br { display: none; } &+br+br { display: none; } &[style*="display: none;"]+br { display: block; } &[style*="display: none;"]+br+br { display: block; } } */ /* Image and Content ordering */ /* Content ordering */ /* content-list-rectangle-breaking-breaking-badge */ /* @fdn-tagline-padding:0; @fdn-tagline-border-width:0; @fdn-tagline-border-type:solid; @fdn-tagline-border-color: @global-color; @fdn-tagline-image-block-width: calc(100% * 1/3.001); @fdn-tagline-image-block-min-width: 120px; @fdn-tagline-content-block-font-size: 1.1rem; @fdn-tagline-content-block-font-size-s:.9rem; .comp-landing-tagline { display: flex; align-items:flex-start; flex-wrap: wrap; padding: @fdn-tagline-padding; border:@fdn-tagline-border-width @fdn-tagline-border-type @fdn-tagline-border-color; .fdn-tagline-image-block { width: 100%; margin: 0 auto 8px; order:-1; .view-xsmall({ width: @fdn-tagline-image-block-width; min-width: @fdn-tagline-image-block-min-width; margin:0; order:1; }); } .fdn-tagline-content-block { font-size: @fdn-tagline-content-block-font-size-s; p { margin: 0; } margin: 0; flex: 1; .view-xsmall({ font-size: @dn-tagline-content-block-font-size; }); } .fdn-tagline-image-block + .fdn-tagline-content-block { margin: 0; flex: 1; padding:0; .view-xsmall({ padding:0 12px 0 0; font-size:1.1rem; }); } &.tagline-image-right { .fdn-tagline-image-block + .fdn-tagline-content-block { padding:0; .view-xsmall({ padding:0 12px 0 0; }); } } &.tagline-image-left { .fdn-tagline-image-block + .fdn-tagline-content-block { padding:0; .view-xsmall({ padding:0 0 0 12px; }); order: 100; } } } */ /* calendar-dropdown */ /* cal-body */ /* calendar-header */ /* calendar-prev-next */ /* calendar-prev-next-hover */ /* calendar-prev-next-visited */ /* calendar-prev-next-active */ /* calendar-prev-next-text */ /* calendar-month-text */ /* calendar-day-label */ /* calendar-day */ /* calendar-day-hover */ /* calendar-day-active */ /* calendar-day-disabled */ /* calendar-day-other */ /* calendar-day-range-selected */ /* add-event-submit-link-block */ /* component-header-text */ /* Image and Content ordering */ /* Content ordering */ /* feature-tagline */ /* feature-category */ /* feature-headline */ /* feature-headline-hover */ /* feature-headline-visited */ /* feature-headline-visited-hover */ /* feature-subheadline */ /* feature-infoline */ /* feature-summary */ /* feature-body-intro */ /* feature-tag */ /* feature-tag-hover */ /* feature-tag-visited */ /* feature-tag-visited-hover */ /* feature-tag */ /* feature-sponsored-tag */ /* feature-sponsored-tag-hover */ /* feature-sponsored-tag-visited */ /* feature-sponsored-tag-visited-hover */ /* feature-sponsored-tag */ /* feature-overlay-block */ /* feature-by */ /* film-control-dropdown */ /* fdn-footer-navigation */ /* copyright-text */ /* copyright-link */ /* copyright-link-hover */ /* copyright-link-visited */ /* forms */ /* fdn-free-stuff-item */ /* fdn-free-stuff-category-header */ /* content-text */ /* ==== Happy Little Space Between the Body and the Window ==== */ /* component-header-text */ /* component-header-link-text */ /* component-header-link-text-hover */ /* component-header-link-text-visited */ /* component-header */ /* component-header-primary-text */ /* component-header-primary-link-text */ /* component-header-primary */ /* component-subheader-text */ /* @pub-interface-header-color; */ /* component-subheader-link-text */ /* component-subheader-link-text-hover */ /* component-subheader-link-text-visited */ /* component-subheader */ /* page-header */ /* page-header */ /* conent-header */ /* content-subheader */ /* interface-subheader */ /* slider-component-header-block */ /* component-header-text */ /* page-headline */ /* 404-header-text */ /* staff-pick */ /* member-pick */ /* all-ages */ /* magnum-images */ /* image-caption-block */ /* blog-caption */ /* image-credit */ /* Add Image Layout */ /* Apple Touch Icon */ /* @cropper-button-remove-color:#000; @cropper-button-revert-color:#001837; @cropper-button-save-color:darkgreen; @cropper-button-cancel-color:#333; @cropper-button-transition: 188ms ease-out; [cropper-button-remove] { button { background-color: #fff; position:relative; color:@cropper-button-remove-color; border: thin solid @cropper-button-remove-color; transition: @cropper-button-transition; padding-left: 38px; font-weight: 700; &:before { content: ""; display: block; position:absolute; top: 0; bottom:0; margin:auto; left: 10px; width: 20px; height: 20px; background-color: @cropper-button-remove-color; transition: @cropper-button-transition; -webkit-mask:url(/foundation/images/air/times-circle-solid.svg); mask:url(/foundation/images/air/times-circle-solid.svg); } &:hover, &:focus { color: #fff; background-color: @cropper-button-remove-color; &:before { background-color: #fff; } } } } [cropper-button-revert] { button { transition: @cropper-button-transition; position:relative; color:@cropper-button-revert-color; background-color: #fff; padding-left: 38px; border: thin solid @cropper-button-revert-color; font-weight: 700; &:before { content: ""; display: block; position:absolute; top: 0; bottom:0; margin:auto; left: 10px; width: 20px; height: 20px; background-color: @cropper-button-revert-color; transition: @cropper-button-transition; -webkit-mask:url(/foundation/images/air/history-solid.svg); mask:url(/foundation/images/air/history-solid.svg); } &:hover, &:focus { color: #fff; background: @cropper-button-revert-color; &:before { background-color: #fff; } } } } [cropper-button-save] { button { transition: @cropper-button-transition; background-color: #fff; position:relative; color:@cropper-button-save-color; padding-left: 25px; border: thin solid @cropper-button-save-color; font-weight: 700; &:before { content: ""; display: block; position:absolute; top: 0; bottom:0; margin:auto; left: 10px; width: 20px; height: 20px; background-color: @cropper-button-save-color; transition: @cropper-button-transition; -webkit-mask:url(/foundation/images/air/check-circle-solid.svg); mask:url(/foundation/images/air/check-circle-solid.svg); } &:hover, &:focus { color: #fff; background-color: @cropper-button-save-color; &:before { background-color: #fff; } } } } [cropper-button-cancel] { button { transition: @cropper-button-transition; background-color: #fff; position:relative; color:@cropper-button-cancel-color; padding-left: 38px; border: thin solid @cropper-button-cancel-color; font-weight: 700; &:before { content: ""; display: block; position:absolute; top: 0; bottom:0; margin:auto; left: 10px; width: 20px; height: 20px; background-color: @cropper-button-cancel-color; transition: @cropper-button-transition; -webkit-mask:url(/foundation/images/air/ban-solid.svg); mask:url(/foundation/images/air/ban-solid.svg); } &:hover, &:focus { color: #fff; background-color: @cropper-button-cancel-color; &:before { background-color: #fff; } } } } */ /* Audio Player */ /* interface-input-group */ /* interface-search-input */ /* interface-search-input-hover */ /* interface-search-input-focused */ /* interface-select */ /* interface-select-hover */ /* interface-select-visited */ /* interface-select-active */ /* interface-select-small */ /* interface-select-small-hover */ /* interface-select-small-visited */ /* interface-select-small-active */ /* interface-textbox */ /* interface-label */ /* fdn-interface-divider */ /* fdn-interface-link */ /* fdn-interface-link-hover */ /* fdn-interface-link-visited */ /* fdn-interface-link-visited-hover */ /* interface-count */ /* interface-hero */ /* interface-leader */ /* icon-tool-core */ /* icon-tool-core-favorited */ /* interface-form-link */ /* interface-form-required-marker */ /* interface-form-addevent-link */ /* interface-form-addevent-placeholder */ /* interface-form-legend */ /* interface-form-legend-hover */ /* interface-form-legend-visited-hover */ /* interface-form-legend-visited */ /* interface-form-item-add */ /* interface-form-item-remove */ /* interface-form-dropselect-item */ /* issue-search-results-title */ /* issue-covers */ /* issue-dates */ /* issue-title */ /* related-issues-issue-title */ /* issue-description */ /* issue-search-results-volume-number */ /* issue-search-results-date */ /* @media (min-width: 998px){ .fdn-past-issues-block { height: 400px; } } @media (max-width: 997px) and (min-width: 500px){ .fdn-past-issues-block { min-height: 440px; } } @media (max-width: 499px){ .fdn-past-issues-block { min-height: 300px; } } @media (max-width: 409px){ .fdn-past-issues-block { min-height: 260px; } } */ /* more-link */ /* more-link-hover */ /* more-link-visited */ /* more-link-visited-hover */ /* more-link-highlight */ /* more-link-highlight-visited */ /* more-link-highlight-hover */ /* more-link-highlight-visited-hover */ /* more-link-primary */ /* more-link-primary-visited */ /* more-link-primary-hover */ /* more-link-primary-visited-hover */ /* prev-next-link */ /* prev-next-link-visited */ /* prev-next-link-hover */ /* prev-next-link-visited-hover */ /* prev-next-block */ /* header-link */ /* header-link-hover */ /* header-link-active */ /* header-link-active-hover */ /* nav-link */ /* nav-link-hover */ /* nav-link-active */ /* nav-link-active-hover */ /* hero-link */ /* hero-link-visited */ /* hero-link-hover */ /* link-separator */ /* link-tag-title */ /* link-tag */ /* link-tag-alt */ /* horizontal-nav-list */ /* search-resulte-more-link-block */ /* search-resulte-more-link */ /* tool-links */ /* @fdn-tool-link-color: #222; @fdn-tool-link-hover-color: #444; .fdn-tool-link { display: inline-flex; align-items:center; justify-content: center; padding:3px 10px; border:thin solid @fdn-tool-link-color; color: @fdn-tool-link-color; transition: @global-transition; background: #fff; font-weight: lighter; text-transform: uppercase; svg { margin-right: 8px; vertical-align: text-top; font-size: .9em; } &:hover { text-decoration: none; background:@fdn-tool-link-hover-color; border:thin solid @fdn-tool-link-hover-color; color: #fff; } } */ /* Type modifiers ========================================================================== */ /* fdn-separated-list */ /* fdn-search-list */ /* listing-headline */ /* listing-subheader */ /* listing-meta-data-body */ /* listing-credit */ /* listing-description */ /* rrr * Description: Style shouldn't be smaller than meta info. Should be same style as address and hours. */ /* listing-ticket-link */ /* listing-meta-text */ /* update-location-intro-text */ /* update-location-link-block */ /* component-header-text */ /* ugly hacks for old foundation */ /* login-loggedout-container */ /* login-loggedin-container */ /* Create Account Link */ /* poll-header */ /* poll-footer */ /* Profile Header Block */ /* search-clear */ /* search-clear-hover */ /* search-control-fixed-width */ /* search-control-group */ /* search-natural-button */ /* search-natural-button-hover */ /* search-natural-button-alt */ /* search-natural-button-alt-hover */ /* search-dropdown-spacer */ /* search-dropdown */ /* search-dropdown-item */ /* search-dropdown-item-hover */ /* search-dropdown-header */ /* search-modal */ /* search-modal-tab */ /* search-modal-tab-hover */ /* search-modal-tab-active */ /* search-modal-body */ /* search-modal-header-footer */ /* search-modal-footer */ /* search-modal-parent */ /* search-modal-parent-hover */ /* search-modal-accordion */ /* search-modal-group */ /* search-modal-group-header */ /* search-modal-group-header */ /* search-modal-clear */ /* search-modal-clear-hover */ /* search-modal-submit */ /* search-modal-submit-hover */ /* search-modal-item */ /* search-modal-item-hover */ /* search-sort-item */ /* search-sort-item-hover */ /* search-sort-modal */ /* empty-results */ /* empty-results-text */ /* search-result-header */ /* search-result-header */ /* page-navigation */ /* page-navigation-page */ /* page-navigation-page-hover */ /* page-navigation-page-visited */ /* page-navigation-page-active */ /* page-navigation-prev-next */ /* page-navigation-prev-next-hover */ /* page-navigation-prev-next-visited */ /* page-navigation-prev-next-active */ /* search-highlight-header */ /* search-highlight-content */ /* set */ /* set-header */ /* set-header-hover */ /* set-header-visited */ /* set-header-active */ /* set-content */ /* blog-share-tools */ /* share-tool */ /* share-tool-hover */ /* Site Header */ /* nav-toggle */ /* nav-toggle-hover */ /* nav-block */ /* nav-panel */ /* nav-parent */ /* nav-parent-hover */ /* nav-parent-visited */ /* nav-parent-active */ /* Home link for nav in sticky position */ /* nav-dropdown */ /* nav-item */ /* nav-item-hover */ /* nav-item-visited */ /* nav-item-active */ /* nav-item-active */ /* nav-item-slideout */ /* nav-item-slideout-hover */ /* nav-item-slideout-visited */ /* nav-item-slideout-active */ /* site-search-input */ /* site-search-input-placeholder */ /* site-search-input-hover */ /* site-search-input-focused */ /* site-search-input-block */ /* site-search-submit-block */ /* site-search-submit */ /* site-search-submit-hover */ /* site-search-submit-focused */ /* site-search-dropdown */ /* site-search-item */ /* site-search-item-hover */ /* site-search-input-focused */ /* site-search-modal-input */ /* site-search-modal-input-hover */ /* site-search-modal-input-focused */ /* site-search-modal-input-block */ /* site-search-modal-submit-block */ /* site-search-modal-dropdown */ /* site-search-modal-item */ /* site-search-modal-item-hover */ /* site-search-modal-input-focused */ /* don't think this should be here @fdn-site-search-search-terms-component-header-block-border-width: 1px; @fdn-site-search-search-terms-component-header-block-border-type: solid; @fdn-site-search-search-terms-component-header-block-border-color: #ccc; @fdn-site-search-search-terms-component-header-padding: 3px; @fdn-site-search-search-terms-component-header-font-size: 1.3rem; @fdn-site-search-search-terms-component-header-font-weight: 700; &.comp-sitesearch-searchterms ~ div .fdn-component-header-block { border:@fdn-site-search-search-terms-component-header-block-border-type @fdn-site-search-search-terms-component-header-block-border-color; border-width:@fdn-site-search-search-terms-component-header-block-border-width 0; padding: @fdn-site-search-search-terms-component-header-padding; & h3 { font-size: @fdn-site-search-search-terms-component-header-font-size; font-weight: @fdn-site-search-search-terms-component-header-font-weight; } } */ /* #card-errors::before { content: "!"; display: inline-flex; padding: 2px; border-radius: 100%; border: 2px solid #d50000; color: #730000; width: 15px; height: 15px; align-items: center; justify-content: center; font-weight: 700; margin-right: 3px; text-indent: -1px; } #card-errors:empty:before{ display: none; } */ /* teaser-headline-link */ /* tab-link */ /* tab-link-hover */ /* tab-link-active */ /* tab-link-active-hover */ /* tab-link */ /* UK Variables */ /* tab-link-hover */ /* tab-link-active */ /* tab-link-active-hover */ /* tab-header-link */ /* tab-header-link-hover */ /* tab-header-link-active */ /* tab-header-link-active-hover */ /* tab-header-link */ /* UK Variables */ /* tab-header-link-hover */ /* tab-header-link-active */ /* tab-header-link-active-hover */ /* teaser-headline */ /* teaser-headline-link */ /* teaser-headline-hover */ /* teaser-headline-visited-hover */ /* teaser-headline-visited */ /* For use in situations like tile presentations when the teaser headline needs a slightly smaller tighter treatment */ /* teaser-headline-tight */ /* teaser-headline-tight-hover */ /* teaser-headline-tight-visited-hover */ /* teaser-headline-tight-visited */ /* teaser-subheadline */ /* teaser-infoline */ /* teaser-infoline-important */ /* teaser-tagline */ /* teaser-tag */ /* teaser-tag-hover */ /* teaser-tag-visited */ /* teaser-tag-visited-hover */ /* teaser-tag */ /* teaser-tag-link */ /* teaser-tag-link-hover */ /* teaser-tag-link-visited */ /* teaser-tag-link-visited-hover */ /* teaser-sponsored-tag */ /* teaser-sponsored-tag-hover */ /* teaser-sponsored-tag-visited */ /* teaser-sponsored-tag-visited-hover */ /* teaser-sponsored-tag */ /* teaser-taglist */ /* teaser-taglist-hover */ /* teaser-taglist-visited */ /* teaser-taglist-visited-hover */ /* teaser-taglist-label */ /* teaser-badge */ /* teaser-badge-hover */ /* teaser-badge-visited */ /* teaser-badge-active */ /* teaser-ticket-link */ /* teaser-ticket-link-hover */ /* teaser-description */ /* teaser-image-overlay-text */ /* teaser-image-overlay-text-link */ /* teaser-image-overlay-text-hover */ /* teaser-image-overlay-text-visited-hover */ /* teaser-image-overlay-text-visited */ /* teaser-by */ /* teaser-byline */ /* teaser-byline-link */ /* teaser-byline-hover */ /* teaser-byline-visited-hover */ /* teaser-byline-visited */ /* teaser-time */ /* still not working @fdn-related-item-word-break:break-word; .fdn-component-related-items .fdn-teaser-headline { word-break: @fdn-related-item-word-break; -webkit-hyphens: auto; hyphens: auto; } */ /* active-text */ /* container */ /* sponsored */ /* sponsored */ /* interface-sponsored-tag */ /* member-image */ /* use with uk-dotnav */ /* make ad iframe responsive .carousel-video-player > div[style] { position: relative!important; height: 0!important; width: auto !important; padding-bottom: 56.25%; } .carousel-video-player > div[style] > iframe { position: absolute !important; width: 100% !important; height: 100% !important; top:0; left: 0; z-index: 10; } */ /* [all done here] */ /* Then import foundation default styles */ /* nothing (/) */ /* Font Weights */ /* ### DEFAULT COLOR OVERRIDES ### */ /* Change default medium breakpoint to accomodate ads */ /* .view-custom(@width, @rules){ .ev-grid-col[min-width~="@{width}"] & { @rules(); } } .view-zero(@rules){ .ev-grid-col[min-width~="1px"] & { @rules(); } } .view-xsmall(@rules){ .ev-grid-col[min-width~="400px"] & { @rules(); } } .view-small(@rules){ .ev-grid-col[min-width~="@{breakpoint-small}"] & { @rules(); } } .view-medium(@rules){ .ev-grid-col[min-width~="@{breakpoint-medium}"] & { @rules(); } } .view-large(@rules){ .ev-grid-col[min-width~="@{breakpoint-large}"] & { @rules(); } } */ /* Fix for terrible design of uk version */ /* iOS/webkit is weird. So we need this to stop the zoom 'feature' on Apple devices */ /* NO NO NO NO NO, probably .uk-root{ .fdn-margin-vert.fdn-margin-vert& { margin-top: @global-margin; margin-bottom: @global-margin; } .fdn-margin-medium-vert.fdn-margin-medium-vert& { margin-top: @global-medium-margin; margin-bottom: @global-medium-margin; // First element in column needs smaller top margin &:first-of-type { margin-top: @global-margin; } } .fdn-margin-large-vert.fdn-margin-large-vert& { margin-top: @global-large-margin; margin-bottom: @global-large-margin; } .fdn-margin-remove-last& { > *:last-child { margin-bottom: 0px !important; } } } */ /* fdn-decorate-sub and fdn-decoration-remove allow for elements that are children of a tags to recieve underline styles when the a is hovered */ /* fdn-inline-split-list allows for an inline list that has dividers, additionally allows for the divider to be hidden when the list items flow to the next line, provided the list is right aligned */ /* ==== FDN RESPONSIVE UTILITIES ==== */ /* Phone landscape and bigger */ /* Phone landscape and bigger */ /* Phone landscape and bigger */ /* Tablet landscape and bigger */ /* Desktop and bigger */ /* cuz we need an xs version too */ /* @media(min-width: @breakpoint-xsmall) { .fdn-text-small\@xs { font-size: @text-small-font-size; } .fdn-text-base\@xs { font-size: 1rem; } .fdn-text-medium\@xs { font-size: @global-medium-font-size; } .fdn-text-large\@xs { font-size: @text-large-font-size; } .fdn-line-height-small\@xs { .fdn-line-height-small; } .fdn-line-height-1\@xs { .fdn-line-height-1; } .fdn-line-height-med\@xs { .fdn-line-height-med; } .fdn-line-height-large\@xs { .fdn-line-height-large; } /* Whole */ /* .uk-width-1-1\@xs { width: 100%; } .uk-child-width-1-1\@xs { > * { width: 100%; } } /* Halves */ /* .uk-width-1-2\@xs { width: 50%; } .uk-child-width-1-2\@xs { > * { width: 50%; } } /* Thirds */ /* .uk-width-1-3\@xs { width: ~'calc(100% * 1 / 3.001)'; } .uk-width-2-3\@xs { width: ~'calc(100% * 2 / 3.001)'; } .uk-child-width-1-3\@xs { > * { width: calc(100% * 1/3.001); } } .uk-child-width-2-3\@xs { > * { width: calc(100% * 2/3.001); } } /* Quarters */ /* .uk-width-1-4\@xs { width: 25%; } .uk-child-width-1-4\@xs { > * { width: 25% } } .uk-width-3-4\@xs { width: 75%; } /* Fifths */ /* .uk-width-1-5\@xs { width: 20%; } .uk-child-width-1-5\@xs { > * { width: 20% } } .uk-width-2-5\@xs { width: 40%; } .uk-width-3-5\@xs { width: 60%; } .uk-width-4-5\@xs { width: 80%; } /* Sixths */ /* .uk-width-1-6\@xs { width: ~'calc(100% * 1 / 6.001)'; } .uk-child-width-1-6\@xs { > * { width: calc(100% * 1/6.001); } } .uk-width-5-6\@xs { width: ~'calc(100% * 5 / 6.001)'; } /* Sevenths */ /* .uk-width-1-7\@xs { width: ~'calc(100% * 1 / 7.001)'; } .uk-child-width-1-7\@xs { > * { width: calc(100% * 1/7.001); } } /* Pixel */ /* .uk-width-small\@xs { width: @width-small-width; } .uk-width-medium\@xs { width: @width-medium-width; } .uk-width-large\@xs { width: @width-large-width; } .uk-width-xlarge\@xs { width: @width-xlarge-width; } .uk-width-xxlarge\@xs { width: @width-xxlarge-width; } /* Auto */ /* .uk-width-auto\@xs { width: auto; } /* Expand */ /* .uk-width-expand\@xs { flex: 1; min-width: 1px; } .uk-flex-last\@xs { order: 99; } .uk-column-1-2\@xs { columns: 2; } .uk-column-1-3\@xs { columns: 3; } .uk-column-1-4\@xs { columns: 4; } .uk-column-1-5\@xs { columns: 5; } .uk-column-1-6\@xs { columns: 6; } } /* @media (min-width:460px) and (max-width: @breakpoint-medium) { .uk-column-1-2\@xs { columns: 2; } } */ /* ==== UK Utility Extensions ==== */ /* xxx review this for correctness */ /* class for sup and sub text elements needs very minimal padding */ /* * Xsmall uk-position modifier */ /* ==== Customized Social Media Icons ==== */ /* .fdn-share-icon-print, .fdn-share-icon-comment, .fdn-share-icon-email, .fdn-login-icon-email { color:#555; background: #eee; &:hover { color:#eee; background: #ccc; } } */ /* hyphens are finally getting enough support. This adds a hyphen to ui-kit's word-break class */ /* ==== ADDITIONAL HELPERS ==== */ /* Remove 20px default margin between breadcrumbs */ /* ==== CUSTOM FORM UTILITY ==== */ /* UI KIT HAS A COMPONENT FOR THIS */ /* ==== CUSTOM FONT UTILITY ==== */ /* ==== CUSTOM BORDER UTILITY ==== */ /* Individual corner border-radius */ /* ==== Features Icons [beta] ==== */ /* Foundation-Specific */ /* ==== MISC UTILITY ==== */ /* Who teh fudge uses tags? */ /* ==== Because come on, this needs to be centered ==== */ /* ==== Accessibility Fix ==== */ /* This gets overridden in the UI Kit styles due to cascade */ /* * + [class*=contentImage][class*='uk-align'] { margin-top: 30px; } */ /* resets needed for Google Custom Search */ /* Global Foundation Drop Cap */ /* uikit don't care about your elements */ /* @-webkit-keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } */ /* Generated components.css file from ./tools/gcs.js */ /* ======================================================================== These are compiled and derived from inline LESS statements in templates Should eventually be replaced and this source eventually deleted Search for strings `::less::` or `::endless::` to locate original inline LESS statements ========================================================================== */ /* Finally publication specific overrides */ /* Linked directory for webpack build */ /* Directory include path for actual build process using lessc option lessc --include-path=PATH1;PATH2; Defined path must contain directory below */ /* Font Families */ font-family: Arial, Helvetica, sans-serif; /* Font Weights */ /* Colors */ } html.uk-root { /* 1 */ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.5; /* 2 */ -webkit-text-size-adjust: 100%; /* 3 */ background: #fff; color: #666; } .uk-root body { margin: 0; } .uk-root a { -webkit-text-decoration-skip: objects; } .uk-root a:active, .uk-root a:hover { outline: none; } .uk-root a { color: #999; text-decoration: none; cursor: pointer; } .uk-root a:hover { color: #0046ba; text-decoration: underline; } .uk-root abbr[title] { /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration-style: dotted; } .uk-root b, .uk-root strong { font-weight: bolder; } .uk-root :not(pre) > code, .uk-root :not(pre) > kbd, .uk-root :not(pre) > samp { /* 1 */ font-family: Consolas, monaco, monospace; /* 2 */ font-size: 0.875rem; /* 3 */ color: #d50000; white-space: nowrap; padding: 2px 6px; background: #f8f8f8; } .uk-root em { color: inherit; } .uk-root ins { background: #ffd; color: #666; text-decoration: none; } .uk-root mark { background: #ffd; color: #666; } .uk-root q { font-style: italic; } .uk-root small { font-size: 80%; } .uk-root i:not([class*='fa-']), .uk-root b, .uk-root s, .uk-root strike, .uk-root u, .uk-root em, .uk-root strong, .uk-root span, .uk-root cite, .uk-root var, .uk-root address, .uk-root dfn { font-size: inherit; font-family: inherit; } .uk-root sub, .uk-root sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .uk-root sup { top: -0.5em; } .uk-root sub { bottom: -0.25em; } .uk-root audio, .uk-root canvas, .uk-root iframe, .uk-root img, .uk-root svg, .uk-root video { vertical-align: middle; } .uk-root audio, .uk-root canvas, .uk-root img, .uk-root video { /* 1 */ max-width: 100%; /* 2 */ height: auto; /* 3 */ box-sizing: border-box; } @supports (display: block) { .uk-root svg { max-width: 100%; height: auto; box-sizing: border-box; } } .uk-root svg:not(:root) { overflow: hidden; } .uk-root img:not([src]) { visibility: hidden; } .uk-root iframe { border: 0; } .uk-root p, .uk-root ul, .uk-root ol, .uk-root dl, .uk-root pre, .uk-root address, .uk-root fieldset, .uk-root figure { margin: 0 0 20px 0; } .uk-root * + p, .uk-root * + ul, .uk-root * + ol, .uk-root * + dl, .uk-root * + pre, .uk-root * + address, .uk-root * + fieldset, .uk-root * + figure { margin-top: 20px; } .uk-root h1, .uk-root h2, .uk-root h3, .uk-root h4, .uk-root h5, .uk-root h6 { margin: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #333; text-transform: none; } .uk-root * + h1, .uk-root * + h2, .uk-root * + h3, .uk-root * + h4, .uk-root * + h5, .uk-root * + h6 { margin-top: 24px; } .uk-root h1 { font-size: 2.23125rem; line-height: 1.2; } .uk-root h2 { font-size: 1.7rem; line-height: 1.3; } .uk-root h3 { font-size: 1.5rem; line-height: 1.4; } .uk-root h4 { font-size: 21px; line-height: 1.4; } .uk-root h5 { font-size: 14px; line-height: 1.4; } .uk-root h6 { font-size: 0.875rem; line-height: 1.4; } @media (min-width: 998px) { .uk-root h1, .uk-root .uk-h1 { font-size: 2.625rem; } .uk-root h2, .uk-root .uk-h2 { font-size: 2rem; } } .uk-root ol, .uk-root ol.uk-list { list-style: decimal; } .uk-root ul, .uk-root ol { padding-left: 30px; } .uk-root ul > li > ul, .uk-root ul > li > ol, .uk-root ol > li > ol, .uk-root ol > li > ul { margin: 0; } .uk-root dt { font-weight: bold; } .uk-root dd { margin-left: 0; } .uk-root hr { /* 1 */ box-sizing: content-box; height: 0; /* 2 */ overflow: visible; /* 3 */ text-align: inherit; /* 4 */ margin: 0 0 20px 0; border: 0; border-top: 1px solid #e5e5e5; } .uk-root * + hr { margin-top: 20px; } .uk-root address { font-style: normal; } .uk-root blockquote { margin: 0 0 20px 0; font-size: 21px; line-height: 1.5; font-style: normal; color: #333; } .uk-root * + blockquote { margin-top: 20px; } .uk-root blockquote p:last-of-type { margin-bottom: 0; } .uk-root blockquote footer { margin-top: 8px; font-size: 0.875rem; line-height: 1.5; color: #666; } .uk-root blockquote footer::before { content: "— "; } .uk-root pre { font: 0.875rem / 1.5 Consolas, monaco, monospace; color: #666; -moz-tab-size: 4; tab-size: 4; /* 1 */ overflow: auto; padding: 10px; border: 1px solid #e5e5e5; border-radius: 3px; background: #fff; } .uk-root pre code { font-family: Consolas, monaco, monospace; } .uk-root ::selection { background: #39f; color: #fff; text-shadow: none; } .uk-root details, .uk-root main { /* 2 */ display: block; } .uk-root summary { display: list-item; } .uk-root template { display: none; } .uk-root .uk-link { color: #999; text-decoration: none; cursor: pointer; } .uk-root .uk-link:hover { color: #0046ba; text-decoration: underline; } .uk-root .uk-h1, .uk-root .uk-h2, .uk-root .uk-h3, .uk-root .uk-h4, .uk-root .uk-h5, .uk-root .uk-h6 { margin: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #333; text-transform: none; } .uk-root * + .uk-h1, .uk-root * + .uk-h2, .uk-root * + .uk-h3, .uk-root * + .uk-h4, .uk-root * + .uk-h5, .uk-root * + .uk-h6 { margin-top: 24px; } .uk-root .uk-h1 { font-size: 2.23125rem; line-height: 1.2; } .uk-root .uk-h2 { font-size: 1.7rem; line-height: 1.3; } .uk-root .uk-h3 { font-size: 1.5rem; line-height: 1.4; } .uk-root .uk-h4 { font-size: 21px; line-height: 1.4; } .uk-root .uk-h5 { font-size: 14px; line-height: 1.4; } .uk-root .uk-h6 { font-size: 0.875rem; line-height: 1.4; } @media (min-width: 998px) { .uk-root .uk-h1 { font-size: 2.625rem; } .uk-root .uk-h2 { font-size: 2rem; } } .uk-root .uk-hr { /* 1 */ box-sizing: content-box; height: 0; /* 2 */ overflow: visible; /* 3 */ text-align: inherit; /* 4 */ margin: 0 0 20px 0; border: 0; border-top: 1px solid #e5e5e5; } .uk-root * + .uk-hr { margin-top: 20px; } .uk-root .uk-breakpoint-s::before { content: '640px'; } .uk-root .uk-breakpoint-m::before { content: '998px'; } .uk-root .uk-breakpoint-l::before { content: '1200px'; } .uk-root .uk-breakpoint-xl::before { content: '1600px'; } .uk-root :root { --uk-breakpoint-s: 640px; --uk-breakpoint-m: 998px; --uk-breakpoint-l: 1200px; --uk-breakpoint-xl: 1600px; } .uk-root .uk-root audio, .uk-root .uk-root canvas, .uk-root .uk-root img, .uk-root .uk-root video { /* 1 */ max-width: 100%; /* 2 */ height: auto; /* 3 */ box-sizing: border-box; } .uk-root a.uk-link-muted, .uk-root .uk-link-muted a { color: #999; } .uk-root a.uk-link-muted:hover, .uk-root .uk-link-muted a:hover, .uk-root .uk-link-toggle:hover .uk-link-muted, .uk-root .uk-link-toggle:focus .uk-link-muted { color: #666; } .uk-root a.uk-link-text, .uk-root .uk-link-text a { color: inherit; } .uk-root a.uk-link-text:hover, .uk-root .uk-link-text a:hover, .uk-root .uk-link-toggle:hover .uk-link-text, .uk-root .uk-link-toggle:focus .uk-link-text { color: #999; } .uk-root a.uk-link-heading, .uk-root .uk-link-heading a { color: inherit; } .uk-root a.uk-link-heading:hover, .uk-root .uk-link-heading a:hover, .uk-root .uk-link-toggle:hover .uk-link-heading, .uk-root .uk-link-toggle:focus .uk-link-heading { color: #444; text-decoration: none; } .uk-root a.uk-link-reset, .uk-root .uk-link-reset a { color: inherit !important; text-decoration: none !important; } .uk-root .uk-link-toggle { color: inherit !important; text-decoration: none !important; } .uk-root .uk-link-toggle:focus { outline: none; } .uk-root .uk-heading-small { font-size: 2.6rem; line-height: 1.2; } .uk-root .uk-heading-medium { font-size: 2.8875rem; line-height: 1.1; } .uk-root .uk-heading-large { font-size: 3.4rem; line-height: 1.1; } .uk-root .uk-heading-xlarge { font-size: 4rem; line-height: 1; } .uk-root .uk-heading-2xlarge { font-size: 6rem; line-height: 1; } @media (min-width: 998px) { .uk-root .uk-heading-small { font-size: 3.25rem; } .uk-root .uk-heading-medium { font-size: 3.5rem; } .uk-root .uk-heading-large { font-size: 4rem; } .uk-root .uk-heading-xlarge { font-size: 6rem; } .uk-root .uk-heading-2xlarge { font-size: 8rem; } } @media (min-width: 1200px) { .uk-root .uk-heading-medium { font-size: 4rem; } .uk-root .uk-heading-large { font-size: 6rem; } .uk-root .uk-heading-xlarge { font-size: 8rem; } .uk-root .uk-heading-2xlarge { font-size: 11rem; } } .uk-root .uk-heading-divider { padding-bottom: calc(5px + 0.1em); border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; } .uk-root .uk-heading-bullet { position: relative; } .uk-root .uk-heading-bullet::before { content: ""; /* 1 */ display: inline-block; /* 2 */ position: relative; top: calc(-0.1 * 1em); vertical-align: middle; /* 3 */ height: calc(4px + 0.7em); margin-right: calc(5px + 0.2em); border-left: calc(5px + 0.1em) solid #e5e5e5; } .uk-root .uk-heading-line { overflow: hidden; } .uk-root .uk-heading-line > * { display: inline-block; position: relative; } .uk-root .uk-heading-line > ::before, .uk-root .uk-heading-line > ::after { content: ""; /* 1 */ position: absolute; top: calc(50% - (calc(0.2px + 0.05em) / 2)); /* 2 */ width: 2000px; /* 3 */ border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; } .uk-root .uk-heading-line > ::before { right: 100%; margin-right: calc(5px + 0.3em); } .uk-root .uk-heading-line > ::after { left: 100%; margin-left: calc(5px + 0.3em); } .uk-root [class*='uk-divider'] { /* 1 */ border: none; /* 2 */ margin-bottom: 20px; } .uk-root * + [class*='uk-divider'] { margin-top: 20px; } .uk-root .uk-divider-icon { position: relative; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle fill='none' stroke='%23e5e5e5' stroke-width='2' cx='10' cy='10' r='7' /%3E %3C/svg%3E"); background-repeat: no-repeat; background-position: 50% 50%; } .uk-root .uk-divider-icon::before, .uk-root .uk-divider-icon::after { content: ""; position: absolute; top: 50%; max-width: calc(50% - (50px / 2)); border-bottom: 1px solid #e5e5e5; } .uk-root .uk-divider-icon::before { right: calc(50% + (50px / 2)); width: 100%; } .uk-root .uk-divider-icon::after { left: calc(50% + (50px / 2)); width: 100%; } .uk-root .uk-divider-small { line-height: 0; } .uk-root .uk-divider-small::after { content: ""; display: inline-block; width: 100px; max-width: 100%; border-top: 1px solid #e5e5e5; vertical-align: top; } .uk-root .uk-divider-vertical { width: 1px; height: 100px; margin-left: auto; margin-right: auto; border-left: 1px solid #e5e5e5; } .uk-root .uk-list { padding: 0; list-style: none; } .uk-root .uk-list > li::before, .uk-root .uk-list > li::after { content: ""; display: table; } .uk-root .uk-list > li::after { clear: both; } .uk-root .uk-list > li > :last-child { margin-bottom: 0; } .uk-root .uk-list ul { margin: 0; padding-left: 18px; list-style: none; } .uk-root .uk-list > li:nth-child(n+2), .uk-root .uk-list > li > ul { margin-top: 8px; } .uk-root .uk-list-divider > li:nth-child(n+2) { margin-top: 8px; padding-top: 8px; border-top: 1px solid #e5e5e5; } .uk-root .uk-list-striped > li { padding: 8px 18px; } .uk-root .uk-list-striped > li:nth-of-type(odd) { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .uk-root .uk-list-striped > li:nth-of-type(odd) { background: #f8f8f8; } .uk-root .uk-list-striped > li:nth-child(n+2) { margin-top: 0; } .uk-root .uk-list-bullet > li { position: relative; padding-left: calc(1.5em + 8px); } .uk-root .uk-list-bullet > li::before { content: ""; position: absolute; top: 0; left: 0; width: 1.5em; height: 1.5em; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPGNpcmNsZSBmaWxsPSIjNjY2IiBjeD0iMyIgY3k9IjMiIHI9IjMiIC8+Cjwvc3ZnPg=="); background-repeat: no-repeat; background-position: 50% 50%; /* 1 */ display: block; } .uk-root .uk-list-large > li:nth-child(n+2), .uk-root .uk-list-large > li > ul { margin-top: 20px; } .uk-root .uk-list-large.uk-list-divider > li:nth-child(n+2) { margin-top: 20px; padding-top: 20px; } .uk-root .uk-list-large.uk-list-striped > li { padding: 20px 8px; } .uk-root .uk-list-large.uk-list-striped > li:nth-of-type(odd) { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .uk-root .uk-list-large.uk-list-striped > li:nth-child(n+2) { margin-top: 0; } .uk-root .uk-description-list > dt { color: #333; font-size: 0.875rem; font-weight: normal; text-transform: uppercase; } .uk-root .uk-description-list > dt:nth-child(n+2) { margin-top: 20px; } .uk-root .uk-description-list-divider > dt:nth-child(n+2) { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e5e5e5; } .uk-root .uk-table { /* 1 */ border-collapse: collapse; border-spacing: 0; /* 2 */ width: 100%; /* 3 */ margin-bottom: 20px; } .uk-root * + .uk-table { margin-top: 20px; } .uk-root .uk-table th { padding: 16px 12px; text-align: left; vertical-align: bottom; /* 1 */ font-size: 0.875rem; font-weight: normal; color: #999; text-transform: uppercase; } .uk-root .uk-table td { padding: 16px 12px; vertical-align: top; } .uk-root .uk-table td > :last-child { margin-bottom: 0; } .uk-root .uk-table tfoot { font-size: 0.875rem; } .uk-root .uk-table caption { font-size: 0.875rem; text-align: left; color: #999; } .uk-root .uk-table-middle, .uk-root .uk-table-middle td { vertical-align: middle !important; } .uk-root .uk-table-divider > tr:not(:first-child), .uk-root .uk-table-divider > :not(:first-child) > tr, .uk-root .uk-table-divider > :first-child > tr:not(:first-child) { border-top: 1px solid #e5e5e5; } .uk-root .uk-table-striped > tr:nth-of-type(odd), .uk-root .uk-table-striped tbody tr:nth-of-type(odd) { background: #f8f8f8; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .uk-root .uk-table-hover > tr:hover, .uk-root .uk-table-hover tbody tr:hover { background: #ffd; } .uk-root .uk-table > tr.uk-active, .uk-root .uk-table tbody tr.uk-active { background: #ffd; } .uk-root .uk-table-small th, .uk-root .uk-table-small td { padding: 10px 12px; } .uk-root .uk-table-large th, .uk-root .uk-table-large td { padding: 22px 12px; } .uk-root .uk-table-justify th:first-child, .uk-root .uk-table-justify td:first-child { padding-left: 0; } .uk-root .uk-table-justify th:last-child, .uk-root .uk-table-justify td:last-child { padding-right: 0; } .uk-root .uk-table-shrink { width: 1px; } .uk-root .uk-table-expand { min-width: 150px; } .uk-root .uk-table-link { padding: 0 !important; } .uk-root .uk-table-link > a { display: block; padding: 16px 12px; } .uk-root .uk-table-small .uk-table-link > a { padding: 10px 12px; } @media (max-width: 997px) { .uk-root .uk-table-responsive, .uk-root .uk-table-responsive tbody, .uk-root .uk-table-responsive th, .uk-root .uk-table-responsive td, .uk-root .uk-table-responsive tr { display: block; } .uk-root .uk-table-responsive thead { display: none; } .uk-root .uk-table-responsive th, .uk-root .uk-table-responsive td { width: auto !important; max-width: none !important; min-width: 0 !important; overflow: visible !important; white-space: normal !important; } .uk-root .uk-table-responsive th:not(:first-child):not(.uk-table-link), .uk-root .uk-table-responsive td:not(:first-child):not(.uk-table-link), .uk-root .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: 5px !important; } .uk-root .uk-table-responsive th:not(:last-child):not(.uk-table-link), .uk-root .uk-table-responsive td:not(:last-child):not(.uk-table-link), .uk-root .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: 5px !important; } .uk-root .uk-table-justify.uk-table-responsive th, .uk-root .uk-table-justify.uk-table-responsive td { padding-left: 0; padding-right: 0; } } .uk-root .uk-table tbody tr { transition: background-color 0.1s linear; } .uk-root .uk-icon { /* 1 */ margin: 0; /* 2 */ border: none; /* 3 */ border-radius: 0; /* 4 */ overflow: visible; /* 5 */ font: inherit; color: inherit; /* 6 */ text-transform: none; /* 7. */ padding: 0; background-color: transparent; /* 8 */ display: inline-block; /* 9 */ fill: currentcolor; /* 10 */ line-height: 0; } .uk-root button.uk-icon:not(:disabled) { cursor: pointer; } .uk-root .uk-icon::-moz-focus-inner { border: 0; padding: 0; } .uk-root .uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: currentcolor; } .uk-root .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: currentcolor; } .uk-root .uk-icon > * { transform: translate(0, 0); } .uk-root .uk-icon-image { width: 20px; height: 20px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; vertical-align: middle; } .uk-root .uk-icon-link { color: #999; } .uk-root .uk-icon-link:hover, .uk-root .uk-icon-link:focus { color: #666; outline: none; } .uk-root .uk-icon-link:active, .uk-root .uk-active > .uk-icon-link { color: #595959; } .uk-root .uk-icon-button { box-sizing: border-box; width: 36px; height: 36px; border-radius: 500px; background: #f8f8f8; color: #999; vertical-align: middle; /* 1 */ display: inline-flex; justify-content: center; align-items: center; transition: 0.1s ease-in-out; transition-property: color, background-color; } .uk-root .uk-icon-button:hover, .uk-root .uk-icon-button:focus { background-color: #ebebeb; color: #666; outline: none; } .uk-root .uk-icon-button:active, .uk-root .uk-active > .uk-icon-button { background-color: #dfdfdf; color: #666; } .uk-root .uk-range { /* 1 */ box-sizing: border-box; margin: 0; vertical-align: middle; /* 2 */ max-width: 100%; /* 3 */ width: 100%; /* 4 */ -webkit-appearance: none; /* 5 */ background: transparent; /* 6 */ padding: 0; } .uk-root .uk-range:focus { outline: none; } .uk-root .uk-range::-moz-focus-outer { border: none; } .uk-root .uk-range::-ms-track { height: 15px; background: transparent; border-color: transparent; color: transparent; } .uk-root .uk-range:not(:disabled)::-webkit-slider-thumb { cursor: pointer; } .uk-root .uk-range:not(:disabled)::-moz-range-thumb { cursor: pointer; } .uk-root .uk-range:not(:disabled)::-ms-thumb { cursor: pointer; } .uk-root .uk-range::-webkit-slider-thumb { /* 1 */ -webkit-appearance: none; margin-top: -7px; /* 2 */ height: 15px; width: 15px; border-radius: 500px; background: #fff; border: 1px solid #cccccc; } .uk-root .uk-range::-moz-range-thumb { /* 1 */ border: none; /* 2 */ height: 15px; width: 15px; border-radius: 500px; background: #fff; border: 1px solid #cccccc; } .uk-root .uk-range::-ms-thumb { /* 1 */ margin-top: 0; } .uk-root .uk-range::-ms-thumb { /* 1 */ border: none; /* 2 */ height: 15px; width: 15px; border-radius: 500px; background: #fff; border: 1px solid #cccccc; } .uk-root .uk-range::-ms-tooltip { display: none; } .uk-root .uk-range::-webkit-slider-runnable-track { height: 3px; background: #ebebeb; border-radius: 500px; } .uk-root .uk-range:focus::-webkit-slider-runnable-track, .uk-root .uk-range:active::-webkit-slider-runnable-track { background: #d2d2d2; } .uk-root .uk-range::-moz-range-track { height: 3px; background: #ebebeb; border-radius: 500px; } .uk-root .uk-range:focus::-moz-range-track { background: #d2d2d2; } .uk-root .uk-range::-ms-fill-lower, .uk-root .uk-range::-ms-fill-upper { height: 3px; background: #ebebeb; border-radius: 500px; } .uk-root .uk-range:focus::-ms-fill-lower, .uk-root .uk-range:focus::-ms-fill-upper { background: #d2d2d2; } .uk-root .uk-input, .uk-root .uk-select, .uk-root .uk-textarea, .uk-root .uk-radio, .uk-root .uk-checkbox { /* 1 */ box-sizing: border-box; /* 2 */ margin: 0; /* 3 */ border-radius: 0; /* 4 */ font: inherit; } .uk-root .uk-input { overflow: visible; } .uk-root .uk-select { text-transform: none; } .uk-root .uk-select optgroup { /* 1 */ font: inherit; /* 2 */ font-weight: bold; } .uk-root .uk-textarea { overflow: auto; } .uk-root .uk-input[type="search"]::-webkit-search-cancel-button, .uk-root .uk-input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .uk-root .uk-input[type="number"]::-webkit-inner-spin-button, .uk-root .uk-input[type="number"]::-webkit-outer-spin-button { height: auto; } .uk-root .uk-input::-moz-placeholder, .uk-root .uk-textarea::-moz-placeholder { opacity: 1; } .uk-root .uk-radio:not(:disabled), .uk-root .uk-checkbox:not(:disabled) { cursor: pointer; } .uk-root .uk-fieldset { border: none; margin: 0; padding: 0; } .uk-root .uk-input, .uk-root .uk-textarea { -webkit-appearance: none; } .uk-root .uk-input, .uk-root .uk-select, .uk-root .uk-textarea { /* 1 */ max-width: 100%; /* 2 */ width: 100%; /* 3 */ border: 0 none; /* 4 */ padding: 0 10px; background: #fff; color: #666; border: 1px solid #e5e5e5; transition: 0.2s ease-in-out; transition-property: color, background-color, border; } .uk-root .uk-input, .uk-root .uk-select:not([multiple]):not([size]) { height: 40px; vertical-align: middle; /* 1 */ display: inline-block; } .uk-root .uk-input:not(input), .uk-root .uk-select:not(select) { line-height: 38px; } .uk-root .uk-select[multiple], .uk-root .uk-select[size], .uk-root .uk-textarea { padding-top: 4px; padding-bottom: 4px; vertical-align: top; } .uk-root .uk-input:focus, .uk-root .uk-select:focus, .uk-root .uk-textarea:focus { outline: none; background-color: #fff; color: #666; border-color: #444; } .uk-root .uk-input:disabled, .uk-root .uk-select:disabled, .uk-root .uk-textarea:disabled { background-color: #f8f8f8; color: #999; border-color: #e5e5e5; } .uk-root .uk-input::-ms-input-placeholder { color: #999 !important; } .uk-root .uk-input::placeholder { color: #999; } .uk-root .uk-textarea::-ms-input-placeholder { color: #999 !important; } .uk-root .uk-textarea::placeholder { color: #999; } .uk-root .uk-form-small { font-size: 0.875rem; } .uk-root .uk-form-small:not(textarea):not([multiple]):not([size]) { height: 30px; padding-left: 8px; padding-right: 8px; } .uk-root .uk-form-small:not(select):not(input):not(textarea) { line-height: 28px; } .uk-root .uk-form-large { font-size: 21px; } .uk-root .uk-form-large:not(textarea):not([multiple]):not([size]) { height: 55px; padding-left: 12px; padding-right: 12px; } .uk-root .uk-form-large:not(select):not(input):not(textarea) { line-height: 53px; } .uk-root .uk-form-danger, .uk-root .uk-form-danger:focus { color: #d50000; border-color: #d50000; } .uk-root .uk-form-success, .uk-root .uk-form-success:focus { color: #367f00; border-color: #367f00; } .uk-root .uk-form-blank { background: none; border-color: transparent; } .uk-root .uk-form-blank:focus { border-color: #e5e5e5; border-style: dashed; } .uk-root input.uk-form-width-xsmall { width: 50px; } .uk-root select.uk-form-width-xsmall { width: 75px; } .uk-root .uk-form-width-small { width: 130px; } .uk-root .uk-form-width-medium { width: 200px; } .uk-root .uk-form-width-large { width: 500px; } .uk-root .uk-select:not([multiple]):not([size]) { /* 1 */ -webkit-appearance: none; -moz-appearance: none; /* 2 */ padding-right: 20px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cpolygon fill='%23666' points='12 1 9 6 15 6' /%3E %3Cpolygon fill='%23666' points='12 13 9 8 15 8' /%3E %3C/svg%3E"); background-repeat: no-repeat; background-position: 100% 50%; } .uk-root .uk-select:not([multiple]):not([size])::-ms-expand { display: none; } .uk-root .uk-select:not([multiple]):not([size]) option { color: #444; } .uk-root .uk-select:not([multiple]):not([size]):disabled { background-image: url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' xmlns='http://www.w3.org/2000/svg'%3E %3Cpolygon fill='%23666' points='12 1 9 6 15 6' /%3E %3Cpolygon fill='%23666' points='12 13 9 8 15 8' /%3E %3C/svg%3E"); } .uk-root .uk-input[list] { padding-right: 20px; background-repeat: no-repeat; background-position: 100% 50%; } .uk-root .uk-input[list]:hover, .uk-root .uk-input[list]:focus { background-image: url("../../images/backgrounds/form-datalist.svg"); } .uk-root .uk-input[list]::-webkit-calendar-picker-indicator { display: none; } .uk-root .uk-radio, .uk-root .uk-checkbox { /* 1 */ display: inline-block; height: 16px; width: 16px; /* 2 */ overflow: hidden; /* 3 */ margin-top: -4px; vertical-align: middle; /* 4 */ -webkit-appearance: none; -moz-appearance: none; /* 5 */ background-color: transparent; /* 6 */ background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #cccccc; transition: 0.2s ease-in-out; transition-property: background-color, border; } .uk-root .uk-radio { border-radius: 50%; } .uk-root .uk-radio:focus, .uk-root .uk-checkbox:focus { outline: none; border-color: #444; } .uk-root .uk-radio:checked, .uk-root .uk-checkbox:checked, .uk-root .uk-checkbox:indeterminate { background-color: #f4f4f4; border-color: transparent; } .uk-root .uk-radio:checked:focus, .uk-root .uk-checkbox:checked:focus, .uk-root .uk-checkbox:indeterminate:focus { background-color: #efefef; } .uk-root .uk-radio:checked { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle fill='%23666' cx='8' cy='8' r='2' /%3E %3C/svg%3E"); } .uk-root .uk-checkbox:checked { background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' xmlns='http://www.w3.org/2000/svg'%3E %3Cpolygon fill='%23666' points='12 1 5 7.5 2 5 1 5.5 5 10 13 1.5' /%3E %3C/svg%3E"); } .uk-root .uk-checkbox:indeterminate { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E %3Crect fill='%23666' x='3' y='8' width='10' height='1' /%3E %3C/svg%3E"); } .uk-root .uk-radio:disabled, .uk-root .uk-checkbox:disabled { background-color: #f8f8f8; border-color: #e5e5e5; } .uk-root .uk-radio:disabled:checked { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle fill='%23666' cx='8' cy='8' r='2' /%3E %3C/svg%3E"); } .uk-root .uk-checkbox:disabled:checked { background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' xmlns='http://www.w3.org/2000/svg'%3E %3Cpolygon fill='%23666' points='12 1 5 7.5 2 5 1 5.5 5 10 13 1.5' /%3E %3C/svg%3E"); } .uk-root .uk-checkbox:disabled:indeterminate { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E %3Crect fill='%23666' x='3' y='8' width='10' height='1' /%3E %3C/svg%3E"); } .uk-root .uk-legend { /* 1 */ width: 100%; /* 2 */ color: inherit; /* 3 */ padding: 0; /* 4 */ font-size: 1.5rem; line-height: 1.4; } .uk-root .uk-form-custom { /* 1 */ display: inline-block; /* 2 */ position: relative; /* 3 */ max-width: 100%; /* 4 */ vertical-align: middle; } .uk-root .uk-form-custom select, .uk-root .uk-form-custom input[type="file"] { /* 1 */ position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; /* 2 */ left: 0; /* 3 */ -webkit-appearance: none; /* 4 */ opacity: 0; cursor: pointer; } .uk-root .uk-form-custom input[type="file"] { /* 5 */ font-size: 500px; /* 6 */ overflow: hidden; } .uk-root .uk-form-label { color: #333; font-size: 0.875rem; } .uk-root .uk-form-stacked .uk-form-label { display: block; margin-bottom: 5px; } @media (max-width: 997px) { .uk-root { /* Behave like `uk-form-stacked` */ } .uk-root .uk-form-horizontal .uk-form-label { display: block; margin-bottom: 5px; } } @media (min-width: 998px) { .uk-root { /* Better vertical alignment if controls are checkboxes and radio buttons with text */ } .uk-root .uk-form-horizontal .uk-form-label { width: 200px; margin-top: 7px; float: left; } .uk-root .uk-form-horizontal .uk-form-controls { margin-left: 215px; } .uk-root .uk-form-horizontal .uk-form-controls-text { padding-top: 7px; } } .uk-root .uk-form-icon { /* 1 */ position: absolute; top: 0; bottom: 0; left: 0; /* 2 */ width: 40px; /* 3 */ display: inline-flex; justify-content: center; align-items: center; /* 4 */ color: #999; } .uk-root .uk-form-icon:hover { color: #666; } .uk-root .uk-form-icon:not(a):not(button):not(input) { pointer-events: none; } .uk-root .uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { padding-left: 40px !important; } .uk-root .uk-form-icon-flip { right: 0; left: auto; } .uk-root .uk-form-icon-flip ~ .uk-input { padding-right: 40px !important; } .uk-root .uk-button { /* 1 */ margin: 0; /* 2 */ border: none; /* 3 */ overflow: visible; /* 4 */ font: inherit; color: inherit; /* 5 */ text-transform: none; /* 6 */ display: inline-block; box-sizing: border-box; padding: 0 18px; vertical-align: middle; font-size: 0.875rem; /* 7 */ line-height: 38px; /* 8 */ text-align: center; /* 9 */ text-decoration: none; text-transform: uppercase; transition: 0.1s ease-in-out; transition-property: color, background-color, border-color; } .uk-root .uk-button:not(:disabled) { cursor: pointer; } .uk-root .uk-button::-moz-focus-inner { border: 0; padding: 0; } .uk-root .uk-button:hover { /* 9 */ text-decoration: none; } .uk-root .uk-button:focus { outline: none; } .uk-root .uk-button-default { background-color: transparent; color: #333; border: 1px solid #e5e5e5; } .uk-root .uk-button-default:hover, .uk-root .uk-button-default:focus { background-color: transparent; color: #333; border-color: #b2b2b2; } .uk-root .uk-button-default:active, .uk-root .uk-button-default.uk-active { background-color: transparent; color: #333; border-color: #999999; } .uk-root .uk-button-primary { background-color: #444; color: #fff; border: 1px solid transparent; } .uk-root .uk-button-primary:hover, .uk-root .uk-button-primary:focus { background-color: #373737; color: #fff; } .uk-root .uk-button-primary:active, .uk-root .uk-button-primary.uk-active { background-color: #2b2b2b; color: #fff; } .uk-root .uk-button-secondary { background-color: #222; color: #fff; border: 1px solid transparent; } .uk-root .uk-button-secondary:hover, .uk-root .uk-button-secondary:focus { background-color: #151515; color: #fff; } .uk-root .uk-button-secondary:active, .uk-root .uk-button-secondary.uk-active { background-color: #080808; color: #fff; } .uk-root .uk-button-danger { background-color: #d50000; color: #fff; border: 1px solid transparent; } .uk-root .uk-button-danger:hover, .uk-root .uk-button-danger:focus { background-color: #bc0000; color: #fff; } .uk-root .uk-button-danger:active, .uk-root .uk-button-danger.uk-active { background-color: #a20000; color: #fff; } .uk-root .uk-button-default:disabled, .uk-root .uk-button-primary:disabled, .uk-root .uk-button-secondary:disabled, .uk-root .uk-button-danger:disabled { background-color: transparent; color: #999; border-color: #e5e5e5; } .uk-root .uk-button-small { padding: 0 9px; line-height: 28px; font-size: 0.875rem; } .uk-root .uk-button-large { padding: 0 27px; line-height: 53px; font-size: 0.875rem; } .uk-root .uk-button-text { /* 1 */ padding: 0; line-height: 1.5; background: none; /* 2 */ color: #333; position: relative; } .uk-root .uk-button-text::before { content: ""; position: absolute; bottom: 0; left: 0; right: 100%; border-bottom: 1px solid #333; transition: right 0.3s ease-out; } .uk-root .uk-button-text:hover, .uk-root .uk-button-text:focus { color: #333; } .uk-root .uk-button-text:hover::before, .uk-root .uk-button-text:focus::before { right: 0; } .uk-root .uk-button-text:disabled { color: #999; } .uk-root .uk-button-text:disabled::before { display: none; } .uk-root .uk-button-link { /* 1 */ padding: 0; line-height: 1.5; background: none; /* 2 */ color: #999; } .uk-root .uk-button-link:hover, .uk-root .uk-button-link:focus { color: #0046ba; text-decoration: underline; } .uk-root .uk-button-link:disabled { color: #999; text-decoration: none; } .uk-root .uk-button-group { /* 1 */ display: inline-flex; /* 2 */ vertical-align: middle; /* 3 */ position: relative; } .uk-root .uk-button-group > .uk-button:nth-child(n+2), .uk-root .uk-button-group > div:nth-child(n+2) .uk-button { margin-left: -1px; } .uk-root .uk-button-group .uk-button:hover, .uk-root .uk-button-group .uk-button:focus, .uk-root .uk-button-group .uk-button:active, .uk-root .uk-button-group .uk-button.uk-active { position: relative; z-index: 1; } .uk-root .uk-section { box-sizing: border-box; /* 1 */ padding-top: 24px; padding-bottom: 24px; } @media (min-width: 998px) { .uk-root .uk-section { padding-top: 48px; padding-bottom: 48px; } } .uk-root .uk-section::before, .uk-root .uk-section::after { content: ""; display: table; } .uk-root .uk-section::after { clear: both; } .uk-root .uk-section > :last-child { margin-bottom: 0; } .uk-root .uk-section-xsmall { padding-top: 20px; padding-bottom: 20px; } .uk-root .uk-section-small { padding-top: 24px; padding-bottom: 24px; } .uk-root .uk-section-large { padding-top: 48px; padding-bottom: 48px; } @media (min-width: 998px) { .uk-root .uk-section-large { padding-top: 64px; padding-bottom: 64px; } } .uk-root .uk-section-xlarge { padding-top: 64px; padding-bottom: 64px; } @media (min-width: 998px) { .uk-root .uk-section-xlarge { padding-top: 112px; padding-bottom: 112px; } } .uk-root .uk-section-default { background: #fff; } .uk-root .uk-section-muted { background: #f8f8f8; } .uk-root .uk-section-primary { background: #444; } .uk-root .uk-section-secondary { background: #222; } .uk-root .uk-container { /* 1 */ box-sizing: content-box; max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 640px) { .uk-root .uk-container { padding-left: 18px; padding-right: 18px; } } @media (min-width: 998px) { .uk-root .uk-container { padding-left: 27px; padding-right: 27px; } } .uk-root .uk-container::before, .uk-root .uk-container::after { content: ""; display: table; } .uk-root .uk-container::after { clear: both; } .uk-root .uk-container > :last-child { margin-bottom: 0; } .uk-root .uk-container .uk-container { padding-left: 0; padding-right: 0; } .uk-root .uk-container-xsmall { max-width: 750px; } .uk-root .uk-container-small { max-width: 900px; } .uk-root .uk-container-large { max-width: 1600px; } .uk-root .uk-container-expand { max-width: none; } .uk-root .uk-container-expand-left { margin-left: 0; } .uk-root .uk-container-expand-right { margin-right: 0; } @media (min-width: 640px) { .uk-root .uk-container-expand-left.uk-container-xsmall, .uk-root .uk-container-expand-right.uk-container-xsmall { max-width: calc(50% + (750px / 2) - 18px); } .uk-root .uk-container-expand-left.uk-container-small, .uk-root .uk-container-expand-right.uk-container-small { max-width: calc(50% + (900px / 2) - 18px); } } @media (min-width: 998px) { .uk-root .uk-container-expand-left, .uk-root .uk-container-expand-right { max-width: calc(50% + (1200px / 2) - 27px); } .uk-root .uk-container-expand-left.uk-container-xsmall, .uk-root .uk-container-expand-right.uk-container-xsmall { max-width: calc(50% + (750px / 2) - 27px); } .uk-root .uk-container-expand-left.uk-container-small, .uk-root .uk-container-expand-right.uk-container-small { max-width: calc(50% + (900px / 2) - 27px); } .uk-root .uk-container-expand-left.uk-container-large, .uk-root .uk-container-expand-right.uk-container-large { max-width: calc(50% + (1600px / 2) - 27px); } } .uk-root .uk-container-item-padding-remove-left, .uk-root .uk-container-item-padding-remove-right { width: calc(100% + 15px); } .uk-root .uk-container-item-padding-remove-left { margin-left: -15px; } .uk-root .uk-container-item-padding-remove-right { margin-right: -15px; } @media (min-width: 640px) { .uk-root .uk-container-item-padding-remove-left, .uk-root .uk-container-item-padding-remove-right { width: calc(100% + 18px); } .uk-root .uk-container-item-padding-remove-left { margin-left: -18px; } .uk-root .uk-container-item-padding-remove-right { margin-right: -18px; } } @media (min-width: 998px) { .uk-root .uk-container-item-padding-remove-left, .uk-root .uk-container-item-padding-remove-right { width: calc(100% + 27px); } .uk-root .uk-container-item-padding-remove-left { margin-left: -27px; } .uk-root .uk-container-item-padding-remove-right { margin-right: -27px; } } .uk-root .uk-grid { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ margin: 0; padding: 0; list-style: none; } .uk-root .uk-grid > * { margin: 0; } .uk-root .uk-grid > * > :last-child { margin-bottom: 0; } .uk-root .uk-grid { margin-left: -18px; } .uk-root .uk-grid > * { padding-left: 18px; } .uk-root .uk-grid + .uk-grid, .uk-root .uk-grid > .uk-grid-margin, .uk-root * + .uk-grid-margin { margin-top: 18px; } @media (min-width: 1200px) { .uk-root { /* Horizontal */ /* Vertical */ } .uk-root .uk-grid { margin-left: -27px; } .uk-root .uk-grid > * { padding-left: 27px; } .uk-root .uk-grid + .uk-grid, .uk-root .uk-grid > .uk-grid-margin, .uk-root * + .uk-grid-margin { margin-top: 27px; } } .uk-root .uk-grid-small { margin-left: -9px; } .uk-root .uk-grid-small > * { padding-left: 9px; } .uk-root .uk-grid + .uk-grid-small, .uk-root .uk-grid-small > .uk-grid-margin, .uk-root * + .uk-grid-margin-small { margin-top: 9px; } .uk-root .uk-grid-medium { margin-left: -18px; } .uk-root .uk-grid-medium > * { padding-left: 18px; } .uk-root .uk-grid + .uk-grid-medium, .uk-root .uk-grid-medium > .uk-grid-margin, .uk-root * + .uk-grid-margin-medium { margin-top: 18px; } .uk-root .uk-grid-large { margin-left: -27px; } .uk-root .uk-grid-large > * { padding-left: 27px; } .uk-root .uk-grid + .uk-grid-large, .uk-root .uk-grid-large > .uk-grid-margin, .uk-root * + .uk-grid-margin-large { margin-top: 27px; } @media (min-width: 1200px) { .uk-root { /* Horizontal */ /* Vertical */ } .uk-root .uk-grid-large { margin-left: -56px; } .uk-root .uk-grid-large > * { padding-left: 56px; } .uk-root .uk-grid + .uk-grid-large, .uk-root .uk-grid-large > .uk-grid-margin, .uk-root * + .uk-grid-margin-large { margin-top: 56px; } } .uk-root .uk-grid-collapse { margin-left: 0; } .uk-root .uk-grid-collapse > * { padding-left: 0; } .uk-root .uk-grid + .uk-grid-collapse, .uk-root .uk-grid-collapse > .uk-grid-margin { margin-top: 0; } .uk-root .uk-grid-divider > * { position: relative; } .uk-root .uk-grid-divider > :not(.uk-first-column)::before { content: ""; position: absolute; top: 0; bottom: 0; border-left: 1px solid #e5e5e5; } .uk-root .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { content: ""; position: absolute; left: 0; right: 0; border-top: 1px solid #e5e5e5; } .uk-root .uk-grid-divider { margin-left: -36px; } .uk-root .uk-grid-divider > * { padding-left: 36px; } .uk-root .uk-grid-divider > :not(.uk-first-column)::before { left: 18px; } .uk-root .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: 36px; } .uk-root .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { top: -18px; left: 36px; } @media (min-width: 1200px) { .uk-root { /* Horizontal */ /* Vertical */ } .uk-root .uk-grid-divider { margin-left: -54px; } .uk-root .uk-grid-divider > * { padding-left: 54px; } .uk-root .uk-grid-divider > :not(.uk-first-column)::before { left: 27px; } .uk-root .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: 54px; } .uk-root .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { top: -27px; left: 54px; } } .uk-root .uk-grid-divider.uk-grid-small { margin-left: -18px; } .uk-root .uk-grid-divider.uk-grid-small > * { padding-left: 18px; } .uk-root .uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before { left: 9px; } .uk-root .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin { margin-top: 18px; } .uk-root .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { top: -9px; left: 18px; } .uk-root .uk-grid-divider.uk-grid-medium { margin-left: -36px; } .uk-root .uk-grid-divider.uk-grid-medium > * { padding-left: 36px; } .uk-root .uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before { left: 18px; } .uk-root .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin { margin-top: 36px; } .uk-root .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { top: -18px; left: 36px; } .uk-root .uk-grid-divider.uk-grid-large { margin-left: -54px; } .uk-root .uk-grid-divider.uk-grid-large > * { padding-left: 54px; } .uk-root .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before { left: 27px; } .uk-root .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin { margin-top: 54px; } .uk-root .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { top: -27px; left: 54px; } @media (min-width: 1200px) { .uk-root { /* Horizontal */ /* Vertical */ } .uk-root .uk-grid-divider.uk-grid-large { margin-left: -112px; } .uk-root .uk-grid-divider.uk-grid-large > * { padding-left: 112px; } .uk-root .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before { left: 56px; } .uk-root .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin { margin-top: 112px; } .uk-root .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { top: -56px; left: 112px; } } .uk-root .uk-grid-match > *, .uk-root .uk-grid-item-match { display: flex; /* 1 */ flex-wrap: wrap; } .uk-root .uk-grid-match > * > :not([class*='uk-width']), .uk-root .uk-grid-item-match > :not([class*='uk-width']) { /* 2 */ box-sizing: border-box; width: 100%; /* 3 */ flex: auto; } .uk-root .uk-tile { position: relative; box-sizing: border-box; padding-left: 15px; padding-right: 15px; padding-top: 24px; padding-bottom: 24px; } @media (min-width: 640px) { .uk-root .uk-tile { padding-left: 18px; padding-right: 18px; } } @media (min-width: 998px) { .uk-root .uk-tile { padding-left: 27px; padding-right: 27px; padding-top: 48px; padding-bottom: 48px; } } .uk-root .uk-tile::before, .uk-root .uk-tile::after { content: ""; display: table; } .uk-root .uk-tile::after { clear: both; } .uk-root .uk-tile > :last-child { margin-bottom: 0; } .uk-root .uk-tile-xsmall { padding-top: 20px; padding-bottom: 20px; } .uk-root .uk-tile-small { padding-top: 24px; padding-bottom: 24px; } .uk-root .uk-tile-large { padding-top: 48px; padding-bottom: 48px; } @media (min-width: 998px) { .uk-root .uk-tile-large { padding-top: 64px; padding-bottom: 64px; } } .uk-root .uk-tile-xlarge { padding-top: 64px; padding-bottom: 64px; } @media (min-width: 998px) { .uk-root .uk-tile-xlarge { padding-top: 112px; padding-bottom: 112px; } } .uk-root .uk-tile-default { background: #fff; } .uk-root .uk-tile-muted { background: #f8f8f8; } .uk-root .uk-tile-primary { background: #444; } .uk-root .uk-tile-secondary { background: #222; } .uk-root .uk-card { position: relative; box-sizing: border-box; transition: box-shadow 0.1s ease-in-out; } .uk-root .uk-card-body { padding: 18px 18px; } .uk-root .uk-card-header { padding: 9px 18px; } .uk-root .uk-card-footer { padding: 9px 18px; } @media (min-width: 1200px) { .uk-root .uk-card-body { padding: 27px 27px; } .uk-root .uk-card-header { padding: 14px 27px; } .uk-root .uk-card-footer { padding: 14px 27px; } } .uk-root .uk-card-body::before, .uk-root .uk-card-body::after, .uk-root .uk-card-header::before, .uk-root .uk-card-header::after, .uk-root .uk-card-footer::before, .uk-root .uk-card-footer::after { content: ""; display: table; } .uk-root .uk-card-body::after, .uk-root .uk-card-header::after, .uk-root .uk-card-footer::after { clear: both; } .uk-root .uk-card-body > :last-child, .uk-root .uk-card-header > :last-child, .uk-root .uk-card-footer > :last-child { margin-bottom: 0; } .uk-root .uk-card-title { font-size: 1.5rem; line-height: 1.4; } .uk-root .uk-card-badge { position: absolute; top: 18px; right: 18px; z-index: 1; } .uk-root .uk-card-badge:first-child + * { margin-top: 0; } .uk-root .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { background: #fff; box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-root .uk-card-default { background: #fff; color: #666; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } .uk-root .uk-card-default .uk-card-title { color: #333; } .uk-root .uk-card-default.uk-card-hover:hover { background-color: #fff; box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-root .uk-card-default .uk-card-header { border-bottom: 1px solid #e5e5e5; } .uk-root .uk-card-default .uk-card-footer { border-top: 1px solid #e5e5e5; } .uk-root .uk-card-primary { background: #444; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } .uk-root .uk-card-primary .uk-card-title { color: #fff; } .uk-root .uk-card-primary.uk-card-hover:hover { background-color: #444; box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-root .uk-card-secondary { background: #222; color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } .uk-root .uk-card-secondary .uk-card-title { color: #fff; } .uk-root .uk-card-secondary.uk-card-hover:hover { background-color: #222; box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-root .uk-card-small.uk-card-body, .uk-root .uk-card-small .uk-card-body { padding: 20px 20px; } .uk-root .uk-card-small .uk-card-header { padding: 13px 20px; } .uk-root .uk-card-small .uk-card-footer { padding: 13px 20px; } @media (min-width: 1200px) { .uk-root .uk-card-large.uk-card-body, .uk-root .uk-card-large .uk-card-body { padding: 56px 56px; } .uk-root .uk-card-large .uk-card-header { padding: 28px 56px; } .uk-root .uk-card-large .uk-card-footer { padding: 28px 56px; } } .uk-root .uk-card-body > .uk-nav-default { margin-left: -18px; margin-right: -18px; } .uk-root .uk-card-body > .uk-nav-default:only-child { margin-top: -3px; margin-bottom: -3px; } .uk-root .uk-card-body .uk-nav-default > li > a, .uk-root .uk-card-body .uk-nav-default .uk-nav-header, .uk-root .uk-card-body .uk-nav-default .uk-nav-divider { padding-left: 18px; padding-right: 18px; } .uk-root .uk-card-body .uk-nav-default .uk-nav-sub { padding-left: 33px; } @media (min-width: 1200px) { .uk-root .uk-card-body > .uk-nav-default { margin-left: -27px; margin-right: -27px; } .uk-root .uk-card-body > .uk-nav-default:only-child { margin-top: -12px; margin-bottom: -12px; } .uk-root .uk-card-body .uk-nav-default > li > a, .uk-root .uk-card-body .uk-nav-default .uk-nav-header, .uk-root .uk-card-body .uk-nav-default .uk-nav-divider { padding-left: 27px; padding-right: 27px; } .uk-root .uk-card-body .uk-nav-default .uk-nav-sub { padding-left: 42px; } } .uk-root .uk-card-small > .uk-nav-default { margin-left: -20px; margin-right: -20px; } .uk-root .uk-card-small > .uk-nav-default:only-child { margin-top: -5px; margin-bottom: -5px; } .uk-root .uk-card-small .uk-nav-default > li > a, .uk-root .uk-card-small .uk-nav-default .uk-nav-header, .uk-root .uk-card-small .uk-nav-default .uk-nav-divider { padding-left: 20px; padding-right: 20px; } .uk-root .uk-card-small .uk-nav-default .uk-nav-sub { padding-left: 35px; } @media (min-width: 1200px) { .uk-root .uk-card-large > .uk-nav-default { margin: 0; } .uk-root .uk-card-large > .uk-nav-default:only-child { margin: 0; } .uk-root .uk-card-large .uk-nav-default > li > a, .uk-root .uk-card-large .uk-nav-default .uk-nav-header, .uk-root .uk-card-large .uk-nav-default .uk-nav-divider { padding-left: 0; padding-right: 0; } .uk-root .uk-card-large .uk-nav-default .uk-nav-sub { padding-left: 15px; } } .uk-root .uk-close { color: #999; transition: 0.1s ease-in-out; transition-property: color, opacity; } .uk-root .uk-close:hover, .uk-root .uk-close:focus { color: #666; outline: none; } .uk-root .uk-spinner > * { animation: uk-spinner-rotate 1.4s linear infinite; } @keyframes uk-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .uk-root .uk-spinner > * > * { stroke-dasharray: 88px; stroke-dashoffset: 0; transform-origin: center; animation: uk-spinner-dash 1.4s ease-in-out infinite; stroke-width: 1; stroke-linecap: round; } @keyframes uk-spinner-dash { 0% { stroke-dashoffset: 88px; } 50% { stroke-dashoffset: 22px; transform: rotate(135deg); } 100% { stroke-dashoffset: 88px; transform: rotate(450deg); } } .uk-root .uk-totop { padding: 5px; color: #999; transition: color 0.1s ease-in-out; } .uk-root .uk-totop:hover, .uk-root .uk-totop:focus { color: #666; outline: none; } .uk-root .uk-totop:active { color: #333; } .uk-root .uk-marker { padding: 5px; background: #222; color: #fff; border-radius: 500px; } .uk-root .uk-marker:hover, .uk-root .uk-marker:focus { color: #fff; outline: none; } .uk-root .uk-alert { position: relative; margin-bottom: 20px; padding: 9px 23px 9px 9px; background: #f8f8f8; color: #666; } .uk-root * + .uk-alert { margin-top: 20px; } .uk-root .uk-alert > :last-child { margin-bottom: 0; } .uk-root .uk-alert-close { position: absolute; top: 14px; right: 9px; color: inherit; opacity: 0.4; } .uk-root .uk-alert-close:first-child + * { margin-top: 0; } .uk-root .uk-alert-close:hover, .uk-root .uk-alert-close:focus { color: inherit; opacity: 0.8; } .uk-root .uk-alert-primary { background: #c2c2c2; color: #444; } .uk-root .uk-alert-success { background: #c9ddbb; color: #367f00; } .uk-root .uk-alert-warning { background: #ffddc5; color: #ff710a; } .uk-root .uk-alert-danger { background: #fff; color: #d50000; border: 2px solid; } .uk-root .uk-alert h1, .uk-root .uk-alert h2, .uk-root .uk-alert h3, .uk-root .uk-alert h4, .uk-root .uk-alert h5, .uk-root .uk-alert h6 { color: inherit; } .uk-root .uk-alert a:not([class]) { color: inherit; text-decoration: underline; } .uk-root .uk-alert a:not([class]):hover { color: inherit; text-decoration: underline; } .uk-root .uk-badge { box-sizing: border-box; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 500px; vertical-align: middle; /* 1 */ background: #444; color: #fff; font-size: 0.875rem; /* 2 */ display: inline-flex; justify-content: center; align-items: center; } .uk-root .uk-badge:hover, .uk-root .uk-badge:focus { color: #fff; text-decoration: none; outline: none; } .uk-root .uk-label { display: inline-block; padding: 0 8px; background: #444; line-height: 1.5; font-size: 0.875rem; color: #fff; vertical-align: middle; white-space: nowrap; border-radius: 2px; text-transform: uppercase; } .uk-root .uk-label-success { background-color: #367f00; color: #fff; } .uk-root .uk-label-warning { background-color: #ff710a; color: #fff; } .uk-root .uk-label-danger { background-color: #d50000; color: #fff; } .uk-root .uk-overlay { padding: 18px 18px; } .uk-root .uk-overlay > :last-child { margin-bottom: 0; } .uk-root .uk-overlay-default { background: rgba(255, 255, 255, 0.8); } .uk-root .uk-overlay-primary { background: rgba(34, 34, 34, 0.8); } .uk-root .uk-article::before, .uk-root .uk-article::after { content: ""; display: table; } .uk-root .uk-article::after { clear: both; } .uk-root .uk-article > :last-child { margin-bottom: 0; } .uk-root .uk-article + .uk-article { margin-top: 48px; } .uk-root .uk-article-title { font-size: 2.23125rem; line-height: 1.2; } @media (min-width: 998px) { .uk-root .uk-article-title { font-size: 2.625rem; } } .uk-root .uk-article-meta { font-size: 0.875rem; line-height: 1.4; color: #999; } .uk-root .uk-article-meta a { color: #999; } .uk-root .uk-article-meta a:hover { color: #666; text-decoration: none; } .uk-root .uk-comment-body { overflow-wrap: break-word; word-wrap: break-word; } .uk-root .uk-comment-header { margin-bottom: 20px; } .uk-root .uk-comment-body::before, .uk-root .uk-comment-body::after, .uk-root .uk-comment-header::before, .uk-root .uk-comment-header::after { content: ""; display: table; } .uk-root .uk-comment-body::after, .uk-root .uk-comment-header::after { clear: both; } .uk-root .uk-comment-body > :last-child, .uk-root .uk-comment-header > :last-child { margin-bottom: 0; } .uk-root .uk-comment-title { font-size: 21px; line-height: 1.4; } .uk-root .uk-comment-meta { font-size: 0.875rem; line-height: 1.4; color: #999; } .uk-root .uk-comment-list { padding: 0; list-style: none; } .uk-root .uk-comment-list > :nth-child(n+2) { margin-top: 48px; } .uk-root .uk-comment-list .uk-comment ~ ul { margin: 48px 0 0 0; padding-left: 30px; list-style: none; } @media (min-width: 998px) { .uk-root .uk-comment-list .uk-comment ~ ul { padding-left: 100px; } } .uk-root .uk-comment-list .uk-comment ~ ul > :nth-child(n+2) { margin-top: 48px; } .uk-root .uk-comment-primary { padding: 18px; background-color: #f8f8f8; } .uk-root .uk-search { /* 1 */ display: inline-block; /* 2 */ position: relative; /* 3 */ max-width: 100%; /* 4 */ margin: 0; } .uk-root .uk-search-input::-webkit-search-cancel-button, .uk-root .uk-search-input::-webkit-search-decoration { -webkit-appearance: none; } .uk-root .uk-search-input::-moz-placeholder { opacity: 1; } .uk-root .uk-search-input { /* 1 */ box-sizing: border-box; /* 2 */ margin: 0; /* 3 */ border-radius: 0; /* 4 */ font: inherit; /* 5 */ overflow: visible; /* 6 */ -webkit-appearance: none; /* 7 */ vertical-align: middle; /* 8 */ width: 100%; /* 9 */ border: none; color: #666; } .uk-root .uk-search-input:focus { outline: none; } .uk-root .uk-search-input:-ms-input-placeholder { color: #999 !important; } .uk-root .uk-search-input::placeholder { color: #999; } .uk-root .uk-search-icon:focus { outline: none; } .uk-root .uk-search .uk-search-icon { /* 1 */ position: absolute; top: 0; bottom: 0; left: 0; /* 2 */ display: inline-flex; justify-content: center; align-items: center; /* 3 */ color: #999; } .uk-root .uk-search .uk-search-icon:hover { color: #999; } .uk-root .uk-search .uk-search-icon:not(a):not(button):not(input) { pointer-events: none; } .uk-root .uk-search .uk-search-icon-flip { right: 0; left: auto; } .uk-root .uk-search-default { width: 180px; } .uk-root .uk-search-default .uk-search-input { height: 40px; padding-left: 6px; padding-right: 6px; background: transparent; border: 1px solid #e5e5e5; } .uk-root .uk-search-default .uk-search-input:focus { background-color: transparent; } .uk-root .uk-search-default .uk-search-icon { width: 40px; } .uk-root .uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { padding-left: 40px; } .uk-root .uk-search-default .uk-search-icon-flip ~ .uk-search-input { padding-right: 40px; } .uk-root .uk-search-navbar { width: 400px; } .uk-root .uk-search-navbar .uk-search-input { height: 40px; background: transparent; font-size: 1.5rem; } .uk-root .uk-search-navbar .uk-search-icon { width: 40px; } .uk-root .uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { padding-left: 40px; } .uk-root .uk-search-navbar .uk-search-icon-flip ~ .uk-search-input { padding-right: 40px; } .uk-root .uk-search-large { width: 500px; } .uk-root .uk-search-large .uk-search-input { height: 80px; background: transparent; font-size: 2.625rem; } .uk-root .uk-search-large .uk-search-icon { width: 80px; } .uk-root .uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { padding-left: 80px; } .uk-root .uk-search-large .uk-search-icon-flip ~ .uk-search-input { padding-right: 80px; } .uk-root .uk-search-toggle { color: #999; } .uk-root .uk-search-toggle:hover, .uk-root .uk-search-toggle:focus { color: #666; } .uk-root .uk-nav, .uk-root .uk-nav ul { margin: 0; padding: 0; list-style: none; } .uk-root .uk-nav li > a { display: block; text-decoration: none; } .uk-root .uk-nav li > a:focus { outline: none; } .uk-root .uk-nav > li > a { padding: 5px 0; } .uk-root ul.uk-nav-sub { padding: 5px 0 5px 15px; } .uk-root .uk-nav-sub ul { padding-left: 15px; } .uk-root .uk-nav-sub a { padding: 2px 0; } .uk-root .uk-nav-parent-icon > .uk-parent > a::after { content: ""; width: 1.5em; height: 1.5em; float: right; background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E %3Cpolyline fill='none' stroke='%23666' stroke-width='1.1' points='10 1 4 7 10 13' /%3E %3C/svg%3E"); background-repeat: no-repeat; background-position: 50% 50%; } .uk-root .uk-nav-parent-icon > .uk-parent.uk-open > a::after { background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E %3Cpolyline fill='none' stroke='%23666' stroke-width='1.1' points='1 4 7 10 13 4' /%3E %3C/svg%3E"); } .uk-root .uk-nav-header { padding: 5px 0; text-transform: uppercase; font-size: 0.875rem; } .uk-root .uk-nav-header:not(:first-child) { margin-top: 20px; } .uk-root .uk-nav-divider { margin: 5px 0; } .uk-root .uk-nav-default { font-size: 0.875rem; } .uk-root .uk-nav-default > li > a { color: #999; } .uk-root .uk-nav-default > li > a:hover, .uk-root .uk-nav-default > li > a:focus { color: #666; } .uk-root .uk-nav-default > li.uk-active > a { color: #333; } .uk-root .uk-nav-default .uk-nav-header { color: #333; } .uk-root .uk-nav-default .uk-nav-divider { border-top: 1px solid #e5e5e5; } .uk-root .uk-nav-default .uk-nav-sub a { color: #999; } .uk-root .uk-nav-default .uk-nav-sub a:hover, .uk-root .uk-nav-default .uk-nav-sub a:focus { color: #666; } .uk-root .uk-nav-default .uk-nav-sub li.uk-active > a { color: #333; } .uk-root .uk-nav-primary > li > a { font-size: 1.5rem; line-height: 1.5; color: #999; } .uk-root .uk-nav-primary > li > a:hover, .uk-root .uk-nav-primary > li > a:focus { color: #666; } .uk-root .uk-nav-primary > li.uk-active > a { color: #333; } .uk-root .uk-nav-primary .uk-nav-header { color: #333; } .uk-root .uk-nav-primary .uk-nav-divider { border-top: 1px solid #e5e5e5; } .uk-root .uk-nav-primary .uk-nav-sub a { color: #999; } .uk-root .uk-nav-primary .uk-nav-sub a:hover, .uk-root .uk-nav-primary .uk-nav-sub a:focus { color: #666; } .uk-root .uk-nav-primary .uk-nav-sub li.uk-active > a { color: #333; } .uk-root .uk-nav-center { text-align: center; } .uk-root .uk-nav-center .uk-nav-sub, .uk-root .uk-nav-center .uk-nav-sub ul { padding-left: 0; } .uk-root .uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after { position: absolute; } .uk-root .uk-navbar { display: flex; /* 1 */ position: relative; } .uk-root .uk-navbar-container:not(.uk-navbar-transparent) { background: #f8f8f8; } .uk-root .uk-navbar-container > ::before, .uk-root .uk-navbar-container > ::after { display: none !important; } .uk-root .uk-navbar-left, .uk-root .uk-navbar-right, .uk-root .uk-navbar-center, .uk-root .uk-navbar-center-left > *, .uk-root .uk-navbar-center-right > * { display: flex; /* 1 */ align-items: center; } .uk-root .uk-navbar-right { margin-left: auto; } .uk-root .uk-navbar-center:only-child { margin-left: auto; margin-right: auto; /* 1 */ position: relative; } .uk-root .uk-navbar-center:not(:only-child) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* 2 */ width: max-content; box-sizing: border-box; /* 3 */ z-index: 990; } .uk-root .uk-navbar-center-left, .uk-root .uk-navbar-center-right { position: absolute; top: 0; } .uk-root .uk-navbar-center-left { right: 100%; } .uk-root .uk-navbar-center-right { left: 100%; } .uk-root [class*='uk-navbar-center-'] { width: max-content; box-sizing: border-box; } .uk-root .uk-navbar-nav { display: flex; /* 1 */ margin: 0; padding: 0; list-style: none; } .uk-root .uk-navbar-left, .uk-root .uk-navbar-right, .uk-root .uk-navbar-center:only-child { flex-wrap: wrap; } .uk-root .uk-navbar-nav > li > a, .uk-root .uk-navbar-item, .uk-root .uk-navbar-toggle { /* 1 */ display: flex; justify-content: center; align-items: center; /* 2 */ box-sizing: border-box; min-height: 80px; padding: 0 15px; /* 3 */ font-size: 0.875rem; font-family: Arial, Helvetica, sans-serif; /* 4 */ text-decoration: none; } .uk-root .uk-navbar-nav > li > a { color: #999; text-transform: uppercase; transition: 0.1s ease-in-out; transition-property: color, background-color; } .uk-root .uk-navbar-nav > li:hover > a, .uk-root .uk-navbar-nav > li > a:focus, .uk-root .uk-navbar-nav > li > a.uk-open { color: #666; outline: none; } .uk-root .uk-navbar-nav > li > a:active { color: #333; } .uk-root .uk-navbar-nav > li.uk-active > a { color: #333; } .uk-root .uk-navbar-item { color: #666; } .uk-root .uk-navbar-toggle { color: #999; } .uk-root .uk-navbar-toggle:hover, .uk-root .uk-navbar-toggle:focus, .uk-root .uk-navbar-toggle.uk-open { color: #666; outline: none; text-decoration: none; } .uk-root .uk-navbar-subtitle { font-size: 0.875rem; } .uk-root .uk-navbar-dropdown { /* 1 */ display: none; /* 2 */ position: absolute; z-index: 1020; /* 3 */ box-sizing: border-box; width: 200px; /* 4 */ padding: 25px; background: #fff; color: #666; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); } .uk-root .uk-navbar-dropdown.uk-open { display: block; } .uk-root [class*='uk-navbar-dropdown-top'] { margin-top: -15px; } .uk-root [class*='uk-navbar-dropdown-bottom'] { margin-top: 15px; } .uk-root [class*='uk-navbar-dropdown-left'] { margin-left: -15px; } .uk-root [class*='uk-navbar-dropdown-right'] { margin-left: 15px; } .uk-root .uk-navbar-dropdown-grid { margin-left: -50px; } .uk-root .uk-navbar-dropdown-grid > * { padding-left: 50px; } .uk-root .uk-navbar-dropdown-grid > .uk-grid-margin { margin-top: 50px; } .uk-root .uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * { width: 100% !important; } .uk-root .uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) { width: 400px; } .uk-root .uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) { width: 600px; } .uk-root .uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) { width: 800px; } .uk-root .uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) { width: 1000px; } .uk-root .uk-navbar-dropdown-dropbar { margin-top: 0; margin-bottom: 0; box-shadow: none; } .uk-root .uk-navbar-dropdown-nav { font-size: 0.875rem; } .uk-root .uk-navbar-dropdown-nav > li > a { color: #999; } .uk-root .uk-navbar-dropdown-nav > li > a:hover, .uk-root .uk-navbar-dropdown-nav > li > a:focus { color: #666; } .uk-root .uk-navbar-dropdown-nav > li.uk-active > a { color: #333; } .uk-root .uk-navbar-dropdown-nav .uk-nav-header { color: #333; } .uk-root .uk-navbar-dropdown-nav .uk-nav-divider { border-top: 1px solid #e5e5e5; } .uk-root .uk-navbar-dropdown-nav .uk-nav-sub a { color: #999; } .uk-root .uk-navbar-dropdown-nav .uk-nav-sub a:hover, .uk-root .uk-navbar-dropdown-nav .uk-nav-sub a:focus { color: #666; } .uk-root .uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { color: #333; } .uk-root .uk-navbar-dropbar { background: #fff; } .uk-root .uk-navbar-dropbar-slide { position: absolute; z-index: 980; left: 0; right: 0; box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05); } .uk-root .uk-navbar-container > .uk-container .uk-navbar-left { margin-left: -15px; margin-right: -15px; } .uk-root .uk-navbar-container > .uk-container .uk-navbar-right { margin-right: -15px; } .uk-root .uk-navbar-dropdown-grid > * { position: relative; } .uk-root .uk-navbar-dropdown-grid > :not(.uk-first-column)::before { content: ""; position: absolute; top: 0; bottom: 0; left: 25px; border-left: 1px solid #e5e5e5; } .uk-root .uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before { content: ""; position: absolute; top: -25px; left: 50px; right: 0; border-top: 1px solid #e5e5e5; } .uk-root .uk-subnav { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ margin-left: -20px; /* 3 */ padding: 0; list-style: none; } .uk-root .uk-subnav > * { /* 1 */ flex: none; /* 2 */ padding-left: 20px; /* 3 */ position: relative; } .uk-root .uk-subnav > * > :first-child { /* 1 */ display: block; /* 2 */ color: #999; font-size: 0.875rem; text-transform: uppercase; transition: 0.1s ease-in-out; transition-property: color, background-color; } .uk-root .uk-subnav > * > a:hover, .uk-root .uk-subnav > * > a:focus { color: #666; text-decoration: none; outline: none; } .uk-root .uk-subnav > .uk-active > a { color: #333; } .uk-root .uk-subnav-divider > * { /* 1 */ display: flex; align-items: center; } .uk-root .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { content: ""; height: 1.5em; margin-left: 0px; margin-right: 20px; border-left: 1px solid #e5e5e5; } .uk-root .uk-subnav-pill > * > :first-child { padding: 5px 10px; background: transparent; color: #999; } .uk-root .uk-subnav-pill > * > a:hover, .uk-root .uk-subnav-pill > * > a:focus { background-color: #f8f8f8; color: #666; } .uk-root .uk-subnav-pill > * > a:active { background-color: #f8f8f8; color: #666; } .uk-root .uk-subnav-pill > .uk-active > a { background-color: #444; color: #fff; } .uk-root .uk-subnav > .uk-disabled > a { color: #999; } .uk-root .uk-breadcrumb { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ padding: 0; list-style: none; } .uk-root .uk-breadcrumb > * { flex: none; } .uk-root .uk-breadcrumb > * > * { display: inline-block; font-size: 0.875rem; color: #999; } .uk-root .uk-breadcrumb > * > :hover, .uk-root .uk-breadcrumb > * > :focus { color: #666; text-decoration: none; } .uk-root .uk-breadcrumb > :last-child > * { color: #666; } .uk-root .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { content: "/"; display: inline-block; margin: 0 20px; color: #999; } .uk-root .uk-pagination { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ margin-left: -20px; /* 3 */ padding: 0; list-style: none; } .uk-root .uk-pagination > * { /* 1 */ flex: none; /* 2 */ padding-left: 20px; /* 3 */ position: relative; } .uk-root .uk-pagination > * > * { /* 1 */ display: block; /* 2 */ color: #999; transition: color 0.1s ease-in-out; } .uk-root .uk-pagination > * > :hover, .uk-root .uk-pagination > * > :focus { color: #666; text-decoration: none; } .uk-root .uk-pagination > .uk-active > * { color: #666; } .uk-root .uk-pagination > .uk-disabled > * { color: #999; } .uk-root .uk-tab { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ margin-left: -5px; /* 3 */ padding: 0; list-style: none; position: relative; } .uk-root .uk-tab::before { content: ""; position: absolute; bottom: 0; left: 5px; right: 0; border-bottom: 0 solid #e5e5e5; } .uk-root .uk-tab > * { /* 1 */ flex: none; /* 2 */ padding-left: 5px; /* 3 */ position: relative; } .uk-root .uk-tab > * > a { /* 1 */ display: block; text-align: center; /* 2 */ padding: 5px 10px; color: #999; border-bottom: 1px solid transparent; font-size: 0.875rem; text-transform: uppercase; transition: color 0.1s ease-in-out; } .uk-root .uk-tab > * > a:hover, .uk-root .uk-tab > * > a:focus { color: #666; text-decoration: none; } .uk-root .uk-tab > .uk-active > a { color: #333; border-color: #444; } .uk-root .uk-tab > .uk-disabled > a { color: #999; } .uk-root .uk-tab-bottom::before { top: 0; bottom: auto; } .uk-root .uk-tab-bottom > * > a { border-top: 1px solid transparent; border-bottom: none; } .uk-root .uk-tab-left, .uk-root .uk-tab-right { flex-direction: column; /* 1 */ margin-left: 0; } .uk-root .uk-tab-left > *, .uk-root .uk-tab-right > * { padding-left: 0; } .uk-root .uk-tab-left::before { top: 0; bottom: 0; left: auto; right: 0; border-left: 0 solid #e5e5e5; border-bottom: none; } .uk-root .uk-tab-right::before { top: 0; bottom: 0; left: 0; right: auto; border-left: 0 solid #e5e5e5; border-bottom: none; } .uk-root .uk-tab-left > * > a { text-align: left; border-right: 1px solid transparent; border-bottom: none; } .uk-root .uk-tab-right > * > a { text-align: left; border-left: 1px solid transparent; border-bottom: none; } .uk-root .uk-tab .uk-dropdown { margin-left: 15px; } .uk-root .uk-slidenav { padding: 5px 10px; color: rgba(102, 102, 102, 0.5); transition: color 0.1s ease-in-out; } .uk-root .uk-slidenav:hover, .uk-root .uk-slidenav:focus { color: rgba(102, 102, 102, 0.9); outline: none; } .uk-root .uk-slidenav:active { color: rgba(102, 102, 102, 0.5); } .uk-root .uk-slidenav-large { padding: 10px 10px; } .uk-root .uk-slidenav-container { display: flex; } .uk-root .uk-dotnav { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ margin: 0; padding: 0; list-style: none; /* 3 */ margin-left: -12px; } .uk-root .uk-dotnav > * { /* 1 */ flex: none; /* 2 */ padding-left: 12px; } .uk-root .uk-dotnav > * > * { display: block; box-sizing: border-box; width: 10px; height: 10px; border-radius: 50%; background: transparent; /* 1 */ text-indent: 100%; overflow: hidden; white-space: nowrap; border: 1px solid rgba(102, 102, 102, 0.4); transition: 0.2s ease-in-out; transition-property: background-color, border-color; } .uk-root .uk-dotnav > * > :hover, .uk-root .uk-dotnav > * > :focus { background-color: rgba(102, 102, 102, 0.6); outline: none; border-color: transparent; } .uk-root .uk-dotnav > * > :active { background-color: rgba(102, 102, 102, 0.2); border-color: transparent; } .uk-root .uk-dotnav > .uk-active > * { background-color: rgba(102, 102, 102, 0.6); border-color: transparent; } .uk-root .uk-dotnav-vertical { /* 1 */ flex-direction: column; /* 2 */ margin-left: 0; margin-top: -12px; } .uk-root .uk-dotnav-vertical > * { padding-left: 0; padding-top: 12px; } .uk-root .uk-thumbnav { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ margin: 0; padding: 0; list-style: none; /* 3 */ margin-left: -15px; } .uk-root .uk-thumbnav > * { /* 1 */ padding-left: 15px; } .uk-root .uk-thumbnav > * > * { display: inline-block; position: relative; } .uk-root .uk-thumbnav > * > *::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.4); transition: background-color 0.1s ease-in-out; } .uk-root .uk-thumbnav > * > :hover, .uk-root .uk-thumbnav > * > :focus { outline: none; } .uk-root .uk-thumbnav > * > :hover::after, .uk-root .uk-thumbnav > * > :focus::after { background-color: transparent; } .uk-root .uk-thumbnav > .uk-active > *::after { background-color: transparent; } .uk-root .uk-thumbnav-vertical { /* 1 */ flex-direction: column; /* 2 */ margin-left: 0; margin-top: -15px; } .uk-root .uk-thumbnav-vertical > * { padding-left: 0; padding-top: 15px; } .uk-root .uk-accordion { padding: 0; list-style: none; } .uk-root .uk-accordion > :nth-child(n+2) { margin-top: 20px; } .uk-root .uk-accordion-title { display: block; font-size: 21px; line-height: 1.4; color: #333; overflow: hidden; } .uk-root .uk-accordion-title::before { content: ""; width: 1.4em; height: 1.4em; margin-left: 10px; float: right; background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E %3Crect fill='%23666' width='13' height='1' x='0' y='6' /%3E %3Crect fill='%23666' width='1' height='13' x='6' y='0' /%3E %3C/svg%3E"); background-repeat: no-repeat; background-position: 50% 50%; } .uk-open > .uk-root .uk-accordion-title::before { background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E %3Crect fill='%23666' width='13' height='1' x='0' y='6' /%3E %3C/svg%3E"); } .uk-root .uk-accordion-title:hover, .uk-root .uk-accordion-title:focus { color: #666; text-decoration: none; outline: none; } .uk-root .uk-accordion-content { margin-top: 20px; } .uk-root .uk-accordion-content::before, .uk-root .uk-accordion-content::after { content: ""; display: table; } .uk-root .uk-accordion-content::after { clear: both; } .uk-root .uk-accordion-content > :last-child { margin-bottom: 0; } .uk-root .uk-drop { /* 1 */ display: none; /* 2 */ position: absolute; z-index: 1020; /* 3 */ box-sizing: border-box; width: 300px; } .uk-root .uk-drop.uk-open { display: block; } .uk-root [class*='uk-drop-top'] { margin-top: -20px; } .uk-root [class*='uk-drop-bottom'] { margin-top: 20px; } .uk-root [class*='uk-drop-left'] { margin-left: -20px; } .uk-root [class*='uk-drop-right'] { margin-left: 20px; } .uk-root .uk-drop-stack .uk-drop-grid > * { width: 100% !important; } .uk-root .uk-dropdown { /* 1 */ display: none; /* 2 */ position: absolute; z-index: 1020; /* 3 */ box-sizing: border-box; min-width: 200px; /* 4 */ padding: 25px; background: #fff; color: #666; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); } .uk-root .uk-dropdown.uk-open { display: block; } .uk-root .uk-dropdown-nav { white-space: nowrap; font-size: 0.875rem; } .uk-root .uk-dropdown-nav > li > a { color: #999; } .uk-root .uk-dropdown-nav > li > a:hover, .uk-root .uk-dropdown-nav > li > a:focus, .uk-root .uk-dropdown-nav > li.uk-active > a { color: #666; } .uk-root .uk-dropdown-nav .uk-nav-header { color: #333; } .uk-root .uk-dropdown-nav .uk-nav-divider { border-top: 1px solid #e5e5e5; } .uk-root .uk-dropdown-nav .uk-nav-sub a { color: #999; } .uk-root .uk-dropdown-nav .uk-nav-sub a:hover, .uk-root .uk-dropdown-nav .uk-nav-sub a:focus, .uk-root .uk-dropdown-nav .uk-nav-sub li.uk-active > a { color: #666; } .uk-root [class*='uk-dropdown-top'] { margin-top: -8px; } .uk-root [class*='uk-dropdown-bottom'] { margin-top: 8px; } .uk-root [class*='uk-dropdown-left'] { margin-left: -8px; } .uk-root [class*='uk-dropdown-right'] { margin-left: 8px; } .uk-root .uk-dropdown-stack .uk-dropdown-grid > * { width: 100% !important; } .uk-root .uk-modal { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; /* 3 */ overflow-y: auto; -webkit-overflow-scrolling: touch; /* 4 */ padding: 15px 15px; /* 5 */ background: rgba(0, 0, 0, 0.6); /* 6 */ opacity: 0; transition: opacity 0.15s linear; } @media (min-width: 640px) { .uk-root .uk-modal { padding: 50px 18px; } } @media (min-width: 998px) { .uk-root .uk-modal { padding-left: 27px; padding-right: 27px; } } .uk-root .uk-modal.uk-open { opacity: 1; } .uk-root .uk-modal-page { overflow: hidden; } .uk-root .uk-modal-dialog { /* 1 */ position: relative; /* 2 */ box-sizing: border-box; margin: 0 auto; width: 600px; /* 3 */ max-width: calc(100% - 0.01px) !important; /* 4 */ background: #fff; /* 5 */ opacity: 0; transform: translateY(-100px); transition: 0.3s linear; transition-property: opacity, transform; } .uk-root .uk-open > .uk-modal-dialog { opacity: 1; transform: translateY(0); } .uk-root .uk-modal-container .uk-modal-dialog { width: 1200px; } .uk-root .uk-modal-full { padding: 0; background: none; } .uk-root .uk-modal-full .uk-modal-dialog { margin: 0; width: 100%; max-width: 100%; transform: translateY(0); } .uk-root .uk-modal-body { padding: 18px 18px; } .uk-root .uk-modal-header { padding: 9px 18px; background: #fff; border-bottom: 1px solid #e5e5e5; } .uk-root .uk-modal-footer { padding: 9px 18px; background: #fff; border-top: 1px solid #e5e5e5; } .uk-root .uk-modal-body::before, .uk-root .uk-modal-body::after, .uk-root .uk-modal-header::before, .uk-root .uk-modal-header::after, .uk-root .uk-modal-footer::before, .uk-root .uk-modal-footer::after { content: ""; display: table; } .uk-root .uk-modal-body::after, .uk-root .uk-modal-header::after, .uk-root .uk-modal-footer::after { clear: both; } .uk-root .uk-modal-body > :last-child, .uk-root .uk-modal-header > :last-child, .uk-root .uk-modal-footer > :last-child { margin-bottom: 0; } .uk-root .uk-modal-title { font-size: 2rem; line-height: 1.3; } .uk-root [class*='uk-modal-close-'] { position: absolute; z-index: 1010; top: 8px; right: 8px; padding: 5px; } .uk-root [class*='uk-modal-close-']:first-child + * { margin-top: 0; } .uk-root .uk-modal-close-outside { top: 0; /* 1 */ right: -5px; transform: translate(0, -100%); color: #ffffff; } .uk-root .uk-modal-close-outside:hover { color: #fff; } @media (min-width: 998px) { .uk-root { /* 1 */ } .uk-root .uk-modal-close-outside { right: 0; transform: translate(100%, -100%); } } .uk-root .uk-modal-close-full { top: 0; right: 0; padding: 20px; background: #fff; } .uk-root .uk-lightbox { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; /* 5 */ background: #000; /* 6 */ opacity: 0; transition: opacity 0.15s linear; } .uk-root .uk-lightbox.uk-open { display: block; /* 2 */ opacity: 1; } .uk-root .uk-lightbox-page { overflow: hidden; } .uk-root .uk-lightbox-items > * { /* 1 */ position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* 2 */ display: none; justify-content: center; align-items: center; /* 3 */ color: rgba(255, 255, 255, 0.7); /* 4 */ will-change: transform, opacity; } .uk-root .uk-lightbox-items > * > * { max-width: 100vw; max-height: 100vh; } .uk-root .uk-lightbox-items > :focus { outline: none; } .uk-root .uk-lightbox-items > * > :not(iframe) { width: auto; height: auto; } .uk-root .uk-lightbox-items > .uk-active { display: flex; } .uk-root .uk-lightbox-toolbar { padding: 10px 10px; background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.7); } .uk-root .uk-lightbox-toolbar > * { color: rgba(255, 255, 255, 0.7); } .uk-root .uk-lightbox-toolbar-icon { padding: 5px; color: rgba(255, 255, 255, 0.7); } .uk-root .uk-lightbox-toolbar-icon:hover { color: #fff; } .uk-root .uk-lightbox-button { box-sizing: border-box; width: 50px; height: 50px; background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.7); /* 1 */ display: inline-flex; justify-content: center; align-items: center; } .uk-root .uk-lightbox-button:hover { color: #fff; } .uk-root .uk-lightbox-iframe { width: 80%; height: 80%; } .uk-root .uk-slideshow { /* 1 */ -webkit-tap-highlight-color: transparent; } .uk-root .uk-slideshow-items { /* 1 */ position: relative; z-index: 0; /* 2 */ margin: 0; padding: 0; list-style: none; /* 3 */ overflow: hidden; /* 4 */ -webkit-touch-callout: none; } .uk-root .uk-slideshow-items > * { /* 1 */ position: absolute; top: 0; left: 0; /* 2 */ right: 0; bottom: 0; /* 3 */ overflow: hidden; /* 4 */ will-change: transform, opacity; /* 5 */ touch-action: pan-y; } .uk-root .uk-slideshow-items > :focus { outline: none; } .uk-root .uk-slideshow-items > :not(.uk-active) { display: none; } .uk-root .uk-slider { /* 1 */ -webkit-tap-highlight-color: transparent; } .uk-root .uk-slider-container { /* 1 */ overflow: hidden; } .uk-root .uk-slider-items { /* 1 */ will-change: transform; /* 2 */ position: relative; } .uk-root .uk-slider-items:not(.uk-grid) { display: flex; /* 1 */ margin: 0; padding: 0; list-style: none; /* 2 */ -webkit-touch-callout: none; } .uk-root .uk-slider-items.uk-grid { flex-wrap: nowrap; } .uk-root .uk-slider-items > * { /* 1 */ flex: none; /* 2 */ position: relative; /* 3 */ touch-action: pan-y; } .uk-root .uk-slider-items > :focus { outline: none; } .uk-root .uk-sticky-fixed { z-index: 980; box-sizing: border-box; margin: 0 !important; /* 1 */ -webkit-backface-visibility: hidden; backface-visibility: hidden; } .uk-root .uk-sticky[class*='uk-animation-'] { animation-duration: 0.2s; } .uk-root .uk-sticky.uk-animation-reverse { animation-duration: 0.2s; } .uk-root .uk-offcanvas { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; bottom: 0; left: 0; z-index: 1000; } .uk-root .uk-offcanvas-flip .uk-offcanvas { right: 0; left: auto; } .uk-root .uk-offcanvas-bar { /* 1 */ position: absolute; top: 0; bottom: 0; left: -270px; /* 2 */ box-sizing: border-box; width: 270px; padding: 20px 20px; background: #222; /* 3 */ overflow-y: auto; -webkit-overflow-scrolling: touch; } @media (min-width: 998px) { .uk-root .uk-offcanvas-bar { left: -350px; width: 350px; padding: 27px 27px; } } .uk-root .uk-offcanvas-flip .uk-offcanvas-bar { left: auto; right: -270px; } @media (min-width: 998px) { .uk-root .uk-offcanvas-flip .uk-offcanvas-bar { right: -350px; } } .uk-root .uk-open > .uk-offcanvas-bar { left: 0; } .uk-root .uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { left: auto; right: 0; } .uk-root .uk-offcanvas-bar-animation { transition: left 0.3s ease-out; } .uk-root .uk-offcanvas-flip .uk-offcanvas-bar-animation { transition-property: right; } .uk-root .uk-offcanvas-reveal { /* 1 */ position: absolute; top: 0; bottom: 0; left: 0; /* 2 */ width: 0; overflow: hidden; /* 3 */ transition: width 0.3s ease-out; } .uk-root .uk-offcanvas-reveal .uk-offcanvas-bar { /* 4 */ left: 0; } .uk-root .uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { /* 4 */ left: auto; right: 0; } .uk-root .uk-open > .uk-offcanvas-reveal { width: 270px; } @media (min-width: 998px) { .uk-root .uk-open > .uk-offcanvas-reveal { width: 350px; } } .uk-root .uk-offcanvas-flip .uk-offcanvas-reveal { right: 0; left: auto; } .uk-root .uk-offcanvas-close { position: absolute; z-index: 1000; top: 20px; right: 20px; padding: 5px; } .uk-root .uk-offcanvas-overlay { /* 1 */ width: 100vw; /* 2 */ touch-action: none; } .uk-root .uk-offcanvas-overlay::before { /* 1 */ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.1); /* 2 */ opacity: 0; transition: opacity 0.15s linear; } .uk-root .uk-offcanvas-overlay.uk-open::before { opacity: 1; } .uk-root .uk-offcanvas-page, .uk-root .uk-offcanvas-container { overflow-x: hidden; } .uk-root .uk-offcanvas-container { position: relative; left: 0; transition: left 0.3s ease-out; /* 1 */ box-sizing: border-box; width: 100%; } .uk-root :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { left: 270px; } .uk-root .uk-offcanvas-flip.uk-offcanvas-container-animation { left: -270px; } @media (min-width: 998px) { .uk-root :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { left: 350px; } .uk-root .uk-offcanvas-flip.uk-offcanvas-container-animation { left: -350px; } } .uk-root .uk-switcher { margin: 0; padding: 0; list-style: none; } .uk-root .uk-switcher > :not(.uk-active) { display: none; } .uk-root .uk-switcher > * > :last-child { margin-bottom: 0; } .uk-root .uk-leader { overflow: hidden; } .uk-root .uk-leader-fill::after { /* 1 */ display: inline-block; margin-left: 4px; /* 2 */ width: 0; /* 3 */ content: attr(data-fill); /* 4 */ white-space: nowrap; } .uk-root .uk-leader-fill.uk-leader-hide::after { display: none; } .uk-root .uk-leader-fill-content::before { content: '.'; } .uk-root :root { --uk-leader-fill-content: .; } .uk-root .uk-iconnav { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ margin: 0; padding: 0; list-style: none; /* 3 */ margin-left: -8px; } .uk-root .uk-iconnav > * { /* 1 */ padding-left: 8px; } .uk-root .uk-iconnav > * > a { /* 1 */ display: block; /* 2 */ color: #999; } .uk-root .uk-iconnav > * > a:hover, .uk-root .uk-iconnav > * > a:focus { color: #666; outline: none; } .uk-root .uk-iconnav > .uk-active > a { color: #666; } .uk-root .uk-iconnav-vertical { /* 1 */ flex-direction: column; /* 2 */ margin-left: 0; margin-top: -8px; } .uk-root .uk-iconnav-vertical > * { padding-left: 0; padding-top: 8px; } .uk-root .uk-notification { /* 1 */ position: fixed; top: 10px; left: 10px; z-index: 1040; /* 2 */ box-sizing: border-box; width: 350px; } .uk-root .uk-notification-top-right, .uk-root .uk-notification-bottom-right { left: auto; right: 10px; } .uk-root .uk-notification-top-center, .uk-root .uk-notification-bottom-center { left: 50%; margin-left: -175px; } .uk-root .uk-notification-bottom-left, .uk-root .uk-notification-bottom-right, .uk-root .uk-notification-bottom-center { top: auto; bottom: 10px; } @media (max-width: 639px) { .uk-root .uk-notification { left: 10px; right: 10px; width: auto; margin: 0; } } .uk-root .uk-notification-message { position: relative; padding: 9px; background: #f8f8f8; color: #666; font-size: 21px; line-height: 1.4; cursor: pointer; } .uk-root * + .uk-notification-message { margin-top: 10px; } .uk-root .uk-notification-close { display: none; position: absolute; top: 14px; right: 9px; } .uk-root .uk-notification-message:hover .uk-notification-close { display: block; } .uk-root .uk-notification-message-primary { color: #444; } .uk-root .uk-notification-message-success { color: #367f00; } .uk-root .uk-notification-message-warning { color: #ff710a; } .uk-root .uk-notification-message-danger { color: #d50000; } .uk-root .uk-placeholder { margin-bottom: 20px; padding: 18px 18px; background: transparent; border: 1px dashed #e5e5e5; } .uk-root * + .uk-placeholder { margin-top: 20px; } .uk-root .uk-placeholder > :last-child { margin-bottom: 0; } .uk-root .uk-progress { /* 1 */ vertical-align: baseline; /* 2 */ -webkit-appearance: none; -moz-appearance: none; /* 3 */ display: block; width: 100%; /* 4 */ border: 0; /* 5 */ background-color: #f8f8f8; /* 6 */ margin-bottom: 20px; height: 15px; border-radius: 500px; overflow: hidden; } .uk-root * + .uk-progress { margin-top: 20px; } .uk-root .uk-progress:indeterminate { color: transparent; } .uk-root .uk-progress::-webkit-progress-bar { background-color: #f8f8f8; border-radius: 500px; overflow: hidden; } .uk-root .uk-progress:indeterminate::-moz-progress-bar { width: 0; } .uk-root .uk-progress::-webkit-progress-value { background-color: #444; transition: width 0.6s ease; } .uk-root .uk-progress::-moz-progress-bar { background-color: #444; } .uk-root .uk-progress::-ms-fill { background-color: #444; transition: width 0.6s ease; /* 1 */ border: 0; } .uk-root .uk-sortable { position: relative; } .uk-root .uk-sortable svg { pointer-events: none; } .uk-root .uk-sortable > :last-child { margin-bottom: 0; } .uk-root .uk-sortable-drag { position: absolute !important; z-index: 1050 !important; pointer-events: none; } .uk-root .uk-sortable-placeholder { opacity: 0; pointer-events: none; } .uk-root .uk-sortable-empty { min-height: 50px; } .uk-root .uk-sortable-handle:hover { cursor: move; } .uk-root .uk-countdown-number, .uk-root .uk-countdown-separator { /* 1 */ line-height: 70px; } .uk-root .uk-countdown-number { font-size: 2rem; } @media (min-width: 640px) { .uk-root .uk-countdown-number { font-size: 4rem; } } @media (min-width: 998px) { .uk-root .uk-countdown-number { font-size: 6rem; } } .uk-root .uk-countdown-separator { font-size: 1rem; } @media (min-width: 640px) { .uk-root .uk-countdown-separator { font-size: 2rem; } } @media (min-width: 998px) { .uk-root .uk-countdown-separator { font-size: 3rem; } } .uk-root [class*='uk-animation-'] { animation-duration: 0.5s; animation-timing-function: ease-out; animation-fill-mode: both; } .uk-root .uk-animation-fade { animation-name: uk-fade; animation-duration: 0.8s; animation-timing-function: linear; } .uk-root .uk-animation-scale-up { animation-name: uk-fade-scale-02; } .uk-root .uk-animation-scale-down { animation-name: uk-fade-scale-18; } .uk-root .uk-animation-slide-top { animation-name: uk-fade-top; } .uk-root .uk-animation-slide-bottom { animation-name: uk-fade-bottom; } .uk-root .uk-animation-slide-left { animation-name: uk-fade-left; } .uk-root .uk-animation-slide-right { animation-name: uk-fade-right; } .uk-root .uk-animation-slide-top-small { animation-name: uk-fade-top-small; } .uk-root .uk-animation-slide-bottom-small { animation-name: uk-fade-bottom-small; } .uk-root .uk-animation-slide-left-small { animation-name: uk-fade-left-small; } .uk-root .uk-animation-slide-right-small { animation-name: uk-fade-right-small; } .uk-root .uk-animation-slide-top-medium { animation-name: uk-fade-top-medium; } .uk-root .uk-animation-slide-bottom-medium { animation-name: uk-fade-bottom-medium; } .uk-root .uk-animation-slide-left-medium { animation-name: uk-fade-left-medium; } .uk-root .uk-animation-slide-right-medium { animation-name: uk-fade-right-medium; } .uk-root .uk-animation-kenburns { animation-name: uk-scale-kenburns; animation-duration: 15s; } .uk-root .uk-animation-shake { animation-name: uk-shake; } .uk-root .uk-animation-stroke { animation-name: uk-stroke; stroke-dasharray: var(--uk-animation-stroke); animation-duration: 2s; } .uk-root .uk-animation-reverse { animation-direction: reverse; animation-timing-function: ease-in; } .uk-root .uk-animation-fast { animation-duration: 0.1s; } .uk-root .uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] { animation-name: none; } .uk-root .uk-animation-toggle { /* 1 */ -webkit-tap-highlight-color: transparent; } .uk-root .uk-animation-toggle:focus { outline: none; } @keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes uk-fade-top { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes uk-fade-bottom { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes uk-fade-left { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0); } } @keyframes uk-fade-right { 0% { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0); } } @keyframes uk-fade-top-small { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes uk-fade-bottom-small { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes uk-fade-left-small { 0% { opacity: 0; transform: translateX(-10px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes uk-fade-right-small { 0% { opacity: 0; transform: translateX(10px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes uk-fade-top-medium { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes uk-fade-bottom-medium { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes uk-fade-left-medium { 0% { opacity: 0; transform: translateX(-50px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes uk-fade-right-medium { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes uk-fade-scale-02 { 0% { opacity: 0; transform: scale(0.2); } 100% { opacity: 1; transform: scale(1); } } @keyframes uk-fade-scale-18 { 0% { opacity: 0; transform: scale(1.8); } 100% { opacity: 1; transform: scale(1); } } @keyframes uk-scale-kenburns { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } @keyframes uk-shake { 0%, 100% { transform: translateX(0); } 10% { transform: translateX(-9px); } 20% { transform: translateX(8px); } 30% { transform: translateX(-7px); } 40% { transform: translateX(6px); } 50% { transform: translateX(-5px); } 60% { transform: translateX(4px); } 70% { transform: translateX(-3px); } 80% { transform: translateX(2px); } 90% { transform: translateX(-1px); } } @keyframes uk-stroke { 0% { stroke-dashoffset: var(--uk-animation-stroke); } 100% { stroke-dashoffset: 0; } } .uk-root [class*='uk-child-width'] > * { box-sizing: border-box; width: 100%; } .uk-root .uk-child-width-1-2 > * { width: 50%; } .uk-root .uk-child-width-1-3 > * { width: calc(100% * 1 / 3.001); } .uk-root .uk-child-width-1-4 > * { width: 25%; } .uk-root .uk-child-width-1-5 > * { width: 20%; } .uk-root .uk-child-width-1-6 > * { width: calc(100% * 1 / 6.001); } .uk-root .uk-child-width-auto > * { width: auto; } .uk-root .uk-child-width-expand > :not([class*='uk-width']) { flex: 1; /* 1 */ min-width: 1px; } @media (min-width: 400px) { .uk-root .uk-child-width-1-1\@xs > * { width: 100%; } .uk-root .uk-child-width-1-2\@xs > * { width: 50%; } .uk-root .uk-child-width-1-3\@xs > * { width: calc(100% * 1 / 3.001); } .uk-root .uk-child-width-1-4\@xs > * { width: 25%; } .uk-root .uk-child-width-1-5\@xs > * { width: 20%; } .uk-root .uk-child-width-1-6\@xs > * { width: calc(100% * 1 / 6.001); } .uk-root .uk-child-width-auto\@xs > * { width: auto; } .uk-root .uk-child-width-expand\@xs > :not([class*='uk-width']) { flex: 1; min-width: 1px; } } @media (min-width: 640px) { .uk-root .uk-child-width-1-1\@s > * { width: 100%; } .uk-root .uk-child-width-1-2\@s > * { width: 50%; } .uk-root .uk-child-width-1-3\@s > * { width: calc(100% * 1 / 3.001); } .uk-root .uk-child-width-1-4\@s > * { width: 25%; } .uk-root .uk-child-width-1-5\@s > * { width: 20%; } .uk-root .uk-child-width-1-6\@s > * { width: calc(100% * 1 / 6.001); } .uk-root .uk-child-width-auto\@s > * { width: auto; } .uk-root .uk-child-width-expand\@s > :not([class*='uk-width']) { flex: 1; min-width: 1px; } } @media (min-width: 998px) { .uk-root .uk-child-width-1-1\@m > * { width: 100%; } .uk-root .uk-child-width-1-2\@m > * { width: 50%; } .uk-root .uk-child-width-1-3\@m > * { width: calc(100% * 1 / 3.001); } .uk-root .uk-child-width-1-4\@m > * { width: 25%; } .uk-root .uk-child-width-1-5\@m > * { width: 20%; } .uk-root .uk-child-width-1-6\@m > * { width: calc(100% * 1 / 6.001); } .uk-root .uk-child-width-auto\@m > * { width: auto; } .uk-root .uk-child-width-expand\@m > :not([class*='uk-width']) { flex: 1; min-width: 1px; } } @media (min-width: 1200px) { .uk-root .uk-child-width-1-1\@l > * { width: 100%; } .uk-root .uk-child-width-1-2\@l > * { width: 50%; } .uk-root .uk-child-width-1-3\@l > * { width: calc(100% * 1 / 3.001); } .uk-root .uk-child-width-1-4\@l > * { width: 25%; } .uk-root .uk-child-width-1-5\@l > * { width: 20%; } .uk-root .uk-child-width-1-6\@l > * { width: calc(100% * 1 / 6.001); } .uk-root .uk-child-width-auto\@l > * { width: auto; } .uk-root .uk-child-width-expand\@l > :not([class*='uk-width']) { flex: 1; min-width: 1px; } } @media (min-width: 1600px) { .uk-root .uk-child-width-1-1\@xl > * { width: 100%; } .uk-root .uk-child-width-1-2\@xl > * { width: 50%; } .uk-root .uk-child-width-1-3\@xl > * { width: calc(100% * 1 / 3.001); } .uk-root .uk-child-width-1-4\@xl > * { width: 25%; } .uk-root .uk-child-width-1-5\@xl > * { width: 20%; } .uk-root .uk-child-width-1-6\@xl > * { width: calc(100% * 1 / 6.001); } .uk-root .uk-child-width-auto\@xl > * { width: auto; } .uk-root .uk-child-width-expand\@xl > :not([class*='uk-width']) { flex: 1; min-width: 1px; } } .uk-root [class*='uk-width'] { box-sizing: border-box; width: 100%; /* 1 */ max-width: 100%; } .uk-root .uk-width-1-2 { width: 50%; } .uk-root .uk-width-1-3 { width: calc(100% * 1 / 3.001); } .uk-root .uk-width-2-3 { width: calc(100% * 2 / 3.001); } .uk-root .uk-width-1-4 { width: 25%; } .uk-root .uk-width-3-4 { width: 75%; } .uk-root .uk-width-1-5 { width: 20%; } .uk-root .uk-width-2-5 { width: 40%; } .uk-root .uk-width-3-5 { width: 60%; } .uk-root .uk-width-4-5 { width: 80%; } .uk-root .uk-width-1-6 { width: calc(100% * 1 / 6.001); } .uk-root .uk-width-5-6 { width: calc(100% * 5 / 6.001); } .uk-root .uk-width-small { width: 150px; } .uk-root .uk-width-medium { width: 300px; } .uk-root .uk-width-large { width: 450px; } .uk-root .uk-width-xlarge { width: 600px; } .uk-root .uk-width-xxlarge { width: 750px; } .uk-root .uk-width-auto { width: auto; } .uk-root .uk-width-expand { flex: 1; min-width: 1px; } @media (min-width: 400px) { .uk-root { /* Whole */ /* Halves */ /* Thirds */ /* Quarters */ /* Fifths */ /* Sixths */ /* Pixel */ /* Auto */ /* Expand */ } .uk-root .uk-width-1-1\@xs { width: 100%; } .uk-root .uk-width-1-2\@xs { width: 50%; } .uk-root .uk-width-1-3\@xs { width: calc(100% * 1 / 3.001); } .uk-root .uk-width-2-3\@xs { width: calc(100% * 2 / 3.001); } .uk-root .uk-width-1-4\@xs { width: 25%; } .uk-root .uk-width-3-4\@xs { width: 75%; } .uk-root .uk-width-1-5\@xs { width: 20%; } .uk-root .uk-width-2-5\@xs { width: 40%; } .uk-root .uk-width-3-5\@xs { width: 60%; } .uk-root .uk-width-4-5\@xs { width: 80%; } .uk-root .uk-width-1-6\@xs { width: calc(100% * 1 / 6.001); } .uk-root .uk-width-5-6\@xs { width: calc(100% * 5 / 6.001); } .uk-root .uk-width-small\@xs { width: 150px; } .uk-root .uk-width-medium\@xs { width: 300px; } .uk-root .uk-width-large\@xs { width: 450px; } .uk-root .uk-width-xlarge\@xs { width: 600px; } .uk-root .uk-width-xxlarge\@xs { width: 750px; } .uk-root .uk-width-auto\@xs { width: auto; } .uk-root .uk-width-expand\@xs { flex: 1; min-width: 1px; } .uk-root .uk-column-1-2\@xs { columns: 2; } .uk-root .uk-column-1-3\@xs { columns: 3; } .uk-root .uk-column-1-4\@xs { columns: 4; } .uk-root .uk-column-1-5\@xs { columns: 5; } } @media (min-width: 640px) { .uk-root { /* Whole */ /* Halves */ /* Thirds */ /* Quarters */ /* Fifths */ /* Sixths */ /* Pixel */ /* Auto */ /* Expand */ } .uk-root .uk-width-1-1\@s { width: 100%; } .uk-root .uk-width-1-2\@s { width: 50%; } .uk-root .uk-width-1-3\@s { width: calc(100% * 1 / 3.001); } .uk-root .uk-width-2-3\@s { width: calc(100% * 2 / 3.001); } .uk-root .uk-width-1-4\@s { width: 25%; } .uk-root .uk-width-3-4\@s { width: 75%; } .uk-root .uk-width-1-5\@s { width: 20%; } .uk-root .uk-width-2-5\@s { width: 40%; } .uk-root .uk-width-3-5\@s { width: 60%; } .uk-root .uk-width-4-5\@s { width: 80%; } .uk-root .uk-width-1-6\@s { width: calc(100% * 1 / 6.001); } .uk-root .uk-width-5-6\@s { width: calc(100% * 5 / 6.001); } .uk-root .uk-width-small\@s { width: 150px; } .uk-root .uk-width-medium\@s { width: 300px; } .uk-root .uk-width-large\@s { width: 450px; } .uk-root .uk-width-xlarge\@s { width: 600px; } .uk-root .uk-width-xxlarge\@s { width: 750px; } .uk-root .uk-width-auto\@s { width: auto; } .uk-root .uk-width-expand\@s { flex: 1; min-width: 1px; } } @media (min-width: 998px) { .uk-root { /* Whole */ /* Halves */ /* Thirds */ /* Quarters */ /* Fifths */ /* Sixths */ /* Pixel */ /* Auto */ /* Expand */ } .uk-root .uk-width-1-1\@m { width: 100%; } .uk-root .uk-width-1-2\@m { width: 50%; } .uk-root .uk-width-1-3\@m { width: calc(100% * 1 / 3.001); } .uk-root .uk-width-2-3\@m { width: calc(100% * 2 / 3.001); } .uk-root .uk-width-1-4\@m { width: 25%; } .uk-root .uk-width-3-4\@m { width: 75%; } .uk-root .uk-width-1-5\@m { width: 20%; } .uk-root .uk-width-2-5\@m { width: 40%; } .uk-root .uk-width-3-5\@m { width: 60%; } .uk-root .uk-width-4-5\@m { width: 80%; } .uk-root .uk-width-1-6\@m { width: calc(100% * 1 / 6.001); } .uk-root .uk-width-5-6\@m { width: calc(100% * 5 / 6.001); } .uk-root .uk-width-small\@m { width: 150px; } .uk-root .uk-width-medium\@m { width: 300px; } .uk-root .uk-width-large\@m { width: 450px; } .uk-root .uk-width-xlarge\@m { width: 600px; } .uk-root .uk-width-xxlarge\@m { width: 750px; } .uk-root .uk-width-auto\@m { width: auto; } .uk-root .uk-width-expand\@m { flex: 1; min-width: 1px; } } @media (min-width: 1200px) { .uk-root { /* Whole */ /* Halves */ /* Thirds */ /* Quarters */ /* Fifths */ /* Sixths */ /* Pixel */ /* Auto */ /* Expand */ } .uk-root .uk-width-1-1\@l { width: 100%; } .uk-root .uk-width-1-2\@l { width: 50%; } .uk-root .uk-width-1-3\@l { width: calc(100% * 1 / 3.001); } .uk-root .uk-width-2-3\@l { width: calc(100% * 2 / 3.001); } .uk-root .uk-width-1-4\@l { width: 25%; } .uk-root .uk-width-3-4\@l { width: 75%; } .uk-root .uk-width-1-5\@l { width: 20%; } .uk-root .uk-width-2-5\@l { width: 40%; } .uk-root .uk-width-3-5\@l { width: 60%; } .uk-root .uk-width-4-5\@l { width: 80%; } .uk-root .uk-width-1-6\@l { width: calc(100% * 1 / 6.001); } .uk-root .uk-width-5-6\@l { width: calc(100% * 5 / 6.001); } .uk-root .uk-width-small\@l { width: 150px; } .uk-root .uk-width-medium\@l { width: 300px; } .uk-root .uk-width-large\@l { width: 450px; } .uk-root .uk-width-xlarge\@l { width: 600px; } .uk-root .uk-width-xxlarge\@l { width: 750px; } .uk-root .uk-width-auto\@l { width: auto; } .uk-root .uk-width-expand\@l { flex: 1; min-width: 1px; } } @media (min-width: 1600px) { .uk-root { /* Whole */ /* Halves */ /* Thirds */ /* Quarters */ /* Fifths */ /* Sixths */ /* Pixel */ /* Auto */ /* Expand */ } .uk-root .uk-width-1-1\@xl { width: 100%; } .uk-root .uk-width-1-2\@xl { width: 50%; } .uk-root .uk-width-1-3\@xl { width: calc(100% * 1 / 3.001); } .uk-root .uk-width-2-3\@xl { width: calc(100% * 2 / 3.001); } .uk-root .uk-width-1-4\@xl { width: 25%; } .uk-root .uk-width-3-4\@xl { width: 75%; } .uk-root .uk-width-1-5\@xl { width: 20%; } .uk-root .uk-width-2-5\@xl { width: 40%; } .uk-root .uk-width-3-5\@xl { width: 60%; } .uk-root .uk-width-4-5\@xl { width: 80%; } .uk-root .uk-width-1-6\@xl { width: calc(100% * 1 / 6.001); } .uk-root .uk-width-5-6\@xl { width: calc(100% * 5 / 6.001); } .uk-root .uk-width-small\@xl { width: 150px; } .uk-root .uk-width-medium\@xl { width: 300px; } .uk-root .uk-width-large\@xl { width: 450px; } .uk-root .uk-width-xlarge\@xl { width: 600px; } .uk-root .uk-width-xxlarge\@xl { width: 750px; } .uk-root .uk-width-auto\@xl { width: auto; } .uk-root .uk-width-expand\@xl { flex: 1; min-width: 1px; } } .uk-root [class*='uk-height'] { box-sizing: border-box; } .uk-root .uk-height-1-1 { height: 100%; } .uk-root .uk-height-viewport { min-height: 100vh; } .uk-root .uk-height-small { height: 150px; } .uk-root .uk-height-medium { height: 300px; } .uk-root .uk-height-large { height: 450px; } .uk-root .uk-height-max-small { max-height: 150px; } .uk-root .uk-height-max-medium { max-height: 300px; } .uk-root .uk-height-max-large { max-height: 450px; } .uk-root .uk-text-lead { font-size: 1.5rem; line-height: 1.5; color: #333; } .uk-root .uk-text-meta { font-size: 0.875rem; line-height: 1.4; color: #999; } .uk-root .uk-text-meta a { color: #999; } .uk-root .uk-text-meta a:hover { color: #666; text-decoration: none; } .uk-root .uk-text-small { font-size: 0.875rem; line-height: 1.5; } .uk-root .uk-text-large { font-size: 1.5rem; line-height: 1.5; } .uk-root .uk-text-bold { font-weight: bolder; } .uk-root .uk-text-uppercase { text-transform: uppercase !important; } .uk-root .uk-text-capitalize { text-transform: capitalize !important; } .uk-root .uk-text-lowercase { text-transform: lowercase !important; } .uk-root .uk-text-muted { color: #999 !important; } .uk-root .uk-text-emphasis { color: #333 !important; } .uk-root .uk-text-primary { color: #444 !important; } .uk-root .uk-text-secondary { color: #222 !important; } .uk-root .uk-text-success { color: #367f00 !important; } .uk-root .uk-text-warning { color: #ff710a !important; } .uk-root .uk-text-danger { color: #d50000 !important; } .uk-root .uk-text-background { /* 1 */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* 2 */ display: inline-block; /* 3 */ color: #444 !important; } @supports (-webkit-background-clip: text) { .uk-root .uk-text-background { background-color: #444; } } .uk-root .uk-text-left { text-align: left !important; } .uk-root .uk-text-right { text-align: right !important; } .uk-root .uk-text-center { text-align: center !important; } .uk-root .uk-text-justify { text-align: justify !important; } @media (min-width: 640px) { .uk-root .uk-text-left\@s { text-align: left !important; } .uk-root .uk-text-right\@s { text-align: right !important; } .uk-root .uk-text-center\@s { text-align: center !important; } } @media (min-width: 998px) { .uk-root .uk-text-left\@m { text-align: left !important; } .uk-root .uk-text-right\@m { text-align: right !important; } .uk-root .uk-text-center\@m { text-align: center !important; } } @media (min-width: 1200px) { .uk-root .uk-text-left\@l { text-align: left !important; } .uk-root .uk-text-right\@l { text-align: right !important; } .uk-root .uk-text-center\@l { text-align: center !important; } } @media (min-width: 1600px) { .uk-root .uk-text-left\@xl { text-align: left !important; } .uk-root .uk-text-right\@xl { text-align: right !important; } .uk-root .uk-text-center\@xl { text-align: center !important; } } .uk-root .uk-text-top { vertical-align: top !important; } .uk-root .uk-text-middle { vertical-align: middle !important; } .uk-root .uk-text-bottom { vertical-align: bottom !important; } .uk-root .uk-text-baseline { vertical-align: baseline !important; } .uk-root .uk-text-nowrap { white-space: nowrap; } .uk-root .uk-text-truncate { /* 1 */ max-width: 100%; /* 2 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uk-root th.uk-text-truncate, .uk-root td.uk-text-truncate { max-width: 0; } .uk-root .uk-text-break { /* 1 */ overflow-wrap: break-word; /* 2 */ word-wrap: break-word; } .uk-root th.uk-text-break, .uk-root td.uk-text-break { word-break: break-all; } .uk-root [class*='uk-column-'] { column-gap: 18px; } @media (min-width: 1200px) { .uk-root [class*='uk-column-'] { column-gap: 27px; } } .uk-root [class*='uk-column-'] img { transform: translate3d(0, 0, 0); } .uk-root .uk-column-divider { column-rule: 1px solid #e5e5e5; /* 1 */ column-gap: 36px; } @media (min-width: 1200px) { .uk-root .uk-column-divider { column-gap: 54px; } } .uk-root .uk-column-1-2 { column-count: 2; } .uk-root .uk-column-1-3 { column-count: 3; } .uk-root .uk-column-1-4 { column-count: 4; } .uk-root .uk-column-1-5 { column-count: 5; } .uk-root .uk-column-1-6 { column-count: 6; } @media (min-width: 640px) { .uk-root .uk-column-1-2\@s { column-count: 2; } .uk-root .uk-column-1-3\@s { column-count: 3; } .uk-root .uk-column-1-4\@s { column-count: 4; } .uk-root .uk-column-1-5\@s { column-count: 5; } .uk-root .uk-column-1-6\@s { column-count: 6; } } @media (min-width: 998px) { .uk-root .uk-column-1-2\@m { column-count: 2; } .uk-root .uk-column-1-3\@m { column-count: 3; } .uk-root .uk-column-1-4\@m { column-count: 4; } .uk-root .uk-column-1-5\@m { column-count: 5; } .uk-root .uk-column-1-6\@m { column-count: 6; } } @media (min-width: 1200px) { .uk-root .uk-column-1-2\@l { column-count: 2; } .uk-root .uk-column-1-3\@l { column-count: 3; } .uk-root .uk-column-1-4\@l { column-count: 4; } .uk-root .uk-column-1-5\@l { column-count: 5; } .uk-root .uk-column-1-6\@l { column-count: 6; } } @media (min-width: 1600px) { .uk-root .uk-column-1-2\@xl { column-count: 2; } .uk-root .uk-column-1-3\@xl { column-count: 3; } .uk-root .uk-column-1-4\@xl { column-count: 4; } .uk-root .uk-column-1-5\@xl { column-count: 5; } .uk-root .uk-column-1-6\@xl { column-count: 6; } } .uk-root .uk-column-span { column-span: all; } .uk-root .uk-cover { /* 1 */ max-width: none; /* 2 */ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .uk-root iframe.uk-cover { pointer-events: none; } .uk-root .uk-cover-container { /* 1 */ overflow: hidden; /* 2 */ position: relative; } .uk-root .uk-background-default { background-color: #fff; } .uk-root .uk-background-muted { background-color: #f8f8f8; } .uk-root .uk-background-primary { background-color: #444; } .uk-root .uk-background-secondary { background-color: #222; } .uk-root .uk-background-cover, .uk-root .uk-background-contain { background-position: 50% 50%; background-repeat: no-repeat; } .uk-root .uk-background-cover { background-size: cover; } .uk-root .uk-background-contain { background-size: contain; } .uk-root .uk-background-top-left { background-position: 0 0; } .uk-root .uk-background-top-center { background-position: 50% 0; } .uk-root .uk-background-top-right { background-position: 100% 0; } .uk-root .uk-background-center-left { background-position: 0 50%; } .uk-root .uk-background-center-center { background-position: 50% 50%; } .uk-root .uk-background-center-right { background-position: 100% 50%; } .uk-root .uk-background-bottom-left { background-position: 0 100%; } .uk-root .uk-background-bottom-center { background-position: 50% 100%; } .uk-root .uk-background-bottom-right { background-position: 100% 100%; } .uk-root .uk-background-norepeat { background-repeat: no-repeat; } .uk-root .uk-background-fixed { background-attachment: fixed; /* 1 */ backface-visibility: hidden; } @media (pointer: coarse) { .uk-root .uk-background-fixed { background-attachment: scroll; } } @media (max-width: 639px) { .uk-root .uk-background-image\@s { background-image: none !important; } } @media (max-width: 997px) { .uk-root .uk-background-image\@m { background-image: none !important; } } @media (max-width: 1199px) { .uk-root .uk-background-image\@l { background-image: none !important; } } @media (max-width: 1599px) { .uk-root .uk-background-image\@xl { background-image: none !important; } } .uk-root .uk-background-blend-multiply { background-blend-mode: multiply; } .uk-root .uk-background-blend-screen { background-blend-mode: screen; } .uk-root .uk-background-blend-overlay { background-blend-mode: overlay; } .uk-root .uk-background-blend-darken { background-blend-mode: darken; } .uk-root .uk-background-blend-lighten { background-blend-mode: lighten; } .uk-root .uk-background-blend-color-dodge { background-blend-mode: color-dodge; } .uk-root .uk-background-blend-color-burn { background-blend-mode: color-burn; } .uk-root .uk-background-blend-hard-light { background-blend-mode: hard-light; } .uk-root .uk-background-blend-soft-light { background-blend-mode: soft-light; } .uk-root .uk-background-blend-difference { background-blend-mode: difference; } .uk-root .uk-background-blend-exclusion { background-blend-mode: exclusion; } .uk-root .uk-background-blend-hue { background-blend-mode: hue; } .uk-root .uk-background-blend-saturation { background-blend-mode: saturation; } .uk-root .uk-background-blend-color { background-blend-mode: color; } .uk-root .uk-background-blend-luminosity { background-blend-mode: luminosity; } .uk-root [class*='uk-align'] { display: block; margin-bottom: 18px; } .uk-root * + [class*='uk-align'] { margin-top: 18px; } .uk-root .uk-align-center { margin-left: auto; margin-right: auto; } .uk-root .uk-align-left { margin-top: 0; margin-right: 18px; float: left; } .uk-root .uk-align-right { margin-top: 0; margin-left: 18px; float: right; } @media (min-width: 640px) { .uk-root .uk-align-left\@s { margin-top: 0; margin-right: 18px; float: left; } .uk-root .uk-align-right\@s { margin-top: 0; margin-left: 18px; float: right; } } @media (min-width: 998px) { .uk-root .uk-align-left\@m { margin-top: 0; margin-right: 18px; float: left; } .uk-root .uk-align-right\@m { margin-top: 0; margin-left: 18px; float: right; } } @media (min-width: 1200px) { .uk-root .uk-align-left\@l { margin-top: 0; float: left; } .uk-root .uk-align-right\@l { margin-top: 0; float: right; } .uk-root .uk-align-left, .uk-root .uk-align-left\@s, .uk-root .uk-align-left\@m, .uk-root .uk-align-left\@l { margin-right: 27px; } .uk-root .uk-align-right, .uk-root .uk-align-right\@s, .uk-root .uk-align-right\@m, .uk-root .uk-align-right\@l { margin-left: 27px; } } @media (min-width: 1600px) { .uk-root .uk-align-left\@xl { margin-top: 0; margin-right: 27px; float: left; } .uk-root .uk-align-right\@xl { margin-top: 0; margin-left: 27px; float: right; } } .uk-root .uk-svg, .uk-root .uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill: currentcolor; } .uk-root .uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke: currentcolor; } .uk-root .uk-svg { transform: translate(0, 0); } .uk-root .uk-panel { position: relative; box-sizing: border-box; } .uk-root .uk-panel::before, .uk-root .uk-panel::after { content: ""; display: table; } .uk-root .uk-panel::after { clear: both; } .uk-root .uk-panel > :last-child { margin-bottom: 0; } .uk-root .uk-panel-scrollable { height: 170px; padding: 10px; border: 1px solid #e5e5e5; overflow: auto; -webkit-overflow-scrolling: touch; resize: both; } .uk-root .uk-clearfix::before { content: ""; display: table-cell; } .uk-root .uk-clearfix::after { content: ""; display: table; clear: both; } .uk-root .uk-float-left { float: left; } .uk-root .uk-float-right { float: right; } .uk-root [class*='uk-float-'] { max-width: 100%; } .uk-root .uk-overflow-hidden { overflow: hidden; } .uk-root .uk-overflow-auto { overflow: auto; -webkit-overflow-scrolling: touch; } .uk-root .uk-overflow-auto > :last-child { margin-bottom: 0; } .uk-root .uk-resize { resize: both; } .uk-root .uk-resize-vertical { resize: vertical; } .uk-root .uk-display-block { display: block !important; } .uk-root .uk-display-inline { display: inline !important; } .uk-root .uk-display-inline-block { display: inline-block !important; } .uk-root [class*='uk-inline'] { /* 1 */ display: inline-block; /* 2 */ position: relative; /* 3 */ max-width: 100%; /* 4 */ vertical-align: middle; /* 5 */ -webkit-backface-visibility: hidden; } .uk-root .uk-inline-clip { /* 6 */ overflow: hidden; } .uk-root .uk-preserve-width, .uk-root .uk-preserve-width canvas, .uk-root .uk-preserve-width img, .uk-root .uk-preserve-width svg, .uk-root .uk-preserve-width video { max-width: none; } .uk-root .uk-responsive-width, .uk-root .uk-responsive-height { box-sizing: border-box; } .uk-root .uk-responsive-width { /* 1 */ max-width: 100% !important; /* 2 */ height: auto; } .uk-root .uk-responsive-height { /* 1 */ max-height: 100%; /* 2 */ width: auto; /* 3 */ max-width: none; } .uk-root .uk-border-circle { border-radius: 50%; } .uk-root .uk-border-pill { border-radius: 500px; } .uk-root .uk-border-rounded { border-radius: 5px; } .uk-root .uk-inline-clip[class*='uk-border-'] { -webkit-transform: translateZ(0); } .uk-root .uk-box-shadow-small { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .uk-root .uk-box-shadow-medium { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } .uk-root .uk-box-shadow-large { box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-root .uk-box-shadow-xlarge { box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); } .uk-root [class*='uk-box-shadow-hover'] { transition: box-shadow 0.1s ease-in-out; } .uk-root .uk-box-shadow-hover-small:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .uk-root .uk-box-shadow-hover-medium:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } .uk-root .uk-box-shadow-hover-large:hover { box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-root .uk-box-shadow-hover-xlarge:hover { box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); } @supports (filter: blur(0)) { .uk-root { /* 3 */ } .uk-root .uk-box-shadow-bottom { display: inline-block; position: relative; max-width: 100%; vertical-align: middle; } .uk-root .uk-box-shadow-bottom::before { content: ''; /* 1 */ position: absolute; bottom: -30px; left: 0; right: 0; /* 2 */ height: 30px; border-radius: 100%; background: #444; filter: blur(20px); } .uk-root .uk-box-shadow-bottom > * { position: relative; } } .uk-root .uk-dropcap::first-letter, .uk-root .uk-dropcap > p:first-of-type::first-letter { display: block; margin-right: 10px; float: left; font-size: 4.5em; line-height: 1; margin-bottom: -2px; } @-moz-document url-prefix() { .uk-root .uk-dropcap::first-letter, .uk-root .uk-dropcap > p:first-of-type::first-letter { margin-top: 1.1%; } } @supports (-ms-ime-align: auto) { .uk-root .uk-dropcap > p:first-of-type::first-letter { font-size: 1em; } } .uk-root .uk-logo { font-size: 1.5rem; font-family: Arial, Helvetica, sans-serif; color: #666; /* 1 */ text-decoration: none; } .uk-root .uk-logo:hover, .uk-root .uk-logo:focus { color: #666; outline: none; /* 1 */ text-decoration: none; } .uk-root .uk-logo-inverse { display: none; } .uk-root .uk-disabled { pointer-events: none; } .uk-root .uk-drag, .uk-root .uk-drag * { cursor: move; } .uk-root .uk-drag iframe { pointer-events: none; } .uk-root .uk-dragover { box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); } .uk-root .uk-blend-multiply { mix-blend-mode: multiply; } .uk-root .uk-blend-screen { mix-blend-mode: screen; } .uk-root .uk-blend-overlay { mix-blend-mode: overlay; } .uk-root .uk-blend-darken { mix-blend-mode: darken; } .uk-root .uk-blend-lighten { mix-blend-mode: lighten; } .uk-root .uk-blend-color-dodge { mix-blend-mode: color-dodge; } .uk-root .uk-blend-color-burn { mix-blend-mode: color-burn; } .uk-root .uk-blend-hard-light { mix-blend-mode: hard-light; } .uk-root .uk-blend-soft-light { mix-blend-mode: soft-light; } .uk-root .uk-blend-difference { mix-blend-mode: difference; } .uk-root .uk-blend-exclusion { mix-blend-mode: exclusion; } .uk-root .uk-blend-hue { mix-blend-mode: hue; } .uk-root .uk-blend-saturation { mix-blend-mode: saturation; } .uk-root .uk-blend-color { mix-blend-mode: color; } .uk-root .uk-blend-luminosity { mix-blend-mode: luminosity; } .uk-root .uk-transform-center { transform: translate(-50%, -50%); } .uk-root .uk-transform-origin-top-left { transform-origin: 0 0; } .uk-root .uk-transform-origin-top-center { transform-origin: 50% 0; } .uk-root .uk-transform-origin-top-right { transform-origin: 100% 0; } .uk-root .uk-transform-origin-center-left { transform-origin: 0 50%; } .uk-root .uk-transform-origin-center-right { transform-origin: 100% 50%; } .uk-root .uk-transform-origin-bottom-left { transform-origin: 0 100%; } .uk-root .uk-transform-origin-bottom-center { transform-origin: 50% 100%; } .uk-root .uk-transform-origin-bottom-right { transform-origin: 100% 100%; } .uk-root .uk-flex { display: flex; } .uk-root .uk-flex-inline { display: inline-flex; } .uk-root .uk-flex::before, .uk-root .uk-flex::after, .uk-root .uk-flex-inline::before, .uk-root .uk-flex-inline::after { display: none; } .uk-root .uk-flex-left { justify-content: flex-start; } .uk-root .uk-flex-center { justify-content: center; } .uk-root .uk-flex-right { justify-content: flex-end; } .uk-root .uk-flex-between { justify-content: space-between; } .uk-root .uk-flex-around { justify-content: space-around; } @media (min-width: 640px) { .uk-root .uk-flex-left\@s { justify-content: flex-start; } .uk-root .uk-flex-center\@s { justify-content: center; } .uk-root .uk-flex-right\@s { justify-content: flex-end; } .uk-root .uk-flex-between\@s { justify-content: space-between; } .uk-root .uk-flex-around\@s { justify-content: space-around; } } @media (min-width: 998px) { .uk-root .uk-flex-left\@m { justify-content: flex-start; } .uk-root .uk-flex-center\@m { justify-content: center; } .uk-root .uk-flex-right\@m { justify-content: flex-end; } .uk-root .uk-flex-between\@m { justify-content: space-between; } .uk-root .uk-flex-around\@m { justify-content: space-around; } } @media (min-width: 1200px) { .uk-root .uk-flex-left\@l { justify-content: flex-start; } .uk-root .uk-flex-center\@l { justify-content: center; } .uk-root .uk-flex-right\@l { justify-content: flex-end; } .uk-root .uk-flex-between\@l { justify-content: space-between; } .uk-root .uk-flex-around\@l { justify-content: space-around; } } @media (min-width: 1600px) { .uk-root .uk-flex-left\@xl { justify-content: flex-start; } .uk-root .uk-flex-center\@xl { justify-content: center; } .uk-root .uk-flex-right\@xl { justify-content: flex-end; } .uk-root .uk-flex-between\@xl { justify-content: space-between; } .uk-root .uk-flex-around\@xl { justify-content: space-around; } } .uk-root .uk-flex-stretch { align-items: stretch; } .uk-root .uk-flex-top { align-items: flex-start; } .uk-root .uk-flex-middle { align-items: center; } .uk-root .uk-flex-bottom { align-items: flex-end; } .uk-root .uk-flex-row { flex-direction: row; } .uk-root .uk-flex-row-reverse { flex-direction: row-reverse; } .uk-root .uk-flex-column { flex-direction: column; } .uk-root .uk-flex-column-reverse { flex-direction: column-reverse; } .uk-root .uk-flex-nowrap { flex-wrap: nowrap; } .uk-root .uk-flex-wrap { flex-wrap: wrap; } .uk-root .uk-flex-wrap-reverse { flex-wrap: wrap-reverse; } .uk-root .uk-flex-wrap-stretch { align-content: stretch; } .uk-root .uk-flex-wrap-top { align-content: flex-start; } .uk-root .uk-flex-wrap-middle { align-content: center; } .uk-root .uk-flex-wrap-bottom { align-content: flex-end; } .uk-root .uk-flex-wrap-between { align-content: space-between; } .uk-root .uk-flex-wrap-around { align-content: space-around; } .uk-root .uk-flex-first { order: -1; } .uk-root .uk-flex-last { order: 99; } @media (min-width: 640px) { .uk-root .uk-flex-first\@s { order: -1; } .uk-root .uk-flex-last\@s { order: 99; } } @media (min-width: 998px) { .uk-root .uk-flex-first\@m { order: -1; } .uk-root .uk-flex-last\@m { order: 99; } } @media (min-width: 1200px) { .uk-root .uk-flex-first\@l { order: -1; } .uk-root .uk-flex-last\@l { order: 99; } } @media (min-width: 1600px) { .uk-root .uk-flex-first\@xl { order: -1; } .uk-root .uk-flex-last\@xl { order: 99; } } .uk-root .uk-flex-none { flex: none; } .uk-root .uk-flex-auto { flex: auto; } .uk-root .uk-flex-1 { flex: 1; } .uk-root .uk-margin { margin-bottom: 20px; } .uk-root * + .uk-margin { margin-top: 20px !important; } .uk-root .uk-margin-top { margin-top: 20px !important; } .uk-root .uk-margin-bottom { margin-bottom: 20px !important; } .uk-root .uk-margin-left { margin-left: 20px !important; } .uk-root .uk-margin-right { margin-right: 20px !important; } .uk-root .uk-margin-small { margin-bottom: 8px; } .uk-root * + .uk-margin-small { margin-top: 8px !important; } .uk-root .uk-margin-small-top { margin-top: 8px !important; } .uk-root .uk-margin-small-bottom { margin-bottom: 8px !important; } .uk-root .uk-margin-small-left { margin-left: 8px !important; } .uk-root .uk-margin-small-right { margin-right: 8px !important; } .uk-root .uk-margin-medium { margin-bottom: 24px; } .uk-root * + .uk-margin-medium { margin-top: 24px !important; } .uk-root .uk-margin-medium-top { margin-top: 24px !important; } .uk-root .uk-margin-medium-bottom { margin-bottom: 24px !important; } .uk-root .uk-margin-medium-left { margin-left: 24px !important; } .uk-root .uk-margin-medium-right { margin-right: 24px !important; } .uk-root .uk-margin-large { margin-bottom: 24px; } .uk-root * + .uk-margin-large { margin-top: 24px !important; } .uk-root .uk-margin-large-top { margin-top: 24px !important; } .uk-root .uk-margin-large-bottom { margin-bottom: 24px !important; } .uk-root .uk-margin-large-left { margin-left: 24px !important; } .uk-root .uk-margin-large-right { margin-right: 24px !important; } @media (min-width: 1200px) { .uk-root .uk-margin-large { margin-bottom: 48px; } .uk-root * + .uk-margin-large { margin-top: 48px !important; } .uk-root .uk-margin-large-top { margin-top: 48px !important; } .uk-root .uk-margin-large-bottom { margin-bottom: 48px !important; } .uk-root .uk-margin-large-left { margin-left: 48px !important; } .uk-root .uk-margin-large-right { margin-right: 48px !important; } } .uk-root .uk-margin-xlarge { margin-bottom: 48px; } .uk-root * + .uk-margin-xlarge { margin-top: 48px !important; } .uk-root .uk-margin-xlarge-top { margin-top: 48px !important; } .uk-root .uk-margin-xlarge-bottom { margin-bottom: 48px !important; } .uk-root .uk-margin-xlarge-left { margin-left: 48px !important; } .uk-root .uk-margin-xlarge-right { margin-right: 48px !important; } @media (min-width: 1200px) { .uk-root .uk-margin-xlarge { margin-bottom: 64px; } .uk-root * + .uk-margin-xlarge { margin-top: 64px !important; } .uk-root .uk-margin-xlarge-top { margin-top: 64px !important; } .uk-root .uk-margin-xlarge-bottom { margin-bottom: 64px !important; } .uk-root .uk-margin-xlarge-left { margin-left: 64px !important; } .uk-root .uk-margin-xlarge-right { margin-right: 64px !important; } } .uk-root .uk-margin-auto { margin-left: auto !important; margin-right: auto !important; } .uk-root .uk-margin-auto-top { margin-top: auto !important; } .uk-root .uk-margin-auto-bottom { margin-bottom: auto !important; } .uk-root .uk-margin-auto-left { margin-left: auto !important; } .uk-root .uk-margin-auto-right { margin-right: auto !important; } .uk-root .uk-margin-auto-vertical { margin-top: auto !important; margin-bottom: auto !important; } @media (min-width: 640px) { .uk-root .uk-margin-auto\@s { margin-left: auto !important; margin-right: auto !important; } .uk-root .uk-margin-auto-left\@s { margin-left: auto !important; } .uk-root .uk-margin-auto-right\@s { margin-right: auto !important; } } @media (min-width: 998px) { .uk-root .uk-margin-auto\@m { margin-left: auto !important; margin-right: auto !important; } .uk-root .uk-margin-auto-left\@m { margin-left: auto !important; } .uk-root .uk-margin-auto-right\@m { margin-right: auto !important; } } @media (min-width: 1200px) { .uk-root .uk-margin-auto\@l { margin-left: auto !important; margin-right: auto !important; } .uk-root .uk-margin-auto-left\@l { margin-left: auto !important; } .uk-root .uk-margin-auto-right\@l { margin-right: auto !important; } } @media (min-width: 1600px) { .uk-root .uk-margin-auto\@xl { margin-left: auto !important; margin-right: auto !important; } .uk-root .uk-margin-auto-left\@xl { margin-left: auto !important; } .uk-root .uk-margin-auto-right\@xl { margin-right: auto !important; } } .uk-root .uk-margin-remove { margin: 0 !important; } .uk-root .uk-margin-remove-top { margin-top: 0 !important; } .uk-root .uk-margin-remove-bottom { margin-bottom: 0 !important; } .uk-root .uk-margin-remove-left { margin-left: 0 !important; } .uk-root .uk-margin-remove-right { margin-right: 0 !important; } .uk-root .uk-margin-remove-vertical { margin-top: 0 !important; margin-bottom: 0 !important; } .uk-root .uk-margin-remove-adjacent + *, .uk-root .uk-margin-remove-first-child > :first-child { margin-top: 0 !important; } .uk-root .uk-margin-remove-last-child > :last-child { margin-bottom: 0 !important; } @media (min-width: 640px) { .uk-root .uk-margin-remove-left\@s { margin-left: 0 !important; } .uk-root .uk-margin-remove-right\@s { margin-right: 0 !important; } } @media (min-width: 998px) { .uk-root .uk-margin-remove-left\@m { margin-left: 0 !important; } .uk-root .uk-margin-remove-right\@m { margin-right: 0 !important; } } @media (min-width: 1200px) { .uk-root .uk-margin-remove-left\@l { margin-left: 0 !important; } .uk-root .uk-margin-remove-right\@l { margin-right: 0 !important; } } @media (min-width: 1600px) { .uk-root .uk-margin-remove-left\@xl { margin-left: 0 !important; } .uk-root .uk-margin-remove-right\@xl { margin-right: 0 !important; } } .uk-root .uk-padding { padding: 18px; } @media (min-width: 1200px) { .uk-root .uk-padding { padding: 27px; } } .uk-root .uk-padding-small { padding: 9px; } .uk-root .uk-padding-large { padding: 18px; } @media (min-width: 1200px) { .uk-root .uk-padding-large { padding: 56px; } } .uk-root .uk-padding-remove { padding: 0 !important; } .uk-root .uk-padding-remove-top { padding-top: 0 !important; } .uk-root .uk-padding-remove-bottom { padding-bottom: 0 !important; } .uk-root .uk-padding-remove-left { padding-left: 0 !important; } .uk-root .uk-padding-remove-right { padding-right: 0 !important; } .uk-root .uk-padding-remove-vertical { padding-top: 0 !important; padding-bottom: 0 !important; } .uk-root .uk-padding-remove-horizontal { padding-left: 0 !important; padding-right: 0 !important; } .uk-root [class*='uk-position-top'], .uk-root [class*='uk-position-bottom'], .uk-root [class*='uk-position-left'], .uk-root [class*='uk-position-right'], .uk-root [class*='uk-position-center'] { position: absolute !important; } .uk-root .uk-position-top { top: 0; left: 0; right: 0; } .uk-root .uk-position-bottom { bottom: 0; left: 0; right: 0; } .uk-root .uk-position-left { top: 0; bottom: 0; left: 0; } .uk-root .uk-position-right { top: 0; bottom: 0; right: 0; } .uk-root .uk-position-top-left { top: 0; left: 0; } .uk-root .uk-position-top-right { top: 0; right: 0; } .uk-root .uk-position-bottom-left { bottom: 0; left: 0; } .uk-root .uk-position-bottom-right { bottom: 0; right: 0; } .uk-root .uk-position-center { top: 50%; left: 50%; transform: translate(-50%, -50%); /* 1 */ width: max-content; max-width: 100%; box-sizing: border-box; } .uk-root [class*='uk-position-center-left'], .uk-root [class*='uk-position-center-right'] { top: 50%; transform: translateY(-50%); } .uk-root .uk-position-center-left { left: 0; } .uk-root .uk-position-center-right { right: 0; } .uk-root .uk-position-center-left-out { right: 100%; width: max-content; } .uk-root .uk-position-center-right-out { left: 100%; width: max-content; } .uk-root .uk-position-top-center, .uk-root .uk-position-bottom-center { left: 50%; transform: translateX(-50%); /* 1 */ width: max-content; max-width: 100%; box-sizing: border-box; } .uk-root .uk-position-top-center { top: 0; } .uk-root .uk-position-bottom-center { bottom: 0; } .uk-root .uk-position-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .uk-root .uk-position-relative { position: relative !important; } .uk-root .uk-position-absolute { position: absolute !important; } .uk-root .uk-position-fixed { position: fixed !important; } .uk-root .uk-position-z-index { z-index: 1; } .uk-root .uk-position-small { max-width: calc(100% - (9px * 2)); margin: 9px; } .uk-root .uk-position-small.uk-position-center { transform: translate(-50%, -50%) translate(-9px, -9px); } .uk-root .uk-position-small[class*='uk-position-center-left'], .uk-root .uk-position-small[class*='uk-position-center-right'] { transform: translateY(-50%) translateY(-9px); } .uk-root .uk-position-small.uk-position-top-center, .uk-root .uk-position-small.uk-position-bottom-center { transform: translateX(-50%) translateX(-9px); } .uk-root .uk-position-medium { max-width: calc(100% - (18px * 2)); margin: 18px; } .uk-root .uk-position-medium.uk-position-center { transform: translate(-50%, -50%) translate(-18px, -18px); } .uk-root .uk-position-medium[class*='uk-position-center-left'], .uk-root .uk-position-medium[class*='uk-position-center-right'] { transform: translateY(-50%) translateY(-18px); } .uk-root .uk-position-medium.uk-position-top-center, .uk-root .uk-position-medium.uk-position-bottom-center { transform: translateX(-50%) translateX(-18px); } .uk-root .uk-position-large { max-width: calc(100% - (18px * 2)); margin: 18px; } .uk-root .uk-position-large.uk-position-center { transform: translate(-50%, -50%) translate(-18px, -18px); } .uk-root .uk-position-large[class*='uk-position-center-left'], .uk-root .uk-position-large[class*='uk-position-center-right'] { transform: translateY(-50%) translateY(-18px); } .uk-root .uk-position-large.uk-position-top-center, .uk-root .uk-position-large.uk-position-bottom-center { transform: translateX(-50%) translateX(-18px); } @media (min-width: 1200px) { .uk-root .uk-position-large { max-width: calc(100% - (50px * 2)); margin: 50px; } .uk-root .uk-position-large.uk-position-center { transform: translate(-50%, -50%) translate(-50px, -50px); } .uk-root .uk-position-large[class*='uk-position-center-left'], .uk-root .uk-position-large[class*='uk-position-center-right'] { transform: translateY(-50%) translateY(-50px); } .uk-root .uk-position-large.uk-position-top-center, .uk-root .uk-position-large.uk-position-bottom-center { transform: translateX(-50%) translateX(-50px); } } .uk-root .uk-transition-toggle { /* 1 */ -webkit-tap-highlight-color: transparent; } .uk-root .uk-transition-toggle:focus { outline: none; } .uk-root .uk-transition-fade, .uk-root [class*='uk-transition-scale'], .uk-root [class*='uk-transition-slide'] { transition: 0.3s ease-out; transition-property: opacity, transform, filter; opacity: 0; } .uk-root .uk-transition-toggle:hover .uk-transition-fade, .uk-root .uk-transition-toggle:focus .uk-transition-fade, .uk-root .uk-transition-active.uk-active .uk-transition-fade { opacity: 1; } .uk-root .uk-transition-scale-up { transform: scale(1, 1); } .uk-root .uk-transition-scale-down { transform: scale(1.1, 1.1); } .uk-root .uk-transition-toggle:hover .uk-transition-scale-up, .uk-root .uk-transition-toggle:focus .uk-transition-scale-up, .uk-root .uk-transition-active.uk-active .uk-transition-scale-up { opacity: 1; transform: scale(1.1, 1.1); } .uk-root .uk-transition-toggle:hover .uk-transition-scale-down, .uk-root .uk-transition-toggle:focus .uk-transition-scale-down, .uk-root .uk-transition-active.uk-active .uk-transition-scale-down { opacity: 1; transform: scale(1, 1); } .uk-root .uk-transition-slide-top { transform: translateY(-100%); } .uk-root .uk-transition-slide-bottom { transform: translateY(100%); } .uk-root .uk-transition-slide-left { transform: translateX(-100%); } .uk-root .uk-transition-slide-right { transform: translateX(100%); } .uk-root .uk-transition-slide-top-small { transform: translateY(-10px); } .uk-root .uk-transition-slide-bottom-small { transform: translateY(10px); } .uk-root .uk-transition-slide-left-small { transform: translateX(-10px); } .uk-root .uk-transition-slide-right-small { transform: translateX(10px); } .uk-root .uk-transition-slide-top-medium { transform: translateY(-50px); } .uk-root .uk-transition-slide-bottom-medium { transform: translateY(50px); } .uk-root .uk-transition-slide-left-medium { transform: translateX(-50px); } .uk-root .uk-transition-slide-right-medium { transform: translateX(50px); } .uk-root .uk-transition-toggle:hover [class*='uk-transition-slide'], .uk-root .uk-transition-toggle:focus [class*='uk-transition-slide'], .uk-root .uk-transition-active.uk-active [class*='uk-transition-slide'] { opacity: 1; transform: translate(0, 0); } .uk-root .uk-transition-opaque { opacity: 1; } .uk-root .uk-transition-slow { transition-duration: 0.7s; } .uk-root [hidden], .uk-root .uk-hidden { display: none !important; } @media (min-width: 640px) { .uk-root .uk-hidden\@s { display: none !important; } } @media (min-width: 998px) { .uk-root .uk-hidden\@m { display: none !important; } } @media (min-width: 1200px) { .uk-root .uk-hidden\@l { display: none !important; } } @media (min-width: 1600px) { .uk-root .uk-hidden\@xl { display: none !important; } } @media (max-width: 639px) { .uk-root .uk-visible\@s { display: none !important; } } @media (max-width: 997px) { .uk-root .uk-visible\@m { display: none !important; } } @media (max-width: 1199px) { .uk-root .uk-visible\@l { display: none !important; } } @media (max-width: 1599px) { .uk-root .uk-visible\@xl { display: none !important; } } .uk-root .uk-invisible { visibility: hidden !important; } .uk-root .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { /* 3 */ position: absolute !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } .uk-root .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { /* 3 */ opacity: 0 !important; } .uk-root .uk-visible-toggle { /* 1 */ -webkit-tap-highlight-color: transparent; } .uk-root .uk-visible-toggle:focus { outline: none; } @media (pointer: coarse) { .uk-root .uk-hidden-touch { display: none !important; } } .uk-root .uk-hidden-notouch { display: none !important; } @media (pointer: coarse) { .uk-root .uk-hidden-notouch { display: block !important; } } @media print { .uk-root *, .uk-root *::before, .uk-root *::after { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } .uk-root a, .uk-root a:visited { text-decoration: underline; } .uk-root pre, .uk-root blockquote { border: 1px solid #999; page-break-inside: avoid; } .uk-root thead { display: table-header-group; } .uk-root tr, .uk-root img { page-break-inside: avoid; } .uk-root img { max-width: 100% !important; } @page { margin: 0.5cm; } .uk-root p, .uk-root h2, .uk-root h3 { orphans: 3; widows: 3; } .uk-root h2, .uk-root h3 { page-break-after: avoid; } } @font-face { font-family: 'Lato'; src: url('/foundation/fonts/fdn-lato-black.woff2') format('woff2'), url('/foundation/fonts/fdn-lato-black.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Lato'; src: url('/foundation/fonts/fdn-lato-bold.woff2') format('woff2'), url('/foundation/fonts/fdn-lato-bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Lato'; src: url('/foundation/fonts/fdn-lato-light.woff2') format('woff2'), url('/foundation/fonts/fdn-lato-light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Lato'; src: url('/foundation/fonts/fdn-lato-regular.woff2') format('woff2'), url('/foundation/fonts/fdn-lato-regular.woff') format('woff'); font-weight: 400; font-style: normal; } .uk-root .fdn-admin-event-review-block { font-family: 'Lato', 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; } .uk-root .fdn-admin-event-review-block * { font-family: 'Lato', 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; } .uk-root .fdn-admin-event-review-block a { transition: linear 88ms; } .uk-root .fdn-admin-event-review-block .uk-leader-fill { font-weight: 300; } .uk-root textarea[class*='fdn-admin'] { min-height: 80px; } .uk-root .fdn-admin-event-review-label { width: 130px; font-weight: 700; font-size: 1.25rem; padding-right: 8px; flex: none; } .uk-root .fdn-button-admin-tool { background: #fff; padding: 7px 25px; color: #111; font-size: 1.4rem; font-weight: 700; transition: linear 88ms; } .uk-root .fdn-button-admin-tool.fdn-button-admin-tool-approve-web-and-print, .uk-root .fdn-button-admin-tool.fdn-button-admin-tool-approve-web-only { background: #248b00; color: #fff; } .uk-root .fdn-button-admin-tool.fdn-button-admin-tool-delete-event, .uk-root .fdn-button-admin-tool.fdn-button-admin-tool-reject { background: #990000; color: #fff; } .uk-root .fdn-button-admin-tool.fdn-button-admin-tool-merge-to-event { color: #0c57a4; } .uk-root .fdn-button-admin-tool.fdn-button-admin-tool-preview, .uk-root .fdn-button-admin-tool.fdn-button-admin-tool-advanced-edit { font-weight: 400; font-size: 1.12rem; } .uk-root .fdn-button-admin-tool:hover { text-decoration: none; background: #555; color: #fff; } .uk-root .fdn-admin-event-review-button { display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: 400; cursor: pointer; border: thin solid #cececeee; padding: 1px 8px; border-radius: 3px; color: #555; background: #fff; box-shadow: 0px -1px 2px -1px #555e; transition: linear 88ms; } .uk-root .fdn-admin-event-review-button:hover { text-decoration: none; background: #555; color: #fff; } .uk-root .fdn-admin-event-review-header-block { background: #888; padding: 12px 22px; } .uk-root .fdn-admin-event-review-header-block .fdn-admin-event-review-header-text { color: #fff; font-weight: 700; } .uk-root .fdn-admin-event-review-event-info-block { padding: 22px; } .uk-root .fdn-admin-event-review-data-title { font-weight: 900; font-size: 2rem; } .uk-root .fdn-admin-event-review-data-dates-item { font-size: 1.4rem; padding: 2px 2px 1px; } .uk-root .fdn-admin-event-review-data-item-removable { color: #0c57a4; display: flex; padding: 5px; } .uk-root .fdn-admin-event-review-data-item-removable:before { content: " "; background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjOTkwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PGRlZnM+PGcgaWQ9ImEiPjxwYXRoIGZpbGw9IiM5OTAwMDAiIHN0cm9rZT0ibm9uZSIgZD0iIE0gODAgMTAuOCBMIDUwIDQwLjggMjAgMTAuOCAxMC44IDIwIDQwLjggNTAgMTAuOCA4MCAyMCA4OS4yIDUwIDU5LjIgODAgODkuMiA4OS4yIDgwIDU5LjIgNTAgODkuMiAyMCA4MCAxMC44IFoiPjwvcGF0aD48L2c+PC9kZWZzPjxnIHRyYW5zZm9ybT0ibWF0cml4KCAxLCAwLCAwLCAxLCAwLDApICI+PHVzZSB4bGluazpocmVmPSIjYSI+PC91c2U+PC9nPjwvc3ZnPg==") center no-repeat; background-size: contain; display: block; flex: none; margin: 2px 3px auto 0; width: 13px; height: 13px; } .uk-root .fdn-admin-event-review-data-button-add-feature, .uk-root .fdn-admin-event-review-data-button-add-category { color: #111; display: flex; padding: 0 8px; } .uk-root .fdn-admin-event-review-data-button-add-feature:before, .uk-root .fdn-admin-event-review-data-button-add-category:before { content: " "; background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMjQ4YjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uO3RleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjtpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyIgdmlld0JveD0iMCAwIDU2NCA1NjQiIHg9IjBweCIgeT0iMHB4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgCiAgICAuZmlsMCB7ZmlsbDojMjQ4YjAwfQogICAKICA8L3N0eWxlPjwvZGVmcz48Zz48cG9seWdvbiBjbGFzcz0iZmlsMCIgcG9pbnRzPSIyMjcsMCAzMzcsMCAzMzcsMjI3IDU2NCwyMjcgNTY0LDMzNyAzMzcsMzM3IDMzNyw1NjQgMjI3LDU2NCAyMjcsMzM3IDAsMzM3IDAsMjI3IDIyNywyMjcgIj48L3BvbHlnb24+PC9nPjwvc3ZnPg==") center no-repeat; background-size: contain; display: block; flex: none; margin: 2px 3px auto 0; width: 13px; height: 13px; } .uk-root .fdn-admin-event-review-data-image { margin: 0 0 8px 8px; } .uk-root .fdn-admin-event-review-related-item-status.fdn-admin-event-review-related-item-status-live { color: #248b00; } .uk-root .fdn-admin-event-review-related-item-status.fdn-admin-event-review-related-item-status-pending-review { color: #ff5f00; } .uk-root .fdn-admin-event-review-related-item-headline { font-size: 1.25rem; font-weight: 700; } .uk-root .fdn-admin-event-review-related-item-headline span { color: #999; } .uk-root .fdn-admin-event-review-event-info-sidebar { color: #fff; background: #888; padding: 8px 22px 8px; } @media (min-width: 998px) { .uk-root .fdn-admin-event-review-event-info-sidebar { padding-top: 0; } } .uk-root .fdn-admin-event-review-event-info-sidebar .uk-heading-line { color: #fff; font-weight: 700; } .uk-root .fdn-admin-event-review-event-info-sidebar-button-set { max-width: 350px; } .uk-root .fdn-admin-event-review-event-info-sidebar-event-source-list { font-size: 1.25rem; } .uk-root .fdn-admin-event-review-event-info-sidebar-event-source-name { font-size: 1.4rem; color: #ffe200; } .uk-root .fdn-admin-event-review-event-info-sidebar-upsells-block { font-size: 1.25rem; } .uk-root .fdn-admin-event-review-event-info-user-email a { color: #ddd; } .uk-root .fdn-admin-event-review-event-info-user-email a:hover { color: #fff; text-decoration: underline; } .uk-root .fdn-listing-admin-block { border-color: #ff710a; border-style: solid; border-radius: 2px; border-width: thin; box-shadow: 0px 0px 2px -1px #000a; color: #222; } .uk-root .fdn-listing-admin-block .fdn-button-submit { font-size: 16px !important; } .uk-root .fdn-listing-admin-block.fdn-image-edit-caption-form .uk-textarea { height: 100px; } .uk-root .fdn-listing-image-status { color: #fff; border-radius: 0; background: rgba(255, 113, 10, 0.85); font-weight: 700; } .uk-root .fdn-listing-admin-status-user-link { font-weight: 700; color: #555; } .uk-root .fdn-listing-admin-status-user-link:hover { color: rgba(85, 85, 85, 0.77); } .uk-root .fdn-listing-admin-status-member-email { font-size: 1rem; } .uk-root .fdn-listing-admin-status-member-approval-rating-block { font-size: 1rem; } .uk-root .fdn-listing-admin-block .fdn-button-submit:hover .uk-text-danger { color: #6d0000 !important; } .ui.content .uk-root .fdn-listing-admin-status.uk-overlay { top: -10px; font-size: 10px; padding: 3px; } .uk-root #upsellreport .uk-tooltip { font-family: 'Lato', 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; font-size: 1rem; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .uk-root #upsellreport span.green { color: #009600; font-weight: 700; } .uk-root #upsellreport .fdn-upsellreport-breadcrumb-block { display: flex; } .uk-root #upsellreport .fdn-upsellreport-breadcrumb-block .fdn-breadcrumb-link { font-family: 'Lato', 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; } .uk-root #upsellreport .fdn-upsellreport-breadcrumb-block ul { display: flex; background: #fff; align-items: center; margin: 0 0 0 20px; flex: 1; box-sizing: border-box; } .uk-root #upsellreport .fdn-upsellreport-breadcrumb-home-link { /* margin: 20px 50px; a { background: url(/foundation/images/foundation_logo.png) top center no-repeat; display:block; height: 100px; background-size: contain; width: 153px; box-sizing:border-box; position:relative; padding-bottom:35px; span { position:absolute; bottom: -30px; color: @admin-red; font-size: .8rem; } } } */ } .uk-root #upsellreport .uk-table { margin: auto; width: calc(100% - 50px); box-sizing: border-box; } .uk-root #upsellreport .uk-table th { color: #000; font-weight: 700; font-size: 1.2rem; position: sticky; background: #fff; } .uk-root #upsellreport .uk-table td.fdn-upsell-report-run-dates, .uk-root #upsellreport .uk-table td.fdn-upsell-report-date { white-space: nowrap; } .uk-root #upsellreport .uk-table a { color: #222; } .uk-root #upsellreport .uk-table a:hover { color: #c02d32; } .uk-root #upsellreport .uk-table .fdn-upsell-report-date-pending { color: #035ab3; } .uk-root #upsellreport .uk-table .fdn-upsell-report-date-live { color: #009600; } .uk-root #upsellreport .uk-table .fdn-upsell-report-date-expired { color: #999; } .uk-root #upsellreport .uk-table td.fdn-upsell-report-run-dates a span span { display: inline-block; width: 50px; } .uk-root #upsellreport .uk-table .upsell-report-expired-event { color: #777; font-style: italic; } .uk-root #upsellreport .fdn-upsellreport-footer-block { padding: 20px; text-align: center; } .uk-root #upsellreport .fdn-upsell-report-filter-block .uk-dropdown { width: 100%; } .uk-root #upsellreport .fdn-upsell-report-filter-block .fdn-upsell-report-filter-choice input[type='checkbox'] + label { cursor: pointer; transition: 144ms ease-out; background: #fff; display: block; padding: 4px; color: #111; } .uk-root #upsellreport .fdn-upsell-report-filter-block .fdn-upsell-report-filter-choice input[type='checkbox'] + label:hover { background: #eee; } .uk-root #upsellreport .fdn-upsell-report-filter-block .fdn-upsell-report-filter-choice input[type='checkbox'] + label:before { content: " "; transition: 144ms ease-out; display: inline-block; width: 15px; height: 15px; border: thin solid #333; margin: 0px 5px 0 0; vertical-align: text-top; box-shadow: inset 0px 0px 0 25px #fff; background: #c02d32; } .uk-root #upsellreport .fdn-upsell-report-filter-block .fdn-upsell-report-filter-choice input[type='checkbox']:checked + label:before { box-shadow: inset 0px 0px 0 0px #fff; } .uk-root #upsellreport .fdn-upsell-report-statistics { padding: 10px; background: #fff; box-sizing: border-box; } .uk-root #upsellreport .fdn-upsell-report-statistics .fdn-upsell-report-statistics-text { padding: 8px; font-size: 1rem; border: thin solid #ddd; } .uk-root #upsellreport .fdn-upsell-report-statistics .uk-grid-small { margin-top: 2px; } .uk-root #upsellreport .fdn-upsell-report-statistics .fdn-upsell-report-navigation-block { padding: 0; } .uk-root #upsellreport .fdn-upsell-report-statistics .fdn-upsell-report-statistics-show-block { margin: 5px; margin-left: -185px; color: #444; } .uk-root #upsellreport .fdn-upsell-report-statistics .fdn-upsell-report-statistics-view-block a { font-weight: 700; display: inline-flex; justify-content: center; align-items: center; margin: 5px; padding: 5px 6px; color: #c02d32; background: #fff; text-decoration: none; transition: 188ms ease-out; } .uk-root #upsellreport .fdn-upsell-report-statistics .fdn-upsell-report-statistics-view-block a .ing { display: none; } .uk-root #upsellreport .fdn-upsell-report-statistics .fdn-upsell-report-statistics-view-block a.fdn-active, .uk-root #upsellreport .fdn-upsell-report-statistics .fdn-upsell-report-statistics-view-block a:hover { color: #fff; background: #c02d32; } .uk-root #upsellreport .fdn-upsell-report-statistics .fdn-upsell-report-statistics-view-block a:first-child { margin-left: 0; } .uk-root #upsellreport .fdn-upsell-report-statistics .fdn-upsell-report-statistics-view-block a.fdn-active .ing { display: inline; } .uk-root #upsellreport .fdn-upsell-report-navigation-block { margin: 20px 0; padding: 0 20px; } .uk-root #upsellreport .fdn-upsell-report-navigation-block .uk-button { padding: 2px 6px; text-align: center; transition: linear 88ms; } .uk-root #upsellreport .fdn-upsell-report-navigation-block .uk-button.fdn-disabled { cursor: not-allowed; pointer-events: none; opacity: 0.4; } .uk-root #upsellreport .fdn-upsell-report-navigation-block h2 { margin: auto 20px; font-size: 20px; } .uk-root .fdn-debugging { font-family: monospace !important; color: #444 !important; background: #eee !important; padding: 2px 8px !important; display: inline-block !important; flex: none !important; align-self: flex-start; } .uk-root .fdn-admin-landing-top-block { display: flex; flex-wrap: wrap; width: 100%; margin: 0; } .uk-root .fdn-admin-landing-links-block { font-family: 'Lato', 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; flex: 1; padding-right: 0; box-sizing: border-box; margin-bottom: 30px; } @media (min-width: 660px) { .uk-root .fdn-admin-landing-links-block { padding-right: 15px; margin-bottom: 0; } } .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-grid > div { width: 50%; box-sizing: border-box; max-width: 100%; } @media (min-width: 1060px) { .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-grid > div { width: calc(100% * 1/3.001); max-width: 400px; } } .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-grid .fdn-admin-landing-links h3 { margin: 0; font-weight: 700; color: #000; font-size: 1.7rem; user-select: none; line-height: 1.05; } .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-grid .fdn-admin-landing-links .uk-list { margin: 8px; } .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-grid .fdn-admin-landing-links .uk-list li { font-size: 1.1rem; } .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-grid .fdn-admin-landing-links .uk-list li a { display: inline-block; color: #646464; transition: 188ms ease-out; } .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-grid .fdn-admin-landing-links .uk-list li a:hover { text-decoration: none; color: #900; } .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-grid .fdn-admin-landing-links .uk-list li + li { margin-top: 4px; } .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-grid .fdn-admin-landing-links-quick-links .uk-list li p { display: inline-block; color: #646464; margin: 0 5px 0 0; } .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-grid .fdn-admin-landing-links-quick-links .uk-list li p .mdash { margin-left: 0.4ch; } .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-grid .fdn-admin-landing-links-quick-links .uk-list li p + a { margin-right: 0.6ch; color: #900; font-weight: 700; display: inline-block; } .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-grid .fdn-admin-landing-links-quick-links .uk-list li p + a + a { color: #900; font-weight: 700; display: inline-block; } .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-grid .fdn-admin-landing-links-quick-links .uk-list li p + a + a:before { content: ""; display: inline-block; width: 0; border-left: thin solid #646464; margin-right: 0.6ch; position: relative; height: 11px; top: 1px; } .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-grid .fdn-admin-landing-links-support .uk-list li a span { display: block; margin-left: 4px; color: #900; font-weight: 700; } .uk-root .fdn-admin-landing-links-block .fdn-admin-landing-links-items-to-review a[href*='Stacker'] { padding-left: 20px; background: url('/foundation/images/air/stacker.png') left center no-repeat; background-size: 15px; } .uk-root .fdn-admin-landing-links-block a[target*='blank']:after { content: ""; display: inline-block; background: #444; -webkit-mask: url(/foundation/fontawesome-v6/svgs/sharp-solid/arrow-up-right-from-square.svg); mask: url(/foundation/fontawesome-v6/svgs/sharp-solid/arrow-up-right-from-square.svg); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; width: 11px; height: 11px; margin-left: 0.8ch; position: relative; top: 1px; } .uk-root .fdn-admin-landing-links-block a[target*='blank']:hover:after { background: #900; } .uk-root .fdn-admin-landing-trending-block { width: 100%; max-width: 100%; } @media (min-width: 900px) { .uk-root .fdn-admin-landing-trending-block { width: 300px; max-width: 45%; box-sizing: border-box; } } .uk-root .fdn-admin-landing-trending-block .comp-landing-trending { margin-top: 0 !important; } .uk-root .fdn-admin-landing-trending-block .comp-landing-trending .fdn-pres-image { width: calc(100% * 1/3.001); margin-right: 0; padding-right: 8px; } .uk-root .fdn-admin-landing-trending-block .fdn-component-header-block { margin: 0; } .uk-root .fdn-admin-landing-trending-block .fdn-component-header-text, .uk-root .fdn-admin-landing-trending-block h2 { margin: 0 0 15px; font-size: 1.7rem; line-height: 1.1; color: #000; font-weight: 700; text-transform: none; } .uk-root .fdn-admin-landing-trending-block .fdn-teaser-infoline { color: #222; line-height: 1.2; font-size: 0.9rem; } .uk-root .fdn-admin-landing-trending-block a, .uk-root .fdn-admin-landing-trending-block .fdn-admin-landing-trending-item { user-select: none; } .uk-root .fdn-admin-landing-trending-block a:hover, .uk-root .fdn-admin-landing-trending-block .fdn-admin-landing-trending-item:hover { text-decoration: none; } .uk-root .fdn-admin-landing-trending-block a:hover h3, .uk-root .fdn-admin-landing-trending-block .fdn-admin-landing-trending-item:hover h3 { color: #900; } .uk-root .fdn-admin-landing-trending-block a + .fdn-admin-landing-trending-item, .uk-root .fdn-admin-landing-trending-block .fdn-admin-landing-trending-item + .fdn-admin-landing-trending-item { margin-top: 8px; padding-top: 8px; border-top: thin solid #ddd; } .uk-root .fdn-admin-landing-trending-block a .fdn-admin-landing-trending-item-image, .uk-root .fdn-admin-landing-trending-block .fdn-admin-landing-trending-item .fdn-admin-landing-trending-item-image { padding-right: 8px; } .uk-root .fdn-admin-landing-trending-block a p.fdn-teaser-headline, .uk-root .fdn-admin-landing-trending-block .fdn-admin-landing-trending-item p.fdn-teaser-headline, .uk-root .fdn-admin-landing-trending-block a h3, .uk-root .fdn-admin-landing-trending-block .fdn-admin-landing-trending-item h3 { margin: 2px 0 10px; line-height: 1.1; font-size: 1.3rem; color: #000; font-weight: 700; } .uk-root .fdn-admin-landing-trending-block a p, .uk-root .fdn-admin-landing-trending-block .fdn-admin-landing-trending-item p { margin: 0; color: #222; line-height: 1.2; font-size: 0.9rem; overflow: hidden; } .uk-root .fdn-admin-landing-trending-block a p span, .uk-root .fdn-admin-landing-trending-block .fdn-admin-landing-trending-item p span { display: inline-block; } .uk-root .fdn-admin-landing-trending-block a p .fdn-admin-landing-trending-item-byline, .uk-root .fdn-admin-landing-trending-block .fdn-admin-landing-trending-item p .fdn-admin-landing-trending-item-byline { margin-right: 2ch; } .uk-root .fdn-admin-landing-trending-block a p .fdn-admin-landing-trending-item-dateline, .uk-root .fdn-admin-landing-trending-block .fdn-admin-landing-trending-item p .fdn-admin-landing-trending-item-dateline { margin-left: 0.5ch; } .uk-root .fdn-admin-landing-trending-block a p .fdn-admin-landing-trending-item-dateline:before, .uk-root .fdn-admin-landing-trending-block .fdn-admin-landing-trending-item p .fdn-admin-landing-trending-item-dateline:before { content: ""; display: inline-block; border-left: thin solid #979797; margin-left: -1.5ch; height: 10px; padding-right: 1ch; } .uk-root div#developmentNews { position: relative; min-height: 200px; } .uk-root div#developmentNews [uk-spinner] { position: absolute; z-index: 2; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: #eee; } .uk-root div#developmentNews [uk-spinner] svg { color: #900; } .uk-root .fdn-admin-landing-news-block { padding: 12px; background: #eee; margin: 40px 0 10px; font-family: 'Lato', 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; width: 100%; box-sizing: border-box; position: relative; z-index: 5; } .uk-root .fdn-admin-landing-news-block h2 { margin: 0 0 15px; font-size: 2.1rem; line-height: 1.1; color: #000; font-weight: 700; user-select: none; } .uk-root .fdn-admin-landing-news-block .fdn-admin-landing-news-grid > div { width: 100%; box-sizing: border-box; } @media (min-width: 800px) { .uk-root .fdn-admin-landing-news-block .fdn-admin-landing-news-grid > div { width: 50%; } } .uk-root .fdn-admin-landing-news-block .fdn-admin-landing-news-item { display: block; padding: 5px; height: 100%; box-sizing: border-box; transition: 188ms ease-out; user-select: none; } .uk-root .fdn-admin-landing-news-block .fdn-admin-landing-news-item .fdn-admin-landing-news-item-dateline { color: #343434; } .uk-root .fdn-admin-landing-news-block .fdn-admin-landing-news-item .fdn-admin-landing-news-item-new { color: #900; text-transform: uppercase; margin-left: 5px; } .uk-root .fdn-admin-landing-news-block .fdn-admin-landing-news-item h3 { margin: 5px 0; line-height: 1.1; font-size: 1.6rem; color: #000; font-weight: 700; } .uk-root .fdn-admin-landing-news-block .fdn-admin-landing-news-item .fdn-admin-landing-news-summary { color: #222; line-height: 1.2; font-size: 1.2rem; } .uk-root .fdn-admin-landing-news-block .fdn-admin-landing-news-item:hover { background: #f7f7f7; text-decoration: none; } .uk-root .fdn-ad-container { width: 100%; overflow: hidden; background: #e0e0e0; box-shadow: none; border: none; text-align: center; margin-top: 0; margin-bottom: 0; /* Also apply .fdn-ad-container-small-margin to get vertical margins on ads */ /* Also apply .fdn-ad-container-margin to get vertical margins on ads */ /* Also apply .fdn-ad-container-medium-margin to get vertical margins on ads */ } .uk-root .fdn-ad-container [data-output="placeholder"] { border: solid 1px #444; box-sizing: border-box; margin-bottom: 0; } .uk-root .fdn-ad-container [data-content-type="ad"] { margin-bottom: 0; } .uk-root .fdn-ad-container.fdn-ad-container-small-margin { margin-top: 8px; margin-bottom: -8px; /* For when the lower margin isn't pushing the parent elements enough */ } .uk-root .fdn-ad-container.fdn-ad-container-small-margin [data-output="placeholder"] { margin-bottom: 8px; } .uk-root .fdn-ad-container.fdn-ad-container-small-margin [data-content-type="ad"] { margin-bottom: 8px; } .uk-root .fdn-ad-container.fdn-ad-container-small-margin.fdn-ad-container-margin-collapse-fix [data-output="placeholder"] { margin-bottom: calc(8px * 2); } .uk-root .fdn-ad-container.fdn-ad-container-small-margin.fdn-ad-container-margin-collapse-fix [data-content-type="ad"] { margin-bottom: calc(8px * 2); } .uk-root .fdn-ad-container.fdn-ad-container-margin { margin-top: 20px; margin-bottom: -20px; /* For when the lower margin isn't pushing the parent elements enough */ } .uk-root .fdn-ad-container.fdn-ad-container-margin [data-output="placeholder"] { margin-bottom: 20px; } .uk-root .fdn-ad-container.fdn-ad-container-margin [data-content-type="ad"] { margin-bottom: 20px; } .uk-root .fdn-ad-container.fdn-ad-container-margin.fdn-ad-container-margin-collapse-fix [data-output="placeholder"] { margin-bottom: calc(20px * 2); } .uk-root .fdn-ad-container.fdn-ad-container-margin.fdn-ad-container-margin-collapse-fix [data-content-type="ad"] { margin-bottom: calc(20px * 2); } .uk-root .fdn-ad-container.fdn-ad-container-medium-margin { margin-top: 24px; margin-bottom: -24px; /* For when the lower margin isn't pushing the parent elements enough */ } .uk-root .fdn-ad-container.fdn-ad-container-medium-margin [data-output="placeholder"] { margin-bottom: 24px; } .uk-root .fdn-ad-container.fdn-ad-container-medium-margin [data-content-type="ad"] { margin-bottom: 24px; } .uk-root .fdn-ad-container.fdn-ad-container-medium-margin.fdn-ad-container-margin-collapse-fix [data-output="placeholder"] { margin-bottom: calc(24px * 2); } .uk-root .fdn-ad-container.fdn-ad-container-medium-margin.fdn-ad-container-margin-collapse-fix [data-content-type="ad"] { margin-bottom: calc(24px * 2); } .uk-root .fdn-content-body .fdn-ads-inline-content-block { margin-bottom: calc(1.35em * -1); /* needs display: contents to collapse properly between

elements in Safari */ display: contents; } .uk-root .fdn-content-body .fdn-ads-inline-content-block .fdn-ad-container { display: contents; } .uk-root .fdn-content-body .fdn-ads-inline-content-block:last-child { margin-bottom: 0; } @media (min-width: 400px) { .uk-root .fdn-content-body .fdn-ads-inline-content-block { margin-bottom: calc(1.4324999999999999em * -1); } .uk-root .fdn-content-body .fdn-ads-inline-content-block:last-child { margin-bottom: 0; } } @media (min-width: 640px) { .uk-root .fdn-content-body .fdn-ads-inline-content-block { margin-bottom: calc(1.5em * -1); } .uk-root .fdn-content-body .fdn-ads-inline-content-block:last-child { margin-bottom: 0; } } .uk-root .fdn-content-body .fdn-ads-inline-content-block [data-content-type="ad"] { margin-bottom: 1.35em; } .uk-root .fdn-content-body br + .fdn-ads-inline-content-block, .uk-root .fdn-content-body b + .fdn-ads-inline-content-block, .uk-root .fdn-content-body i + .fdn-ads-inline-content-block, .uk-root .fdn-content-body a + .fdn-ads-inline-content-block, .uk-root .fdn-content-body div br + .fdn-ads-inline-content-block, .uk-root .fdn-content-body div b + .fdn-ads-inline-content-block, .uk-root .fdn-content-body div i + .fdn-ads-inline-content-block, .uk-root .fdn-content-body div a + .fdn-ads-inline-content-block { /* Maintain display: block to collapse properly between

elements */ display: block; } .uk-root .fdn-content-body br + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-content-body b + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-content-body i + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-content-body a + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-content-body div br + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-content-body div b + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-content-body div i + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-content-body div a + .fdn-ads-inline-content-block .fdn-ad-container { display: block; } .uk-root .fdn-content-body br + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body b + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body i + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body a + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body div br + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body div b + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body div i + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body div a + .fdn-ads-inline-content-block [data-content-type="ad"] { margin-top: calc(1.35em); margin-bottom: 0; } @media (min-width: 400px) { .uk-root .fdn-content-body br + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body b + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body i + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body a + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body div br + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body div b + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body div i + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body div a + .fdn-ads-inline-content-block [data-content-type="ad"] { margin-top: calc(1.4324999999999999em); } } @media (min-width: 640px) { .uk-root .fdn-content-body br + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body b + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body i + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body a + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body div br + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body div b + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body div i + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-content-body div a + .fdn-ads-inline-content-block [data-content-type="ad"] { margin-top: calc(1.5em); } } .uk-root .fdn-blog-body .fdn-ads-inline-content-block { margin-bottom: calc(1.8899999999999997em * -1); /* needs display: contents to collapse properly between

elements in Safari */ display: contents; } .uk-root .fdn-blog-body .fdn-ads-inline-content-block .fdn-ad-container { display: contents; } .uk-root .fdn-blog-body .fdn-ads-inline-content-block:last-child { margin-bottom: 0; } @media (min-width: 400px) { .uk-root .fdn-blog-body .fdn-ads-inline-content-block { margin-bottom: calc(2.0054999999999996em * -1); } .uk-root .fdn-blog-body .fdn-ads-inline-content-block:last-child { margin-bottom: 0; } } @media (min-width: 640px) { .uk-root .fdn-blog-body .fdn-ads-inline-content-block { margin-bottom: calc(2.0999999999999996em * -1); } .uk-root .fdn-blog-body .fdn-ads-inline-content-block:last-child { margin-bottom: 0; } } .uk-root .fdn-blog-body .fdn-ads-inline-content-block [data-content-type="ad"] { margin-bottom: 1.8899999999999997em; } .uk-root .fdn-blog-body br + .fdn-ads-inline-content-block, .uk-root .fdn-blog-body b + .fdn-ads-inline-content-block, .uk-root .fdn-blog-body i + .fdn-ads-inline-content-block, .uk-root .fdn-blog-body a + .fdn-ads-inline-content-block, .uk-root .fdn-blog-body meta + .fdn-ads-inline-content-block, .uk-root .fdn-blog-body div br + .fdn-ads-inline-content-block, .uk-root .fdn-blog-body div b + .fdn-ads-inline-content-block, .uk-root .fdn-blog-body div i + .fdn-ads-inline-content-block, .uk-root .fdn-blog-body div a + .fdn-ads-inline-content-block, .uk-root .fdn-blog-body div meta + .fdn-ads-inline-content-block { /* Maintain display: block to collapse properly between

elements */ display: block; } .uk-root .fdn-blog-body br + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-blog-body b + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-blog-body i + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-blog-body a + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-blog-body meta + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-blog-body div br + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-blog-body div b + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-blog-body div i + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-blog-body div a + .fdn-ads-inline-content-block .fdn-ad-container, .uk-root .fdn-blog-body div meta + .fdn-ads-inline-content-block .fdn-ad-container { display: block; } .uk-root .fdn-blog-body br + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body b + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body i + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body a + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body meta + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div br + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div b + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div i + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div a + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div meta + .fdn-ads-inline-content-block [data-content-type="ad"] { margin-top: calc(1.8899999999999997em); margin-bottom: 0; } @media (min-width: 400px) { .uk-root .fdn-blog-body br + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body b + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body i + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body a + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body meta + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div br + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div b + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div i + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div a + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div meta + .fdn-ads-inline-content-block [data-content-type="ad"] { margin-top: calc(2.0054999999999996em); } } @media (min-width: 640px) { .uk-root .fdn-blog-body br + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body b + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body i + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body a + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body meta + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div br + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div b + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div i + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div a + .fdn-ads-inline-content-block [data-content-type="ad"], .uk-root .fdn-blog-body div meta + .fdn-ads-inline-content-block [data-content-type="ad"] { margin-top: calc(2.0999999999999996em); } } .uk-root [class*='AirHalfPage']:last-child { overflow: hidden; } .uk-root .fdn-author-bio-dropdown a { padding-top: 8px; } .uk-root .fdn-author-bio-dropdown a:hover { color: #0046ba; } .uk-root .fdn-author-bio-dropdown a, .uk-root .fdn-author-bio-link-block a { color: #666; font-size: 14px; } @media (min-width: 400px) { .uk-root .fdn-author-bio-dropdown a, .uk-root .fdn-author-bio-link-block a { font-size: 16px; } } .uk-root .fdn-author-browse-header { display: none; } .uk-root .fdn-author-browse-by-header { font-size: 17px; font-weight: 700; color: #666; } .uk-root .fdn-author-bio-dropdown-link { font-size: 11px; white-space: nowrap; min-width: 75px; outline: none; } @media (min-width: 400px) { .uk-root .fdn-author-bio-dropdown-link { font-size: 13px; } } @media (max-width: 400px) { .uk-root .fdn-author-bio-link-block li + li { padding: 0 4px; } .uk-root .fdn-author-bio-link-block li:nth-of-type(5) { display: none; } } .uk-root .fdn-content-body.fdn-content-author-bio { margin-top: 20px; font-size: calc(21px - 2px); line-height: 1.3; } .uk-root .fdn-component-highlight { background: #fff; padding: 9px; box-shadow: 2px 3px 3px 2px #333; border: none; } .uk-root .fdn-component-subtle { background: #f8f8f8; padding: 9px; box-shadow: none; border: none; } .uk-root .fdn-image-cropped-background { background: inherit; padding: 0; box-shadow: none; border: none; overflow: hidden; } .uk-root .fdn-image-cropped-background.uk-flex { justify-content: center; align-items: flex-start; } .uk-root .fdn-location-menu-block { background: transparent; padding: 0; box-shadow: none; border: none; } .uk-root .fdn-best-of-header-block { justify-content: center; } .uk-root .fdn-best-of-header { font-size: 2.5rem !important; font-weight: 700 !important; margin-right: 10px!important; } .uk-root .fdn-best-of-header-year-select { outline: none; border: none !important; font-weight: 700 !important; color: #0046ba !important; font-size: 2.5rem !important; padding: 0 45px 0 0 !important; background-size: 60px !important; background-position-y: 4px !important; } @media (max-width: 639px) { .uk-root .fdn-best-of-category-select-block > div { padding: 0 !important; } .uk-root .fdn-best-of-category-select-block div ~ div { margin-top: 5px; } } .uk-root .fdn-best-of-category-header { display: block; font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-transform: none; font-weight: bold; background: #666; padding: 5px 8px; box-shadow: none; border: none; border-radius: 2px; } @media (min-width: 400px) { .uk-root .fdn-best-of-category-header { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-best-of-category-header { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-best-of-category-header:hover { color: #e6e6e6; text-decoration: none; } .uk-root .fdn-best-of-teaser-headline { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #0046ba; text-decoration: none; text-transform: none; font-weight: bold; } @media (min-width: 400px) { .uk-root .fdn-best-of-teaser-headline { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-best-of-teaser-headline { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-best-of-teaser-headline:hover { color: #666; text-decoration: none; } .uk-root .fdn-best-of-teaser-subheadline { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-best-of-teaser-subheadline { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-best-of-teaser-subheadline { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-best-of-teaser-subheadline:hover { color: #666; text-decoration: none; } .uk-root .fdn-best-of-nav.fdn-best-of-nav { background: transparent; padding: 9px 0; box-shadow: none; border: none; justify-content: center; } .uk-root .fdn-best-of-nav.fdn-best-of-nav li:nth-child(n+2):before { content: "|"; font-size: 1.35rem; line-height: 1.35; } @media (min-width: 400px) { .uk-root .fdn-best-of-nav.fdn-best-of-nav li:nth-child(n+2):before { font-size: 1.4325rem; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-best-of-nav.fdn-best-of-nav li:nth-child(n+2):before { font-size: 1.5rem; line-height: 1.5; } } .uk-root .fdn-best-of-nav.fdn-best-of-nav > :last-child > * { color: #000; } .uk-root .fdn-best-of-nav.fdn-best-of-nav > :last-child > *:hover { color: #666; } .uk-root .fdn-best-of-nav-link { font-size: 1.35rem; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #000; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-best-of-nav-link { font-size: 1.4325rem; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-best-of-nav-link { font-size: 1.5rem; line-height: 1.5; } } .uk-root .fdn-best-of-nav-link.fdn-best-of-active-nav-link { padding: 1px 7px; color: #0046ba; background: #f8f8f8; border-radius: 5px; } .uk-root .fdn-best-of-nav-link:hover { color: #666; text-decoration: none; } .uk-root .pres-BestOfWinners li.fdn-pres-item { margin-top: 6px !important; padding: 0 !important; width: 100%; display: inline-block; } .uk-root .pres-BestOfWinners li.fdn-pres-item h4 { line-height: 1.2; display: flex; } .uk-root .pres-BestOfWinners li.fdn-pres-item h4:after { content: " - "; margin: 0 0 0 6px; } .uk-root .pres-BestOfWinners li.fdn-pres-item h4 + h4 { color: #555; } .uk-root .pres-BestOfWinners li.fdn-pres-item h4 + h4:after { display: none; } .uk-root .fdn-blog-tight { margin-bottom: 2px; } @media (min-width: 400px) { .uk-root .fdn-blog-tight { margin-bottom: 2px; } } @media (min-width: 640px) { .uk-root .fdn-blog-tight { margin-bottom: 2px; } } .uk-root .fdn-blog-margin-bottom { margin-bottom: 8px; } @media (min-width: 400px) { .uk-root .fdn-blog-margin-bottom { margin-bottom: 9px; } } @media (min-width: 640px) { .uk-root .fdn-blog-margin-bottom { margin-bottom: 10px; } } .uk-root .fdn-blog-body { font-size: 18.9px; line-height: 1.89; font-family: Arial, Helvetica, sans-serif; color: #000; margin-bottom: 0; margin-top: 0; } @media (min-width: 400px) { .uk-root .fdn-blog-body { font-size: 20.055px; line-height: 2.0055; } } @media (min-width: 640px) { .uk-root .fdn-blog-body { font-size: 21px; line-height: 2.1; } } .uk-root .fdn-blog-body a { font-size: inherit; } .uk-root .fdn-blog-body > a, .uk-root .fdn-blog-body ul li > a, .uk-root .fdn-blog-body > .inlinePDF a, .uk-root .fdn-blog-body > :not([class*=fdn-inline-connection]) a { color: #0046ba; } .uk-root .fdn-blog-body h2, .uk-root .fdn-blog-body h3, .uk-root .fdn-blog-body h4, .uk-root .fdn-blog-body h5, .uk-root .fdn-blog-body h6 { font-weight: 700; } .uk-root .fdn-blog-headline { font-size: 32.4px; line-height: 1.25; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; text-decoration: none; text-transform: none; font-weight: bold; margin: 0 0 0; } @media (min-width: 400px) { .uk-root .fdn-blog-headline { font-size: 34.38px; margin: 0 0 0; } } @media (min-width: 640px) { .uk-root .fdn-blog-headline { font-size: 36px; margin: 0 0 0; } } .uk-root .fdn-blog-headline a { color: #000; } .uk-root .fdn-blog-headline a:hover { color: #666; text-decoration: underline; } .uk-root .fdn-blog-subheadline { font-size: 18px; line-height: 1.125; font-family: Arial, Helvetica, sans-serif; color: #444; text-decoration: none; text-transform: none; font-weight: normal; margin-bottom: 4px; } @media (min-width: 400px) { .uk-root .fdn-blog-subheadline { font-size: 19.1px; line-height: 1.19375; margin-bottom: 5px; } } @media (min-width: 640px) { .uk-root .fdn-blog-subheadline { font-size: 20px; line-height: 1.25; margin-bottom: 6px; } } .uk-root .fdn-blog-infoline { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: normal; margin-top: 0; margin-bottom: 4px; } @media (min-width: 400px) { .uk-root .fdn-blog-infoline { font-size: 13.37px; line-height: 1.4325; margin-bottom: 5px; } } @media (min-width: 640px) { .uk-root .fdn-blog-infoline { font-size: 14px; line-height: 1.5; margin-bottom: 6px; } } .uk-root .fdn-blog-infoline-link { font-size: 12.6px; line-height: 1.35; color: #000; margin-top: 0; margin-bottom: 4px; font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; text-transform: none; font-weight: normal; } @media (min-width: 400px) { .uk-root .fdn-blog-infoline-link { font-size: 13.37px; line-height: 1.4325; margin-bottom: 5px; } } @media (min-width: 640px) { .uk-root .fdn-blog-infoline-link { font-size: 14px; line-height: 1.5; margin-bottom: 6px; } } .uk-root .fdn-blog-infoline-link:hover { color: #0046ba; text-decoration: underline; } .uk-root .fdn-blog-infoline a { font-size: 12.6px; line-height: 1.35; color: #000; margin-top: 0; margin-bottom: 4px; font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; text-transform: none; font-weight: normal; } @media (min-width: 400px) { .uk-root .fdn-blog-infoline a { font-size: 13.37px; line-height: 1.4325; margin-bottom: 5px; } } @media (min-width: 640px) { .uk-root .fdn-blog-infoline a { font-size: 14px; line-height: 1.5; margin-bottom: 6px; } } .uk-root .fdn-blog-infoline a:hover { color: #0046ba; text-decoration: underline; } .uk-root .fdn-blog-tag { font-size: inherit; font-family: Arial, Helvetica, sans-serif; color: #0046ba; text-decoration: none; text-transform: none; font-weight: normal; } .uk-root .fdn-blog-tag:visited { color: #0046ba; text-decoration: none; } .uk-root .fdn-blog-tag:hover { color: #333; text-decoration: none; } .uk-root .fdn-blog-tag:visited:hover { color: #333; text-decoration: none; } .uk-root .fdn-blog-tag-block { background: transparent; padding: 0; box-shadow: none; border: none; margin-bottom: 6px; } .uk-root .ev-grid-col .ev-primary-zone .Blogresponsive.ShareTools.fdn-margin-vert { margin-top: 9px !important; } .uk-root .fdn-blog-blockquote { font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; padding: 0 0 0 9px; margin-left: 18px; border-left: 4px solid #e5e5e5; } @media (min-width: 400px) { .uk-root .fdn-blog-blockquote { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-blog-blockquote { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-blog-body blockquote { font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; padding: 0 0 0 9px; margin-left: 18px; border-left: 4px solid #e5e5e5; } @media (min-width: 400px) { .uk-root .fdn-blog-body blockquote { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-blog-body blockquote { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-blog-link { color: #999; text-decoration: none; text-transform: none; } .uk-root .fdn-blog-link:visited { color: #999; text-decoration: none; } .uk-root .fdn-blog-link:hover { color: #0046ba; text-decoration: underline; } .uk-root .fdn-blog-link:visited:hover { color: #0046ba; text-decoration: underline; } .uk-root .fdn-blog-body :not(blockquote) a { color: #999; text-decoration: none; text-transform: none; } .uk-root .fdn-blog-body :not(blockquote) a:visited { color: #999; text-decoration: none; } .uk-root .fdn-blog-body :not(blockquote) a:hover { color: #0046ba; text-decoration: underline; } .uk-root .fdn-blog-body :not(blockquote) a:visited:hover { color: #0046ba; text-decoration: underline; } .uk-root .fdn-blog-post-divider { border-bottom: 2px solid #e5e5e5; margin-bottom: 18px; margin-top: 18px; } .uk-root .fdn-blog-tag-link { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-blog-tag-link { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-blog-tag-link { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-blog-tag-link:visited { color: #999; text-decoration: none; } .uk-root .fdn-blog-tag-link:hover { color: #0046ba; text-decoration: none; } .uk-root .fdn-blog-tag-link:visited:hover { color: #0046ba; text-decoration: none; } .uk-root .fdn-blog-tag-label { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-blog-tag-label { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-blog-tag-label { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-blog-permalink { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #999; text-decoration: none; text-transform: none; letter-spacing: 0; } @media (min-width: 400px) { .uk-root .fdn-blog-permalink { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-blog-permalink { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-blog-permalink:hover { color: #0046ba; text-decoration: underline; } .uk-root .fdn-blog-permalink:visited { color: #999; text-decoration: none; } .uk-root .fdn-blog-permalink:visited:hover { color: #0046ba; text-decoration: underline; } .uk-root .fdn-blog-archives-year-header { font-size: 1.4rem; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-weight: 700; color: #000; } .uk-root .fdn-blog-archives-category { color: #000; font-weight: 700; } .uk-root .pres-BlogPostFull + .pres-BlogPostFull { margin-top: 18px; padding-top: 18px; border-top: thin solid #ddd; } .uk-root .fdn-breadcrumb { font-size: 14px; font-family: "Roboto", sans-serif; color: #000; text-decoration: none; text-transform: none; } .uk-root .fdn-breadcrumb li:last-child { color: #666; } .uk-root .fdn-breadcrumb.fdn-breadcrumb li:nth-child(n+2)::before { content: "\00BB"; } .uk-root .fdn-breadcrumb-link { font-size: 12.6px; line-height: 1.35; font-family: "Roboto", sans-serif; font-weight: 700; color: #666; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-breadcrumb-link:last-child { color: #666; } @media (min-width: 400px) { .uk-root .fdn-breadcrumb-link { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-breadcrumb-link { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-breadcrumb-link:hover { color: #666; text-decoration: none; } .uk-root .fdn-breadcrumb-link:visited { color: #666; text-decoration: none; } .uk-root .fdn-breadcrumb-link:visited:hover { color: #666; text-decoration: none; } .uk-root .fdn-breadcrumb-release-date { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #999; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-breadcrumb-release-date { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-breadcrumb-release-date { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-button-submit { background: #fff; color: #111; font-size: 12.6px; line-height: 1.35; font-weight: 700; padding: 9px; text-transform: uppercase; box-shadow: none; border: thin solid #ccc; border-radius: 5px; outline: none; cursor: pointer; } @media (min-width: 400px) { .uk-root .fdn-button-submit { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-button-submit { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-button-submit:hover { background: #0046ba; color: #fff; text-decoration: none; } .uk-root .fdn-button-submit:focus { background: #0046ba; color: #fff; } .uk-root .fdn-topic-header-search-button.fdn-button-submit { border-radius: 0; border-left: 0; height: 40px; border-color: #e5e5e5; box-sizing: border-box; } .uk-root .fdn-button-change { background: #fff; color: #111; font-size: 12.6px; line-height: 1.35; font-weight: 700; padding: 9px; text-transform: uppercase; box-shadow: none; border: thin solid #ccc; border-radius: 5px; outline: none; cursor: pointer; height: auto; } @media (min-width: 400px) { .uk-root .fdn-button-change { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-button-change { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-button-change:hover { background: #0046ba; color: #fff; text-decoration: none; } .uk-root .fdn-button-change:focus { background: #0046ba; color: #fff; } .uk-root .fdn-button-option { display: inline-block; padding: 3px 5px; box-sizing: border-box; width: 100%; color: #666; background: #fff; transition: 100ms; } .uk-root .fdn-button-option:hover { color: #fff; background: #0046ba; text-decoration: none; } .uk-root .fdn-button-link { background: #fff; color: #666; font-size: 12.6px; line-height: 1.35; font-family: inherit; font-weight: 700; padding: 9px; text-transform: uppercase; text-decoration: none; box-shadow: none; border: thin solid #ccc; border-radius: 0; outline: none; } @media (min-width: 400px) { .uk-root .fdn-button-link { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-button-link { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-button-link:hover { background: #606060; color: #e0e0e0; text-decoration: none; } .uk-root .fdn-button-link.fdn-button-link-medium { font-size: 21px; } .uk-root .fdn-button-control { color: #fff; background: #606060; border: none; border-radius: 4px; line-height: 1.2; padding: 5px 8px; font-size: 1.22rem; font-weight: 700; } .uk-root .fdn-button-control.fdn-button-control-smaller { font-size: 1.07rem; line-height: 2.2rem; } .uk-root .fdn-button-control:hover { color: #fff; background: #0046ba; text-decoration: none; } .uk-root .fdn-button-control:focus { color: #fff; background: #0046ba; } .uk-root .fdn-button-control.uk-active { background: #0046ba; } .uk-root .fdn-button-control-inactive { color: #ccc; } .uk-root .fdn-button-control-icon { color: #fff; } .uk-root .fdn-button-control-outline { font-size: 12.6px; color: #222; background: #ebebeb; font-weight: 700; border: thin solid; border-color: #bbbbbb; border-radius: 4px; line-height: 1.2; padding: 8px; } @media (min-width: 400px) { .uk-root .fdn-button-control-outline { font-size: 13.37px; } } @media (min-width: 640px) { .uk-root .fdn-button-control-outline { font-size: 14px; } } .uk-root .fdn-button-control-outline:hover { color: #fefefe; background: #111; } .uk-root .fdn-button-control-outline.uk-active { color: #fff; background: #111; } .uk-root .fdn-button-control-outline-inactive { color: #666; } .uk-root .fdn-button-control-outline-inactive:hover { color: #fff; } .uk-root .fdn-button-control-outline-inactive:hover:hover > * { color: #fff; } .uk-root .uk-form-icon ~ .fdn-button-submit.fdn-button-control { padding-left: 20px; } .uk-root .uk-form-icon:not(.uk-form-icon-flip) ~ .fdn-button-submit.fdn-button-control { padding-right: 20px; } .uk-root .fdn-button-submit.fdn-button-control { width: auto; text-align: center; padding-left: 10px; padding-right: 10px; } .uk-root .fdn-button-control-emphatic { font-weight: 700; } .uk-root .fdn-button-film-tickets { color: #222; min-width: 110px; padding: 5px 8px; background: #fff; border-color: #bbbbbb; } .uk-root .fdn-button-film-tickets::before { content: url(/foundation/images/air/ticket_icon.svg); display: inline-block; width: 15px; height: 15px; margin: 0 5px 0 0; vertical-align: text-top; transition: 0.1s filter ease-in-out; } .uk-root .fdn-button-film-tickets:hover::before { filter: invert(100%) brightness(200%); } .uk-root.comp-film-filmtimesbyhour .fdn-button-film-tickets { padding: 8px; align-self: flex-start; } .uk-root .fdn-button-enlarge { background: #fffa; color: #222; font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; font-weight: 400; padding: 2px; box-shadow: none; border: none; border-radius: 0; outline: none; } @media (min-width: 400px) { .uk-root .fdn-button-enlarge { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-button-enlarge { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-button-enlarge:hover { background: #fffe; color: #000; } .uk-root .fdn-button-disabled { color: #ccc; border-color: #ccc; opacity: 0.7; cursor: default; -moz-pointer-events: none; -ms-pointer-events: none; -webkit-pointer-events: none; pointer-events: none; } .uk-root .fdn-button-disabled:before { color: #ccc; opacity: 0.7; } .uk-root .fdn-pub-color-button { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px 8px 12px; font-size: 14px; font-weight: 700; text-transform: uppercase; border: thin solid #0046ba; color: #0046ba; background: #fff; transition: 188ms ease-out; } .uk-root .fdn-pub-color-button svg { transition: none; } .uk-root .fdn-pub-color-button:hover { color: #fff; background: #0046ba; } .uk-root .fdn-pub-color-button-invert { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px 8px 12px; font-size: 14px; font-weight: 700; text-transform: uppercase; border: thin solid #0046ba; color: #fff; background: #0046ba; transition: 188ms ease-out; } .uk-root .fdn-pub-color-button-invert svg { transition: none; } .uk-root .fdn-pub-color-button-invert:hover { color: #0046ba; background: #fff; } .uk-root .fdn-pub-dark-to-color-button { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px 8px 12px; font-size: 14px; font-weight: 700; text-transform: uppercase; border: thin solid #111; color: #111; background: #fff; transition: 188ms ease-out; } .uk-root .fdn-pub-dark-to-color-button svg { transition: none; } .uk-root .fdn-pub-dark-to-color-button:hover { color: #fff; background: #0046ba; border-color: #0046ba; } .uk-root .fdn-comments-header-block { background: #444; padding: 5px 10px; } .uk-root .fdn-comments-header-block .fdn-comments-header-title { margin-bottom: 5px!important; color: #fefefe; } @media (min-width: 640px) { .uk-root .fdn-comments-header-block .fdn-comments-header-title { margin-bottom: 0 !important; } } .uk-root .fdn-comments-header-block .ratingDetails { color: #fefefe; } .uk-root .userCommentForm h4.fdn-teaser-headline { background: #444; padding: 5px 10px; } .uk-root .userCommentForm h4.fdn-teaser-headline a { color: #fefefe; } .uk-root .fdn-comment-default-user-image { padding: 3px 3px 0; background: #eee; color: #999; height: 40px; width: 40px; box-sizing: border-box; display: flex; align-items: flex-end; justify-content: center; } .uk-root .fdn-comment-default-user-image svg * { fill: #999; stroke: #b6b6b6; } .uk-root .fdn-comment-text { font-size: 14.7px; line-height: 1.6rem; color: #333; } .uk-root .fdn-comment-rating-block { border: #e8e8e8 solid; border-width: 0 0 1px; } .uk-root .fdn-comment-author-block { background: #e8e8e8; } .uk-root .fdn-comment-author-block a.memberThumb { border: thin solid #ddd; display: block; margin: 5px 0 5px 5px; position: relative; } .uk-root .fdn-comment-author-block .inlineEdit { padding: 1px 3px; text-transform: none; } .uk-root .fdn-comment-toolbar { border-top: 1px solid #f8f8f8; } .uk-root .fdn-comment-like-text, .uk-root .fdn-comment-dislike-text, .uk-root .fdn-comment-like-link { margin-left: 4px; transition: 0.314s; } .uk-root .fdn-comment-author-name { color: #666; } .uk-root .fdn-comment-like-count { background: #fff; border: 1px solid #f5f5f5; color: #666; font-weight: 700; font-size: 18.9px; } .uk-root .staffComment.uk-card { border-left: 10px solid #0046ba; } .uk-root .comp-landing-recentcomments p.fdn-teaser-headline { font-size: 1.096rem; line-height: 1.3rem; } .uk-root .comp-landing-recentcomments .fdn-comment-text { font-size: 16px; line-height: 1.33; font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; font-weight: 400; color: #333; text-decoration: none; text-transform: none; margin-top: 0; margin-bottom: 8px; font-size: 13px; } @media (min-width: 400px) { .uk-root .comp-landing-recentcomments .fdn-comment-text { font-size: 16px; line-height: 1.33; margin-bottom: 9px; } } @media (min-width: 640px) { .uk-root .comp-landing-recentcomments .fdn-comment-text { font-size: 16px; line-height: 1.33; margin-bottom: 10px; } } .uk-root .fdn-rating-stars-block { display: inline-block; position: relative; max-width: 100%; width: fit-content; vertical-align: middle; -webkit-backface-visibility: hidden; } .uk-root .fdn-rating-stars-blank-block { color: #ccc; /* font-size: 3em; */ top: 0; left: 0; position: relative; display: flex; flex-direction: row; } .uk-root .fdn-rating-stars-blank-block svg > * { fill: #ccc; } .uk-root .fdn-rating-stars-solid-block { color: gold; /* font-size: 3em; */ top: 0; left: 0; position: absolute; overflow: hidden; display: flex; flex-direction: row; } .uk-root .fdn-rating-stars-solid-block svg > * { fill: gold; } .uk-root .fdn-rating-stars-highlight-star { text-shadow: 0 0 2px black; } .uk-root .fdn-comment-admin-member-info-block { padding: 2px 4px; border: 1px solid #aaa; border-radius: 3px; margin-top: 8px; } .uk-root .fdn-comment-report-comment-link { color: #999; font-weight: 400; } .uk-root .fdn-comment-report-comment-link:hover { color: #0046ba; } .uk-root .fdn-comment-bottom-option-bar { border: solid #eee; border-width: 0; padding: 9px 0; } .uk-root .fdn-comment-bottom-option-bar.uk-margin-bottom { margin-bottom: 10px!important; } .uk-root .newCommentOptions { margin-bottom: 2px; } .uk-root .fdn-comment-show-more-block > a { margin: 0 5px; } .uk-root .fdn-comment-rating-stars-block { border: 0 solid #ccc; border-radius: 5px; } .uk-root .fdn-comment-rating-stars-block div[data-rating] { cursor: pointer; } .uk-root .fdn-comment-rating-stars-block .instructions { font-size: 0.9rem; } .uk-root [fdn-edit-timer] { width: 30px; display: inline-block; } .uk-root .fdn-comment-subscribe-links .fdn-comment-subscribe-links-text { color: #666; font-weight: 700; } .uk-root .componentGrid-TwoZones-Expand-Auto > [class*=uk-width-auto], .uk-root .componentGrid-TwoZones-Auto-Expand > [class*=uk-width-auto] { /* don't let auto column take up more than @fdn-grid-two-zones-auto-column-parent-width. */ max-width: none; } @media (min-width: 998px) { .uk-root .componentGrid-TwoZones-Expand-Auto > [class*=uk-width-auto], .uk-root .componentGrid-TwoZones-Auto-Expand > [class*=uk-width-auto] { max-width: 38.195%; } } .uk-root .componentGrid-TwoZones-Expand-Auto > [class*=uk-width-auto] [data-component-id], .uk-root .componentGrid-TwoZones-Auto-Expand > [class*=uk-width-auto] [data-component-id] { min-width: 0; } @media (min-width: 998px) { .uk-root .componentGrid-TwoZones-Expand-Auto > [class*=uk-width-auto] [data-component-id], .uk-root .componentGrid-TwoZones-Auto-Expand > [class*=uk-width-auto] [data-component-id] { min-width: 220px; } } @media (max-width: 997px) { .uk-root div.fdn-component-grid-zone { padding-top: 9px; padding-bottom: 9px; } } @media (min-width: 998px) { .uk-root div[class^=componentGrid-] { padding-top: 9px; padding-bottom: 9px; } .uk-root .fdn-component-grid-row\@m > div { padding-left: 9px; padding-right: 9px; } .uk-root .fdn-component-grid-row\@m > div:first-child { padding-left: 0; } .uk-root .fdn-component-grid-row\@m > div:last-child { padding-right: 0; } .uk-root .fdn-component-grid-column\@m > div { padding-top: 9px; padding-bottom: 9px; } .uk-root .fdn-component-grid-column\@m > div:first-child { padding-top: 0; } .uk-root .fdn-component-grid-column\@m > div:last-child { padding-bottom: 0; } } .uk-root [data-component-grid-id="TopStoriesVideoPair"] [data-component-id][class*="fdn-margin"] { margin-top: 0; } .uk-root .fdn-content-body { font-size: 18.9px; line-height: 1.35; font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; color: #000; } @media (min-width: 400px) { .uk-root .fdn-content-body { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-content-body { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-content-body a { font-size: inherit; } .uk-root .fdn-content-body > a, .uk-root .fdn-content-body ul li > a, .uk-root .fdn-content-body > .inlinePDF a, .uk-root .fdn-content-body > :not([class*=fdn-inline-connection]) a { color: #0046ba; } .uk-root .fdn-content-body h2, .uk-root .fdn-content-body h3, .uk-root .fdn-content-body h4, .uk-root .fdn-content-body h5, .uk-root .fdn-content-body h6 { font-weight: 700; } @media (min-width: 998px) { .uk-root .ContentFullWidth .ev-grid-col .ContentFullWidth .fdn-content-body { padding-left: 150px; padding-right: 150px; font-size: 23.1px; line-height: 1.8; box-sizing: border-box; } .uk-root .ContentFullWidth .ev-grid-col .fdn-content-body > .contentImageCenter { width: auto; max-width: calc(100% + 2 * 150px); margin-left: -150px; margin-right: -150px; } .uk-root #Comments.ContentFullWidth { padding-left: 150px; padding-right: 150px; } } .uk-root .ContentFullWidth .comp-content-storyheader { text-align: center; } .uk-root .ContentFullWidth .fdn-content-subheadline { margin-top: 12px!important; } .uk-root .fdn-content-body > p, .uk-root .fdn-content-body div > p:not([class*=fdn]), .uk-root .fdn-editor-air div.contentBody > p, .uk-root .fdn-editor-air div.slideBody > p { margin-top: 1.5em; margin-bottom: 1.5em; } .uk-root .fdn-blog-body > p, .uk-root .fdn-blog-body div > p:not([class*=fdn]) { margin-top: 2.0999999999999996em; margin-bottom: 2.0999999999999996em; } .uk-root .fdn-editor-air blockquote:not(.fdn-pullquote-block), .uk-root .fdn-content-body blockquote:not(.fdn-pullquote-block) { font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; padding-left: 9px; margin-left: 18px; border-left: 4px solid #ccc; } @media (min-width: 400px) { .uk-root .fdn-editor-air blockquote:not(.fdn-pullquote-block), .uk-root .fdn-content-body blockquote:not(.fdn-pullquote-block) { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-editor-air blockquote:not(.fdn-pullquote-block), .uk-root .fdn-content-body blockquote:not(.fdn-pullquote-block) { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-editor-air blockquote:not(.fdn-pullquote-block) { font-size: 21px; } .uk-root .fdn-content-link a { color: #999; text-decoration: none; text-transform: none; } .uk-root .fdn-content-link:hover { color: #0046ba; text-decoration: underline; } .uk-root .fdn-content-link:visited { color: #999; text-decoration: none; } .uk-root .fdn-content-link:visited:hover { color: #0046ba; text-decoration: none; } .uk-root .fdn-content-headline { font-size: 32.4px; line-height: 1.125; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; } @media (min-width: 400px) { .uk-root .fdn-content-headline { font-size: 34.38px; line-height: 1.19375; } } @media (min-width: 640px) { .uk-root .fdn-content-headline { font-size: 36px; line-height: 1.25; } } .uk-root .ContentFullWidth .ev-grid-col .ContentFullWidth .fdn-content-headline { font-size: 42px; } .uk-root .fdn-content-subheadline { font-size: 18px; line-height: 1.25; font-family: Arial, Helvetica, sans-serif; color: #444; text-decoration: none; text-transform: none; font-weight: 400; } @media (min-width: 400px) { .uk-root .fdn-content-subheadline { font-size: 19.1px; } } @media (min-width: 640px) { .uk-root .fdn-content-subheadline { font-size: 20px; } } .uk-root .ContentFullWidth .ev-grid-col .ContentFullWidth .fdn-content-subheadline { font-size: 24px; } .uk-root .fdn-content-infoline { font-size: 14px; line-height: 1.25; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 400; margin: 5px 0 0; } .uk-root .fdn-content-infoline a { color: #000; } .uk-root .fdn-content-infoline a:hover { color: #0046ba; } .uk-root .ContentFullWidth .ev-grid-col .fdn-content-infoline { font-size: 17px; } .uk-root .fdn-content-infoline-last-updated { font-size: 14px; line-height: 1.25; font-family: Arial, Helvetica, sans-serif; color: #666; text-transform: none; font-weight: 400; margin: 5px 0 0; font-style: italic; } .uk-root .fdn-content-info-box { background: transparent; padding: 9px 0; box-shadow: none; border: 1px solid #ccc; border-width: 1px 0 0 0; color: #444; } .uk-root .fdn-content-info-box .fdn-content-info-box-note { flex: 1; } .uk-root .fdn-content-info-box .fdn-content-info-box-note > *:first-child { margin-top: 0; } .uk-root .fdn-content-info-box .fdn-content-info-box-note > *:last-child { margin-bottom: 0; } .uk-root .fdn-content-info-box .fdn-content-info-box-icon { margin: 5px 5px auto 0; width: 25px; } .uk-root .fdn-content-info-box .fdn-content-info-box-icon svg { width: 24px; } .uk-root .fdn-content-text { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-content-text { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-content-text { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-meta-text { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-meta-text { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-meta-text { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-meta-text-alt { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #999; text-transform: none; text-decoration: none; font-style: italic; } @media (min-width: 400px) { .uk-root .fdn-meta-text-alt { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-meta-text-alt { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-content-author-bio a { color: #0046ba; font-weight: 700; } .uk-root .fdn-blog-body .fdn-pullquote-block.fdn-pullquote-block, .uk-root .fdn-content-body .fdn-pullquote-block.fdn-pullquote-block { margin: 10px 20px 10px; padding: 20px; font-family: Georgia, serif; font-style: normal; text-align: center; font-weight: 700; line-height: 1.1; border: 0 none; } .uk-root .fdn-blog-body .fdn-pullquote-block.fdn-pullquote-block a, .uk-root .fdn-content-body .fdn-pullquote-block.fdn-pullquote-block a { color: #111; font-size: 21px; text-decoration: none; user-select: none; } @media (min-width: 640px) { .uk-root .fdn-blog-body .fdn-pullquote-block.fdn-pullquote-block a, .uk-root .fdn-content-body .fdn-pullquote-block.fdn-pullquote-block a { font-size: 28px; } } .uk-root .fdn-blog-body .fdn-pullquote-block.fdn-pullquote-block a:hover, .uk-root .fdn-content-body .fdn-pullquote-block.fdn-pullquote-block a:hover { color: #515151; } .uk-root .fdn-blog-body .fdn-pullquote-block.fdn-pullquote-block.fdn-pullquote-align-right a, .uk-root .fdn-content-body .fdn-pullquote-block.fdn-pullquote-block.fdn-pullquote-align-right a, .uk-root .fdn-blog-body .fdn-pullquote-block.fdn-pullquote-block.fdn-pullquote-align-left a, .uk-root .fdn-content-body .fdn-pullquote-block.fdn-pullquote-block.fdn-pullquote-align-left a { font-size: 17px; } @media (min-width: 640px) { .uk-root .fdn-blog-body .fdn-pullquote-block.fdn-pullquote-block.fdn-pullquote-align-right a, .uk-root .fdn-content-body .fdn-pullquote-block.fdn-pullquote-block.fdn-pullquote-align-right a, .uk-root .fdn-blog-body .fdn-pullquote-block.fdn-pullquote-block.fdn-pullquote-align-left a, .uk-root .fdn-content-body .fdn-pullquote-block.fdn-pullquote-block.fdn-pullquote-align-left a { font-size: 21px; } } .uk-root .fdn-pullquote-block.fdn-pullquote-block { clear: both; box-sizing: border-box; } .uk-root .fdn-pullquote-block.fdn-pullquote-block.fdn-pullquote-align-left { margin-top: 0; margin-right: 18px; float: left; width: 45%; min-width: 225px; } .uk-root .fdn-pullquote-block.fdn-pullquote-block.fdn-pullquote-align-right { margin-top: 0; margin-left: 18px; float: right; width: 45%; min-width: 225px; } .uk-root .fdn-pullquote-block.fdn-pullquote-block + [class*='content-image'], .uk-root .fdn-pullquote-block.fdn-pullquote-block + p + [class*='content-image'] { clear: both; } .uk-root .fdn-pull-quote-twitter-link { display: block; white-space: nowrap; letter-spacing: -0.02em; margin: 10px auto 0; line-height: 1; color: #999; font-size: 14px; font-weight: 400; font-family: "Lucida Sans", Helvetica, sans-serif; } .uk-root .fdn-pull-quote-twitter-link > .uk-icon { fill: #1da1f2; } .uk-root .fdn-inline-block { border: 1px solid #ccc; box-shadow: 1px 2px 1px -1px #ccc; margin: 12px 0; } .uk-root .fdn-inline-header { font-size: 11.7px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: normal; margin-top: 0; margin-bottom: 8px; } @media (min-width: 400px) { .uk-root .fdn-inline-header { font-size: 12.415px; line-height: 1.4325; margin-bottom: 9px; } } @media (min-width: 640px) { .uk-root .fdn-inline-header { font-size: 13px; line-height: 1.5; margin-bottom: 10px; } } .uk-root .fdn-inline-title, .uk-root .fdn-inline-title a { font-size: 1.35rem; line-height: 1.05em; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #000; text-decoration: none; text-transform: none; font-weight: bold; margin-top: 0; margin-bottom: 8px; } @media (min-width: 400px) { .uk-root .fdn-inline-title, .uk-root .fdn-inline-title a { font-size: 1.4325rem; line-height: 1.05em; margin-bottom: 9px; } } @media (min-width: 640px) { .uk-root .fdn-inline-title, .uk-root .fdn-inline-title a { font-size: 1.5rem; line-height: 1.05em; margin-bottom: 10px; } } .uk-root .fdn-inline-title:hover, .uk-root .fdn-inline-title a:hover { color: #666; text-decoration: underline; text-decoration-color: #666; } .uk-root .fdn-inline-title:visited, .uk-root .fdn-inline-title a:visited { color: #000; text-decoration: none; } .uk-root .fdn-inline-title:visited:hover, .uk-root .fdn-inline-title a:visited:hover { color: #666; text-decoration: none; } .uk-root .fdn-inline-address { margin-top: 0; margin-bottom: 0; } .uk-root .fdn-inline-info-block { font-size: 11.7px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: normal; padding-left: 9px; padding-right: 9px; } @media (min-width: 400px) { .uk-root .fdn-inline-info-block { font-size: 12.415px; line-height: 1.4325; margin-bottom: 9px; } } @media (min-width: 640px) { .uk-root .fdn-inline-info-block { font-size: 13px; line-height: 1.5; margin-bottom: 10px; } } .uk-root .fdn-inline-info-block a:hover { color: #666; text-decoration: underline; text-decoration-color: #666; } .uk-root .fdn-inline-info-block a:visited { color: #000; text-decoration: none; } .uk-root .fdn-inline-info-block a:visited:hover { color: #666; text-decoration: none; } .uk-root .fdn-inline-event-location { font-size: 11.7px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: bold; margin-top: 0; margin-bottom: 5px; } @media (min-width: 400px) { .uk-root .fdn-inline-event-location { font-size: 12.415px; line-height: 1.4325; margin-bottom: 9px; } } @media (min-width: 640px) { .uk-root .fdn-inline-event-location { font-size: 13px; line-height: 1.5; margin-bottom: 10px; } } .uk-root .fdn-inline-event-price { margin-top: 0; margin-bottom: 5px; } .uk-root .fdn-inline-event-time { margin-top: 5px; margin-bottom: 5px; } .uk-root .fdn-inline-event-category { font-size: 11px; margin-top: 0; margin-bottom: 5px; } .uk-root .fdn-inline-event-ticket-block { margin: 12px; position: absolute; top: none; bottom: 0; left: 0; right: 0; } .uk-root .fdn-inline-slideshow-ad-item { background-color: black; } .uk-root .fdn-inline-slideshow-more-item { background-color: black; } .uk-root .fdn-content-navigation-block { display: flex; width: 100%; align-items: center; } .uk-root .fdn-content-navigation-block > p { order: 20; } .uk-root .fdn-content-navigation-block .fdn-page-navigation-block { margin: auto; } .uk-root .fdn-content-list-rectangle-breaking-image-block { display: flex; order: 1; margin: 0 5px 5px 0; } .uk-root .fdn-content-list-rectangle-breaking-content-block { display: flex; order: 2; margin: 0; } .uk-root .fdn-content-list-rectangle-breaking-breaking-block { display: block; order: 1; margin: 0 0 5px 0; } .uk-root .fdn-content-list-rectangle-breaking-headline-block { display: block; order: 2; margin: 10px 0 0; } .uk-root .fdn-content-list-rectangle-breaking-headline-block a { line-height: 1.3; } .uk-root .fdn-content-list-rectangle-breaking-subheadline-block { display: block; order: 3; margin: 5px 0; } .uk-root .fdn-content-list-rectangle-breaking-author-block { display: block; order: 4; margin: 5px 0; } .uk-root .fdn-content-list-rectangle-breaking-body-block { display: flex; order: 5; margin: 5px 0; } .uk-root .fdn-content-list-rectangle-breaking-body-block a.fdn-more-link { color: #fff; } .uk-root .fdn-content-list-rectangle-breaking-body-block a.fdn-more-link:hover { color: #0046ba; } .uk-root .fdn-content-list-rectangle-breaking-breaking-badge-block.fdn-teaser-badge { margin: 0 8px 0 0; padding: 5px 10px; color: #fff; font-size: 1.1rem; background-color: #0046ba; } .uk-root .fdn-content-list-rectangle-breaking-breaking-badge-block.fdn-teaser-badge:hover { color: #fff; } .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='BlogPost'], .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='StoryHeader'] { margin: 4px 0 0 !important; float: right; } .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='BlogPost'] .uk-grid-small > *, .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='StoryHeader'] .uk-grid-small > * { padding-left: 3px; } .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='BlogPost'] .fdn-icon-button-smaller, .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='StoryHeader'] .fdn-icon-button-smaller { transform: scale(0.8); transition: 122ms; } .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='BlogPost'] .fdn-icon-button-smaller[uk-icon*='pinterest'], .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='StoryHeader'] .fdn-icon-button-smaller[uk-icon*='pinterest'] { background: #8f8f8f; } .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='BlogPost'] .fdn-icon-button-smaller[uk-icon*='pinterest']:hover, .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='StoryHeader'] .fdn-icon-button-smaller[uk-icon*='pinterest']:hover { background: #bd081c; } .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='BlogPost'] .fdn-icon-button-smaller[uk-icon*='twitter'], .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='StoryHeader'] .fdn-icon-button-smaller[uk-icon*='twitter'] { background: #8f8f8f; } .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='BlogPost'] .fdn-icon-button-smaller[uk-icon*='twitter']:hover, .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='StoryHeader'] .fdn-icon-button-smaller[uk-icon*='twitter']:hover { background: #1da1f2; } .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='BlogPost'] .fdn-icon-button-smaller[uk-icon*='facebook'], .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='StoryHeader'] .fdn-icon-button-smaller[uk-icon*='facebook'] { background: #8f8f8f; } .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='BlogPost'] .fdn-icon-button-smaller[uk-icon*='facebook']:hover, .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='StoryHeader'] .fdn-icon-button-smaller[uk-icon*='facebook']:hover { background: #3b5998; } .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='BlogPost'] { margin: -8px 0 0 !important; } .uk-root .comp-shell-sharetools.ShareToolsNexttotheAuthor[class*='BlogPost'] ~ .uk-clearfix { clear: both; } .uk-root .pres-ContentFeatureOverlay .uk-overlay { padding: 9px; position: static !important; } @media (min-width: 640px) { .uk-root .pres-ContentFeatureOverlay .uk-overlay { padding: 18px; position: absolute !important; } } .uk-root .fdn-breaking-news-block { flex-wrap: wrap; flex-direction: column; padding: 12px; border: 5px solid red; text-decoration: none; transition: 188ms; } .uk-root .fdn-breaking-news-block:hover { text-decoration: none; opacity: 0.88; } .uk-root .fdn-breaking-news-block .fdn-component-header-text { color: red; font-size: 24px; font-weight: 700; } .uk-root .fdn-breaking-news-block .fdn-content-headline.fdn-breaking-news-headline { margin-top: 0; font-size: 32px; font-weight: 700; } .uk-root .fdn-grid-sidebar .pres-ContentGridVariableColumn > * { width: 50%; } .uk-root .fdn-promo-edit { margin: 5px auto 0; justify-content: center; } .uk-root .fdn-promo-edit a { display: inline-flex; align-items: center; border: thin solid #ddd; padding: 2px 7px; color: #777; transition: 188ms ease-out; user-select: none; } .uk-root .fdn-promo-edit a svg { position: relative; top: -0.15ch; margin-right: 3px; } .uk-root .fdn-promo-edit a:hover { color: #0046ba; } .uk-root .fdn-promo-edit p { margin: 0; } .uk-root .fdn-promo-edit > div + div { display: inline-flex; font-size: 0.8rem; align-items: center; } .uk-root .pres-ContentFeatureOverlay .fdn-landing-promo-edit { margin: 5px auto 0; justify-content: center; } .uk-root .pres-ContentFeatureOverlay .fdn-landing-promo-edit a { display: inline-flex; align-items: center; border: thin solid #ddd; padding: 2px 7px; color: #777; transition: 188ms ease-out; user-select: none; } .uk-root .pres-ContentFeatureOverlay .fdn-landing-promo-edit a svg { position: relative; top: -0.15ch; margin-right: 3px; } .uk-root .pres-ContentFeatureOverlay .fdn-landing-promo-edit a:hover { color: #0046ba; } .uk-root .pres-ContentFeatureOverlay .fdn-landing-promo-edit p { margin: 0; } .uk-root .pres-ContentFeatureOverlay .fdn-landing-promo-edit > div + div { display: inline-flex; font-size: 0.8rem; align-items: center; } .uk-root .fdn-calendar-dropdown-block { overflow: hidden; background: #fff; padding: 0; box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0, 0, 0, 0.08); border: 0px solid #eee; border-radius: 4px; } .uk-root .fdn-calendar-dropdown-block:after, .uk-root .fdn-calendar-dropdown-block:before { bottom: 100%; right: 38.5px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .uk-root .fdn-calendar-dropdown-block:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } .uk-root .fdn-calendar-dropdown-block:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 8px; margin-left: -8px; } .uk-root .cal-body { margin: 0 -1px -1px -1px; } .uk-root .fdn-calendar-header-block { background: transparent; padding: 3px; box-shadow: none; border: none; } .uk-root .fdn-calendar-prev-next { font-size: 0.7875rem; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: transparent; padding: 3px 5px; box-shadow: none; border: none; border-radius: 0; } @media (min-width: 400px) { .uk-root .fdn-calendar-prev-next { font-size: 0.835625rem; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-calendar-prev-next { font-size: 0.875rem; line-height: 1.5; } } .uk-root .fdn-calendar-prev-next.uk-disabled { color: #999; background: #f8f8f8; } .uk-root .fdn-calendar-prev-next:hover { color: #666; text-decoration: none; } .uk-root .fdn-calendar-prev-next:visited { color: #666; text-decoration: none; } .uk-root .fdn-calendar-prev-next.uk-active { color: #333; text-decoration: none; } .uk-root .fdn-calendar-prev-next-text { display: none; } .uk-root .fdn-calendar-month-text { font-size: 16.2px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; font-weight: 700; } @media (min-width: 400px) { .uk-root .fdn-calendar-month-text { font-size: 17.19px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-calendar-month-text { font-size: 18px; line-height: 1.5; } } .uk-root .fdn-calendar-day-label { text-align: center; font-size: 10.8px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #0000008a; text-decoration: none; text-transform: none; background: transparent; padding: 0; box-shadow: none; border: 1px solid #eee; border-width: 1px; border-right-width: 0; } .uk-root .fdn-calendar-day-label:last-child { border-width: 1px; } @media (min-width: 400px) { .uk-root .fdn-calendar-day-label { font-size: 11.46px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-calendar-day-label { font-size: 12px; line-height: 1.5; } } .uk-root .fdn-calendar-day { text-align: center; cursor: pointer; margin-top: -1px; font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: transparent; padding: 12px; box-shadow: none; border: 1px solid #ccc; border-width: 1px; border-right-width: 0; border-radius: 0; } .uk-root .fdn-calendar-day:last-child { border-width: 1px; } @media (min-width: 400px) { .uk-root .fdn-calendar-day { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-calendar-day { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-calendar-day:hover { color: #fff; text-decoration: none; background-color: #0046ba; } .uk-root .fdn-calendar-day.uk-active { color: #fff; text-decoration: none; background-color: #0046ba; } .uk-root .fdn-calendar-day:not(.focused) { color: #4048484d; text-decoration: none; } .uk-root .fdn-calendar-day.uk-disabled { color: #4048481a; text-decoration: none; } .uk-root .fdn-calendar-day.range-selected { color: #333; text-decoration: none; background: #eee; } .uk-root .fdn-interface-form-link.fdn-interface-form-link-password-reset { color: #d50000; font-size: 11px; } .uk-root .fdn-interface-form-link.fdn-interface-form-link-password-reset:hover { text-decoration: underline; } .uk-root .fdn-editor-air { line-height: 1.25; /* UI Kit Override for Foundation Editor */ /* close button fix for audio */ } .uk-root .fdn-editor-air #fdn-fe-settings-block a.editValue.editValueDisabled { pointer-events: none; opacity: 0.6; cursor: not-allowed; } .uk-root .fdn-editor-air a:hover { text-decoration: none; } .uk-root .fdn-editor-air ul:not([class]), .uk-root .fdn-editor-air ol:not([class]) { padding-left: 30px; } .uk-root .fdn-editor-air ul.blogMenuList, .uk-root .fdn-editor-air ul.topicMenuList { padding: 0; } .uk-root .fdn-editor-air p:not([class]), .uk-root .fdn-editor-air ul:not([class]), .uk-root .fdn-editor-air ol:not([class]), .uk-root .fdn-editor-air dl:not([class]), .uk-root .fdn-editor-air pre:not([class]), .uk-root .fdn-editor-air address:not([class]), .uk-root .fdn-editor-air fieldset:not([class]), .uk-root .fdn-editor-air figure:not([class]) { margin: 0; } .uk-root .fdn-editor-air .leftColumnInner { padding: 0 10px !important; } .uk-root .fdn-editor-air h2, .uk-root .fdn-editor-air h3, .uk-root .fdn-editor-air h4, .uk-root .fdn-editor-air h5, .uk-root .fdn-editor-air h6 { font-weight: 700; } .uk-root .fdn-editor-air .contentBody, .uk-root .fdn-editor-air .slideBody { border: none; background-color: #fff; box-shadow: 0px 2px 3px 0px #666, inset 0px 6px 7px -6px #999; font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; font-size: 21px; line-height: 1.5; color: #000; } .uk-root .fdn-editor-air .layoutContentFullWidth.contentBody { padding-left: 150px; padding-right: 150px; font-size: 23.1px; line-height: 1.8; box-sizing: border-box; } .uk-root .fdn-editor-air .contentBody a, .uk-root .fdn-editor-air .slideBody a { color: #0046ba; } .uk-root .fdn-editor-air .contentBody .fdn-inline-connection-headline a, .uk-root .fdn-editor-air .contentBody .fdn-inline-connection-content-headline a { color: #444; } .uk-root .fdn-editor-air .contentBody .fdn-teaser-ticket-link { color: #fff; } .uk-root .fdn-editor-air .contentBody .imageTools a, .uk-root .fdn-editor-air .contentBody .pullQuoteTools a { color: #fff; } .uk-root .fdn-editor-air .contentBody .fdn-inline-connection-title, .uk-root .fdn-editor-air .contentBody .fdn-inline-connection-title a { color: #999; } .uk-root .fdn-editor-air .contentBody .removeInlineMedia, .uk-root .fdn-editor-air .slideBody .removeInlineMedia { z-index: 3; color: #C00; } .uk-root .fdn-editor-air .contentBody .removeInlineMedia:hover, .uk-root .fdn-editor-air .slideBody .removeInlineMedia:hover { color: #e00; text-decoration: none; } .uk-root .fdn-editor-air .contentBody { font-size: 21px; line-height: 1.5; } .uk-root .fdn-editor-air .fdn-inline-connection-content-headline { font-size: 17px; } .uk-root .fdn-editor-air .fdn-inline-connection-headline { font-size: 18px; } .uk-root .fdn-editor-air .fdn-inline-connection-content-subheadline { font-size: 14px; } .uk-root .fdn-editor-air .inlinePullquote { margin: 10px 20px 10px; padding: 20px; font-family: Georgia, serif; font-style: normal; text-align: center; font-weight: 700; line-height: 1.1; border: 0 none; } .uk-root .fdn-editor-air .inlinePullquote blockquote.fdn-pullquote-block { line-height: 1.1; float: none; } .uk-root .fdn-editor-air .inlinePullquote blockquote.fdn-pullquote-block a { color: #111; font-size: 28px; text-decoration: none !important; cursor: default; pointer-events: none; } .uk-root .fdn-editor-air .fdn-pullquote-editor-block-left { margin-top: 0; margin-right: 18px !important; float: left; width: 40%; min-width: 225px; clear: both; } .uk-root .fdn-editor-air .fdn-pullquote-editor-block-left .fdn-pullquote-block { width: 100%; margin: 0; } .uk-root .fdn-editor-air .fdn-pullquote-editor-block-left .inlineMediaWrapper.pullQuote { margin: 0 !important; padding: 0 !important; } .uk-root .fdn-editor-air .fdn-pullquote-editor-block-right { margin-top: 0; margin-left: 18px !important; float: right; width: 40%; min-width: 225px; clear: both; } .uk-root .fdn-editor-air .fdn-pullquote-editor-block-right .fdn-pullquote-block { width: 100%; margin: 0; } .uk-root .fdn-editor-air .fdn-pullquote-editor-block-right .inlineMediaWrapper.pullQuote { margin: 0 !important; padding: 0 !important; } .uk-root .fdn-editor-air .fdn-pullquote-editor-block-center { clear: both; } .uk-root .fdn-editor-air .fdn-pullquote-editor-block-center .inlineMediaWrapper.pullQuote { margin: 0 !important; padding: 0 !important; } .uk-root .fdn-editor-air .fdn-teaser-headline, .uk-root .fdn-editor-air .fdn-teaser-headline a { font-size: 19px; line-height: 1.15em; margin-bottom: 10px; } .uk-root .fdn-editor-air .fdn-teaser-infoline { font-size: 14px; line-height: 1.2; margin-bottom: 10px; } .uk-root .fdn-editor-air .fdn-teaser-tagline { font-size: 0.875rem; line-height: 1.5; margin-bottom: 8px; } .uk-root .fdn-editor-air .fdn-teaser-badge { font-size: 0.875rem; line-height: 1.5; } .uk-root .fdn-editor-air .fdn-inline-connection .uk-width-1-1.uk-width-1-2\@es { width: 50%; } .uk-root .fdn-editor-air .fdn-inline-connection .uk-width-1-2.uk-width-1-4\@es.uk-width-1-6\@em, .uk-root .fdn-editor-air .fdn-inline-connection .uk-width-1-3.uk-width-1-4\@es.uk-width-1-6\@em { width: 25%; } .uk-root .fdn-editor-air .fdn-inline-connection .uk-width-1-4.uk-width-1-5\@es.uk-width-1-6\@em { width: 20%; } .uk-root .fdn-editor-air .fdn-inline-connection .uk-width-1-2.uk-width-3-4\@es.uk-width-5-6\@em { width: 75%; } .uk-root .fdn-editor-air .contentBody .uk-button-default { color: #333; } .uk-root .fdn-editor-air .fdn-button-submit { font-size: 14px; line-height: 1.5; } .uk-root .fdn-editor-air .layoutContentFullWidth.contentBody .contentImageCenter, .uk-root .fdn-editor-air .layoutContentFullWidth.contentBody .fdn-content-image-center { width: auto; text-align: center; margin-left: -150px; margin-right: -150px; margin-top: 18px; margin-bottom: 18px; } .uk-root .fdn-editor-air .contentImageLeft, .uk-root .fdn-editor-air .contentImageRight { position: relative; margin-top: 18px; margin-bottom: 18px; display: flex; flex-direction: column; align-items: center; } .uk-root .fdn-editor-air .contentImageLeft { float: left; margin-right: 27px; } .uk-root .fdn-editor-air .contentImageRight { float: right; margin-left: 27px; } .uk-root .fdn-editor-air [class*="contentImage"] ul.inlineMediaInfo { display: flex; flex-direction: column; box-sizing: border-box; background: #f6f6f6; padding: 4px 9px 4px 9px; box-shadow: none; border: none; } .uk-root .fdn-editor-air [class*="contentImage"] ul.inlineMediaInfo .imageCredit { font-family: Arial, Helvetica, sans-serif; color: #999; font-style: italic; align-self: flex-end; font-size: 0.875rem; line-height: 1.5; margin: 0; text-align: right !important; } .uk-root .fdn-editor-air [class*="contentImage"] ul.inlineMediaInfo .imageCaption { font-family: Arial, Helvetica, sans-serif; color: #434343; font-size: 14px; line-height: 1.5; margin: 0; text-align: left !important; } .uk-root .fdn-editor-air .contentBody .imageTools, .uk-root .fdn-editor-air .contentBody .pullQuoteTools { font-family: Arial; font-size: 12px; line-height: 1rem; } .uk-root .fdn-editor-air .contentBody .imageTools a, .uk-root .fdn-editor-air .contentBody .pullQuoteTools a { color: #fff; font-weight: 400; line-height: 1rem; } .uk-root .fdn-editor-air .clearfix:after { content: "."; display: block; clear: both; height: 0; text-indent: -9999em; direction: ltr; } .uk-root .fdn-editor-air #contentAdminRight .inlineEmbed.uk-align-right { margin-left: 18px; margin-top: 0; margin-bottom: 18px; } .uk-root .fdn-editor-air #contentAdminRight .inlineEmbed.uk-align-left { margin-right: 18px; margin-top: 0; margin-bottom: 18px; } .uk-root .fdn-editor-air #contentAdminRight .infoBox.Center.inlineMediaBox.inlineEmbed a.removeInlineMedia, .uk-root .fdn-editor-air #contentAdminRight .infoBox.Center.inlineMediaBox.inlineEmbed a.infoLink { right: 51px; } .uk-root .fdn-editor-air #contentAdminRight * + .inlineEmbed[class*='uk-align'] { margin-top: 18px; } .uk-root .fdn-editor-air .contentBody .inlineAudio a.removeInlineMedia, .uk-root .fdn-editor-air .contentBody .audioConnection a.removeInlineMedia { right: 112px; } .uk-root .fdn-editor-air .contentBody .inlineMediaBox.infoBox ul { margin: 10px 5px; list-style: square inside; } .uk-root .fdn-editor-air .contentBody .inlineMediaBox.infoBox ul li { list-style: square inside; } .uk-root .fdn-editor-air .contentBody ul:not([class]) li, .uk-root .fdn-editor-air .slideBody ul:not([class]) li { list-style: disc outside; } .uk-root .fdn-editor-air .contentBody ol:not([class]) li, .uk-root .fdn-editor-air .slideBody ol:not([class]) li { list-style: decimal inside; } .uk-root .fdn-editor-air .fdn-status-confirm-modal .uk-modal-dialog { width: 450px; } .uk-root .fdn-editor-air .fdn-status-confirm-modal .fdn-status-confirm { font-size: 1.2rem; } .uk-root .fdn-editor-air a.previewLink { background-color: #339934 !important; } .uk-root .fdn-editor-air .bodyUpdateTime { font-size: 16px !important; font-weight: 700; padding: 3px; } .uk-root .fdn-editor-air div.bodyUpdateUser { padding: 3px; margin: 3px 0 0; } .uk-root .fdn-editor-air div.bodyUpdateUser .lastUserName { font-size: 15px !important; } .uk-root .fdn-editor-air .mainContentEditBox a[target='teaser'] { clear: both; display: block; width: 120px; padding: 10px 0; border: thin solid #ddd; text-align: center; border-radius: 2px; font-weight: 700; position: relative; margin: 10px 0; top: 5px; font-size: 14px; } .uk-root [cropper-button-remove] button { background-color: #fff; position: relative; color: #000; border: thin solid #000; transition: 188ms ease-out; padding-left: 38px; font-weight: 700; } .uk-root [cropper-button-remove] button:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; margin: auto; left: 10px; width: 20px; height: 20px; background-color: #000; transition: 188ms ease-out; -webkit-mask: url(/foundation/images/air/times-circle-solid.svg); mask: url(/foundation/images/air/times-circle-solid.svg); } .uk-root [cropper-button-remove] button:hover, .uk-root [cropper-button-remove] button:focus { color: #fff; background-color: #000; } .uk-root [cropper-button-remove] button:hover:before, .uk-root [cropper-button-remove] button:focus:before { background-color: #fff; } .uk-root [cropper-button-revert] button { transition: 188ms ease-out; position: relative; color: #001837; background-color: #fff; padding-left: 38px; border: thin solid #001837; font-weight: 700; } .uk-root [cropper-button-revert] button:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; margin: auto; left: 10px; width: 20px; height: 20px; background-color: #001837; transition: 188ms ease-out; -webkit-mask: url(/foundation/images/air/history-solid.svg); mask: url(/foundation/images/air/history-solid.svg); } .uk-root [cropper-button-revert] button:hover, .uk-root [cropper-button-revert] button:focus { color: #fff; background: #001837; } .uk-root [cropper-button-revert] button:hover:before, .uk-root [cropper-button-revert] button:focus:before { background-color: #fff; } .uk-root [cropper-button-save] button { transition: 188ms ease-out; background-color: #fff; position: relative; color: darkgreen; padding-left: 25px; border: thin solid darkgreen; font-weight: 700; } .uk-root [cropper-button-save] button:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; margin: auto; left: 10px; width: 20px; height: 20px; background-color: darkgreen; transition: 188ms ease-out; -webkit-mask: url(/foundation/images/air/check-circle-solid.svg); mask: url(/foundation/images/air/check-circle-solid.svg); } .uk-root [cropper-button-save] button:hover, .uk-root [cropper-button-save] button:focus { color: #fff; background-color: darkgreen; } .uk-root [cropper-button-save] button:hover:before, .uk-root [cropper-button-save] button:focus:before { background-color: #fff; } .uk-root [cropper-button-cancel] button { transition: 188ms ease-out; background-color: #fff; position: relative; color: #333; padding-left: 38px; border: thin solid #333; font-weight: 700; } .uk-root [cropper-button-cancel] button:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; margin: auto; left: 10px; width: 20px; height: 20px; background-color: #333; transition: 188ms ease-out; -webkit-mask: url(/foundation/images/air/ban-solid.svg); mask: url(/foundation/images/air/ban-solid.svg); } .uk-root [cropper-button-cancel] button:hover, .uk-root [cropper-button-cancel] button:focus { color: #fff; background-color: #333; } .uk-root [cropper-button-cancel] button:hover:before, .uk-root [cropper-button-cancel] button:focus:before { background-color: #fff; } .uk-root div[edit-teaser-crop-container] { display: none; } .uk-root a[edit-teaser-crop] { display: block; width: auto; margin-bottom: 10px; padding: 10px; border: thin solid #fff; text-align: center; border-radius: 2px; font-weight: 700; font-size: 14px; background-color: #FFFFFF; color: #333; transition: 188ms ease-out; position: relative; } .uk-root a[edit-teaser-crop]:hover { text-decoration: none; color: #fff; background: #d2232a; } .uk-root div[teaser-crop-container] { display: none; background-color: #999; min-height: 300px; position: absolute; top: 0; bottom: 0; z-index: 10000; padding: 10px; overflow-y: auto; } .uk-root div[teaser-crop-container] h1 { font-size: 20px; color: #fff; } .uk-root div[teaser-crop-container] h2 { font-size: 16px; color: #fff; } .uk-root div[teaser-close-butt] { cursor: pointer; padding: 10px; border: thin solid #DDD; text-align: center; border-radius: 2px; font-size: 14px; font-weight: 700; color: #fff; transition: 188ms ease-out; } .uk-root div[teaser-close-butt]:hover { background: #fff; color: #333; } .uk-root div[teaser-close-butt]:hover button { color: #333; } .uk-root div[teaser-close-butt] button { color: #fff; } .uk-root .fdn-editor-air .uk-tooltip { font-size: 1rem; } .uk-root .fdn-event-promo-block { background: #fff; padding: 9px 18px; border: 1px solid #666; } .uk-root .fdn-event-promo-header { color: #000; line-height: 1; font-weight: 300; font-family: Arial, Helvetica, sans-serif; font-size: 2rem; text-transform: uppercase; } .uk-root .fdn-promo-teaser-image { border: 3px solid #000; } .uk-root .fdn-promo-headline.fdn-promo-headline { color: #fff; line-height: 1.05; font-weight: 700; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-size: 1.23rem; } .uk-root .fdn-event-promo-wrapper ul.uk-slider-items { margin-left: -2rem; } .uk-root .fdn-event-promo-wrapper li { padding-left: 2rem; } .uk-root .fdn-event-promo-block .fdn-promo-headline.fdn-promo-headline { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .uk-root .fdn-event-promo-block .fdn-promo-teaser .uk-overlay.uk-overlay-default { background: none; } .uk-root .fdn-event-promo-block .uk-slider-items .fdn-promo-teaser.uk-inline { padding-bottom: 100%; box-sizing: border-box; width: 100%; position: relative; } .uk-root .fdn-event-promo-block .uk-slider-items .fdn-promo-teaser.uk-inline img { height: 100%; width: 100%; position: absolute; left: 0; right: 0; } .uk-root .fdn-event-promo-block .uk-slidenav { margin: 9px 0; background: #000; color: #fff; } .uk-root .fdn-event-promo-block .uk-slidenav polyline { stroke-width: 3px; } .uk-root .fdn-interface-form-recurring-event-block .fdn-interface-form-time-string-input { min-height: 40px; height: auto; line-height: 1.5; padding: 10px; width: auto; flex: auto; margin-top: 5px; } .uk-root .fdn-interface-form-recurring-event-block .fdn-interface-form-time-string-input:empty { display: none; } @media (min-width: 640px) { .uk-root .fdn-interface-form-recurring-event-block .fdn-interface-form-time-string-input { width: auto; flex: 1; margin-top: 0; } } .uk-root .fdn-interface-form-item-add:focus { outline: thin solid #333; outline-offset: 3px; } .uk-root div#imageUploadComponent .uk-form-custom span.fdn-interface-form-addevent-link { display: inline-block; padding: 1px 5px; border: thin solid transparent; } .uk-root div#imageUploadComponent .uk-form-custom input[type="file"]:focus + span { border: thin solid #333; } .uk-root .fdn-add-event-submit-link-block { background: transparent; padding: 5px 0 0 0; border: solid #999; border-width: 1px 0 0 0; display: none; align-items: center; flex-direction: column; } .comp-event-addeventlink.uk-root .fdn-add-event-submit-link-block { padding: 0; border: none; display: block; } .comp-event-addeventlink.uk-root .fdn-add-event-submit-link-block a { background: transparent; padding: 5px; display: none; align-items: center; flex-direction: column; border: solid #999; border-width: 1px; } .uk-root .fdn-add-event-submit-link-text { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #999; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-add-event-submit-link-text:hover { color: #999; } .uk-root .fdn-event-header-submit-event-block a { border: thin solid #0046ba; display: inline-flex; align-items: center; padding: 4px 9px 4px 28px; color: #fff; text-transform: uppercase; font-weight: 700; position: relative; transition: 188ms ease-out; border-radius: 2px; background: #0046ba; font-size: 0.75rem; user-select: none; } .uk-root .fdn-event-header-submit-event-block a:before { content: ""; background-color: #fff; -webkit-mask: url(/foundation/images/icons/submit-event.svg) center; mask: url(/foundation/images/icons/submit-event.svg) center; display: inline-flex; width: 15px; height: 15px; position: absolute; top: -1px; bottom: 0; left: 6px; margin: auto; transition: 188ms ease-out; } .uk-root .fdn-event-header-submit-event-block a:hover { background: #fff; color: #000; text-decoration: none; } .uk-root .fdn-event-header-submit-event-block a:hover:before { background-color: #000; text-decoration: none; } .uk-root .fdn-add-event-upgrade-list.fdn-add-event-upgrade-list li.fdn-pres-item { border-color: #999; } .uk-root .fdn-add-event-upgrade-note { text-align: right; } .uk-root .fdn-add-event-upgrade-checkbox { border-color: #444; border-width: 2px; margin-right: 5px; width: 20px; height: 20px; } .uk-root .fdn-interface-label.fdn-add-event-upgrade-label { font-size: 22px !important; cursor: pointer; } .uk-root .fdn-add-event-confirmation-label { color: #777; } .uk-root .fdn-add-event-event-date-confirmation { font-size: 16px !important; } .uk-root .fdn-add-event-upgrade-info-label { color: #777 !important; cursor: pointer; } .uk-root .fdn-add-event-upgrade-info-price-label { cursor: pointer; font-weight: 700; } .uk-root .fdn-add-event-upgrade-info-price-label input[type=radio] { margin-top: 0; } .uk-root .fdn-add-event-upgrade-info-price-label .fdn-add-event-upgrade-info-input { width: 85px; } .uk-root .fdn-add-event-upgrade-info-input { color: #111; max-height: 30px; } .uk-root .fdn-add-event-review-list { font-size: 1.2rem; } .uk-root .fdn-add-event-review-list strong { color: #222; } .uk-root .fdn-add-event-disabled { opacity: 0.5; } .uk-root .fdn-add-event-event-confirmation { color: #666; } .uk-root .fdn-add-event-event-title-confirmation { font-weight: 700; font-size: 1.8rem; color: #111; } .uk-root .fdn-add-event-event-title-confirmation + span:not([class]) { font-size: 1rem; } .uk-root .fdn-add-event-event-location-confirmation { font-size: 17px; } .uk-root .fdn-add-event-confirmation-label { color: #777; } .uk-root .fdn-add-event-form-promote-header.fdn-interface-form-legend { background: #232323; color: #fff; padding: 7px 10px; } .uk-root .fdn-add-event-upgrade-list { font-size: 1.15rem; color: #444; } .uk-root .fdn-add-event-upgrade-list-item:last-child { border-bottom: 1px solid #e5e5e5; } .uk-root .fdn-add-event-upgrade-list-item div * + * { margin-left: 0.1ch; } .uk-root .fdn-add-event-upgrade-name { font-size: inherit; font-weight: 700; color: #111; } .uk-root .fdn-add-event-upgrade-price { font-weight: 700; } .uk-root .fdn-add-event-final-price-wrapper { font-size: 1.8rem; } .uk-root .fdn-add-event-final-price-block { padding: 9px; border: 1px solid #ccc; color: #333; } .uk-root .fdn-add-event-final-price { color: #367f00; font-weight: 700; } .uk-root .fdn-add-event-success-block { padding: 0; border: 0px solid #999; text-align: left; } .uk-root .fdn-add-event-success-header { font-size: 1.5rem; font-weight: 700; color: #222; text-transform: uppercase; } .uk-root .fdn-add-event-success-text { font-size: 21px; font-weight: 400; color: #666; } .uk-root .fdn-add-event-success-custom-message { font-size: 1.2rem; line-height: 1.33; } .uk-root .fdn-add-event-success-custom-not-live-message { font-size: 1.2rem; line-height: 1.33; color: #ff710a !important; } .uk-root .fdn-add-event-success-list { font-size: 1.2rem; } .uk-root .fdn-add-event-success-list a { color: #0046ba; font-weight: 700; } .uk-root .fdn-add-event-success-list a:hover { text-decoration: underline; } .uk-root .fdn-add-event-error-item { font-size: 21px; } .uk-root .fdn-event-status { background: #ff710a; color: #fff; font-size: 16px; font-style: italic; font-weight: 700; text-transform: uppercase; padding: 3px 10px 1px; max-width: 100%; min-width: 145px; box-sizing: border-box; } .uk-root .fdn-event-status.fdn-event-status-search-results { font-size: 14px; padding: 3px 6px 1px; } @keyframes eventSearchTabFade { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } .uk-root .fdn-event-search-contol-view-block { border-bottom: thin solid #ccc; } .uk-root .fdn-event-search-contol-view-block li { padding: 4px; border-radius: 4px 4px 0 0; border: thin solid #ccc; border-bottom: none; background: #ececec; cursor: pointer; color: #333; transition: 100ms; width: 30px; box-sizing: border-box; height: 30px; display: inline-flex; align-items: center; justify-content: center; } .uk-root .fdn-event-search-contol-view-block li svg { opacity: 0; transform: scale(0); animation: eventSearchTabFade 344ms ease-in 344ms 1 forwards; } .uk-root .fdn-event-search-contol-view-block li:hover, .uk-root .fdn-event-search-contol-view-block li.active { background: #aaa; color: #000; border-color: transparent; } .uk-root .fdn-event-search-contol-view-block li + li { margin-left: 2px; } .uk-root .show-grid .fdn-hidden\@show-grid, .uk-root .show-list .fdn-hidden\@show-list, .uk-root .show-detail .fdn-hidden\@show-detail, .uk-root .show-detail .fdn-hidden\@show-list, .uk-root .show-list .fdn-hidden\@show-detail { display: none !important; } .uk-root .search-results.show-list .fdn-teaser-description.uk-text-break, .uk-root .search-results.show-list .fdn-teaser-infoline.uk-text-break { display: none; } .uk-root .search-results.show-list img { width: 120px; height: auto; } .uk-root .search-results.show-list .uk-width-1-5\@show-list { width: 20%; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid { display: flex; flex-wrap: wrap; justify-content: space-between; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid li { border: 0 none; margin-top: 0; padding-top: 0; margin-bottom: 12px; box-shadow: 0px 0px 2px 1px #ddd; box-sizing: border-box; border-radius: 2px; transition: 100ms; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid li:hover { box-shadow: 0px 0px 2px 2px #888; border-radius: 0; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid span.fdn-features-icon-block, .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .fdn-teaser-description.uk-text-break, .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .fdn-teaser-infoline.uk-text-break, .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .fdn-event-teaser-location + p.fdn-inline-split-list.fdn-teaser-infoline { display: none; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .uk-width-1-1\@show-grid { width: 100%; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .uk-flex\@show-grid { display: flex; flex-wrap: wrap; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .fdn-no-image .uk-flex-center\@show-grid { justify-content: center; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .uk-margin-remove\@show-grid { margin: 0 !important; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .uk-flex-first\@show-grid { order: -1; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .uk-child-width-1-1\@show-grid > div { width: 100%; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .fdn-event-search-text-block > div { margin: 5px 0; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .uk-margin-remove\@show-grid { margin: 0 !important; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .fdn-pres-item.fdn-no-image { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: center; padding: 40px 4px 4px; box-sizing: border-box; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .fdn-pres-item.fdn-no-image .fdn-teaser-headline a, .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .fdn-pres-item.fdn-no-image .fdn-teaser-subheadline { font-size: 1.44em; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .fdn-pres-item-content { padding: 5px; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .fdn-pres-item-inline { flex: none; box-shadow: none; border-radius: 0; } .uk-root .search-results.show-grid .pres-EventSearchRectangle.uk-list-divider.uk-flex\@show-grid .fdn-ticket-icon\@show-grid svg { fill: #0091d5; color: #0091d5; transform: rotate(-45deg); } .uk-root .search-results.show-grid li.fdn-pres-item { width: calc(33% - 5px); } @media (max-width: 600px) { .uk-root .search-results.show-grid li.fdn-pres-item { width: calc(50% - 5px); } } .uk-root .comp-location-pastevents .fdn-teaser-headline { font-size: calc(19px - 0px) !important; margin-bottom: 4px!important; } .uk-root .comp-location-pastevents .fdn-teaser-headline a { font-size: calc(19px - 0px) !important; } .uk-root .comp-location-pastevents p.fdn-teaser-infoline { font-size: calc(14px - 0px) !important; margin-bottom: 2px!important; } .uk-root .comp-location-pastevents div.fdn-teaser-infoline { display: none !important; } .uk-root .comp-landing-calendarpicks .fdn-calendar-picks li { margin-top: 0!important; } .uk-root .comp-landing-calendarpicks .fdn-calendar-picks span.divider { width: 0!important; border-left: 1px solid #ddd; flex: none!important; } @media (min-width: 998px) { .uk-root .pres-EventListStacked .fdn-EventListStacked-image-block { padding-bottom: 0.25rem; } } @media (min-width: 401px) { .uk-root .pres-EventListStacked .fdn-EventListStacked-image-block { padding-right: 0.65rem; } } @media (max-width: 400px) { .uk-root .pres-EventListStacked .fdn-EventListStacked-image-block { padding-bottom: 0.25rem; } } .uk-root .pres-EventListStacked .fdn-EventListStacked-at-location { color: #999 !important; font-size: 13px; font-weight: 400; vertical-align: top; } .uk-root .pres-EventListStacked .fdn-separated-list li a.uk-active { color: #0046ba; } .uk-root .fdn-calendar-event-links-block { justify-content: center; width: 100%; line-height: 1; margin: 0; padding: 0 0 6px; border-bottom: 1px solid #ccc; } .uk-root .fdn-calendar-event-links-block li a { font-weight: 700; } .uk-root .fdn-calendar-picks-links-by-day-block { display: flex; order: 1; } .uk-root .fdn-calendar-picks-staff-picks-block { order: 2; } .uk-root .fdn-calendar-picks-event-links-block { order: 3; } .uk-root .fdn-calendar-picks-tabbed-selectors-block { order: 4; } .uk-root .fdn-calendar-picks-add-on-links-block { order: 5; } .uk-root .fdn-calendar-picks-submit-event-block { order: 6; } .uk-root .fdn-event-teasers-items-block { order: 1; } .uk-root .fdn-event-teasers-more-link-block { order: 2; } .uk-root .fdn-event-teasers-add-on-links-block { order: 3; } .uk-root .fdn-event-teasers-submit-event-block { order: 4; } .uk-root .fdn-event-list-magnum-image-block { display: flex; order: 1; margin: 5px 0 0; } .uk-root .fdn-event-list-magnum-content-block { display: flex; order: 2; margin: 5px 0 0; } .uk-root .fdn-event-list-magnum-title-block { display: flex; order: 1; margin: 5px 0 0; } .uk-root .fdn-event-list-magnum-times-block { display: flex; order: 2; margin: 5px 0 0; } .uk-root .fdn-event-list-magnum-price-block { display: flex; order: 3; margin: 5px 0 0; } .uk-root .fdn-event-list-magnum-category-block { display: flex; order: 4; margin: 5px 0 0; } .uk-root .fdn-event-list-magnum-description-block { display: flex; order: 5; margin: 5px 0 0; } .uk-root .fdn-event-list-magnum-location-block { display: flex; order: 6; margin: 5px 0 0; } .uk-root .comp-event-eventlocation .uk-list, .uk-root .comp-event-eventlocation .fdn-teaser-infoline { margin-bottom: 0; } .uk-root .fdn-event-highlight-block { background: #f7f7f7; padding: 9px !important; border: 2px solid #999 !important; border-radius: 2px !important; box-shadow: none !important; } .uk-root .fdn-event-highlight-block .fdn-event-search-text-block .fdn-teaser-subheadline { font-weight: 400; font-size: inherit; color: #0046ba; } .uk-root .fdn-online-event-url-block { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; } .uk-root .fdn-add-event-upgrade-list a .uk-position-bottom-right.uk-padding-small.uk-background-default { background-color: transparent; transition: 188ms; opacity: 0.9; border-radius: 6px 0 0 0; } .uk-root .fdn-add-event-upgrade-list a .uk-position-bottom-right.uk-padding-small.uk-background-default svg { color: #333; filter: drop-shadow(1px 1px 1px black); } .uk-root .fdn-add-event-upgrade-list a:hover .uk-position-bottom-right.uk-padding-small.uk-background-default { background-color: #fff9; } .uk-root .pres-EventListSwappable .fdn-EventListSwappable-image-block { padding: 0 0 9px 0; } @media (min-width: 400px) { .uk-root .pres-EventListSwappable .fdn-EventListSwappable-image-block { padding: 0 9px 0 0; } } .uk-root .pres-EventListSwappable .fdn-EventListSwappable-image-block.uk-flex-last\@xs { padding: 0 0 9px 0; } @media (min-width: 400px) { .uk-root .pres-EventListSwappable .fdn-EventListSwappable-image-block.uk-flex-last\@xs { padding: 0 0 0 9px; } } .uk-root .comp-event-eventdescription { margin-bottom: 35px; padding-bottom: 35px; border-bottom: thin solid #ddd; } .uk-root .comp-event-eventdescription p { font-size: 1.3rem; margin-bottom: 0 !important; } .uk-root .fdn-feature-tight { margin-bottom: 3px; } @media (min-width: 400px) { .uk-root .fdn-feature-tight { margin-bottom: 3px; } } @media (min-width: 640px) { .uk-root .fdn-feature-tight { margin-bottom: 3px; } } .uk-root .fdn-feature-margin-bottom { margin-bottom: 6px; } @media (min-width: 400px) { .uk-root .fdn-feature-margin-bottom { margin-bottom: 7px; } } @media (min-width: 640px) { .uk-root .fdn-feature-margin-bottom { margin-bottom: 8px; } } .uk-root .fdn-feature-tagline { display: block; order: 1; font-size: 0.7875rem; line-height: 1.35; } @media (min-width: 400px) { .uk-root .fdn-feature-tagline { font-size: 0.835625rem; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-feature-tagline { font-size: 0.875rem; line-height: 1.5; } } .uk-root .fdn-feature-category { display: block; order: 2; font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: uppercase; font-weight: 400; margin-top: 0; margin-bottom: 6px; } @media (min-width: 400px) { .uk-root .fdn-feature-category { font-size: 13.37px; line-height: 1.4325; margin-bottom: 7px; } } @media (min-width: 640px) { .uk-root .fdn-feature-category { font-size: 14px; line-height: 1.5; margin-bottom: 8px; } } .uk-root .fdn-feature-headline { display: block; order: 3; font-size: 1.98rem; line-height: 1.15em; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #000; text-decoration: none; text-transform: none; font-weight: bold; margin-top: 0; margin-bottom: 6px; } @media (min-width: 400px) { .uk-root .fdn-feature-headline { font-size: 2.101rem; line-height: 1.15em; margin-bottom: 7px; } } @media (min-width: 640px) { .uk-root .fdn-feature-headline { font-size: 2.2rem; line-height: 1.15em; margin-bottom: 8px; } } .uk-root .fdn-feature-headline:hover, a:hover .uk-root .fdn-feature-headline { color: #0046ba; text-decoration: none; } .uk-root .fdn-feature-headline:visited { color: #000; text-decoration: none; } .uk-root .fdn-feature-headline:visited:hover { color: #0046ba; text-decoration: none; } .uk-root .fdn-feature-subheadline { display: block; order: 4; font-size: 14.4px; line-height: 1.35; font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; color: #000; text-decoration: none; text-transform: none; margin-top: 0; margin-bottom: 6px; } @media (min-width: 400px) { .uk-root .fdn-feature-subheadline { font-size: 15.28px; line-height: 1.4325; margin-bottom: 7px; } } @media (min-width: 640px) { .uk-root .fdn-feature-subheadline { font-size: 16px; line-height: 1.5; margin-bottom: 8px; } } .uk-root .fdn-feature-infoline { display: flex; order: 5; font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; margin-top: 0; margin-bottom: 6px; } @media (min-width: 400px) { .uk-root .fdn-feature-infoline { font-size: 13.37px; line-height: 1.4325; margin-bottom: 7px; } } @media (min-width: 640px) { .uk-root .fdn-feature-infoline { font-size: 14px; line-height: 1.5; margin-bottom: 8px; } } .uk-root .fdn-feature-infoline time { font-weight: 400; } .uk-root .fdn-feature-summary { display: none; order: 6; font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; margin-top: 0; margin-bottom: 6px; } @media (min-width: 400px) { .uk-root .fdn-feature-summary { font-size: 13.37px; line-height: 1.4325; margin-bottom: 7px; } } @media (min-width: 640px) { .uk-root .fdn-feature-summary { font-size: 14px; line-height: 1.5; margin-bottom: 8px; } } .uk-root .fdn-feature-body-intro { display: none; order: 7; font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; margin-top: 0; margin-bottom: 6px; } @media (min-width: 400px) { .uk-root .fdn-feature-body-intro { font-size: 13.37px; line-height: 1.4325; margin-bottom: 7px; } } @media (min-width: 640px) { .uk-root .fdn-feature-body-intro { font-size: 14px; line-height: 1.5; margin-bottom: 8px; } } .uk-root .fdn-feature-tag { font-size: inherit; font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; text-transform: uppercase; font-weight: 300; } .uk-root .fdn-feature-tag:hover { color: #666; text-decoration: none; } .uk-root .fdn-feature-tag:visited { color: #999; text-decoration: none; } .uk-root .fdn-feature-tag:visited:hover { color: #666; text-decoration: none; } .uk-root .fdn-feature-tag-block { background: transparent; padding: 0; box-shadow: none; border: none; } .uk-root .fdn-feature-sponsored-tag { font-size: inherit; font-family: Arial, Helvetica, sans-serif; color: #0046ba; text-decoration: none; text-transform: uppercase; font-weight: bold; } .uk-root .fdn-feature-sponsored-tag:hover { color: #666; text-decoration: none; } .uk-root .fdn-feature-sponsored-tag:visited { color: #0046ba; text-decoration: none; } .uk-root .fdn-feature-sponsored-tag:visited:hover { color: #666; text-decoration: none; } .uk-root .fdn-feature-sponsored-tag-block { background: transparent; padding: 0; box-shadow: none; border: none; } .uk-root .fdn-feature-overlay-block { background: #fff9; padding: 9px; box-shadow: none; border: none; } .uk-root .fdn-feature-headline-block { margin-top: 9px; margin-bottom: 9px; } .uk-root .fdn-feature-by { display: inline; text-transform: capitalize; } .uk-root .fdn-film-times-theater-name { font-size: 2rem; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-weight: 700; line-height: 1.02; } .uk-root .fdn-film-times-theater-name a { font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; } .uk-root .fdn-film-times-theater-name-link { color: #fff; } .uk-root .fdn-film-times-theater-distance { color: #fff; font-weight: 400; font-size: 18px; } .uk-root .fdn-film-times-theater-address { font-size: 1.5rem; color: #eee; } .uk-root .fdn-film-times-theater-phone { font-size: 21px; color: #eee; text-decoration: none; } .uk-root .fdn-film-times-theater-features-header { color: #efefef; font-size: 18px; font-weight: 700; border-bottom: 1px solid #777; } .uk-root .fdn-film-times-theater-features-item { color: #dedede; font-size: 14px; } .uk-root .fdn-film-times-theater-features-item + .fdn-film-times-theater-features-item { margin-top: 3px !important; } .uk-root .fdn-film-rating-badge { font-size: 0.875rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; background: #f8f8f8; color: #999; } .uk-root .fdn-film-rating-badge:hover { color: #999; } .uk-root .fdn-film-poster-no-image-icon { padding: 10px; opacity: 0.13; } .uk-root .fdn-film-times-showtimes-header { font-size: 21px; font-weight: 400; color: #666; } .uk-root .fdn-film-times-showtimes-header ~ .uk-root .fdn-film-times-showtimes-header { border-top: 1px solid #ddd; margin-top: 8px !important; padding-top: 8px !important; } .uk-root .fdn-film-times-showtimes-features a + a::before { content: "\000B7"; } .uk-root .fdn-feature-format + .fdn-feature-format { margin-left: 5px; } .uk-root .fdn-feature-format:after { content: "\A"; display: block; } .uk-root .fdn-film-times-theater-format { color: #444; font-weight: 700; font-size: 16px; } .uk-root .fdn-film-times-theater-format:before { content: " · "; } .uk-root .fdn-fandango-logo { border-top: 1px solid #eee; } .uk-root .fdn-film-no-link { color: #111; font-size: 14px; font-weight: 700; } .uk-root .fdn-film-control-dropdown { background: #fff; padding: 9px; box-shadow: 3px 3px 1px -1px #333; border: 1px solid #ccc; border-radius: 0; } .uk-root .fdn-content-film-times-theater-name { font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #111; font-weight: 700; font-size: 1.5rem; } .uk-root .fdn-film-times-date-button-span-first { letter-spacing: -0.03ch; margin-left: -5px; } @media (min-width: 400px) { .uk-root .fdn-film-times-date-button-span-first { margin-left: 0; } } @media (min-width: 640px) { .uk-root .fdn-film-times-date-button-span-first { margin-left: 0; } } .uk-root .fdn-film-times-date-button-span-second { letter-spacing: -0.03ch; margin-left: -4px; } @media (min-width: 400px) { .uk-root .fdn-film-times-date-button-span-second { margin-left: 0; } } @media (min-width: 640px) { .uk-root .fdn-film-times-date-button-span-second { margin-left: 0; } } .uk-root .fdn-film-times-by-hour-film-name { font-size: 1.5rem; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-weight: 700; } .uk-root .fdn-network-film-review-pub-icon img { height: 20px; width: auto; } .uk-root .fdn-network-film-review-subheadline.fdn-network-film-review-subheadline { font-size: 15px!important; } .uk-root .fdn-network-film-review-author { color: #777; font-size: 14px; } .uk-root .fdn-film-poster-custom img { object-fit: cover; } .uk-root.comp-film-nowplaying .fdn-teaser-headline-tight, .uk-root.comp-film-nowplaying .fdn-teaser-headline-tight a { font-size: 0.88rem; line-height: 1.08rem; } .uk-root.comp-film-nowplaying .fdn-teaser-headline-tight { -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; } .uk-root.comp-film-nowplaying .fdn-now-playing-form-select-block + .fdn-now-playing-form-select-block { margin-top: 8px; } .uk-root .fdn-film-time-failure-message { font-size: 1rem; } @media (max-width: 800px) and (min-width: 640px) { .uk-root .comp-film-timecontroller .fdn-teaser-headline, .uk-root .comp-film-theatercontroller .fdn-teaser-headline { font-size: 1.15rem !important; } .uk-root .comp-film-timecontroller .fdn-teaser-headline a, .uk-root .comp-film-theatercontroller .fdn-teaser-headline a { display: block; -webkit-hyphens: auto; hyphens: auto; } } .uk-root [fdn-filmtimesbyhour-results] .uk-accordion-content[hidden] + a span { transition: 255ms linear; } .uk-root [fdn-filmtimesbyhour-results] .uk-accordion-content[hidden] + a .fdn-more-film { display: block; opacity: 1; } .uk-root [fdn-filmtimesbyhour-results] .uk-accordion-content[hidden] + a .fdn-less-film { display: none; } .uk-root [fdn-filmtimesbyhour-results] .uk-accordion-content:not([hidden]) + a span { transition: 255ms linear; } .uk-root [fdn-filmtimesbyhour-results] .uk-accordion-content:not([hidden]) + a .fdn-more-film { display: none; } .uk-root [fdn-filmtimesbyhour-results] .uk-accordion-content:not([hidden]) + a .fdn-less-film { display: block; opacity: 1; } .uk-root [fdn-filmtimesbyhour-results] .uk-transition + a .fdn-more-film, .uk-root [fdn-filmtimesbyhour-results] .uk-transition + a .fdn-less-film { opacity: 0; } .uk-root .fdn-footer-navigation { font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; font-weight: 400; text-transform: lowercase; display: flex; flex-wrap: wrap; justify-content: center; } .uk-root .fdn-footer-navigation li:first-child { margin-left: 0; } .uk-root .fdn-footer-navigation li:last-child { margin-right: 0; } .uk-root .fdn-footer-navigation li a:hover { color: #666; text-decoration: none; } .uk-root .fdn-footer-navigation a { color: #fff; } .uk-root .fdn-footer-navigation.fdn-footer-navigation li { margin-top: 0; flex: auto; } .uk-root .fdn-copyright-text { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-copyright-text { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-copyright-text { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-copyright-link { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-copyright-link { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-copyright-link { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-copyright-link:hover { color: #0046ba; text-decoration: none; } .uk-root .fdn-copyright-link:visited { opacity: 0.98; } .uk-root .fdn-fieldset { border: thin solid #666; border-radius: 3px; padding: 1rem; font-size: 1.2rem; } .uk-root .fdn-form-legend { padding: 0 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; } .uk-root .fdn-form-label { font-family: Arial, Helvetica, sans-serif; font-weight: 700; } .uk-root .NewsletterSubscriptions .fdn-form-label .description { font-weight: 400; } .uk-root .uk-text-danger ~ .uk-form-controls select, .uk-root .uk-text-danger ~ .uk-form-controls textarea, .uk-root .uk-text-danger ~ .uk-form-controls input[type=date], .uk-root .uk-text-danger ~ .uk-form-controls input[type=email], .uk-root .uk-text-danger ~ .uk-form-controls input[type=image], .uk-root .uk-text-danger ~ .uk-form-controls input[type=month], .uk-root .uk-text-danger ~ .uk-form-controls input[type=number], .uk-root .uk-text-danger ~ .uk-form-controls input[type=password], .uk-root .uk-text-danger ~ .uk-form-controls input[type=search], .uk-root .uk-text-danger ~ .uk-form-controls input[type=tel], .uk-root .uk-text-danger ~ .uk-form-controls input[type=text], .uk-root .uk-text-danger ~ .uk-form-controls input[type=time], .uk-root .uk-text-danger ~ .uk-form-controls input[type=url], .uk-root .uk-text-danger ~ .uk-form-controls input[type=week] { border-color: #d50000; } .uk-root .uk-radio:focus-visible, .uk-root .uk-checkbox:focus-visible { outline: thin solid #333; outline-offset: -2px; } .uk-root .uk-radio:focus-visible:checked, .uk-root .uk-checkbox:focus-visible:checked { outline: none; } .uk-root .uk-radio:checked:focus, .uk-root .uk-checkbox:checked:focus { background-color: #e7e7e7; } .uk-root .fdn-agreement-checkboxes a { color: #0046ba; } .uk-root .fdn-free-stuff-item + .fdn-free-stuff-item { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #ddd; } .uk-root .fdn-free-stuff-category-header-block { text-align: left; } .uk-root .fdn-free-stuff-category-header { font-size: 1.5rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #666; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-free-stuff-teaser-headline { font-size: 21.6px; line-height: 1.35; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; } .uk-root .fdn-free-stuff-teaser-headline a { color: #000; } @media (min-width: 400px) { .uk-root .fdn-free-stuff-teaser-headline { font-size: 22.92px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-free-stuff-teaser-headline { font-size: 24px; line-height: 1.5; } } .uk-root .fdn-free-stuff-teaser-content { font-size: 14.4px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-free-stuff-teaser-content { font-size: 15.28px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-free-stuff-teaser-content { font-size: 16px; line-height: 1.5; } } .uk-root .grid-resp-1 .fdn-grid-main-single { width: 100%; box-sizing: border-box; } .uk-root .grid-resp-1 .fdn-grid-main { width: 100%; } @media (min-width: 998px) { .uk-root .grid-resp-1 .fdn-grid-main { width: 680px; } } .uk-root .grid-resp-1 .fdn-grid-sidebar { width: 100%; } @media (min-width: 998px) { .uk-root .grid-resp-1 .fdn-grid-sidebar { width: 318px; } } .uk-root .ev-grid-layout { display: flex; flex-direction: column; } .uk-root .ev-grid-zone { display: flex; flex-direction: row; flex-wrap: wrap; } .uk-root .ev-grid-col { padding: 0 9px; } .uk-root .ev-grid-floated-right { float: right; margin-top: 0; margin-bottom: 0; margin-left: 18px; padding: 0; } @media (min-width: 640px) { .uk-root .ev-clamp\@m .ev-grid-zone { width: 640px; margin: auto; } } @media (min-width: 998px) { .uk-root .ev-clamp\@l .ev-grid-zone { width: 998px; margin: auto; } } .uk-root .RespTwoCol1 [data-ev-zone="ZoneC"] { margin-top: 18px; } .uk-root .grid-resp-2-split .fdn-grid-main-single { width: 100%; box-sizing: border-box; } .uk-root .grid-resp-2-split .fdn-grid-main { width: 100%; } @media (min-width: 998px) { .uk-root .grid-resp-2-split .fdn-grid-main { width: calc(100% * 2 / 3.001); } } .uk-root .grid-resp-2-split .fdn-grid-sidebar { width: 100%; } @media (min-width: 998px) { .uk-root .grid-resp-2-split .fdn-grid-sidebar { width: calc(100% * 1 / 3.001); /* - ads - */ min-width: 300px; } } .uk-root .ev-grid-zone.ev-footer-zone { padding-bottom: 1rem; } .uk-root .fdn-component-header-text { font-size: 2rem; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #000; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-component-header-link-text { color: #000; text-decoration: none; } .uk-root .fdn-component-header-link-text:hover { color: #666; text-decoration: none; } .uk-root .fdn-component-header-link-text-visited { color: #000; text-decoration: none; } .uk-root .fdn-component-header-block { background: transparent; padding: 0px; box-shadow: none; border: none; border-color: #e5e5e5; border-style: solid; border-width: 0; overflow: hidden; } .uk-root .fdn-component-header-primary-text { font-size: 1.5rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #000; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-component-header-primary-link-text { color: #000; text-decoration: none; } .uk-root .fdn-component-header-primary-link-text:hover { color: #666; text-decoration: none; } .uk-root .fdn-component-header-primary-link-text:visited { color: #000; text-decoration: none; } .uk-root .fdn-component-header-primary-block { background: transparent; padding: 0px; box-shadow: none; border: none; border-color: inherit; border-style: solid; border-width: 0; } .uk-root .fdn-component-subheader-text { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #999; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-component-subheader-link-text { color: #999; text-decoration: none; } .uk-root .fdn-component-subheader-link-text:hover { color: #999; text-decoration: none; } .uk-root .fdn-component-subheader-link-text-visited { color: #999; text-decoration: none; } .uk-root .fdn-component-subheader-block { background: transparent; padding: 0px; box-shadow: none; border: none; border-color: #e5e5e5; border-style: solid; border-width: 0 0 1px 0; } .uk-root .fdn-page-header { font-size: calc(2rem - 3px); font-family: Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.28; color: #000; text-decoration: none; text-transform: uppercase; } @media (min-width: 640px) { .uk-root .fdn-page-header { font-size: 2rem; line-height: 1.4; } } .uk-root .fdn-page-header a { color: #000; } .uk-root .fdn-topic-header { font-size: calc(2rem - 3px); font-family: Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.28; color: #000; text-decoration: none; text-transform: uppercase; } @media (min-width: 640px) { .uk-root .fdn-topic-header { font-size: 2rem; line-height: 1.4; } } .uk-root .fdn-topic-header a { color: #000; } .uk-root .fdn-page-header-block { background: transparent; padding: 0px; box-shadow: none; border-color: #e5e5e5; border-style: solid; border-width: 0; } .uk-root .fdn-topic-header-block { background: transparent; padding: 0px; box-shadow: none; border-color: #e5e5e5; border-style: solid; border-width: 0; } .uk-root .fdn-content-header { font-size: 1.35rem; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-content-header { font-size: 1.4325rem; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-content-header { font-size: 1.5rem; line-height: 1.5; } } .uk-root .fdn-content-subheader { font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-content-subheader { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-content-subheader { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-interface-subheader { font-size: 0.72rem; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: 1px; font-weight: 700; background: #242424; padding: 1px; box-shadow: none; border: none; border-radius: 0; } @media (min-width: 400px) { .uk-root .fdn-interface-subheader { font-size: 0.764rem; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-interface-subheader { font-size: 0.8rem; line-height: 1.5; } } .uk-root .fdn-slider-component-header-block { background: transparent; padding: 0px; box-shadow: none; border: none; border-color: #e5e5e5; border-style: solid; border-width: 1px 0; } .uk-root .fdn-slider-component-header-text { font-size: 1.5rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #000; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-page-headline { font-size: 32.4px; line-height: 1.35; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; } @media (min-width: 400px) { .uk-root .fdn-page-headline { font-size: 34.38px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-page-headline { font-size: 36px; line-height: 1.5; } } .uk-root .fdn-page-header-image-block .fdn-page-header-image { display: block; text-align: center; } .uk-root .fdn-404-header-text { font-size: 2rem; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-weight: 700; color: #0046ba; } .uk-root .fdn-features-icon-block, .uk-root * .fdn-features-icon-block * { text-decoration: none; } .uk-root .fdn-features-icon-block { margin-left: 3px; } .uk-root [uk-icon*="fdn-features-icon-ticket"] svg g[clip-path] { clip-path: none; } .uk-root .fdn-features-icon-staff-pick[uk-icon*="star"] svg * { fill: #0046ba; color: #0046ba; stroke: #0046ba; } .uk-root .fdn-features-icon-members-pick[uk-icon*="star"] svg * { fill: #333; color: #333; stroke: #333; } .uk-root .fdn-features-icon-all-ages svg * { fill: #4f86d5; color: #4f86d5; stroke: #4f86d5; } .uk-root .fdn-icon-button-smaller { width: 28px; height: 28px; } .uk-root .comp-content-abouttheauthor .fdn-icon-button-smaller { width: 22px; height: 22px; } .uk-root .fdn-features-icon-tickets-available svg * { fill: #2063e6 !important; } .uk-root .fdn-features-icon-image { display: none; } .uk-root .fdn-features-icon-user-submitted { display: none; } .uk-root .uk-text-bold svg[data-svg="close-icon"] * { stroke-width: 2; } .uk-root .fdn-bold-icon svg > [stroke-width], .uk-root .fdn-bold-icon svg > [stroke] { stroke-width: 2px; } .uk-root .fdn-bold-icon svg > rect[height="1"] { height: 2px; } .uk-root a.uk-drop-close { text-decoration: none !important; } .uk-root .fdn-magnum-block { text-align: center; background: transparent; } .uk-root .fdn-magnum-block .fdn-caption-block { text-align: left; align-items: flex-start; } .uk-root .fdn-image-fit { height: 100% !important; width: auto; object-fit: contain; } .uk-root .fdn-image-fit-cover { width: auto; } .uk-root .fdn-content-image-wide, .uk-root .fdn-content-image-center { max-width: 100%; overflow: hidden; margin-top: 18px; margin-bottom: 18px; } .uk-root .fdn-content-image-wide img, .uk-root .fdn-content-image-center img { display: block; margin-right: auto; margin-left: auto; } .uk-root .fdn-content-body .fdn-content-image-wide:first-child, .uk-root .fdn-content-body > .fdn-content-image-center:first-child { margin-top: 0; } .uk-root .fdn-content-image-right { margin-top: 18px; margin-bottom: 18px; margin-left: 9px; float: right; max-width: 42%; } .uk-root .fdn-content-image-right .fdn-caption-block { width: 100%; } @media (min-width: 400px) { .uk-root .fdn-content-image-right { width: auto; max-width: 50%; margin-left: 27px; } } .uk-root .fdn-content-image-right:first-child { margin-top: 0; } .uk-root .fdn-content-image-left { margin-top: 18px; margin-bottom: 18px; margin-right: 9px; float: left; max-width: 42%; } .uk-root .fdn-content-image-left .fdn-caption-block { width: 100%; } @media (min-width: 400px) { .uk-root .fdn-content-image-left { width: auto; max-width: 50%; margin-right: 27px; } } .uk-root .fdn-content-image-left:first-child { margin-top: 0; } .uk-root .fdn-caption-block { display: flex; flex-direction: column; box-sizing: border-box; background: #f6f6f6; padding: 4px 9px 4px 9px; box-shadow: none; border: none; } .uk-root .fdn-image-caption { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #434343; } @media (min-width: 400px) { .uk-root .fdn-image-caption { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-image-caption { font-size: 14px; line-height: 1.5; } } .uk-root #Slideshow .fdn-image-caption { line-height: 1.35; } .uk-root .fdn-image-credit { font-size: 0.7875rem; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #999; font-style: italic; align-self: flex-end; } @media (min-width: 400px) { .uk-root .fdn-image-credit { font-size: 0.835625rem; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-image-credit { font-size: 0.875rem; line-height: 1.5; } } .uk-root .fdn-add-image-submission-header-block { padding: 0; } .uk-root .fdn-add-image-submission-header-intro { margin: 0 0 5px; font-size: 1.3rem; font-weight: 400; color: #999; } .uk-root .fdn-add-image-custom-text-block { font-size: 16px; line-height: 1.5; padding: 18px; border: 2px solid #ddd; border-radius: 2px; } .uk-root .fdn-add-image-custom-text-block ul:not([class]) li, .uk-root .fdn-add-image-custom-text-block ol:not([class]) li { margin: 8px 0 0; } .uk-root .fdn-add-image-custom-text-block ul:not([class]) li { list-style: square inside none; } .uk-root .fdn-add-image-custom-text-block ol:not([class]) li { list-style: decimal inside none; } .uk-root .fdn-image-browse-header-description-block { font-size: 16px; line-height: 1.5; padding: 18px; border: 2px solid #ddd; border-radius: 2px; } .uk-root .fdn-image-browse-header-description-block ul:not([class]) li, .uk-root .fdn-image-browse-header-description-block ol:not([class]) li { margin: 8px 0 0; } .uk-root .fdn-image-browse-header-description-block ul:not([class]) li { list-style: square inside none; } .uk-root .fdn-image-browse-header-description-block ol:not([class]) li { list-style: decimal inside none; } .uk-root .fdn-image-browse-header-description-block-retired { background: #eee; margin: -18px; } .uk-root .fdn-image-upload-image-preview-block { border: thin solid #f8f8f8; } .uk-root .fdn-image-upload-image-preview-block img { max-height: 300px; width: auto; } .uk-root .fdn-image-gallery-recent-block { margin: 27px 0 0; } .uk-root .fdn-image-gallery-recent-block + .fdn-image-gallery-recent-block { padding: 27px 0 0; border-top: thin solid #ccc; } .uk-root .fdn-apple-touch-icon { height: 40px; width: auto; } .uk-root img.fdn-image-faded { -webkit-filter: opacity(0.35) contrast(0.77); filter: opacity(0.35) contrast(0.77); } .uk-root img.fdn-image-offline-highlight { box-sizing: border-box; border: 5px solid #d50000; } .uk-root body > .imgeditor_button { background: none; border-radius: 0; padding: 0; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; color: transparent; border: none; text-shadow: none; text-indent: -99999em; user-select: none; } .uk-root body > .imgeditor_button:before { content: "Crop"; display: block; position: absolute; text-align: center; background: #444c; padding: 6px; text-indent: 0; box-shadow: 2px 2px 3px -1px #333a; font-weight: 400; text-transform: uppercase; transition: 188ms ease-out; letter-spacing: 2px; color: #fff; font-size: 14px; } .uk-root body > .imgeditor_button:hover:before { background: #333; } .uk-root div.imgeditor_button { text-align: center; background: #444c; padding: 1px 4px; box-shadow: none; font-weight: 400; text-transform: uppercase; transition: 188ms ease-out; letter-spacing: 2px; color: #fff; font-size: 14px; text-shadow: none; border-radius: 2px; } .uk-root div.imgeditor_button:hover { background: #333; } .uk-root .fdn-inline-connection { font-family: Arial, Helvetica, sans-serif; } .uk-root .fdn-inline-connection-title-block { margin: 0 0 5px; } .uk-root .fdn-inline-connection-title { color: #999; margin: 0; font-size: 0.875rem; font-weight: 400; } .uk-root .fdn-inline-connection-headline { color: #444; margin: 0 0 4px; font-size: 16.2px; font-weight: 700; line-height: 1.15; } .uk-root .fdn-inline-connection-headline a { color: #444; } @media (min-width: 400px) { .uk-root .fdn-inline-connection-headline { font-size: 17.19px; } } @media (min-width: 640px) { .uk-root .fdn-inline-connection-headline { font-size: 18px; } } .uk-root .fdn-inline-connection-content-headline { color: #444; margin: 0; font-size: 15.3px; font-weight: 700; line-height: 1.15; } .uk-root .fdn-inline-connection-content-headline a { color: #444; } @media (min-width: 400px) { .uk-root .fdn-inline-connection-content-headline { font-size: 16.235px; } } @media (min-width: 640px) { .uk-root .fdn-inline-connection-content-headline { font-size: 17px; } } .uk-root .fdn-inline-connection-content-subheadline { display: block; color: #777777; margin: 5px 0 0; font-size: 14px; font-weight: 400; } .uk-root .fdn-inline-connection-pdf-link a { display: block; } .uk-root .fdn-inline-connection-pdf-link a .fdn-inline-connection-pdf-link-title { display: block; background: url(/foundation/images/air/icon-pdf.svg) left center no-repeat; background-size: 25px; padding: 2px 2px 2px 35px; color: #333; transition: 188ms ease-out; font-weight: 700; font-size: 1.2rem; } .uk-root .fdn-inline-connection-pdf-link a .fdn-inline-connection-pdf-link-title + span { margin-left: 35px; } .uk-root .fdn-inline-connection-pdf-link a .fdn-inline-connection-pdf-link-caption { display: inline-block; font-size: 1rem; font-weight: 400; color: #666; } .uk-root .fdn-inline-connection-pdf-link a .fdn-inline-connection-pdf-link-credit { font-size: 0.9rem; font-weight: 400; color: #666; } .uk-root .fdn-inline-connection-pdf-link a .fdn-inline-connection-pdf-link-credit:before { margin: 0 3px; content: " -- "; display: inline-block; } .uk-root .fdn-inline-connection-pdf-link a:hover { text-decoration: none; } .uk-root .fdn-inline-connection-pdf-link a:hover .fdn-inline-connection-pdf-link-title { color: #0046ba; } .uk-root .fdn-audio-player { border: 1px solid #ccc; padding: 5px 10px; width: 300px; box-sizing: border-box; } .uk-root .fdn-audio-player.uk-align-left { margin-top: 4px; } .uk-root .fdn-audio-player-title { font-size: 1.1rem; color: #444; font-weight: 700; margin: 0 0 5px; } .uk-root .fdn-infobox { border: 1px solid #ddd; color: #111; background: #fff; text-align: left; padding: 9px; box-sizing: border-box; font-size: 0.9rem; font-family: Arial, Helvetica, sans-serif; line-height: 1.33; } .uk-root .fdn-infobox p { margin: 5px 0; } .uk-root .fdn-infobox > *:last-child { margin-bottom: 0; } .uk-root .fdn-infobox ul { padding: 0; list-style: none; margin: 10px 5px; list-style: square inside; } .uk-root .fdn-infobox ul li + li { margin-top: 4px; } .uk-root .fdn-infobox ol { padding: 0; list-style: none; margin: 10px 5px; list-style: decimal inside; } .uk-root .fdn-infobox ol li + li { margin-top: 4px; } .uk-root .fdn-inline-connection-slideshow .fdn-inline-connection-slideshow-slidecount { display: none; color: #666; } @media (min-width: 640px) { .uk-root .fdn-inline-connection-slideshow .fdn-inline-connection-slideshow-slidecount { display: block; } } .uk-root .fdn-inline-connection-slideshow .fdn-inline-connection-slideshow-thumbs { justify-content: center; } .uk-root .fdn-inline-connection-social-block.uk-grid-small.uk-grid { margin: 10px 0 0 -9px !important; } .uk-root .fdn-inline-connection-social-block.uk-grid-small.uk-grid a { font-size: 0.8rem; font-weight: 400; display: inline-flex; align-items: center; } .uk-root .fdn-inline-connection-social-block.uk-grid-small.uk-grid a svg, .uk-root .fdn-inline-connection-social-block.uk-grid-small.uk-grid a img { margin-right: 3px; } .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group input, .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group select, .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group button { font-size: 18.9px; line-height: 1.35; } @media (min-width: 400px) { .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group input, .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group select, .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group button { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group input, .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group select, .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group button { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group .fdn-interface-select, .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group .fdn-interface-search-input, .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group .fdn-button-submit { border-radius: 0; } .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group > * { margin-right: 6px; } .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group > *:last-child { margin-right: 0; } .uk-root .fdn-interface-search-input.fdn-interface-search-input { font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #fff; padding: 9px; box-shadow: none; border: 1px solid #ccc; border-radius: 0; } @media (min-width: 400px) { .uk-root .fdn-interface-search-input.fdn-interface-search-input { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-interface-search-input.fdn-interface-search-input { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-interface-search-input::placeholder { color: #999; text-transform: uppercase; } .uk-root .fdn-interface-search-input:focus::placeholder { color: transparent; } .uk-root .fdn-site-search-icon svg { fill: #999; color: #999; } .uk-root .fdn-interface-search-input:hover { color: #666; text-decoration: none; } .uk-root .fdn-interface-search-input:focus { color: #666; text-decoration: none; } .uk-root .fdn-interface-select.fdn-interface-select { font-size: 16px; line-height: 1.25em; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #fff; padding: 9px; box-shadow: none; border: 1px solid #ccc; border-radius: 0; } .uk-root .fdn-interface-select:hover { color: #666; text-decoration: none; } .uk-root .fdn-interface-select:visited { color: #666; text-decoration: none; } .uk-root .fdn-interface-select.uk-active { color: #333; text-decoration: none; } .uk-root .fdn-interface-select-small.fdn-interface-select-small { height: auto !important; font-size: 14px; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #fff; padding: 9px; box-shadow: none; border: 1px solid #ccc; border-radius: 0; } @media (min-width: 400px) { .uk-root .fdn-interface-select-small.fdn-interface-select-small { font-size: 14px; line-height: 1.2; } } @media (min-width: 640px) { .uk-root .fdn-interface-select-small.fdn-interface-select-small { font-size: 14px; line-height: 1.2; } } .uk-root .fdn-interface-select-small:hover { color: #666; text-decoration: none; } .uk-root .fdn-interface-select-small:visited { color: #666; text-decoration: none; } .uk-root .fdn-interface-select-small.uk-active { color: #333; text-decoration: none; } .uk-root .fdn-interface-textbox { border: 1px solid #666; height: 26px; resize: none; overflow: hidden; } .uk-root .fdn-interface-label { font-size: 18.9px; line-height: 1.485rem; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #111; text-decoration: none; text-transform: none; cursor: pointer; } @media (min-width: 400px) { .uk-root .fdn-interface-label { font-size: 20.055px; line-height: 1.57575rem; } } @media (min-width: 640px) { .uk-root .fdn-interface-label { font-size: 21px; line-height: 1.65rem; } } .uk-root .fdn-interface-divider { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; text-transform: uppercase; display: flex; margin: 3px 0; } .uk-root .fdn-interface-divider:before { content: ""; border-bottom: 1px solid #ccc; display: block; flex: 1; transform: translateY( calc( -50% + .5px ) ); margin-right: 1ch; } .uk-root .fdn-interface-divider:after { content: ""; border-bottom: 1px solid #ccc; display: block; flex: 1; transform: translateY( calc( -50% + .5px ) ); margin-left: 1ch; } .uk-root .fdn-interface-link { font-size: 18.9px; line-height: 1.5; font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-interface-link { font-size: 18.0495px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-interface-link { font-size: 18.9px; line-height: 1.5; } } .uk-root .fdn-interface-link:hover { color: #0046ba; text-decoration: none; } .uk-root .fdn-interface-link:visited { color: #999; text-decoration: none; } .uk-root .fdn-interface-link:visited:hover { color: #0046ba; text-decoration: none; } .uk-root .fdn-interface-count { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #666; text-decoration: none; text-transform: none; background: transparent; padding: 2px 3px; box-shadow: none; border: none; border-radius: 5px; } @media (min-width: 400px) { .uk-root .fdn-interface-count { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-interface-count { font-size: 14px; line-height: 1.5; } } .uk-root .uk-background-primary .fdn-interface-count, .uk-root .uk-background-secondary .fdn-interface-count { color: #a6a6a6; } .uk-root .fdn-interface-hero.fdn-interface-hero { font-size: 1.35rem; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-transform: none; background: #0046ba; padding: 9px; box-shadow: none; border: none; border-radius: 5px; } @media (min-width: 400px) { .uk-root .fdn-interface-hero.fdn-interface-hero { font-size: 1.4325rem; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-interface-hero.fdn-interface-hero { font-size: 1.5rem; line-height: 1.5; } } .uk-root .fdn-interface-hero.fdn-interface-hero:hover { color: #e6e6e6; text-decoration: none; background: #333; } .uk-root .fdn-interface-hero.fdn-interface-hero:visited { color: #fff; text-decoration: none; } .uk-root .fdn-interface-hero.fdn-interface-hero.uk-active { color: #333; text-decoration: none; background: none; } .uk-root .fdn-interface-hero.fdn-interface-hero.uk-disabled { color: #333; text-decoration: none; background: none; } .uk-root .fdn-interface-leader .uk-leader-fill { font-size: 0.675rem; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-interface-leader .uk-leader-fill { font-size: 0.71625rem; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-interface-leader .uk-leader-fill { font-size: 0.75rem; line-height: 1.5; } } .uk-root .fdn-icon-tool-core.fdn-icon-tool-core[uk-icon] { color: #000; background-color: #fff; border: 1px solid; border-color: #000; cursor: pointer; } .uk-root .fdn-tool-core-favorited.fdn-tool-core-favorited.fdn-icon-tool-core { cursor: pointer; color: #fff; background-color: #0046ba; border-color: #0046ba; } .uk-root .fdn-tool-core-favorited.fdn-tool-core-favorited.fdn-icon-tool-core svg path { fill: #fff; } .uk-root .fdn-form { font-family: Arial, Helvetica, sans-serif; color: #222; } .uk-root .fdn-interface-form-link { font-size: inherit; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #666; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-interface-form-link { line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-interface-form-link { line-height: 1.5; } } .uk-root .fdn-interface-form-link.fdn-interface-form-link-alt { color: #0046ba; } .uk-root .fdn-interface-form-required-marker { color: red; font-size: 21px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1; } .uk-root .fdn-interface-form-addevent-block { font-size: 16px; } .uk-root .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link, .uk-root .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link a { font-size: 16px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #0046ba; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link, .uk-root .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link a { line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link, .uk-root .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link a { line-height: 1.5; } } .uk-root .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link:hover, .uk-root .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link a:hover { color: #0046ba; text-decoration: underline; } .uk-root .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link:visited, .uk-root .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link a:visited { color: #0046ba; } .uk-root .fdn-update-location-intro-text .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link { font-size: inherit; } .uk-root .fdn-teaser-headline .fdn-text-small.fdn-interface-form-addevent-link.fdn-interface-form-addevent-link { font-size: 0.875rem; } .uk-root .fdn-interface-form-addevent-placeholder { color: #666; background-color: #f2f2f2; border-color: #666; border-width: 2px; border-style: dashed; cursor: pointer; } .uk-root .fdn-interface-form-legend, .uk-root .fdn-interface-form-legend a { font-size: 1.8rem; line-height: 2rem; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: normal; margin-top: 0; margin-bottom: 8px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; /* rrr should i just use .uk-width-1-1; -- ian */ width: 100%; max-width: 100%; box-sizing: border-box; } @media (min-width: 400px) { .uk-root .fdn-interface-form-legend, .uk-root .fdn-interface-form-legend a { font-size: 1.91rem; line-height: 2rem; margin-bottom: 9px; } } @media (min-width: 640px) { .uk-root .fdn-interface-form-legend, .uk-root .fdn-interface-form-legend a { font-size: 2rem; line-height: 2rem; margin-bottom: 10px; } } .uk-root .fdn-interface-form-legend a:hover, .uk-root .fdn-interface-form-legend a a:hover { color: #666; text-decoration: underline; text-decoration-color: #666; } .uk-root .fdn-interface-form-legend a:visited, .uk-root .fdn-interface-form-legend a a:visited { color: #000; text-decoration: none; } .uk-root .fdn-interface-form-legend a:visited:hover, .uk-root .fdn-interface-form-legend a a:visited:hover { color: #666; text-decoration: none; } .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add, .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add a { font-size: inherit; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #666; text-decoration: none; text-transform: none; font-weight: normal; } @media (min-width: 400px) { .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add, .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add a { line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add, .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add a { line-height: 1.5; } } .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add.fdn-interface-form-link-alt, .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add a.fdn-interface-form-link-alt { color: #0046ba; } .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add:hover, .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add a:hover { color: #000; text-decoration: none; } .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add:visited, .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add a:visited { color: #000; } .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add svg, .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add a svg { color: #0a0; } .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add svg:hover, .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add a svg:hover { color: #060; } .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add:hover svg, .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add a:hover svg { color: #060; } .uk-root .fdn-interface-form-item-add-frequency.fdn-interface-form-item-add-frequency a svg, .uk-root .fdn-interface-form-item-add-frequency.fdn-interface-form-item-add-frequency svg { color: #1b0b6b; } .uk-root .fdn-interface-form-item-add-frequency.fdn-interface-form-item-add-frequency a svg:hover, .uk-root .fdn-interface-form-item-add-frequency.fdn-interface-form-item-add-frequency svg:hover { color: #1b0b6b; } .uk-root .fdn-interface-form-item-add-frequency.fdn-interface-form-item-add-frequency a:hover svg, .uk-root .fdn-interface-form-item-add-frequency.fdn-interface-form-item-add-frequency:hover svg { color: #1b0b6b; } .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove, .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove a { font-size: inherit; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: none; text-transform: none; font-weight: 400; color: #666; } @media (min-width: 400px) { .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove, .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove a { line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove, .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove a { line-height: 1.5; } } .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove.fdn-interface-form-link-alt, .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove a.fdn-interface-form-link-alt { color: #0046ba; } .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove:hover, .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove a:hover { color: #000; text-decoration: underline; } .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove:visited, .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove a:visited { color: #666; } .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove svg, .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove a svg { color: #C00; } .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove:hover svg, .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove a:hover svg { color: #900; } .uk-root .removeDateTimeLink.fdn-interface-form-item-remove { white-space: nowrap; } .uk-root .fdn-interface-form-dropselect-item.fdn-interface-form-dropselect-item { font-size: 21px; line-height: 1.5; padding: 8px 20px; } @media (min-width: 400px) { .uk-root .fdn-interface-form-dropselect-item.fdn-interface-form-dropselect-item { font-size: 18.9px; line-height: 18.9px; padding: 8px 20px; } } @media (min-width: 640px) { .uk-root .fdn-interface-form-dropselect-item.fdn-interface-form-dropselect-item { font-size: 20.055px; line-height: 20.055px; padding: 5px 8px; } } .uk-root .fdn-interface-form-dropselect-item.fdn-interface-form-dropselect-item.fdn-selected, .uk-root .fdn-interface-form-dropselect-item.fdn-interface-form-dropselect-item:hover { background-color: #DDDDDD; transition: 0.25s; } .uk-root .fdn-interface-form-dropselect-item.fdn-interface-form-dropselect-item:active { background-color: #AAAAAA; } .uk-root form .uk-text-danger input[name], .uk-root form .uk-text-danger textarea { border-color: #d50000; } .uk-root .uk-form-stacked input::placeholder { color: #ccc; } @media (max-width: 500px) { .uk-root .comp-landing-sectionarchivesselect .fdn-interface-input-group .uk-grid { margin-right: 0; } .uk-root .comp-landing-sectionarchivesselect .fdn-interface-input-group .uk-grid .uk-width-1-1.uk-width-1-3\@es { width: 100% !important; flex: none; } .uk-root .comp-landing-sectionarchivesselect .fdn-interface-input-group .uk-grid .uk-width-1-3.uk-flex-1 { width: auto !important; } .uk-root .comp-landing-sectionarchivesselect .fdn-interface-input-group .uk-grid .uk-flex-none { width: 53px; } } .uk-root .fdn-issue-search-results-title { font-size: 21px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #666; } .uk-root .fdn-issue-archive-cover-image .uk-button-small { font-size: 0.8rem; } .uk-root .fdn-issue-dates { font-family: Arial, Helvetica, sans-serif; font-size: calc(36px - 10px); font-weight: 400; color: #000; margin: 0 0 8px; } .uk-root .fdn-issue-title { font-size: 36px; font-weight: 700; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #000; margin: 0 0 8px; } .uk-root .fdn-issue-related-block { margin: 20px 0 0; } .uk-root .fdn-issue-related-block .fdn-issue-related-item { margin: 0; } .uk-root .fdn-issue-related-block .fdn-issue-related-item + .fdn-issue-related-item { margin: 20px 0 0; } .uk-root .fdn-issue-related-block .fdn-issue-related-item-image { width: 90px; } .uk-root .fdn-issue-related-block .fdn-issue-related-item-image + .fdn-issue-related-item-text { padding-left: 8px; } .uk-root .fdn-issue-related-block .fdn-issue-related-header { border: thin solid #e5e5e5; border-width: 0; font-size: 2rem; font-weight: 700; font-family: Arial, Helvetica, sans-serif; color: #111; margin: 0 0 8px; } .uk-root .fdn-issue-related-block .fdn-issue-title { font-size: 1.2rem; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin: 0 0 8px; line-height: 1.2; } .uk-root .fdn-issue-related-block .fdn-issue-title a { color: #222; } .uk-root .fdn-issue-related-block .fdn-issue-title a:hover { color: #0046ba; } .uk-root .fdn-issue-related-block .fdn-issue-button-block .fdn-button-link { font-size: 11px; font-weight: bold; color: #111; padding: 5px; } .uk-root .fdn-issue-related-block .fdn-issue-button-block .fdn-button-link:hover { color: #fff; } .uk-root .fdn-issue-description { font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #666; margin: 0 0 8px 0; } .uk-root .fdn-issue-search-results-volume-number { font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-style: italic; color: #999; } .uk-root .fdn-issue-search-results-date { font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-style: normal; color: #000; } .uk-root .comp-issue-spotlight .fdn-issue-spotlight-image-block { margin-bottom: 8px; } @media (min-width: 400px) { .uk-root .comp-issue-spotlight .fdn-issue-spotlight-image-block { margin-bottom: 0; } } .uk-root .comp-issue-spotlight .fdn-issue-spotlight-info-block { text-align: left; } .uk-root .comp-issue-spotlight .fdn-issue-spotlight-info-block > div { display: flex; flex-wrap: wrap; flex-direction: column; height: 100%; padding-left: 0; } @media (min-width: 640px) { .uk-root .comp-issue-spotlight .fdn-issue-spotlight-info-block > div { padding-left: 12px; } } .uk-root .comp-issue-spotlight .fdn-issue-spotlight-info-block .fdn-issue-title { margin: 0 0 8px; } .uk-root .comp-issue-spotlight .fdn-issue-spotlight-info-block .fdn-issue-title .fdn-issue-title-title { font-size: 36px; font-weight: 700; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #000; line-height: 1.25; } .uk-root .comp-issue-spotlight .fdn-issue-spotlight-info-block .fdn-issue-title .fdn-issue-title-date { font-size: 36px; font-weight: 700; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #000; } .uk-root .comp-issue-spotlight .fdn-issue-spotlight-info-block h3.fdn-issue-dates { font-size: calc(36px - 10px); font-weight: 400; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0 0 8px; } .uk-root .comp-issue-spotlight .fdn-issue-spotlight-info-block .fdn-issue-button-block { margin: 15px 0 0; } .uk-root .fdn-issue-spolight-info-block { text-align: center; } .uk-root .fdn-issue-teaser:hover .uk-card-body a > :first-child { text-decoration: underline; color: #666; } .uk-root .comp-issue-issuenav .fdn-top-pagination-block > div .fdn-more-link { display: inline-flex; align-items: center; font-weight: 700; } .uk-root .comp-issue-issuenav .fdn-top-pagination-block > div .fdn-more-link svg { margin: 0 0.8ch 0 0; font-size: 0.85rem; } .uk-root .comp-issue-issuenav .fdn-top-pagination-block > div .fdn-more-link + .fdn-more-link svg { margin: 0 0 0 0.8ch; } .uk-root .comp-issue-backtoarchives { padding: 10px 0 20px; border: thin solid #ddd; border-width: 0 0 thin; } .uk-root .comp-issue-backtoarchives .fdn-issue-back-block .fdn-button-link { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px 8px 12px; font-size: 14px; font-weight: 700; text-transform: uppercase; border: thin solid #111; color: #111; background: #fff; transition: 188ms ease-out; } .uk-root .comp-issue-backtoarchives .fdn-issue-back-block .fdn-button-link svg { transition: none; } .uk-root .comp-issue-backtoarchives .fdn-issue-back-block .fdn-button-link:hover { color: #fff; background: #0046ba; border-color: #0046ba; } .uk-root .comp-issue-issuenav .fdn-top-pagination-block { padding: 0; border: 0 none; } .uk-root .fdn-special-issue-teaser { padding: 3px 3px 0; border: 1px solid #aaa; background: #f8f8f8; border-radius: 3px; } .uk-root .fdn-current-issue-block { padding: 0; border: 0 solid #999; } .uk-root .fdn-current-issue-block .fdn-current-issue-links > div { border-top: 1px solid #ddd; padding: 5px 0 0; margin: 15px 0 0 10px; overflow: hidden; } .uk-root .fdn-current-issue-block .fdn-current-issue-links > div:first-child { margin-top: 5px; } .uk-root .fdn-current-issue-block .fdn-current-issue-issue-cover { max-width: 45%; } .uk-root .fdn-current-issue-digital-edition-link { font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-size: 21px; font-weight: 700; color: #000; margin: 0; line-height: 1.15em; } .uk-root .fdn-current-issue-digital-edition-link a { color: #000; } .uk-root .fdn-current-issue-digital-edition-link a:hover { color: #0046ba; } .uk-root .fdn-current-issue-this-week-link { font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-size: 21px; font-weight: 700; color: #000; margin: 0; line-height: 1.15em; } .uk-root .fdn-current-issue-this-week-link a { color: #000; } .uk-root .fdn-current-issue-this-week-link a:hover { color: #0046ba; } .uk-root .fdn-current-issue-special-issue-header-text { font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-size: 21px; font-weight: 700; color: #000; margin: 0; line-height: 1.15em; } .uk-root .fdn-current-issue-special-issue-header-text a { color: #000; } .uk-root .fdn-current-issue-special-issue-header-text a:hover { color: #0046ba; } .uk-root .fdn-current-issue-previous-link { font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-size: 21px; font-weight: 700; color: #000; margin: 0; line-height: 1.15em; } .uk-root .fdn-current-issue-previous-link a { color: #000; } .uk-root .fdn-current-issue-previous-link a:hover { color: #0046ba; } .uk-root .fdn-current-issue-digital-edition-link-block { order: 1; } .uk-root .fdn-current-issue-this-week-link-block { order: 2; } .uk-root .fdn-current-issue-previous-link-block { order: 3; } .uk-root .fdn-current-issue-special-issue-links-block { order: 4; flex: none; width: 100%; box-sizing: border-box; margin-top: 20px; } .uk-root .fdn-current-issue-special-issues-cover-link { font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-size: 21px; font-weight: 700; color: #000; margin: 0.75rem 0; line-height: 1.15em; } .uk-root .fdn-current-issue-special-issues-cover-link a { color: #000; } .uk-root .fdn-current-issue-special-issues-cover-link a:hover { color: #0046ba; } .uk-root .fdn-current-issue-category-links { margin: 0; padding: 0 0 0 5px; } .uk-root .fdn-current-issue-category-links li a { color: #666; } .uk-root .fdn-current-issue-category-links li a:hover { color: #999; } .uk-root .fdn-current-issue-dates { margin: 0; padding: 0 0 0 5px; } .uk-root .fdn-current-issue-dates li { color: #666; } .uk-root .fdn-current-issue-dates li a { color: #666; } .uk-root .fdn-browse-by-issue-link { font-size: 19px; font-weight: bold; color: #111; transition: 188ms ease-out; } .uk-root .fdn-browse-by-issue-link:hover { color: #0046ba; } .uk-root .fdn-past-issues-block { position: relative; padding: 0; margin: 0 auto; list-style: none; overflow: hidden; height: 245px; max-width: 446px; } @media (min-width: 400px) { .uk-root .fdn-past-issues-block { height: 280px; } } @media (min-width: 640px) { .uk-root .fdn-past-issues-block { height: 280px; } } .uk-root .fdn-past-issues-block:hover li:not(:hover) { opacity: 0.3; } .uk-root .fdn-past-issues-block li { position: absolute; box-shadow: 0px 0px 10px 2px transparent; transition: 450ms cubic-bezier(0.22, 0.61, 0.36, 1); transition-property: opacity, box-shadow, transform; border: 6px solid #fff; margin: auto; max-width: 150px; } .uk-root .fdn-past-issues-block li:first-child { z-index: 100; width: 37%; max-width: 190px; left: 0; right: 0; top: 60px; transform: rotate(-1deg); } .uk-root .fdn-past-issues-block li:first-child + li { z-index: 31; width: 33%; top: 60px; left: 15px; transform: rotate(-6deg); } .uk-root .fdn-past-issues-block li:first-child + li + li { z-index: 30; width: 33%; top: 12px; left: 15px; transform: rotate(-6deg); } .uk-root .fdn-past-issues-block li:first-child + li + li + li { z-index: 40; width: 33%; top: 0; left: 0; right: 0; transform: rotate(-1deg); } .uk-root .fdn-past-issues-block li:first-child + li + li + li + li { z-index: 30; width: 33%; top: 12px; right: 15px; transform: rotate(6deg); } .uk-root .fdn-past-issues-block li:first-child + li + li + li + li + li { z-index: 30; width: 33%; top: 60px; right: 15px; transform: rotate(6deg); } .uk-root .fdn-past-issues-block li:hover { z-index: 1000 !important; box-shadow: 0px 0px 10px 2px #3d3d3d; transform: translate(0px, -2px) rotate(0deg) !important; } .uk-root .fdn-pub-link { color: #0046ba; } .uk-root .fdn-more-link { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #010101; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-more-link { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-more-link { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-more-link:visited { color: #010101; text-decoration: none; } .uk-root .fdn-more-link:hover { color: #666; text-decoration: none; } .uk-root .fdn-more-link:visited:hover { color: #666; text-decoration: none; } .uk-root .fdn-more-link svg[class*="--fa"] { margin-left: 0.4ch; } .uk-root .fdn-more-link-highlight { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #0046ba; text-decoration: none; text-transform: uppercase; /* &:visited { color: @fdn-more-link-highlight-visited-color; text-decoration: @fdn-more-link-highlight-visited-text-decoration; } */ /* &:visited:hover { color: @fdn-more-link-highlight-visited-hover-color; text-decoration: @fdn-more-link-highlight-visited-hover-text-decoration; } */ } @media (min-width: 400px) { .uk-root .fdn-more-link-highlight { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-more-link-highlight { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-more-link-highlight:hover { color: #666; text-decoration: underline; } .uk-root .fdn-more-link-primary { font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #0046ba; text-decoration: none; text-transform: none; font-weight: bold; /* &:visited { color: @fdn-more-link-primary-visited-color; text-decoration: @fdn-more-link-primary-visited-text-decoration; } */ /* &:visited:hover { color: @fdn-more-link-primary-visited-hover-color; text-decoration: @fdn-more-link-primary-visited-hover-text-decoration; } */ } .uk-root .fdn-more-link-primary svg { margin-left: 4px; margin-top: 3px; } @media (min-width: 400px) { .uk-root .fdn-more-link-primary { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-more-link-primary { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-more-link-primary:hover { color: #666; text-decoration: none; } .uk-root .fdn-prev-next-link { font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #0046ba; text-decoration: none; text-transform: none; font-weight: bold; /* &:visited { color: @fdn-prev-next-link-visited-color; text-decoration: @fdn-prev-next-link-visited-text-decoration; } */ /* &:visited:hover { color: @fdn-prev-next-link-visited-hover-color; text-decoration: @fdn-prev-next-link-visited-hover-text-decoration; text-decoration-color: @fdn-prev-next-link-hover-color; } */ } @media (min-width: 400px) { .uk-root .fdn-prev-next-link { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-prev-next-link { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-prev-next-link:hover { color: #666; text-decoration: underline; text-decoration-color: #666; } .uk-root .fdn-prev-next-link h4 { font-size: 21px; } .uk-root .fdn-prev-next-block { background: transparent; padding: 0; box-shadow: none; border: none; } .uk-root .fdn-header-link, .uk-root .fdn-header-link a { line-height: 1em; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; text-transform: uppercase; font-weight: 400; } .uk-root .fdn-header-link.uk-active, .uk-root .fdn-header-link a.uk-active, .uk-active .uk-root .fdn-header-link, .uk-active .uk-root .fdn-header-link a, .uk-root .fdn-header-link .uk-active, .uk-root .fdn-header-link a .uk-active { color: #000; text-decoration: none; font-weight: 300; } .uk-root .fdn-header-link:hover, .uk-root .fdn-header-link a:hover { color: #666; text-decoration: none; } .uk-root .fdn-header-link:hover.uk-active, .uk-root .fdn-header-link a:hover.uk-active, .uk-active:hover .uk-root .fdn-header-link, .uk-active:hover .uk-root .fdn-header-link a, .uk-root .fdn-header-link:hover .uk-active, .uk-root .fdn-header-link a:hover .uk-active { color: #666; text-decoration: none; font-weight: 300; } .uk-root .fdn-nav-link { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; text-transform: none; } .uk-root .fdn-nav-link:hover { color: #666; text-decoration: none; } .uk-root .fdn-nav-link.uk-active, .uk-active .uk-root .fdn-nav-link { color: #0046ba; text-decoration: none; font-weight: bold; } .uk-root .fdn-nav-link.uk-active:hover, .uk-active:hover .uk-root .fdn-nav-link { color: #666; text-decoration: none; font-weight: bold; } .uk-root .fdn-hero-link { font-size: 1.3rem; line-height: 0.975; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; /* &:visited { color: @fdn-hero-link-visited-color; text-decoration: @fdn-hero-link-visited-text-decoration; } */ } @media (min-width: 400px) { .uk-root .fdn-hero-link { font-size: 1.6rem; line-height: 1.2; } } @media (min-width: 640px) { .uk-root .fdn-hero-link { font-size: 2rem; line-height: 1.5; } } .uk-root .fdn-hero-link:hover { color: #0046ba; text-decoration: underline; } .uk-root .fdn-link-separator { font-size: 14px; font-weight: 400; text-align: center; text-transform: uppercase; padding: 4px 0; margin-top: 10px; border-top: 1px solid #ddd; } .uk-root .fdn-link-tag-title { font-size: 14px; font-weight: 700; color: #666; text-transform: none; } .uk-root .fdn-link-tag { line-height: 1; } .uk-root .fdn-link-tag > a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; text-align: center; color: #0046ba; text-transform: none; } .uk-root .fdn-link-tag-alt > a { font-weight: 700; } .uk-root .fdn-pub-link { color: #0046ba; font-weight: 700; } .uk-root .fdn-top-pagination-block { padding: 5px 0; border: thin solid #999; border-width: 0 0 1px; } .uk-root .fdn-horizontal-nav-list { display: flex; padding: 0; list-style-type: none; } .uk-root .fdn-horizontal-nav-list > * + *::before { content: none; } .uk-root .fdn-horizontal-nav-list > li { margin: 0 0 0 8px; border-right: 1px solid #ccc; padding-right: 8px; border-width: 1px; } .uk-root .fdn-horizontal-nav-list > li:first-child { margin-left: 0; } .uk-root .fdn-horizontal-nav-list > li:last-child { padding-right: 0; border-right: 0; } .uk-root .fdn-horizontal-nav-list li { text-align: center; } .uk-root .fdn-horizontal-nav-list li a { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #999; text-decoration: none; text-transform: none; /* &:visited { color: @fdn-horizontal-nav-list-visited-color; text-decoration: @fdn-horizontal-nav-list-visited-text-decoration; } &:visited:hover { color: @fdn-horizontal-nav-list-visited-hover-color; text-decoration: @fdn-horizontal-nav-list-visited-hover-text-decoration; } */ } @media (min-width: 400px) { .uk-root .fdn-horizontal-nav-list li a { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-horizontal-nav-list li a { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-horizontal-nav-list li a:hover { color: #0046ba; text-decoration: none; } .uk-root .fdn-search-results-more-link-block { text-align: center; } .uk-root .fdn-search-results-more-link { font-weight: 700; } .uk-root .fdn-tool-link { display: block; padding: 5px 9px; color: #0046ba; transition: 188ms ease-out; background: #fff; text-transform: none; font-weight: 700; } .uk-root .fdn-tool-link svg { display: none; } .uk-root .fdn-tool-link:hover { text-decoration: none; background: #eee; color: #444; } .uk-root [class*='comp-rss'] a { font-weight: 700; color: #0046ba; font-size: 1.25rem; padding: 4px 8px; display: flex; } .uk-root [class*='comp-rss'] a span { color: #ee802f; flex: none; } .uk-root body { counter-reset: fdn-list-decimal-counter; } .uk-root .fdn-list-none { list-style: none; } .uk-root .fdn-list-none li { list-style: none; } .uk-root .fdn-list-bullet, .uk-root .fdn-list-disc, .uk-root .fdn-list-circle, .uk-root .fdn-list-square, .uk-root .fdn-list-decimal, .uk-root .fdn-list-hyphen { padding-left: 5px; list-style: none; margin: 9px 0 0; } .uk-root .fdn-list-hyphen li, .uk-root .fdn-list-circle li, .uk-root .fdn-list-disc li, .uk-root .fdn-list-square li { display: block; line-height: 1.25; position: relative; padding-left: 12px; } .uk-root .fdn-list-hyphen li + li, .uk-root .fdn-list-circle li + li, .uk-root .fdn-list-disc li + li, .uk-root .fdn-list-square li + li { margin-top: 12px; } .uk-root .fdn-list-hyphen li:before, .uk-root .fdn-list-circle li:before, .uk-root .fdn-list-disc li:before, .uk-root .fdn-list-square li:before { content: ""; display: inline-block; width: 6px; height: 6px; background: #666; vertical-align: middle; position: absolute; top: 1ch; left: 0; flex: none; } .uk-root .fdn-list-circle li:before, .uk-root .fdn-list-disc li:before { border-radius: 500px; } .uk-root .fdn-list-circle li:before { background: transparent; border: 2px solid #666; box-sizing: border-box; } .uk-root .fdn-list-decimal li:before { counter-increment: fdn-list-decimal-counter; content: counter(fdn-list-decimal-counter) ". "; font-family: inherit; font-size: inherit; font-weight: inherit; display: inline-block; margin: 0 8px 0 0; } .uk-root .fdn-list-hyphen li:before { height: 0px; background: none; border-top: 2px solid #666; } .uk-root .fdn-list-bullet li:before { content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 500px; margin: 0 8px 0 0; background: #666; } .uk-root .fdn-separated-list > * + *::before { content: none; } .uk-root .fdn-separated-list > li { margin: 0 0 0 8px; border-right: 1px solid #ccc; padding-right: 8px; border-width: 1px; } .uk-root .fdn-separated-list > li:first-child { margin-left: 0; } .uk-root .fdn-separated-list > li:last-child { padding-right: 0; border-right: 0; } .uk-root .fdn-separated-list.fdn-separated-list > * + *::before { content: none; } .uk-root .fdn-separated-list.fdn-separated-list > li { margin: 0 0 0 8px; border-right: 1px solid #ccc; padding-right: 8px; border-width: 1px; } .uk-root .fdn-separated-list.fdn-separated-list > li:first-child { margin-left: 0; } .uk-root .fdn-separated-list.fdn-separated-list > li:last-child { padding-right: 0; border-right: 0; } .uk-root .fdn-search-list { columns: 2; margin-top: 0; } .uk-root .fdn-search-list li { padding-left: 4px; padding-right: 4px; } .uk-root .fdn-search-list li:nth-child(n+2) { margin: 0; padding-top: 4px; border-color: #eee; } .uk-root .SpecialIssueSectionLanding .uk-list-divider > li:first-child + li, .uk-root .CategoryStories .uk-list-divider > li:first-child, .uk-root .SectionStories .uk-list-divider > li:first-child { padding-top: 8px; border-top: 1px solid #e5e5e5; } .uk-root .fdn-custom-list { font-size: 21px; color: #111; margin-bottom: 24px; } .uk-root .fdn-custom-list.fdn-custom-list-bullets li { list-style: square inside; } .uk-root .fdn-custom-list.fdn-custom-list-ordered li { list-style: decimal inside; } .uk-root .fdn-custom-list a { color: #0046ba; } .uk-root ol.uk-list > li::before, .uk-root ol.uk-list > li::after { display: none; } .uk-root ol.uk-list > li { list-style-position: inside; } .uk-root .fdn-listing-headline { font-size: 32.4px; line-height: 1.125; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; } @media (min-width: 400px) { .uk-root .fdn-listing-headline { font-size: 34.38px; line-height: 1.19375; } } @media (min-width: 640px) { .uk-root .fdn-listing-headline { font-size: 36px; line-height: 1.25; } } .uk-root .fdn-listing-subheader { font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; } @media (min-width: 400px) { .uk-root .fdn-listing-subheader { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-listing-subheader { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-listing-meta-data-body { font-size: 21.6px; line-height: 1; font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; color: #000; overflow: hidden; } @media (min-width: 400px) { .uk-root .fdn-listing-meta-data-body { font-size: 22.92px; line-height: 1; } } @media (min-width: 640px) { .uk-root .fdn-listing-meta-data-body { font-size: 24px; line-height: 1; } } .uk-root .fdn-listing-meta-data-body a { color: #777; } .uk-root .fdn-listing-meta-data-body a:hover { color: #0046ba; } .uk-root .fdn-listing-meta-data-body .fdn-listing-meta-data-url a { font-size: inherit; font-weight: 400; color: #777; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-inline-box; } .uk-root .fdn-listing-meta-data-body .fdn-listing-meta-data-url a:hover { color: #0046ba; } .uk-root .fdn-listing-meta-data-body .fdn-listing-meta-data-features { line-height: 1.2; } .uk-root .fdn-listing-meta-data-body .fdn-listing-meta-data-features span:only-of-type:after, .uk-root .fdn-listing-meta-data-body .fdn-listing-meta-data-features span:last-child:after { display: none; } .uk-root .fdn-listing-meta-data-body .fdn-listing-meta-data-features span:after { content: ","; color: #999; display: inline-block; margin: 0 0.6ch 0 0; } .uk-root .fdn-listing-credit { font-size: 12.6px; line-height: 1.62; font-family: Arial, Helvetica, sans-serif; color: #999; } @media (min-width: 400px) { .uk-root .fdn-listing-credit { font-size: 13.37px; line-height: 1.719; } } @media (min-width: 640px) { .uk-root .fdn-listing-credit { font-size: 14px; line-height: 1.8; } } .uk-root .fdn-listing-description { font-size: 18.9px; line-height: 1.35; font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; color: #000; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-listing-description { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-listing-description { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-listing-feature-wrap { display: inline-flex; } .uk-root .fdn-listing-feature-wrap .FeaturesIcons { display: flex; } .uk-root .fdn-listing-feature-wrap .FeaturesIcons a { display: flex; flex-direction: row; justify-content: center; } .uk-root .fdn-listing-ticket-link { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; background: #0046ba; padding: 9px; box-shadow: none; border: none; border-radius: 0; } @media (min-width: 400px) { .uk-root .fdn-listing-ticket-link { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-listing-ticket-link { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-listing-ticket-link.uk-active { color: #333; text-decoration: none; } .uk-root .fdn-listing-ticket-link:visited { color: #fff; text-decoration: none; } .uk-root .fdn-listing-ticket-link:hover { color: #fff; text-decoration: none; background: #0046ba; } .uk-root .fdn-status-alert-block { background: #d50000; padding: 8px; text-align: center; } .uk-root .fdn-status-alert-text-closed { color: #fff; font-size: 16px; font-weight: 700; } .uk-root .fdn-listing-meta-text { font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-listing-meta-text { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-listing-meta-text { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-listing-meta-text-alt { font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #000; text-transform: none; text-decoration: none; font-style: italic; color: #4d4d4d; } @media (min-width: 400px) { .uk-root .fdn-listing-meta-text-alt { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-listing-meta-text-alt { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-location-region a { color: #0046ba; } .uk-root .fdn-location-region a:hover { color: #0046ba; } .uk-root .fdn-location-region.fdn-listing-meta-data-neighborhood svg { margin-right: 4px; position: relative; left: 2px; } .uk-root .fdn-location-phone a { color: #777; } .uk-root .fdn-location-phone a:hover { color: #0046ba; } .uk-root div.comp-event-tags[class*='fdn-margin-'][class*='vert'], .uk-root div.comp-location-tags[class*='fdn-margin-'][class*='vert'] { margin-top: 8px; } .uk-root div.comp-event-eventmetadata[class*='fdn-margin-'][class*='vert'], .uk-root div.comp-location-locationmetadata[class*='fdn-margin-'][class*='vert'] { margin-top: 8px; } .uk-root .fdn-update-location-intro-text { font-size: 12.6px; line-height: 1.35; color: #666; } @media (min-width: 400px) { .uk-root .fdn-update-location-intro-text { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-update-location-intro-text { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-update-location-intro-text ul li { list-style: square; } .uk-root .fdn-update-location-intro-text ol li { list-style: decimal; } .uk-root .fdn-update-location-intro-text li + li { margin-top: 9px; } .uk-root .fdn-update-location-link-block { background: #0046ba; padding: 0; border: solid #999; border-width: 0; display: flex; align-items: center; flex-direction: column; } .uk-root [data-component-grid-id="LocationEditButtons"] .fdn-component-grid-zone { flex: 1; } .uk-root [data-component-grid-id="LocationEditButtons"] .fdn-component-grid-zone:empty { display: none; } .uk-root [data-component-grid-id="LocationEditButtons"] .fdn-margin-vert { margin-top: 0; margin-bottom: 0; } .uk-root [data-component-grid-id="LocationEditButtons"] .fdn-update-location-link-block { border: 0 none; align-items: flex-start; padding: 0; height: 100%; } .uk-root [data-component-grid-id="LocationEditButtons"] > div:last-child .fdn-update-location-link-block { align-items: flex-end; } .uk-root [data-component-grid-id="LocationEditButtons"] a.fdn-update-location-link-text { background: #fff; border: thin solid #111; display: inline-flex; align-items: center; padding: 8px 8px 8px 28px; color: #111; text-transform: uppercase; font-weight: 700; position: relative; transition: 188ms ease-out; box-sizing: border-box; width: auto; font-size: 0.77rem; } @media (min-width: 400px) { .uk-root [data-component-grid-id="LocationEditButtons"] a.fdn-update-location-link-text { font-size: 0.8rem; } } @media (min-width: 640px) { .uk-root [data-component-grid-id="LocationEditButtons"] a.fdn-update-location-link-text { font-size: 0.85rem; padding: 8px 8px 8px 34px; } } .uk-root [data-component-grid-id="LocationEditButtons"] a.fdn-update-location-link-text:hover { background: #0046ba; color: #fff; border: thin solid #0046ba; text-decoration: none; } .uk-root [data-component-grid-id="LocationEditButtons"] .comp-location-updatelocationlink .fdn-update-location-link a:before { content: ""; background-color: #111; -webkit-mask: url(/foundation/images/air/map-pin-solid.svg); mask: url(/foundation/images/air/map-pin-solid.svg); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; display: inline-flex; width: 14px; height: 14px; left: 5px; position: absolute; top: 1px; bottom: 0; margin: auto; transition: 188ms ease-out; transform: rotate(40deg); white-space: nowrap; } @media (min-width: 640px) { .uk-root [data-component-grid-id="LocationEditButtons"] .comp-location-updatelocationlink .fdn-update-location-link a:before { width: 18px; height: 18px; left: 8px; } } .uk-root [data-component-grid-id="LocationEditButtons"] .comp-location-updatelocationlink .fdn-update-location-link a:hover:before { background: #fff; } .uk-root [data-component-grid-id="LocationEditButtons"] .comp-event-addeventlink .fdn-update-location-link-block a.fdn-update-location-link-text:before { content: ""; background-color: #111; -webkit-mask: url(/foundation/images/air/submit-event.svg); mask: url(/foundation/images/air/submit-event.svg); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; display: inline-flex; width: 14px; height: 14px; left: 6px; position: absolute; top: 0; bottom: 0; margin: auto; transition: 188ms ease-out; } @media (min-width: 640px) { .uk-root [data-component-grid-id="LocationEditButtons"] .comp-event-addeventlink .fdn-update-location-link-block a.fdn-update-location-link-text:before { width: 16px; height: 16px; left: 8px; } } .uk-root [data-component-grid-id="LocationEditButtons"] .comp-event-addeventlink .fdn-update-location-link-block a.fdn-update-location-link-text:hover:before { background: #fff; } .uk-root [data-component-grid-id="LocationEditButtons"] .comp-image-uploadphotolink .fdn-update-location-link-block .fdn-update-location-link-text:before { content: ""; background-color: #111; -webkit-mask: url(/foundation/images/air/camera-regular.svg) center; mask: url(/foundation/images/air/camera-regular.svg); mask-position: center no-repeat; display: inline-flex; width: 14px; height: 14px; left: 5px; position: absolute; top: 0; bottom: 0; margin: auto; transition: 188ms ease-out; } @media (min-width: 640px) { .uk-root [data-component-grid-id="LocationEditButtons"] .comp-image-uploadphotolink .fdn-update-location-link-block .fdn-update-location-link-text:before { width: 18px; height: 18px; left: 8px; } } .uk-root [data-component-grid-id="LocationEditButtons"] .comp-image-uploadphotolink .fdn-update-location-link-block .fdn-update-location-link-text:hover:before { background: #fff; } @media (max-width: 520px) { .uk-root [data-component-grid-id="LocationEditButtons"] a.fdn-update-location-link-text { padding: 6px; } .uk-root [data-component-grid-id="LocationEditButtons"] a.fdn-update-location-link-text:before { display: none !important; } } .uk-root .fdn-update-location-link-text { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #fff; text-decoration: none; text-transform: uppercase; box-sizing: border-box; width: 100%; text-align: center; } .uk-root .fdn-update-location-link-text:hover { color: #999; } .uk-root .fdn-grid-sidebar .fdn-update-location-link-block { display: block; text-align: center; } .uk-root .trending-by-day .fdn-pres-item a { padding-bottom: 2px; position: relative; padding-left: 12px; } .uk-root .trending-by-day .fdn-pres-item a:hover, .uk-root .trending-by-day .fdn-pres-item a:hover * { text-decoration: none; } .uk-root .trending-by-day .fdn-pres-item a::before { content: " "; display: block; width: 8px; height: 8px; background: #333; background: #0046ba; flex: none; margin: 1px 0 0 0; transition: ease-out 200ms; position: absolute; top: 0; left: 0; } .uk-root .trending-by-day .fdn-pres-item a:hover::before { height: calc(100% - 5px); } .uk-root .fdn-grid-sidebar .trending-by-day .fdn-pres-item a { padding-left: 0; } .uk-root .fdn-grid-sidebar .trending-by-day .fdn-pres-item a::before { display: none; } @media (min-width: 998px) { .ui.content .uk-root .uk-width-1-3\@m { width: calc(100% * 1 / 3.001); } } .Trantor6Zone .uk-root .uk-child-width-1-4 > * { width: 50%; } .Karnak6Zone .uk-root .fdn-update-location-link-block { margin-bottom: 1em; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle { display: flex; flex-wrap: wrap; justify-content: space-between; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle li { border: 0 none; margin-top: 0; padding-top: 0; margin-bottom: 12px; box-shadow: 0px 0px 2px 1px #ddd; box-sizing: border-box; border-radius: 2px; transition: 100ms; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle li:hover { box-shadow: 0px 0px 2px 2px #888; border-radius: 0; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle .fdn-teaser-tagline, .uk-root .search-results.show-grid .pres-LocationSearchRectangle .fdn-teaser-tag-link, .uk-root .search-results.show-grid .pres-LocationSearchRectangle .fdn-teaser-description, .uk-root .search-results.show-grid .pres-LocationSearchRectangle span.fdn-features-icon-block, .uk-root .search-results.show-grid .pres-LocationSearchRectangle .fdn-teaser-description.uk-text-break, .uk-root .search-results.show-grid .pres-LocationSearchRectangle .fdn-teaser-infoline.uk-text-break, .uk-root .search-results.show-grid .pres-LocationSearchRectangle .fdn-event-teaser-location + p.fdn-inline-split-list.fdn-teaser-infoline { display: none; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle .uk-width-1-1\@show-grid { width: 100%; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle .uk-flex\@show-grid { display: flex; flex-wrap: wrap; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle .fdn-no-image .uk-flex-center\@show-grid { justify-content: center; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle .uk-margin-remove\@show-grid { margin: 0 !important; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle .uk-flex-first\@show-grid { order: -1; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle .uk-child-width-1-1\@show-grid > div { width: 100%; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle .fdn-event-search-text-block > div { margin: 5px 0; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle .uk-margin-remove\@show-grid { margin: 0 !important; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle .fdn-pres-item.fdn-no-image { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: center; padding: 40px 4px 4px; box-sizing: border-box; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle .fdn-pres-item.fdn-no-image .fdn-teaser-headline a, .uk-root .search-results.show-grid .pres-LocationSearchRectangle .fdn-pres-item.fdn-no-image .fdn-teaser-subheadline { font-size: 1.44em; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle .fdn-pres-item-content { padding: 5px; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle .fdn-pres-item-inline { flex: none; box-shadow: none; border-radius: 0; } .uk-root .search-results.show-grid .pres-LocationSearchRectangle .fdn-ticket-icon\@show-grid svg { fill: #0091d5; color: #0091d5; } .uk-root .search-results.show-grid li.fdn-pres-item { width: calc((100% * 1/3.001) - 5px); } @media (max-width: 600px) { .uk-root .search-results.show-grid li.fdn-pres-item { width: calc(50% - 5px); } } .uk-root .fdn-location-status { background: #ff710a; color: #fff; font-size: 16px; font-style: italic; font-weight: 700; text-transform: uppercase; padding: 3px 10px 1px; max-width: 100%; min-width: 145px; box-sizing: border-box; } .uk-root .fdn-location-status.fdn-location-status-search-results { font-size: 14px; padding: 3px 6px 1px; } .uk-root .fdn-location-highlight-block { background: #f7f7f7; padding: 9px !important; border: 2px solid #999 !important; border-radius: 2px !important; box-shadow: none !important; } .uk-root .fdn-location-highlight-block .fdn-location-search-text-block .fdn-teaser-subheadline { font-weight: 400; font-size: inherit; color: #0046ba; } .uk-root .fdn-primary .comp-location-nearby .fdn-location-nearby-block { display: flex; flex-wrap: wrap; } .uk-root .fdn-primary .comp-location-nearby .fdn-location-nearby-block > * { width: 100%; padding: 0 8px; margin: 3px 0; box-sizing: border-box; align-self: flex-start; } @media (min-width: 640px) { .uk-root .fdn-primary .comp-location-nearby .fdn-location-nearby-block > * { width: 50%; } } .uk-root .fdn-location-form-features-block label, .uk-root .fdn-location-form-dining-features-block label { cursor: pointer; line-height: 1.2; } .uk-root .fdn-location-form-features-block label .uk-checkbox, .uk-root .fdn-location-form-dining-features-block label .uk-checkbox { margin-top: 0px; flex: none; } .uk-root .fdn-location-features-block { margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; } .uk-root .fdn-location-features-block .fdn-location-features-header { font-weight: 700; font-size: 1.35rem; margin: 0 5px 0 0; color: #000; } .uk-root .fdn-location-features-block .fdn-location-features { font-size: 1.1rem; margin: 0; } .uk-root .fdn-location-features-block .fdn-location-features + .fdn-location-features { margin-left: 3px; } .uk-root .fdn-location-features-block .fdn-location-features a { color: #555; } .uk-root .Location .fdn-location-features-block { margin-top: 10px; } .uk-root .fdn-location-happy-hour-block p.fdn-location-happy-hour-header { font-weight: 700; font-size: 1.35rem; margin: 0 0 5px; color: #000; } .uk-root .fdn-location-happy-hour-block ul li + li { margin-top: 8px; } .uk-root .fdn-location-happy-hour-block .fdn-location-happy-hour-days { font-size: 1.1rem; } .uk-root .fdn-location-happy-hour-block .fdn-location-happy-hour-description { padding-left: 8px; font-size: 1.1rem; margin: 5px 0 0; } .uk-root .HappyHourGuide.comp-location-searchresultsdynamic .show-list .fdn-teaser-tagline { display: none; } .uk-root .HappyHourGuide.comp-location-searchresultsdynamic .show-list .fdn-location-features-block { display: none; } .uk-root .HappyHourGuide.comp-location-searchresultsdynamic .show-list .fdn-location-features-block .fdn-location-features-header { font-size: 1.1rem; } .uk-root .HappyHourGuide.comp-location-searchresultsdynamic .show-list .fdn-location-features-block .fdn-location-features { font-size: 0.9rem; margin: 0; } .uk-root .HappyHourGuide.comp-location-searchresultsdynamic .show-list .fdn-location-happy-hour-block p.fdn-location-happy-hour-header { font-size: 1.1rem; } .uk-root .HappyHourGuide.comp-location-searchresultsdynamic .show-list .fdn-location-happy-hour-block .fdn-location-happy-hour-days { font-size: 0.9rem; } .uk-root .HappyHourGuide.comp-location-searchresultsdynamic .show-list .fdn-location-happy-hour-block .fdn-location-happy-hour-description { padding-left: 4px; font-size: 0.8rem; margin: 5px 0 0; } .uk-root .HappyHourGuide.comp-location-searchresultsdynamic .show-grid .fdn-location-features-block, .uk-root .HappyHourGuide.comp-location-searchresultsdynamic .show-grid .fdn-location-happy-hour-block { display: none; } .uk-root .fdn-login-loggedout-container { display: flex; justify-content: normal; } .uk-root .fdn-login-loggedin-container { display: flex; justify-content: normal; } .uk-root div[data-view="recaptcha"] { margin-top: 3px; } .uk-root .fdn-interface-link-or-create-account { font-size: 1.197rem; line-height: 1.17rem; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #111; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-interface-link-or-create-account { font-size: 1.27015rem; line-height: 1.2415rem; } } @media (min-width: 640px) { .uk-root .fdn-interface-link-or-create-account { font-size: 1.33rem; line-height: 1.3rem; } } .uk-root .login-modal-wrap .uk-card-default .uk-card-footer { border-color: #111; } .uk-root div#LoginDialog input[type="submit"] { padding-top: 5px; padding-bottom: 5px; } .uk-root div#LoginDialog .fdn-login-button-block { margin-top: 8px; } .uk-root div#LoginDialog .fdn-login-button { display: flex; align-items: center; justify-content: center; padding: 2px 5px 0 20px; height: 40px; font-size: 13px; letter-spacing: 0.2px; font-family: "Google Sans", 'Poppins', "Open Sans", Helvetica, Arial, sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; color: #3c4043; text-align: center; border: 1px solid #dadce0; border-radius: 4px; text-transform: none; width: 100%; box-sizing: border-box; position: relative; transition: background-color 0.218s, border-color 0.218s; user-select: none; } .uk-root div#LoginDialog .fdn-login-button:hover { border-color: #d2e3fc; background-color: #4285f40a; } .uk-root div#LoginDialog .fdn-login-button:active, .uk-root div#LoginDialog .fdn-login-button:focus { background-color: #4285f41a; } .uk-root div#LoginDialog .fdn-login-button span { font-family: "Google Sans", 'Poppins', "Open Sans", Helvetica, Arial, sans-serif; font-weight: 500; } .uk-root div#LoginDialog .fdn-login-button span.fdn-login-button-method { margin-left: 0.45ch; } .uk-root div#LoginDialog .fdn-login-button .uk-icon-button { height: 21px; width: 21px; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; } .uk-root div#LoginDialog .fdn-login-button .uk-icon-button svg { max-height: 13px; } .uk-root div#LoginDialog .fdn-login-button .uk-icon-button.fdn-login-icon-twitter svg { max-height: 12px; } .uk-root div#LoginDialog .fdn-login-button .uk-icon-button.fdn-login-icon-email { background: #666 !important; color: #efefef !important; } .uk-root div#LoginDialog .fdn-login-button .uk-icon-button.fdn-login-icon-email svg { max-height: 11px; } .uk-root #Logout .fdn-logout-what-now { font-size: 1.25rem !important; padding-bottom: 3px; } .uk-root .fdn-poll-title { font-size: 1.5rem; color: #666; font-weight: 700; } .uk-root .fdn-poll-question { font-size: 1.5rem; font-weight: 700; line-height: 1.2; text-align: left; } .uk-root .fdn-poll-question a { color: #333; } .uk-root .fdn-poll-list { font-family: Arial, Helvetica, sans-serif; line-height: 1.05; } .uk-root li:nth-of-type(odd) .fdn-poll-list-item-label { background: #f8f8f8; } .uk-root li:nth-of-type(odd) .fdn-poll-list-item-label:hover { background: #dfdfdf; } .uk-root .fdn-poll-list-item-label { cursor: pointer; background: transparent; display: flex; align-items: center; padding: 9px; font-size: 18px; color: #666; } .uk-root .fdn-poll-list-item-label input { flex: 0 0 auto; margin-right: 1ch; } .uk-root .fdn-poll-list-item-label:hover { background: #dfdfdf; } .uk-root .fdn-poll-results-item { color: #666; font-size: 21px; } .uk-root .fdn-poll-header { background: transparent; padding: 0 0 9px 0; box-shadow: none; border: 1px solid #ccc; border-width: 0 0 1px 0; } .uk-root .fdn-poll-footer { background: transparent; padding: 9px 0 0 0; box-shadow: none; border: 1px solid #ccc; border-width: 1px 0 0 0; } .uk-root .fdn-poll-view-results-link { font-size: 14px; color: #666; } .uk-root .fdn-poll-item-percentage { font-size: 14px; } .uk-root .fdn-poll-vote-disabled button { pointer-events: none; opacity: 0.3; } .uk-root .fdn-grid-sidebar .pres-ContentTileSquareBrief > * { width: 50%; } @media (min-width: 640px) { .uk-root .fdn-grid-sidebar .pres-ContentTileSquareBrief > * { width: 25%; } } @media (min-width: 998px) { .uk-root .fdn-grid-sidebar .pres-ContentTileSquareBrief > * { width: 50%; } } .uk-root #Print .fdn-site-header-flex > *:not(.fdn-site-header-logo) { display: none!important; } .uk-root #Print .fdn-magnum-block { max-width: 760px; margin: auto; } .uk-root .fdn-profile-header-block { font-size: 18px; color: #222; } .uk-root .ProfileComments .fdn-primary [data-ev-zone*='MainTop'] + div { overflow: hidden; } .uk-root .comp-member-biofull { border-bottom: thin solid #f8f8f8; padding-bottom: 9px; } .uk-root .comp-member-username:after { content: " "; display: block; clear: both; } .uk-root [class*='comp-member'] .fdn-form-choice input, .uk-root [class*='comp-member'] .fdn-form-choice label { cursor: pointer; } .uk-root [class*='comp-member'] .fdn-really-actually-delete { background: #9a0000; } .uk-root [class*='comp-member'] .fdn-really-actually-delete:hover { background: #670000; } .uk-root [class*='comp-member'] a.fdn-never-mind { color: #fff; } .uk-root .fdn-search-clear { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-search-clear { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-search-clear { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-search-clear:hover { color: #0046ba; text-decoration: underline; } .uk-root .fdn-search-control-fixed-width { width: 6.5rem; } .uk-root .fdn-search-control-group { box-shadow: 1px 2px 1px -1px #ccc; border-radius: 0; } .uk-root .fdn-search-control-group > div:first-child .fdn-search-control { border-radius: 0 0 0 0; } .uk-root .fdn-search-control-group > div:last-child .fdn-search-control, .uk-root .fdn-search-control-group > .fdn-search-control:last-child { border-radius: 0 0 0 0; } .uk-root .fdn-search-control-group .fdn-search-control { color: #000; border: 1px solid #e5e5e5; height: auto; line-height: 16px; padding-top: 9px; padding-bottom: 9px; } .uk-root .fdn-search-control-group .fdn-search-control a { color: inherit; text-decoration: inherit; } .uk-root .fdn-search-control-group .fdn-search-control.uk-active { background: #0046ba; color: #fff; } .uk-root .fdn-search-control-group .fdn-search-control:hover { background: #0046ba; color: #fff; text-decoration: none; } .uk-root .fdn-search-control-group .fdn-search-input { color: #000; border: 1px solid #e5e5e5; line-height: 16px; padding-top: 9px; padding-bottom: 9px; } .uk-root .fdn-search-control-group .fdn-search-input:hover { background: #f2f2f2; color: #999; text-decoration: none; } .uk-root .fdn-search-natural-text { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } .uk-root .fdn-search-natural-text .uk-button-group { vertical-align: baseline; } @media (min-width: 400px) { .uk-root .fdn-search-natural-text { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-search-natural-text { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-search-natural-button { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: transparent; padding: 3px 9px; box-shadow: none; border: 1px solid #ccc; border-radius: 0 0 0 0; } @media (min-width: 400px) { .uk-root .fdn-search-natural-button { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-search-natural-button { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-search-natural-button:hover { color: #0046ba; text-decoration: underline; background: #fff; } .uk-root .fdn-search-natural-button-alt { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #f0f0f0; padding: 3px; box-shadow: none; border: 1px solid #ccc; border-radius: 0 0 0 0; } .uk-root .fdn-search-natural-button-alt svg { height: 1.25em; width: 1.25em; } @media (min-width: 400px) { .uk-root .fdn-search-natural-button-alt { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-search-natural-button-alt { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-search-natural-button-alt:hover { color: #666; text-decoration: none; background: #ddd; } .uk-root .fdn-search-dropdown-spacer { z-index: 1000; position: absolute; width: 100%; max-width: 100vw; box-sizing: border-box; background: transparent; padding: 0; box-shadow: none; border: none; } .uk-root .fdn-search-dropdown { background: #fff; padding: 0; box-shadow: 3px 3px 10px 0px #3338; border: 1px solid #ccc; border-radius: 0 0 3px 3px; } .uk-root .fdn-search-dropdown-item { cursor: pointer; font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #f0f0f0; padding: 5px 7px; box-shadow: none; border: none; } @media (min-width: 400px) { .uk-root .fdn-search-dropdown-item { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-search-dropdown-item { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-search-dropdown-item:hover { color: #666; text-decoration: none; background: #e0e0e0; } .uk-root .fdn-search-dropdown-header { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #666; text-decoration: none; text-transform: none; background: transparent; padding: 7px 5px 3px 5px; box-shadow: none; border: none; } @media (min-width: 400px) { .uk-root .fdn-search-dropdown-header { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-search-dropdown-header { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-search-modal { background: #fff; padding: 0; box-shadow: none; border: none; border-radius: 0; } .uk-root .fdn-search-modal-tabs { flex-wrap: nowrap; margin-right: 26px !important; } .uk-root .fdn-search-modal-tab { cursor: pointer; overflow: hidden; font-size: 16px; line-height: 1.5; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; flex: auto; background: #f0f0f0; padding: 8px 4px; box-shadow: none; border: 1px solid #ccc; border-radius: 0; margin-right: 4px; margin-bottom: -1px; border-bottom: 1px solid #ccc; transition: background 0.1s ease-in-out; } @media (min-width: 640px) { .uk-root .fdn-search-modal-tab { flex: none; padding: 9px; } } .uk-root .fdn-search-modal-tab a { padding: 0; font-size: 16px; } .uk-root .fdn-search-modal-tab.fdn-search-modal-tab a { color: #333; text-overflow: ellipsis; overflow: hidden; } .uk-root .fdn-search-modal-tab:hover, .uk-root .fdn-search-modal-tab:hover { background: #666; text-decoration: none; } .uk-root .fdn-search-modal-tab:hover:not(.uk-active) a, .uk-root .fdn-search-modal-tab:hover:not(.uk-active) a { color: #fff !important; } .uk-root .fdn-search-modal-tab.uk-active { background: #fff; color: #0046ba; text-decoration: none; border-bottom: 1px solid #fff; } .uk-root .fdn-search-modal-tab.uk-active a { border: none; } .uk-root .fdn-search-modal-body { background: #fff; padding: 5px 0; box-shadow: none; border: none; } .uk-root .fdn-search-modal-header.fdn-search-modal-header { background: transparent; padding: 9px 9px 0 9px; box-shadow: none; border: 1px solid #ccc; border-right: none; border-left: none; border-top: none; } .uk-root .fdn-search-modal-footer.fdn-search-modal-footer { background: transparent; padding: 9px; box-shadow: none; border: 1px solid #ccc; border-right: none; border-left: none; border-bottom: none; } .uk-root .fdn-search-modal-footer.fdn-search-modal-footer a { display: flex; align-items: center; } .uk-root .fdn-search-modal-parent { font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #f0f0f0; padding: 9px; box-shadow: none; border: 1px solid #ccc; border-width: 1px 0 1px 0; margin-bottom: 0; border-bottom-width: 0; position: relative; } li:last-child .uk-root .fdn-search-modal-parent { border-width: 1px 0 1px 0; } @media (min-width: 400px) { .uk-root .fdn-search-modal-parent { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-search-modal-parent { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-search-modal-parent.uk-accordion-title::before { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); } .uk-root .fdn-search-modal-parent > .uk-radio:checked, .uk-root .fdn-search-modal-parent > .uk-checkbox:checked, .uk-root .fdn-search-modal-parent > .uk-checkbox:indeterminate { background-color: #d4d4d4; border-color: #777; } .uk-root .uk-open > .fdn-search-modal-parent { border-width: 1px 0 1px 0; } .uk-root .fdn-search-modal-parent:hover { color: #666; text-decoration: none; } .uk-root .fdn-search-modal-accordion { background: transparent; padding: 9px 9px 18px 18px; box-shadow: none; border: none; } .uk-root .fdn-search-modal-group { background: transparent; padding: 9px; box-shadow: none; border: none; } .uk-root .fdn-search-modal-group-header { background: transparent; padding: 9px 9px 0 9px; box-shadow: none; border: none; font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } .uk-root .fdn-search-modal-clear { font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: uppercase; background: #fff; padding: 18px; box-shadow: none; border: 1px solid #ccc; border-radius: 0; } @media (min-width: 400px) { .uk-root .fdn-search-modal-clear { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-search-modal-clear { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-search-modal-clear:hover { color: #666; text-decoration: none; background: none; } .uk-root .fdn-search-modal-submit { font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; background: #999; padding: 18px; box-shadow: none; border: 1px solid #999; border-radius: 0; } @media (min-width: 400px) { .uk-root .fdn-search-modal-submit { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-search-modal-submit { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-search-modal-submit:hover { color: #666; text-decoration: none; background: none; } .uk-root .fdn-search-modal-item.fdn-search-modal-item.fdn-search-modal-item { box-sizing: border-box; display: inline-block; margin-top: 0; width: 100%; font-size: 16.1px; line-height: 1.5; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: transparent; padding: 4px; box-shadow: none; border: none; border-radius: 5px; } @media (min-width: 400px) { .uk-root .fdn-search-modal-item.fdn-search-modal-item.fdn-search-modal-item { font-size: 16.1px; line-height: 1.5; } } @media (min-width: 640px) { .uk-root .fdn-search-modal-item.fdn-search-modal-item.fdn-search-modal-item { font-size: 16.1px; line-height: 1.5; } } .uk-root .fdn-search-modal-item.fdn-search-modal-item.fdn-search-modal-item:hover { background: #f0f0f0; color: #666; } .uk-root .fdn-search-modal-item.fdn-search-modal-item.fdn-search-modal-item > div { display: flex; align-items: flex-start; } .uk-root .fdn-search-modal-item.fdn-search-modal-item.fdn-search-modal-item > div label { width: 100%; } .uk-root .fdn-search-modal-item.fdn-search-modal-item.fdn-search-modal-item input[type="checkbox"] { flex: none; margin-top: 0; position: relative; top: 4px; } .uk-root .fdn-search-modal-item.fdn-search-modal-item.fdn-search-modal-item input[type="checkbox"]:checked { border-color: #111; } .uk-root .fdn-search-modal-item:hover { color: #666; text-decoration: none; } .uk-root .fdn-search-sort-item { cursor: pointer; font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: transparent; padding: 9px; box-shadow: none; border: none; } @media (min-width: 400px) { .uk-root .fdn-search-sort-item { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-search-sort-item { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-search-sort-item:hover { color: #0046ba; text-decoration: none; background: #f2f2f2; } .uk-root .fdn-search-sort-modal { overflow: hidden; } .uk-root .fdn-empty-results-block { display: flex; justify-content: center; align-items: center; background: #f0f0f0; padding: 9px; box-shadow: none; border: none; min-height: 48px; margin-bottom: 24px; } .uk-root .fdn-empty-results-text { font-size: 1.35rem; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-empty-results-text { font-size: 1.4325rem; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-empty-results-text { font-size: 1.5rem; line-height: 1.5; } } .uk-root .fdn-search-result-header-block { background: transparent; padding: 0 0 3px; box-shadow: none; border: 1px solid #ddd; border-width: 0 0 1px; margin: 0 0 9px; } .uk-root .fdn-search-result-header-block + ul[class*='pres-'] { margin-top: 0; } .uk-root .fdn-search-result-header { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-search-result-header { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-search-result-header { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-page-navigation-block { background: transparent; padding: 6px 0; box-shadow: none; border: none; } .uk-root .fdn-page-navigation-block ul { padding-right: 6px; padding-left: 6px; } .uk-root .fdn-page-navigation-block ul li { padding: 0; padding-top: 3px; padding-bottom: 3px; margin-left: 3px; margin-right: 3px; } .uk-root .fdn-page-navigation-block.fdn-alpha-navigation-block ul { padding: 0; } .uk-root .fdn-page-navigation-block.fdn-alpha-navigation-block ul li { width: 42px; text-align: center; margin: 0; box-sizing: border-box; } @media (min-width: 640px) { .uk-root .fdn-page-navigation-block.fdn-alpha-navigation-block ul li { width: calc(100% * 1/14.001); } } .uk-root .fdn-page-navigation-page.fdn-page-navigation-page.fdn-page-navigation-page { cursor: pointer; font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #fff; padding: 4px 9px; box-shadow: none; border: 1px solid #999; border-radius: 3px; margin-left: 3px; margin-right: 3px; } @media (min-width: 400px) { .uk-root .fdn-page-navigation-page.fdn-page-navigation-page.fdn-page-navigation-page { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-page-navigation-page.fdn-page-navigation-page.fdn-page-navigation-page { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-page-navigation-page.fdn-page-navigation-page.fdn-page-navigation-page:visited { color: #666; text-decoration: none; background: none; } .uk-root .fdn-page-navigation-page.fdn-page-navigation-page.fdn-page-navigation-page:hover { color: #fff; text-decoration: none; background: #0046ba; } .uk-root .fdn-page-navigation-page.fdn-page-navigation-page.fdn-page-navigation-page.uk-active { font-weight: 700; color: #fff; text-decoration: none; background: #444; } .uk-root .fdn-page-navigation-block.uk-active { font-weight: 700; color: #fff; text-decoration: none; background: #444; } .uk-root .fdn-page-navigation-prev-next.fdn-page-navigation-prev-next.fdn-page-navigation-prev-next { display: flex; cursor: pointer; font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #fff; text-decoration: none; text-transform: none; background: #0046ba; padding: 5px 9px; box-shadow: none; border: 1px solid #999; border-radius: 5px; margin-left: 3px; margin-right: 3px; } @media (min-width: 400px) { .uk-root .fdn-page-navigation-prev-next.fdn-page-navigation-prev-next.fdn-page-navigation-prev-next { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-page-navigation-prev-next.fdn-page-navigation-prev-next.fdn-page-navigation-prev-next { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-page-navigation-prev-next.fdn-page-navigation-prev-next.fdn-page-navigation-prev-next:visited { color: #fff; text-decoration: none; background: none; } .uk-root .fdn-page-navigation-prev-next.fdn-page-navigation-prev-next.fdn-page-navigation-prev-next:hover { color: #0046ba; text-decoration: none; background: #fff; } .uk-root .fdn-page-navigation-prev-next.fdn-page-navigation-prev-next.fdn-page-navigation-prev-next.uk-active { color: #333; text-decoration: none; background: none; } .uk-root .fdn-search-highlight-header { font-size: 1.8rem; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-search-highlight-header { font-size: 1.91rem; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-search-highlight-header { font-size: 2rem; line-height: 1.5; } } .uk-root .fdn-search-highlight-content { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-search-highlight-content { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-search-highlight-content { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-site-search-search-terms-sort { margin-top: 5px; } @media (min-width: 640px) { .uk-root .fdn-site-search-search-terms-sort { margin: 0; } } .uk-root .fdn-search-control-row { display: flex; align-items: stretch; } .uk-root .fdn-search-control-row .verbage { display: flex; align-items: center; justify-content: center; margin-right: 5px; } .uk-root .fdn-search-control-row .fdn-date-quick-links { display: none; } @media (min-width: 640px) { .uk-root .fdn-search-control-row .fdn-date-quick-links { display: flex; } } .uk-root .fdn-search-control-group.fdn-tight { margin-right: 6px; min-height: 2em; } .uk-root .fdn-search-control-group.fdn-tight .fdn-search-control { padding: 4px 8px; } .uk-root .fdn-search-control { display: flex; flex-direction: column; justify-content: center; } .uk-root .fdn-search-control .control-day { display: block; font-weight: 700; } .uk-root .fdn-search-control .control-day-of { display: block; } .uk-root .fdn-search-control-calendar-button.fdn-search-control, .uk-root .fdn-search-control-row .fdn-search-control-group, .uk-root .fdn-search-control-row .fdn-date-quick-links, .uk-root .fdn-search-control-row .fdn-search-control-group .fdn-search-control-single { border-radius: 4px; } .uk-root .fdn-search-control-row .fdn-date-quick-links .fdn-search-control:first-child { border-radius: 4px 0 0 4px; } .uk-root .fdn-search-control-row .fdn-date-quick-links .fdn-search-control:last-child { border-radius: 0 4px 4px 0; } .uk-root .fdn-search-control-calendar-button.fdn-search-control { flex-direction: row; align-items: center; width: auto; } .uk-root .fdn-search-control-calendar-button.fdn-search-control svg { margin-left: 4px; } .uk-root .filter-link.fdn-search-control.uk-flex-row-reverse { flex-direction: row-reverse; height: 40px; align-items: center; border-bottom: 0; box-shadow: inset 0px -0.05em 1px 0px #ccc; } .uk-root .filter-link.fdn-search-control.uk-flex-row-reverse svg { margin-right: 4px; } .uk-root .fdn-set-block { background: transparent; padding: 0; box-shadow: none; border: none; } .uk-root .fdn-set-header { font-size: 18.9px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; font-weight: bold; background: transparent; padding: 4px 0; box-shadow: none; border: 1px solid #ccc; border-width: 0 0 1px 0; border-radius: 0; } @media (min-width: 400px) { .uk-root .fdn-set-header { font-size: 20.055px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-set-header { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-set-header:hover { color: #666; text-decoration: none; } .uk-root .fdn-set-header:visited { color: #666; text-decoration: none; } .uk-root .fdn-set-header.uk-active { color: #333; text-decoration: none; } .uk-root .fdn-set-content-block { background: transparent; padding: 9px 0; box-shadow: none; border: none; } .uk-root .fdn-blog-share-tools-block { display: flex; align-items: center; flex-wrap: wrap; background: transparent; /* We are going to set this padding in a complicated way because we want to use up the padding on the top and bottom created in the > div */ padding: 9px; padding-top: 5px; padding-bottom: 5px; padding-right: 9px; box-shadow: none; border: 1px solid #ccc; border-width: 1px 0 1px 0; } .uk-root .fdn-blog-share-tools-block > div { margin-right: 12px; padding-top: 4px; padding-bottom: 4px; } .uk-root .fdn-share-tool { display: block; font-size: 12px; line-height: 1; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #fff; padding: 3px 5px; box-shadow: none; border: 1px solid #ccc; border-radius: 2px; } @media (min-width: 400px) { .uk-root .fdn-share-tool { font-size: 12px; line-height: 1; } } @media (min-width: 640px) { .uk-root .fdn-share-tool { font-size: 12px; line-height: 1; } } .uk-root .fdn-share-tool:hover { color: #999; text-decoration: none; background: #f0f0f0; } .uk-root .fdn-blog-share-tools-block .saveAction, .uk-root .fdn-blog-share-tools-block .emailAction { display: block; font-size: 12px; line-height: 1; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #fff; padding: 3px 5px; box-shadow: none; border: 1px solid #ccc; border-radius: 2px; } @media (min-width: 400px) { .uk-root .fdn-blog-share-tools-block .saveAction, .uk-root .fdn-blog-share-tools-block .emailAction { font-size: 12px; line-height: 1; } } @media (min-width: 640px) { .uk-root .fdn-blog-share-tools-block .saveAction, .uk-root .fdn-blog-share-tools-block .emailAction { font-size: 12px; line-height: 1; } } .uk-root .fdn-blog-share-tools-block .saveAction:hover, .uk-root .fdn-blog-share-tools-block .emailAction:hover { color: #999; text-decoration: none; background: #f0f0f0; } .uk-root .fdn-blog-share-tools-block .addthis_toolbox a { margin: 0; display: flex; align-items: center; } .uk-root .fdn-blog-share-tools-block .at-icon-wrapper { display: flex; margin-right: 4px; } .uk-root .shareToolsDisabled > div { filter: saturate(0%); opacity: 0.4; } .uk-root .shareToolsDisabled > div[fdn-share-button-twitter] { opacity: 0.25; } .uk-root .shareToolsDisabled * { pointer-events: none; cursor: default; } .uk-root .SiteHeaderGrid .fdn-site-header-flex { width: 100%; display: flex; flex-wrap: wrap; align-items: center; } .uk-root .SiteHeaderGrid .fdn-site-header-nav-toggle { width: calc(100% * 1 / 6.001); } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-nav-toggle { display: none; } } .uk-root .SiteHeaderGrid .fdn-site-header-logo { text-align: center; width: calc(100% * 2 / 3.001); } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-logo { width: auto; flex: auto; } } .uk-root .SiteHeaderGrid .fdn-site-header-logo .uk-logo img { text-align: center; width: calc(100% * 2 / 3.001); } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-logo .uk-logo img { width: auto; height: auto; } } .uk-root .SiteHeaderGrid .fdn-site-header-links { display: none; } .uk-root .SiteHeaderGrid .fdn-site-header-links .fdn-header-link { font-size: 12px; } .uk-root .SiteHeaderGrid .fdn-site-header-links > div { margin-top: 9px; justify-content: center; } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-links { display: block; } } .uk-root .SiteHeaderGrid .fdn-site-header-ad { width: 100%; order: 1000; display: flex; justify-content: center; } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-ad { width: 300px; flex: none; order: initial; } } .uk-root .SiteHeaderGrid .fdn-site-header-search-toggle { text-align: right; width: calc(100% * 1 / 6.001); } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-search-toggle { display: none; } } .uk-root .SiteHeaderGrid .fdn-site-header-nav { width: 100%; flex: auto; display: none; } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-nav { display: block; } } .uk-root .fdn-nav-toggle { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: transparent; padding: 9px; box-shadow: none; border: none; border-radius: 5px; } @media (min-width: 400px) { .uk-root .fdn-nav-toggle { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-nav-toggle { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-nav-toggle:hover { color: #666; text-decoration: none; background: #999; } .uk-root .fdn-nav-block { background: #fff; padding: 2px 0; box-shadow: none; border: thin solid #AAA; border-width: 0; } .uk-root .fdn-nav-block ul .fdn-nav-parent { margin-right: 9px; } .uk-root .fdn-nav-block ul .fdn-nav-parent:last-child { margin-right: 0; } .uk-root .fdn-nav-block ul { justify-content: end; } .uk-root .fdn-nav-block ul li { flex: auto; } .uk-root .fdn-nav-panel-block { background: #fff; padding: 9px; box-shadow: none; border: none; } .uk-root #site-nav-target .site-nav-source.site-nav-source > li { border-bottom: none; } .uk-root #site-nav-target .site-nav-source.site-nav-source > li:first-child > a { margin-top: 0; } .uk-root #site-nav-target .site-nav-source.site-nav-source > li > a { margin-top: 0; margin-bottom: 2px; display: flex; align-items: center; justify-content: space-between; } .uk-root #site-nav-target .site-nav-source.site-nav-source > li > a:after { content: none; } .uk-root #site-nav-target .site-nav-source.site-nav-source > li:last-child { border-bottom: none; } .uk-root #site-nav-target .site-nav-source.site-nav-source > li:last-child > a { margin-bottom: 0; } .uk-root .fdn-nav-parent.uk-open > a span.uk-icon { transform: rotate(-90deg); } .uk-root .fdn-nav-parent.fdn-nav-parent { display: block; /* &:last-child { > a:after { position: absolute; content: ""; border-right: @fdn-nav-divider-border; right: -1 * @fdn-nav-gutter/2; top:0; height: 100%; } } */ padding: 0; } @media (min-width: 998px) { .uk-root .fdn-nav-parent.fdn-nav-parent { display: flex; } } .uk-root .fdn-nav-parent.fdn-nav-parent > a { position: relative; width: 100%; min-height: 0; font-size: 12px; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; padding: 1px 4px; font-weight: 400; background: none; box-shadow: none; border: none; border-radius: 0; /* set this explicitly, fix for uk-icon in parent instead of text */ align-items: center; } @media (min-width: 400px) { .uk-root .fdn-nav-parent.fdn-nav-parent > a { font-size: 12px; line-height: 1.35; padding: 1px 6px; } } @media (min-width: 640px) { .uk-root .fdn-nav-parent.fdn-nav-parent > a { font-size: 12px; line-height: 1.5; padding: 1px 4px; border: none; } .uk-root .fdn-nav-parent.fdn-nav-parent > a:before { position: absolute; content: ""; border-right: 1px solid #000; left: -4.5px; top: 0; height: 100%; } } @media (min-width: 640px) { .uk-root .fdn-nav-parent.fdn-nav-parent:first-child > a:before { content: none; } } .uk-root .fdn-nav-parent.fdn-nav-parent .fdn-site-search-dropdown { width: 330px; } .uk-root .fdn-nav-panel-block ul.uk-nav-sub { padding: 5px; } .uk-root .fdn-nav-panel-block .fdn-nav-parent.fdn-nav-parent a { font-size: 12px; padding: 5px 0 5px 5px; } .uk-root .fdn-nav-parent.fdn-nav-parent:hover > a { color: #0046ba; text-decoration: none; background: none; } .uk-root .fdn-nav-parent:visited > a { color: #fff; text-decoration: none; background: none; } .uk-root .fdn-nav-parent.fdn-nav-parent.uk-active > a { color: #fff; text-decoration: none; background: #0046ba; } .uk-root .fdn-nav-panel .fdn-nav-parent a { display: flex; justify-content: space-between; align-items: center; } .uk-root .fdn-nav-parent-highlight.fdn-nav-parent-highlight > a { font-family: Arial, Helvetica, sans-serif; color: #0046ba; text-decoration: none; text-transform: uppercase; font-weight: none; background: transparent; } .uk-root ul.site-nav-source.uk-navbar-nav { position: relative; } .uk-root .fdn-sticky-home-link { opacity: 0; left: -100px; transition: 300ms; position: absolute; pointer-events: none; width: 0; height: 0; } .uk-root .fdn-sticky-home-link + .fdn-nav-parent a::before { display: none; } .uk-root .uk-sticky.uk-active { box-shadow: rgba(51, 51, 51, 0.933) 0px 3px 4px -3px; } .uk-root .uk-sticky.uk-active .fdn-sticky-home-link { left: 0 ; width: auto; height: auto; pointer-events: auto; position: relative; opacity: 1; } .uk-root .uk-sticky.uk-active .fdn-sticky-home-link + .fdn-nav-parent a::before { display: block; } .uk-root .fdn-nav-dropdown { margin-top: 10px; background: #fff; padding: 0; box-shadow: 1px 4px 5px -1px #777; border: none; border-radius: 0 0 3px 3px; } .uk-root .fdn-nav-list > li { border-bottom: 1px solid #000; } .uk-root .fdn-nav-list > li:first-child > a { margin-top: 0; } .uk-root .fdn-nav-list > li > a { margin-top: 0; margin-bottom: 0; } .uk-root .fdn-nav-list > li:last-child { border-bottom: none; } .uk-root .fdn-nav-list > li:last-child > a { margin-bottom: 0; } .uk-root .fdn-nav-panel-block .fdn-nav-list > li { border-bottom: none; } .uk-root .fdn-nav-panel-block .fdn-nav-list > li:first-child > a { margin-top: 0; } .uk-root .fdn-nav-panel-block .fdn-nav-list > li > a { margin-top: 0; margin-bottom: 0; } .uk-root .fdn-nav-panel-block .fdn-nav-list > li:last-child { border-bottom: none; } .uk-root .fdn-nav-panel-block .fdn-nav-list > li:last-child > a { margin-bottom: 0; } .uk-root .fdn-nav-item.fdn-nav-item a { font-size: 15.75px; line-height: 1.6875; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #666; text-decoration: none; text-transform: none; padding: 4px 9px; border: none; background: transparent; box-shadow: none; border-radius: 0; } @media (min-width: 400px) { .uk-root .fdn-nav-item.fdn-nav-item a { font-size: 15.75px; line-height: 1.6875; } } @media (min-width: 640px) { .uk-root .fdn-nav-item.fdn-nav-item a { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-nav-item.fdn-nav-item:hover a { color: #fff; text-decoration: none; background: #0046ba; } .uk-root .fdn-nav-item:visited a { color: #666; text-decoration: none; background: none; } .uk-root .fdn-nav-item.uk-active a { color: #fff; text-decoration: none; background: none; } .uk-root .fdn-nav-item-header.fdn-nav-item-header { font-size: 15.75px; line-height: 1.6875; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #666; text-decoration: none; text-transform: none; padding: 4px 9px; } @media (min-width: 400px) { .uk-root .fdn-nav-item-header.fdn-nav-item-header { font-size: 15.75px; line-height: 1.6875; } } @media (min-width: 640px) { .uk-root .fdn-nav-item-header.fdn-nav-item-header { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-nav-panel-block .fdn-nav-item a { font-size: 23.625px; line-height: 1.6875; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #666; text-decoration: none; text-transform: none; padding: 4px 9px !important; border: none; background: transparent; box-shadow: none; border-radius: 0; } @media (min-width: 400px) { .uk-root .fdn-nav-panel-block .fdn-nav-item a { font-size: 23.625px; line-height: 1.6875; } } @media (min-width: 640px) { .uk-root .fdn-nav-panel-block .fdn-nav-item a { font-size: 21px; line-height: 1.5; } } .uk-root .fdn-nav-panel-block .fdn-nav-item:hover a { color: #fff; text-decoration: none; background: #0046ba; } .uk-root .fdn-nav-panel-block .fdn-nav-item.uk-active a { color: #fff; text-decoration: none; background: none; } .uk-root .fdn-nav-panel-block .fdn-nav-item:visited a { color: #666; text-decoration: none; background: none; } .uk-root div#offcanvas-slide-navigation { overflow: hidden; } .uk-root .fdn-site-search-input.fdn-site-search-input { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; background: #fff; padding: 3px 9px; box-shadow: none; border: 1px solid #ccc; border-radius: 0; } @media (min-width: 400px) { .uk-root .fdn-site-search-input.fdn-site-search-input { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-site-search-input.fdn-site-search-input { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-site-search-input.fdn-site-search-input::placeholder { color: #999; text-transform: none; } .uk-root .fdn-site-search-input.fdn-site-search-input:focus::placeholder { color: transparent; } .uk-root .fdn-site-search-input.fdn-site-search-input:hover { color: #666; text-decoration: none; } .uk-root .fdn-site-search-input.fdn-site-search-input:focus { color: #666; text-decoration: none; } .uk-root .fdn-site-search-icon svg { fill: #999; color: #999; } .uk-root .fdn-site-search-input-block { background: transparent; padding: 3px; box-shadow: none; border: none; } .uk-root .fdn-site-search-submit-block { display: none; background: transparent; padding: 3px; box-shadow: none; border: none; } .uk-root .fdn-site-search-submit.fdn-site-search-submit { font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: red; text-decoration: none; text-transform: none; background: #F9F2F3; padding: 3px 9px; box-shadow: none; border: 1px solid #ccc; border-radius: 4px; margin-left: 4px; } @media (min-width: 400px) { .uk-root .fdn-site-search-submit.fdn-site-search-submit { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-site-search-submit.fdn-site-search-submit { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-site-search-submit:hover { color: #666; text-decoration: none; } .uk-root .fdn-site-search-submit:focus { color: #666; text-decoration: none; } .uk-root .fdn-site-search-dropdown { background: #fff; padding: 0; border: none; border-radius: 0; } .uk-root .fdn-site-search-list > li { border-bottom: none; } .uk-root .fdn-site-search-list > li:first-child > a { margin-top: 0; } .uk-root .fdn-site-search-list > li > a { margin-top: 0; margin-bottom: 0; } .uk-root .fdn-site-search-list > li:last-child { border-bottom: none; } .uk-root .fdn-site-search-list > li:last-child > a { margin-bottom: 0; } .uk-root .fdn-site-search-list li:not(:last-child) a.fdn-site-search-item { border-bottom: none; } .uk-root .fdn-site-search-item.fdn-site-search-item { display: block; font-size: 12.6px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #fff; padding: 3px 9px; box-shadow: none; border: 1px solid #000; border-width: 1px 0 0; border-radius: 0; text-align: left; } @media (min-width: 400px) { .uk-root .fdn-site-search-item.fdn-site-search-item { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-site-search-item.fdn-site-search-item { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-site-search-item:hover { color: #fff; text-decoration: none; background: #0046ba; } .uk-root .fdn-site-search-item a, .uk-root .fdn-site-search-item a:hover { color: inherit; text-decoration: inherit; } .uk-root .fdn-site-search-input:focus { color: #666; text-decoration: none; } .uk-root .fdn-site-search-modal-input.fdn-site-search-modal-input { font-size: 14px; line-height: 1.5; font-family: Arial, Helvetica, sans-serif; color: #0046ba; text-decoration: none; text-transform: none; background: #fff; padding: 0px; box-shadow: none; border: 1px solid #ccc; border-radius: 0; } .uk-root .fdn-site-search-modal-input::placeholder { color: #999; text-transform: none; } .uk-root .fdn-site-search-modal-input:focus::placeholder { color: transparent; } .uk-root .fdn-site-search-modal-icon svg { fill: #999; color: #999; } .uk-root .fdn-site-search-modal-input:hover { color: #666; text-decoration: none; } .uk-root .fdn-site-search-modal-input:focus { color: #666; text-decoration: none; } .uk-root .fdn-site-search-modal-input-block { background: transparent; padding: 3px 0px; box-shadow: none; border: none; } .uk-root .fdn-site-search-modal-submit-block { background: transparent; padding: 0; box-shadow: none; border: none; } .uk-root .fdn-site-search-modal-dropdown { background: #fff; padding: 0; box-shadow: 2px 3px 3px 2px #333; border: none; border-radius: 0; } .uk-root .fdn-site-search-modal-list > li { border-bottom: none; } .uk-root .fdn-site-search-modal-list > li:first-child > a { margin-top: 0; } .uk-root .fdn-site-search-modal-list > li > a { margin-top: 0; margin-bottom: 0; } .uk-root .fdn-site-search-modal-list > li:last-child { border-bottom: none; } .uk-root .fdn-site-search-modal-list > li:last-child > a { margin-bottom: 0; } .uk-root .fdn-site-search-modal-list li:not(:last-child) a.fdn-site-search-modal-item { border-bottom: none; } .uk-root .fdn-site-search-modal-item.fdn-site-search-modal-item { display: block; font-size: 16px; line-height: 1.33rem; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #fff; padding: 5px 9px; box-shadow: none; border: none; border-radius: 0; text-align: left; } .uk-root .fdn-site-search-modal-item:hover { color: #fff; text-decoration: none; background: #0046ba; } .uk-root .fdn-site-search-modal-item a, .uk-root .fdn-site-search-modal-item a:hover { color: inherit; text-decoration: inherit; } .uk-root .fdn-site-search-modal-input:focus { color: #666; text-decoration: none; } .uk-root.comp-sitesearch-searchgoogle { border-top: 1px solid #999; padding-top: 9px; } .uk-root.comp-sitesearch-searchgoogle .fdn-site-search-google { font-size: 21px; color: #0046ba; font-weight: 700; } .uk-root .fdn-site-search-search-instructions p { font-size: 1.05rem; } .uk-root .fdn-margin-vert.SiteSearchModalOnly { margin: 0 !important; } .uk-root .fdn-slideshow .uk-slideshow-items li { text-align: center; } .uk-root .fdn-slideshow-play-button { color: #fff; background: #606060; border: none; border-radius: 4px; line-height: 1.2; padding: 5px 8px; font-size: 1.22rem; font-weight: 700; box-shadow: none; padding-left: 10px; } .uk-root .fdn-slideshow-play-button.fdn-button-control-smaller { font-size: 1.07rem; line-height: 2.2rem; } .uk-root .fdn-slideshow-play-button:hover { color: #fff; background: #0046ba; text-decoration: none; } .uk-root .fdn-slideshow-play-button:focus { color: #fff; background: #0046ba; } .uk-root .fdn-slideshow-play-button .uk-icon svg { color: #fff; fill: #fff; } .uk-root [class*="comp-slideshow"] .fdn-image-cropped-background { background: #333; } .uk-root .comp-slideshow-searchresults .uk-tile-default span.fdn-teaser-badge { padding: 2px 7px; } .uk-root .fdn-stripe-payment-form { padding: 9px; border: 1px solid #ccc; } .uk-root .fdn-stripe-payment-form-card-element { padding: 10px; border: 1px solid #e5e5e5; } .uk-root .fdn-survey-section-header-block { background: none; padding: 0; } .uk-root .fdn-survey-section-header-block .fdn-survey-section-header { margin: 24px 0 0; font-size: 2rem; line-height: 1.15em; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #000; font-weight: bold; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .uk-root .fdn-survey-section-header-block .fdn-survey-section-progress-block { color: #bbb; } .uk-root .fdn-survey-login-text .fdn-survey-section-header-block .fdn-survey-section-header { margin-bottom: 24px; } .uk-root .fdn-survey-progress-block { color: #666; font-size: 21px; padding: 0.33rem 0.75rem; border-left: medium solid; } .uk-root .fdn-survey-navigation-block { margin: 20px 0; padding: 1rem 0 0; border: solid #ddd; border-width: thin 0 0; flex-direction: row-reverse; } .uk-root .fdn-survey-navigation-block > div { margin-left: 1rem; } .uk-root .fdn-survey-navigation-block .fdn-survey-navigation-save .uk-form-blank { color: #367f00; font-weight: 700; outline: none; border: none; } .uk-root .fdn-survey-navigation-block .fdn-survey-navigation-save .uk-form-blank:hover { color: #0046ba; } .uk-root .fdn-survey-question-block { margin: 24px 0; } .uk-root .fdn-survey-question-block .fdn-survey-answer, .uk-root .fdn-survey-question-block .fdn-survey-question-content { padding: 0 1rem; } .uk-root .fdn-survey-question-block .fdn-survey-answer { width: 100%; box-sizing: border-box; } .uk-root .fdn-survey-question-block .fdn-survey-question-content { width: 100%; box-sizing: border-box; } .uk-root .fdn-survey-question-block .fdn-survey-question-image + .fdn-survey-question-content { width: 75%; } .uk-root .fdn-survey-question-block:first-child { margin-top: 0; } .uk-root .fdn-survey-question-block .fdn-survey-answer-list, .uk-root .fdn-survey-question-block:last-child { margin-bottom: 0; } .uk-root .fdn-survey-question-block h3.fdn-survey-question-text { font-size: 1.5rem; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #000; text-align: left; flex: none; width: 100%; box-sizing: border-box; } .uk-root .fdn-survey-question-block .fdn-survey-question-choice { display: flex; align-items: center; padding: 1px 4px; background: inherit; border-radius: 2px; transition: 222ms; cursor: pointer; } .uk-root .fdn-survey-question-block .fdn-survey-question-choice:hover { background: #efefef; } .uk-root .fdn-survey-question-block .fdn-survey-question-label { font-size: 21px; font-weight: 700; color: #333; margin-left: 8px; flex: 1; cursor: pointer; } .uk-root .fdn-survey-login-text#loginContainer { margin: 20px 0; padding: 1rem; border: thin solid #ddd; border-radius: 3px; } .uk-root .fdn-survey-login-text#loginContainer input.submit { background: #fff; color: #111; font-size: 12.6px; line-height: 1.35; font-weight: 700; padding: 9px; text-transform: uppercase; box-shadow: none; border: thin solid #ccc; border-radius: 5px; outline: none; cursor: pointer; } @media (min-width: 400px) { .uk-root .fdn-survey-login-text#loginContainer input.submit { font-size: 13.37px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-survey-login-text#loginContainer input.submit { font-size: 14px; line-height: 1.5; } } .uk-root .fdn-survey-login-text#loginContainer input.submit:hover { background: #0046ba; color: #fff; text-decoration: none; } .uk-root .fdn-survey-login-text#loginContainer input.submit:focus { background: #0046ba; color: #fff; } .uk-root .fdn-survey-login-text#loginContainer [data-view] > p:last-child { text-align: right; margin-bottom: 0; } .uk-root .fdn-survey-login-text#loginContainer [data-view] label { font-family: Arial, Helvetica, sans-serif; font-weight: 700; } .uk-root .fdn-survey-login-text#loginContainer [data-view] input[type=text] { /* 1 */ box-sizing: border-box; /* 2 */ margin: 0; /* 3 */ border-radius: 0; /* 4 */ font: inherit; overflow: visible; -webkit-appearance: none; /* 1 */ max-width: 100%; /* 2 */ width: 100%; /* 3 */ border: 0 none; /* 4 */ padding: 0 10px; background: #fff; color: #666; border: 1px solid #e5e5e5; transition: 0.2s ease-in-out; transition-property: color, background-color, border; height: 40px; vertical-align: middle; /* 1 */ display: inline-block; } .uk-root .fdn-survey-survey-code-block .fdn-survey-survey-code { font-size: 21px; font-weight: 700; } .uk-root .fdn-survey-survey-code-block .fdn-survey-survey-code a { color: #0046ba; } .uk-root .fdn-survey-expiration-date { text-align: right !important; font-style: italic; } .uk-root .fdn-survey-question-dropdown-block > div { border: thin solid #ddd; border-radius: 3px; } .uk-root .fdn-survey-form-dropdown-link { text-decoration: none!important; } .uk-root .fdn-survey-error-block { font-size: 21px; margin: 20px 0; clear: both; } .uk-root .fdn-survey-error-text { font-size: 21px; color: #d50000; font-weight: 700; flex: none; width: 100%; margin: 2px 2px 10px; } .uk-root .fdn-tab-link, .uk-root .uk-tab .fdn-tab-link { font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #999; text-decoration: none; text-transform: uppercase; padding: 0; } .uk-root .fdn-tab-link:hover { color: #666; text-decoration: none; } .uk-root .fdn-tab-link.uk-active, .uk-root .uk-active .fdn-tab-link { color: #000; text-decoration: none; } .uk-root .fdn-tab-link.uk-active:hover, .uk-root .uk-active:hover .fdn-tab-link { color: #666; text-decoration: none; } .uk-root .uk-tab .fdn-tab-link-block { background: transparent; padding: 5px; box-shadow: none; border-width: 0 0 1px 0; border-color: transparent; } .uk-root .fdn-tab-link-block:hover { background: #f8f8f8; } .uk-root .uk-tab .fdn-tab-link-block.uk-active, .uk-root .uk-tab .uk-active a.fdn-tab-link-block { background: #f8f8f8; border-color: #0046ba; } .uk-root .fdn-tab-link-block.uk-active:hover { background: #f8f8f8; } .uk-root .fdn-tab-header-link, .uk-root .uk-tab .fdn-tab-header-link { font-size: 1.5rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #999; text-decoration: none; text-transform: uppercase; padding: 0; } .uk-root .fdn-tab-header-link:hover { color: #0046ba; text-decoration: none; } .uk-root .fdn-tab-header-link.uk-active, .uk-root .uk-active .fdn-tab-header-link { color: #000; text-decoration: none; } .uk-root .fdn-tab-header-link.uk-active:hover, .uk-root .uk-active:hover .fdn-tab-header-link { color: #666; text-decoration: none; } .uk-root .uk-tab .fdn-tab-header-link-block { background: transparent; padding: 5px; box-shadow: none; border-width: 1px 1px 0 1px; border-color: transparent; } .uk-root .fdn-tab-header-link-block.fdn-tab-header-link-block:hover { color: #0046ba; background: #f8f8f8; } .uk-root .uk-tab .fdn-tab-header-link-block.uk-active, .uk-root .uk-tab .uk-active a.fdn-tab-header-link-block { color: #000; background: transparent; border-color: #0046ba; } .uk-root .fdn-tab-header-link-block.uk-active:hover { background: #f8f8f8; } .uk-root .fdn-separated-tabs { border: 1px solid #999; border-width: 1px 0; padding: 2px 0; } .uk-root .fdn-separated-tabs li { margin-top: 0; padding: 2px 10px; } .uk-root .fdn-separated-tabs li a { color: #999; border: none; } .uk-root .fdn-separated-tabs li.active a { color: #000; } .uk-root .fdn-separated-tabs li + li { border-left: 1px solid #999; margin-left: 4px; } .uk-root .fdn-teaser-tight { margin-bottom: 3px; } @media (min-width: 400px) { .uk-root .fdn-teaser-tight { margin-bottom: 4px; } } @media (min-width: 640px) { .uk-root .fdn-teaser-tight { margin-bottom: 5px; } } .uk-root .fdn-teaser-margin-bottom { margin-bottom: 8px; } @media (min-width: 400px) { .uk-root .fdn-teaser-margin-bottom { margin-bottom: 9px; } } @media (min-width: 640px) { .uk-root .fdn-teaser-margin-bottom { margin-bottom: 10px; } } .uk-root .fdn-teaser-headline { font-size: 17.1px; line-height: 1.15em; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #000; text-decoration: none; text-transform: none; font-weight: bold; margin-top: 0; margin-bottom: 8px; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } @media (min-width: 400px) { .uk-root .fdn-teaser-headline { font-size: 18.145px; line-height: 1.15em; margin-bottom: 9px; } } @media (min-width: 640px) { .uk-root .fdn-teaser-headline { font-size: 19px; line-height: 1.15em; margin-bottom: 10px; } } .uk-root .fdn-teaser-headline a, .uk-root a .fdn-teaser-headline { transition: 125ms; color: #000; } .uk-root .fdn-teaser-headline a:hover, .uk-root a .fdn-teaser-headline:hover { color: #0046ba; text-decoration: none; text-decoration-color: #0046ba; } .uk-root .fdn-teaser-headline a:visited, .uk-root a .fdn-teaser-headline:visited { color: #000; text-decoration: none; } .uk-root .fdn-teaser-headline a:visited:hover, .uk-root a .fdn-teaser-headline:visited:hover { color: #0046ba; text-decoration: none; } .uk-root .fdn-teaser-headline-tight, .uk-root .fdn-teaser-headline-tight a { font-size: 1.215rem; line-height: 1.05em; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #000; text-decoration: none; text-transform: none; font-weight: bold; margin-top: 0; margin-bottom: 3px; } @media (min-width: 400px) { .uk-root .fdn-teaser-headline-tight, .uk-root .fdn-teaser-headline-tight a { font-size: 1.28925rem; line-height: 1.05em; margin-bottom: 4px; } } @media (min-width: 640px) { .uk-root .fdn-teaser-headline-tight, .uk-root .fdn-teaser-headline-tight a { font-size: 1.35rem; line-height: 1.05em; margin-bottom: 5px; } } .uk-root .fdn-teaser-headline-tight:hover, .uk-root .fdn-teaser-headline-tight a:hover { color: #666; text-decoration: none; text-decoration-color: #666; } .uk-root .fdn-teaser-headline-tight:visited, .uk-root .fdn-teaser-headline-tight a:visited { color: #000; text-decoration: none; } .uk-root .fdn-teaser-headline-tight:visited:hover, .uk-root .fdn-teaser-headline-tight a:visited:hover { color: #666; text-decoration: none; } .uk-root .fdn-teaser-subheadline { font-size: 16px; line-height: 1.33; font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; font-weight: 400; color: #333; text-decoration: none; text-transform: none; margin-top: 0; margin-bottom: 8px; } @media (min-width: 400px) { .uk-root .fdn-teaser-subheadline { font-size: 16px; line-height: 1.33; margin-bottom: 9px; } } @media (min-width: 640px) { .uk-root .fdn-teaser-subheadline { font-size: 16px; line-height: 1.33; margin-bottom: 10px; } } .uk-root .fdn-teaser-infoline { font-size: 13.37px; line-height: 1.19375; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; margin-top: 0; margin-bottom: 8px; } @media (min-width: 400px) { .uk-root .fdn-teaser-infoline { font-size: 13.37px; line-height: 1.19375; margin-bottom: 9px; } } @media (min-width: 640px) { .uk-root .fdn-teaser-infoline { font-size: 14px; line-height: 1.25; margin-bottom: 10px; } } .uk-root .fdn-teaser-infoline time { font-weight: 400; } .uk-root .fdn-teaser-infoline-important { font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: bold; } .uk-root .fdn-teaser-tagline { font-size: 0.7875rem; line-height: 1.35; margin-top: 0; margin-bottom: 8px; } @media (min-width: 400px) { .uk-root .fdn-teaser-tagline { font-size: 0.835625rem; line-height: 1.4325; margin-bottom: 8px; } } @media (min-width: 640px) { .uk-root .fdn-teaser-tagline { font-size: 0.875rem; line-height: 1.5; margin-bottom: 8px; } } .uk-root .fdn-teaser-tag { font-size: inherit; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: uppercase; font-weight: 400; } .uk-root .fdn-teaser-tag:hover { color: #666; text-decoration: none; } .uk-root .fdn-teaser-tag:visited { color: #000; text-decoration: none; } .uk-root .fdn-teaser-tag:visited:hover { color: #666; text-decoration: none; } .uk-root .fdn-teaser-tag-block { background: transparent; padding: 0; box-shadow: none; border: none; } .uk-root .fdn-teaser-tag-link { font-size: inherit; font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; text-transform: none; font-weight: normal; } .uk-root .fdn-teaser-tag-link:hover { color: #0046ba; text-decoration: none; } .uk-root .fdn-teaser-tag-link:visited { color: #999; text-decoration: none; } .uk-root .fdn-teaser-tag-link:visited:hover { color: #0046ba; text-decoration: none; } .uk-root .fdn-teaser-sponsored-tag { font-family: Arial, Helvetica, sans-serif; color: #0046ba; text-decoration: none; text-transform: uppercase; font-weight: bold; } .uk-root .fdn-teaser-sponsored-tag:hover, .uk-root a:hover .fdn-teaser-sponsored-tag { color: #666; text-decoration: none; text-decoration-color: #666; } .uk-root .fdn-teaser-sponsored-tag:visited { color: #0046ba; text-decoration: none; } .uk-root .fdn-teaser-sponsored-tag:visited:hover { color: #666; text-decoration: none; } .uk-root .fdn-teaser-sponsored-tag-block { background: transparent; padding: 0; box-shadow: none; border: none; } .uk-root .fdn-teaser-taglist { display: none; margin-top: 0; line-height: 1.35; font-size: 10.8px; margin-bottom: 8px; } @media (min-width: 400px) { .uk-root .fdn-teaser-taglist { font-size: 11.46px; line-height: 1.4325; margin-bottom: 9px; } } @media (min-width: 640px) { .uk-root .fdn-teaser-taglist { font-size: 12px; line-height: 1.5; margin-bottom: 10px; } } .uk-root .fdn-teaser-taglist a { font-size: 10.8px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #999; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-teaser-taglist a { font-size: 11.46px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-teaser-taglist a { font-size: 12px; line-height: 1.5; } } .uk-root .fdn-teaser-taglist a:hover { color: #0046ba; text-decoration: underline; } .uk-root .fdn-teaser-taglist a:visited { color: #999; text-decoration: none; } .uk-root .fdn-teaser-taglist a:visited:hover { color: #0046ba; text-decoration: underline; } .uk-root .fdn-teaser-taglist-label { font-size: 10.8px; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; } @media (min-width: 400px) { .uk-root .fdn-teaser-taglist-label { font-size: 11.46px; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-teaser-taglist-label { font-size: 12px; line-height: 1.5; } } .uk-root .fdn-teaser-badge { display: inline-block; font-size: 0.7875rem; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; font-weight: 700; background: #fff; padding: 2px; box-shadow: none; border: none; border-radius: 1px; } @media (min-width: 400px) { .uk-root .fdn-teaser-badge { font-size: 0.835625rem; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-teaser-badge { font-size: 0.875rem; line-height: 1.5; } } .uk-root .fdn-teaser-badge + .uk-root .fdn-teaser-badge { margin-left: 3px; } .uk-root .fdn-teaser-badge + .uk-root .fdn-teaser-badge::before { content: "\000B7"; font-size: 1.5rem; vertical-align: middle; } .uk-root .fdn-teaser-badge:hover { color: #666; text-decoration: none; } .uk-root .fdn-teaser-badge:visited { color: #666; text-decoration: none; } .uk-root .fdn-teaser-badge.uk-active { color: #333; text-decoration: none; } .uk-root .fdn-teaser-ticket-link { display: inline-flex; align-items: center; font-size: 0.7875rem; line-height: 1.35; font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 700; background: #0091d5; padding: 3px 8px; box-shadow: none; border: thin solid #0091d5; border-radius: 2px; /* This is a fix for vertically centering the text */ } .uk-root .fdn-teaser-ticket-link span[ui-icon] { vertical-align: text-bottom; } .uk-root .fdn-teaser-ticket-link svg, .uk-root .fdn-teaser-ticket-link i[class*='fa-'] { color: #fff; margin: 0 7px 0 0; transform: rotate(-45deg); } @media (min-width: 400px) { .uk-root .fdn-teaser-ticket-link { font-size: 0.835625rem; line-height: 1.4325; } } @media (min-width: 640px) { .uk-root .fdn-teaser-ticket-link { font-size: 0.875rem; line-height: 1.5; } } .uk-root .fdn-teaser-ticket-link:hover { color: #0091d5; text-decoration: none; background: #fff; } .uk-root .fdn-teaser-ticket-link:hover svg, .uk-root .fdn-teaser-ticket-link:hover i[class*='fa-'] { color: #0091d5; } .uk-root .fdn-teaser-description { font-size: 14px; line-height: 1.5; font-family: Arial, Helvetica, sans-serif; color: #666; text-decoration: none; text-transform: none; margin-top: 0; margin-bottom: 8px; } @media (min-width: 400px) { .uk-root .fdn-teaser-description { font-size: 14px; line-height: 1.5; margin-bottom: 9px; } } @media (min-width: 640px) { .uk-root .fdn-teaser-description { font-size: 14px; line-height: 1.5; margin-bottom: 10px; } } .uk-root .fdn-teaser-description p, .uk-root .fdn-teaser-description ul, .uk-root .fdn-teaser-description ol, .uk-root .fdn-teaser-description dl, .uk-root .fdn-teaser-description pre, .uk-root .fdn-teaser-description address, .uk-root .fdn-teaser-description fieldset, .uk-root .fdn-teaser-description figure { margin: 3px 0; } .uk-root .fdn-event-teaser-location { font-weight: 700; font-size: 15px; color: #111; line-height: 1.2rem; } .uk-root .fdn-event-teaser-location + .fdn-teaser-infoline { color: #5e5e5e; } .uk-root .fdn-event-teaser-location-link { color: #111; } .uk-root .fdn-special-issue-section-teasers > ul { margin-bottom: 0; } .uk-root .fdn-special-issue-section-teasers > ul + ul { border-top: 1px solid #ddd; padding-top: 15px; margin-top: 15px; } .uk-root .fdn-special-issue-teasers-items-block .fdn-no-image > a { border: 1px solid #ddd; padding: 1.25em 9px; } .uk-root .fdn-special-issue-teasers-items-block .fdn-no-image .uk-margin-auto-top { position: relative; top: -1px; background: #fff; padding: 0 3px 3px; border: 1px solid #ddd; border-top: none; text-align: center; } .uk-root .fdn-special-issue-teasers-items-block .fdn-no-image .uk-margin-auto-top a.uk-button { font-size: 0.75em; } .uk-root .fdn-component-related-items .fdn-no-image { display: flex; align-items: stretch; } .uk-root .fdn-component-related-items .fdn-no-image .fdn-inline-split-list > * { margin: 0; padding: 0; justify-content: center; } .uk-root .fdn-component-related-items .fdn-no-image .fdn-inline-split-list > *:before { display: none; } .uk-root .fdn-component-related-items .fdn-no-image > a { border: 1px solid #ddd; padding: 1.25em 9px; text-align: center; } .uk-root .fdn-component-related-items .fdn-no-image > a > div { margin: 20px auto auto; } .uk-root [class*='fdn-component-related'] .fdn-no-image, .uk-root .comp-landing-trending .fdn-no-image, .uk-root .search-results .fdn-no-image { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; padding-left: 9px; box-sizing: border-box; } @media (min-width: 400px) { .uk-root [class*='fdn-component-related'] .fdn-no-image, .uk-root .comp-landing-trending .fdn-no-image, .uk-root .search-results .fdn-no-image { padding-left: 18px; } } .uk-root [class*='fdn-component-related'] .fdn-no-image > a, .uk-root .comp-landing-trending .fdn-no-image > a, .uk-root .search-results .fdn-no-image > a { padding: 35px 5px 5px; margin: 2px; width: calc(100% - 2px); box-sizing: border-box; border: 1px solid #ddd; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .uk-root [class*='fdn-component-related'] .fdn-no-image .fdn-teaser-headline, .uk-root .comp-landing-trending .fdn-no-image .fdn-teaser-headline, .uk-root .search-results .fdn-no-image .fdn-teaser-headline, .uk-root [class*='fdn-component-related'] .fdn-no-image .fdn-teaser-headline a, .uk-root .comp-landing-trending .fdn-no-image .fdn-teaser-headline a, .uk-root .search-results .fdn-no-image .fdn-teaser-headline a { font-size: 1.24em !important; line-height: 1.2; } .uk-root [class*='fdn-component-related'] .fdn-no-image .fdn-teaser-subheadline, .uk-root .comp-landing-trending .fdn-no-image .fdn-teaser-subheadline, .uk-root .search-results .fdn-no-image .fdn-teaser-subheadline { font-size: 1.24em; line-height: 1.15; } .uk-root [class*='fdn-component-related'] .fdn-no-image .fdn-teaser-infoline, .uk-root .comp-landing-trending .fdn-no-image .fdn-teaser-infoline, .uk-root .search-results .fdn-no-image .fdn-teaser-infoline { justify-content: center; flex-direction: column; } .uk-root [class*='fdn-component-related'] .fdn-no-image .fdn-inline-split-list > *, .uk-root .comp-landing-trending .fdn-no-image .fdn-inline-split-list > *, .uk-root .search-results .fdn-no-image .fdn-inline-split-list > * { padding: 0; margin: 0; } .uk-root [class*='fdn-component-related'] .fdn-no-image .fdn-inline-split-list > * + *:before, .uk-root .comp-landing-trending .fdn-no-image .fdn-inline-split-list > * + *:before, .uk-root .search-results .fdn-no-image .fdn-inline-split-list > * + *:before { display: none; } .uk-root [data-component-id="TrendingContentList"] p.fdn-teaser-headline { -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; font-size: 14px !important; padding-bottom: 1px; /* Descenders */ } .uk-root .fdn-teaser-image-overlay-text { color: #fff; font-size: 14px; } .uk-root .fdn-teaser-image-overlay-text a, .uk-root a .fdn-teaser-image-overlay-text { color: #fff; } .uk-root .fdn-teaser-image-overlay-text a:hover, .uk-root a .fdn-teaser-image-overlay-text:hover { color: #0046ba; text-decoration: none; text-decoration-color: #0046ba; } .uk-root .fdn-teaser-image-overlay-text a:visited, .uk-root a .fdn-teaser-image-overlay-text:visited { color: #fff; text-decoration: none; } .uk-root .fdn-teaser-image-overlay-text a:visited:hover, .uk-root a .fdn-teaser-image-overlay-text:visited:hover { color: #0046ba; text-decoration: none; } .uk-root .fdn-teaser-by { display: inline; text-transform: inherit; font-weight: inherit; } .uk-root .fdn-teaser-byline { color: #000; font-size: 0.875rem; font-weight: normal; } .uk-root .fdn-teaser-byline a { color: #000; } .uk-root .fdn-teaser-byline a:hover { color: #0046ba; text-decoration: underline; text-decoration-color: #0046ba; } .uk-root .fdn-teaser-byline a:visited { color: #000; text-decoration: none; } .uk-root .fdn-teaser-byline a:visited:hover { color: #000; text-decoration: none; } .uk-root .fdn-teaser-time { color: #000; font-size: 0.875rem; font-weight: normal; } .uk-root .fdn-grid-sidebar .comp-landing-trending .fdn-pres-item .fdn-teaser-headline { font-size: 1.03rem; line-height: 1.2rem; margin: 0; } .uk-root .fdn-grid-sidebar .comp-landing-trending .fdn-pres-item .fdn-teaser-infoline { font-size: 12px; margin-top: 5px; } .uk-root .fdn-grid-sidebar .comp-landing-trending .fdn-pres-item .uk-width-1-1.uk-margin-small-bottom { margin-bottom: 3px!important; } .uk-root .fdn-active-text { color: #0046ba; font-weight: 700; } .uk-root .fdn-container-block { background: transparent; padding: 9px; box-shadow: none; border: none; } .uk-root .fdn-sponsored { font-size: inherit; font-family: Arial, Helvetica, sans-serif; color: #2E66C9; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-sponsored-block { background: transparent; padding: 2px; box-shadow: none; border: none; } .uk-root .fdn-interface-sponsored-tag { font-size: inherit; font-family: Arial, Helvetica, sans-serif; color: #1e87f0; text-decoration: none; text-transform: uppercase; font-weight: bold; } .uk-root .fdn-grid-item { background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); transition: box-shadow 0.1s ease-in-out; } .uk-root .fdn-grid-item:hover { box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } .uk-root .fdn-member-image-block { background: transparent; padding: 9px; box-shadow: none; border: 1px solid #ccc; } .uk-root .fdn-slider-dotnav { margin-left: 0; } .uk-root .fdn-slider-dotnav li { cursor: pointer; padding: 12px; } .uk-root .fdn-slider-dotnav li a { width: 6px; height: 6px; border: 0px solid #8A8A8A; background: #8A8A8A; } .uk-root .fdn-slider-dotnav li:hover a { border: 0px solid #000; background: #000; } .uk-root .fdn-slider-dotnav li.uk-active a { border: 0px solid #000; background: #000; } .uk-root .fdn-slidenav-arrow { color: #fff; height: 100%; box-sizing: border-box; margin: 0; display: inline-flex; transform: none!important; top: 0; background-color: #05050508; transition: 100ms; } .uk-root .fdn-slidenav-arrow:hover, .uk-root .fdn-slidenav-arrow:focus { color: #fffa; background-color: #0505051a; } .uk-root .fdn-sponsored-badge { box-sizing: border-box; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 500px; vertical-align: middle; /* 1 */ background: #444; color: #fff; font-size: 0.875rem; /* 2 */ display: inline-flex; justify-content: center; align-items: center; height: auto; background: transparent; padding: 2px; box-shadow: none; border: none; font-size: inherit; font-family: Arial, Helvetica, sans-serif; color: #2E66C9; text-decoration: none; text-transform: uppercase; padding-right: 0; padding-left: 0; text-transform: uppercase !important; } .uk-root .fdn-background-tag { background-color: transparent; } .uk-root .fdn-text-tag { color: #999; font-weight: bold; } .uk-root .fdn-category-badge { box-sizing: border-box; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 500px; vertical-align: middle; /* 1 */ background: #444; color: #fff; font-size: 0.875rem; /* 2 */ display: inline-flex; justify-content: center; align-items: center; height: auto; background-color: transparent; color: #999; font-weight: bold; padding-right: 0; padding-left: 0; text-transform: uppercase !important; } .uk-root .fdn-member-staff-listing { border-style: solid; border-width: 0 0 0 3px; border-color: #0046ba; padding: 0 0 0 3px; } .uk-root .uk-radio:checked { background-color: #f4f4f4; } .uk-root .top-stories-video .carousel-button { background: #0009; color: #fffc; transition: 300ms; cursor: pointer; } .uk-root .top-stories-video .carousel-volume, .uk-root .top-stories-video .carousel-video-player-countdown { margin-bottom: 1px; } .uk-root .top-stories-video .carousel-progress-block-item { background: #eee9; display: inline-flex; padding: 7px; border-radius: 100%; border: thin solid #9c4146; cursor: pointer; transition: 250ms; box-shadow: 1px 1px 5px -1px #333; } .uk-root .top-stories-video .carousel-progress-block-item:hover { background: #eeed; } .uk-root .top-stories-video .carousel-progress-block-item.uk-active { background: #9c4146; } .uk-root .top-stories-video .carousel-progress-block { padding: 0 4px; } .uk-root .top-stories-video .carousel-info-icon img { filter: drop-shadow(1px 1px 2px #333); } .uk-root .top-stories-video .carousel-info-text { background: #9c4146; font-size: 0.83rem; color: #fff; box-shadow: 1px 1px 5px -1px #333; text-transform: uppercase; } @media (min-width: 640px) { .uk-root .top-stories-video .carousel-info-text { font-size: 1.03rem; } } .uk-root .top-stories-video .carousel-info-height-wrapper { height: 86px; } .uk-root .top-stories-video .carousel-info { margin: 0; padding: 12px 8px; height: 86px; box-sizing: border-box; } .uk-root .top-stories-video .carousel-info [data-headline] { width: 100%; position: relative; } .uk-root .top-stories-video .carousel-info [data-headline] a.carousel-headline { color: #111; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; line-height: 1.33; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; min-height: 40px; max-height: 74px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; box-sizing: border-box; padding-right: 42px; } .uk-root .top-stories-video .carousel-info [data-headline] a.carousel-headline:hover { text-decoration: none; color: #9c4146; } .uk-root .top-stories-video .carousel-info [data-headline] a.carousel-headline:hover:after { opacity: 0.88; } .uk-root .top-stories-video .carousel-info [data-headline] a.carousel-headline:after { content: " "; display: inline-block; width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 16px solid #9c4146; position: absolute; transition: 100ms; right: 7px; top: 6px; filter: drop-shadow(7px 0 0 rgba(156, 65, 70, 0.45)); } .uk-root .TopStoriesVideoPairresponsive ul[class*='pres-'] { margin: 0; } .uk-root .TopStoriesVideoPairresponsive .TopStoriesVideo.fdn-margin-vert { margin-bottom: 0; } .uk-root .uk-padding-medium { padding: 27px; } .uk-root pre { width: calc(100% - 22px); box-sizing: border-box; background: #f7f7f7; } .uk-root div#fdn-admin-slot .fdn-admin-tools.uk-position-fixed { z-index: 44444; } .uk-root .fdn-width-300 { width: 300px; } @media (min-width: 400px) { .uk-root .fdn-width-300\@xs { width: 300px; } } @media (min-width: 640px) { .uk-root .fdn-width-300\@s { width: 300px; } } @media (min-width: 998px) { .uk-root .fdn-width-300\@m { width: 300px; } } @media (min-width: 1200px) { .uk-root .fdn-width-300\@l { width: 300px; } } .uk-root .fdn-cursor-pointer { cursor: pointer; } .uk-root .fdn-aspect-1-1 { padding-bottom: 100%; padding-top: 0; height: 0; } .uk-root .fdn-aspect-16-10 { padding-bottom: 62.5%; padding-top: 0; height: 0; } .uk-root .fdn-aspect-3-2 { padding-bottom: 66.7%; padding-top: 0; height: 0; } .uk-root .fdn-aspect-2-3 { padding-bottom: 150%; padding-top: 0; height: 0; overflow: hidden; } .uk-root .fdn-accordion-title { display: flex; align-items: center; position: relative !important; } .uk-root .fdn-accordion-title:before { order: 99; right: 0; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .uk-root select, .uk-root textarea, .uk-root button, .uk-root input[type=date], .uk-root input[type=email], .uk-root input[type=image], .uk-root input[type=month], .uk-root input[type=number], .uk-root input[type=password], .uk-root input[type=search], .uk-root input[type=tel], .uk-root input[type=text], .uk-root input[type=time], .uk-root input[type=url], .uk-root input[type=week], .uk-root input[type=submit] { font-size: 16px !important; line-height: 1.25 !important; } } .uk-root .fdn-margin-vert.fdn-margin-vert { margin-top: 20px; margin-bottom: 20px; } .uk-root .fdn-margin-medium-vert.fdn-margin-medium-vert { margin-top: 24px; margin-bottom: 24px; } .uk-root .fdn-margin-medium-vert.fdn-margin-medium-vert:first-of-type { margin-top: 20px; } .uk-root .fdn-margin-large-vert.fdn-margin-large-vert { margin-top: 48px; margin-bottom: 48px; } .uk-root .fdn-margin-large-vert.fdn-margin-large-vert:first-of-type { margin-top: 20px; } .uk-root .fdn-margin-remove-last > *:last-child { margin-bottom: 0px !important; } .uk-root .fdn-override-width-1-1.fdn-override-width-1-1.fdn-override-width-1-1.fdn-override-width-1-1 { width: 100%; } .uk-root .fdn-inline-flex { display: inline-flex; } .uk-root .fdn-text-notransform { text-transform: none; } .uk-root .fdn-icon-transform-horizontal { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .uk-root .fdn-responsive-iframe { position: relative; padding-bottom: 56.25%; } .uk-root .fdn-responsive-iframe iframe { position: absolute!important; top: 0; left: 0; width: 100%!important; height: 100%!important; transition: 150ms; } a:hover .uk-root .fdn-decorate-sub { text-decoration: underline; text-decoration-color: #999; } .uk-root .fdn-decoration-remove, .uk-root .fdn-decoration-remove:hover { text-decoration: none; } .uk-root .fdn-inline-split-list { display: flex; flex-wrap: wrap; position: relative !important; overflow: hidden; } .uk-root .fdn-inline-split-list > * + *:before { position: absolute !important; content: "|"; left: 0.75ch; transform: translateX(-50%); } .uk-root .fdn-inline-split-list > * { display: inline-block !important; position: relative !important; padding-left: 1.5ch; margin-left: -1.5ch; margin-right: 1.5ch; margin-top: 0; margin-bottom: 0; } .uk-root .fdn-inline-sep-right:after { content: "\02022"; display: inline-block; padding-right: 0.5em; padding-left: 0.5em; } .uk-root .ev-grid-col[min-width~="1px"] .uk-child-width-1-1\@ez > * { width: 100%; } .uk-root .ev-grid-col[min-width~="1px"] .uk-child-width-1-2\@ez > * { width: 50%; } .uk-root .ev-grid-col[min-width~="1px"] .uk-child-width-1-3\@ez > * { width: calc(100% * 1 / 3.001); } .uk-root .ev-grid-col[min-width~="1px"] .uk-child-width-1-4\@ez > * { width: 25%; } .uk-root .ev-grid-col[min-width~="1px"] .uk-child-width-1-5\@ez > * { width: 20%; } .uk-root .ev-grid-col[min-width~="1px"] .uk-child-width-1-6\@ez > * { width: calc(100% * 1 / 6.001); } .uk-root .ev-grid-col[min-width~="1px"] .uk-child-width-auto\@ez > * { width: auto; } .uk-root .ev-grid-col[min-width~="1px"] .uk-child-width-expand\@ez > :not([class*='uk-width']) { flex: 1; min-width: 1px; } .uk-root .ev-grid-col[min-width~="400px"] .uk-child-width-1-1\@exs > * { width: 100%; } .uk-root .ev-grid-col[min-width~="400px"] .uk-child-width-1-2\@exs > * { width: 50%; } .uk-root .ev-grid-col[min-width~="400px"] .uk-child-width-1-3\@exs > * { width: calc(100% * 1 / 3.001); } .uk-root .ev-grid-col[min-width~="400px"] .uk-child-width-1-4\@exs > * { width: 25%; } .uk-root .ev-grid-col[min-width~="400px"] .uk-child-width-1-5\@exs > * { width: 20%; } .uk-root .ev-grid-col[min-width~="400px"] .uk-child-width-1-6\@exs > * { width: calc(100% * 1 / 6.001); } .uk-root .ev-grid-col[min-width~="400px"] .uk-child-width-auto\@exs > * { width: auto; } .uk-root .ev-grid-col[min-width~="400px"] .uk-child-width-expand\@exs > :not([class*='uk-width']) { flex: 1; min-width: 1px; } .uk-root .ev-grid-col[min-width~="640px"] .uk-child-width-1-1\@es > * { width: 100%; } .uk-root .ev-grid-col[min-width~="640px"] .uk-child-width-1-2\@es > * { width: 50%; } .uk-root .ev-grid-col[min-width~="640px"] .uk-child-width-1-3\@es > * { width: calc(100% * 1 / 3.001); } .uk-root .ev-grid-col[min-width~="640px"] .uk-child-width-1-4\@es > * { width: 25%; } .uk-root .ev-grid-col[min-width~="640px"] .uk-child-width-1-5\@es > * { width: 20%; } .uk-root .ev-grid-col[min-width~="640px"] .uk-child-width-1-6\@es > * { width: calc(100% * 1 / 6.001); } .uk-root .ev-grid-col[min-width~="640px"] .uk-child-width-auto\@es > * { width: auto; } .uk-root .ev-grid-col[min-width~="640px"] .uk-child-width-expand\@es > :not([class*='uk-width']) { flex: 1; min-width: 1px; } .uk-root .ev-grid-col[min-width~="998px"] .uk-child-width-1-1\@em > * { width: 100%; } .uk-root .ev-grid-col[min-width~="998px"] .uk-child-width-1-2\@em > * { width: 50%; } .uk-root .ev-grid-col[min-width~="998px"] .uk-child-width-1-3\@em > * { width: calc(100% * 1 / 3.001); } .uk-root .ev-grid-col[min-width~="998px"] .uk-child-width-1-4\@em > * { width: 25%; } .uk-root .ev-grid-col[min-width~="998px"] .uk-child-width-1-5\@em > * { width: 20%; } .uk-root .ev-grid-col[min-width~="998px"] .uk-child-width-1-6\@em > * { width: calc(100% * 1 / 6.001); } .uk-root .ev-grid-col[min-width~="998px"] .uk-child-width-auto\@em > * { width: auto; } .uk-root .ev-grid-col[min-width~="998px"] .uk-child-width-expand\@em > :not([class*='uk-width']) { flex: 1; min-width: 1px; } .uk-root .ev-grid-col[min-width~="1200px"] .uk-child-width-1-1\@el > * { width: 100%; } .uk-root .ev-grid-col[min-width~="1200px"] .uk-child-width-1-2\@el > * { width: 50%; } .uk-root .ev-grid-col[min-width~="1200px"] .uk-child-width-1-3\@el > * { width: calc(100% * 1 / 3.001); } .uk-root .ev-grid-col[min-width~="1200px"] .uk-child-width-1-4\@el > * { width: 25%; } .uk-root .ev-grid-col[min-width~="1200px"] .uk-child-width-1-5\@el > * { width: 20%; } .uk-root .ev-grid-col[min-width~="1200px"] .uk-child-width-1-6\@el > * { width: calc(100% * 1 / 6.001); } .uk-root .ev-grid-col[min-width~="1200px"] .uk-child-width-auto\@el > * { width: auto; } .uk-root .ev-grid-col[min-width~="1200px"] .uk-child-width-expand\@el > :not([class*='uk-width']) { flex: 1; min-width: 1px; } .uk-root .ev-grid-col[min-width~="1px"] { /* Whole */ /* Halves */ /* Thirds */ /* Quarters */ /* Fifths */ /* Sixths */ /* Sevenths */ /* Pixel */ /* Auto */ /* Expand */ } .uk-root .ev-grid-col[min-width~="1px"] .fdn-text-small\@ez { font-size: 0.875rem; } .uk-root .ev-grid-col[min-width~="1px"] .fdn-text-base\@ez { font-size: 1rem; } .uk-root .ev-grid-col[min-width~="1px"] .fdn-text-medium\@ez { font-size: 21px; } .uk-root .ev-grid-col[min-width~="1px"] .fdn-text-large\@ez { font-size: 1.5rem; } .uk-root .ev-grid-col[min-width~="1px"] .fdn-line-height-small\@ez { line-height: 1.15rem; } .uk-root .ev-grid-col[min-width~="1px"] .fdn-line-height-1\@ez { line-height: 1rem; } .uk-root .ev-grid-col[min-width~="1px"] .fdn-line-height-med\@ez { line-height: 1.33rem; } .uk-root .ev-grid-col[min-width~="1px"] .fdn-line-height-large\@ez { line-height: 1.75rem; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-1-1\@ez { width: 100%; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-1-2\@ez { width: 50%; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-1-3\@ez { width: calc(100% * 1 / 3.001); } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-2-3\@ez { width: calc(100% * 2 / 3.001); } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-1-4\@ez { width: 25%; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-3-4\@ez { width: 75%; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-1-5\@ez { width: 20%; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-2-5\@ez { width: 40%; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-3-5\@ez { width: 60%; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-4-5\@ez { width: 80%; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-1-6\@ez { width: calc(100% * 1 / 6.001); } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-5-6\@ez { width: calc(100% * 5 / 6.001); } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-1-7\@ez { width: calc(100% * 1 / 7.001); } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-small\@ez { width: 150px; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-medium\@ez { width: 300px; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-large\@ez { width: 450px; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-xlarge\@ez { width: 600px; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-xxlarge\@ez { width: 750px; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-auto\@ez { width: auto; } .uk-root .ev-grid-col[min-width~="1px"] .uk-width-expand\@ez { flex: 1; min-width: 1px; } .uk-root .ev-grid-col[min-width~="400px"] { /* Whole */ /* Halves */ /* Thirds */ /* Quarters */ /* Fifths */ /* Sixths */ /* Sevenths */ /* Pixel */ /* Auto */ /* Expand */ } .uk-root .ev-grid-col[min-width~="400px"] .fdn-text-small\@exs { font-size: 0.875rem; } .uk-root .ev-grid-col[min-width~="400px"] .fdn-text-base\@exs { font-size: 1rem; } .uk-root .ev-grid-col[min-width~="400px"] .fdn-text-medium\@exs { font-size: 21px; } .uk-root .ev-grid-col[min-width~="400px"] .fdn-text-large\@exs { font-size: 1.5rem; } .uk-root .ev-grid-col[min-width~="400px"] .fdn-line-height-small\@exs { line-height: 1.15rem; } .uk-root .ev-grid-col[min-width~="400px"] .fdn-line-height-1\@exs { line-height: 1rem; } .uk-root .ev-grid-col[min-width~="400px"] .fdn-line-height-med\@exs { line-height: 1.33rem; } .uk-root .ev-grid-col[min-width~="400px"] .fdn-line-height-large\@exs { line-height: 1.75rem; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-1-1\@exs { width: 100%; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-1-2\@exs { width: 50%; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-1-3\@exs { width: calc(100% * 1 / 3.001); } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-2-3\@exs { width: calc(100% * 2 / 3.001); } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-1-4\@exs { width: 25%; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-3-4\@exs { width: 75%; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-1-5\@exs { width: 20%; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-2-5\@exs { width: 40%; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-3-5\@exs { width: 60%; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-4-5\@exs { width: 80%; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-1-6\@exs { width: calc(100% * 1 / 6.001); } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-5-6\@exs { width: calc(100% * 5 / 6.001); } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-1-7\@exs { width: calc(100% * 1 / 7.001); } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-small\@exs { width: 150px; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-medium\@exs { width: 300px; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-large\@exs { width: 450px; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-xlarge\@exs { width: 600px; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-xxlarge\@exs { width: 750px; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-auto\@exs { width: auto; } .uk-root .ev-grid-col[min-width~="400px"] .uk-width-expand\@exs { flex: 1; min-width: 1px; } .uk-root .ev-grid-col[min-width~="640px"] { /* Line height */ /* Whole */ /* Halves */ /* Thirds */ /* Quarters */ /* Fifths */ /* Sixths */ /* Sevenths */ /* Pixel */ /* Auto */ /* Expand */ } .uk-root .ev-grid-col[min-width~="640px"] .fdn-text-small\@es { font-size: 0.875rem; } .uk-root .ev-grid-col[min-width~="640px"] .fdn-text-base\@es { font-size: 1rem; } .uk-root .ev-grid-col[min-width~="640px"] .fdn-text-medium\@es { font-size: 21px; } .uk-root .ev-grid-col[min-width~="640px"] .fdn-text-large\@es { font-size: 1.5rem; } .uk-root .ev-grid-col[min-width~="640px"] .fdn-line-height-small\@es { line-height: 1.15rem; } .uk-root .ev-grid-col[min-width~="640px"] .fdn-line-height-1\@es { line-height: 1rem; } .uk-root .ev-grid-col[min-width~="640px"] .fdn-line-height-med\@es { line-height: 1.33rem; } .uk-root .ev-grid-col[min-width~="640px"] .fdn-line-height-large\@es { line-height: 1.75rem; } .uk-root .ev-grid-col[min-width~="640px"] .uk-flex-wrap\@es { flex-wrap: wrap; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-1-1\@es { width: 100%; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-1-2\@es { width: 50%; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-1-3\@es { width: calc(100% * 1 / 3.001); } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-2-3\@es { width: calc(100% * 2 / 3.001); } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-1-4\@es { width: 25%; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-3-4\@es { width: 75%; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-1-5\@es { width: 20%; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-2-5\@es { width: 40%; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-3-5\@es { width: 60%; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-4-5\@es { width: 80%; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-1-6\@es { width: calc(100% * 1 / 6.001); } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-5-6\@es { width: calc(100% * 5 / 6.001); } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-1-7\@es { width: calc(100% * 1 / 7.001); } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-small\@es { width: 150px; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-medium\@es { width: 300px; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-large\@es { width: 450px; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-xlarge\@es { width: 600px; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-xxlarge\@es { width: 750px; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-auto\@es { width: auto; } .uk-root .ev-grid-col[min-width~="640px"] .uk-width-expand\@es { flex: 1; min-width: 1px; } .uk-root .ev-grid-col[min-width~="998px"] { /* Whole */ /* Halves */ /* Thirds */ /* Quarters */ /* Fifths */ /* Sixths */ /* Sevenths */ /* Pixel */ /* Auto */ /* Expand */ } .uk-root .ev-grid-col[min-width~="998px"] .fdn-text-small\@em { font-size: 0.875rem; } .uk-root .ev-grid-col[min-width~="998px"] .fdn-text-base\@em { font-size: 1rem; } .uk-root .ev-grid-col[min-width~="998px"] .fdn-text-medium\@em { font-size: 21px; } .uk-root .ev-grid-col[min-width~="998px"] .fdn-text-large\@em { font-size: 1.5rem; } .uk-root .ev-grid-col[min-width~="998px"] .fdn-line-height-small\@em { line-height: 1.15rem; } .uk-root .ev-grid-col[min-width~="998px"] .fdn-line-height-1\@em { line-height: 1rem; } .uk-root .ev-grid-col[min-width~="998px"] .fdn-line-height-med\@em { line-height: 1.33rem; } .uk-root .ev-grid-col[min-width~="998px"] .fdn-line-height-large\@em { line-height: 1.75rem; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-1-1\@em { width: 100%; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-1-2\@em { width: 50%; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-1-3\@em { width: calc(100% * 1 / 3.001); } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-2-3\@em { width: calc(100% * 2 / 3.001); } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-1-4\@em { width: 25%; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-3-4\@em { width: 75%; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-1-5\@em { width: 20%; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-2-5\@em { width: 40%; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-3-5\@em { width: 60%; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-4-5\@em { width: 80%; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-1-6\@em { width: calc(100% * 1 / 6.001); } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-5-6\@em { width: calc(100% * 5 / 6.001); } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-1-7\@em { width: calc(100% * 1 / 7.001); } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-small\@em { width: 150px; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-medium\@em { width: 300px; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-large\@em { width: 450px; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-xlarge\@em { width: 600px; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-xxlarge\@em { width: 750px; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-auto\@em { width: auto; } .uk-root .ev-grid-col[min-width~="998px"] .uk-width-expand\@em { flex: 1; min-width: 1px; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] { /* Whole */ /* Halves */ /* Thirds */ /* Quarters */ /* Fifths */ /* Sixths */ /* Pixel */ /* Auto */ /* Expand */ } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .fdn-text-small\@el { font-size: 0.875rem; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .fdn-text-base\@el { font-size: 1rem; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .fdn-text-medium\@el { font-size: 21px; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .fdn-text-large\@el { font-size: 1.5rem; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .fdn-line-height-small\@el { line-height: 1.15rem; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .fdn-line-height-1\@el { line-height: 1rem; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .fdn-line-height-med\@el { line-height: 1.33rem; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .fdn-line-height-large\@el { line-height: 1.75rem; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-1-1\@el { width: 100%; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-1-2\@el { width: 50%; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-1-3\@el { width: calc(100% * 1 / 3.001); } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-2-3\@el { width: calc(100% * 2 / 3.001); } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-1-4\@el { width: 25%; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-3-4\@el { width: 75%; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-1-5\@el { width: 20%; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-2-5\@el { width: 40%; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-3-5\@el { width: 60%; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-4-5\@el { width: 80%; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-1-6\@el { width: calc(100% * 1 / 6.001); } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-5-6\@el { width: calc(100% * 5 / 6.001); } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-small\@el { width: 150px; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-medium\@el { width: 300px; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-large\@el { width: 450px; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-xlarge\@el { width: 600px; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-xxlarge\@el { width: 750px; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-auto\@el { width: auto; } .uk-root .ev-grid-col[min-width~="@breakpoint-large"] .uk-width-expand\@el { flex: 1; min-width: 1px; } @media (min-width: 640px) { .uk-root .uk-width-1-11\@s { width: calc(100% * 1/11.001); } .uk-root .uk-width-2-11\@s { width: calc(100% * 2/11.001); } .uk-root .uk-width-3-11\@s { width: calc(100% * 3/11.001); } .uk-root .uk-width-4-11\@s { width: calc(100% * 4/11.001); } .uk-root .uk-width-5-11\@s { width: calc(100% * 5/11.001); } .uk-root .uk-width-6-11\@s { width: calc(100% * 6/11.001); } .uk-root .uk-width-7-11\@s { width: calc(100% * 7/11.001); } .uk-root .uk-width-8-11\@s { width: calc(100% * 8/11.001); } .uk-root .uk-width-9-11\@s { width: calc(100% * 9/11.001); } .uk-root .uk-width-10-11\@s { width: calc(100% * 10/11.001); } } .uk-root .uk-padding-xsmall { padding: 5px; } .uk-root .uk-padding-xsmall-right { padding-right: 5px !important; } .uk-root .uk-padding-xsmall-left { padding-left: 5px !important; } .uk-root .uk-padding-xsmall-top { padding-top: 5px !important; } .uk-root .uk-padding-xsmall-bottom { padding-bottom: 5px !important; } .uk-root .uk-padding-small-right { padding-right: 9px !important; } .uk-root .uk-padding-small-left { padding-left: 9px !important; } .uk-root .uk-padding-small-top { padding-top: 9px !important; } .uk-root .uk-padding-small-bottom { padding-bottom: 9px !important; } .uk-root sub.uk-padding-xsmall, .uk-root sup.uk-padding-xsmall { padding: 1px; } .uk-root .uk-margin-xsmall { margin: 5px 0; } .uk-root .uk-margin-xsmall-top { margin-top: 5px !important; } .uk-root .uk-margin-xsmall-bottom { margin-bottom: 5px !important; } .uk-root .uk-margin-xsmall-left { margin-left: 5px !important; } .uk-root .uk-margin-xsmall-right { margin-right: 5px !important; } .uk-root .uk-position-xsmall { max-width: calc(100% - (5px * 2)); margin: 5px; } .uk-root .uk-position-xsmall.uk-position-center { transform: translate(-50%, -50%) translate(-5px, -5px); } .uk-root .uk-position-xsmall[class*='uk-position-center-left'], .uk-root .uk-position-xsmall[class*='uk-position-center-right'] { transform: translateY(-50%) translateY(-5px); } .uk-root .uk-position-xsmall.uk-position-top-center, .uk-root .uk-position-xsmall.uk-position-bottom-center { transform: translateX(-50%) translateX(-5px); } .uk-root .fdn-share-icon-facebook, .uk-root .fdn-login-icon-facebook, .uk-root .fdn-follow-us-link-facebook .uk-icon, .uk-root .uk-icon-button[uk-icon*="facebook"] { color: #fff; background-color: #3b5998; } .uk-root .fdn-share-icon-facebook:hover, .uk-root .fdn-login-icon-facebook:hover, .uk-root .fdn-follow-us-link-facebook .uk-icon:hover, .uk-root .uk-icon-button[uk-icon*="facebook"]:hover { color: #fff; background-color: #3b5998; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-facebook { color: #3b5998; background-color: #fff; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-facebook:hover { color: #3b5998; background-color: #fff; } .uk-root .fdn-share-icon-twitter, .uk-root .fdn-login-icon-twitter, .uk-root .fdn-follow-us-link-twitter .uk-icon, .uk-root .uk-icon-button[uk-icon*="twitter"] { color: #fff; background-color: #1da1f2; } .uk-root .fdn-share-icon-twitter:hover, .uk-root .fdn-login-icon-twitter:hover, .uk-root .fdn-follow-us-link-twitter .uk-icon:hover, .uk-root .uk-icon-button[uk-icon*="twitter"]:hover { color: #fff; background-color: #1da1f2; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-twitter { color: #1da1f2; background-color: #fff; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-twitter:hover { color: #1da1f2; background-color: #fff; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-youtube { color: #ff0000; background-color: #fff; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-youtube:hover { color: #ff0000; background-color: #fff; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-linkedin { color: #0077b5; background-color: #fff; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-linkedin:hover { color: #0077b5; background-color: #fff; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-tiktok { min-width: 23px; min-height: 24px; background-color: #fff; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-tiktok > span { position: absolute; z-index: 1; text-align: center; display: flex; align-items: center; justify-content: center; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-tiktok > span.tiktok-pink { color: #ff0050; transform: translate(1px, 1px); } .uk-root .fdn-icon-button-smaller.fdn-icon-button-tiktok > span.tiktok-aqua { color: #00f2ea; transform: translate(-1px, -1px); } .uk-root .fdn-icon-button-smaller.fdn-icon-button-tiktok > span.tiktok-black { color: #000; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-tiktok:hover { background-color: #fff; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-link, .uk-root .fdn-icon-button-smaller.fdn-icon-button-email { color: #111; background-color: #fff; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-link:hover, .uk-root .fdn-icon-button-smaller.fdn-icon-button-email:hover { color: #111; background-color: #fff; } .uk-root .fdn-share-icon-google, .uk-root .fdn-login-icon-google, .uk-root .uk-icon-button[uk-icon*="google"] { color: #fff; background-color: #dd4b39; } .uk-root .fdn-share-icon-google:hover, .uk-root .fdn-login-icon-google:hover, .uk-root .uk-icon-button[uk-icon*="google"]:hover { color: #fff; background-color: #dd4b39; } .uk-root .fdn-share-icon-pinterest, .uk-root .fdn-login-icon-pinterest { color: #fff; background-color: #bd081c; } .uk-root .fdn-share-icon-pinterest:hover, .uk-root .fdn-login-icon-pinterest:hover { color: #fff; background-color: #bd081c; } .uk-root .fdn-share-icon-reddit, .uk-root .fdn-login-icon-reddit, .uk-root .uk-icon-button[uk-icon*="reddit"] { color: #fff; background-color: #ff4502; } .uk-root .fdn-share-icon-reddit:hover, .uk-root .fdn-login-icon-reddit:hover, .uk-root .uk-icon-button[uk-icon*="reddit"]:hover { color: #fff; background-color: #ff4502; } .uk-root .fdn-share-icon-nextdoor { max-height: 28px; } .uk-root .fdn-follow-us-link-pinterest .uk-icon, .uk-root .uk-icon-button[uk-icon*="pinterest"] { color: #fff; background-color: #bd081c; } .uk-root .fdn-follow-us-link-pinterest .uk-icon svg, .uk-root .uk-icon-button[uk-icon*="pinterest"] svg { pointer-events: none; } .uk-root .fdn-share-icon-instagram, .uk-root .fdn-login-icon-instagram, .uk-root .fdn-follow-us-link-instagram .uk-icon, .uk-root .uk-icon-button[uk-icon*="instagram"] { color: #fff; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } .uk-root .fdn-share-icon-instagram:hover, .uk-root .fdn-login-icon-instagram:hover, .uk-root .fdn-follow-us-link-instagram .uk-icon:hover, .uk-root .uk-icon-button[uk-icon*="instagram"]:hover { color: #fff; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } .uk-root .fdn-icon-button-smaller.fdn-icon-button-instagram { color: #fff; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); padding: 3px; min-width: 1px; width: 20px; height: 20px; box-sizing: border-box; border-radius: 6px; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-instagram svg { max-width: 90%; } .uk-root .fdn-icon-button-smaller.fdn-icon-button-instagram:hover { color: #fff; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } .uk-root .comp-author-bio .uk-grid > div, .comp-author-bio.uk-root .uk-grid > div { min-width: 100px; } .uk-root .comp-author-bio .uk-grid > div > a, .comp-author-bio.uk-root .uk-grid > div > a { display: inline-flex; align-items: center; } .uk-root .comp-author-bio .uk-grid > div.uk-first-column .fdn-icon-button-smaller, .comp-author-bio.uk-root .uk-grid > div.uk-first-column .fdn-icon-button-smaller { margin-left: 0; } .uk-root .comp-author-bio .fdn-icon-button-smaller, .comp-author-bio.uk-root .fdn-icon-button-smaller { width: auto; height: auto; min-width: 23px; font-size: 1.2rem; margin: 0 8px; } .uk-root .comp-author-bio .fdn-icon-button-smaller + .fdn-icon-button-text, .comp-author-bio.uk-root .fdn-icon-button-smaller + .fdn-icon-button-text { font-size: 1rem; } .uk-root .comp-author-bio .fdn-icon-button-smaller.fdn-icon-button-instagram, .comp-author-bio.uk-root .fdn-icon-button-smaller.fdn-icon-button-instagram { padding: 3px; min-width: 1px; width: 20px; height: 20px; box-sizing: border-box; border-radius: 6px; } .uk-root .comp-author-bio .fdn-icon-button-smaller.fdn-icon-button-instagram svg, .comp-author-bio.uk-root .fdn-icon-button-smaller.fdn-icon-button-instagram svg { max-width: 90%; } .uk-root .comp-author-bio .fdn-icon-button-smaller.fdn-icon-button-instagram:hover, .comp-author-bio.uk-root .fdn-icon-button-smaller.fdn-icon-button-instagram:hover { color: #fff; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } @media (max-width: 560px) { .uk-root .comp-author-bio .uk-grid > div { min-width: 18px; } .uk-root .comp-author-bio .uk-grid > div .fdn-icon-button-smaller { min-width: 18px; margin: 0 4px; } .uk-root .comp-author-bio .uk-grid > div .fdn-icon-button-smaller.fdn-icon-button-tiktok { min-height: 20px; } .uk-root .comp-author-bio .uk-grid > div .fdn-icon-button-text { display: none; } } .uk-root [fdn-share-button-facebook] { order: 1; } .uk-root [fdn-share-button-twitter] { order: 1; } .uk-root [fdn-share-button-pinterest] { order: 1; } .uk-root [fdn-share-button-nextdoor] { order: 1; } .uk-root [fdn-share-button-reddit] { order: 1; } .uk-root [fdn-share-button-email] { order: 1; } .uk-root [fdn-share-button-print] { order: 1; } .uk-root [fdn-share-button-favorite] { order: 1; } .uk-root .fdn-vertical-bar-tools .fdn-tool-link { display: block; padding: 5px 9px; background: #fff; } .uk-root .fdn-vertical-bar-tools .fdn-tool-link:hover { background: #eee; } .uk-root .uk-icon-button.fdn-share-icon-email, .uk-root .uk-icon-button.fdn-share-icon-comment, .uk-root .uk-icon-button.fdn-share-icon-favorite, .uk-root .uk-icon-button.fdn-share-icon-calendars, .uk-root .uk-icon-button.fdn-share-icon-print { background: #777; color: #eee; cursor: pointer; border: 0 none; } .uk-root .uk-icon-button.fdn-share-icon-email svg, .uk-root .uk-icon-button.fdn-share-icon-comment svg, .uk-root .uk-icon-button.fdn-share-icon-favorite svg, .uk-root .uk-icon-button.fdn-share-icon-calendars svg, .uk-root .uk-icon-button.fdn-share-icon-print svg { filter: drop-shadow(1px 1px 1px transparent); transition: 188ms ease-out; } .uk-root .uk-icon-button.fdn-share-icon-email:hover, .uk-root .uk-icon-button.fdn-share-icon-comment:hover, .uk-root .uk-icon-button.fdn-share-icon-favorite:hover, .uk-root .uk-icon-button.fdn-share-icon-calendars:hover, .uk-root .uk-icon-button.fdn-share-icon-print:hover { background: #555; color: #eee; } .uk-root .uk-icon-button.fdn-share-icon-email:hover svg, .uk-root .uk-icon-button.fdn-share-icon-comment:hover svg, .uk-root .uk-icon-button.fdn-share-icon-favorite:hover svg, .uk-root .uk-icon-button.fdn-share-icon-calendars:hover svg, .uk-root .uk-icon-button.fdn-share-icon-print:hover svg { filter: drop-shadow(1px 1px 1px #222); } .uk-root .uk-icon-button.fdn-share-icon-calendars { font-size: 0.95rem !important; } .uk-root .uk-icon-button.fdn-share-icon-calendars svg { position: relative; right: -0.03ch; top: -0.05ch; } .uk-root .uk-icon-button.fdn-share-icon-comment { font-size: 0.85rem !important; } .uk-root .uk-icon-button.fdn-share-icon-comment svg { position: relative; top: 0.14ch; right: -0.035ch; } .uk-root .uk-icon-button.fdn-tool-core-favorited { color: #fff; background-color: #d2232a; border-color: #d2232a; } .uk-root .uk-icon-button.fdn-tool-core-favorited:hover { background-color: #b9040c; border-color: #b9040c; } .uk-root .uk-open .uk-icon-button.fdn-share-icon-calendars { background: #555; color: #eee; } .uk-root .uk-open .uk-icon-button.fdn-share-icon-calendars svg { filter: drop-shadow(1px 1px 1px #222); } .uk-root .fdn-follow-us-link { transition: 222ms; filter: brightness(1); } .uk-root .fdn-follow-us-link:hover { filter: brightness(0.8); text-decoration: none; } .uk-root .fdn-follow-us-link .uk-icon { padding: 5px; border-radius: 5px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .uk-root .uk-icon-button[uk-icon*="link"], .uk-root .uk-icon-button[uk-icon*="heart"], .uk-root .uk-icon-button[uk-icon*="mail"], .uk-root .uk-icon-button[uk-icon*="comment"] { color: #000; background-color: #fff; border: thin solid; border-color: #000; cursor: pointer; } .uk-root .uk-text-break { -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .uk-root [class*="uk-column"].uk-last-item-full-width li:last-child { column-span: all; display: block!important; } .uk-root .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { margin: 0 2px 0 5px; } .uk-root input.uk-input[type=file] { max-width: 100%; width: 100%; padding: 10px!important; background: #fff; color: #666; border: 1px solid #e5e5e5; transition: 0.2s ease-in-out; transition-property: color, background-color, border; height: auto; font-size: 12px; cursor: pointer; } .uk-root .fdn-text-xsmall { font-size: 0.75rem; } .uk-root .fdn-text-small { font-size: 0.875rem; } .uk-root .fdn-text-base { font-size: 1rem; } .uk-root .fdn-text-medium { font-size: 21px; } .uk-root .fdn-text-large { font-size: 1.5rem; } .uk-root .fdn-font-zero { font-size: 0; } .uk-root .fdn-text-ludicrously-small { font-size: 0.1rem; } .uk-root .uk-text-xsmall { font-size: 0.75rem; line-height: 1.25; } .uk-root .fdn-line-height-xlarge { line-height: 2rem; } .uk-root .fdn-line-height-large { line-height: 1.75rem; } .uk-root .fdn-line-height-med { line-height: 1.33rem; } .uk-root .fdn-line-height-base { line-height: 1.25rem; } .uk-root .fdn-line-height-small { line-height: 1.15rem; } .uk-root .fdn-line-height-1 { line-height: 1rem; } .uk-root .fdn-line-height-xsmall { line-height: 0.88rem; } .uk-root .uk-text-black { color: #000; } .uk-root .fdn-border-thin { border: 1px solid; } .uk-root .fdn-border-med { border: 3px solid; } .uk-root .fdn-border-thick { border: 5px solid; } .uk-root .fdn-border-color-black { border-color: #000; } .uk-root .fdn-border-thin-top { border-top: 1px solid; border-top: 1.1px solid; border-top: thin solid; } .uk-root .fdn-border-thin-right { border-right: 1px solid; } .uk-root .fdn-border-thin-bottom { border-bottom: 1px solid; border-bottom: 1.1px solid; border-bottom: thin solid; } .uk-root .fdn-border-thin-left { border-left: 1px solid; } .uk-root .fdn-border-med-top { border-top: 3px solid; } .uk-root .fdn-border-med-right { border-right: 3px solid; } .uk-root .fdn-border-med-bottom { border-bottom: 3px solid; } .uk-root .fdn-border-med-left { border-left: 3px solid; } .uk-root .fdn-border-thick-top { border-top: 5px solid; } .uk-root .fdn-border-thick-right { border-right: 5px solid; } .uk-root .fdn-border-thick-bottom { border-bottom: 5px solid; } .uk-root .fdn-border-thick-left { border-left: 5px solid; } .uk-root .fdn-border-top-none { border-top: none!important; } .uk-root .fdn-border-bottom-none { border-bottom: none!important; } .uk-root .fdn-border-left-none { border-left: none!important; } .uk-root .fdn-border-right-none { border-right: none!important; } .uk-root .fdn-border-color-light { border-color: #e5e5e5; } .uk-root .fdn-border-color-med { border-color: #999; } .uk-root .fdn-border-color-dark { border-color: #333; } .uk-root .fdn-border-color-primary { border-color: #444; } .uk-root .fdn-border-rounded-top-left { border-top-left-radius: 5px; } .uk-root .fdn-border-rounded-top-right { border-top-right-radius: 5px; } .uk-root .fdn-border-rounded-bottom-right { border-bottom-right-radius: 5px; } .uk-root .fdn-border-rounded-bottom-left { border-bottom-left-radius: 5px; } .uk-root [class^="FeaturesIcons"] span { display: inline-flex; vertical-align: text-bottom; text-indent: -9999rem; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain; } .uk-root .inlineEdit { font-size: 15px!important; display: inline-block; padding: 3px 5px; font-weight: 700; background: #eee; color: #af0000; box-shadow: 0px 0px 1px 0px #000; border-radius: 3px; transition: linear 180ms; line-height: 1.05; } .uk-root .inlineEdit:hover { background: #ddd; } @media (min-width: 640px) { .uk-root .uk-visible-toggle:not(:hover):not(.uk-hover) .uk-hidden-hover\@s:not(:focus) { position: absolute !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } } .uk-root .Leader.SiteSearchModalOnly { margin: 0!important; } .uk-root .FeaturesIcons { display: inline-block; } .uk-root span.inlineEdit { display: none; } .uk-root .uk-radio, .uk-root .uk-checkbox { border-color: #333; } .uk-root .fdn-input-short { height: 25px!important; } .uk-root select.fdn-input-short { background-size: 25px!important; } .uk-root .fdn-textarea-short { height: 60px; } .uk-root .uk-textarea { min-height: 40px; } .uk-root .uk-form-icon-flip ~ input.fdn-button-submit.uk-input { padding-right: 35px!important; } .uk-root object { max-width: 100%; display: block; margin: 9px auto; } .uk-root audio { display: block; margin: auto; outline: none; /* this is the user-agent default that ui-kit overrides for some reason */ min-height: 54px; } .uk-root input[type=submit], .uk-root button { cursor: pointer; -webkit-appearance: none; } .uk-root input.fdn-placeholder-hide { /* FF 4-18 */ /* FF 19+ */ /* IE 10+ */ } .uk-root input.fdn-placeholder-hide:focus::-webkit-input-placeholder { color: transparent; } .uk-root input.fdn-placeholder-hide:focus:-moz-placeholder { color: transparent; } .uk-root input.fdn-placeholder-hide:focus::-moz-placeholder { color: transparent; } .uk-root input.fdn-placeholder-hide:focus:-ms-input-placeholder { color: transparent; } .uk-root [data-content-type="ad"] { overflow: hidden !important; } .uk-root .gsc-search-button svg { max-width: none; } .uk-root .cse .gsc-control-cse, .uk-root .gsc-control-cse { padding: 1em 0!important; } .uk-root .gsc-webResult .gsc-result { box-sizing: border-box; } .uk-root .gcsc-more-maybe-branding-root a * { color: #888; fill: #888; } .uk-root .fdnDropCap { font-size: 50px; line-height: 1; float: left; margin: 0 5px 5px 0; font-style: normal!important; font-weight: 400!important; text-transform: uppercase; } .uk-root .ev-loading { position: relative !important; } .uk-root .ev-loader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 18px 18px; background: rgba(255, 255, 255, 0.8); } .uk-root .uk-open > .uk-accordion-title::before { background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' xmlns='http://www.w3.org/2000/svg'%3E %3Crect fill='%23666' width='13' height='1' x='0' y='6' /%3E %3C/svg%3E"); } .uk-root .uk-clear-both { clear: both; } .uk-root :hover strike { text-decoration: line-through !important; } .uk-root .fdn-hide-for-air { display: none; } .uk-root .fdn-no-click, .uk-root .fdn-no-click a { pointer-events: none; } .uk-root div#PasswordReset fieldset.loginFields { width: 300px; margin: auto; border: none; text-align: right; } .uk-root div#PasswordReset fieldset.loginFields label[for*="PasswordReset"] { display: block; font-weight: 700; text-align: left; } .uk-root div#PasswordReset fieldset.loginFields input[id*="PasswordReset-email"] { padding: 0 10px; height: 40px; background: #fff; color: #222; border: 1px solid #e5e5e5; transition: 0.2s ease-in-out; transition-property: color, background-color, border; width: 100%; box-sizing: border-box; } .uk-root div#PasswordReset fieldset.loginFields input.loginSubmit { background-color: #444; color: #fff; display: inline-block; box-sizing: border-box; padding: 7px 18px; vertical-align: middle; appearance: none; border: none; text-transform: uppercase; margin-top: 10px; } .uk-root .uk-animation-fade { -webkit-animation-name: uk-fade; animation-name: uk-fade; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; } body[id*="tacker"] .uk-root, body#indexAPIStacker .uk-root, body#stackerpublishAdmin .uk-root, body#stackerAdmin .uk-root { font-family: 'PT Sans', Helvetica, Arial, sans-serif; width: 100%; max-width: 980px; margin: auto; box-sizing: border-box; min-height: calc(100vh - 55px); position: relative; } body[id*="tacker"] .uk-root [publish-spinner], body#indexAPIStacker .uk-root [publish-spinner], body#stackerpublishAdmin .uk-root [publish-spinner], body#stackerAdmin .uk-root [publish-spinner] { width: 600px !important; } body[id*="tacker"] .uk-root [publish-overlay], body#indexAPIStacker .uk-root [publish-overlay], body#stackerpublishAdmin .uk-root [publish-overlay], body#stackerAdmin .uk-root [publish-overlay] { background: #ffffffd1; } body[id*="tacker"] .uk-root .publish-progress-info-block, body#indexAPIStacker .uk-root .publish-progress-info-block, body#stackerpublishAdmin .uk-root .publish-progress-info-block, body#stackerAdmin .uk-root .publish-progress-info-block { padding: 10px; background: #900; color: #fff; min-height: 120px; margin-top: 10px; } body[id*="tacker"] .uk-root .publish-progress-info-publishing, body#indexAPIStacker .uk-root .publish-progress-info-publishing, body#stackerpublishAdmin .uk-root .publish-progress-info-publishing, body#stackerAdmin .uk-root .publish-progress-info-publishing { color: #fff; font-size: 1.2rem; font-weight: 700; min-width: 150px; } body[id*="tacker"] .uk-root .publish-progress-info-publishing p:after, body#indexAPIStacker .uk-root .publish-progress-info-publishing p:after, body#stackerpublishAdmin .uk-root .publish-progress-info-publishing p:after, body#stackerAdmin .uk-root .publish-progress-info-publishing p:after { overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(4, end) 3200ms infinite; animation: ellipsis steps(4, end) 3200ms infinite; content: "\2026"; /* ascii code for the ellipsis character */ width: 0px; } @keyframes ellipsis { to { width: 1.1em; } } @-webkit-keyframes ellipsis { to { width: 1.1em; } } body[id*="tacker"] .uk-root .uk-alert, body#indexAPIStacker .uk-root .uk-alert, body#stackerpublishAdmin .uk-root .uk-alert, body#stackerAdmin .uk-root .uk-alert { font-weight: 400; } body[id*="tacker"] .uk-root .uk-alert a, body#indexAPIStacker .uk-root .uk-alert a, body#stackerpublishAdmin .uk-root .uk-alert a, body#stackerAdmin .uk-root .uk-alert a { font-weight: 700; text-decoration: none; } body[id*="tacker"] .uk-root .uk-alert a:hover, body#indexAPIStacker .uk-root .uk-alert a:hover, body#stackerpublishAdmin .uk-root .uk-alert a:hover, body#stackerAdmin .uk-root .uk-alert a:hover { text-decoration: none; color: #0046ba; } body[id*="tacker"] .uk-root:after, body#indexAPIStacker .uk-root:after, body#stackerpublishAdmin .uk-root:after, body#stackerAdmin .uk-root:after { content: ""; display: block; background: url(/foundation/images/PoweredByFoundation.svg) center no-repeat; position: absolute; left: 0; right: 0; bottom: 0px; height: 15px; } body[id*="tacker"] .uk-root div#adminWrapper, body#indexAPIStacker .uk-root div#adminWrapper, body#stackerpublishAdmin .uk-root div#adminWrapper, body#stackerAdmin .uk-root div#adminWrapper { padding: 10px; } body[id*="tacker"] .uk-root .fdn-stacker-publish-success-links-block, body#indexAPIStacker .uk-root .fdn-stacker-publish-success-links-block, body#stackerpublishAdmin .uk-root .fdn-stacker-publish-success-links-block, body#stackerAdmin .uk-root .fdn-stacker-publish-success-links-block { text-align: center; margin-top: 10px; } body[id*="tacker"] .uk-root .fdn-stacker-publish-success-links a, body#indexAPIStacker .uk-root .fdn-stacker-publish-success-links a, body#stackerpublishAdmin .uk-root .fdn-stacker-publish-success-links a, body#stackerAdmin .uk-root .fdn-stacker-publish-success-links a { display: inline-flex; justify-content: center; align-items: center; border: thin solid #900; background: #900; padding: 7px 16px; color: #fff; font-weight: 700; border-radius: 2px; transition: 188ms ease-out; min-width: 180px; box-sizing: border-box; text-align: center; } body[id*="tacker"] .uk-root .fdn-stacker-publish-success-links a:hover, body#indexAPIStacker .uk-root .fdn-stacker-publish-success-links a:hover, body#stackerpublishAdmin .uk-root .fdn-stacker-publish-success-links a:hover, body#stackerAdmin .uk-root .fdn-stacker-publish-success-links a:hover { color: #900; background: #fff; text-decoration: none; } body[id*="tacker"] .uk-root .fdn-stacker-form-select-block .fdn-interface-label, body#indexAPIStacker .uk-root .fdn-stacker-form-select-block .fdn-interface-label, body#stackerpublishAdmin .uk-root .fdn-stacker-form-select-block .fdn-interface-label, body#stackerAdmin .uk-root .fdn-stacker-form-select-block .fdn-interface-label { display: block; cursor: pointer; font-size: 1rem; line-height: 1.55; margin: 0; } body[id*="tacker"] .uk-root .fdn-stacker-back-to-main, body#indexAPIStacker .uk-root .fdn-stacker-back-to-main, body#stackerpublishAdmin .uk-root .fdn-stacker-back-to-main, body#stackerAdmin .uk-root .fdn-stacker-back-to-main { margin: 20px auto; text-align: left; width: 100%; } body[id*="tacker"] .uk-root .fdn-stacker-back-to-main a, body#indexAPIStacker .uk-root .fdn-stacker-back-to-main a, body#stackerpublishAdmin .uk-root .fdn-stacker-back-to-main a, body#stackerAdmin .uk-root .fdn-stacker-back-to-main a { display: inline-flex; align-items: center; padding: 5px 14px 5px 10px; background: #900; border: thin solid #900; border-radius: 2px; color: #fff; font-weight: 700; transition: 188ms ease-out; } body[id*="tacker"] .uk-root .fdn-stacker-back-to-main a svg, body#indexAPIStacker .uk-root .fdn-stacker-back-to-main a svg, body#stackerpublishAdmin .uk-root .fdn-stacker-back-to-main a svg, body#stackerAdmin .uk-root .fdn-stacker-back-to-main a svg { margin-right: 1ch; transition: none; } body[id*="tacker"] .uk-root .fdn-stacker-back-to-main a:hover, body#indexAPIStacker .uk-root .fdn-stacker-back-to-main a:hover, body#stackerpublishAdmin .uk-root .fdn-stacker-back-to-main a:hover, body#stackerAdmin .uk-root .fdn-stacker-back-to-main a:hover { color: #900; background: #fefefe; text-decoration: none; } body[id*="tacker"] .uk-root .fdn-stacker-publish-cancel, body#indexAPIStacker .uk-root .fdn-stacker-publish-cancel, body#stackerpublishAdmin .uk-root .fdn-stacker-publish-cancel, body#stackerAdmin .uk-root .fdn-stacker-publish-cancel, body[id*="tacker"] .uk-root .fdn-stacker-publish-link, body#indexAPIStacker .uk-root .fdn-stacker-publish-link, body#stackerpublishAdmin .uk-root .fdn-stacker-publish-link, body#stackerAdmin .uk-root .fdn-stacker-publish-link { display: inline-flex; justify-content: center; align-items: center; border: thin solid #900; background: #900; padding: 7px 16px; color: #fff; font-weight: 700; border-radius: 2px; transition: 188ms ease-out; min-width: 180px; box-sizing: border-box; } body[id*="tacker"] .uk-root .fdn-stacker-publish-cancel:hover, body#indexAPIStacker .uk-root .fdn-stacker-publish-cancel:hover, body#stackerpublishAdmin .uk-root .fdn-stacker-publish-cancel:hover, body#stackerAdmin .uk-root .fdn-stacker-publish-cancel:hover, body[id*="tacker"] .uk-root .fdn-stacker-publish-link:hover, body#indexAPIStacker .uk-root .fdn-stacker-publish-link:hover, body#stackerpublishAdmin .uk-root .fdn-stacker-publish-link:hover, body#stackerAdmin .uk-root .fdn-stacker-publish-link:hover { color: #900; background: #fff; text-decoration: none; } body[id*="tacker"] .uk-root .fdn-stacker-publish-link, body#indexAPIStacker .uk-root .fdn-stacker-publish-link, body#stackerpublishAdmin .uk-root .fdn-stacker-publish-link, body#stackerAdmin .uk-root .fdn-stacker-publish-link { background: #1f9700; border-color: #1f9700; width: 100%; } body[id*="tacker"] .uk-root .fdn-stacker-publish-link:hover, body#indexAPIStacker .uk-root .fdn-stacker-publish-link:hover, body#stackerpublishAdmin .uk-root .fdn-stacker-publish-link:hover, body#stackerAdmin .uk-root .fdn-stacker-publish-link:hover { color: #1f9700; } .uk-root .fdn-stacker-header { margin: auto auto 20px; box-sizing: border-box; text-align: left; padding: 0 10px; display: flex; align-items: center; } .uk-root .fdn-stacker-header > a { display: block; width: 220px; max-width: 33%; margin-right: 8px; } .uk-root .fdn-stacker-header p { margin: 5px 0 0 30px; flex: 1; font-weight: 700; font-size: 1.1rem; } .uk-root .fdn-stacker-header form { flex: 1; max-width: 200px; margin-left: auto; } @media (min-width: 640px) { .uk-root .fdn-stacker-header form { max-width: 300px; } } .uk-root .fdn-stacker-header .fdn-stacker-header-search-block { position: relative; } .uk-root .fdn-stacker-header .fdn-stacker-header-search-block input[type="text"] { font-size: 16px !important; transition: 188ms ease-out; position: relative; width: 100%; height: 32px; box-sizing: border-box; padding: 5px 37px 5px 5px; font-weight: 700; text-transform: uppercase; margin: 0; letter-spacing: 0.15ch; z-index: 2; outline: none; border: thin solid #333; } @media (min-width: 640px) { .uk-root .fdn-stacker-header .fdn-stacker-header-search-block input[type="text"] { font-size: 22px !important; height: 40px; padding: 5px 45px 5px 5px; } } .uk-root .fdn-stacker-header .fdn-stacker-header-search-block input[type="text"]::placeholder { color: #666; } .uk-root .fdn-stacker-header .fdn-stacker-header-search-block input[type="text"]:focus, .uk-root .fdn-stacker-header .fdn-stacker-header-search-block input[type="text"]:active { border: thin solid #900; } .uk-root .fdn-stacker-header .fdn-stacker-header-search-block button[type="submit"] { border: 0 none; text-indent: -9999rem; display: inline-block; width: 36px; height: 30px; position: absolute; right: 1px; top: 1px; bottom: 0; background: none; transition: 188ms ease-out; z-index: 5; box-shadow: inset 0 0 0 20px #fff; } @media (min-width: 640px) { .uk-root .fdn-stacker-header .fdn-stacker-header-search-block button[type="submit"] { width: 42px; height: 38px; } } .uk-root .fdn-stacker-header .fdn-stacker-header-search-block button[type="submit"]:after { content: ""; background-color: #000; position: absolute; inset: 0; -webkit-mask: url(/foundation/images/air/magnifying-glass-sharp-solid.svg) center no-repeat; mask: url(/foundation/images/air/magnifying-glass-sharp-solid.svg) center; mask-position: center; mask-repeat: no-repeat; -webkit-mask-size: 18px; mask-size: 18px; } @media (min-width: 640px) { .uk-root .fdn-stacker-header .fdn-stacker-header-search-block button[type="submit"]:after { -webkit-mask-size: 24px; mask-size: 24px; } } .uk-root .fdn-stacker-header .fdn-stacker-header-search-block button[type="submit"]:hover { box-shadow: inset 0 0 0 20px #900; } .uk-root .fdn-stacker-header .fdn-stacker-header-search-block button[type="submit"]:hover:after { background: #fff; } .uk-root .fdn-stacker-nav-block { margin: 0 auto 20px; box-sizing: border-box; } .uk-root .fdn-stacker-nav-block a { font-size: 1.1rem; font-weight: 700; color: #333; display: inline-flex; align-items: center; justify-content: center; padding: 3px 10px; transition: 188ms ease-out; border-radius: 2px; } .uk-root .fdn-stacker-nav-block a:hover { text-decoration: none; background: #900; color: #fff; } .uk-root .fdn-stacker-nav-block .selected a { text-decoration: none; background: #900; color: #fff; } .uk-root .fdn-stacker-listing-block { text-align: left; margin: auto auto 30px; width: 100%; box-sizing: border-box; } .uk-root .fdn-stacker-listing-block .fdn-stacker-search-results-header { font-weight: 900; font-size: 1.3rem; margin: 0 12px 12px; border-bottom: thin solid #ddd; width: 100%; display: flex; flex-wrap: wrap; align-items: center; padding: 6px 0; } @media (min-width: 640px) { .uk-root .fdn-stacker-listing-block .fdn-stacker-search-results-header { font-size: 1.6rem; } } .uk-root .fdn-stacker-listing-block .fdn-stacker-search-results-header span { color: #900; } .uk-root .fdn-stacker-listing-block .fdn-stacker-search-results-header .fdn-stacker-search-results-header-clear { display: inline-flex; justify-content: center; align-items: center; padding: 1px 5px; font-size: 0.9rem; position: relative; top: 4px; margin: auto 0 8px auto; border: thin solid #9c9c9c; font-weight: 400; transition: 188ms ease-out; } @media (min-width: 640px) { .uk-root .fdn-stacker-listing-block .fdn-stacker-search-results-header .fdn-stacker-search-results-header-clear { top: 1px; } } .uk-root .fdn-stacker-listing-block .fdn-stacker-search-results-header .fdn-stacker-search-results-header-clear:before { content: ""; background-color: #999; margin: auto 5px auto auto; -webkit-mask: url(/foundation/images/air/circle-xmark-regular.svg) center no-repeat; mask: url(/foundation/images/air/circle-xmark-regular.svg) center; mask-position: center; mask-repeat: no-repeat; width: 14px; height: 14px; border-radius: 500px; -webkit-mask-size: 13px; mask-size: 13px; position: relative; top: 0.05ch; } .uk-root .fdn-stacker-listing-block .fdn-stacker-search-results-header .fdn-stacker-search-results-header-clear:hover { color: #fff; background: #900; border-color: #900; } .uk-root .fdn-stacker-listing-block .fdn-stacker-search-results-header .fdn-stacker-search-results-header-clear:hover:before { background: #fff; } .uk-root .fdn-stacker-listing-block .fdn-stacker-search-results-no-results { margin: 12px; font-size: 1.1rem; } .uk-root .fdn-stacker-listing-block a:hover { text-decoration: none; } .uk-root .fdn-stacker-listing-block .fdn-stacker-publish-back-block { flex: none; width: 100%; margin-top: 12px; } .uk-root .fdn-stacker-listing-block .fdn-stacker-publish-back-block .fdn-stacker-publish-back { display: inline-flex; justify-content: center; align-items: center; border: thin solid #900; background: #900; padding: 7px 16px; color: #fff; font-weight: 700; border-radius: 2px; transition: 188ms ease-out; min-width: 80px; box-sizing: border-box; } .uk-root .fdn-stacker-listing-block .fdn-stacker-publish-back-block .fdn-stacker-publish-back span { display: inline-flex; align-items: center; justify-content: center; width: 8px; height: 23px; margin-right: 0.7ch; } .uk-root .fdn-stacker-listing-block .fdn-stacker-publish-back-block .fdn-stacker-publish-back svg { font-size: 1.3rem; } .uk-root .fdn-stacker-listing-block .fdn-stacker-publish-back-block .fdn-stacker-publish-back:hover { color: #900; background: #fff; text-decoration: none; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing-instructions { margin: 15px 12px; font-size: 1.15rem; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing-instructions b { color: #900; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing { user-select: none; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing + .fdn-stacker-listing { padding-top: 15px; margin-top: 15px; border-top: thin solid #ddd; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-listing-image { position: relative; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-listing-image img { background: #ddd; position: relative; z-index: 11; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-listing-image .fdn-stacker-listing-image-count { position: absolute; background: #3a3a3ab3; color: #fff; font-size: 12px; right: 0; bottom: 0; display: inline-flex; padding: 2px 4px; align-items: center; justify-content: center; z-index: 12; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 1px #2223; pointer-events: none; user-select: none; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-article-link { padding: 12px; border-radius: 1px; box-shadow: 1px 1px 4px -1px #0000; transition: 188ms ease-out; background: #fff; align-items: flex-start; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-article-link:hover { background: #eee; box-shadow: 0 0 4px 0px #33333370; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-listing-text { margin-top: 15px; padding-top: 0; } @media (min-width: 640px) { .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-listing-text { padding-left: 20px; margin-top: 0px; } } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-listing-text .fdn-stacker-listing-category { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; margin: 0; color: #900; line-height: 1.05; letter-spacing: 0.15ch; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-listing-text .fdn-stacker-listing-headline { padding: 0; margin: 8px 0 0; border: 0 none; font-weight: 700; color: #000; line-height: 1.05; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-listing-text .fdn-stacker-listing-description { margin: 8px 0 0; color: #555; font-size: 1.1rem; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-listing-text .fdn-stacker-listing-date { color: #888; margin: 15px 0 0; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-publish-block { display: flex; justify-content: center; align-items: center; padding-left: 0; margin-top: 10px; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-publish-block form { box-sizing: border-box; width: 180px; } @media (min-width: 640px) { .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-publish-block { padding-left: 8px; margin-top: 0px; } } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-publish-block .fdn-stacker-form-block { padding: 0 12px; } @media (min-width: 640px) { .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-publish-block .fdn-stacker-form-block { padding: 12px 0 0; } } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-publish-block .fdn-stacker-form-publish.fdn-stacker-form-publish-confirm { margin-top: 12px; } .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-publish-block .fdn-stacker-form-publish.fdn-stacker-form-publish-confirm .fdn-stacker-publish-cancel, .uk-root .fdn-stacker-listing-block .fdn-stacker-listing .fdn-stacker-publish-block .fdn-stacker-form-publish.fdn-stacker-form-publish-confirm .fdn-stacker-publish-link { min-width: 0; } .uk-root .fdn-stacker-page-nav { max-width: 700px; margin: auto; box-sizing: border-box; } .uk-root .fdn-stacker-page-nav .fdn-page-navigation-block .fdn-page-navigation-page.fdn-page-navigation-page.fdn-page-navigation-page { border-color: #444; margin: 0; min-width: 20px; min-height: 20px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; font-size: 16px; } .uk-root .fdn-stacker-page-nav .fdn-page-navigation-block .fdn-page-navigation-prev-next { font-size: 16px; min-height: 20px; border-color: #444; box-sizing: border-box; padding: 4px 9px 5px; } .uk-root .fdn-stacker-page-nav .fdn-page-navigation-block .fdn-page-navigation-prev-next .uk-icon { position: relative; top: 1px; } .uk-root .fdn-stacker-content-listing + .fdn-stacker-content-listing { margin-top: 25px; padding-top: 25px; border-top: thin solid #dedede; } .uk-root .fdn-stacker-content-listing p:first-child { margin-top: 1rem !important; } .uk-root .fdn-stacker-content-listing p:last-of-type { margin-bottom: 0 !important; } .uk-root .fdn-stacker-content-listing .fdn-stacker-content-body img[src*='pixel.gif'] { position: absolute; left: -9999rem; top: -9999rem; } .uk-root .uk-list.uk-list-small > li:nth-child(n+2), .uk-root .uk-list.uk-list-small > li > ul { margin-top: 3px; } .uk-root .comp-content-searchresultsdynamic .ev-loading { position: relative !important; } .uk-root .comp-content-searchresultsdynamic .ev-loader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 18px 18px; background: rgba(255, 255, 255, 0.8); } .uk-root .comp-event-searchresultsdynamic .ev-loading { position: relative !important; } .uk-root .comp-event-searchresultsdynamic .ev-loader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 18px 18px; background: rgba(255, 255, 255, 0.8); } .uk-root .comp-location-locationresultsmap .ol-popup .category, .uk-root .comp-location-locationresultsmap .ol-popup .neighborhoodgroup, .uk-root .comp-location-locationresultsmap .ol-popup .neighborhood { display: none; } .uk-root .comp-location-locationresultsmap .ol-popup .name { margin-bottom: 0.5em; } .uk-root .comp-location-locationresultsmap .ol-popup img.teaser { float: left; margin: 0 0.5em 0.5em 0; } .uk-root .comp-location-locationresultsmap .ol-popup .more { display: block; text-align: right; font-size: 0.8em; font-weight: bold; margin-top: 0.5em; } .uk-root .comp-location-locationresultsmaphideable .ol-popup .category, .uk-root .comp-location-locationresultsmaphideable .ol-popup .neighborhoodgroup, .uk-root .comp-location-locationresultsmaphideable .ol-popup .neighborhood { display: none; } .uk-root .comp-location-locationresultsmaphideable .ol-popup .name { margin-bottom: 0.5em; } .uk-root .comp-location-locationresultsmaphideable .ol-popup img.teaser { float: left; margin: 0 0.5em 0.5em 0; } .uk-root .comp-location-locationresultsmaphideable .ol-popup .more { display: block; text-align: right; font-size: 0.8em; font-weight: bold; margin-top: 0.5em; } .uk-root .comp-location-locationresultsmaphideable .fdn-map-hider { height: 80px; position: relative; overflow: hidden; } .uk-root .comp-location-locationresultsmaphideable .fdn-map-hider .comp-location-locationresultsmap { transform: translateY(-50%); } .uk-root .comp-location-locationresultsmaphideable .fdn-map-hider.open { height: auto; } .uk-root .comp-location-locationresultsmaphideable .fdn-map-hider.open .fdn-map-overlay { display: none; } .uk-root .comp-location-locationresultsmaphideable .fdn-map-hider.open .comp-location-locationresultsmap { transform: none; } .uk-root .comp-location-locationresultsmaphideable .fdn-map-hider.open .fdn-show-map-button { display: none; } .uk-root .comp-location-locationresultsmaphideable .fdn-map-hider.open .fdn-hide-map-button { display: block; } .uk-root .comp-location-locationresultsmaphideable .fdn-map-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, rgba(26, 26, 26, 0) 0%, rgba(0, 0, 0, 0.55) 100%); } .uk-root .comp-location-locationresultsmaphideable .fdn-show-map-button { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); /* 1 */ width: max-content; max-width: 100%; /* 1 */ margin: 0; /* 2 */ border: none; /* 3 */ overflow: visible; /* 4 */ font: inherit; color: inherit; /* 5 */ text-transform: none; /* 6 */ display: inline-block; box-sizing: border-box; padding: 0 18px; vertical-align: middle; font-size: 0.875rem; /* 7 */ line-height: 38px; /* 8 */ text-align: center; /* 9 */ text-decoration: none; text-transform: uppercase; transition: 0.1s ease-in-out; transition-property: color, background-color, border-color; background-color: transparent; color: #333; border: 1px solid #e5e5e5; background-color: #fff; white-space: nowrap; width: auto; } .uk-root .comp-location-locationresultsmaphideable .fdn-hide-map-button { /* 1 */ margin: 0; /* 2 */ border: none; /* 3 */ overflow: visible; /* 4 */ font: inherit; color: inherit; /* 5 */ text-transform: none; /* 6 */ display: inline-block; box-sizing: border-box; padding: 0 18px; vertical-align: middle; /* 7 */ line-height: 38px; /* 8 */ text-align: center; /* 9 */ text-decoration: none; text-transform: uppercase; transition: 0.1s ease-in-out; transition-property: color, background-color, border-color; padding: 0 9px; line-height: 28px; font-size: 0.875rem; background-color: transparent; color: #333; border: 1px solid #e5e5e5; background-color: #fff; position: absolute !important; bottom: 0; left: 0; max-width: calc(100% - (9px * 2)); margin: 9px; display: none; } .uk-root .comp-location-locationresultsmaphideable .comp-location-locationresultsmap { margin-bottom: 0 !important; } .uk-root .comp-location-searchresultsdynamic .ev-loading { position: relative !important; } .uk-root .comp-location-searchresultsdynamic .ev-loader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 18px 18px; background: rgba(255, 255, 255, 0.8); } .uk-root .comp-slideshow-searchresults .ev-loading { position: relative !important; } .uk-root .comp-slideshow-searchresults .ev-loader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 18px 18px; background: rgba(255, 255, 255, 0.8); } .uk-root .comp-poll-results .fdn-poll-item, .uk-root .comp-poll-results .fdn-poll-bar { height: 1.5rem; } .uk-root .comp-poll-results .fdn-poll-bar { transition: width 1s; width: 0; } .uk-root .comp-slideshow-searchresults .ev-loading { position: relative !important; } .uk-root .comp-slideshow-searchresults .ev-loader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 18px 18px; background: rgba(255, 255, 255, 0.8); } .uk-root .comp-slideshow-searchresults .ev-loading { position: relative !important; } .uk-root .comp-slideshow-searchresults .ev-loader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 18px 18px; background: rgba(255, 255, 255, 0.8); } .uk-root .pres-ContentListBriefToSlider .fdn-pres-wrap { transform: none !important; } @media (min-width: 640px) { .uk-root .pres-ContentListBriefToSlider .fdn-pres-wrap { transform: initial; } } .uk-root .pres-ContentListBriefToSlider .fdn-pres-list { display: block; } @media (min-width: 640px) { .uk-root .pres-ContentListBriefToSlider .fdn-pres-list { display: flex; } } .uk-root .pres-ContentListBriefToSlider .fdn-pres-list li { padding-top: 9px; border-bottom: 1px solid #e5e5e5; width: 100%; } .uk-root .pres-ContentListBriefToSlider .fdn-pres-list li:last-child { border-bottom: none; } @media (min-width: 640px) { .uk-root .pres-ContentListBriefToSlider .fdn-pres-list li { border-bottom: none; width: calc(100% * 1 / 3.001); } } .uk-root .pres-ContentListBriefToSlider .fdn-pres-content { display: flex; } @media (min-width: 640px) { .uk-root .pres-ContentListBriefToSlider .fdn-pres-content { display: block; margin-bottom: 0; } } .uk-root .pres-ContentListBriefToSlider .fdn-pres-image { margin: 0; margin-right: 9px; width: 25%; flex: 0 0 auto; } @media (min-width: 640px) { .uk-root .pres-ContentListBriefToSlider .fdn-pres-image { margin: 0; margin-bottom: 9px; width: 100%; } } .uk-root .pres-ContentListBriefToSlider .fdn-pres-nav { display: none; } @media (min-width: 640px) { .uk-root .pres-ContentListBriefToSlider .fdn-pres-nav { display: flex; } } .uk-root .pres-ContentListRectangleWithCategory { /* .fdn-pres-item:first-child { padding-top: @global-small-margin; border-top: @list-divider-border-width solid @list-divider-border; } .fdn-pres-item:last-child { padding-bottom: @global-small-margin; border-bottom: @list-divider-border-width solid @list-divider-border; } &:first-of-type .fdn-pres-item:first-child { border-top:none; } .fdn-pres-image { margin-right: @global-small-gutter; } */ } .uk-root .pres-ContentListRectangleWithCategoryAndTags { /* .fdn-pres-item:first-child { padding-top: @global-small-margin; border-top: @list-divider-border-width solid @list-divider-border; } .fdn-pres-item:last-child { padding-bottom: @global-small-margin; border-bottom: @list-divider-border-width solid @list-divider-border; } &:first-of-type .fdn-pres-item:first-child { border-top:none; } .fdn-pres-image { margin-right: @global-small-gutter; } */ } .uk-root .pres-ContentListSquareBrief .fdn-pres-image { margin-right: 9px; } .uk-root .pres-ContentSearchRectangle .fdn-pres-item:first-child { padding-top: 8px; border-top: 1px solid #e5e5e5; } .uk-root .pres-ContentSearchRectangle .fdn-pres-item:last-child { padding-bottom: 8px; border-bottom: 1px solid #e5e5e5; } .uk-root .pres-ContentSearchRectangle:first-of-type .fdn-pres-item:first-child { border-top: none; } .uk-root .pres-ContentSearchRectangle .fdn-pres-image { margin-right: 9px; } .uk-root .pres-ContentFeatureMagnum .fdn-pres-image { margin: 0; margin-bottom: 8px; } .uk-root .pres-ContentFeatureMagnum .fdn-pres-headline { margin: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #333; text-transform: none; line-height: 1.4; font-weight: bolder; line-height: 1.33rem; margin-bottom: 8px; font-size: 21px; } .uk-root .pres-ContentFeatureMagnum .fdn-pres-subhead { margin: 0 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #333; text-transform: none; font-size: 14px; line-height: 1.4; margin-bottom: 8px; line-height: 1.25rem; font-size: 1rem; } .uk-root .pres-ContentFeatureMagnum .fdn-pres-details-split { color: #999 !important; line-height: 1.15rem; font-size: 0.875rem; text-decoration: none; } .uk-root .pres-ContentFeatureMagnum .fdn-pres-sponsored { box-sizing: border-box; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 500px; vertical-align: middle; /* 1 */ background: #444; color: #fff; font-size: 0.875rem; /* 2 */ display: inline-flex; justify-content: center; align-items: center; height: auto; background: transparent; padding: 2px; box-shadow: none; border: none; font-size: inherit; font-family: Arial, Helvetica, sans-serif; color: #2E66C9; text-transform: uppercase; padding-right: 0; padding-left: 0; text-transform: uppercase !important; text-decoration: none; font-size: 0.75rem; margin: 0; margin-bottom: 5px; } .uk-root .pres-EventSearchRectangle .fdn-pres-image { margin-right: 9px; } .uk-root .pres-EventSearchRectangle .fdn-pres-content { flex: 1; margin: 0 !important; } .uk-root .pres-EventSearchRectangle .FeaturesIcons { display: none; } .uk-root .pres-ContentListTwoColumn { display: flex; flex-wrap: wrap; } .uk-root .pres-ContentListTwoColumn li.fdn-pres-item { display: inline-block; width: 100%; box-sizing: border-box; margin: 0 0 10px; padding: 0 0 10px !important; border-top: 0 none !important; border-bottom: thin solid #e5e5e5; } .uk-root .pres-ContentListTwoColumn li.fdn-pres-item p.fdn-teaser-headline { font-size: 1.2rem !important; } .uk-root .pres-ContentListTwoColumn li.fdn-pres-item:nth-of-type(even) { margin: 0 0 10px; } @media (min-width: 400px) { .uk-root .pres-ContentListTwoColumn li.fdn-pres-item:nth-of-type(even) { margin: 0 0 10px 8px; } } .uk-root .pres-ContentListTwoColumn li.fdn-pres-item .fdn-teaser-infoline { margin-bottom: 0; } .uk-root .pres-ContentListTwoColumn li.fdn-pres-item:last-child:nth-of-type(odd):nth-child(n+9) { width: 100%; } @media (min-width: 400px) { .uk-root .pres-ContentListTwoColumn li.fdn-pres-item { width: calc(50% - 8px); box-sizing: border-box; margin: 0 8px 10px 0; } } .uk-root .ev-grid-col { padding: 0 20px; } .uk-root .ev-grid-layout .ev-grid-zone { box-sizing: border-box; width: 100%; max-width: 1080px; margin: auto; } @media (min-width: 640px) { .uk-root .ev-clamp\@m .ev-grid-zone { width: 100%; } } .uk-root .grid-resp-1 .fdn-grid-main { width: 100%; max-width: 740px; } @media (min-width: 998px) { .uk-root .grid-resp-1 .fdn-grid-main { width: auto; flex: 1; } } .uk-root .grid-resp-1 .fdn-grid-sidebar { width: 100%; } @media (min-width: 998px) { .uk-root .grid-resp-1 .fdn-grid-sidebar { width: 340px; } } .uk-root a:hover { text-decoration: none; } .uk-root .fdn-component-header-block { margin-bottom: 10px; } .uk-root :root { --google-font-import: 'https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;700&display=swap'; } .uk-root .Ad.Box div div[style] { margin: auto; } .uk-root .fdn-listing-meta-data-url { display: inline-flex; align-items: center; } .uk-root .fdn-feature-infoline a, .uk-root .fdn-teaser-category a, .uk-root .fdn-feature-category a { color: #000; } .uk-root .comp-landing-sectionfeature .pres-ContentFeatureMagnum { max-width: 100%; overflow: hidden; } .uk-root .comp-landing-sectionfeature .fdn-feature-category, .uk-root .comp-landing-sectionfeature .fdn-feature-tagline { display: inline-flex; align-items: center; margin-bottom: 0 !important; } .uk-root #Category .fdn-feature-category { display: none; } .uk-root.comp-image-galleryteaser .fdn-image-browse-header-block { margin-top: 20px; margin-bottom: 5px; } .uk-root span.dropCap, .uk-root span.dropcap, .uk-root p.dropSans::first-letter, .uk-root p.dropSerif::first-letter { font-size: 50px; float: left; margin: 0; line-height: 0.8; padding-right: 2px; font-style: normal!important; font-weight: 400!important; text-transform: uppercase; } .uk-root .fdnDropCap { display: block; float: left; font-size: 5em; margin: 20px 10px; font-weight: 700; line-height: 0.5em; } .uk-root .ev-grid-zone.ev-header-zone { width: 100% !important; max-width: 1101px; z-index: 1000; } .uk-root .ev-grid-zone.ev-header-zone > .ev-grid-col { width: 100% !important; max-width: none; padding: 0; margin: auto; } .uk-root .SiteHeaderGrid { background: #000; width: 100%; padding-top: 0px; } @media (min-width: 998px) { } .uk-root .SiteHeaderGrid .fdn-site-header-flex { width: 1080px; margin: auto; max-width: 100%; padding: 5px; box-sizing: border-box; } .uk-root .SiteHeaderGrid .fdn-site-header-nav { flex: 1; width: auto; padding-left: 10px; } .uk-root .SiteHeaderGrid .fdn-site-header-nav li.fdn-sticky-home-link { display: none !important; } .uk-root .SiteHeaderGrid .fdn-site-header-nav-toggle { width: 54px; } .uk-root .SiteHeaderGrid .fdn-site-header-logo-block { margin: 0 auto; flex: 1; justify-content: center; align-items: flex-end; } .uk-root .SiteHeaderGrid .fdn-site-header-logo { width: auto; flex: 1; padding-left: 0; max-width: 330px; min-width: 1px; } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-logo { flex: none; padding-left: 3px; max-width: 220px; } } .uk-root .SiteHeaderGrid .fdn-site-header-logo .uk-logo { position: relative; display: flex; align-items: center; } .uk-root .SiteHeaderGrid .fdn-site-header-logo .uk-logo div:first-child { width: 50px; height: 50px; bottom: 0; } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-logo .uk-logo div:first-child { position: relative; left: 0; bottom: -10px; z-index: 9999; } } .uk-root .SiteHeaderGrid .fdn-site-header-logo .uk-logo div:last-child { flex: 1; padding-right: 5px; margin: auto 0 0; } .uk-root .SiteHeaderGrid .fdn-site-header-logo .uk-logo img.uk-logo-first { width: 100%; box-sizing: border-box; } .uk-root .SiteHeaderGrid .fdn-site-header-logo .uk-logo img.uk-logo-second { max-height: none; width: 100%; box-sizing: border-box; padding: 0 0 2px; } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-logo .uk-logo img.uk-logo-second { max-height: 34px; width: auto; } } .uk-root .SiteHeaderGrid .fdn-site-header-search-toggle { order: 99; width: 54px; min-width: 54px; } .uk-root .SiteHeaderGrid .fdn-site-header-login { padding: 0 8px; } .uk-root .SiteHeaderGrid .fdn-site-header-login ul { padding: 0; margin: 0; } .uk-root .SiteHeaderGrid .fdn-site-header-login .fdn-nav-parent a.fdn-user-login-link { font-size: 20px; transition: 188ms ease-out; } .uk-root .SiteHeaderGrid .fdn-site-header-login .fdn-nav-parent a.fdn-user-login-link [uk-icon='chevron-left'] { transition: 188ms ease-out; } .uk-root .SiteHeaderGrid .fdn-site-header-login .fdn-nav-parent a.fdn-user-login-link.uk-open [uk-icon='chevron-left'] { transform: rotate(-90deg); } .uk-root .SiteHeaderGrid .fdn-site-search-input-block { border: none; } .uk-root .SiteHeaderGrid .fdn-site-search-input-block .uk-search-default { display: flex; align-items: center; } .uk-root .SiteHeaderGrid .fdn-site-search-input-block .fdn-site-search-input { border: none; height: auto; padding: 0 0 0 8px; } .uk-root .fdn-custom-logo-tagline { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; line-height: 1.15; color: #000; align-self: flex-end; position: relative; top: 2px; } .uk-root .fdn-site-header-social { margin-right: 5px !important; justify-content: flex-end; display: flex; flex: 1; } .uk-root .fdn-site-header-social .comp-shell-sociallinks { margin: 0; } @media (min-width: 640px) { .uk-root .fdn-site-header-social { margin-right: auto !important; } } .uk-root .fdn-site-header-social [class*='fdn-custom-social-search-login'] { margin: 0; padding: 3px; min-width: 20px; box-sizing: border-box; } .uk-root .fdn-site-header-social [class*='fdn-custom-social-search-login'] a { font-family: Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; transition: 188ms ease-out; font-size: 0.9rem; } .uk-root .fdn-site-header-social .fdn-custom-social-search-login-twitter a, .uk-root .fdn-site-header-social .fdn-custom-social-search-login-facebook a, .uk-root .fdn-site-header-social .fdn-custom-social-search-login-instagram a { text-indent: -99999rem; display: block; height: 20px; width: 20px; } .uk-root .fdn-site-header-social .fdn-custom-social-search-login-twitter a { background: url(/images/air/icons/twitter.png) center no-repeat transparent; background-size: contain; } .uk-root .fdn-site-header-social .fdn-custom-social-search-login-facebook a { background: url(/images/air/icons/facebook.svg) center no-repeat transparent; background-size: contain; } .uk-root .fdn-site-header-social .fdn-custom-social-search-login-instagram a { background: url(/images/air/icons/instagram.png) center no-repeat transparent; background-size: contain; } @media (max-width: 1079px) { .uk-root .ev-header-zone { position: sticky; top: 0; background: #fff; z-index: 3; box-shadow: 0px 2px 2px 0px #3339; } } .uk-root div#NavigationHorizontal .fdn-nav-block { background: #000; } .uk-root div#NavigationHorizontal .fdn-nav-block > ul { justify-content: space-between; } .uk-root div#NavigationHorizontal .fdn-nav-block > ul > li { display: inline-flex; flex: initial; } .uk-root div#NavigationHorizontal .fdn-nav-parent.fdn-nav-parent > a:before { display: none; } .uk-root div#NavigationHorizontal .fdn-nav-parent.fdn-nav-parent .fdn-site-search-dropdown li, .uk-root div#NavigationHorizontal .fdn-nav-parent.fdn-nav-parent .fdn-nav-dropdown li { overflow: hidden; } .uk-root div#NavigationHorizontal .fdn-nav-parent.fdn-nav-parent .fdn-site-search-dropdown a, .uk-root div#NavigationHorizontal .fdn-nav-parent.fdn-nav-parent .fdn-nav-dropdown a { padding: 5px; font-weight: 700; transition: 188ms ease-out; } .uk-root div#NavigationHorizontal .fdn-nav-parent.fdn-nav-parent .fdn-site-search-dropdown a:hover, .uk-root div#NavigationHorizontal .fdn-nav-parent.fdn-nav-parent .fdn-nav-dropdown a:hover { padding: 5px 1px 5px 16px; } .uk-root div#NavigationHorizontal .uk-navbar-nav .fdn-nav-parent.fdn-nav-parent:hover > a { background: #0046ba; color: #fff; } .uk-root div#NavigationHorizontal .uk-navbar-nav .fdn-nav-parent.fdn-nav-parent > a { transition: 188ms ease-out; color: #fff; } .uk-root div#NavigationHorizontal .uk-navbar-nav .fdn-nav-parent.fdn-nav-parent > a:hover { background: #0046ba; color: #fff; } .uk-root div#NavigationHorizontal li#SupportUs a { background: #efa015; border-radius: 8px; color: #000; font-weight: 700; padding: 1px 6px; transition: 188ms ease-out; } .uk-root div#NavigationHorizontal li#SupportUs a:hover { background: #0046ba; color: #fff; } .uk-root .uk-offcanvas-bar .fdn-nav-parent.fdn-nav-parent a { color: #000; } .uk-root .uk-offcanvas-bar .fdn-nav-parent.fdn-nav-parent .fdn-nav-item a:hover { color: #fff; } .uk-root .uk-offcanvas-bar .fdn-nav-parent.fdn-nav-parent:not(.uk-open) > a:hover { background: none; color: #000; } .uk-root .uk-offcanvas-bar .fdn-nav-parent.fdn-nav-parent[class*='fdn-nav-login'] a { justify-content: flex-start; } .uk-root .uk-offcanvas-bar .fdn-nav-parent.fdn-nav-parent[class*='fdn-nav-login'] a svg { margin-right: 5px; } .uk-root .comp-landing-latestandhomefeature h2 { text-transform: uppercase; font-weight: 700; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-item-category { color: #000; margin: 0 0 10px; text-transform: uppercase; display: none; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-item-category .fdn-latest-stories-and-home-feature-latest-item-category-sponsored { background: #0046ba; color: #fff; display: inline-flex; align-items: center; padding: 0px 4px; font-weight: 700; line-height: 1.2; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-feature-block { padding-left: 0; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-feature-block a { align-items: center; } @media (min-width: 640px) { .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-feature-block { padding-left: 10px; } } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-feature-block .fdn-latest-stories-and-home-feature-feature-block-text { margin-top: 12px; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-feature-block .fdn-latest-stories-and-home-feature-feature-block-text .fdn-latest-stories-and-home-feature-feature-block-description { font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; font-size: 1.25rem; color: #000; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-feature-block .fdn-latest-stories-and-home-feature-feature-block-text .fdn-latest-stories-and-home-feature-feature-block-description .fdn-latest-stories-and-home-feature-feature-block-byline { font-family: Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 400; display: block; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block { padding-right: 0; border-right: none; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block h2 { margin-bottom: 10px; font-size: 1.1rem; display: none; } @media (min-width: 640px) { .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block h2 { display: block; } } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block h2 a { color: #000; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block h2 a:hover { color: #0046ba; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block h3.fdn-teaser-headline { margin-bottom: 3px; } @media (min-width: 640px) { .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block { padding-right: 10px; } } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block .fdn-latest-stories-and-home-feature-latest-column + .fdn-latest-stories-and-home-feature-latest-column { border-top: 1px solid #000; padding: 15px 0 0; margin: 15px 0; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block .fdn-latest-stories-and-home-feature-latest-column:first-of-type { border-top: 1px solid #000; padding: 15px 0 0; margin: 15px 0; } @media (min-width: 640px) { .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block .fdn-latest-stories-and-home-feature-latest-column:first-of-type { border-top: none; padding: 0; margin: 0; } } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block .fdn-latest-stories-and-home-feature-latest-column:last-child { margin-bottom: 0; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block .fdn-latest-stories-and-home-feature-latest-column a:hover { text-decoration: none; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block .fdn-latest-stories-and-home-feature-latest-column .fdn-latest-stories-and-home-feature-latest-item-byline { color: #000; font-weight: 400; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block .fdn-latest-stories-and-home-feature-latest-column .fdn-latest-stories-and-home-feature-latest-item-byline:hover { color: #0046ba; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block .fdn-more-link { color: #000; font-weight: 700; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block .fdn-more-link:hover { color: #0046ba; } .uk-root .comp-landing-latestandhomefeature .fdn-latest-stories-and-home-feature-latest-block .uk-margin-small.uk-clearfix.uk-text-right { margin-bottom: 4px; } .uk-root div#site-nav-target .fdn-sticky-home-link { opacity: 1; pointer-events: auto; position: static; width: auto; height: auto; } .uk-root div#site-nav-target [data-label="username"].uk-text-left { margin-right: auto; } .uk-root div#site-nav-target .uk-icon[uk-icon*='chevron'] { transition: 188ms ease-out; } .uk-root .comp-landing-sectionblocks .fdn-section-block-feature h3 { font-size: 2.2rem; margin-bottom: 3px; margin-top: 15px; } @media (min-width: 640px) { .uk-root .comp-landing-sectionblocks .fdn-section-block-feature h3 { font-size: 19px; } } .uk-root .comp-landing-sectionblocks .fdn-component-header-block { margin-top: 25px !important; padding-top: 24px; border-top: thin solid #000; } .uk-root .comp-landing-sectionblocks .fdn-component-header-block:first-of-type { margin-top: 0 !important; } .uk-root .comp-landing-sectionblocks a { color: #000; } .uk-root .comp-landing-sectionblocks a:hover { text-decoration: none; } .uk-root .comp-landing-sectionblocks .fdn-section-block-teasers { padding-left: 0; } @media (min-width: 640px) { .uk-root .comp-landing-sectionblocks .fdn-section-block-teasers { padding-left: 15px; } } .uk-root .comp-landing-sectionblocks .fdn-section-block-teasers h3.fdn-teaser-headline { font-size: 19px; margin-bottom: 3px; } .uk-root .comp-landing-sectionblocks .fdn-section-block-teasers .fdn-teaser-sponsored-tag { color: #0046ba; } .uk-root .comp-landing-sectionblocks .fdn-section-block-teasers .fdn-section-block-teaser + .fdn-section-block-teaser { border-top: 1px solid #000; padding: 13px 0 0; margin: 15px 0; } .uk-root .comp-landing-sectionblocks .fdn-section-block-teasers .fdn-section-block-teaser:first-of-type { border-top: 1px solid #000; padding: 15px 0 0; margin: 15px 0; } @media (min-width: 640px) { .uk-root .comp-landing-sectionblocks .fdn-section-block-teasers .fdn-section-block-teaser:first-of-type { border-top: none; padding: 0; margin: 0; } } .uk-root .comp-landing-sectionblocks .fdn-section-block-teasers .fdn-section-block-teaser:last-child { margin-bottom: 0; } .uk-root .ev-footer-zone { padding: 0 !important; } .uk-root .ev-footer-zone .ev-grid-col { padding: 0; } .uk-root .fdn-custom-footer-block-content-wrap { width: 90%; box-sizing: border-box; margin: auto; } @media (min-width: 998px) { .uk-root .fdn-custom-footer-block-content-wrap { width: 100%; } } .uk-root .fdn-custom-footer-block-content-column-left { font-size: 11px; padding: 9px; } .uk-root .fdn-custom-footer-block-link-block-row { flex-wrap: wrap; } @media (min-width: 640px) { .uk-root .fdn-custom-footer-block-link-block-row { flex-wrap: nowrap; } } .uk-root .fdn-custom-footer-block-link-block .fdn-custom-footer-block-link-block-column li a { font-size: 12px; color: #000; line-height: 1.2; display: block; } .uk-root .fdn-custom-footer-block-link-block .fdn-custom-footer-block-link-block-column:last-of-type { display: flex !important; } .uk-root .fdn-custom-footer-block-link-block .fdn-custom-footer-block-link-block-column:last-of-type ul { display: flex; flex-wrap: wrap; flex-direction: column; } .uk-root .fdn-custom-footer-block-link-block .fdn-custom-footer-block-link-header { font-weight: 700; } @media (max-width: 998px) { .uk-root .fdn-custom-footer-block-link-block .fdn-custom-footer-block-link-block-column:last-of-type ul { flex-direction: row; justify-content: center; } .uk-root .fdn-custom-footer-block-link-block .fdn-custom-footer-block-link-block-column:last-of-type ul li { margin-top: 5px !important; } } .uk-root .comp-shell-footercopyright, .uk-root .comp-shell-footernavigation { width: 100%!important; background: #000; box-sizing: border-box; color: #fff; } .uk-root .comp-shell-footernavigation, .uk-root .comp-shell-footercopyright { padding: 1rem; margin: 0 !important; } .uk-root .fdn-custom-footer-block-social-links a { font-size: 1.1rem; margin-right: 3px; } .uk-root .fdn-custom-footer-block-social-links .fdn-custom-footer-block-twitter { color: #1da1f2; } .uk-root .fdn-custom-footer-block-social-links .fdn-custom-footer-block-facebook { color: #3b5998; } .uk-root .fdn-custom-footer-block-contact-info.uk-list { display: flex; flex-wrap: wrap; flex-direction: column; } .uk-root .fdn-custom-footer-block-contact-info.uk-list li { margin-top: 2px !important; line-height: 1.33; color: #000; } .uk-root .fdn-custom-footer-block-contact-info.uk-list li a[href*='mailto'] { color: #0046ba; } .uk-root .fdn-custom-footer-block-logo-social-block { justify-content: center; } @media (min-width: 640px) { .uk-root .fdn-custom-footer-block-logo-social-block { justify-content: space-between; } } @media (min-width: 998px) { .uk-root .fdn-custom-footer-block-logo-social-block { justify-content: flex-start; } } .uk-root .fdn-custom-footer-block-logo-social-block .fdn-custom-footer-block-logo { text-indent: -99999rem; display: block; background: url(/images/air/logos/coastLogoBlack.png) 0 0 no-repeat; height: 40px; background-size: contain; margin-bottom: 10px !important; } .uk-root .fdn-custom-footer-block-member-associations-block p { font-weight: 700; color: #000; } .uk-root .fdn-custom-footer-block-member-associations-block .fdn-custom-footer-block-member-associations { align-items: center; } .uk-root .fdn-custom-footer-block-member-associations-block .fdn-custom-footer-block-member-associations a { max-width: 100px; padding: 4px; display: inline-flex; flex: 1; align-items: center; } .uk-root .fdn-custom-footer-block-member-associations-block .fdn-custom-footer-block-member-associations a.fdn-custom-footer-block-member-association-ccnow { max-width: 40px; } .uk-root .fdn-custom-footer-block-member-associations-block .fdn-custom-footer-block-member-associations a.fdn-custom-footer-block-member-association-ccnow img { width: 30px; height: auto; } .uk-root .GlobalFooter .fdn-ad-container { background: none; padding: 1rem; } .uk-root [id^="div-gpt-ad-box"] > div:before { content: 'Advertisement'; text-align: center; text-transform: uppercase; display: block; background: white; color: #999999; font-size: 10px; } .uk-root .fdn-footer-navigation.fdn-footer-navigation li { flex: none; flex: unset; line-height: 1; border: none; text-transform: uppercase; padding: 0 20px; margin: 4px; } .uk-root .fdn-copyright-link { -moz-filter: brightness(2); -webkit-filter: brightness(2); filter: brightness(2); } .uk-root .comp-issue-pastissues { border-bottom: thin solid #333; box-shadow: 0px 2px 0px -1px #bfbfbf; } .uk-root .comp-issue-pastissues .fdn-custom-past-issue-header { display: flex; align-items: center; padding: 0 20px; margin: 0; } .uk-root .comp-issue-pastissues .fdn-custom-past-issue-header a { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 2rem; font-weight: 700; line-height: 1; letter-spacing: -2px; white-space: nowrap; } @media (min-width: 840px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issue-header a { font-size: 2.5rem; } } .uk-root .comp-issue-pastissues .fdn-custom-past-issue-header a span { display: inline-flex; background: #d73026; border-radius: 500px; height: 23px; width: 23px; vertical-align: middle; align-items: center; justify-content: center; color: #fff; margin-left: 6px; } .uk-root .comp-issue-pastissues .fdn-custom-past-issue-header a span svg { transform: scale(1.2); } .uk-root .comp-issue-pastissues .fdn-custom-past-issue-header a:hover { color: #0046ba; text-decoration: none; } .uk-root .comp-issue-pastissues .fdn-custom-past-issue-header a:hover span { background: #0046ba; } .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block { display: flex; position: relative; bottom: 0; padding: 20px 0 0; width: 470px; max-width: 100%; overflow: hidden; height: 110px; margin: 0 0 0 auto; pointer-events: none; } @media (min-width: 840px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block { pointer-events: auto; } } .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block:hover li:not(:hover) { opacity: 0.33; z-index: 0; } .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li { list-style: none; position: absolute; width: 80px; box-sizing: border-box; min-width: 80px; transition: 188ms ease-out; z-index: 1; cursor: pointer; transform-origin: bottom left; pointer-events: none; } @media (min-width: 840px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li { width: 110px; pointer-events: auto; } } .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(1) { right: 93px; bottom: -13%; transform: rotate(-5deg); } @media (min-width: 400px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(1) { right: 160px; } } @media (min-width: 840px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(1) { right: 285px; } } .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(2) { right: 73px; bottom: -21%; transform: rotate(0deg); } @media (min-width: 400px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(2) { right: 133px; } } @media (min-width: 840px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(2) { right: 252px; } } .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(3) { right: 47px; bottom: -15%; transform: rotate(-7deg); } @media (min-width: 400px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(3) { right: 92px; } } @media (min-width: 840px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(3) { right: 212px; } } .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(4) { right: 16px; bottom: -17%; transform: rotate(-7deg); } @media (min-width: 400px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(4) { right: 76px; } } @media (min-width: 840px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(4) { right: 160px; } } .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(5) { right: 0px; bottom: -13%; transform: rotate(-6deg); } @media (min-width: 400px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(5) { display: block; right: 56px; } } @media (min-width: 840px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(5) { right: 110px; } } .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(6) { right: 0px; bottom: -7%; transform: rotate(8deg); display: none; } @media (min-width: 400px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(6) { display: block; right: 34px; } } @media (min-width: 840px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(6) { right: 89px; } } .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(7) { right: 5px; bottom: -9%; transform: rotate(9deg); display: none; } @media (min-width: 400px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(7) { display: block; right: 5px; } } @media (min-width: 840px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(7) { right: 50px; } } .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(8) { right: 0; bottom: -20%; transform: rotate(-5deg); display: none; } @media (min-width: 640px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(8) { display: none; } } @media (min-width: 840px) { .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(8) { display: block; } } .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:nth-of-type(n+9) { display: none; } .uk-root .comp-issue-pastissues .fdn-custom-past-issues-block li:hover { transform: rotate(-0.2deg) translate(0, -14px); } .uk-root .comp-ShellHorizontalBar { position: relative; z-index: 1; } @media (max-width: 997px) { .uk-root [data-component-id="ShareTools"] > div > div { top: 65px !important; } } .uk-root #ContentDefault .comp-content-storylayout .fdn-content-body { padding-left: 0; padding-right: 0; min-height: 230px; } @media (min-width: 640px) { .uk-root #ContentDefault .comp-content-storylayout .fdn-content-body { padding-left: 20px; padding-right: 30px; padding-top: 0; } } .uk-root #ContentDefault .comp-content-storylayout .fdn-inline-connection.uk-card-body { padding: 1rem; } .uk-root .NewsletterSignupPicoBlueLena > div { border: thin solid #0046ba; padding: 8px; } .uk-root .NewsletterSignupPicoBlueLena .PicoSignupForm { margin-top: 1rem; display: flex; } .uk-root .NewsletterSignupPicoBlueLena h3 { font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #000; font-size: 2.4rem; font-weight: 700; margin: 0; } .uk-root .NewsletterSignupPicoBlueLena p { font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; color: #000; font-size: 1.2rem; line-height: 1.1; margin: 5px auto 10px; } .uk-root .NewsletterSignupPicoBlueLena input[type='email'] { background: #fff; border: thin solid #666; font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; border-radius: 2px; padding: 2px 4px; flex: 1; margin: 0 4px 0 0; } .uk-root .NewsletterSignupPicoBlueLena button, .uk-root .NewsletterSignupPicoBlueLena input[type='submit'] { background: #efefef; border: thin solid #666; font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; border-radius: 2px; transition: 188ms ease-out; padding: 2px 8px; } .uk-root .NewsletterSignupPicoBlueLena button:hover, .uk-root .NewsletterSignupPicoBlueLena input[type='submit']:hover { background: #eaeaea; } .uk-root .comp-shell-followus { border-bottom: 2px solid #000; padding-bottom: 5px; } .uk-root .comp-shell-followus .fdn-component-header-block { margin-bottom: 0; } .uk-root .comp-shell-followus .fdn-component-header-block h3 { color: #000; font-size: 1.4rem; font-weight: 700; margin: 0; } .uk-root .comp-shell-followus .fdn-follow-us-social-block { font-size: 1.3rem; } .uk-root .comp-shell-followus .fdn-follow-us-social-block .fa-twitter { color: #1da1f2; } .uk-root .comp-shell-followus .fdn-follow-us-social-block .fa-facebook { color: #3b5998; } .uk-root .comp-shell-followus .fdn-follow-us-social-block .fa-instagram { color: #000; } .uk-root .comp-shell-followus .fdn-follow-us-social-block a { transition: 188ms ease-out; margin: 1px; } .uk-root .comp-shell-followus .fdn-follow-us-social-block a:hover { filter: brightness(1.2); } .uk-root .comp-location-updatelocationlink .fdn-update-location-link-block { padding: 0; border: 0 none; } .uk-root .comp-location-updatelocationlink .fdn-update-location-link { text-align: center; } .uk-root .comp-location-updatelocationlink .fdn-update-location-link a.fdn-update-location-link-text { transition: 188ms ease-out; display: block; padding: 8px; border: thin solid #0046ba; color: #fff; background: #0046ba; } .uk-root .comp-location-updatelocationlink .fdn-update-location-link a.fdn-update-location-link-text:hover { color: #0046ba; background: #fff; text-decoration: none; } .uk-root .ZoneA.StickyStoriesRightCol { display: block; } .uk-root .ZoneA.StickyStoriesRightCol ul.pres-ContentListHeadline { margin-top: 10px; } @media (min-width: 998px) { .uk-root .ZoneA.StickyStoriesRightCol { display: none; } } .uk-root .ZoneD.StickyStoriesRightCol ul.pres-ContentListHeadline { margin-top: 10px; } .uk-root :not([class*='ZoneA']).StickyStoriesRightCol { display: none; } @media (min-width: 998px) { .uk-root :not([class*='ZoneA']).StickyStoriesRightCol { display: block; } } .uk-root .InfoPagesLinksBox ul li a { color: #000; font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-weight: 700; } .uk-root .BlogHeaderIntro h1 { margin: 0; border-bottom: thin solid #cecece; padding-bottom: 8px; } .uk-root .BlogHeaderIntro p { margin: 5px 0 0; text-align: right; font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; font-size: 1.1rem; } .uk-root .BlogHeaderIntro p a { color: #0046ba; } .uk-root .BlogHeaderIntro p + p { text-align: left; } .uk-root .BlogHeaderIntro p:nth-of-type(2) { font-size: 1.3rem; } .uk-root .BlogHeaderIntro a[href*='Submit'] { margin: 10px 0 0; justify-content: center; align-items: center; display: inline-flex; padding: 3px 8px; background: #0046ba; color: #fff; font-family: Arial, Helvetica, sans-serif; transition: 188ms ease-out; border: thin solid #0046ba; } .uk-root .BlogHeaderIntro a[href*='Submit']:hover { background: #fff; color: #0046ba; text-decoration: none; } .uk-root .fdn-page-navigation-prev-next { transition: 188ms ease-out; } .uk-root a.fdn-best-of-category-header + ul { columns: 2; } .uk-root a.fdn-best-of-category-header + ul li { border: none !important; margin: 2px 0 !important; padding: 0 10px!important; display: inline-block; width: 100%; } .uk-root .fdn-video-spotlight-recent-videos h4 { font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; font-weight: 700; border-bottom: thin solid #cecece; line-height: 1.4ch; font-size: 1.4rem; color: #555; margin-top: 2rem; } .uk-root .fdn-video-spotlight-recent-videos ul { margin: 5px 0 0; } .uk-root .fdn-video-spotlight-recent-videos ul li a { font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; color: #333; line-height: 0.9; } .uk-root .fdn-video-spotlight-recent-videos .uk-text-right a { color: #000; font-weight: 700; } .uk-root .fdn-video-spotlight-recent-videos .uk-text-right a:hover { color: #0046ba; } .uk-root .ReviewGuidelines { padding: 10px; background: #0046ba; color: #fff; text-align: center; font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; font-size: 1.15rem; } .uk-root .ReviewGuidelines .airBitch { font-weight: 700; text-transform: uppercase; } .uk-root .ReviewGuidelines a { font-style: italic; color: #fff; } .uk-root .PressPatronAppeal { padding: 20px 20px 5px; border: 2px solid #0046ba; } .uk-root .PressPatronAppeal .fdn-component-header-block { margin-bottom: 0px; } .uk-root .PressPatronAppeal .fdn-component-header-block h3.fdn-component-header-text { font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; margin-bottom: 0px; } .uk-root .PressPatronAppeal .fdn-component-header-block h3.fdn-component-header-text:before { content: " "; background: url(/apple-touch-icon-iphone.png) left center no-repeat; display: inline-block; width: 30px; height: 30px; background-size: contain; margin-right: 5px; } .uk-root .PressPatronAppeal p { margin-left: 12px; line-height: 1.2; font-size: 1.35rem; font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif; margin-top: 12px; } .uk-root .PressPatronAppeal p a { font-weight: 700; color: #0046ba; } .uk-root .fdn-inline-connection-slideshow a.uk-display-block + div a img { max-height: 90px; width: auto; } .uk-root .comp-shell-searchheader { margin-bottom: 0 !important; } .uk-root .comp-shell-searchheader ~ .comp-content-searchcontroller { margin-top: 10px !important; } .uk-root .fdn-issue-teaser > .uk-card-body { padding: 5px 5px 10px; } .uk-root .comp-content-breadcrumb .fdn-interface-sponsored-tag { margin-top: 4px; display: inline-flex; background: #0046ba; color: #fff; padding: 0 4px; line-height: 1.2; font-weight: 700; } .uk-root .pres-ContentListRectangleWithCategory .fdn-feature-sponsored-tag { display: inline-flex !important; background: #0046ba; color: #fff; padding: 0 4px; font-weight: 700; line-height: 1.2; margin-left: 0; } .uk-root .fdn-feature-tagline.uk-margin-xsmall-bottom { margin-bottom: 0 !important; } .uk-root .comp-poll-poll .uk-card-footer { flex-direction: column-reverse; align-items: flex-end; } .uk-root .comp-poll-poll .uk-card-footer .fdn-poll-view-results-link { margin-top: 5px; } @keyframes quickFade { 0% { opacity: 0; } 100% { opacity: 1; } } .uk-root .SubmitABitchOrLove .comp-page-pageheadline h1.fdn-content-headline { font-family: "PT Serif", Georgia, Times; text-transform: uppercase; font-style: italic; font-weight: 700; font-size: 45px; } .uk-root .SubmitABitchOrLove [bitch-form], .uk-root .SubmitABitchOrLove [love-form] { animation: quickFade 388ms; } .uk-root .SubmitABitchOrLove [bitch-form] h2 span, .uk-root .SubmitABitchOrLove [love-form] h2 span { font-weight: 700; } .uk-root .SubmitABitchOrLove div#submissionComplete { font-size: 1.3rem; color: #000; } .uk-root .SubmitABitchOrLove div#submissionComplete a { color: #0046ba; font-weight: 700; } .uk-root .fdn-bitch-love-type-block { align-items: center; box-sizing: border-box; margin: 20px 0; padding: 10px 10px; background: #eee; } .uk-root .fdn-bitch-love-type-block h3 { margin: 0 8px 0 0; } .uk-root .fdn-bitch-love-type-block .fdn-bitch-love-type-row input + label { position: relative; cursor: pointer; display: flex; margin: 0 10px 0 0; font-weight: 700; font-size: 1.6rem; align-items: center; transition: 188ms ease-out; color: #0046ba; } .uk-root .fdn-bitch-love-type-block .fdn-bitch-love-type-row input + label:before { content: " "; display: block; margin: 0 6px 0 0; width: 30px; height: 30px; border: thin solid #333; box-sizing: border-box; background: #fff; transition: 188ms ease-out; box-shadow: inset 0 0 0 30px #fff; border-radius: 500px; } .uk-root .fdn-bitch-love-type-block .fdn-bitch-love-type-row input + label:hover { color: #666; } .uk-root .fdn-bitch-love-type-block .fdn-bitch-love-type-row input:checked + label:before { background: #0046ba; box-shadow: inset 0 0 0 2px #fff; } .uk-root #SubmitALetter #storysendatip-form, .uk-root div#SendaTip #storysendatip-form { box-sizing: border-box; } .uk-root #SubmitALetter #storysendatip-form button, .uk-root div#SendaTip #storysendatip-form button { margin-left: 10px; } .uk-root #SubmitALetter div#abuseFormThanks, .uk-root div#SendaTip div#abuseFormThanks, .uk-root #SubmitALetter .fdn-send-a-tip-footer, .uk-root div#SendaTip .fdn-send-a-tip-footer { margin: 10px 0; font-size: 1.1rem; color: #222; } .uk-root #SubmitALetter div#abuseFormThanks strong, .uk-root div#SendaTip div#abuseFormThanks strong, .uk-root #SubmitALetter .fdn-send-a-tip-footer strong, .uk-root div#SendaTip .fdn-send-a-tip-footer strong { font-size: 1.3rem; } .uk-root #SubmitALetter div#abuseFormThanks a, .uk-root div#SendaTip div#abuseFormThanks a, .uk-root #SubmitALetter .fdn-send-a-tip-footer a, .uk-root div#SendaTip .fdn-send-a-tip-footer a { font-weight: 700; color: #0046ba; } .uk-root #SubmitALetter .fdn-send-a-tip-footer, .uk-root div#SendaTip .fdn-send-a-tip-footer { background: #eee; padding: 10px; } .uk-root .uk-progress { transition: 188ms ease-out; } .uk-root .uk-progress[value="0"] { opacity: 0; height: 5px; } .uk-root .CitySparkEventsWidget .csTitle { font-size: 2rem; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #000; } .uk-root .RightNowonTwitter iframe { display: block !important; margin: auto !important; } :root.uk-root { --primary-color: #0046ba; --secondary-color: #0046ba66; } .uk-root .top-stories-video .carousel-info-icon img { max-width: 45px; } .uk-root .top-stories-video .carousel-info-icon img { filter: drop-shadow(1px 1px 2px #fff) !important; } .uk-root .top-stories-video .carousel-progress-block-item.uk-active, .uk-root .top-stories-video .carousel-info-text { background: var(--primary-color) !important; } .uk-root .top-stories-video .carousel-progress-block-item { border-color: var(--primary-color) !important; } .uk-root .top-stories-video .carousel-info [data-headline] a.carousel-headline { text-align: left; font-size: 17px; } .uk-root .top-stories-video .carousel-info [data-headline] a.carousel-headline:after { border-left-color: var(--primary-color) !important; filter: drop-shadow(7px 0 0 var(--secondary-color)) !important; } @media (max-width: 640px) { .uk-root .top-stories-video .carousel-info [data-headline] a.carousel-headline { font-size: 15px !important; } } .uk-root div#NewsletterSignupPicoBlueLena .HideWhenRegistered[data-pico-status="registered"], .uk-root div#NewsletterSignupPicoBlueLena .HideWhenRegistered[data-pico-status="paying"] { display: none; } .uk-root div#NewsletterSignupPicoBlueLena .ShowWhenRegistered { display: none; } .uk-root div#NewsletterSignupPicoBlueLena .ShowWhenRegistered[data-pico-status="registered"], .uk-root div#NewsletterSignupPicoBlueLena .ShowWhenRegistered[data-pico-status="paying"] { display: block; } .uk-root div#NewsletterSignupPicoBlueLena .HideWhenPaying[data-pico-status="paying"] { display: none; } .uk-root div#NewsletterSignupPicoBlueLena .ShowWhenPaying { display: none; } .uk-root div#NewsletterSignupPicoBlueLena .ShowWhenPaying[data-pico-status="paying"] { display: block; } .fdn-sponsored-content-modal-open.uk-root { overflow: hidden; } .fdn-sponsored-content-modal-open.uk-root body { overflow: hidden; } .fdn-sponsored-content-modal-open.uk-root div#SponsoredContentAgeGate { opacity: 0; } .uk-root div#fdn-restricted-content-modal, .uk-root div#fdn-sponsored-content-modal { background: #000; } .uk-root div#fdn-restricted-content-modal p, .uk-root div#fdn-sponsored-content-modal p { color: #000; } .uk-root div#fdn-restricted-content-modal .fdn-restricted-content-modal-yes, .uk-root div#fdn-sponsored-content-modal .fdn-restricted-content-modal-yes, .uk-root div#fdn-restricted-content-modal .fdn-sponsored-content-modal-yes, .uk-root div#fdn-sponsored-content-modal .fdn-sponsored-content-modal-yes { background: #ff0000; color: #fff; padding: 10px; margin-right: 10px; font-size: 14px; } .uk-root div#fdn-restricted-content-modal .fdn-restricted-content-modal-yes:hover, .uk-root div#fdn-sponsored-content-modal .fdn-restricted-content-modal-yes:hover, .uk-root div#fdn-restricted-content-modal .fdn-sponsored-content-modal-yes:hover, .uk-root div#fdn-sponsored-content-modal .fdn-sponsored-content-modal-yes:hover { background: #333; } .uk-root div#fdn-restricted-content-modal .fdn-restricted-content-modal-no, .uk-root div#fdn-sponsored-content-modal .fdn-restricted-content-modal-no, .uk-root div#fdn-restricted-content-modal .fdn-sponsored-content-modal-no, .uk-root div#fdn-sponsored-content-modal .fdn-sponsored-content-modal-no { background: #000; color: #fff; padding: 10px; text-transform: uppercase; margin-left: 10px; font-size: 14px; } .uk-root div#fdn-restricted-content-modal .fdn-restricted-content-modal-no:hover, .uk-root div#fdn-sponsored-content-modal .fdn-restricted-content-modal-no:hover, .uk-root div#fdn-restricted-content-modal .fdn-sponsored-content-modal-no:hover, .uk-root div#fdn-sponsored-content-modal .fdn-sponsored-content-modal-no:hover { background: #333; } .uk-root sup.tm { font-family: "Helvetica Neue", Helvetica, sans-serif; top: -0.3em; } /* ----------------------------------------------------------------------------- Shims to get certain UIkit elements to display properly outside of the .uk-root selector scope. ----------------------------------------------------------------------------- */ /* Fix for Foundation sites: Tooltips get appended to the body tag and end up without a .uk-root class. The Tooltip styles need to also be defined without hte .uk-root selector. The output from this doesn't appear to overlap any exisiting styles */ /* ======================================================================== Component: Inverse ========================================================================== */ /* * Implemented class depends on the general theme color * `uk-light` is for light colors on dark backgrounds * `uk-dark` is or dark colors on light backgrounds */ /* ======================================================================== Component: Tooltip ========================================================================== */ /* * 1. Hide by default * 2. Position * 3. Dimensions * 4. Style */ .uk-tooltip { /* 1 */ display: none; /* 2 */ position: absolute; z-index: 1030; /* 3 */ box-sizing: border-box; max-width: 200px; padding: 3px 6px; /* 4 */ background: #666; border-radius: 2px; color: #fff; font-size: 12px; } /* Show */ .uk-tooltip.uk-active { display: block; } /* Direction / Alignment modifiers ========================================================================== */ /* Direction */ [class*='uk-tooltip-top'] { margin-top: -10px; } [class*='uk-tooltip-bottom'] { margin-top: 10px; } [class*='uk-tooltip-left'] { margin-left: -10px; } [class*='uk-tooltip-right'] { margin-left: 10px; } /* @import (less) "../node_modules/uikit/src/less/components/modal.less"; @import (less) "../node_modules/uikit/src/less/theme/modal.less"; @import (less) "../node_modules/uikit/src/less/components/close.less"; @import (less) "../node_modules/uikit/src/less/theme/close.less"; @import (less) "../node_modules/uikit/src/less/components/flex.less"; */ /* Shims End -----------------------------------------------------------------*/