.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 ========================================================================== */ /* * 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-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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 accomidate ads */ /* 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 */ /* ==== 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 ==== */ /* 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 */ /* 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 */ /* Face! (font) */ /* min size, get a new phone if this breaks things */ /* Font Families */ font-family: 'Avalon', "Roboto", Arial, sans-serif; /* Font Families */ /* Font Weights */ /* Colors */ /* Spacings */ /* .RequiredEatingandNativeAdresponsive, [class*='AirMedRectComboInlineResults'] > div > div, [class*='AirHalfPage'], .content-multiple-item [class*='AirMediumRectangle'], .ThreeAcrossAdBlockresponsive[class*='AirMediumRectangle'], .AirMediumRectangleLatestInline[class], [class*='AirLVPLeaderboard'] */ /* end .comp-location-restaurantdirectorysearchresults */ } html.uk-root { /* 1 */ font-family: 'Avalon', "Roboto", Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; /* 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: var(--primary-color); 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, .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: 'Avalon', "Roboto", Arial, 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: 30px; } .uk-root h1 { font-size: 1.80625rem; line-height: 1.2; } .uk-root h2 { font-size: 1.53rem; line-height: 1.3; } .uk-root h3 { font-size: 1.5rem; line-height: 1.4; } .uk-root h4 { font-size: 1.25rem; line-height: 1.4; } .uk-root h5 { font-size: 16px; 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.125rem; } .uk-root h2, .uk-root .uk-h2 { font-size: 1.8rem; } } .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: 1.25rem; 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: var(--primary-color); 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: 'Avalon', "Roboto", Arial, 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: 30px; } .uk-root .uk-h1 { font-size: 1.80625rem; line-height: 1.2; } .uk-root .uk-h2 { font-size: 1.53rem; line-height: 1.3; } .uk-root .uk-h3 { font-size: 1.5rem; line-height: 1.4; } .uk-root .uk-h4 { font-size: 1.25rem; line-height: 1.4; } .uk-root .uk-h5 { font-size: 16px; 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.125rem; } .uk-root .uk-h2 { font-size: 1.8rem; } } .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: #666; } .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: #666; } .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.3em + 8px); } .uk-root .uk-list-bullet > li::before { content: ""; position: absolute; top: 0; left: 0; width: 1.3em; height: 1.3em; 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: #666; 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: #666; } .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: #666; } .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: #666; 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: #666; border-color: #e5e5e5; } .uk-root .uk-input::-ms-input-placeholder { color: #666 !important; } .uk-root .uk-input::placeholder { color: #666; } .uk-root .uk-textarea::-ms-input-placeholder { color: #666 !important; } .uk-root .uk-textarea::placeholder { color: #666; } .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: 1.25rem; } .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: #eee; border-color: transparent; } .uk-root .uk-radio:checked:focus, .uk-root .uk-checkbox:checked:focus, .uk-root .uk-checkbox:indeterminate:focus { background-color: #d5d5d5; } .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: #666; } .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: #666; 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.3; 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: #666; } .uk-root .uk-button-text:disabled::before { display: none; } .uk-root .uk-button-link { /* 1 */ padding: 0; line-height: 1.3; background: none; /* 2 */ color: #999; } .uk-root .uk-button-link:hover, .uk-root .uk-button-link:focus { color: var(--primary-color); text-decoration: underline; } .uk-root .uk-button-link:disabled { color: #666; 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: 30px; padding-bottom: 30px; } @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: 30px; padding-bottom: 30px; } .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: 30px; padding-bottom: 30px; } @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: 30px; padding-bottom: 30px; } .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: #666; 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: #666; 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.3; 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: 1.80625rem; line-height: 1.2; } @media (min-width: 998px) { .uk-root .uk-article-title { font-size: 2.125rem; } } .uk-root .uk-article-meta { font-size: 0.875rem; line-height: 1.4; color: #666; } .uk-root .uk-article-meta a { color: #666; } .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: 1.25rem; line-height: 1.4; } .uk-root .uk-comment-meta { font-size: 0.875rem; line-height: 1.4; color: #666; } .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: #666 !important; } .uk-root .uk-search-input::placeholder { color: #666; } .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: #666; } .uk-root .uk-search .uk-search-icon:hover { color: #666; } .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.125rem; } .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: #666; } .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.3em; height: 1.3em; 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: #666; } .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: #666; } .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.3; color: #666; } .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: #666; } .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: 'Avalon', "Roboto", Arial, sans-serif; /* 4 */ text-decoration: none; } .uk-root .uk-navbar-nav > li > a { color: #666; 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: #666; } .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: #666; } .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: #666; } .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: #666; 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: #666; } .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: #666; } .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: #666; } .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: #666; } .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: #666; 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: #666; } .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: #666; 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: #666; } .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: 1.25rem; 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: #666; } .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: #666; } .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: 1.8rem; 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: #666; } .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: 1.25rem; 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: 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: 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: #666; } .uk-root .uk-text-meta a { color: #666; } .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: #666 !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: 3.9em; 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: 'Avalon', "Roboto", Arial, 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: 30px; } .uk-root * + .uk-margin-medium { margin-top: 30px !important; } .uk-root .uk-margin-medium-top { margin-top: 30px !important; } .uk-root .uk-margin-medium-bottom { margin-bottom: 30px !important; } .uk-root .uk-margin-medium-left { margin-left: 30px !important; } .uk-root .uk-margin-medium-right { margin-right: 30px !important; } .uk-root .uk-margin-large { margin-bottom: 30px; } .uk-root * + .uk-margin-large { margin-top: 30px !important; } .uk-root .uk-margin-large-top { margin-top: 30px !important; } .uk-root .uk-margin-large-bottom { margin-bottom: 30px !important; } .uk-root .uk-margin-large-left { margin-left: 30px !important; } .uk-root .uk-margin-large-right { margin-right: 30px !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; } .uk-root .comp-shell-siteheader.uk-sticky { position: static !important; width: 100% !important; max-width: 100% !important; } .uk-root .fdn-site-header-flex > *:not(.fdn-site-header-logo) { display: none!important; } .uk-root .fdn-ads-inline-content-block, .uk-root .Print.Leaderboard, .uk-root .fdn-custom-footer-navigation-link-block, .uk-root .comp-shell-supportus { display: none !important; } .uk-root .ev-grid-layout { box-shadow: none !important; } .uk-root .ev-grid-zone.ev-footer-zone { background: none !important; } .uk-root * { color: #000 !important; } .uk-root a { text-decoration: underline !important; } } @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 { margin: 0; font-family: 'Lato', 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; padding: 20px 0; border-top: 10px solid #c02d32; font-size: 16px; } .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 h1 { margin: 10px 0; display: inline-flex; justify-content: center; align-items: center; background: #f3f3f3; font-family: 'Lato', 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; border-bottom: 2px solid #d6d6d6; border-top: 2px solid #d6d6d6; color: #c02d32; text-align: center; padding: 10px 50px; font-weight: 700; font-size: 32px; } .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 a { color: #222; } .uk-root #upsellreport .uk-table a:hover { color: #c02d32; } .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-ad-container { width: 100%; overflow: hidden; background: #FFF; 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: 20px; margin-bottom: -30px; /* 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: 30px; } .uk-root .fdn-ad-container.fdn-ad-container-medium-margin [data-content-type="ad"] { margin-bottom: 30px; } .uk-root .fdn-ad-container.fdn-ad-container-medium-margin.fdn-ad-container-margin-collapse-fix [data-output="placeholder"] { margin-bottom: calc(30px * 2); } .uk-root .fdn-ad-container.fdn-ad-container-medium-margin.fdn-ad-container-margin-collapse-fix [data-content-type="ad"] { margin-bottom: calc(30px * 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-body .fdn-ads-inline-content-block { margin-bottom: calc(1.4324999999999999em * -1); } .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-body .fdn-ads-inline-content-block:last-child { margin-bottom: 0; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-content-body .fdn-ads-inline-content-block { margin-bottom: calc(1.5em * -1); } .ev-grid-col[min-width~="640px"] .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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-body br + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-body b + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-body i + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-body a + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-body div br + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-body div b + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-body div i + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-body div a + .fdn-ads-inline-content-block [data-content-type="ad"] { margin-top: calc(1.4324999999999999em); } .ev-grid-col[min-width~="640px"] .uk-root .fdn-content-body br + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-content-body b + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-content-body i + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-content-body a + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-content-body div br + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-content-body div b + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-content-body div i + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .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.35em * -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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-body .fdn-ads-inline-content-block { margin-bottom: calc(1.4324999999999999em * -1); } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-body .fdn-ads-inline-content-block:last-child { margin-bottom: 0; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-body .fdn-ads-inline-content-block { margin-bottom: calc(1.5em * -1); } .ev-grid-col[min-width~="640px"] .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.35em; } .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.35em); margin-bottom: 0; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-body br + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-body b + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-body i + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-body a + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-body meta + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-body div br + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-body div b + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-body div i + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-body div a + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-body div meta + .fdn-ads-inline-content-block [data-content-type="ad"] { margin-top: calc(1.4324999999999999em); } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-body br + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-body b + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-body i + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-body a + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-body meta + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-body div br + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-body div b + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-body div i + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-body div a + .fdn-ads-inline-content-block [data-content-type="ad"], .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-body div meta + .fdn-ads-inline-content-block [data-content-type="ad"] { margin-top: calc(1.5em); } .uk-root [class*='AirHalfPage']:last-child { overflow: hidden; } .uk-root .fdn-author-bio-dropdown a, .uk-root .fdn-author-bio-link-block a { color: #666; font-size: 14px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-author-bio-dropdown a, .ev-grid-col[min-width~="400px"] .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; } .ev-grid-col[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-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-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: var(--primary-color) !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: 25.2px; line-height: 0.945; font-family: "Oswald", 'Arial Narrow', sans-serif; color: #000; text-decoration: none; text-transform: uppercase; font-weight: 300; background: none; padding: 0; box-shadow: none; border: none; border-radius: 0; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-best-of-category-header { font-size: 26.74px; line-height: 1.00275; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-best-of-category-header { font-size: 28px; line-height: 1.05; } .uk-root .fdn-best-of-category-header:hover { color: #000000; text-decoration: none; } .uk-root .fdn-best-of-category-header:visited { color: #000; text-decoration: none; } .uk-root .fdn-best-of-category-header:visited:hover { color: #000000; text-decoration: none; } .uk-root .fdn-best-of-teaser-headline { font-size: 32.4px; line-height: 0.9; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: var(--primary-color); text-decoration: none; text-transform: none; font-weight: bold; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-best-of-teaser-headline { font-size: 34.38px; line-height: 0.955; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-best-of-teaser-headline { font-size: 36px; line-height: 1; } .uk-root .fdn-best-of-teaser-headline:hover { color: #666; text-decoration: none; } .uk-root .fdn-best-of-teaser-headline:visited { color: var(--primary-color); text-decoration: none; } .uk-root .fdn-best-of-teaser-headline:visited:hover { color: #666; text-decoration: none; } .uk-root .fdn-best-of-teaser-subheadline { font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-best-of-teaser-subheadline { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-best-of-teaser-subheadline { font-size: 16px; line-height: 1.3; } .uk-root .fdn-best-of-teaser-subheadline:hover { color: #666; text-decoration: none; } .uk-root .fdn-best-of-teaser-subheadline:visited { color: #666; text-decoration: none; } .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.17; } .ev-grid-col[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.2415; } .ev-grid-col[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.3; } .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.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; color: #000; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-best-of-nav-link { font-size: 1.4325rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-best-of-nav-link { font-size: 1.5rem; line-height: 1.3; } .uk-root .fdn-best-of-nav-link.fdn-best-of-active-nav-link { padding: 1px 7px; color: var(--primary-color); 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-tight { margin-bottom: 2px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-tight { margin-bottom: 2px; } .uk-root .fdn-blog-margin-bottom { margin-bottom: 10px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-margin-bottom { margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-margin-bottom { margin-bottom: 15px; } .uk-root .fdn-blog-body { font-size: 1.125rem; line-height: 1.35; font-family: 'Serif12', Georgia, Times, serif; color: #000; margin-bottom: 0; margin-top: 0; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-body { font-size: 1.19375rem; line-height: 1.4325; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-body { font-size: 1.25rem; line-height: 1.5; } .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: var(--primary-color); } .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.1; font-family: 'Avalon', "Roboto", Arial, sans-serif; text-decoration: none; text-transform: none; font-weight: bold; margin: 0 0 0; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-headline { font-size: 34.38px; margin: 0 0 0; } .ev-grid-col[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: 'Avalon', "Roboto", Arial, sans-serif; color: #444; text-decoration: none; text-transform: none; font-weight: normal; margin-bottom: 10px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-subheadline { font-size: 19.1px; line-height: 1.19375; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-subheadline { font-size: 20px; line-height: 1.25; margin-bottom: 15px; } .uk-root .fdn-blog-infoline { font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: normal; margin-top: 0; margin-bottom: 10px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-infoline { font-size: 15.28px; line-height: 1.2415; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-infoline { font-size: 16px; line-height: 1.3; margin-bottom: 15px; } .uk-root .fdn-blog-infoline-link { font-size: 14.4px; line-height: 1.17; color: #000; margin-top: 0; margin-bottom: 10px; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #999; text-decoration: none; text-transform: none; font-weight: normal; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-infoline-link { font-size: 15.28px; line-height: 1.2415; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-infoline-link { font-size: 16px; line-height: 1.3; margin-bottom: 15px; } .uk-root .fdn-blog-infoline-link:hover { color: var(--primary-color); text-decoration: underline; } .uk-root .fdn-blog-infoline a { font-size: 14.4px; line-height: 1.17; color: #000; margin-top: 0; margin-bottom: 10px; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #999; text-decoration: none; text-transform: none; font-weight: normal; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-infoline a { font-size: 15.28px; line-height: 1.2415; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-infoline a { font-size: 16px; line-height: 1.3; margin-bottom: 15px; } .uk-root .fdn-blog-infoline a:hover { color: var(--primary-color); text-decoration: underline; } .uk-root .fdn-blog-tag { font-size: inherit; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: var(--primary-color); text-decoration: none; text-transform: none; font-weight: normal; } .uk-root .fdn-blog-tag:visited { color: var(--primary-color); 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: 15px; } .uk-root .ev-grid-col .ev-primary-zone .Blogresponsive.ShareTools.fdn-margin-vert { margin-top: 9px !important; } .uk-root .fdn-blog-blockquote { font-size: 1.125rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; padding: 0 0 0 9px; margin-left: 18px; border-left: 4px solid #e5e5e5; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-blockquote { font-size: 1.19375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-blockquote { font-size: 1.25rem; line-height: 1.3; } .uk-root .fdn-blog-body blockquote { font-size: 1.125rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; padding: 0 0 0 9px; margin-left: 18px; border-left: 4px solid #e5e5e5; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-body blockquote { font-size: 1.19375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-body blockquote { font-size: 1.25rem; line-height: 1.3; } .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: var(--primary-color); text-decoration: underline; } .uk-root .fdn-blog-link:visited:hover { color: var(--primary-color); 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: var(--primary-color); text-decoration: underline; } .uk-root .fdn-blog-body :not(blockquote) a:visited:hover { color: var(--primary-color); 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: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #999; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-tag-link { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-tag-link { font-size: 16px; line-height: 1.3; } .uk-root .fdn-blog-tag-link:visited { color: #999; text-decoration: none; } .uk-root .fdn-blog-tag-link:hover { color: var(--primary-color); text-decoration: none; } .uk-root .fdn-blog-tag-link:visited:hover { color: var(--primary-color); text-decoration: none; } .uk-root .fdn-blog-tag-label { font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-tag-label { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-tag-label { font-size: 16px; line-height: 1.3; } .uk-root .fdn-blog-permalink { font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: normal; color: #999; text-decoration: none; text-transform: none; letter-spacing: 0; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-permalink { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-permalink { font-size: 16px; line-height: 1.3; } .uk-root .fdn-blog-permalink:hover { color: var(--primary-color); text-decoration: underline; } .uk-root .fdn-blog-permalink:visited { color: #999; text-decoration: none; } .uk-root .fdn-blog-permalink:visited:hover { color: var(--primary-color); text-decoration: underline; } .uk-root .fdn-blog-archives-year-header { font-size: 1.4rem; font-family: 'Avalon', "Roboto", Arial, sans-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: 16px; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .uk-root .fdn-breadcrumb.fdn-breadcrumb li:nth-child(n+2)::before { content: "|"; } .uk-root .fdn-breadcrumb-link { font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; color: #666; text-decoration: none; text-transform: none; } .uk-root .fdn-breadcrumb-link:last-child { color: #666; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-breadcrumb-link { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-breadcrumb-link { font-size: 16px; line-height: 1.3; } .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: 14.4px; line-height: 1.17; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 300; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-breadcrumb-release-date { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-breadcrumb-release-date { font-size: 16px; line-height: 1.3; } .uk-root .fdn-button-submit { background: #fff; color: #111; font-size: 14.4px; line-height: 1.17; font-weight: 700; padding: 9px; text-transform: uppercase; box-shadow: none; border: thin solid #ccc; border-radius: 5px; outline: none; cursor: pointer; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-button-submit { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-button-submit { font-size: 16px; line-height: 1.3; } .uk-root .fdn-button-submit:hover { background: var(--primary-color); color: #fff; text-decoration: none; } .uk-root .fdn-button-submit:focus { background: var(--primary-color); 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: 14.4px; line-height: 1.17; font-weight: 700; padding: 9px; text-transform: uppercase; box-shadow: none; border: thin solid #ccc; border-radius: 5px; outline: none; cursor: pointer; height: auto; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-button-change { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-button-change { font-size: 16px; line-height: 1.3; } .uk-root .fdn-button-change:hover { background: var(--primary-color); color: #fff; text-decoration: none; } .uk-root .fdn-button-change:focus { background: var(--primary-color); 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: var(--primary-color); text-decoration: none; } .uk-root .fdn-button-link { background: #fff; color: #666; font-size: 14.4px; line-height: 1.17; 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-button-link { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-button-link { font-size: 16px; line-height: 1.3; } .uk-root .fdn-button-link:hover { background: #606060; color: #e0e0e0; text-decoration: none; } .uk-root .fdn-button-link.fdn-button-link-medium { font-size: 1.25rem; } .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.1rem; line-height: 2.2rem; } .uk-root .fdn-button-control:hover { color: #fff; background: var(--primary-color); text-decoration: none; } .uk-root .fdn-button-control:focus { color: #fff; background: var(--primary-color); } .uk-root .fdn-button-control.uk-active { background: var(--primary-color); } .uk-root .fdn-button-control-inactive { color: #ccc; } .uk-root .fdn-button-control-icon { color: #fff; } .uk-root .fdn-button-control-outline { font-size: 14.4px; color: #222; background: #ebebeb; font-weight: 700; border: thin solid; border-color: #bbbbbb; border-radius: 4px; line-height: 1.2; padding: 8px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-button-control-outline { font-size: 15.28px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-button-control-outline { font-size: 16px; } .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 .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-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; } .uk-root .fdn-button-enlarge { background: #fffa; color: #222; font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 400; padding: 2px; box-shadow: none; border: none; border-radius: 0; outline: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-button-enlarge { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-button-enlarge { font-size: 16px; line-height: 1.3; } .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-comments-header-block { background: #444; padding: 5px 10px; } .uk-root .fdn-comments-header-block .fdn-comments-header-title { margin-bottom: 5px!important; color: #fefefe; } .ev-grid-col[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: 16.8px; 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 .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: 1.125rem; } .uk-root .staffComment.uk-card { border-left: 10px solid var(--primary-color); } .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: 0.945rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 400; color: #666; text-decoration: none; text-transform: none; margin-top: 0; margin-bottom: 10px; font-size: 15px; } .ev-grid-col[min-width~="400px"] .uk-root .comp-landing-recentcomments .fdn-comment-text { font-size: 1.00275rem; line-height: 1.2415; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .comp-landing-recentcomments .fdn-comment-text { font-size: 1.05rem; line-height: 1.3; margin-bottom: 15px; } .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; } .uk-root .fdn-comment-report-comment-link { color: #666; font-weight: 400; } .uk-root .fdn-comment-report-comment-link:hover { color: var(--primary-color); } .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 .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 .fdn-content-body { font-size: 1.125rem; line-height: 1.35; font-family: 'Serif12', Georgia, Times, serif; color: #000; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-body { font-size: 1.19375rem; line-height: 1.4325; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-content-body { font-size: 1.25rem; 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: var(--primary-color); } .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: 1.375rem; line-height: 1.56; 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: 1.5em; margin-bottom: 1.5em; } .uk-root .fdn-editor-air blockquote:not(.fdn-pullquote-block), .uk-root .fdn-content-body blockquote:not(.fdn-pullquote-block) { font-size: 1.08rem; line-height: 1.35; font-family: "Roboto", Helvetica, Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; padding-left: 9px; margin-left: 18px; border-left: 4px solid #ccc; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-editor-air blockquote:not(.fdn-pullquote-block), .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-body blockquote:not(.fdn-pullquote-block) { font-size: 1.146rem; line-height: 1.4325; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-editor-air blockquote:not(.fdn-pullquote-block), .ev-grid-col[min-width~="640px"] .uk-root .fdn-content-body blockquote:not(.fdn-pullquote-block) { font-size: 1.2rem; line-height: 1.5; } .uk-root .fdn-editor-air blockquote:not(.fdn-pullquote-block) { font-size: 1.2rem; } .uk-root .fdn-content-link a { color: #999; text-decoration: none; text-transform: none; } .uk-root .fdn-content-link:hover { color: var(--primary-color); text-decoration: underline; } .uk-root .fdn-content-link:visited { color: #999; text-decoration: none; } .uk-root .fdn-content-link:visited:hover { color: var(--primary-color); text-decoration: none; } .uk-root .fdn-content-headline { font-size: 39.6px; line-height: 0.99; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-headline { font-size: 42.02px; line-height: 1.0505; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-content-headline { font-size: 44px; line-height: 1.1; } .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: 'Avalon', "Roboto", Arial, sans-serif; color: #444; text-decoration: none; text-transform: none; font-weight: 400; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-subheadline { font-size: 19.1px; } .ev-grid-col[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: 16px; line-height: 1.25; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #444; text-decoration: none; text-transform: none; font-weight: 700; margin: 5px 0 0; } .uk-root .fdn-content-infoline a { color: #444; } .uk-root .fdn-content-infoline a:hover { color: var(--primary-color); } .uk-root .ContentFullWidth .ev-grid-col .fdn-content-infoline { font-size: 17px; } .uk-root .fdn-content-info-box { background: transparent; padding: 9px 0; box-shadow: none; border: 1px solid #ccc; border-width: 1px 0 0 0; } .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: 9px; } .uk-root .fdn-content-text { font-size: 14.4px; line-height: 1.17; font-family: 'Serif12', Georgia, Times, serif; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-text { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-content-text { font-size: 16px; line-height: 1.3; } .uk-root .fdn-meta-text { font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-meta-text { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-meta-text { font-size: 16px; line-height: 1.3; } .uk-root .fdn-meta-text-alt { font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-transform: none; text-decoration: none; font-style: italic; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-meta-text-alt { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-meta-text-alt { font-size: 16px; line-height: 1.3; } .uk-root .fdn-content-author-bio a { color: var(--primary-color); 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: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-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: 24px; text-decoration: 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: 30px; } } .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: #1e1e1e; } .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: 40%; min-width: 225px; } .uk-root .fdn-pullquote-block.fdn-pullquote-block.fdn-pullquote-align-right { margin-top: 0; margin-left: 18px; float: right; width: 40%; 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.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; font-weight: normal; margin-top: 0; margin-bottom: 10px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-inline-header { font-size: 12.415px; line-height: 1.2415; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-inline-header { font-size: 13px; line-height: 1.3; margin-bottom: 15px; } .uk-root .fdn-inline-title, .uk-root .fdn-inline-title a { font-size: 1.35rem; line-height: 1.05em; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: bold; margin-top: 0; margin-bottom: 10px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-inline-title, .ev-grid-col[min-width~="400px"] .uk-root .fdn-inline-title a { font-size: 1.4325rem; line-height: 1.05em; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-inline-title, .ev-grid-col[min-width~="640px"] .uk-root .fdn-inline-title a { font-size: 1.5rem; line-height: 1.05em; margin-bottom: 15px; } .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.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; font-weight: normal; padding-left: 9px; padding-right: 9px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-inline-info-block { font-size: 12.415px; line-height: 1.2415; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-inline-info-block { font-size: 13px; line-height: 1.3; margin-bottom: 15px; } .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: #666; 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.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; font-weight: bold; margin-top: 0; margin-bottom: 5px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-inline-event-location { font-size: 12.415px; line-height: 1.2415; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-inline-event-location { font-size: 13px; line-height: 1.3; margin-bottom: 15px; } .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: 5px 0; } .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-breaking-badge-block.fdn-teaser-badge { margin-right: 5px; padding: 2px 4px; color: #fff; background-color: var(--primary-color); } .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-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.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; background: transparent; padding: 3px 5px; box-shadow: none; border: none; border-radius: 0; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-calendar-prev-next { font-size: 0.835625rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-calendar-prev-next { font-size: 0.875rem; line-height: 1.3; } .uk-root .fdn-calendar-prev-next.uk-disabled { color: #666; 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.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; font-weight: 700; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-calendar-month-text { font-size: 17.19px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-calendar-month-text { font-size: 18px; line-height: 1.3; } .uk-root .fdn-calendar-day-label { text-align: center; font-size: 10.8px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-calendar-day-label { font-size: 11.46px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-calendar-day-label { font-size: 12px; line-height: 1.3; } .uk-root .fdn-calendar-day { text-align: center; cursor: pointer; margin-top: -1px; font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-calendar-day { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-calendar-day { font-size: 16px; line-height: 1.3; } .uk-root .fdn-calendar-day:hover { color: #fff; text-decoration: none; background-color: var(--primary-color); } .uk-root .fdn-calendar-day.uk-active { color: #fff; text-decoration: none; background-color: var(--primary-color); } .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 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: 'Serif12', Georgia, Times, serif; font-size: 1.25rem; line-height: 1.5; color: #000; } .uk-root .fdn-editor-air .layoutContentFullWidth.contentBody { padding-left: 150px; padding-right: 150px; font-size: 1.375rem; line-height: 1.56; box-sizing: border-box; } .uk-root .fdn-editor-air .contentBody a, .uk-root .fdn-editor-air .slideBody a { color: var(--primary-color); } .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; } .uk-root .fdn-editor-air .contentBody { font-size: 1.25rem; 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: 15px; } .uk-root .fdn-editor-air .inlinePullquote { margin: 10px 20px 10px; padding: 20px; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-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: 30px; 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: 1.5rem; line-height: 1.15em; margin-bottom: 15px; } .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: 13px; line-height: 1.3; margin-bottom: 10px; } .uk-root .fdn-editor-air .fdn-teaser-badge { font-size: 0.875rem; line-height: 1.3; } .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: 16px; line-height: 1.3; } .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: #fff; padding: 4px 9px 4px 9px; box-shadow: none; border: none; } .uk-root .fdn-editor-air [class*="contentImage"] ul.inlineMediaInfo .imageCredit { font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; font-style: normal; align-self: flex-end; font-size: 0.875rem; line-height: 1.3; margin: 0; text-align: right !important; } .uk-root .fdn-editor-air [class*="contentImage"] ul.inlineMediaInfo .imageCaption { font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #434343; font-size: 14px; line-height: 1.1; 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-event-promo-block { background: #333; padding: 9px 18px; border: 1px solid #666; } .uk-root .fdn-event-promo-header { color: #000; line-height: 1; font-weight: 300; font-family: 'Roboto', Helvetica, Arial, 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: 'Avalon', "Roboto", Arial, sans-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 1px #000d; } .uk-root .fdn-event-promo-block .fdn-promo-teaser .uk-overlay.uk-overlay-default { background: #3339; } .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-add-event-submit-link-block { background: transparent; padding: 0; border: solid #666; border-width: 0; display: flex; 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: flex; align-items: center; flex-direction: column; border: solid #666; border-width: 1px; } .uk-root .fdn-add-event-submit-link-text { font-size: 1rem; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 700; color: #666; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-add-event-submit-link-text:hover { color: #666; } .uk-root .fdn-add-event-upgrade-list.fdn-add-event-upgrade-list li.fdn-pres-item { border-color: #666; } .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; } .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 #666; 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: 1.25rem; 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: var(--primary-color); font-weight: 700; } .uk-root .fdn-add-event-success-list a:hover { text-decoration: underline; } .uk-root .fdn-add-event-error-item { font-size: 1.25rem; } .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; } .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; } .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: 100%; 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; } .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(1.5rem - 0px) !important; margin-bottom: 4px!important; } .uk-root .comp-location-pastevents .fdn-teaser-headline a { font-size: calc(1.5rem - 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: #666 !important; font-size: 13px; font-weight: 400; vertical-align: top; } .uk-root .pres-EventListStacked .fdn-separated-list li a.uk-active { color: var(--primary-color); } .uk-root .fdn-calendar-event-links-block { justify-content: center; width: 100%; line-height: 1; margin: 0; padding: 0 0 12px; border-bottom: 3px solid #efefef; } .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 #666 !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: var(--primary-color); } .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: 480px) { .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: 480px) { .uk-root .pres-EventListSwappable .fdn-EventListSwappable-image-block.uk-flex-last\@xs { padding: 0 0 0 9px; } } .uk-root .fdn-feature-tight { margin-bottom: 3px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-feature-tight { margin-bottom: 3px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-feature-tight { margin-bottom: 3px; } .uk-root .fdn-feature-margin-bottom { margin-bottom: 6px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-feature-margin-bottom { margin-bottom: 7px; } .ev-grid-col[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.17; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-feature-tagline { font-size: 0.835625rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-feature-tagline { font-size: 0.875rem; line-height: 1.3; } .uk-root .fdn-feature-category { display: none; order: 2; font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #444; text-decoration: none; text-transform: none; font-weight: 400; margin-top: 0; margin-bottom: 6px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-feature-category { font-size: 15.28px; line-height: 1.2415; margin-bottom: 7px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-feature-category { font-size: 16px; line-height: 1.3; margin-bottom: 8px; } .uk-root .fdn-feature-headline { display: block; order: 3; font-size: 26px; line-height: 1.15em; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; margin-top: 0; margin-bottom: 6px; } @media (min-width: 400px) { .uk-root .fdn-feature-headline { font-size: 24px; line-height: 1.15em; margin-bottom: 7px; } } @media (min-width: 640px) { .uk-root .fdn-feature-headline { font-size: 23px; line-height: 1.15em; margin-bottom: 8px; } } .uk-root .fdn-feature-headline:hover, a:hover .uk-root .fdn-feature-headline { color: #666; text-decoration: none; } .uk-root .fdn-feature-headline:visited { color: #fff; text-decoration: none; } .uk-root .fdn-feature-headline:visited:hover { color: #666; text-decoration: none; } .uk-root .fdn-feature-subheadline { display: block; order: 4; font-size: 13.5px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; margin-top: 0; margin-bottom: 6px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-feature-subheadline { font-size: 14.325px; line-height: 1.2415; margin-bottom: 7px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-feature-subheadline { font-size: 15px; line-height: 1.3; margin-bottom: 8px; } .uk-root .fdn-feature-infoline { display: flex; order: 5; font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #444; text-decoration: none; text-transform: none; font-weight: 400; margin-top: 0; margin-bottom: 6px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-feature-infoline { font-size: 15.28px; line-height: 1.2415; margin-bottom: 7px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-feature-infoline { font-size: 16px; line-height: 1.3; margin-bottom: 8px; } .uk-root .fdn-feature-infoline time { font-weight: 400; } .uk-root .fdn-feature-summary { display: none; order: 6; font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 400; margin-top: 0; margin-bottom: 6px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-feature-summary { font-size: 15.28px; line-height: 1.2415; margin-bottom: 7px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-feature-summary { font-size: 16px; line-height: 1.3; margin-bottom: 8px; } .uk-root .fdn-feature-body-intro { display: none; order: 7; font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 400; margin-top: 0; margin-bottom: 6px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-feature-body-intro { font-size: 15.28px; line-height: 1.2415; margin-bottom: 7px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-feature-body-intro { font-size: 16px; line-height: 1.3; margin-bottom: 8px; } .uk-root .fdn-feature-tag { font-size: inherit; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: var(--primary-color); text-decoration: none; text-transform: none; font-weight: 700; } .uk-root .fdn-feature-tag:hover { color: #666; text-decoration: none; } .uk-root .fdn-feature-tag:visited { color: var(--primary-color); 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: 'Roboto', Helvetica, Arial, sans-serif; color: var(--primary-color); 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: var(--primary-color); 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-by { display: inline; text-transform: capitalize; } .uk-root .fdn-film-times-theater-name { font-size: 1.8rem; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; } .uk-root .fdn-film-times-theater-name a { font-family: 'Avalon', "Roboto", Arial, sans-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: 1.25rem; 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: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 400; background: #f8f8f8; color: #666; } .uk-root .fdn-film-rating-badge:hover { color: #666; } .uk-root .fdn-film-poster-no-image-icon { padding: 10px; opacity: 0.13; } .uk-root .fdn-film-times-showtimes-header { font-size: 1.25rem; 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: 16px; 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: 'Avalon', "Roboto", Arial, sans-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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-film-times-date-button-span-first { margin-left: 0; } .ev-grid-col[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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-film-times-date-button-span-second { margin-left: 0; } .ev-grid-col[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: 'Avalon', "Roboto", Arial, sans-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; } .uk-root .fdn-footer-navigation { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 0.875rem; font-weight: 300; text-transform: uppercase; 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: #000; } .uk-root .fdn-footer-navigation.fdn-footer-navigation li { margin-top: 0; flex: auto; } .uk-root .fdn-copyright-text { font-size: 0.667rem; line-height: 1.17; font-family: "Roboto", Helvetica, Arial, sans-serif; color: #111111; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-copyright-text { font-size: 0.667rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-copyright-text { font-size: 0.667rem; line-height: 1.3; } .uk-root .fdn-copyright-link { font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #999; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-copyright-link { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-copyright-link { font-size: 16px; line-height: 1.3; } .uk-root .fdn-copyright-link:hover { color: var(--primary-color); 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: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 400; } .uk-root .fdn-form-label { font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; } .uk-root .NewsletterSubscriptions .fdn-form-label .description { font-weight: 400; } .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: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 300; color: #666; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-free-stuff-teaser-headline { font-size: 21.6px; line-height: 1.05em; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; } .uk-root .fdn-free-stuff-teaser-headline a { color: #000; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-free-stuff-teaser-headline { font-size: 22.92px; line-height: 1.05em; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-free-stuff-teaser-headline { font-size: 24px; line-height: 1.05em; } .uk-root .fdn-free-stuff-teaser-content { font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-free-stuff-teaser-content { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-free-stuff-teaser-content { font-size: 16px; line-height: 1.3; } .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: 1.5rem; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; color: #fff; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-component-header-link-text { color: #fff; 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: #fff; text-decoration: none; } .uk-root .fdn-component-header-block { background: var(--primary-color); padding: 1px 8px; box-shadow: none; border: none; border-color: #e5e5e5; border-style: solid; border-width: thin 0; overflow: hidden; } .uk-root .fdn-component-header-primary-text { font-size: 1.5rem; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 300; 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: 16px; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 300; color: #666; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-component-subheader-link-text { color: #666; text-decoration: none; } .uk-root .fdn-component-subheader-link-text:hover { color: #666; text-decoration: none; } .uk-root .fdn-component-subheader-link-text-visited { color: #666; 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: 45px; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; line-height: 1.4; color: #000; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-page-header a { color: #000; } .uk-root .fdn-topic-header { font-size: 45px; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; line-height: 1.4; color: #000; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-topic-header a { color: #000; } @media (min-width: 640px) { .uk-root .fdn-topic-header { font-size: 45px; } } .uk-root .fdn-page-header-block { background: transparent; padding: 0px; box-shadow: none; border-color: #e5e5e5; border-style: solid; border-width: thin 0; } .uk-root .fdn-topic-header-block { background: transparent; padding: 0px; box-shadow: none; border-color: #e5e5e5; border-style: solid; border-width: thin 0; } .uk-root .fdn-content-header { font-size: 1.35rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-header { font-size: 1.4325rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-content-header { font-size: 1.5rem; line-height: 1.3; } .uk-root .fdn-content-subheader { font-size: 1.125rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-content-subheader { font-size: 1.19375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-content-subheader { font-size: 1.25rem; line-height: 1.3; } .uk-root .fdn-interface-subheader { font-size: 1.125rem; line-height: 1.17; font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; text-align: center; letter-spacing: 1px; font-weight: 300; background: #ededed; padding: 6px 9px; box-shadow: none; border: none; border-radius: 0; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-subheader { font-size: 1.19375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-subheader { font-size: 1.25rem; line-height: 1.3; } .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: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 300; color: #000; text-decoration: none; text-transform: uppercase; } .uk-root .fdn-page-headline { font-size: 32.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-page-headline { font-size: 34.38px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-page-headline { font-size: 36px; line-height: 1.3; } .uk-root .fdn-page-header-image-block .fdn-page-header-image { display: block; text-align: center; } .uk-root .fdn-404-header-text { font-size: 1.8rem; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; color: var(--primary-color); } .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 .fdn-features-icon-staff-pick svg * { fill: var(--primary-color); color: var(--primary-color); stroke: var(--primary-color); } .uk-root .fdn-features-icon-members-pick 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: 32px; height: 32px; } .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; } .uk-root .fdn-image-fit { height: 100% !important; width: auto; } .uk-root .fdn-image-fit-cover { width: auto; } .uk-root .fdn-content-image-center { max-width: 100%; overflow: hidden; margin-top: 18px; margin-bottom: 18px; } .uk-root .fdn-content-image-center img { display: block; margin-right: auto; margin-left: auto; } .uk-root .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%; } .ev-grid-col[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%; } .ev-grid-col[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: row; box-sizing: border-box; background: #fff; padding: 4px 9px 4px 9px; box-shadow: none; border: none; } .uk-root .fdn-image-caption { font-size: 12.6px; line-height: 0.99; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #434343; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-image-caption { font-size: 13.37px; line-height: 1.0505; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-image-caption { font-size: 14px; line-height: 1.1; } .uk-root #Slideshow .fdn-image-caption { line-height: 1.35; } .uk-root .fdn-image-credit { font-size: 0.7875rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; font-style: normal; align-self: flex-end; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-image-credit { font-size: 0.835625rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-image-credit { font-size: 0.875rem; line-height: 1.3; } .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.3; 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.3; 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 .fdn-inline-connection { font-family: 'Avalon', "Roboto", Arial, sans-serif; } .uk-root .fdn-inline-connection-title-block { margin: 0 0 5px; } .uk-root .fdn-inline-connection-title { color: #666; 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-inline-connection-headline { font-size: 17.19px; } .ev-grid-col[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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-inline-connection-content-headline { font-size: 16.235px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-inline-connection-content-headline { font-size: 17px; } .uk-root .fdn-inline-connection-content-subheadline { color: #777777; margin: 0; font-size: 15px; font-weight: 400; } .uk-root .fdn-audio-player { border: 1px solid #ccc; padding: 0; } .uk-root .fdn-audio-player-title { font-size: 16px; color: #444; font-weight: 700; margin: 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: 'Avalon', "Roboto", Arial, 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-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: 1.125rem; line-height: 1.17; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group input, .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group select, .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group button { font-size: 1.19375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group input, .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group select, .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-input-group.fdn-interface-input-group.fdn-interface-input-group button { font-size: 1.25rem; line-height: 1.3; } .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: 1.125rem; line-height: 1.17; font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #fff; padding: 9px; box-shadow: none; border: 1px solid #ccc; border-radius: 0; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-search-input.fdn-interface-search-input { font-size: 1.19375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-search-input.fdn-interface-search-input { font-size: 1.25rem; line-height: 1.3; } .uk-root .fdn-interface-search-input::placeholder { color: #666; text-transform: uppercase; } .uk-root .fdn-interface-search-input:focus::placeholder { color: transparent; } .uk-root .fdn-site-search-icon svg { fill: #666; color: #666; } .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: 'Roboto', Helvetica, Arial, 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: 16px; line-height: 1.04; font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #fff; padding: 9px; box-shadow: none; border: 1px solid #ccc; border-radius: 0; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-select-small.fdn-interface-select-small { font-size: 16px; line-height: 1.04; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-select-small.fdn-interface-select-small { font-size: 16px; line-height: 1.04; } .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: 16px; line-height: 1.15rem; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; color: #111; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-label { font-size: 16px; line-height: 1.15rem; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-label { font-size: 16px; line-height: 1.15rem; } .uk-root .fdn-interface-divider { font-size: 16px; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; 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: 1.125rem; line-height: 1.3; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #111; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-link { font-size: 1.074375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-link { font-size: 1.125rem; line-height: 1.3; } .uk-root .fdn-interface-link:hover { color: var(--primary-color); text-decoration: underline; } .uk-root .fdn-interface-link:visited { color: #111; text-decoration: none; } .uk-root .fdn-interface-link:visited:hover { color: var(--primary-color); text-decoration: none; } .uk-root .fdn-interface-count { font-size: 0.81rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; color: #666; text-decoration: none; text-transform: none; background: transparent; padding: 2px 3px; box-shadow: none; border: none; border-radius: 5px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-count { font-size: 0.8595rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-count { font-size: 0.9rem; line-height: 1.3; } .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.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #fff; text-decoration: none; text-transform: none; background: var(--primary-color); padding: 9px; box-shadow: none; border: none; border-radius: 5px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-hero.fdn-interface-hero { font-size: 1.4325rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-hero.fdn-interface-hero { font-size: 1.5rem; line-height: 1.3; } .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.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-leader .uk-leader-fill { font-size: 0.71625rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-leader .uk-leader-fill { font-size: 0.75rem; line-height: 1.3; } .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 { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } .uk-root .fdn-tool-core-favorited.fdn-tool-core-favorited.fdn-icon-tool-core svg path { fill: #fff; } .uk-root .fdn-form { font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #222; } .uk-root .fdn-interface-form-link { font-size: inherit; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-form-link { line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-form-link { line-height: 1.3; } .uk-root .fdn-interface-form-link.fdn-interface-form-link-alt { color: var(--primary-color); } .uk-root .fdn-interface-form-required-marker { color: red; font-size: 16px; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; line-height: 1.3; } .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.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; color: var(--primary-color); text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link, .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link a { line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link, .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-form-addevent-link.fdn-interface-form-addevent-link a { line-height: 1.3; } .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: var(--primary-color); 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: var(--primary-color); } .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; } .uk-root .fdn-interface-form-legend, .uk-root .fdn-interface-form-legend a { font-size: 22px; line-height: 1.15em; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: normal; margin-top: 0; margin-bottom: 10px; 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-form-legend, .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-form-legend a { font-size: 22px; line-height: 1.15em; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-form-legend, .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-form-legend a { font-size: 22px; line-height: 1.15em; margin-bottom: 15px; } .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.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; color: #666; text-decoration: none; text-transform: none; font-weight: normal; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add, .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add a { line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add, .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-form-item-add.fdn-interface-form-item-add a { line-height: 1.3; } .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: var(--primary-color); } .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: underline; } .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.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; text-decoration: none; text-transform: none; font-weight: 400; color: #666; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove, .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove a { line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove, .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-form-item-remove.fdn-interface-form-item-remove a { line-height: 1.3; } .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: var(--primary-color); } .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: 1.25rem; line-height: 1.3; padding: 8px 20px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-form-dropselect-item.fdn-interface-form-dropselect-item { font-size: 1.125rem; line-height: 1.125rem; padding: 8px 20px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-interface-form-dropselect-item.fdn-interface-form-dropselect-item { font-size: 1.19375rem; line-height: 1.19375rem; 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; } .uk-root .fdn-issue-search-results-title { font-size: 1.25rem; font-weight: bold; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; } .uk-root .fdn-issue-archive-cover-image { padding: 0 8px; } .uk-root .fdn-issue-dates { font-family: 'Avalon', "Roboto", Arial, sans-serif; font-size: 1.5rem; font-weight: bold; color: #666; margin: 8px 0; } .uk-root .fdn-issue-title { font-size: 1.25rem; font-weight: bold; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; margin: 30px 0 8px 0; } .uk-root .fdn-issue-description { font-size: 16px; font-weight: normal; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; margin: 0 0 8px 0; } .uk-root .fdn-issue-search-results-volume-number { font-size: 16px; font-weight: normal; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-style: italic; color: #666; } .uk-root .fdn-issue-search-results-date { font-size: 16px; font-weight: bold; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-style: normal; color: #666; } .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 .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 #666; } .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: 'Avalon', "Roboto", Arial, sans-serif; font-size: 1.25rem; 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: #666; } .uk-root .fdn-current-issue-this-week-link { font-family: 'Avalon', "Roboto", Arial, sans-serif; font-size: 1.25rem; 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: #666; } .uk-root .fdn-current-issue-special-issue-header-text { font-family: 'Avalon', "Roboto", Arial, sans-serif; font-size: 1.25rem; 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: #666; } .uk-root .fdn-current-issue-previous-link { font-family: 'Avalon', "Roboto", Arial, sans-serif; font-size: 1.25rem; 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: #666; } .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; } .uk-root .fdn-current-issue-special-issues-cover-link { font-family: 'Avalon', "Roboto", Arial, sans-serif; font-size: 1.25rem; 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: #666; } .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: #666; } .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-past-issues-block { position: relative; padding: 0; margin: 0 auto; list-style: none; overflow: hidden; height: 245px; max-width: 446px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-past-issues-block { height: 280px; } .ev-grid-col[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: var(--primary-color); } .uk-root .fdn-more-link { font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 400; color: #010101; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-more-link { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-more-link { font-size: 16px; line-height: 1.3; } .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-highlight { font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: var(--primary-color); text-decoration: none; text-transform: uppercase; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-more-link-highlight { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-more-link-highlight { font-size: 16px; line-height: 1.3; } .uk-root .fdn-more-link-highlight:visited { color: var(--primary-color); text-decoration: none; } .uk-root .fdn-more-link-highlight:hover { color: #666; text-decoration: underline; } .uk-root .fdn-more-link-highlight:visited:hover { color: #666; text-decoration: none; } .uk-root .fdn-more-link-primary { font-size: 1.125rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #111; text-decoration: none; text-transform: uppercase; font-weight: 700; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-more-link-primary { font-size: 1.19375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-more-link-primary { font-size: 1.25rem; line-height: 1.3; } .uk-root .fdn-more-link-primary:visited { color: #111; text-decoration: none; } .uk-root .fdn-more-link-primary:hover { color: #666; text-decoration: none; } .uk-root .fdn-more-link-primary:visited:hover { color: #666; text-decoration: none; } .uk-root .fdn-prev-next-link { font-size: 1.125rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: var(--primary-color); text-decoration: none; text-transform: none; font-weight: bold; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-prev-next-link { font-size: 1.19375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-prev-next-link { font-size: 1.25rem; line-height: 1.3; } .uk-root .fdn-prev-next-link:visited { color: var(--primary-color); text-decoration: none; } .uk-root .fdn-prev-next-link:hover { color: #666; text-decoration: underline; text-decoration-color: #666; } .uk-root .fdn-prev-next-link:visited:hover { color: #666; text-decoration: underline; text-decoration-color: #666; } .uk-root .fdn-prev-next-link h4 { font-size: 1.25rem; } .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: 'Roboto', Helvetica, Arial, sans-serif; color: #666; text-decoration: none; text-transform: uppercase; font-weight: 300; } .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: 16px; font-family: 'Avalon', "Roboto", Arial, 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: var(--primary-color); 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.17rem; line-height: 0.845; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-hero-link { font-size: 1.44rem; line-height: 1.04; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-hero-link { font-size: 1.8rem; line-height: 1.3; } .uk-root .fdn-hero-link:visited { color: #666; text-decoration: none; } .uk-root .fdn-hero-link:hover { color: var(--primary-color); text-decoration: underline; } .uk-root .fdn-link-separator { font-size: 16px; 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: 16px; font-weight: 700; color: #666; text-transform: none; } .uk-root .fdn-link-tag { line-height: 1; } .uk-root .fdn-link-tag > a { font-family: 'Avalon', "Roboto", Arial, sans-serif; font-size: 16px; font-weight: 400; text-align: center; color: var(--primary-color); text-transform: none; } .uk-root .fdn-link-tag-alt > a { font-weight: 700; } .uk-root .fdn-pub-link { color: var(--primary-color); font-weight: 700; } .uk-root .fdn-top-pagination-block { padding: 5px 0; border: thin solid #666; 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: 14.4px; line-height: 1.17; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 300; color: #999; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-horizontal-nav-list li a { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-horizontal-nav-list li a { font-size: 16px; line-height: 1.3; } .uk-root .fdn-horizontal-nav-list li a:hover { color: var(--primary-color); text-decoration: none; } .uk-root .fdn-horizontal-nav-list li a:visited { color: #999; text-decoration: none; } .uk-root .fdn-horizontal-nav-list li a:visited:hover { color: var(--primary-color); 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 { color: #000; } .uk-root [class*='comp-rss'] ul li a { font-weight: 700; color: var(--primary-color); } .uk-root [class*='comp-rss'] ul li a span { color: #666; } .uk-root body { counter-reset: fdn-list-decimal-counter; } .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: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: 12px; height: 12px; background: #222; margin: 0 8px 0 0; vertical-align: middle; position: relative; top: -1px; } .uk-root .fdn-list-circle li:before, .uk-root .fdn-list-disc li:before { border-radius: 100%; } .uk-root .fdn-list-circle li:before { background: transparent; border: 2px solid #222; 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 #222; } .uk-root .fdn-list-bullet li:before { content: ""; display: inline-block; vertical-align: middle; width: 6px; height: 6px; border-radius: 100%; margin: 0 8px 0 0; background: #222; } .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: 1.25rem; color: #111; margin-bottom: 30px; } .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: var(--primary-color); } .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: 2.7rem; line-height: 1.125; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: var(--primary-color); text-decoration: none; text-transform: uppercase; font-weight: 700; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-listing-headline { font-size: 2.865rem; line-height: 1.19375; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-listing-headline { font-size: 3rem; line-height: 1.25; } .uk-root .fdn-listing-subheader { font-size: 1.125rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-listing-subheader { font-size: 1.19375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-listing-subheader { font-size: 1.25rem; line-height: 1.3; } .uk-root .fdn-listing-meta-data-body { font-size: 0.99rem; line-height: 0.9; font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #212121; overflow: hidden; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-listing-meta-data-body { font-size: 1.0505rem; line-height: 0.955; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-listing-meta-data-body { font-size: 1.1rem; line-height: 1; } .uk-root .fdn-listing-meta-data-body a { color: #595959; } .uk-root .fdn-listing-meta-data-body .fdn-listing-meta-data-url a { font-size: inherit; font-weight: 700; color: #595959; -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: var(--primary-color); } .uk-root .fdn-listing-credit { font-size: 14.4px; line-height: 1.404; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-listing-credit { font-size: 15.28px; line-height: 1.4898; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-listing-credit { font-size: 16px; line-height: 1.56; } .uk-root .fdn-listing-description { font-size: 1.125rem; line-height: 1.35; font-family: 'Serif12', Georgia, Times, serif; color: #000; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-listing-description { font-size: 1.19375rem; line-height: 1.4325; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-listing-description { font-size: 1.25rem; 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: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; background: var(--primary-color); padding: 9px; box-shadow: none; border: none; border-radius: 0; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-listing-ticket-link { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-listing-ticket-link { font-size: 16px; line-height: 1.3; } .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: var(--primary-color); } .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: 1.125rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-listing-meta-text { font-size: 1.19375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-listing-meta-text { font-size: 1.25rem; line-height: 1.3; } .uk-root .fdn-listing-meta-text-alt { font-size: 1.125rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-transform: none; text-decoration: none; font-style: italic; color: #4d4d4d; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-listing-meta-text-alt { font-size: 1.19375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-listing-meta-text-alt { font-size: 1.25rem; line-height: 1.3; } .uk-root .fdn-location-region a { color: #999; } .uk-root .fdn-location-phone a { color: #999; } .uk-root div.comp-event-tags[class*='fdn-margin-'][class*='vert'], .uk-root div.comp-location-tags[class*='fdn-margin-'][class*='vert'] { margin-top: 2px; } .uk-root div.comp-event-eventmetadata[class*='fdn-margin-'][class*='vert'], .uk-root div.comp-location-locationmetadata[class*='fdn-margin-'][class*='vert'] { margin-top: 2px; } .uk-root .fdn-update-location-intro-text { font-size: 14.4px; line-height: 1.17; color: #666; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-update-location-intro-text { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-update-location-intro-text { font-size: 16px; line-height: 1.3; } .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: transparent; padding: 5px; border: solid #666; border-width: thin; display: flex; align-items: center; flex-direction: column; } .uk-root .fdn-update-location-link-text { font-size: 16px; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; color: #999; text-decoration: none; text-transform: uppercase; width: 100%; text-align: center; } .uk-root .fdn-update-location-link-text:hover { color: #666; } .uk-root .trending-by-day .fdn-pres-item a { padding-bottom: 2px; } .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: var(--primary-color); flex: none; margin: 1px 5px 0 0; transition: ease-out 200ms; } .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::before { display: none; } .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(33% - 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 #666 !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: var(--primary-color); } .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: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; color: #111; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-interface-link-or-create-account { font-size: 1.27015rem; line-height: 1.2415rem; } .ev-grid-col[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 .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: 'Avalon', "Roboto", Arial, 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: 1.25rem; } .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 #Print .fdn-site-header-flex > *:not(.fdn-site-header-logo) { display: none!important; } .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'] .fdn-delete-account-button .uk-icon { border: thin solid; border-radius: 100%; padding: 1px; } .uk-root [class*='comp-member'] a.fdn-never-mind { color: #fff; } .uk-root .fdn-search-clear { font-size: 14.4px; line-height: 1.17; font-family: "Roboto", Helvetica, Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-search-clear { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-search-clear { font-size: 16px; line-height: 1.3; } .uk-root .fdn-search-clear:hover { color: var(--primary-color); 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: var(--primary-color); color: #fff; } .uk-root .fdn-search-control-group .fdn-search-control:hover { background: var(--primary-color); 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: 14.4px; line-height: 1.17; font-family: "Roboto", Helvetica, Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .uk-root .fdn-search-natural-text .uk-button-group { vertical-align: baseline; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-search-natural-text { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-search-natural-text { font-size: 16px; line-height: 1.3; } .uk-root .fdn-search-natural-button { font-size: 14.4px; line-height: 1.17; font-family: "Roboto", Helvetica, Arial, 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-search-natural-button { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-search-natural-button { font-size: 16px; line-height: 1.3; } .uk-root .fdn-search-natural-button:hover { color: var(--primary-color); text-decoration: underline; background: #fff; } .uk-root .fdn-search-natural-button-alt { font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-search-natural-button-alt { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-search-natural-button-alt { font-size: 16px; line-height: 1.3; } .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: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #f0f0f0; padding: 5px 7px; box-shadow: none; border: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-search-dropdown-item { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-search-dropdown-item { font-size: 16px; line-height: 1.3; } .uk-root .fdn-search-dropdown-item:hover { color: #666; text-decoration: none; background: #e0e0e0; } .uk-root .fdn-search-dropdown-header { font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-search-dropdown-header { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-search-dropdown-header { font-size: 16px; line-height: 1.3; } .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.3; font-family: 'Avalon', "Roboto", Arial, 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: var(--primary-color); 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: 1.125rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, 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: 1.19375rem; line-height: 1.2415; } } @media (min-width: 640px) { .uk-root .fdn-search-modal-parent { font-size: 1.25rem; line-height: 1.3; } } .uk-root .fdn-search-modal-parent.uk-accordion-title::before { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); } .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: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .uk-root .fdn-search-modal-clear { font-size: 1.125rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: uppercase; background: #fff; padding: 18px; box-shadow: none; border: 1px solid #ccc; border-radius: 0; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-search-modal-clear { font-size: 1.19375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-search-modal-clear { font-size: 1.25rem; line-height: 1.3; } .uk-root .fdn-search-modal-clear:hover { color: #666; text-decoration: none; background: none; } .uk-root .fdn-search-modal-submit { font-size: 1.125rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; background: #999; padding: 18px; box-shadow: none; border: 1px solid #999; border-radius: 0; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-search-modal-submit { font-size: 1.19375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-search-modal-submit { font-size: 1.25rem; line-height: 1.3; } .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: 18.4px; line-height: 1.3; font-family: 'Avalon', "Roboto", Arial, 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: 18.4px; line-height: 1.3; } } @media (min-width: 640px) { .uk-root .fdn-search-modal-item.fdn-search-modal-item.fdn-search-modal-item { font-size: 18.4px; line-height: 1.3; } } .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: center; } .uk-root .fdn-search-modal-item.fdn-search-modal-item.fdn-search-modal-item > div label { width: 100%; } .uk-root .fdn-search-modal-item:hover { color: #666; text-decoration: none; } .uk-root .fdn-search-sort-item { cursor: pointer; font-size: 14.4px; line-height: 1.17; font-family: "Roboto", Helvetica, Arial, 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: 15.28px; line-height: 1.2415; } } @media (min-width: 640px) { .uk-root .fdn-search-sort-item { font-size: 16px; line-height: 1.3; } } .uk-root .fdn-search-sort-item:hover { color: var(--primary-color); 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.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-empty-results-text { font-size: 1.4325rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-empty-results-text { font-size: 1.5rem; line-height: 1.3; } .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: 14.4px; line-height: 1.17; font-family: "Roboto", Helvetica, Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-search-result-header { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-search-result-header { font-size: 16px; line-height: 1.3; } .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: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-page-navigation-page.fdn-page-navigation-page.fdn-page-navigation-page { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-page-navigation-page.fdn-page-navigation-page.fdn-page-navigation-page { font-size: 16px; line-height: 1.3; } .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: var(--primary-color); } .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: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 400; color: #666; text-decoration: none; text-transform: none; background: #fff; padding: 5px 9px; box-shadow: none; border: 1px solid #999; border-radius: 5px; margin-left: 3px; margin-right: 3px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-page-navigation-prev-next.fdn-page-navigation-prev-next.fdn-page-navigation-prev-next { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-page-navigation-prev-next.fdn-page-navigation-prev-next.fdn-page-navigation-prev-next { font-size: 16px; line-height: 1.3; } .uk-root .fdn-page-navigation-prev-next.fdn-page-navigation-prev-next.fdn-page-navigation-prev-next:visited { color: #666; text-decoration: none; background: none; } .uk-root .fdn-page-navigation-prev-next.fdn-page-navigation-prev-next.fdn-page-navigation-prev-next:hover { color: #fff; text-decoration: none; background: var(--primary-color); } .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.62rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-search-highlight-header { font-size: 1.719rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-search-highlight-header { font-size: 1.8rem; line-height: 1.3; } .uk-root .fdn-search-highlight-content { font-size: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-search-highlight-content { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-search-highlight-content { font-size: 16px; line-height: 1.3; } .uk-root .fdn-site-search-search-terms-sort { margin-top: 5px; margin-top: 0 !important; } .ev-grid-col[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; } .ev-grid-col[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: 1.125rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-set-header { font-size: 1.19375rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-set-header { font-size: 1.25rem; line-height: 1.3; } .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: 'Avalon', "Roboto", Arial, 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-share-tool { font-size: 12px; line-height: 1; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-share-tool { font-size: 12px; line-height: 1; } .uk-root .fdn-share-tool:hover { color: #666; 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: 'Avalon', "Roboto", Arial, 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-share-tools-block .saveAction, .ev-grid-col[min-width~="400px"] .uk-root .fdn-blog-share-tools-block .emailAction { font-size: 12px; line-height: 1; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-blog-share-tools-block .saveAction, .ev-grid-col[min-width~="640px"] .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: #666; 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 * { 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: 260px; 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: 1.17rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; background: transparent; padding: 6px; box-shadow: none; border: none; border-radius: 5px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-nav-toggle { font-size: 1.2415rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-nav-toggle { font-size: 1.3rem; line-height: 1.3; } .uk-root .fdn-nav-toggle:hover { color: #eee; text-decoration: none; background: #ccc; } .uk-root .fdn-nav-block { background: #fff; padding: 0; box-shadow: none; border: thin solid #dedede; border-width: thin 0 thin 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: 13.6px; line-height: 1.04; font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #111; text-decoration: none; text-transform: uppercase; text-align: center; padding: 1px 4px; font-weight: 400; background: transparent; box-shadow: none; border: none; border-radius: 0; /* set this explicitly, fix for uk-icon in parent instead of text */ align-items: center; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-nav-parent.fdn-nav-parent > a { font-size: 14.4px; line-height: 1.17; padding: 1px 6px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-nav-parent.fdn-nav-parent > a { font-size: 16px; line-height: 1.3; padding: 1px 4px; border: none; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-nav-parent.fdn-nav-parent > a:before { position: absolute; content: ""; border-right: none; left: -4.5px; top: 0; height: 100%; } .ev-grid-col[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 .fdn-nav-parent.fdn-nav-parent a { font-size: 16px; padding: 5px 0 5px 5px; } .uk-root .fdn-nav-parent.fdn-nav-parent:hover > a { color: #fff; text-decoration: none; background: var(--primary-color); } .uk-root .fdn-nav-parent:visited > a { color: #111; text-decoration: none; background: none; } .uk-root .fdn-nav-parent.fdn-nav-parent.uk-active > a { color: #fff; text-decoration: none; background: var(--primary-color); } .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: 'Roboto', Helvetica, Arial, sans-serif; color: var(--primary-color); 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: 18px; line-height: 1.4625; font-family: 'Roboto', Helvetica, Arial, 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-nav-item.fdn-nav-item a { font-size: 18px; line-height: 1.4625; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-nav-item.fdn-nav-item a { font-size: 16px; line-height: 1.3; } .uk-root .fdn-nav-item.fdn-nav-item:hover a { color: #fff; text-decoration: none; background: var(--primary-color); } .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: 18px; line-height: 1.4625; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 700; color: var(--primary-color); text-decoration: none; text-transform: uppercase; padding: 0; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-nav-item-header.fdn-nav-item-header { font-size: 18px; line-height: 1.4625; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-nav-item-header.fdn-nav-item-header { font-size: 16px; line-height: 1.3; } .uk-root .fdn-nav-panel-block .fdn-nav-item a { font-size: 1.40625rem; line-height: 1.4625; font-family: 'Roboto', Helvetica, Arial, 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-nav-panel-block .fdn-nav-item a { font-size: 1.40625rem; line-height: 1.4625; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-nav-panel-block .fdn-nav-item a { font-size: 1.25rem; line-height: 1.3; } .uk-root .fdn-nav-panel-block .fdn-nav-item:hover a { color: #fff; text-decoration: none; background: var(--primary-color); } .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: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #444; text-decoration: none; text-transform: none; background: #fff; padding: 3px 9px; box-shadow: none; border: 1px solid #ccc; border-radius: 0; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-site-search-input.fdn-site-search-input { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-site-search-input.fdn-site-search-input { font-size: 16px; line-height: 1.3; } .uk-root .fdn-site-search-input.fdn-site-search-input::placeholder { color: #666; 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: #666; color: #666; } .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: 14.4px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-site-search-submit.fdn-site-search-submit { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-site-search-submit.fdn-site-search-submit { font-size: 16px; line-height: 1.3; } .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: 14.4px; line-height: 1.17; font-family: 'Roboto', Helvetica, Arial, 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-site-search-item.fdn-site-search-item { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-site-search-item.fdn-site-search-item { font-size: 16px; line-height: 1.3; } .uk-root .fdn-site-search-item:hover { color: #fff; text-decoration: none; background: var(--primary-color); } .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: 16px; line-height: 1.3; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: var(--primary-color); 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: #666; text-transform: none; } .uk-root .fdn-site-search-modal-input:focus::placeholder { color: transparent; } .uk-root .fdn-site-search-modal-icon svg { fill: #666; color: #666; } .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: 'Roboto', Helvetica, Arial, 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: var(--primary-color); } .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 #666; padding-top: 9px; } .uk-root.comp-sitesearch-searchgoogle .fdn-site-search-google { font-size: 1.25rem; color: var(--primary-color); 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.1rem; line-height: 2.2rem; } .uk-root .fdn-slideshow-play-button:hover { color: #fff; background: var(--primary-color); text-decoration: none; } .uk-root .fdn-slideshow-play-button:focus { color: #fff; background: var(--primary-color); } .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 .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: #212121; padding: 5px 13px; } .uk-root .fdn-survey-section-header-block .fdn-survey-section-header { margin: 30px 0 0; font-size: 1.8rem; line-height: 1.15em; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #fff; 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: 30px; } .uk-root .fdn-survey-progress-block { color: var(--primary-color); font-size: 1.25rem; 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: var(--primary-color); } .uk-root .fdn-survey-question-block { margin: 30px 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: 'Avalon', "Roboto", Arial, sans-serif; font-weight: bold; color: #000; text-align: right; 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: 1.25rem; 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: 14.4px; line-height: 1.17; font-weight: 700; padding: 9px; text-transform: uppercase; box-shadow: none; border: thin solid #ccc; border-radius: 5px; outline: none; cursor: pointer; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-survey-login-text#loginContainer input.submit { font-size: 15.28px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-survey-login-text#loginContainer input.submit { font-size: 16px; line-height: 1.3; } .uk-root .fdn-survey-login-text#loginContainer input.submit:hover { background: var(--primary-color); color: #fff; text-decoration: none; } .uk-root .fdn-survey-login-text#loginContainer input.submit:focus { background: var(--primary-color); 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: 'Avalon', "Roboto", Arial, 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: 1.25rem; font-weight: 700; } .uk-root .fdn-survey-survey-code-block .fdn-survey-survey-code a { color: var(--primary-color); } .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: 1.25rem; margin: 20px 0; clear: both; } .uk-root .fdn-survey-error-text { font-size: 1.25rem; 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: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 400; color: #666; 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 !important; border-color: transparent; } .uk-root .fdn-tab-link-block:hover { background: none; } .uk-root .uk-tab .fdn-tab-link-block.uk-active, .uk-root .uk-tab .uk-active a.fdn-tab-link-block { background: none; border-color: #CCC; } .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: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 300; color: #666; text-decoration: none; text-transform: uppercase; padding: 0; } .uk-root .fdn-tab-header-link:hover { color: var(--primary-color); 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: var(--primary-color); 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: #CCC; } .uk-root .fdn-tab-header-link-block.uk-active:hover { background: #f8f8f8; } .uk-root .fdn-separated-tabs { border: 1px solid #666; 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: #666; border: none; } .uk-root .fdn-separated-tabs li.active a { color: #000; } .uk-root .fdn-separated-tabs li + li { border-left: 1px solid #666; margin-left: 4px; } .uk-root .fdn-teaser-tight { margin-bottom: 3px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-teaser-tight { margin-bottom: 4px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-teaser-tight { margin-bottom: 5px; } .uk-root .fdn-teaser-margin-bottom { margin-bottom: 10px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-teaser-margin-bottom { margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-teaser-margin-bottom { margin-bottom: 15px; } .uk-root .fdn-teaser-headline { font-size: 1.5rem; line-height: 1.15em; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; margin-top: 0; margin-bottom: 10px; -webkit-hyphens: none; -ms-hyphens: none; -moz-hyphens: none; hyphens: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-teaser-headline { font-size: 1.5rem; line-height: 1.15em; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-teaser-headline { font-size: 1.5rem; line-height: 1.15em; margin-bottom: 15px; } .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: #666; text-decoration: underline; text-decoration-color: #666; } .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: #666; 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: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; margin-top: 0; margin-bottom: 3px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-teaser-headline-tight, .ev-grid-col[min-width~="400px"] .uk-root .fdn-teaser-headline-tight a { font-size: 1.28925rem; line-height: 1.05em; margin-bottom: 4px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-teaser-headline-tight, .ev-grid-col[min-width~="640px"] .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: underline; 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: 0.945rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 400; color: #666; text-decoration: none; text-transform: none; margin-top: 0; margin-bottom: 10px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-teaser-subheadline { font-size: 1.00275rem; line-height: 1.2415; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-teaser-subheadline { font-size: 1.05rem; line-height: 1.3; margin-bottom: 15px; } .uk-root .fdn-teaser-infoline { font-size: 13.37px; line-height: 1.19375; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #444; text-decoration: none; text-transform: uppercase; font-weight: 400; margin-top: 0; margin-bottom: 10px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-teaser-infoline { font-size: 13.37px; line-height: 1.19375; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-teaser-infoline { font-size: 14px; line-height: 1.25; margin-bottom: 15px; } .uk-root .fdn-teaser-infoline time { font-weight: 400; } .uk-root .fdn-teaser-infoline-important { font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: bold; } .uk-root .fdn-teaser-tagline { font-size: 11.7px; line-height: 1.17; margin-top: 0; margin-bottom: 10px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-teaser-tagline { font-size: 12.415px; line-height: 1.2415; margin-bottom: 10px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-teaser-tagline { font-size: 13px; line-height: 1.3; margin-bottom: 10px; } .uk-root .fdn-teaser-tag { font-size: 13px; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: var(--primary-color); text-decoration: none; text-transform: uppercase; font-weight: 700; } .uk-root .fdn-teaser-tag:hover { color: #666; text-decoration: none; } .uk-root .fdn-teaser-tag:visited { color: var(--primary-color); 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: 'Avalon', "Roboto", Arial, sans-serif; color: #999; text-decoration: none; text-transform: none; font-weight: normal; } .uk-root .fdn-teaser-tag-link:hover { color: var(--primary-color); text-decoration: underline; } .uk-root .fdn-teaser-tag-link:visited { color: #999; text-decoration: none; } .uk-root .fdn-teaser-tag-link:visited:hover { color: var(--primary-color); text-decoration: none; } .uk-root .fdn-teaser-sponsored-tag { font-family: 'Roboto', Helvetica, Arial, sans-serif; color: var(--primary-color); 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: var(--primary-color); 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.17; font-size: 10.8px; margin-bottom: 10px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-teaser-taglist { font-size: 11.46px; line-height: 1.2415; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-teaser-taglist { font-size: 12px; line-height: 1.3; margin-bottom: 15px; } .uk-root .fdn-teaser-taglist a { font-size: 10.8px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #999; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-teaser-taglist a { font-size: 11.46px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-teaser-taglist a { font-size: 12px; line-height: 1.3; } .uk-root .fdn-teaser-taglist a:hover { color: var(--primary-color); text-decoration: underline; } .uk-root .fdn-teaser-taglist a:visited { color: #999; text-decoration: none; } .uk-root .fdn-teaser-taglist a:visited:hover { color: var(--primary-color); text-decoration: underline; } .uk-root .fdn-teaser-taglist-label { font-size: 10.8px; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-teaser-taglist-label { font-size: 11.46px; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-teaser-taglist-label { font-size: 12px; line-height: 1.3; } .uk-root .fdn-teaser-badge { display: inline-block; font-size: 0.7875rem; line-height: 1.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; background: #fff; padding: 2px; box-shadow: none; border: none; border-radius: 1px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-teaser-badge { font-size: 0.835625rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-teaser-badge { font-size: 0.875rem; line-height: 1.3; } .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.17; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 700; background: #0091d5; padding: 3px 8px; box-shadow: none; border: none; 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; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-teaser-ticket-link { font-size: 0.835625rem; line-height: 1.2415; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-teaser-ticket-link { font-size: 0.875rem; line-height: 1.3; } .uk-root .fdn-teaser-ticket-link:hover { color: #e6e6e6; text-decoration: none; background: #006ea2; } .uk-root .fdn-teaser-description { font-size: 16px; line-height: 1.3; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #666; text-decoration: none; text-transform: none; margin-top: 0; margin-bottom: 10px; } .ev-grid-col[min-width~="400px"] .uk-root .fdn-teaser-description { font-size: 16px; line-height: 1.3; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .fdn-teaser-description { font-size: 16px; line-height: 1.3; margin-bottom: 15px; } .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; } .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; } .ev-grid-col[min-width~="400px"] .uk-root [class*='fdn-component-related'] .fdn-no-image, .ev-grid-col[min-width~="400px"] .uk-root .comp-landing-trending .fdn-no-image, .ev-grid-col[min-width~="400px"] .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.2em !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: 16px !important; padding-bottom: 2px; /* Descenders */ } .uk-root .fdn-teaser-image-overlay-text { color: #fff; font-size: 16px; } .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: var(--primary-color); text-decoration: none; text-decoration-color: var(--primary-color); } .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: var(--primary-color); text-decoration: none; } .uk-root .fdn-teaser-by { display: inline; text-transform: uppercase; font-weight: 400; } .uk-root .fdn-teaser-byline { color: #444; font-size: 0.875rem; font-weight: normal; } .uk-root .fdn-teaser-byline a { color: #444; } .uk-root .fdn-teaser-byline a:hover { color: var(--primary-color); text-decoration: underline; text-decoration-color: var(--primary-color); } .uk-root .fdn-teaser-byline a:visited { color: #444; text-decoration: none; } .uk-root .fdn-teaser-byline a:visited:hover { color: #444; text-decoration: none; } .uk-root .fdn-teaser-time { color: #444; 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: var(--primary-color); 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: 'Avalon', "Roboto", Arial, 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: 'Avalon', "Roboto", Arial, 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: rgba(51, 51, 51, 0.68); transition: 100ms; } .uk-root .fdn-slidenav-arrow:hover, .uk-root .fdn-slidenav-arrow:focus { color: #fff; background-color: var(--primary-color); } .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: 'Avalon', "Roboto", Arial, 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: #666; 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: #666; 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: var(--primary-color); padding: 0 0 0 3px; } .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 .uk-padding-medium { padding: 27px; } .uk-root pre { width: calc(100% - 22px); box-sizing: border-box; } .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: 30px; margin-bottom: 30px; } .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: 1.25rem; } .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: 1.25rem; } .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: 1.25rem; } .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: 1.25rem; } .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: 1.25rem; } .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: 480px) { .uk-root { /* Whole */ /* Halves */ /* Thirds */ /* Quarters */ /* Fifths */ /* Sixths */ /* Sevenths */ /* Pixel */ /* Auto */ /* Expand */ } .uk-root .fdn-text-small\@xs { font-size: 0.875rem; } .uk-root .fdn-text-base\@xs { font-size: 1rem; } .uk-root .fdn-text-medium\@xs { font-size: 1.25rem; } .uk-root .fdn-text-large\@xs { font-size: 1.5rem; } .uk-root .fdn-line-height-small\@xs { line-height: 1.15rem; } .uk-root .fdn-line-height-1\@xs { line-height: 1rem; } .uk-root .fdn-line-height-med\@xs { line-height: 1.33rem; } .uk-root .fdn-line-height-large\@xs { line-height: 1.75rem; } .uk-root .uk-width-1-1\@xs { width: 100%; } .uk-root .uk-child-width-1-1\@xs > * { width: 100%; } .uk-root .uk-width-1-2\@xs { width: 50%; } .uk-root .uk-child-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-child-width-1-3\@xs > * { width: calc(100% * 1/3.001); } .uk-root .uk-child-width-2-3\@xs > * { width: calc(100% * 2/3.001); } .uk-root .uk-width-1-4\@xs { width: 25%; } .uk-root .uk-child-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-child-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-child-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-1-7\@xs { width: calc(100% * 1 / 7.001); } .uk-root .uk-child-width-1-7\@xs > * { width: calc(100% * 1/7.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-flex-last\@xs { order: 99; } .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; } .uk-root .uk-column-1-6\@xs { columns: 6; } } @media (min-width: 460px) and (max-width: 998px) { .uk-root .uk-column-1-2\@xs { columns: 2; } } @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 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-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-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-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-share-icon-comment, .uk-root .fdn-share-icon-email, .uk-root .fdn-login-icon-email { color: #555; background: #eee; } .uk-root .fdn-share-icon-comment:hover, .uk-root .fdn-share-icon-email:hover, .uk-root .fdn-login-icon-email:hover { color: #555; background: #eee; } .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: 1.25rem; } .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: #666; } .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; } .ev-grid-col[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 .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; } .ev-grid-col[min-width~="640px"] .uk-root .pres-ContentListBriefToSlider .fdn-pres-wrap { transform: initial; } .uk-root .pres-ContentListBriefToSlider .fdn-pres-list { display: block; } .ev-grid-col[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; } .ev-grid-col[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; } .ev-grid-col[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; } .ev-grid-col[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; } .ev-grid-col[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: 'Avalon', "Roboto", Arial, 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: 1.25rem; } .uk-root .pres-ContentFeatureMagnum .fdn-pres-subhead { margin: 0 0 20px 0; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: normal; color: #333; text-transform: none; font-size: 16px; line-height: 1.4; margin-bottom: 8px; line-height: 1.25rem; font-size: 1rem; } .uk-root .pres-ContentFeatureMagnum .fdn-pres-details-split { color: #666 !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: 'Avalon', "Roboto", Arial, 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; } @font-face { font-family: 'Avalon'; src: url('/styles/fonts/avalon-book-fdn.woff2') format('woff2'); src: url('/styles/fonts/avalon-book-fdn.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avalon'; src: url('/styles/fonts/avalon-bold-fdn.woff2') format('woff2'); src: url('/styles/fonts/avalon-bold-fdn.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Avalon Condensed'; src: url('/styles/fonts/avalon-demicond-fdn.woff2') format('woff2'); src: url('/styles/fonts/avalon-demicond-fdn.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Serif12'; src: url('/styles/fonts/serif12beta-regular-webfont.woff2') format('woff2'); src: url('/styles/fonts/serif12beta-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Serif12'; src: url('/styles/fonts/serif12beta-bold-webfont.woff2') format('woff2'); src: url('/styles/fonts/serif12beta-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; } .uk-root body { min-height: 360px; min-width: 360px; } .uk-root .uk-tooltip { font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .uk-root .pelcro-root .plc-fixed { z-index: 4444; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantdirectorysearchresults .uk-width-medium\@s, .uk-root .comp-location-morerestaurants .uk-width-medium\@s, .uk-root .layout-RestaurantDirectoryLocation .uk-width-medium\@s, .uk-root .comp-location-restaurantlisting .uk-width-medium\@s, .uk-root .comp-location-restaurantdirectoryheader .uk-width-medium\@s, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-width-medium\@s { width: 300px; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-width-auto\@s, .uk-root .comp-location-morerestaurants .uk-width-auto\@s, .uk-root .layout-RestaurantDirectoryLocation .uk-width-auto\@s, .uk-root .comp-location-restaurantlisting .uk-width-auto\@s, .uk-root .comp-location-restaurantdirectoryheader .uk-width-auto\@s, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-width-auto\@s { width: auto; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-width-expand\@s, .uk-root .comp-location-morerestaurants .uk-width-expand\@s, .uk-root .layout-RestaurantDirectoryLocation .uk-width-expand\@s, .uk-root .comp-location-restaurantlisting .uk-width-expand\@s, .uk-root .comp-location-restaurantdirectoryheader .uk-width-expand\@s, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-width-expand\@s { flex: 1; min-width: 1px; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-width-1-4\@s, .uk-root .comp-location-morerestaurants .uk-width-1-4\@s, .uk-root .layout-RestaurantDirectoryLocation .uk-width-1-4\@s, .uk-root .comp-location-restaurantlisting .uk-width-1-4\@s, .uk-root .comp-location-restaurantdirectoryheader .uk-width-1-4\@s, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-width-1-4\@s { width: 25%; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-width-1-2\@s, .uk-root .comp-location-morerestaurants .uk-width-1-2\@s, .uk-root .layout-RestaurantDirectoryLocation .uk-width-1-2\@s, .uk-root .comp-location-restaurantlisting .uk-width-1-2\@s, .uk-root .comp-location-restaurantdirectoryheader .uk-width-1-2\@s, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-width-1-2\@s { width: 50%; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-width-1-3\@s, .uk-root .comp-location-morerestaurants .uk-width-1-3\@s, .uk-root .layout-RestaurantDirectoryLocation .uk-width-1-3\@s, .uk-root .comp-location-restaurantlisting .uk-width-1-3\@s, .uk-root .comp-location-restaurantdirectoryheader .uk-width-1-3\@s, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-width-1-3\@s { width: calc(100% * 1/3.001); } .uk-root .comp-location-restaurantdirectorysearchresults .uk-width-3-4\@s, .uk-root .comp-location-morerestaurants .uk-width-3-4\@s, .uk-root .layout-RestaurantDirectoryLocation .uk-width-3-4\@s, .uk-root .comp-location-restaurantlisting .uk-width-3-4\@s, .uk-root .comp-location-restaurantdirectoryheader .uk-width-3-4\@s, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-width-3-4\@s { width: 75%; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-child-width-1-2\@s > *, .uk-root .comp-location-morerestaurants .uk-child-width-1-2\@s > *, .uk-root .layout-RestaurantDirectoryLocation .uk-child-width-1-2\@s > *, .uk-root .comp-location-restaurantlisting .uk-child-width-1-2\@s > *, .uk-root .comp-location-restaurantdirectoryheader .uk-child-width-1-2\@s > *, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-child-width-1-2\@s > * { width: 50%; max-width: 100%; box-sizing: border-box; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-child-width-1-3\@s > *, .uk-root .comp-location-morerestaurants .uk-child-width-1-3\@s > *, .uk-root .layout-RestaurantDirectoryLocation .uk-child-width-1-3\@s > *, .uk-root .comp-location-restaurantlisting .uk-child-width-1-3\@s > *, .uk-root .comp-location-restaurantdirectoryheader .uk-child-width-1-3\@s > *, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-child-width-1-3\@s > * { width: calc(100% * 1/3.001); max-width: 100%; box-sizing: border-box; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-child-width-1-4\@s > *, .uk-root .comp-location-morerestaurants .uk-child-width-1-4\@s > *, .uk-root .layout-RestaurantDirectoryLocation .uk-child-width-1-4\@s > *, .uk-root .comp-location-restaurantlisting .uk-child-width-1-4\@s > *, .uk-root .comp-location-restaurantdirectoryheader .uk-child-width-1-4\@s > *, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-child-width-1-4\@s > * { width: calc(100% * 1/4.001); max-width: 100%; box-sizing: border-box; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-child-width-1-5\@s > *, .uk-root .comp-location-morerestaurants .uk-child-width-1-5\@s > *, .uk-root .layout-RestaurantDirectoryLocation .uk-child-width-1-5\@s > *, .uk-root .comp-location-restaurantlisting .uk-child-width-1-5\@s > *, .uk-root .comp-location-restaurantdirectoryheader .uk-child-width-1-5\@s > *, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-child-width-1-5\@s > * { width: calc(100% * 1/5.001); max-width: 100%; box-sizing: border-box; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-child-width-1-6\@s > *, .uk-root .comp-location-morerestaurants .uk-child-width-1-6\@s > *, .uk-root .layout-RestaurantDirectoryLocation .uk-child-width-1-6\@s > *, .uk-root .comp-location-restaurantlisting .uk-child-width-1-6\@s > *, .uk-root .comp-location-restaurantdirectoryheader .uk-child-width-1-6\@s > *, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-child-width-1-6\@s > * { width: calc(100% * 1/6.001); max-width: 100%; box-sizing: border-box; } } @media (min-width: 858px) { .uk-root .uk-hidden\@sm { display: none; } } @media (max-width: 858px) { .uk-root .uk-hidden\@sm { display: block; } .uk-root .uk-visible\@sm { display: none; } .uk-root .uk-width-2-3\@sm { width: calc(100% * 2/3.001); max-width: 100%; box-sizing: border-box; } .uk-root .uk-width-medium\@sm { width: 300px; } } @media (min-width: 998px) and (max-width: 1140px) { .uk-root .comp-location-restaurantdirectorysearchresults .uk-width-medium\@s, .uk-root .comp-location-morerestaurants .uk-width-medium\@s, .uk-root .layout-RestaurantDirectoryLocation .uk-width-medium\@s, .uk-root .comp-location-restaurantlisting .uk-width-medium\@s, .uk-root .comp-location-restaurantdirectoryheader .uk-width-medium\@s, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-width-medium\@s { width: 300px; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-width-auto\@s, .uk-root .comp-location-morerestaurants .uk-width-auto\@s, .uk-root .layout-RestaurantDirectoryLocation .uk-width-auto\@s, .uk-root .comp-location-restaurantlisting .uk-width-auto\@s, .uk-root .comp-location-restaurantdirectoryheader .uk-width-auto\@s, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-width-auto\@s { width: auto; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-width-expand\@s, .uk-root .comp-location-morerestaurants .uk-width-expand\@s, .uk-root .layout-RestaurantDirectoryLocation .uk-width-expand\@s, .uk-root .comp-location-restaurantlisting .uk-width-expand\@s, .uk-root .comp-location-restaurantdirectoryheader .uk-width-expand\@s, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-width-expand\@s { flex: 1; min-width: 1px; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-width-1-4\@s, .uk-root .comp-location-morerestaurants .uk-width-1-4\@s, .uk-root .layout-RestaurantDirectoryLocation .uk-width-1-4\@s, .uk-root .comp-location-restaurantlisting .uk-width-1-4\@s, .uk-root .comp-location-restaurantdirectoryheader .uk-width-1-4\@s, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-width-1-4\@s { width: 100%; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-width-1-2\@s, .uk-root .comp-location-morerestaurants .uk-width-1-2\@s, .uk-root .layout-RestaurantDirectoryLocation .uk-width-1-2\@s, .uk-root .comp-location-restaurantlisting .uk-width-1-2\@s, .uk-root .comp-location-restaurantdirectoryheader .uk-width-1-2\@s, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-width-1-2\@s { width: 100%; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-width-1-3\@s, .uk-root .comp-location-morerestaurants .uk-width-1-3\@s, .uk-root .layout-RestaurantDirectoryLocation .uk-width-1-3\@s, .uk-root .comp-location-restaurantlisting .uk-width-1-3\@s, .uk-root .comp-location-restaurantdirectoryheader .uk-width-1-3\@s, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-width-1-3\@s { width: 100%; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-width-3-4\@s, .uk-root .comp-location-morerestaurants .uk-width-3-4\@s, .uk-root .layout-RestaurantDirectoryLocation .uk-width-3-4\@s, .uk-root .comp-location-restaurantlisting .uk-width-3-4\@s, .uk-root .comp-location-restaurantdirectoryheader .uk-width-3-4\@s, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-width-3-4\@s { width: 100%; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-child-width-1-2\@s > *, .uk-root .comp-location-morerestaurants .uk-child-width-1-2\@s > *, .uk-root .layout-RestaurantDirectoryLocation .uk-child-width-1-2\@s > *, .uk-root .comp-location-restaurantlisting .uk-child-width-1-2\@s > *, .uk-root .comp-location-restaurantdirectoryheader .uk-child-width-1-2\@s > *, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-child-width-1-2\@s > * { width: 100%; max-width: 100%; box-sizing: border-box; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-child-width-1-3\@s > *, .uk-root .comp-location-morerestaurants .uk-child-width-1-3\@s > *, .uk-root .layout-RestaurantDirectoryLocation .uk-child-width-1-3\@s > *, .uk-root .comp-location-restaurantlisting .uk-child-width-1-3\@s > *, .uk-root .comp-location-restaurantdirectoryheader .uk-child-width-1-3\@s > *, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-child-width-1-3\@s > * { width: 100%; max-width: 100%; box-sizing: border-box; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-child-width-1-4\@s > *, .uk-root .comp-location-morerestaurants .uk-child-width-1-4\@s > *, .uk-root .layout-RestaurantDirectoryLocation .uk-child-width-1-4\@s > *, .uk-root .comp-location-restaurantlisting .uk-child-width-1-4\@s > *, .uk-root .comp-location-restaurantdirectoryheader .uk-child-width-1-4\@s > *, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-child-width-1-4\@s > * { width: 100%; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-child-width-1-5\@s > *, .uk-root .comp-location-morerestaurants .uk-child-width-1-5\@s > *, .uk-root .layout-RestaurantDirectoryLocation .uk-child-width-1-5\@s > *, .uk-root .comp-location-restaurantlisting .uk-child-width-1-5\@s > *, .uk-root .comp-location-restaurantdirectoryheader .uk-child-width-1-5\@s > *, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-child-width-1-5\@s > * { width: 100%; max-width: 100%; box-sizing: border-box; } .uk-root .comp-location-restaurantdirectorysearchresults .uk-child-width-1-6\@s > *, .uk-root .comp-location-morerestaurants .uk-child-width-1-6\@s > *, .uk-root .layout-RestaurantDirectoryLocation .uk-child-width-1-6\@s > *, .uk-root .comp-location-restaurantlisting .uk-child-width-1-6\@s > *, .uk-root .comp-location-restaurantdirectoryheader .uk-child-width-1-6\@s > *, .uk-root .comp-location-restaurantdirectoryfilterheader .uk-child-width-1-6\@s > * { width: 100%; max-width: 100%; box-sizing: border-box; } } @media (max-width: 1260px) { .uk-root .comp-location-morerestaurants .uk-width-medium\@s { width: 300px; } .uk-root .comp-location-morerestaurants .uk-width-auto\@s { width: auto; } .uk-root .comp-location-morerestaurants .uk-width-expand\@s { flex: 1; min-width: 1px; } .uk-root .comp-location-morerestaurants .uk-width-1-4\@s { width: 100%; } .uk-root .comp-location-morerestaurants .uk-width-1-2\@s { width: 100%; } .uk-root .comp-location-morerestaurants .uk-width-1-3\@s { width: 100%; } .uk-root .comp-location-morerestaurants .uk-width-3-4\@s { width: 100%; } .uk-root .comp-location-morerestaurants .uk-child-width-1-2\@s > * { width: 100%; max-width: 100%; box-sizing: border-box; } .uk-root .comp-location-morerestaurants .uk-child-width-1-3\@s > * { width: 100%; max-width: 100%; box-sizing: border-box; } .uk-root .comp-location-morerestaurants .uk-child-width-1-4\@s > * { width: 100%; } .uk-root .comp-location-morerestaurants .uk-child-width-1-5\@s > * { width: 100%; max-width: 100%; box-sizing: border-box; } .uk-root .comp-location-morerestaurants .uk-child-width-1-6\@s > * { width: 100%; max-width: 100%; box-sizing: border-box; } } .uk-root .thin-stroke { text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000; } .uk-root a:hover { text-decoration: none; } .uk-root a:hover .fdn-teaser-headline { text-decoration: none; } .uk-root input[type='submit'], .uk-root input[type='reset'] { cursor: pointer; } .uk-root strong, .uk-root b { font-weight: 700; } .uk-root span.fdn-teaser-debug { border: thin solid #ccc; padding: 2px; border-radius: 3px; color: #444; margin-left: 10px; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 0.9rem; } .uk-root div#LoginDialog input.uk-button.uk-button-primary[type=submit] { min-height: 40px; } .uk-root .fdn-icon-tool-core { cursor: pointer; } .uk-root .inlineMediaInfo { display: flex; max-width: 100%; } .uk-root .inlineMediaInfo > li { display: inline !important; } .uk-root .inlineMediaInfo .imageCredit { font-family: Arial, sans-serif; font-weight: 700; margin-right: 4px; color: #666; hyphens: auto; word-break: break-word; } .uk-root .inlineMediaInfo .imageCaption { font-family: Arial, sans-serif; hyphens: auto; word-break: break-word; } .uk-root .fdn-caption-block { display: block !important; line-height: 1; } .uk-root .fdn-caption-block > div, .uk-root .fdn-caption-block > li { display: inline !important; } .uk-root .fdn-caption-block .imageCredit, .uk-root .fdn-caption-block .fdn-image-credit { font-family: Arial, sans-serif; font-weight: 700; margin-right: 4px; color: #666; hyphens: auto; word-break: break-word; } .uk-root .fdn-caption-block .imageCaption, .uk-root .fdn-caption-block .fdn-image-caption { font-family: Arial, sans-serif; hyphens: auto; word-break: break-word; } @media (min-width: 640px) { .uk-root .fdn-page-header { font-size: 45px; } } .uk-root .FlipbooksHeader, .uk-root .comp-page-pageheadline { margin: 8px 4px !important; border-top: 1px solid #ccc; border-top: 1.1px solid #ccc; border-top: thin solid #ccc; padding: 5px 0px 0px; } .uk-root .FlipbooksHeader .fdn-content-headline, .uk-root .comp-page-pageheadline .fdn-content-headline { margin-left: 10px!important; text-transform: uppercase; font-family: 'Avalon', "Roboto", Arial, sans-serif; } .uk-root .PromotionsHeader .fdn-content-headline { border-top: 1px solid #ccc; border-top: 1.1px solid #ccc; border-top: thin solid #ccc; padding: 5px 0px 0px; } .uk-root .EventSearchHeader .fdn-page-header, .uk-root .LocationSearchHeader .fdn-page-header { font-size: 30px; } @media (min-width: 640px) { .uk-root .EventSearchHeader .fdn-page-header, .uk-root .LocationSearchHeader .fdn-page-header { font-size: 35px; } } .uk-root .RespTwoCol1RightFirst .fdn-grid-main.uk-flex-none.fdn-primary, .uk-root .RespTwoCol1 .fdn-grid-main.uk-flex-none.fdn-primary { width: auto; flex: 1; margin-right: 0; max-width: none; } @media (min-width: 858px) { .uk-root .RespTwoCol1RightFirst .fdn-grid-main.uk-flex-none.fdn-primary, .uk-root .RespTwoCol1 .fdn-grid-main.uk-flex-none.fdn-primary { max-width: calc(100% - 318px); } } .uk-root .RespTwoCol1RightFirst .fdn-grid-sidebar, .uk-root .RespTwoCol1 .fdn-grid-sidebar { width: 100%; } @media (min-width: 858px) { .uk-root .RespTwoCol1RightFirst .fdn-grid-sidebar, .uk-root .RespTwoCol1 .fdn-grid-sidebar { width: 318px; } } .uk-root .comp-location-locationheader .fdn-listing-headline { text-align: left; } .uk-root .comp-location-locationmetadata .fdn-listing-meta-data-body { padding-left: 15px; font-weight: 700; } .uk-root .comp-location-locationmetadata + [class*='comp-location-locationdescription'] { clear: both; } .uk-root .fdn-listing-meta-data-url { display: inline-flex; } .uk-root .fdn-location-nearby-block { font-weight: 700; } .uk-root .fdn-location-nearby-block > li { padding: 3px; box-sizing: border-box; } .uk-root [data-component-grid-id="ThreeAcrossAdBlockforpromotionspage"] .uk-width-auto\@m { min-width: 300px; } .uk-root [data-component-grid-id="ThreeAcrossAdBlockforpromotionspage"] .uk-width-expand\@m { max-width: 100%; } @media (min-width: 858px) { .uk-root [data-component-grid-id="ThreeAcrossAdBlockforpromotionspage"] .uk-width-expand\@m { max-width: calc(100% - 600px); } } .uk-root .fdn-promotions-block { width: 300px; height: 250px; box-sizing: border-box; border: 2px solid var(--primary-color); margin: auto; -moz-user-select: none; -webkit-user-select: none; user-select: none; align-items: center; } .uk-root .fdn-promotions-block .fdn-promotions-header { padding: 5px 10px; box-sizing: border-box; } .uk-root .fdn-promotions-block .fdn-promotions-header img { height: 30px; width: auto; margin-right: 8px; } .uk-root .fdn-promotions-block .fdn-promotions-header h2 { font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 400; font-size: 1.88rem; color: var(--primary-color); } .uk-root .fdn-promotions-block .fdn-promotions-image-block { padding: 0 10px; } .uk-root .fdn-promotions-block .fdn-promotions-text-block { padding: 10px 5px; } .uk-root .fdn-promotions-block .fdn-promotions-text-block h3 { font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.05; color: #000; margin-top: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; } .uk-root .fdn-promotions-block .fdn-promotions-button span { padding: 2px 16px; color: #fff; background: var(--primary-color); font-weight: 400; transition: ease-out 122ms; border-radius: 3px; font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root .fdn-promotions-block .fdn-promotions-button span:hover { background: var(--primary-color); } .uk-root .componentGrid-OneZone.uk-sticky { z-index: 1; padding-top: 0; box-shadow: none; } .uk-root .componentGrid-OneZone.uk-sticky.uk-sticky-fixed { padding-top: 9px; } .uk-root [data-component-grid-id="NowPlayingandAdSticky"] { display: none; } @media (min-width: 858px) { .uk-root [data-component-grid-id="NowPlayingandAdSticky"] { display: flex; } } .uk-root .ev-grid-layout { max-width: 1098px; background: #fff; box-shadow: 0 0px 15px rgba(0, 0, 0, 0.5); margin: auto; box-sizing: border-box; padding: 0 ; } .uk-root .ev-grid-layout .ev-grid-zone { box-sizing: border-box; max-width: 100%; } @media (min-width: 640px) { .uk-root .ev-clamp\@m .ev-grid-zone { width: 100%; } } .uk-root .fdn-free-stuff-item a img, .uk-root .fdn-custom-section-standard-teaser a img, .uk-root .comp-landing-topicteasers a img, .uk-root .comp-landing-contentteasers a img, .uk-root .comp-landing-sectionfeature a img, .uk-root .comp-landing-categoryfeature a img { box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5); border-bottom: thin solid #8e8e8e; } .uk-root .ev-header-zone .ev-grid-col { padding: 0 !important; } .uk-root .SiteHeaderGrid { background: #fff; transition: box-shadow 0.2s; } .uk-root .SiteHeaderGrid .fdn-site-header-flex { height: 70px; } @media (min-width: 640px) { .uk-root .SiteHeaderGrid .fdn-site-header-flex { height: 95px; } } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-nav-toggle { display: block !important; } } .uk-root .SiteHeaderGrid .fdn-site-header-links { display: none; } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-links { display: none !important; } } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-search-toggle { display: block !important; } } .uk-root .SiteHeaderGrid .fdn-site-header-nav { display: none !important; } .uk-root .SiteHeaderGrid .fdn-nav-parent.fdn-nav-parent { display: block; padding: 0; font-family: Roboto, Arial, sans-serif; } .uk-root .SiteHeaderGrid .fdn-site-header-logo { transition: 188ms linear; width: calc(100% * 1 / 3.001); margin: 0; } @media (min-width: 640px) { .uk-root .SiteHeaderGrid .fdn-site-header-logo { width: 25%; } } .uk-root .SiteHeaderGrid .fdn-site-header-logo .uk-logo img { width: 220px; height: auto; } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-logo { width: auto; flex: none; margin: 0 8px; } } .uk-root .SiteHeaderGrid .fdn-site-header-text-block { flex: 1; } .uk-root .SiteHeaderGrid .fdn-site-header-text-block .fdn-site-header-slogan { font-size: 13px; color: #000; font-style: italic; padding-left: 15px; transition: 188ms linear; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-weight: 300; display: none; } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-text-block .fdn-site-header-slogan { font-size: 19px; letter-spacing: -0.01em; padding-left: 30px; } } @media (min-width: 728px) { .uk-root .SiteHeaderGrid .fdn-site-header-text-block .fdn-site-header-slogan { display: block; } } .uk-root .SiteHeaderGrid .fdn-site-header-support-button { display: inline-block; padding: 4px 8px; background: #3499cc; border-radius: 5px; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 0.64rem; margin: 2px 8px 0 23px; transition: 188ms linear; } @media (min-width: 640px) { .uk-root .SiteHeaderGrid .fdn-site-header-support-button { font-size: 0.77rem; } } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-support-button { font-size: 1rem; } } .uk-root .SiteHeaderGrid .fdn-site-header-support-button:hover { background: #39c; } .uk-root .SiteHeaderGrid .fdn-site-header-login-block { margin-left: auto; } .uk-root .SiteHeaderGrid .fdn-site-header-login-block svg { color: #000; } .uk-root .SiteHeaderGrid .fdn-site-header-login-block p { text-transform: uppercase; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 700; } @media (min-width: 998px) { .uk-root .SiteHeaderGrid .fdn-site-header-login-block p { display: block; } } .uk-root .SiteHeaderGrid .fdn-site-header-login-block p .uk-visible\@sm { font-family: "Roboto", Helvetica, Arial, sans-serif; color: #000; margin-left: 3px; } .uk-root .SiteHeaderGrid .fdn-site-header-login-block p .uk-icon[uk-icon*='chevron'] { transition: 113ms linear; } .uk-root .SiteHeaderGrid .fdn-site-header-login-block p.uk-open .uk-icon[uk-icon*='chevron'] { transform: rotate(90deg); } .uk-root .SiteHeaderGrid .fdn-site-header-login-block .uk-nav { font-family: Roboto, Arial, sans-serif; } .uk-root .SiteHeaderGrid .fdn-site-header-login-block .uk-nav li a { color: #000; transition: ease-out 122ms; text-transform: uppercase; font-size: 16px; padding: 5px; } .uk-root .SiteHeaderGrid .fdn-site-header-login-block .uk-nav li a:hover { color: #fff; background: var(--primary-color); } .uk-root .fdn-site-header-nav-wide { background: #fff; padding: 20px 6% 10px; bottom: auto; top: 95px !important; box-shadow: 0px 4px 6px 1px rgba(51, 51, 51, 0.33); overflow: hidden; } .uk-root .fdn-site-header-nav-wide .fdn-nav-list-custom { margin: 0 auto auto; text-align: left; } .uk-root .fdn-site-header-nav-wide .fdn-nav-item a { display: block; font-size: 13px !important; color: #000; font-family: Roboto, Arial, sans-serif; } .uk-root .fdn-site-header-nav-wide .fdn-nav-item a:hover { color: #fff; } .uk-root .fdn-site-header-nav-wide .fdn-nav-item:nth-child(n+2) { margin-top: 5px; } .uk-root .fdn-site-header-nav-wide .fdn-nav-item-header a { font-weight: 700; color: var(--primary-color); text-transform: uppercase; font-size: 14px !important; } .uk-root .uk-offcanvas-bar .fdn-nav-parent.fdn-nav-parent.uk-open > a { background: var(--primary-color); color: #fff; } .uk-root .uk-offcanvas-bar .fdn-nav-parent.fdn-nav-parent:not(.uk-open) > a:hover { background: none; color: #000; } .uk-root .fdn-site-header-search-block { display: flex; justify-content: center; margin: 25px 0 15px; } .uk-root .fdn-site-header-search-block .fdn-site-header-search-wrap { border: thin solid #ccc; border-radius: 6px; padding: 2px; display: inline-flex; } .uk-root .fdn-site-header-search-block .fdn-site-header-search-input { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; padding: 3px; outline: none; box-sizing: border-box; width: 260px; } .uk-root .fdn-site-header-search-block .fdn-site-header-search-input::placeholder { color: #ccc; } .uk-root .fdn-site-header-search-block .fdn-site-header-search-submit { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; background: none; outline: none; top: -2px; position: relative; } .uk-root .fdn-site-header-search-block .fdn-site-header-search-submit svg { color: var(--primary-color) !important; } .uk-root div#offcanvas-slide-navigation { top: 70px; } .uk-root div#offcanvas-slide-navigation #site-nav-target .fdn-site-header-search-input { width: auto; } .uk-root div#offcanvas-slide-navigation .fdn-nav-panel-block .fdn-nav-parent.fdn-nav-parent a { font-size: 16px !important; padding: 5px !important; } .uk-root .uk-parent[id*='offcanvas'] span { vertical-align: bottom; display: inline-block; margin: 0 5px 0 10px; transition: 113ms linear; transform: rotate(180deg); float: none; } .uk-root .uk-open.uk-parent[id*='offcanvas'] span { transform: rotate(270deg); } .uk-root .fdn-site-header-nav-wide-column-wrap { margin: auto; max-width: 1500px; } @media (max-width: 1360px) { .uk-root .fdn-nav-list-custom:last-child { display: none; } } .uk-root [class*='AirMedRectComboInline'] > div > div, .uk-root [class*='AirMediumRectangle'] > div, .uk-root [class*='AirTowerAd'] > div, .uk-root .AirSVPLeaderboard > div, .uk-root .AirLVPLeaderboard > div, .uk-root .AirLeaderboard > div { display: flex; margin: 20px auto 0; align-items: center; justify-content: center; } .uk-root [class*='AirMedRectComboInline'] > div [style*='300px'], .uk-root [class*='AirMediumRectangle'] [style*='300px'], .uk-root [class*='AirTowerAd'] [style*='300px'], .uk-root .AirSVPLeaderboard [style*='300px'], .uk-root .AirLVPLeaderboard [style*='300px'], .uk-root .AirLeaderboard [style*='300px'] { display: flex; line-height: 1 !important; box-sizing: border-box; padding: 5px; align-items: center; } .uk-root [id*='apn-leaderboardMiddle'] { text-align: center; } .uk-root [class*='fdn-margin-']:last-child { margin-bottom: 0; } .uk-root #Content .fdn-content-headline, .uk-root #Post .fdn-content-headline { color: #333; letter-spacing: -2px; } .uk-root #Content .fdn-content-headline i, .uk-root #Post .fdn-content-headline i, .uk-root #Content .fdn-content-headline em, .uk-root #Post .fdn-content-headline em { margin-right: 0.2ch; } .uk-root #Content .fdn-content-body h2.subhead, .uk-root #Post .fdn-content-body h2.subhead { font-size: 23px; line-height: 1.5rem; } .uk-root #Content .fdn-content-body .subheadbox, .uk-root #Post .fdn-content-body .subheadbox { font-weight: 700; } .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.25em; margin-bottom: 1.25em; } .uk-root .fdn-blog-body > p, .uk-root .fdn-blog-body div > p:not([class*=fdn]) { margin-top: 1.25em; margin-bottom: 1.25em; } .uk-root .BlogPost [class*='infoline'] a, .uk-root .comp-content-storyheader [class*='infoline'] a { color: var(--primary-color); } .uk-root .comp-content-storyheader { overflow: hidden; } .uk-root .beforeBillboard .stickCeption1.uk-sticky-fixed { border-top: 5px solid #fff; box-shadow: none; margin-top: -5px !important; } .uk-root .fdn-content-footer-row { align-items: flex-start; } .uk-root .fdn-content-footer-row .avantis-hook { margin-left: 0px; margin-top: 1rem; } @media (min-width: 640px) { .uk-root .fdn-content-footer-row .avantis-hook { margin-left: 20px; margin-top: 0; } } .uk-root .fdn-content-body.fdn-content-body-large { font-size: 1.44rem !important; } .uk-root .fdn-custom-story-header { padding-left: 0; margin-top: 5px; } @media (min-width: 640px) { .uk-root .fdn-custom-story-header { padding-left: 12px; } } .uk-root .fdn-custom-story-header .fdn-custom-story-header-topic a { display: inline-block; padding: 1px 6px 0; border: thin solid var(--primary-color); border-width: 0 2px; font-weight: 700; color: var(--primary-color); text-transform: uppercase; letter-spacing: 1px; line-height: 1; } .uk-root .fdn-custom-story-header .fdn-content-infoline span { display: inline-block; text-transform: uppercase; line-height: 1; } .uk-root .fdn-custom-story-header .fdn-content-infoline span.fdn-custom-story-header-date + span, .uk-root .fdn-custom-story-header .fdn-content-infoline span.fdn-custom-story-header-author + span { border-left: 2px solid #ccc; padding-left: 8px; margin-left: 6px; } .uk-root .comp-shell-imageflipbook .fdn-caption-block { flex-wrap: wrap; } .uk-root .comp-shell-imageflipbook .fdn-caption-block .fdn-image-credit { font-weight: 700; color: #666; align-self: flex-start; } .uk-root .comp-shell-imageflipbook .fdn-caption-block .fdn-image-credit a { font-weight: 700; font-family: "Roboto", Helvetica, Arial, sans-serif; color: #666; } .uk-root .fdn-magnum-block { max-width: 100%; } @media (min-width: 858px) { .uk-root .fdn-magnum-block { max-width: 760px; } } .uk-root .fdn-magnum-block .fdn-caption-block { flex-wrap: wrap; } .uk-root .fdn-magnum-block .fdn-caption-block .fdn-image-credit { font-weight: 700; color: #666; align-self: flex-start; } .uk-root .fdn-magnum-block .fdn-caption-block .fdn-image-credit a { font-weight: 700; color: #666; } .uk-root .fdn-magnum-block .fdn-image-credit, .uk-root .fdn-magnum-block .fdn-image-caption { font-family: Arial, sans-serif; } .uk-root .fdn-magnum-block .fdn-image-caption + .fdn-image-credit { margin-left: 4px; } .uk-root .fdn-content-multi-row-share-tools-large > div { margin: 0 0 15px; } .uk-root .fdn-content-multi-row-share-tools-large.uk-active { padding-top: 15px; } .uk-root .fdn-content-multi-row-share-tools-small { margin-top: 15px; padding-left: 0; } .uk-root .fdn-content-multi-row-share-tools-small > div { margin: 0 10px 15px 0; transition: ease-out 122ms; } @media (min-width: 640px) { .uk-root .fdn-content-multi-row-share-tools-small > div { margin-right: 40px; } } @media (min-width: 640px) { .uk-root .fdn-content-multi-row-share-tools-small { padding-left: 18px; } } .uk-root .content-multiple-item .fdn-icon-tool-core.fdn-icon-tool-core[uk-icon] { border: none; } .uk-root .content-multiple-item [fdn-share-button-email] a { color: #000; font-size: 1.1em; } .uk-root .content-multiple-item [fdn-share-button-print] a, .uk-root .content-multiple-item [fdn-share-button-text-size] a { border: thin solid #444; border-radius: 5px; display: inline-flex; align-items: center; padding: 1px 6px; color: #000; } .uk-root .content-multiple-item [fdn-share-button-print] a .uk-icon-button, .uk-root .content-multiple-item [fdn-share-button-text-size] a .uk-icon-button { width: auto; height: auto; } .uk-root .comp-content-storylayout { margin-top: 0 !important; } .uk-root .comp-content-storylayout .fdn-content-body { padding-left: 0; } .uk-root .comp-content-storylayout .fdn-content-body .fdn-content-image-center:first-of-type { display: none; } @media (min-width: 640px) { .uk-root .comp-content-storylayout .fdn-content-body { padding-left: 18px; } } .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 .comp-landing-contentmultirow .content-multiple-item, .uk-root .comp-landing-contentmulti .content-multiple-item { margin: 2rem 0; } .uk-root .comp-landing-contentmultirow .content-multiple-item + .content-multiple-item, .uk-root .comp-landing-contentmulti .content-multiple-item + .content-multiple-item { padding-top: 1rem; border-top: 1px solid #ccc; border-top: thin solid #ccc; } .uk-root .comp-landing-contentmultirow .content-multiple-item .text-links-hook, .uk-root .comp-landing-contentmulti .content-multiple-item .text-links-hook { margin-left: 0; } @media (min-width: 858px) { .uk-root .comp-landing-contentmultirow .content-multiple-item .text-links-hook, .uk-root .comp-landing-contentmulti .content-multiple-item .text-links-hook { margin-left: 18px; } } .uk-root .comp-landing-contentmultirow .content-multiple-item .fdn-magnum-block, .uk-root .comp-landing-contentmulti .content-multiple-item .fdn-magnum-block { overflow: hidden; padding-left: 0; } @media (min-width: 640px) { .uk-root .comp-landing-contentmultirow .content-multiple-item .fdn-magnum-block, .uk-root .comp-landing-contentmulti .content-multiple-item .fdn-magnum-block { padding-left: 18px; } } .uk-root .comp-landing-contentmultirow .content-multiple-item:first-child, .uk-root .comp-landing-contentmulti .content-multiple-item:first-child { margin-top: 0; } .uk-root .comp-landing-contentmultirow .uk-sticky.uk-sticky-fixed, .uk-root .comp-landing-contentmulti .uk-sticky.uk-sticky-fixed { z-index: 970; box-shadow: none; } .uk-root .comp-landing-contentmultirow .comp-content-storyheader, .uk-root .comp-landing-contentmulti .comp-content-storyheader { margin-top: 0 !important; } .uk-root [data-component-grid-id="StickyMediumRectanglePlaylistCombo"] { background-color: transparent !important; } .uk-root [data-component-grid-id="StickyMediumRectanglePlaylistCombo"].uk-active .comp-landing-contentmultiplaylist { border: thin solid #555; border-width: 0 thin thin; } .uk-root .comp-landing-contentmultiplaylist { transition: border 0.25s ease-in; border: thin solid transparent; border-width: 0 thin thin; background: #fff; } .uk-root .comp-landing-contentmultiplaylist .fdn-component-header-text { font-size: 1rem; } .uk-root .comp-landing-contentmultiplaylist ul.fdn-nav-list.uk-nav > li { transition: ease-out 122ms; } .uk-root .comp-landing-contentmultiplaylist ul.fdn-nav-list.uk-nav > li:hover a { background: #fff !important; color: var(--primary-color); } .uk-root .comp-landing-contentmultiplaylist ul.fdn-nav-list.uk-nav > li a { background: #fff !important; transition: linear 0.2s; display: block; font-size: 1.5rem; line-height: 1.15em; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #000; text-decoration: none; text-transform: none; font-weight: 700; margin-top: 0; margin-bottom: 10px; -webkit-hyphens: none; -ms-hyphens: none; -moz-hyphens: none; hyphens: none; font-size: 1.1rem !important; margin-bottom: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; } .ev-grid-col[min-width~="400px"] .uk-root .comp-landing-contentmultiplaylist ul.fdn-nav-list.uk-nav > li a { font-size: 1.5rem; line-height: 1.15em; margin-bottom: 13px; } .ev-grid-col[min-width~="640px"] .uk-root .comp-landing-contentmultiplaylist ul.fdn-nav-list.uk-nav > li a { font-size: 1.5rem; line-height: 1.15em; margin-bottom: 15px; } .uk-root .comp-landing-contentmultiplaylist ul.fdn-nav-list.uk-nav > li a i, .uk-root .comp-landing-contentmultiplaylist ul.fdn-nav-list.uk-nav > li a em { margin-right: 0.2ch; } .uk-root .comp-landing-contentmultiplaylist ul.fdn-nav-list.uk-nav > li.uk-active { background: #fff !important; border: thin solid #ccc; border-left: 3px solid var(--primary-color); border-top: none; box-shadow: 0px 3px 5px 0px #0008; position: relative; } .uk-root .comp-landing-contentmultiplaylist ul.fdn-nav-list.uk-nav > li.uk-active a { color: var(--primary-color); background: #fff !important; } .uk-root .fdn-content-body [id*='real1-player'] { margin-top: 2.3rem; } .uk-root .fdn-content-body .instagram-media, .uk-root .fdn-content-body .twitter-tweet { margin: 15px auto !important; } .uk-root .comp-content-abouttheauthor { padding: 1rem 0; margin-left: 18px; border: thin solid #ccc; border-width: thin 0; } .uk-root .comp-content-abouttheauthor .fdn-about-author-image-block a img { width: 125px; } .uk-root .comp-content-abouttheauthor .fdn-about-author-content-block { font-family: "Roboto", Helvetica, Arial, sans-serif; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; } .uk-root .comp-content-abouttheauthor .fdn-about-author-content-block .contact, .uk-root .comp-content-abouttheauthor .fdn-about-author-content-block .follow, .uk-root .comp-content-abouttheauthor .fdn-about-author-content-block .bio { color: #000; } .uk-root .comp-content-abouttheauthor .fdn-about-author-content-block .bio { display: none; } @media (min-width: 858px) { .uk-root .comp-content-abouttheauthor .fdn-about-author-content-block .bio { display: block; } } .uk-root .comp-content-abouttheauthor .fdn-about-author-content-block .bio b { text-transform: uppercase; } .uk-root .comp-content-abouttheauthor .fdn-about-author-content-block .follow div + div { margin-left: 10px; } .uk-root .comp-content-abouttheauthor .fdn-about-author-content-block strong { font-size: 1rem; text-transform: uppercase; } .uk-root .comp-content-abouttheauthor .fdn-about-author-content-block a { color: var(--primary-color); } .uk-root #ArticleArchives .comp-author-bio .memberThumb, .uk-root #Author .comp-author-bio .memberThumb { border-radius: 100%; } .uk-root #ArticleArchives [class*='comp-author'] .fdn-component-header-block, .uk-root #Author [class*='comp-author'] .fdn-component-header-block { display: inline-flex; } .uk-root #ArticleArchives .comp-author-recentstories .pres-ContentListRectangleSummary + .uk-margin-small.uk-clearfix.uk-text-right, .uk-root #Author .comp-author-recentstories .pres-ContentListRectangleSummary + .uk-margin-small.uk-clearfix.uk-text-right { text-align: center !important; } .uk-root #ArticleArchives .comp-author-recentstories .fdn-more-link, .uk-root #Author .comp-author-recentstories .fdn-more-link { color: #fff; font-weight: 700; background: var(--primary-color); padding: 8px; text-transform: uppercase; float: none; margin: auto !important; } .uk-root #ArticleArchives .comp-author-bio > div { padding: 12px; box-shadow: 1px 1px 7px -1px #333e; border-radius: 2px; } .uk-root #ArticleArchives .comp-author-bio > div .uk-flex-right.uk-flex-last { width: auto; } .uk-root #ArticleArchives .comp-author-bio > div .uk-width-3-4\@es.uk-width-2-3\@exs.uk-width-1-2 { flex: 1; } .uk-root #ArticleArchives .comp-author-bio .fdn-content-headline { font-size: 36px; } .uk-root #ArticleArchives .comp-author-bio .fdn-content-body.fdn-content-author-bio { margin-top: 1rem; font-size: 1rem; } .uk-root #ArticleArchives .comp-author-bio .memberThumb { max-width: 155px; } @media (min-width: 640px) { .uk-root #ArticleArchives .comp-author-bio .memberThumb { max-width: 200px; } } @media (max-width: 401px) { .uk-root #ArticleArchives .comp-author-bio .uk-flex-right.uk-flex-last { display: none; } } .uk-root .fdn-animation-blue-bar-left, .uk-root .fdn-keep-free-blue-bar-top, .uk-root .fdn-keep-free-text-mask { will-change: transform; } @keyframes blueBarTop { from { transform: translate(100%, 0); } to { transform: translate(0, 0); } } @keyframes blueBarLeft { from { transform: translate(0, -100%); } to { transform: translate(0, 0); } } @keyframes textMask { from { transform: translate(0, 0); } to { transform: translate(100%, 0); } } .uk-root .fdn-animation-blue-bar-top { animation: blueBarTop 1500ms ; } .uk-root .fdn-animation-blue-bar-left { animation: blueBarLeft 1500ms ; } .uk-root .fdn-animation-text-mask { animation: textMask 6500ms forwards; } .uk-root .fdn-animation-blue-bar-left, .uk-root .fdn-keep-free-blue-bar-top { background: #09c; padding: 3px; border-radius: 1px; box-sizing: border-box; } .uk-root .fdn-animation-blue-bar-left { position: absolute; top: 0; bottom: 0; } .uk-root .comp-content-keepfree { padding-left: 18px; } .uk-root .fdn-keep-free-body { padding: 8px 18px; font-family: "Roboto", Helvetica, Arial, sans-serif; color: #111; line-height: 1.4; } .uk-root .fdn-keep-free-link { margin-left: 18px; } .uk-root .fdn-keep-free-link a { font-weight: 700; font-family: 'Serif12', Georgia, Times, serif; color: #09c; display: inline-block; } .uk-root .fdn-keep-free-text-mask { position: absolute; background: #fff; width: 100%; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; transform: translate(100%, 0); } .uk-root .ConnatixPlaceholder, .uk-root .SponsoredContentPlaceholder { padding: 30px; background: #f4f4f4; text-align: center; height: 250px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .uk-root .ev-grid-zone { background: #fff; } .uk-root .comp-shell-logo, .uk-root .comp-shell-siteheader { margin-top: 0!important; margin-bottom: 0 !important; } .uk-root .comp-shell-logo a.uk-logo, .uk-root .comp-shell-siteheader a.uk-logo { display: block; margin: 8px 0; } .uk-root .custom-footer-row-bottom { margin-bottom: 100px; } .uk-root .fdn-custom-footer-navigation-link-block * { font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root .fdn-custom-footer-navigation-link-block .fdn-custom-footer-navigation-link-block-column { padding: 5px 16px; line-height: 0.8rem; } .uk-root .fdn-custom-footer-navigation-link-block .fdn-custom-footer-navigation-link-block-column:nth-of-type(3) { padding-left: 16px; } @media (min-width: 640px) { .uk-root .fdn-custom-footer-navigation-link-block .fdn-custom-footer-navigation-link-block-column:nth-of-type(3) { padding-left: 6px; } } .uk-root .fdn-custom-footer-navigation-link-block .fdn-custom-footer-navigation-link-block-column:last-child li + li { font-style: italic; } .uk-root .fdn-custom-footer-navigation-link-block .uk-totop { padding: 0; display: block; line-height: 1.3; color: var(--primary-color); font-size: 0.8rem; font-weight: 700; text-transform: uppercase; } .uk-root .fdn-custom-footer-navigation-link-block .uk-totop svg { display: none; } .uk-root .fdn-custom-footer-navigation-link-block .fdn-custom-footer-navigation-link-block-row-header, .uk-root .fdn-custom-footer-navigation-link-block .fdn-custom-footer-navigation-link-block-column-header a { color: var(--primary-color); font-size: 0.8rem; font-weight: 700; text-transform: uppercase; } .uk-root .fdn-custom-footer-navigation-link-block li { margin-top: 10px !important; } .uk-root .fdn-custom-footer-navigation-link-block li a, .uk-root .fdn-custom-footer-navigation-link-block li i { color: #101010; font-weight: 400; font-size: 0.8rem; } .uk-root .fdn-custom-footer-navigation-link-block li a:hover, .uk-root .fdn-custom-footer-navigation-link-block li a:hover i { color: var(--primary-color); } .uk-root .fdn-custom-footer-navigation-link-block .fdn-custom-footer-navigation-link-block-issue-block { margin-top: 6px; } .uk-root .fdn-custom-footer-navigation-link-block .fdn-custom-footer-navigation-link-block-issue-block h4 { color: #101010; font-weight: 400; font-size: 0.9rem; } .uk-root .fdn-custom-footer-navigation-link-block-row .uk-nav-parent-icon > .uk-parent > 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='%23999' stroke-width='1.1' points='10 1 4 7 10 13' /%3E %3C/svg%3E") !important; vertical-align: bottom; display: inline-block; margin-left: 10px; transition: 113ms linear; transform: rotate(180deg); float: none; } .uk-root .fdn-custom-footer-navigation-link-block-row .uk-nav-parent-icon > .uk-parent.uk-open > a::after { transform: rotate(270deg); } .uk-root .fdn-custom-footer-navigation-link-block-narrow a.uk-totop { padding-top: 5px !important; } .uk-root .fdn-custom-footer-navigation-link-block-narrow a.uk-totop:after { display: none !important; } .uk-root .fdn-custom-footer-navigation-link-block-narrow .fdn-custom-footer-navigation-link-block-narrow-legal-links { text-align: center; margin: 12px 0; padding: 12px 0; border: thin solid #ddd; border-width: thin 0; } .uk-root .fdn-custom-footer-navigation-link-block-narrow .fdn-custom-footer-navigation-link-block-narrow-legal-links div a { line-height: 1; display: inline-block; font-size: 11px; color: #111111; font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root .fdn-custom-footer-navigation-link-block-narrow .fdn-custom-footer-navigation-link-block-narrow-legal-links div a + a { margin-left: 1px; border-left: thin solid #222; padding-left: 5px; } .uk-root .fdn-custom-footer-navigation-link-social-block { display: flex; justify-content: flex-start; align-items: center; margin: 20px 0; } .uk-root .fdn-custom-footer-navigation-link-social-block a { display: block; color: #000; transition: ease-out 122ms; margin: 0 8px 0 0; max-width: 28px; } @media (min-width: 998px) { .uk-root .fdn-custom-footer-navigation-link-social-block a { max-width: none; margin: 0 20px 0 0; } } .uk-root .fdn-custom-footer-navigation-link-social-block a:hover { opacity: 0.7; } .uk-root a.fdn-custom-footer-navigation-link-social-facebook { font-size: 0.95em; line-height: 2; } .uk-root .fdn-copyright-text a { color: #000; } .uk-root .ev-grid-zone.ev-footer-zone { width: 100%; box-sizing: border-box; padding: 0.75rem; background: #eee; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 1rem; } .uk-root .ev-grid-zone.ev-footer-zone .ev-grid-col { width: 998px; max-width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; } .uk-root .ev-grid-zone.ev-footer-zone .comp-shell-footernavigation { width: 100%; box-sizing: border-box; } .uk-root .ev-grid-zone.ev-footer-zone .comp-shell-footernavigation a.fdn-copyright-link img { filter: brightness(1.2); } .uk-root .ev-grid-zone.ev-footer-zone .comp-shell-footernavigation a:hover { color: var(--primary-color); } .uk-root .ev-grid-zone.ev-footer-zone .comp-shell-footercopyright { width: 100%; flex: none; box-sizing: border-box; margin: 0; color: #111; } .uk-root .ev-grid-zone.ev-footer-zone .comp-shell-footercopyright * { font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root .ev-grid-zone.ev-footer-zone .comp-shell-footercopyright a:hover { color: var(--primary-color); } .uk-root .custom-footer-block { display: inline-flex; } .uk-root .fdn-labeled > div { position: relative; margin-top: 0px !important; } .uk-root .fdn-labeled > div:before { display: block; content: 'advertisement'; color: #ccc; font-size: 18px; position: absolute; top: -20px; text-align: center; left: 0; right: 0; font-style: italic; } .uk-root .fdn-labeled.AirBillboardInlineContent > div:before { top: 5px !important; } .uk-root .fdn-labeled[style*='margin-bottom'] { overflow: visible; } .uk-root .fdn-labeled[style*='margin-bottom']:before { top: -20px !important; } .uk-root .fdn-labeled[class*='AirHalfPage'] { overflow: visible; } .uk-root .fdn-labeled[class*='AirMediumRectangle']:not([class*='ThreeAcross']) > div { margin-top: 20px !important; } @media (min-width: 998px) { .uk-root .fdn-labeled[class*='AirMediumRectangle']:not([class*='ThreeAcross']) > div { margin-top: 0px !important; } } .uk-root .fdn-labeled[class*='AirMediumRectangle'][class*='ThreeAcross'] > div, .uk-root .fdn-labeled[class*='AirLVPLeaderboard'] > div, .uk-root .fdn-labeled[class*='AirLeaderboard'] > div, .uk-root .fdn-labeled.PromotionsandNativeAdresponsive > div { margin-top: 20px !important; } .uk-root [class*='AirBillboard'] .fdn-labeled > div { align-items: center; } .uk-root [class*='AirBillboard'] .fdn-labeled > div:before { top: -25px; } .uk-root .AirRectangleTopRightColumnresponsive { text-align: center; } .uk-root .Leader.Leaderboard > div, .uk-root .GlobalFooter.Leaderboard > div { margin-bottom: 20px; margin-top: 20px !important; } .uk-root .uk-grid .fdn-labeled:before { margin-left: 30px; } .uk-root [class*='AirMedRectComboInline'].fdn-labeled > div:before { display: none; } .uk-root [class*='AirMedRectComboInline'].fdn-labeled [id*='Air_MediumRectangle'] { position: relative; } .uk-root [class*='AirMedRectComboInline'].fdn-labeled [id*='Air_MediumRectangle']:before { display: block; content: 'advertisement'; color: #ccc; font-size: 18px; position: absolute; top: -20px; text-align: center; left: 0; right: 0; font-style: italic; } .uk-root .fdn-ads-inline-content-block { position: relative; z-index: 5; } .uk-root .comp-landing-homefeatures .fdn-custom-home-feature-teaser-header-block { background: var(--primary-color); padding: 1px 8px; align-items: center; justify-content: center; pointer-events: none; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); display: none; } @media (min-width: 640px) { .uk-root .comp-landing-homefeatures .fdn-custom-home-feature-teaser-header-block { display: flex; } } .uk-root .comp-landing-homefeatures .fdn-custom-home-feature-teaser-header-block .fdn-custom-home-feature-teaser-header-text { margin: 0; color: #fff; text-transform: uppercase; font-size: 30px; font-weight: 700; pointer-events: none; } .uk-root .comp-landing-homefeatures .fdn-custom-home-feature-teaser-header-block .fdn-custom-home-feature-teaser-header-text .uk-icon { position: relative; top: -2px; margin-left: 6px; } .uk-root .comp-landing-homefeatures .fdn-custom-home-feature-teaser-block { position: relative; } .uk-root .comp-landing-homefeatures .fdn-custom-home-feature-teaser-block a .fdn-feature-headline:hover { color: #ddd; } .uk-root .comp-landing-homefeatures .fdn-custom-home-feature-teaser-block:after { content: " "; display: block; box-shadow: 0 3px 10px #000000; height: 0; padding-bottom: 17px; margin: auto; bottom: 17px; position: relative; z-index: 0; left: 0; right: 0; width: 90%; background: transparent; border-radius: 100%; } .uk-root .comp-landing-homefeatures a.fdn-custom-home-feature-teaser-link { text-decoration: none; overflow: hidden; position: relative; z-index: 5; display: block; text-transform: none; color: #111; } .uk-root .comp-landing-homefeatures a.fdn-custom-home-feature-teaser-link:hover { text-decoration: none; color: #fff; } .uk-root .comp-landing-homefeatures a.fdn-custom-home-feature-teaser-link .uk-overlay { position: relative !important; background: #010101; box-shadow: 0px -1px 5px 3px #010101; } @media (min-width: 640px) { .uk-root .comp-landing-homefeatures a.fdn-custom-home-feature-teaser-link .uk-overlay { position: absolute !important; background: rgba(34, 34, 34, 0.8); box-shadow: none; } } .uk-root .comp-landing-homefeatures a.fdn-custom-home-feature-teaser-link .uk-overlay .fdn-feature-headline { text-transform: none; text-decoration: none; font-size: 24px !important; } @media (min-width: 640px) { .uk-root .comp-landing-homefeatures a.fdn-custom-home-feature-teaser-link .uk-overlay .fdn-feature-headline { text-transform: uppercase; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-size: 26px !important; } } .uk-root .comp-landing-homefeatures .fdn-custom-home-feature-link-teaser-link { text-decoration: none; color: #111; padding-right: 18px; transition: 155ms ease; } .uk-root .comp-landing-homefeatures .fdn-custom-home-feature-link-teaser-link:hover { text-decoration: none; color: var(--primary-color); } .uk-root .comp-landing-homefeatures .fdn-custom-home-feature-link-teaser-link:hover .fdn-teaser-headline { text-decoration: none; color: var(--primary-color); } .uk-root .comp-landing-homefeatures .fdn-custom-home-feature-link-teaser-link .fdn-teaser-headline { font-family: 'Avalon Condensed', 'Arial Narrow', Helvetica, sans-serif; font-weight: 700; font-size: 23px; text-transform: none; letter-spacing: -0.5px; } @media (min-width: 640px) { .uk-root .comp-landing-homefeatures .fdn-custom-home-feature-link-teaser-link .fdn-teaser-headline { text-transform: uppercase; font-size: 24px; } } @media (min-width: 998px) { .uk-root .comp-landing-homefeatures .fdn-custom-home-feature-link-teaser-link .fdn-teaser-headline { text-transform: uppercase; font-size: 26px; } } .uk-root .comp-landing-homefeatures .fdn-custom-home-feature-link-teaser-link .uk-icon { color: inherit; transform: scaleX(2); flex: none; } .uk-root .Home .comp-landing-hometopfeatured { overflow: hidden; } .uk-root .Home .comp-landing-hometopfeatured .fdn-feature-subheadline { display: none; } .uk-root .Home .fdn-video-slider-details-block, .uk-root .Home .fdn-slideshow-slider-details-block, .uk-root .Home .fdn-content-slider-details-block { margin-top: 6px; } .uk-root .Home .fdn-video-slider-details-block .fdn-teaser-infoline, .uk-root .Home .fdn-slideshow-slider-details-block .fdn-teaser-infoline, .uk-root .Home .fdn-content-slider-details-block .fdn-teaser-infoline { display: none; } .uk-root .comp-landing-contentteasers .fdn-more-link-primary { transition: 222ms; background: transparent; padding: 3px; } .uk-root .comp-landing-contentteasers .fdn-more-link-primary:after { content: "\000BB"; display: inline-flex; margin: 0 5px; } .uk-root .comp-landing-contentteasers .fdn-more-link-primary:hover { background: #eaeaea; } .uk-root .comp-landing-homebestof h3 a { display: block; text-indent: -99999rem; background-size: contain !important; background-position: left center !important; padding: 10px 0; } .uk-root .comp-landing-homebestof .fdn-home-best-of-links li { list-style: none; } .uk-root .comp-landing-homebestof .fdn-home-best-of-links li a { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 1.2rem; color: #333; } .uk-root .comp-landing-homebestof .fdn-home-best-of-links .bullet { display: inline-block; width: 12px; height: 12px; border-radius: 100%; background: #777; margin: 0 14px; } .uk-root .comp-landing-homebestof .fdn-home-best-of-links .bullet:first-child { display: none; } .uk-root .comp-landing-homebestof .fdn-best-of-party-photo-link { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 1.2rem; } .uk-root .comp-landing-homebestof .fdn-best-of-party-photo-link a { color: #333; } .uk-root .SectionHeader .fdn-page-header-block { display: flex; flex-wrap: wrap; } .uk-root .SectionHeader .fdn-page-header-block .comp-shell-sponsortilead { margin-left: auto; } .uk-root #Section .componentGrid-ThreeAcross > .uk-width-auto\@m.uk-flex-column { align-items: center; } .uk-root .fdn-custom-section-standard-teaser .fdn-teaser-category { text-transform: uppercase; font-weight: 700; color: var(--primary-color); margin-bottom: 2px; } .uk-root .fdn-custom-section-standard-teaser .fdn-custom-section-standard-teaser-link { text-decoration: none !important; } .uk-root .fdn-custom-section-standard-teaser .fdn-custom-section-standard-teaser-link .fdn-custom-section-standard-teaser-text-block { margin: 5px 0 0; } .uk-root .fdn-custom-section-standard-teaser .fdn-custom-section-standard-teaser-link:hover { text-decoration: none; color: var(--primary-color); } .uk-root .fdn-custom-section-standard-teaser .fdn-custom-section-standard-teaser-link:hover .fdn-teaser-headline { text-decoration: none; color: var(--primary-color); } .uk-root .comp-landing-longform { margin: 30px 0!important; } .uk-root .comp-landing-longform .fdn-custom-longform-image-teaser-block { padding: 0; } @media (min-width: 640px) { .uk-root .comp-landing-longform .fdn-custom-longform-image-teaser-block { padding: 0 20px; } } .uk-root .comp-landing-longform .fdn-custom-longform-image-teaser.uk-first-column ~ .fdn-custom-longform-image-teaser { display: none; } @media (min-width: 640px) { .uk-root .comp-landing-longform .fdn-custom-longform-image-teaser.uk-first-column ~ .fdn-custom-longform-image-teaser { display: block; } } .uk-root .comp-landing-longform .fdn-component-header-block { background: var(--primary-color); border: none; display: inline-block; padding: 1px 11px; margin-bottom: 15px!important; } .uk-root .comp-landing-longform .fdn-teaser-headline { text-decoration: none; color: #fff; font-family: 'Avalon', "Roboto", Arial, sans-serif; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; font-weight: 400; margin-bottom: 0 !important; } .uk-root .comp-landing-longform .fdn-teaser-headline:hover { text-decoration: none; color: #aaa; } .uk-root .comp-landing-longform .fdn-custom-longform-more-link-block { position: absolute; right: 0; } .uk-root .comp-landing-longform .fdn-custom-longform-more-link-block a { color: #000; text-transform: uppercase; font-weight: 700; font-size: 17px; } .uk-root .comp-landing-longform a.fdn-custom-longform-image-teaser-link .fdn-teaser-infoline { font-family: 'Avalon', "Roboto", Arial, sans-serif; font-style: italic; color: #444; text-transform: lowercase; padding-right: 10px; font-size: 18px; margin-bottom: 0; font-weight: lighter; } .uk-root .comp-landing-longform a.fdn-custom-longform-image-teaser-link .fdn-teaser-infoline span.fdn-teaser-by { text-transform: lowercase; } .uk-root .comp-landing-longform a.fdn-custom-longform-image-teaser-link .fdn-teaser-headline { text-decoration: none; } .uk-root .comp-landing-longform a.fdn-custom-longform-image-teaser-link:hover { text-decoration: none; color: var(--primary-color); } .uk-root body#Section a.fdn-custom-longform-image-teaser-link .fdn-teaser-infoline { display: none; } .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-desktop { max-width: 1020px; margin-left: 30px; width: calc(100% - 30px); box-sizing: border-box; transition: ease-out 122ms; padding: 3px; border: 2px solid #d1d1d1; height: 90px; } .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-desktop img { height: 100%; width: auto; } .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-desktop img.fdn-restaurant-guide-logo { margin-left: 5px; } .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-desktop .fdn-restaurant-guide-text-block { transition: ease-out 122ms; flex: 1; padding: 0 30px; } .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-desktop .fdn-restaurant-guide-text-block h2 { text-transform: uppercase; color: #333; line-height: 0.74; text-align: center; font-size: 2.3rem; padding: 0 0 5px; border-bottom: thin solid #999; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; letter-spacing: 7px; } .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-desktop .fdn-restaurant-guide-text-block h2 span { color: var(--primary-color); font-weight: 700; } @media (min-width: 1100px) { .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-desktop .fdn-restaurant-guide-text-block h2 { font-size: 3.1rem; } } .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-desktop .fdn-restaurant-guide-tagline-block { margin-top: 5px; padding-top: 3px; text-align: center; font-family: "Roboto", Helvetica, Arial, sans-serif; color: #000; font-size: 0.9rem; } @media (min-width: 1100px) { .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-desktop .fdn-restaurant-guide-tagline-block { font-size: 1.1rem; } } .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-mobile { padding: 3px; border: 2px solid #d1d1d1; } .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-mobile img { width: 25%; max-width: 90px; height: auto; } .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-mobile .fdn-restaurant-guide-mobile-row { padding: 15px 0px 10px; margin: 0 10px; max-width: calc(100% - 20px); } .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-mobile .fdn-restaurant-guide-mobile-row-top { border-bottom: thin solid #333; padding-bottom: 20px; } .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-mobile h2 { text-transform: uppercase; color: #333; line-height: 0.85; text-align: center; font-size: 2rem; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; letter-spacing: 6px; flex: 1; } .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-mobile h2 span { color: var(--primary-color); font-weight: 700; display: block; } @media (min-width: 640px) { .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-mobile h2 { font-size: 2.4rem; } } .uk-root .fdn-restaurant-guide-block a.fdn-restaurant-guide-mobile .fdn-restaurant-guide-tagline-block { text-align: center; font-family: "Roboto", Helvetica, Arial, sans-serif; color: #000; font-size: 1.2rem; flex: 1; padding-left: 8px; } .uk-root .comp-landing-couponscaptain { margin-bottom: 40px; max-width: 100%; overflow: hidden; } .uk-root .fdn-coupons-captain-header { padding-left: 50px; font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; font-weight: 300; font-size: 42px; letter-spacing: -3px; margin: 0 0 10px; } @media (min-width: 858px) { .uk-root .fdn-coupons-captain-header { font-size: 49px; } } .uk-root .fdn-coupons-captain-header img { height: 34px; margin-right: 5px; vertical-align: baseline; } @media (min-width: 858px) { .uk-root .fdn-coupons-captain-header img { height: 44px; } } .uk-root .fdn-coupons-captain-header > :before, .uk-root .fdn-coupons-captain-header > :after { border-color: #000; border-width: thin; } .uk-root .fdn-coupons-captain-image-block { max-width: 460px; width: 100%; margin: 0 auto; box-sizing: border-box; } @media (min-width: 858px) { .uk-root .fdn-coupons-captain-image-block { width: 460px; margin-bottom: 0; } } .uk-root .fdn-coupons-captain-image-block a { font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; color: #fff; font-size: 20px; transition: ease-out 122ms; } .uk-root .fdn-coupons-captain-image-block a:hover { filter: brightness(1.2); } .uk-root .fdn-coupons-captain-list-block { font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; padding: 0; position: relative; z-index: 5; margin: 20px auto; max-width: 460px; width: 100%; box-sizing: border-box; } @media (min-width: 858px) { .uk-root .fdn-coupons-captain-list-block { margin: auto; padding: 0 20px; flex: 1; max-width: 100%; } } .uk-root .fdn-coupons-captain-list-block li { border-color: #000 !important; } .uk-root .fdn-coupons-captain-list-block li a { color: #000; transition: ease-out 122ms; } .uk-root .fdn-coupons-captain-list-block li a:hover { color: var(--primary-color); } .uk-root .fdn-coupons-captain-logo-block { font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; } .uk-root .fdn-coupons-captain-logo-block .fdn-coupons-captain-logo { position: relative; padding-top: 10px; } .uk-root .fdn-coupons-captain-logo-block .fdn-coupons-captain-logo img { max-height: 65px; } .uk-root .fdn-coupons-captain-logo-block .fdn-coupons-captain-logo-more-link { display: inline-flex; align-items: center; justify-content: center; background: #0276d9; padding: 5px 10px; color: #fff; margin-left: auto; text-transform: uppercase; transition: ease-out 122ms; } .uk-root .fdn-coupons-captain-logo-block .fdn-coupons-captain-logo-more-link svg { margin-left: 5px; color: #1ecbf0; } .uk-root .fdn-coupons-captain-logo-block .fdn-coupons-captain-logo-more-link:hover { background: var(--primary-color); } .uk-root .fdn-coupons-captain-logo-block p.fdn-coupons-captain-logo-disclaimer { color: #444; font-size: 10px; line-height: 1.1; font-weight: 100; margin: 10px 10px 0; } .uk-root .comp-landing-contentteasers a.fdn-decoration-remove .fdn-teaser-headline { text-decoration: none; } .uk-root .comp-landing-contentteasers a.fdn-decoration-remove:hover { text-decoration: none; color: var(--primary-color); } .uk-root .comp-landing-contentteasers a.fdn-decoration-remove .fdn-teaser-infoline { display: none; } .uk-root .comp-landing-sectionfeatures .fdn-custom-section-feature-teaser-block { position: relative; } .uk-root .comp-landing-sectionfeatures .fdn-custom-section-feature-teaser-block:after { content: " "; display: block; box-shadow: 0 3px 10px #000000; height: 0; padding-bottom: 17px; margin: auto; bottom: 17px; position: relative; z-index: 0; left: 0; right: 0; width: 90%; background: transparent; border-radius: 100%; } .uk-root .comp-landing-sectionfeatures .fdn-custom-section-feature-teaser-link { text-decoration: none; overflow: hidden; position: relative; z-index: 5; display: block; text-transform: none; color: #111; /* img { transform: scale3d(1,1,1); transition:3s ease-in; will-change: transform; } */ } .uk-root .comp-landing-sectionfeatures .fdn-custom-section-feature-teaser-link:hover { text-decoration: none; color: #fff; /* img { transform: scale3d(1.03, 1.03, 1); } */ } .uk-root .comp-landing-sectionfeatures .fdn-custom-section-feature-teaser-link .uk-overlay { position: relative !important; background: #010101; box-shadow: 0px -1px 5px 3px #010101; } @media (min-width: 640px) { .uk-root .comp-landing-sectionfeatures .fdn-custom-section-feature-teaser-link .uk-overlay { position: absolute !important; background: rgba(34, 34, 34, 0.8); box-shadow: none; } } .uk-root .comp-landing-sectionfeatures .fdn-custom-section-feature-teaser-link .uk-overlay .fdn-feature-headline { text-transform: none; text-decoration: none; } @media (min-width: 640px) { .uk-root .comp-landing-sectionfeatures .fdn-custom-section-feature-teaser-link .uk-overlay .fdn-feature-headline { text-transform: uppercase; font-family: 'Avalon', "Roboto", Arial, sans-serif; } } .uk-root .comp-landing-sectionfeatures .fdn-custom-section-link-teaser-link { text-decoration: none; color: #111; padding-right: 18px; transition: 155ms ease; } .uk-root .comp-landing-sectionfeatures .fdn-custom-section-link-teaser-link:hover { text-decoration: none; color: var(--primary-color); } .uk-root .comp-landing-sectionfeatures .fdn-custom-section-link-teaser-link:hover .fdn-teaser-headline { text-decoration: none; color: var(--primary-color); } .uk-root .comp-landing-sectionfeatures .fdn-custom-section-link-teaser-link .fdn-teaser-headline { font-family: 'Avalon Condensed', 'Arial Narrow', Helvetica, sans-serif; font-weight: 700; font-size: 23px; text-transform: none; letter-spacing: -0.5px; } @media (min-width: 640px) { .uk-root .comp-landing-sectionfeatures .fdn-custom-section-link-teaser-link .fdn-teaser-headline { text-transform: uppercase; font-size: 24px; } } @media (min-width: 998px) { .uk-root .comp-landing-sectionfeatures .fdn-custom-section-link-teaser-link .fdn-teaser-headline { text-transform: uppercase; font-size: 26px; } } .uk-root .comp-landing-sectionfeatures .fdn-custom-section-link-teaser-link .uk-icon { color: inherit; transform: scaleX(2); flex: none; } .uk-root .pres-ContentListRectangleSummary .fdn-pres-item .uk-flex .uk-flex-1 { align-self: center; } @media (min-width: 640px) { .uk-root .pres-ContentListRectangleSummary .fdn-pres-item .uk-flex .uk-flex-1 { padding-left: 16px; } } .uk-root .pres-ContentListRectangleSummary .fdn-pres-item .uk-flex .uk-flex-1 .fdn-teaser-infoline p { font-weight: 700; } .uk-root .pres-ContentListRectangleSummary .fdn-pres-item:nth-child(n+2) { margin-top: 16px; padding-top: 16px; } .uk-root body#Topics .comp-landing-topicstories .fdn-teaser-description { font-family: 'Serif12', Georgia, Times, serif; } .uk-root body#Topics .comp-landing-topicstories > div.uk-text-right { text-align: center !important; } .uk-root body#Topics .comp-landing-topicstories > div.uk-text-right > .uk-align-right { float: none !important; } .uk-root body#Topics .fdn-topic-header-search-block input { font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root [data-component-grid-id="RequiredEatingandBarExam"] { margin-bottom: 48px; } .uk-root .topics .fdn-more-link-primary { padding: 6px 14px; background: var(--primary-color); font-size: 22px !important; color: #fff; transition: ease-out 122ms; } .uk-root .topics .fdn-more-link-primary svg [stroke-width] { transition: ease-out 122ms; } .uk-root .topics .fdn-more-link-primary:hover { background: var(--primary-color); } .uk-root .topics .fdn-more-link-primary:hover svg [stroke-width] { stroke-width: 2px; } .uk-root .comp-landing-topics { margin-top: 40px !important; } .uk-root .comp-landing-topics .fdn-custom-section-topics-block .fdn-custom-section-topics-header { font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; top: -20px; left: 12px; padding: 5px; background: #fff; margin: 0; right: 200px; font-size: 1.8rem; line-height: 1; text-transform: uppercase; color: var(--primary-color); font-style: italic; z-index: 55; width: 100%; box-sizing: border-box; } .uk-root .comp-landing-topics .fdn-custom-section-topics-block .fdn-custom-section-topics-list { border: thin solid var(--primary-color); border-width: thin 0 0 thin; padding: 40px 5px 55px; margin: 0 0 auto; position: relative; z-index: 1; } .uk-root .comp-landing-topics .fdn-custom-section-topics-block .fdn-custom-section-topics-list:after { content: " "; display: block; background: linear-gradient(90deg, #0053b8, rgba(255, 255, 255, 0)); height: 30px; position: absolute; bottom: 0; width: 240px; left: 0px; } .uk-root .comp-landing-topics .fdn-custom-section-topics-block .fdn-custom-section-topics-list li { padding-left: 22px; color: var(--primary-color); } .uk-root .comp-landing-topics .fdn-custom-section-topics-block .fdn-custom-section-topics-list li a { color: var(--primary-color); text-transform: uppercase; transition: 1s ease; } .uk-root .comp-landing-topics .fdn-custom-section-topics-block .fdn-custom-section-topics-list li a:hover { color: #900; text-decoration: none; } .uk-root .comp-landing-topics .fdn-custom-section-topics-block .fdn-custom-section-topics-list li .uk-icon { color: var(--primary-color); transform: scaleX(2); } .uk-root [data-component-grid-id*="Topics"].componentGrid-ThreeAcross .uk-width-1-1.uk-width-auto\@m { width: auto !important; order: 1; margin-left: 0; margin-right: auto; } @media (min-width: 640px) { .uk-root [data-component-grid-id*="Topics"].componentGrid-ThreeAcross .uk-width-1-1.uk-width-auto\@m { margin-left: auto; margin-right: auto; } } @media (min-width: 998px) { .uk-root [data-component-grid-id*="Topics"].componentGrid-ThreeAcross .uk-width-1-1.uk-width-auto\@m { width: 24% !important; margin-right: 0; margin-left: 0; } } .uk-root [data-component-grid-id*="Topics"].componentGrid-ThreeAcross .uk-width-1-1.uk-width-auto\@m ~ .uk-width-1-1.uk-width-auto\@m { order: 3; margin-left: auto; margin-right: 0; align-items: flex-end; max-width: 150px; } @media (min-width: 640px) { .uk-root [data-component-grid-id*="Topics"].componentGrid-ThreeAcross .uk-width-1-1.uk-width-auto\@m ~ .uk-width-1-1.uk-width-auto\@m { margin-left: 0; margin-right: auto; max-width: none; } } @media (min-width: 998px) { .uk-root [data-component-grid-id*="Topics"].componentGrid-ThreeAcross .uk-width-1-1.uk-width-auto\@m ~ .uk-width-1-1.uk-width-auto\@m { margin-right: 0; max-width: none; } } .uk-root [data-component-grid-id*="Topics"].componentGrid-ThreeAcross .uk-width-1-1.uk-width-expand\@m { order: -1; width: 100%; padding-left: 9px; } @media (min-width: 998px) { .uk-root [data-component-grid-id*="Topics"].componentGrid-ThreeAcross .uk-width-1-1.uk-width-expand\@m { order: 1; padding-left: 40px; } } .uk-root .comp-landing-trending.fdn-landing-component { margin-top: calc(20px * 2) !important; margin-bottom: 0 !important; } .uk-root .comp-landing-trending.fdn-landing-component .fdn-component-header-block { margin: 0; position: relative; border: none; background: none; overflow: visible; padding: 0; } .uk-root .comp-landing-trending.fdn-landing-component .fdn-component-header-block .fdn-component-header-text { font-size: 24px; position: absolute; top: -15px; left: 10px; z-index: 11; background: var(--alt-primary-color); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); border: none; padding: 1px 10px; } .uk-root .comp-landing-trending.fdn-landing-component .fdn-custom-section-trending-block { background: repeating-linear-gradient(31deg, #ededed, #ededed 2px, #f2f2f2 4px, #f2f2f2 29px); padding: 42px 28px 28px; position: relative; z-index: 2; } .uk-root .comp-landing-trending.fdn-landing-component .fdn-custom-section-trending-item:nth-of-type(-n+3) { display: none; } @media (min-width: 640px) { .uk-root .comp-landing-trending.fdn-landing-component .fdn-custom-section-trending-item:nth-of-type(-n+3) { display: flex; } } .uk-root .comp-landing-trending.fdn-landing-component .fdn-custom-section-trending-item .fdn-teaser-headline { margin-bottom: 5px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; font-weight: 700; } .uk-root .comp-landing-trending.fdn-landing-component .fdn-custom-section-trending-item a { transition: 333ms ease; } .uk-root .comp-landing-trending.fdn-landing-component .fdn-custom-section-trending-item a:hover { text-decoration: none; color: var(--primary-color); } .uk-root .comp-landing-trending.fdn-landing-component .fdn-custom-section-trending-item a:hover .fdn-teaser-headline { text-decoration: none; color: var(--primary-color); } .uk-root .comp-landing-trending.fdn-landing-component .fdn-custom-section-trending-item .fdn-teaser-infoline { font-family: Helvetica, Arial, sans-serif; font-style: italic; color: #333; } .uk-root .comp-landing-trending.fdn-landing-component .fdn-custom-section-trending-item .fdn-teaser-infoline time { color: #333; } .uk-root .comp-landing-trending.fdn-landing-component .fdn-custom-section-trending-item .fdn-teaser-infoline a { color: #000; } .uk-root .comp-landing-trending.fdn-landing-component .fdn-custom-section-trending-item .fdn-teaser-infoline a:hover { color: #900; } .uk-root .comp-landing-trending.fdn-landing-component a.fdn-custom-section-trending-image-teaser-link .fdn-teaser-headline { color: #fff; } .uk-root .comp-landing-trending.fdn-landing-component .uk-icon { color: #111; transform: scaleX(2); flex: none; margin-right: 3px; } .uk-root [data-component-id="TrendingContentList"] .fdn-component-header-block { background: none !important; border: none !important; margin-bottom: 15px !important; } .uk-root [data-component-id="TrendingContentList"] .fdn-component-header-block h3.fdn-component-header-text { color: #000 !important; letter-spacing: -1px; } .uk-root [data-component-id="TrendingContentList"] li { border: none !important; } .uk-root [data-component-id="TrendingContentList"] .fdn-pres-item a { font-weight: 700; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #900; height: auto !important; } .uk-root [data-component-id="TrendingContentList"] .fdn-pres-item a:before { width: 6px !important; height: 6px !important; background: #111 !important; display: inline-block; border-radius: 100%; margin: 5px 5px 0 0 !important; } .uk-root [data-component-id="TrendingContentList"] .fdn-pres-item a p { margin-bottom: 0 !important; font-weight: 700; font-family: 'Avalon', "Roboto", Arial, sans-serif; color: #900; } .uk-root [data-component-id="TrendingContentList"] .fdn-pres-item a:hover p { color: var(--primary-color); } .uk-root [class*='Search'] ~ [data-component-grid-id="ThreeAcrossAdBlock"], .uk-root .Home + [data-component-grid-id="ThreeAcrossAdBlock"] { position: relative; z-index: 6; margin-bottom: 30px; background: #fff; padding: 20px 1rem 0; } .uk-root [class*='Search'] ~ [data-component-grid-id="ThreeAcrossAdBlock"] > div, .uk-root .Home + [data-component-grid-id="ThreeAcrossAdBlock"] > div { background: inherit; position: relative; z-index: 6; min-width: 300px; box-sizing: border-box; text-align: center; } .uk-root .Home .fdn-gray-box.fdn-margin-vert { background: #efefef; padding: 1rem; margin-top: -20px; } .uk-root .fdn-gray-box ~ [data-component-grid-id="ThreeAcrossAdBlock"]:after { content: " "; display: block; box-shadow: 0 3px 10px #000000; height: 0; padding-bottom: 17px; margin: auto; bottom: 0px; position: absolute; z-index: 0; left: 0; right: 0; width: 90%; background: transparent; border-radius: 100%; } .uk-root .fdn-gray-box ~ [data-component-grid-id="ThreeAcrossAdBlock"]:before { content: " "; display: block; background: #fff; position: absolute; bottom: 0; z-index: 5; height: 17px; left: 0; right: 0; margin: auto; } .uk-root .TrendingContent, .uk-root .TrendingFoodDrink { position: relative; } .uk-root .TrendingContent:after, .uk-root .TrendingFoodDrink:after { content: " "; display: block; box-shadow: 0 3px 10px #000000; height: 0; padding-bottom: 17px; margin: auto; bottom: 0px; position: absolute; z-index: 0; left: 0; right: 0; width: 90%; background: transparent; border-radius: 100%; } .uk-root #Topics .comp-landing-photos, .uk-root #Section .comp-landing-photos { margin-bottom: 40px; padding-top: 0 !important; margin-top: 10px; } .uk-root .comp-landing-photos { padding-top: 40px !important; margin: 35px 0; } .uk-root .comp-landing-photos .fdn-component-header-block { margin-bottom: 0!important; } .uk-root .comp-landing-photos .fdn-custom-section-photo-container { padding: 0px 20px; background: url(/images/backgrounds/back-svwidget.jpg) center top repeat; } .uk-root .comp-landing-photos .fdn-custom-section-photo-container > .uk-flex { padding: 5px 0; } .uk-root .comp-landing-photos .fdn-component-header-block { padding: 0; background: none; border: none; } .uk-root .comp-landing-photos .fdn-component-header-block .fdn-component-header-text { font-size: 30px; } .uk-root .comp-landing-photos .fdn-more-link { color: #fff; text-transform: uppercase; font-size: 18px !important; font-weight: 700; display: flex; align-items: center; } .uk-root .comp-landing-photos .fdn-more-link:hover { text-decoration: underline; } .uk-root .comp-landing-photos .fdn-custom-section-photo-teaser { padding-bottom: 8px; } .uk-root .comp-landing-photos .fdn-custom-section-photo-teaser:nth-child(n+3) { display: none; } @media (min-width: 640px) { .uk-root .comp-landing-photos .fdn-custom-section-photo-teaser:nth-child(n+3) { display: block; } } .uk-root .comp-landing-photos a .fdn-teaser-headline { font-family: 'Avalon Condensed', 'Arial Narrow', Helvetica, sans-serif; margin: 5px 0 0; color: #fff; text-decoration-color: #fff; font-size: 20px !important; line-height: 1.1rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; } .uk-root .comp-landing-photos a:hover .fdn-teaser-headline { text-decoration: underline; } .uk-root .DispensariesHeader > .fdn-component-header-block, .uk-root [class*='annabis'] > .fdn-component-header-block { background: #060; } .uk-root .DispensariesHeader.comp-landing-trending > .fdn-component-header-block .fdn-component-header-text, .uk-root [class*='annabis'].comp-landing-trending > .fdn-component-header-block .fdn-component-header-text { background: #060; } .uk-root .DispensariesHeader.comp-landing-trending > .fdn-component-header-block .fdn-component-header-text:hover, .uk-root [class*='annabis'].comp-landing-trending > .fdn-component-header-block .fdn-component-header-text:hover { color: #fff; background: var(--primary-color); } .uk-root .DispensariesHeader .fdn-custom-section-standard-teaser .fdn-teaser-category, .uk-root [class*='annabis'] .fdn-custom-section-standard-teaser .fdn-teaser-category { color: #060; } .uk-root [data-component-grid-id="DispensariesandIssueFlipbook"] .fdn-component-grid-zone:first-child { max-width: 100%; } @media (min-width: 998px) { } .uk-root [data-component-grid-id="DispensariesandIssueFlipbook"] .IssueFlipbookHalfSize .fdn-flipbook-block { max-width: 100%; min-height: 0; margin-top: 0; } @media (min-width: 998px) { .uk-root [data-component-grid-id="DispensariesandIssueFlipbook"] .IssueFlipbookHalfSize .fdn-flipbook-block { max-width: 450px; min-height: 300px; margin-top: 30px; } } .uk-root [data-component-grid-id="DispensariesandIssueFlipbook"] .IssueFlipbookHalfSize .fdn-flipbook-block .fdn-flipbook-headline-wrap img { max-height: 190px; } .uk-root [data-component-grid-id="DispensariesandIssueFlipbook"] .IssueFlipbookHalfSize .fdn-flipbook-block .fdn-flipbook-headline-wrap .fdn-flipbook-bg-wrap { font-size: 1.7rem; } @media (min-width: 998px) { .uk-root [data-component-grid-id="DispensariesandIssueFlipbook"] .IssueFlipbookHalfSize .fdn-flipbook-block .fdn-flipbook-headline-wrap .fdn-flipbook-bg-wrap { font-size: 2.3rem; } } .uk-root .DispensariesHeader { width: 100%; } @media (min-width: 998px) { } .uk-root .DispensariesHeader .fdn-component-header-block { margin-bottom: 15px !important; margin-left: 10px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); border: 0 none; display: inline-flex; } .uk-root .DispensariesHeader .fdn-component-header-block .fdn-component-header-text .fdn-component-header-link-text { display: flex; align-items: center; } .uk-root .DispensariesHeader .fdn-component-header-block .fdn-component-header-text .fdn-component-header-link-text .uk-icon { margin-right: 3px; } .uk-root .HerbanPlanetDispensariesEmbed { position: relative; max-width: 100%; } .uk-root .HerbanPlanetDispensariesEmbed > div { height: 300px; width: 100%; position: relative; margin: auto; } @media (min-width: 998px) { .uk-root .HerbanPlanetDispensariesEmbed > div { width: 450px; } } .uk-root .HerbanPlanetDispensariesEmbed > div iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 2; } .uk-root .HerbanPlanetDispensariesEmbed > div:before { content: " "; display: block; background: #fff; left: 0; right: 0; position: absolute; bottom: 0; z-index: 5; height: 17px; } .uk-root .HerbanPlanetDispensariesEmbed > div:after { content: " "; display: block; box-shadow: 0 3px 10px #000000; height: 0; padding-bottom: 17px; margin: auto; bottom: 0px; position: absolute; z-index: 0; left: 0; right: 0; width: 90%; background: transparent; border-radius: 100%; } .uk-root .MoreHerbanPlanet a { text-transform: uppercase; font-weight: 700; color: #060; display: block; margin: 10px 50px 0 0; } .uk-root .MoreHerbanPlanet a .uk-icon { transform: scaleX(2); flex: none; } .uk-root .comp-location-morerestaurants .fdn-custom-section-latest-block, .uk-root .comp-location-latestrestaurantnews .fdn-custom-section-latest-block, .uk-root .comp-freestuff-freestuffprocess .fdn-custom-section-latest-block, .uk-root .comp-event-eventlocation .fdn-custom-section-latest-block, .uk-root .comp-page-careerscurrentopenings .fdn-custom-section-latest-block, .uk-root .comp-event-latest .fdn-custom-section-latest-block, .uk-root .comp-freestuff-latest .fdn-custom-section-latest-block, .uk-root .comp-landing-longform .fdn-custom-section-latest-block, .uk-root .comp-landing-latest .fdn-custom-section-latest-block { padding: 0; } @media (min-width: 640px) { .uk-root .comp-location-morerestaurants .fdn-custom-section-latest-block, .uk-root .comp-location-latestrestaurantnews .fdn-custom-section-latest-block, .uk-root .comp-freestuff-freestuffprocess .fdn-custom-section-latest-block, .uk-root .comp-event-eventlocation .fdn-custom-section-latest-block, .uk-root .comp-page-careerscurrentopenings .fdn-custom-section-latest-block, .uk-root .comp-event-latest .fdn-custom-section-latest-block, .uk-root .comp-freestuff-latest .fdn-custom-section-latest-block, .uk-root .comp-landing-longform .fdn-custom-section-latest-block, .uk-root .comp-landing-latest .fdn-custom-section-latest-block { padding: 0 30px; } } .uk-root .comp-location-morerestaurants .fdn-component-header-block, .uk-root .comp-location-latestrestaurantnews .fdn-component-header-block, .uk-root .comp-freestuff-freestuffprocess .fdn-component-header-block, .uk-root .comp-event-eventlocation .fdn-component-header-block, .uk-root .comp-page-careerscurrentopenings .fdn-component-header-block, .uk-root .comp-event-latest .fdn-component-header-block, .uk-root .comp-freestuff-latest .fdn-component-header-block, .uk-root .comp-landing-longform .fdn-component-header-block, .uk-root .comp-landing-latest .fdn-component-header-block { display: inline-flex; align-items: center; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); border: none; margin-left: 0px; } .uk-root .comp-location-morerestaurants .fdn-component-header-block:hover, .uk-root .comp-location-latestrestaurantnews .fdn-component-header-block:hover, .uk-root .comp-freestuff-freestuffprocess .fdn-component-header-block:hover, .uk-root .comp-event-eventlocation .fdn-component-header-block:hover, .uk-root .comp-page-careerscurrentopenings .fdn-component-header-block:hover, .uk-root .comp-event-latest .fdn-component-header-block:hover, .uk-root .comp-freestuff-latest .fdn-component-header-block:hover, .uk-root .comp-landing-longform .fdn-component-header-block:hover, .uk-root .comp-landing-latest .fdn-component-header-block:hover { background: var(--primary-color); } @media (min-width: 640px) { .uk-root .comp-location-morerestaurants .fdn-component-header-block, .uk-root .comp-location-latestrestaurantnews .fdn-component-header-block, .uk-root .comp-freestuff-freestuffprocess .fdn-component-header-block, .uk-root .comp-event-eventlocation .fdn-component-header-block, .uk-root .comp-page-careerscurrentopenings .fdn-component-header-block, .uk-root .comp-event-latest .fdn-component-header-block, .uk-root .comp-freestuff-latest .fdn-component-header-block, .uk-root .comp-landing-longform .fdn-component-header-block, .uk-root .comp-landing-latest .fdn-component-header-block { margin-left: 10px; } } .uk-root .comp-location-morerestaurants .fdn-component-header-block .fdn-component-header-text, .uk-root .comp-location-latestrestaurantnews .fdn-component-header-block .fdn-component-header-text, .uk-root .comp-freestuff-freestuffprocess .fdn-component-header-block .fdn-component-header-text, .uk-root .comp-event-eventlocation .fdn-component-header-block .fdn-component-header-text, .uk-root .comp-page-careerscurrentopenings .fdn-component-header-block .fdn-component-header-text, .uk-root .comp-event-latest .fdn-component-header-block .fdn-component-header-text, .uk-root .comp-freestuff-latest .fdn-component-header-block .fdn-component-header-text, .uk-root .comp-landing-longform .fdn-component-header-block .fdn-component-header-text, .uk-root .comp-landing-latest .fdn-component-header-block .fdn-component-header-text { display: flex; align-items: center; } .uk-root .comp-location-morerestaurants .fdn-component-header-block .fdn-component-header-text .uk-icon, .uk-root .comp-location-latestrestaurantnews .fdn-component-header-block .fdn-component-header-text .uk-icon, .uk-root .comp-freestuff-freestuffprocess .fdn-component-header-block .fdn-component-header-text .uk-icon, .uk-root .comp-event-eventlocation .fdn-component-header-block .fdn-component-header-text .uk-icon, .uk-root .comp-page-careerscurrentopenings .fdn-component-header-block .fdn-component-header-text .uk-icon, .uk-root .comp-event-latest .fdn-component-header-block .fdn-component-header-text .uk-icon, .uk-root .comp-freestuff-latest .fdn-component-header-block .fdn-component-header-text .uk-icon, .uk-root .comp-landing-longform .fdn-component-header-block .fdn-component-header-text .uk-icon, .uk-root .comp-landing-latest .fdn-component-header-block .fdn-component-header-text .uk-icon { position: relative; top: -2px; margin-left: 6px; } .uk-root .comp-location-morerestaurants .fdn-component-header-block .fdn-component-header-text a, .uk-root .comp-location-latestrestaurantnews .fdn-component-header-block .fdn-component-header-text a, .uk-root .comp-freestuff-freestuffprocess .fdn-component-header-block .fdn-component-header-text a, .uk-root .comp-event-eventlocation .fdn-component-header-block .fdn-component-header-text a, .uk-root .comp-page-careerscurrentopenings .fdn-component-header-block .fdn-component-header-text a, .uk-root .comp-event-latest .fdn-component-header-block .fdn-component-header-text a, .uk-root .comp-freestuff-latest .fdn-component-header-block .fdn-component-header-text a, .uk-root .comp-landing-longform .fdn-component-header-block .fdn-component-header-text a, .uk-root .comp-landing-latest .fdn-component-header-block .fdn-component-header-text a { padding-left: 4px; } .uk-root .comp-location-morerestaurants .fdn-component-header-block .fdn-component-header-text a:hover, .uk-root .comp-location-latestrestaurantnews .fdn-component-header-block .fdn-component-header-text a:hover, .uk-root .comp-freestuff-freestuffprocess .fdn-component-header-block .fdn-component-header-text a:hover, .uk-root .comp-event-eventlocation .fdn-component-header-block .fdn-component-header-text a:hover, .uk-root .comp-page-careerscurrentopenings .fdn-component-header-block .fdn-component-header-text a:hover, .uk-root .comp-event-latest .fdn-component-header-block .fdn-component-header-text a:hover, .uk-root .comp-freestuff-latest .fdn-component-header-block .fdn-component-header-text a:hover, .uk-root .comp-landing-longform .fdn-component-header-block .fdn-component-header-text a:hover, .uk-root .comp-landing-latest .fdn-component-header-block .fdn-component-header-text a:hover { color: #fff; } .uk-root .comp-location-morerestaurants ul[class*='pres-'], .uk-root .comp-location-latestrestaurantnews ul[class*='pres-'], .uk-root .comp-freestuff-freestuffprocess ul[class*='pres-'], .uk-root .comp-event-eventlocation ul[class*='pres-'], .uk-root .comp-page-careerscurrentopenings ul[class*='pres-'], .uk-root .comp-event-latest ul[class*='pres-'], .uk-root .comp-freestuff-latest ul[class*='pres-'], .uk-root .comp-landing-longform ul[class*='pres-'], .uk-root .comp-landing-latest ul[class*='pres-'] { margin-top: 0; } .uk-root .comp-landing-trending .fdn-teaser-headline, .uk-root .comp-landing-latest .fdn-teaser-headline { font-family: 'Avalon Condensed', 'Arial Narrow', Helvetica, sans-serif; margin: 0; } .uk-root .BestFoodDrink.comp-landing-latest { margin-top: 30px; } .uk-root .fdn-custom-section-latest-block.BestFoodDrinkContinued > div > div:last-child { margin-bottom: 10px; } .uk-root .comp-event-eventlocation .fdn-component-header-block { margin-left: 0; } .uk-root .comp-landing-longform .fdn-component-header-block .fdn-component-header-text .uk-icon { top: 0px; } .uk-root .RevealMoreStoriesWrapperHeader { margin-top: 15px !important; } .uk-root .RevealMoreStoriesWrapperHeader [uk-toggle] .fdn-component-header-block { margin-bottom: 0 !important; } .uk-root .RevealMoreStoriesWrapperHeader .fdn-component-header-block { box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); border: none; } .uk-root .RevealMoreStoriesWrapperHeader .fdn-component-header-block .uk-icon { position: relative; top: -2px; } .uk-root .RevealMoreStoriesWrapperHeader .fdn-component-header-block:hover { background: var(--primary-color); } .uk-root #Category .comp-landing-categoryfeature .fdn-teaser-by + a { color: #111; font-weight: 400; } .uk-root .fdn-component-header-block.uk-margin { margin-bottom: 26px; } .uk-root .fdn-nav-parent.fdn-nav-parent a:before { display: none; } .uk-root ul.site-nav-source.uk-navbar-nav { flex-wrap: wrap; } .uk-root nav#mainNav.fdn-nav-block { border-width: thin 0; } .uk-root nav#secondaryNav .fdn-nav-parent.fdn-nav-parent > a { font-weight: 300; font-size: calc(16px - 4px); } .uk-root nav#secondaryNav.fdn-nav-block { border-width: 0; } .uk-root a.fdn-nav-toggle.uk-button { margin: 0 6px; min-width: 51px; transition: ease-out 122ms; } @media (max-width: 998px) { .uk-root a.fdn-nav-toggle.uk-button:hover { background: transparent; color: #666; } } .uk-root div#site-nav-target .fdn-nav-login-NavigationHorizontalCustom { border-top: thin solid #dedede; margin-top: 1rem; padding-top: 0.5rem; } @media (min-width: 800px) { .uk-root .comp-issue-searchresults .search-results > div.uk-grid > * { width: 25%; } } .uk-root .comp-issue-flipbooksyearnavigation .fdn-flipbooks-year-navigation-header { display: flex; justify-content: center; } .uk-root .comp-issue-flipbooksyearnavigation .fdn-flipbooks-year-navigation-header h3 { display: inline-block; border-bottom: thin solid #ccc; padding: 5px; font-size: 1rem; } .uk-root .comp-issue-flipbooksyearnavigation h3 { text-align: center; font-family: 'Roboto', Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; font-size: 14px; color: #aaa; word-spacing: 1px; } .uk-root .comp-issue-flipbooksyearnavigation h3 span, .uk-root .comp-issue-flipbooksyearnavigation h3 span a { color: var(--primary-color); } .uk-root .comp-issue-flipbooksyearnavigation .fdn-flipbooks-year-navigation-block:after { content: " "; display: block; box-shadow: 0 3px 10px #000000; height: 0; padding-bottom: 17px; margin: auto; bottom: 0px; position: absolute; z-index: 0; left: 0; right: 0; width: 90%; background: transparent; border-radius: 100%; } .uk-root .comp-issue-flipbooksyearnavigation .fdn-flipbooks-year-navigation-wrap { margin: 12px 0 20px; z-index: 4; padding: 7px; background: #fff; } .uk-root .comp-issue-flipbooksyearnavigation .fdn-flipbooks-year-navigation-wrap li { margin: 0 10px; font-weight: 700; text-transform: uppercase; font-size: 12px; color: #000; display: flex; align-items: center; } .uk-root .comp-issue-flipbooksyearnavigation .fdn-flipbooks-year-navigation-wrap li a { color: #666; font-size: 14px; } .uk-root .comp-issue-flipbooksyearnavigation .fdn-flipbooks-year-navigation-wrap li a.uk-active { color: #000; font-size: 17px; } .uk-root .comp-issue-flipbooksyearnavigation .fdn-flipbooks-year-navigation-wrap li a:hover { color: #000; } .uk-root .comp-issue-flipbooksissues .fdn-flipbooks-top-row-issue-block { display: flex; align-items: flex-end; max-width: 300px; } .uk-root .comp-issue-flipbooksissues .fdn-flipbooks-top-row-issue-block a { transition: ease-out 122ms; } .uk-root .comp-issue-flipbooksissues .fdn-flipbooks-top-row-issue-block a:hover { filter: brightness(1.2); } .uk-root .comp-issue-flipbooksissues .fdn-flipbooks-top-row-issue-block h4 { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1rem; letter-spacing: 1px; text-align: center; } .uk-root .comp-issue-flipbooksissues .fdn-flipbooks-top-row-issue-block h4 span { color: var(--primary-color); } .uk-root .comp-issue-flipbooksissues .fdn-flipbooks-top-row-issue-block img { border-top: thin solid #ccc; } .uk-root .comp-issue-flipbooksissues .fdn-flipbooks-thumb-block { padding: 20px 10px; justify-content: center; } .uk-root .comp-issue-flipbooksissues .fdn-flipbooks-thumb-block .fdn-flipbooks-thumb { width: calc(100% * 1/4.001); min-width: 60px; box-sizing: border-box; display: flex; align-items: flex-end; } .uk-root .comp-issue-flipbooksissues .fdn-flipbooks-thumb-block .fdn-flipbooks-thumb .fdn-flipbooks-image-block { height: 110px; overflow: hidden; } .uk-root .comp-issue-flipbooksissues .fdn-flipbooks-thumb-block .fdn-flipbooks-thumb a { transition: ease-out 122ms; } .uk-root .comp-issue-flipbooksissues .fdn-flipbooks-thumb-block .fdn-flipbooks-thumb a:hover { filter: brightness(1.2); } .uk-root .comp-issue-flipbooksissues .fdn-flipbooks-thumb-block .fdn-flipbooks-thumb p { font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif; font-weight: 300; color: #000; text-transform: uppercase; font-size: 14px; line-height: 1; padding: 0 5px; text-align: center; } @media (min-width: 800px) { .uk-root .comp-issue-flipbooksissues .fdn-flipbooks-thumb-block .fdn-flipbooks-thumb { width: calc(100% * 1/8.001); } .uk-root .comp-issue-flipbooksissues .fdn-flipbooks-thumb-block .fdn-flipbooks-thumb-block { padding: 20px 50px; } } .uk-root .fdn-slideshow-search-rectangle-wide-block { position: relative; margin: 35px 0; box-shadow: 2px 1px 2px 1px #ddd; z-index: 22; background: #fff; padding-bottom: 1px; align-items: flex-start; } .uk-root .fdn-slideshow-search-rectangle-wide-block:after { content: " "; display: block; box-shadow: 0 3px 10px #000000; height: 0; padding-bottom: 17px; margin: auto; bottom: 0; position: absolute; z-index: 0; left: 0; right: 0; width: 80%; background: transparent; border-radius: 100%; } .uk-root .fdn-slideshow-search-rectangle-wide-block:not([class*='-ad']):before { content: " "; display: block; background: #fff; position: absolute; bottom: 0; z-index: 5; height: 25px; left: 0; right: 0; margin: auto; } .uk-root .fdn-slideshow-search-rectangle-wide-block .fdn-slideshow-search-rectangle-wide-text-block { padding-left: 10px; padding-right: 30px; background: #fff; position: relative; z-index: 55; flex-direction: column; } .uk-root .fdn-slideshow-search-rectangle-wide-block .fdn-slideshow-search-rectangle-wide-text-block a { text-decoration: none; display: block; width: 100%; box-sizing: border-box; } .uk-root .fdn-slideshow-search-rectangle-wide-block .fdn-slideshow-search-rectangle-wide-text-block a .fdn-teaser-headline { font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif; font-size: 22px; font-weight: 300; } @media (min-width: 640px) { .uk-root .fdn-slideshow-search-rectangle-wide-block .fdn-slideshow-search-rectangle-wide-text-block a .fdn-teaser-headline { font-size: 34px; } } .uk-root .fdn-slideshow-search-rectangle-wide-block .fdn-slideshow-search-rectangle-wide-text-block a:hover { text-decoration: none; } .uk-root .fdn-slideshow-search-rectangle-wide-block .fdn-slideshow-search-rectangle-wide-text-block a:hover .fdn-teaser-headline { text-decoration: none; color: var(--primary-color); } .uk-root .fdn-slideshow-search-rectangle-wide-block .fdn-slideshow-search-rectangle-wide-text-block .fdn-teaser-infoline, .uk-root .fdn-slideshow-search-rectangle-wide-block .fdn-slideshow-search-rectangle-wide-text-block p.fdn-teaser-description { font-family: 'Serif12', Georgia, Times, serif; color: #111; } .uk-root .fdn-slideshow-search-rectangle-wide-block .fdn-slideshow-search-rectangle-wide-text-block .fdn-teaser-infoline { font-style: italic; text-transform: none; } .uk-root .fdn-slideshow-search-rectangle-wide-block .fdn-slideshow-search-rectangle-wide-text-block .fdn-teaser-tagline { display: none; } .uk-root .fdn-slideshow-search-rectangle-wide-block .fdn-slideshow-search-rectangle-wide-text-block p.fdn-teaser-description { display: none; } @media (min-width: 640px) { .uk-root .fdn-slideshow-search-rectangle-wide-block .fdn-slideshow-search-rectangle-wide-text-block p.fdn-teaser-description { display: block; } } .uk-root .fdn-slideshow-search-rectangle-wide-block:nth-child(odd) { flex-direction: row-reverse; } .uk-root .fdn-slideshow-search-rectangle-wide-block:nth-child(odd) .fdn-slideshow-search-rectangle-wide-text-block { padding-left: 30px; padding-right: 10px; } .uk-root .fdn-slideshow-search-rectangle-wide-block .fdn-slideshow-search-rectangle-wide-image-block { position: relative; z-index: 55; background: #fff; overflow: hidden; height: 100%; } .uk-root .fdn-slideshow-search-rectangle-wide-ad-block:after { display: none; } .uk-root .comp-slideshow-slideshowplayer .fdn-caption-block { flex-direction: column; } .uk-root .comp-slideshow-slideshowplayer .fdn-caption-block .fdn-image-credit { margin: 3px 0; color: #666; } .uk-root .fdn-slidenav-arrow { background: #00000001; transition: ease-out 122ms; } .uk-root .fdn-slidenav-arrow svg { width: 15px; height: 15px; border-radius: 100%; margin: auto; box-sizing: content-box; padding: 8px; background: rgba(51, 51, 51, 0.68); transition: ease-out 122ms; } .uk-root .fdn-slidenav-arrow svg polyline { stroke-width: 7px; } .uk-root .fdn-slidenav-arrow:hover { background: #00000009; } .uk-root .fdn-slidenav-arrow:hover svg { background: var(--primary-color); } .uk-root .comp-landing-rightnowonfacebooktwitter p { display: inline-block; font-size: 1.33rem; font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: 300; text-transform: uppercase; } .uk-root .comp-landing-rightnowonfacebooktwitter .fdn-separated-tabs-custom { display: inline-flex; margin-top: 0; margin-bottom: 0; } .uk-root .comp-landing-rightnowonfacebooktwitter .fdn-separated-tabs-custom li a.fdn-tab-header-link { font-size: 1.33rem; border: none; color: #fff; background: #666; border-radius: 6px 6px 0 0; padding: 2px 6px; margin: 2px 0 0; transition: 222ms; } .uk-root .comp-landing-rightnowonfacebooktwitter .fdn-separated-tabs-custom li.uk-active a.fdn-tab-header-link { background: var(--primary-color); border-radius: 8px 8px 0 0; } .uk-root .comp-landing-rightnowonfacebooktwitter .fdn-separated-tabs-custom li a.fdn-tab-header-link:hover { color: #fff; filter: brightness(1.3); } .uk-root .comp-landing-rightnowonfacebooktwitter ul.uk-switcher.uk-margin { margin-top: 0 !important; } .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-sidebar { padding: 0; order: 3; } @media (min-width: 640px) { .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-sidebar { padding: 8px; } } .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-sidebar .fdn-things-to-do-teaser { margin-top: 30px; } @media (min-width: 640px) { .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-sidebar .fdn-things-to-do-teaser { margin-top: 0; } } .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-sidebar .fdn-things-to-do-teaser + .fdn-things-to-do-teaser { margin-top: 30px; } .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-sidebar .fdn-things-to-do-teaser a:hover .fdn-teaser-headline { color: #666; } .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-main-column { order: -1; padding: 0; } @media (min-width: 640px) { .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-main-column { order: 5; padding: 8px; } } .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-main-column .fdn-teaser-headline { margin-top: 10px; } .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-teaser-headline { font-family: 'Oswald', 'Arial Narrow', Helvetica, sans-serif; font-weight: 300; font-size: 25px; } .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-teaser-description, .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-teaser-byline { font-family: 'Serif12', Georgia, Times, serif; } .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-teaser-description { -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #333333; } .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-teaser-byline { font-size: 11px; color: #000; margin-top: 10px; font-style: italic; } .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-teaser-byline span { font-style: normal; } .uk-root .comp-event-thingstodo .fdn-things-to-do-block .fdn-things-to-do-teaser-byline a { color: #000; } .uk-root .comp-event-addevent-index { padding: 0 15px; } @media (max-width: 450px) { .uk-root .fdn-calendar-picks-links-by-day-block, .uk-root .fdn-calendar-picks-staff-picks-block { width: 100%; } } @media (min-width: 451px) and (max-width: 997px) { .uk-root .fdn-calendar-picks-links-by-day-block, .uk-root .fdn-calendar-picks-staff-picks-block { width: 88.67% !important; margin-left: auto !important; margin-right: auto !important; } } .uk-root .comp-landing-calendarpicks .fdn-EventListStacked-image-block { order: 100; } @media (min-width: 640px) { .uk-root .comp-landing-calendarpicks .fdn-EventListStacked-image-block { width: 50%; padding-left: 5px; } } .uk-root .comp-landing-calendarpicks .fdn-teaser-headline { font-size: 18px; } .uk-root .comp-landing-calendarpicks .fdn-teaser-infoline { color: #444; font-size: 0.9rem; } .uk-root .comp-landing-calendarpicks .fdn-teaser-infoline.fdn-event-date { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 300; } .uk-root .comp-landing-calendarpicks span.fdn-features-icon-block, .uk-root .comp-landing-calendarpicks span.divider { display: none; } .uk-root .uk-tab .fdn-tab-link-block.uk-active, .uk-root .uk-tab .uk-active a.fdn-tab-link-block { font-weight: 700; } .uk-root .fdn-calendar-picks-links-by-day-block { font-family: 'Roboto', Helvetica, Arial, sans-serif; } .uk-root .fdn-calendar-picks-tabbed-selectors-block { font-family: 'Roboto', Helvetica, Arial, sans-serif; } .uk-root .fdn-calendar-picks-tabbed-selectors-block .fdn-button-submit { font-family: 'Roboto', Helvetica, Arial, sans-serif; background: var(--primary-color); color: #fff; } .uk-root .fdn-calendar-picks-tabbed-selectors-block .fdn-button-submit:hover { background: #fff; color: #333; } .uk-root .fdn-calendar-event-links-block { font-size: 0.85rem; align-items: center; } .uk-root .fdn-calendar-event-links-block li { margin-top: 0 !important; display: inline-flex; align-items: center; line-height: 1; } .uk-root .fdn-calendar-event-links-block li a { text-decoration: none; line-height: 1; } .uk-root .fdn-calendar-event-links-block li:first-child { text-transform: uppercase; font-family: 'Roboto', Helvetica, Arial, sans-serif; } .uk-root .fdn-calendar-event-links-block li:first-child .uk-icon { position: relative; top: 1px; margin-right: 5px; } .uk-root .fdn-calendar-event-links-block li:first-child a { color: #444; } .uk-root .fdn-calendar-event-links-block li + li a { color: var(--primary-color); font-weight: 700; font-size: 1rem; } .uk-root .fdn-update-location-link-block { border: 0 none; padding: 0; } .uk-root .fdn-update-location-link-block .fdn-update-location-link-text { width: auto; font-size: 1rem; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 700; color: #666; text-decoration: none; text-transform: uppercase; box-sizing: border-box; display: inline-flex; padding: 4px 8px; transition: 222ms; background: #fff; color: var(--primary-color); border-radius: 4px; border: thin solid #ccc; } .uk-root .fdn-update-location-link-block .fdn-update-location-link-text:hover { color: #666; } .uk-root .fdn-update-location-link-block .fdn-update-location-link-text:hover { text-decoration: none; background: var(--primary-color); color: #fff; } .uk-root .fdn-update-location-link-text, .uk-root .fdn-add-event-submit-link-text { box-sizing: border-box; display: inline-flex; padding: 4px 8px; transition: 222ms; background: #fff; color: var(--primary-color); border-radius: 4px; border: thin solid #ccc; } .uk-root .fdn-update-location-link-text:hover, .uk-root .fdn-add-event-submit-link-text:hover { text-decoration: none; background: var(--primary-color); color: #fff; } .uk-root .fdn-calendar-picks-event-links-block { display: none; } .uk-root .uk-select:not([multiple]):not([size]) { background-size: 50px; padding-right: 50px; font-weight: 700; } .uk-root .fdn-add-event-success-block .uk-text-success { color: #333 !important; font-size: 3rem!important; } .uk-root .fdn-search-modal-tab, .uk-root .fdn-search-modal-body { font-weight: 700; } .uk-root .fdn-search-modal-tab label, .uk-root .fdn-search-modal-body label { cursor: pointer; } .uk-root .search-results.show-grid li.fdn-pres-item { width: calc(100% - 5px); } .uk-root .search-results.show-grid li.fdn-pres-item .fdn-pres-item-content { padding: 12px; } @media (min-width: 640px) { .uk-root .search-results.show-grid li.fdn-pres-item { width: calc((100% * 1/3.001) - 5px); } } @media (min-width: 640px) and (max-width: 800px) { .uk-root .search-results.show-grid li.fdn-pres-item { width: calc(50% - 5px); } } .uk-root .search-results .fdn-override-width-1-1 { box-shadow: none !important; margin-bottom: 24px !important; } .uk-root .fdn-features-icon-readers-choice svg * { stroke: var(--primary-color); } .uk-root .search-results.show-grid .pres-LocationSearchRectangle span.fdn-features-icon-block { display: inline; } .uk-root .uk-width-1-4\@exs { width: 25%; } .uk-root .uk-width-3-4\@exs { width: 75%; } .uk-root .uk-width-1-5\@es { width: calc(100% * 1 / 5.001); } .uk-root .uk-width-1-6\@em { width: calc(100% * 1 / 6.001); } .uk-root .fdn-custom-best-of-intro-header { font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif; font-weight: 200; text-transform: uppercase; font-size: 48px; } .uk-root .fdn-custom-best-of-intro-header + .fdn-best-of-content-intro-share-block .fdn-custom-best-of-content-header-share-tools { padding: 0; border: none; } .uk-root .fdn-custom-best-of-content-wrap .fdn-content-body * { font-size: 1rem; line-height: 1.3rem; } .uk-root .fdn-custom-best-of-content-wrap .fdn-caption-block { text-align: right; } .uk-root .fdn-custom-best-of-content-wrap .fdn-caption-block .fdn-image-credit { font-weight: 400; font-style: italic; color: #666; } .uk-root .fdn-custom-best-of-content-block .fdn-best-of-content-intro-share-block { min-width: 150px; } .uk-root .fdn-custom-best-of-content-block .fdn-custom-best-of-content-header-share-tools { padding: 5px 0 0; border-top: thin solid #ccc; } .uk-root .fdn-custom-best-of-content-block .fdn-custom-best-of-content-header-share-tools .fdn-share-icon-email { background: var(--primary-color); color: #fff; } .uk-root .fdn-custom-best-of-content-block .fdn-custom-best-of-content-info-block { font-family: 'Serif12', Georgia, Times, serif; padding: 0 8px; margin-top: 20px; } .uk-root .fdn-custom-best-of-content-block .fdn-custom-best-of-content-info-block ul li { font-size: 15px; margin-top: 2px; color: #000; font-weight: 700; } .uk-root .fdn-custom-best-of-content-block .fdn-custom-best-of-content-info-block ul li .fdn-custom-best-of-content-info-tel { color: #000; } .uk-root .fdn-custom-best-of-content-block .fdn-custom-best-of-content-info-block ul li .fdn-custom-best-of-content-info-url { color: var(--primary-color); font-weight: 400; } .uk-root .fdn-custom-best-of-content-block .fdn-custom-best-of-content-info-block ul li .fdn-custom-best-of-content-info-map { font-family: 'Avalon', "Roboto", Arial, sans-serif; display: inline-block; margin-left: 15px; text-transform: uppercase; color: var(--primary-color); font-weight: 700; } .uk-root .fdn-custom-best-of-content-header-block .fdn-custom-best-of-content-header-breadcrumb { list-style: none; padding-left: 0; } .uk-root .fdn-custom-best-of-content-header-block .fdn-custom-best-of-content-header-breadcrumb li { font-weight: 700; font-size: 24px; border: 0 none; margin: 0 0 0 -2px; color: #000; } .uk-root .fdn-custom-best-of-content-header-block .fdn-custom-best-of-content-header-breadcrumb li a { color: var(--primary-color); } .uk-root .fdn-custom-best-of-content-header-block .fdn-custom-best-of-content-header-breadcrumb li a ~ a { color: #000; } .uk-root .fdn-custom-best-of-content-header-block .fdn-custom-best-of-content-header-breadcrumb li + li:before { color: #333; content: "\0003A\0003A"; } .uk-root .fdn-custom-best-of-content-header-text { padding: 2px 12px; border-left: 4px solid var(--primary-color); } .uk-root .fdn-custom-best-of-content-header-text .fdn-best-of-teaser-headline a { color: var(--primary-color); } .uk-root .fdn-custom-best-of-content-header-text-breadcrumb.fdn-separated-list { margin-bottom: 5px; padding: 0; } .uk-root .fdn-custom-best-of-content-header-text-breadcrumb.fdn-separated-list li { border: none; color: #000; text-transform: uppercase; margin: 0; padding: 0; font-weight: 700; list-style: none; } .uk-root .fdn-custom-best-of-content-header-text-breadcrumb.fdn-separated-list li a { color: var(--primary-color); } .uk-root .fdn-custom-best-of-content-header-text-breadcrumb.fdn-separated-list li + li:before { content: " /// "; display: inline-block; letter-spacing: -2px; font-size: 14px; font-weight: 400; margin: 0 3px; vertical-align: text-top; color: #666; } .uk-root div#bestofSearchPanel { margin-top: 75px; z-index: 1010 !important; } .uk-root div#bestofSearchPanel .uk-modal-close-outside { color: #333; top: 18px; right: -10px; } .uk-root #bestofSearchPanelToggle { background: #fff; box-shadow: 0px 4px 3px -4px #000; padding: 10px; } .uk-root #bestofSearchPanelToggle a { font-weight: 700; color: #fff; display: inline-flex; align-items: center; padding: 1px 10px; background: var(--primary-color); text-transform: uppercase; font-size: 1.4rem; } .uk-root div#bestofSearchPanel, .uk-root .comp-bestof-searchcontroller { z-index: 1; } .uk-root div#bestofSearchPanel .fdn-best-of-search-neighborhood-dropdown .fdn-best-of-search-item-category-name h3, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-neighborhood-dropdown .fdn-best-of-search-item-category-name h3 { color: var(--primary-color); } .uk-root div#bestofSearchPanel .fdn-best-of-search-controller, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-controller { margin-bottom: 0; } .uk-root div#bestofSearchPanel .fdn-best-of-search-neighborhood-link, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-neighborhood-link { margin: 0 !important; } .uk-root div#bestofSearchPanel .fdn-best-of-search-neighborhood-link label, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-neighborhood-link label { display: block; cursor: pointer; } .uk-root div#bestofSearchPanel .fdn-best-of-search-neighborhood-link .fdn-best-of-search-neighborhood-name, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-neighborhood-link .fdn-best-of-search-neighborhood-name { display: flex; width: 100%; max-width: 500px; margin: auto; align-items: center; font-family: 'Oswald', 'Arial Narrow', Helvetica, sans-serif; font-size: 18px; transition: ease-out 122ms; background: #fff; padding: 5px 10px; box-sizing: border-box; } .uk-root div#bestofSearchPanel .fdn-best-of-search-neighborhood-link .fdn-best-of-search-neighborhood-name:hover, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-neighborhood-link .fdn-best-of-search-neighborhood-name:hover { background: #f4f4f4; } .uk-root div#bestofSearchPanel .fdn-best-of-search-neighborhood-link .fdn-best-of-search-neighborhood-name [uk-icon="vmg-plus"], .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-neighborhood-link .fdn-best-of-search-neighborhood-name [uk-icon="vmg-plus"] { display: block; margin-left: auto; } .uk-root div#bestofSearchPanel .fdn-best-of-search-neighborhood-link .fdn-best-of-search-neighborhood-name [uk-icon="vmg-minus"], .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-neighborhood-link .fdn-best-of-search-neighborhood-name [uk-icon="vmg-minus"] { display: none; margin-left: auto; color: var(--primary-color); } .uk-root div#bestofSearchPanel .fdn-best-of-search-neighborhood-link input, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-neighborhood-link input { display: none; } .uk-root div#bestofSearchPanel .fdn-best-of-search-neighborhood-link input:checked + .fdn-best-of-search-neighborhood-name, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-neighborhood-link input:checked + .fdn-best-of-search-neighborhood-name { background: #f4f4f4; } .uk-root div#bestofSearchPanel .fdn-best-of-search-neighborhood-link input:checked + .fdn-best-of-search-neighborhood-name [uk-icon="vmg-plus"], .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-neighborhood-link input:checked + .fdn-best-of-search-neighborhood-name [uk-icon="vmg-plus"] { display: none; } .uk-root div#bestofSearchPanel .fdn-best-of-search-neighborhood-link input:checked + .fdn-best-of-search-neighborhood-name [uk-icon="vmg-minus"], .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-neighborhood-link input:checked + .fdn-best-of-search-neighborhood-name [uk-icon="vmg-minus"] { display: block; color: var(--primary-color); } .uk-root div#bestofSearchPanel .fdn-best-of-search-map-link span, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-map-link span { background: var(--primary-color); color: #fff; display: inline-flex; padding: 0 8px; } .uk-root div#bestofSearchPanel .fdn-best-of-search-map-link p, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-map-link p { background: #eee; color: var(--primary-color); text-transform: uppercase; font-weight: 700; padding: 8px; flex: 1; transition: ease-out 122ms; font-size: 1.33rem; } .uk-root div#bestofSearchPanel .fdn-best-of-search-map-link:hover p, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-map-link:hover p { background: var(--primary-color); color: #fff; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item { position: relative; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item .uk-accordion-content, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item .uk-accordion-content { margin-top: 8px; overflow-y: scroll; margin-bottom: 20px; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item:first-child .fdn-best-of-search-item-category-name, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item:first-child .fdn-best-of-search-item-category-name { border-width: thin; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item.uk-open:after, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item.uk-open:after { content: " "; box-shadow: 0 0 10px #000; display: block; height: 6px; width: 80%; margin: auto; position: absolute; top: 25px; z-index: 1; left: 0; right: 0; border-radius: 0 0 50% 50%; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item.uk-open .fdn-best-of-search-item-category-name:before, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item.uk-open .fdn-best-of-search-item-category-name:before { background-image: url(/images/vmg-minus.svg); background-size: contain; opacity: 1; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item.uk-open + .fdn-best-of-search-item .fdn-best-of-search-item-category-name, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item.uk-open + .fdn-best-of-search-item .fdn-best-of-search-item-category-name { border-top-width: thin; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item-category-name, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item-category-name { border: thin solid #ccc; border-width: 0 thin thin; padding: 6px 10px 0px; line-height: 1; position: relative; transition: ease-out 122ms; background: #fff; z-index: 6; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item-category-name:before, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item-category-name:before { border-radius: 100%; margin-bottom: 5px; height: 0.9rem; width: 0.9rem; padding: 4px; background-image: url(/images/vmg-plus.svg); background-size: contain; opacity: 0.6; transition: ease-out 122ms; will-change: filter; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item-category-name h3, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item-category-name h3 { font-weight: 700; text-transform: uppercase; display: block; font-size: 1rem; margin: 0; border-right: thin solid #ccc; width: calc(100% - (1em + 20px)); transition: ease-out 122ms; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item-category-name:hover, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item-category-name:hover { background: var(--primary-color); } .uk-root div#bestofSearchPanel .fdn-best-of-search-item-category-name:hover:before, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item-category-name:hover:before { filter: invert(1); opacity: 1; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item-category-name:hover h3, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item-category-name:hover h3 { color: #fff; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item-link, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item-link { display: block; padding-left: 8px; border-left: 4px solid #fff; border-top: thin solid #fff; border-bottom: thin solid #fff; background: #fff; transition: ease-out 122ms; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item-link .fdn-best-of-search-item-headline, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item-link .fdn-best-of-search-item-headline { font-family: 'Oswald', 'Arial Narrow', sans-serif; font-weight: 300; font-size: 0.9rem; transition: ease-out 122ms; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item-link .fdn-best-of-search-item-subheadline, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item-link .fdn-best-of-search-item-subheadline { font-weight: 700; text-transform: uppercase; transition: ease-out 122ms; line-height: 1; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item-link.uk-active, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item-link.uk-active, .uk-root div#bestofSearchPanel .fdn-best-of-search-item-link:hover, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item-link:hover { border-top: thin solid #ccc; border-left: 4px solid var(--primary-color); background: #f4f4f4; } .uk-root div#bestofSearchPanel .fdn-best-of-search-item-link.uk-active .fdn-best-of-search-item-subheadline, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item-link.uk-active .fdn-best-of-search-item-subheadline, .uk-root div#bestofSearchPanel .fdn-best-of-search-item-link:hover .fdn-best-of-search-item-subheadline, .uk-root .comp-bestof-searchcontroller .fdn-best-of-search-item-link:hover .fdn-best-of-search-item-subheadline { color: var(--primary-color); } .uk-root div#bestofSearchPanel li.fdn-best-of-search-item, .uk-root .comp-bestof-searchcontroller li.fdn-best-of-search-item { margin: 0; } .uk-root .fdn-best-of-year-slider-header { font-weight: 700; text-transform: uppercase; letter-spacing: -1px; font-size: 20px; } .uk-root .fdn-best-of-year-slider-header + select[name="year"] { min-width: 100px; } .uk-root .comp-bestof-yearslider .fdn-best-of-year-slider-container { width: 240px; margin: auto; } .uk-root .comp-bestof-yearslider .fdn-best-of-year-slider-container ul li.fdn-active-year a { color: var(--primary-color); } .uk-root .comp-bestof-yearslider .fdn-best-of-year-slider-container ul li a { font-weight: 700; } .uk-root .comp-bestof-yearslider .fdn-best-of-year-slider-nav-arrow { color: var(--primary-color); transition: ease-out 122ms; } .uk-root .comp-bestof-yearslider .fdn-best-of-year-slider-nav-arrow:hover { opacity: 0.7; } .uk-root .fdn-best-of-year-slider-search-wrap { background: #f4f4f4; padding: 4px; border-radius: 10px; box-shadow: inset 1px 2px 2px #666; display: flex; } .uk-root .fdn-best-of-year-slider-search-wrap input { background: none; border: none; font-family: 'Roboto', 'Arial Narrow', sans-serif; padding: 2px; flex: 1; outline: none !important; } .uk-root .fdn-best-of-year-slider-search-wrap input::placeholder { text-transform: uppercase; } .uk-root .fdn-best-of-year-slider-search-wrap button { border: none; background: none; margin-left: auto; cursor: pointer; outline: none !important; transition: ease-out 122ms; } .uk-root .fdn-best-of-year-slider-search-wrap button:hover { color: var(--primary-color); } .uk-root .fdn-best-of-index-teaser-block a { padding: 20px; background: #fff; margin: 20px 0; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); border-radius: 2px; display: block; transition: ease-out 122ms; } .uk-root .fdn-best-of-index-teaser-block a span { display: block; color: #000; font-weight: 700; text-transform: uppercase; } .uk-root .fdn-best-of-index-teaser-block a span + img { margin-top: 20px; } .uk-root .fdn-best-of-index-teaser-block a:hover { background: #eee; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .uk-root .fdn-custom-best-of-content-microcomponent-row { margin: 20px 0; padding: 20px 0; border-top: thin solid #ccc; } .uk-root .fdn-custom-best-of-content-microcomponent-row .BestofSearchResultsresponsive.Leaderboard { height: 90px; } .uk-root .fdn-grid-sidebar .comp-bestof-searchcontroller, .uk-root .fdn-grid-sidebar .fdn-best-of-year-slider-search-form { display: none; } @media (min-width: 858px) { .uk-root .fdn-grid-sidebar .comp-bestof-searchcontroller, .uk-root .fdn-grid-sidebar .fdn-best-of-year-slider-search-form { display: block; } } .uk-root .uk-modal .fdn-best-of-year-slider-search-form { border: thin solid #ccc; padding: 2px; } .uk-root .uk-modal .fdn-best-of-year-slider-search-form button, .uk-root .uk-modal .fdn-best-of-year-slider-search-form input[type='text'] { background: none; border: none; outline: none; } .uk-root .fdn-best-of-year-slider-search-form-clear { font-weight: 700; } .uk-root .RestaurantGuideLocation .ev-grid-layout, .uk-root .RestaurantDirectoryLocation .ev-grid-layout, .uk-root .RestaurantDirectory .ev-grid-layout, .uk-root .RestaurantGuide .ev-grid-layout { max-width: 1440px; box-shadow: none; } .uk-root .RestaurantGuideLocation .fdn-grid-main.uk-flex-none.fdn-primary, .uk-root .RestaurantDirectoryLocation .fdn-grid-main.uk-flex-none.fdn-primary, .uk-root .RestaurantDirectory .fdn-grid-main.uk-flex-none.fdn-primary, .uk-root .RestaurantGuide .fdn-grid-main.uk-flex-none.fdn-primary { width: 100%; max-width: 100%; box-sizing: border-box; } @media (min-width: 858px) { .uk-root .RestaurantGuideLocation .fdn-grid-main.uk-flex-none.fdn-primary, .uk-root .RestaurantDirectoryLocation .fdn-grid-main.uk-flex-none.fdn-primary, .uk-root .RestaurantDirectory .fdn-grid-main.uk-flex-none.fdn-primary, .uk-root .RestaurantGuide .fdn-grid-main.uk-flex-none.fdn-primary { width: calc(100% - 318px); } } .uk-root .RestaurantGuideLocation .fdn-grid-sidebar.uk-flex-last, .uk-root .RestaurantDirectoryLocation .fdn-grid-sidebar.uk-flex-last, .uk-root .RestaurantDirectory .fdn-grid-sidebar.uk-flex-last, .uk-root .RestaurantGuide .fdn-grid-sidebar.uk-flex-last { width: 100%; box-sizing: border-box; display: none; } @media (min-width: 858px) { .uk-root .RestaurantGuideLocation .fdn-grid-sidebar.uk-flex-last, .uk-root .RestaurantDirectoryLocation .fdn-grid-sidebar.uk-flex-last, .uk-root .RestaurantDirectory .fdn-grid-sidebar.uk-flex-last, .uk-root .RestaurantGuide .fdn-grid-sidebar.uk-flex-last { max-width: 318px !important; display: block; } } .uk-root .RestaurantGuideLocation .fdn-site-header-flex, .uk-root .RestaurantDirectoryLocation .fdn-site-header-flex, .uk-root .RestaurantDirectory .fdn-site-header-flex, .uk-root .RestaurantGuide .fdn-site-header-flex { margin-left: auto; margin-right: auto; } .uk-root .comp-location-restaurantdirectoryfilterheader { font-family: "Roboto", Helvetica, Arial, sans-serif; border-bottom: thin solid #ccc; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-header-block { height: 32px; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-header-block .fdn-custom-restaurant-directory-filter-arrow-button svg { transition: ease-out 122ms; position: relative; top: 1px; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-header-block .fdn-custom-restaurant-directory-filter-arrow-button[aria-hidden='true'] svg { transform: rotateX(180deg); } .uk-root .comp-location-restaurantdirectoryfilterheader div#fdn-custom-restaurant-directory-filter-dropdown { margin-bottom: 12px; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-dropdown-button { background: none; height: 40px; padding: 8px; box-sizing: border-box; border: thin solid #000; transition: ease-out 122ms; width: 100%; text-transform: capitalize; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-dropdown { background: #f5f5f5; padding: 8px; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-dropdown ul.uk-list { max-height: 400px; overflow-y: auto; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-dropdown li { color: #000; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-dropdown li input[type='checkbox'] { display: none; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-dropdown li input[type='checkbox'] + label { cursor: pointer; position: relative; display: inline-flex; align-items: flex-start; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-dropdown li input[type='checkbox'] + label:before { content: " "; width: 11px; height: 11px; margin-right: 5px; border: thin solid #000; box-sizing: border-box; background: #fff; transition: ease-out 122ms; position: relative; top: 3.5px; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-dropdown li input[type='checkbox'] + label span { flex: 1; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-dropdown li input[type='checkbox']:checked + label:before { content: " "; border: thin solid var(--primary-color); background: var(--primary-color); } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-dropdown .fdn-custom-restaurant-directory-filter-dropdown-list-header span { border-bottom: thin solid; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-arrow-button { border: none; padding: 0; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-arrow-button span { border: thin solid #000; border-radius: 100%; box-sizing: border-box; width: 24px; height: 24px; align-items: center; justify-content: center; transition: ease-out 122ms; font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-input-row { order: 1; padding-right: 0; flex: 1; box-sizing: border-box; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-input-row > * { width: 100%; box-sizing: border-box; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-input-row > * { width: calc(100% * 1/3.001); } } @media (min-width: 1140px) { .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-input-row { padding-right: 10px; } } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-search-button { border: none; padding: 0; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-search-button span:first-child { color: #ccc; letter-spacing: 2px; margin: auto 15px auto 0; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-search-button span + span { padding: 6px 8px; color: #fff; background: var(--primary-color); } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-row { order: 3; width: 100%; box-sizing: border-box; padding-left: 10px; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-price { margin: 5px 0; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-price > div { border: thin solid #ccc; border-left: 0; overflow: hidden; font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-price > div:first-of-type { border-left: thin solid #ccc; border-radius: 8px 0 0 8px; margin-left: 8px; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-price > div:last-child { border-radius: 0 8px 8px 0; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-price input[type="radio"] { display: none; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-price label { display: flex; align-items: center; justify-content: center; padding: 3px 5px; box-sizing: border-box; min-width: 26px; cursor: pointer; transition: ease-out 122ms; background: #fff; color: #000; font-weight: 700; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-price label:hover { background: var(--primary-color); color: #fff; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-price input[type="radio"]:checked + label { background: #e4e4eb !important; color: #000; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-button-row { order: 20; width: 100%; box-sizing: border-box; justify-content: center; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-button-row { order: 2; width: 30%; justify-content: flex-start; } } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-button-row button { background: none; height: 40px; padding: 8px 14px; box-sizing: border-box; border: thin solid #000; color: #000; transition: ease-out 122ms; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; letter-spacing: 1px; font-weight: 700; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-button-row button:hover { color: #fff; background: var(--primary-color); } @media (max-width: 1074px) and (min-width: 1140px) { .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-button-results span { display: none; } } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-checkboxes { flex: 100%; } @media (min-width: 858px) { .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-checkboxes { flex: 1; } } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-checkboxes .fdn-custom-restaurant-directory-filter-form-option { padding: 8px 25px 8px 0px; } @media (min-width: 858px) { .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-checkboxes .fdn-custom-restaurant-directory-filter-form-option { padding: 8px 25px; } } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-checkboxes .fdn-custom-restaurant-directory-filter-form-option:first-child { padding-left: 0px; } @media (min-width: 858px) { .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-checkboxes .fdn-custom-restaurant-directory-filter-form-option:first-child { padding-left: 25px; } } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-checkboxes .fdn-custom-restaurant-directory-filter-form-option input[type='checkbox'] { display: none; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-checkboxes .fdn-custom-restaurant-directory-filter-form-option input[type='checkbox'] + label { cursor: pointer; position: relative; display: inline-flex; align-items: center; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-checkboxes .fdn-custom-restaurant-directory-filter-form-option input[type='checkbox'] + label:before { content: " "; width: 11px; height: 11px; margin-right: 5px; border: thin solid #000; box-sizing: border-box; background: var(--primary-color); transition: 444ms; position: relative; top: -1px; box-shadow: inset 0 0 0 11px #fff; } .uk-root .comp-location-restaurantdirectoryfilterheader .fdn-custom-restaurant-directory-filter-form-option-checkboxes .fdn-custom-restaurant-directory-filter-form-option input[type='checkbox']:checked + label:before { content: " "; border: thin solid var(--primary-color); box-shadow: inset 0 0 0 0 transparent; } .uk-root .comp-location-restaurantdirectoryheader { margin-top: 30px!important; } .uk-root .comp-location-restaurantdirectorysearchresults, .uk-root .comp-location-restaurantdirectoryheader { display: flex; flex-wrap: wrap; justify-content: center; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-header-block, .uk-root .comp-location-restaurantdirectoryheader .fdn-custom-restaurant-directory-header-block { text-align: center; } .uk-root .comp-location-restaurantdirectorysearchresults h1, .uk-root .comp-location-restaurantdirectoryheader h1 { text-align: center; font-weight: 700; font-size: 30px; line-height: 1.05; text-transform: uppercase; letter-spacing: 2px; display: block; color: var(--primary-color); display: inline-flex; padding: 0 12px 8px; border-bottom: thin solid #ccc; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantdirectorysearchresults h1, .uk-root .comp-location-restaurantdirectoryheader h1 { font-size: 43px; line-height: 1.2; } } .uk-root .comp-location-restaurantdirectorysearchresults h1 a, .uk-root .comp-location-restaurantdirectoryheader h1 a, .uk-root .comp-location-restaurantdirectorysearchresults h1 div, .uk-root .comp-location-restaurantdirectoryheader h1 div { color: var(--primary-color); } .uk-root .comp-location-restaurantdirectorysearchresults h1 a span, .uk-root .comp-location-restaurantdirectoryheader h1 a span, .uk-root .comp-location-restaurantdirectorysearchresults h1 div span, .uk-root .comp-location-restaurantdirectoryheader h1 div span { color: #000; } .uk-root .comp-location-restaurantdirectorysearchresults h2, .uk-root .comp-location-restaurantdirectoryheader h2 { text-align: center; letter-spacing: 3px; font-size: 18px; font-family: "Roboto", Helvetica, Arial, sans-serif; text-transform: uppercase; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-logo-row, .uk-root .comp-location-restaurantdirectoryheader .fdn-custom-restaurant-directory-logo-row { font-family: 'Roboto Slab', serif; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-logo-row > div, .uk-root .comp-location-restaurantdirectoryheader .fdn-custom-restaurant-directory-logo-row > div { margin-left: auto !important; margin-right: auto !important; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-logo-row .fdn-custom-restaurant-directory-logo-row-blurb p, .uk-root .comp-location-restaurantdirectoryheader .fdn-custom-restaurant-directory-logo-row .fdn-custom-restaurant-directory-logo-row-blurb p { text-align: left; font-size: 17px; color: #000; } @media (min-width: 640px) { .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-logo-row .fdn-custom-restaurant-directory-logo-row-blurb p, .uk-root .comp-location-restaurantdirectoryheader .fdn-custom-restaurant-directory-logo-row .fdn-custom-restaurant-directory-logo-row-blurb p { font-size: 19px; } } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-logo-row-logo, .uk-root .comp-location-restaurantdirectoryheader .fdn-custom-restaurant-directory-logo-row-logo { display: block; margin: auto; max-width: 200px; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-info-row, .uk-root .comp-location-restaurantdirectoryheader .fdn-custom-restaurant-directory-info-row { border: thin solid #111; margin: 20px 30px; box-sizing: border-box; display: none; padding: 4px 0; } @media (min-width: 998px) { .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-info-row, .uk-root .comp-location-restaurantdirectoryheader .fdn-custom-restaurant-directory-info-row { display: flex; } } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-info-row > div > div, .uk-root .comp-location-restaurantdirectoryheader .fdn-custom-restaurant-directory-info-row > div > div { padding: 6px 11px; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-info-row h3, .uk-root .comp-location-restaurantdirectoryheader .fdn-custom-restaurant-directory-info-row h3 { font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 30px; line-height: 1; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-info-row h3 span, .uk-root .comp-location-restaurantdirectoryheader .fdn-custom-restaurant-directory-info-row h3 span { font-weight: 700; color: var(--primary-color); } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-info-row p, .uk-root .comp-location-restaurantdirectoryheader .fdn-custom-restaurant-directory-info-row p { font-weight: 700; font-family: 'Roboto Slab', serif; font-size: 15px; color: #333; flex: 1; max-width: calc(100% * 1/3.001); box-sizing: border-box; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-info-row .fdn-custom-restaurant-directory-logo-row-promo-link, .uk-root .comp-location-restaurantdirectoryheader .fdn-custom-restaurant-directory-info-row .fdn-custom-restaurant-directory-logo-row-promo-link { display: block; text-align: center; padding: 6px; width: 180px; box-sizing: border-box; color: var(--primary-color); border: thin solid var(--primary-color); font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; transition: 100ms linear; margin: auto 13px; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-info-row .fdn-custom-restaurant-directory-logo-row-promo-link:hover, .uk-root .comp-location-restaurantdirectoryheader .fdn-custom-restaurant-directory-info-row .fdn-custom-restaurant-directory-logo-row-promo-link:hover { color: #fff; background: var(--primary-color); } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-search-load-more, .uk-root .comp-location-restaurantdirectoryheader .fdn-search-load-more { font-weight: 700; transition: ease-out 122ms; border-color: var(--primary-color); color: var(--primary-color); font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; letter-spacing: 1px; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-search-load-more:hover, .uk-root .comp-location-restaurantdirectoryheader .fdn-search-load-more:hover { color: #fff; background: var(--primary-color); border-color: var(--primary-color); } .uk-root .fdn-location-message-dialog { font-weight: 700; font-size: 1.3rem; } @media (min-width: 1140px) and (max-width: 1260px) { .uk-root .comp-location-latestrestaurantnews .uk-child-width-1-3\@s > *, .uk-root .comp-location-morerestaurants .uk-child-width-1-3\@s > *, .uk-root .comp-location-latestrestaurantnews .uk-child-width-1-3\@m > *, .uk-root .comp-location-morerestaurants .uk-child-width-1-3\@m > * { width: 50%; } .uk-root .comp-location-latestrestaurantnews .fdn-labeled[class*='AirMediumRectangle']:not([class*='ThreeAcross']) > div, .uk-root .comp-location-morerestaurants .fdn-labeled[class*='AirMediumRectangle']:not([class*='ThreeAcross']) > div { margin-top: 20px !important; margin-bottom: 10px; } .uk-root .comp-location-latestrestaurantnews .fdn-custom-restaurant-directory-search-results-teaser-wrap.uk-first-column + div:not(.uk-first-column), .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser-wrap.uk-first-column + div:not(.uk-first-column) { border-width: 0 0 0 thin !important; } .uk-root .comp-location-latestrestaurantnews .fdn-custom-restaurant-directory-search-results-teaser-wrap.uk-first-column:after, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser-wrap.uk-first-column:after { display: none !important; } } .uk-root .Location.comp-shell-sharetools .fdn-share-icon-email, .uk-root .Event.comp-shell-sharetools .fdn-share-icon-email, .uk-root .DrinkHere.comp-shell-sharetools .fdn-share-icon-email, .uk-root .EatHere.comp-shell-sharetools .fdn-share-icon-email, .uk-root .ShareToolsandOpenTableresponsive.comp-shell-sharetools .fdn-share-icon-email { background: var(--primary-color); color: #fff; } .uk-root .RestaurantGuideLocation.comp-shell-sharetools, .uk-root .RestaurantGuide.comp-shell-sharetools { margin: 25px 0; } .uk-root .RestaurantGuideLocation.comp-shell-sharetools .comp-ShellHorizontalBar > div, .uk-root .RestaurantGuide.comp-shell-sharetools .comp-ShellHorizontalBar > div { margin-left: 0 !important; justify-content: center; } .uk-root .RestaurantGuideLocation.comp-shell-sharetools .comp-ShellHorizontalBar > div > div, .uk-root .RestaurantGuide.comp-shell-sharetools .comp-ShellHorizontalBar > div > div { margin: 0 20px; } .uk-root .RestaurantGuideLocation.comp-shell-sharetools .comp-ShellHorizontalBar .fdn-share-icon-email, .uk-root .RestaurantGuide.comp-shell-sharetools .comp-ShellHorizontalBar .fdn-share-icon-email { background: var(--primary-color); color: #fff; } .uk-root .fdn-custom-restaurant-directory-search-results-navigation { margin-top: 1rem; } .uk-root .fdn-custom-restaurant-directory-search-results-navigation-header { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; letter-spacing: 3px; } .uk-root .fdn-custom-restaurant-directory-search-results-navigation-link-wrap { padding: 0 8px; width: 100%; max-width: 140px; box-sizing: border-box; } .uk-root .fdn-custom-restaurant-directory-search-results-navigation-link { display: block; padding: 8px; border: thin solid #000; color: #000; text-align: center; white-space: nowrap; text-transform: uppercase; transition: 100ms linear; font-weight: 700; letter-spacing: 1px; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; } .uk-root .fdn-custom-restaurant-directory-search-results-navigation-link:hover { background: var(--primary-color); color: #fff; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-searched-for { font-family: "Roboto", Helvetica, Arial, sans-serif; color: #000; font-size: 1.15rem; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-reset { font-family: "Roboto", Helvetica, Arial, sans-serif; color: #000; font-size: 1.15rem; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-reset .uk-button { background: none; height: 40px; padding: 8px 14px; box-sizing: border-box; border: thin solid #000; font-size: 1rem; color: #000; transition: ease-out 122ms; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; letter-spacing: 1px; font-weight: 700; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-reset .uk-button:hover { color: #fff; background: var(--primary-color); border-color: var(--primary-color); } .uk-root .comp-location-restaurantdirectorysearchresults p.fdn-custom-restaurant-directory-search-results-no-results { font-size: 23px; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-featured-header { position: absolute; left: 0; right: 0; top: 0; background: var(--primary-color); padding: 3px; text-align: center; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 2px; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-details-link { margin-top: 0px; align-items: flex-end; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-details-link a { display: inline-block; padding: 4px 8px; margin: 0 1px 0 0; color: #fff; text-align: center; background: var(--primary-color); font-weight: 700; text-transform: uppercase; border-radius: 4px; font-size: 14px; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-details-link a:hover { background-color: #a5252b; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-url a { font-weight: 700; color: #000; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-address { font-weight: 700; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-address li + li { margin: 1px 0 3px; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-address .fdn-interface-count { font-weight: 700; padding: 0; color: var(--primary-color); } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-tel a { font-weight: 700; color: #333; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-headline { font-weight: 400; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-headline a { color: #000; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-headline a:hover { text-decoration: none; color: #a5252b; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-breadcrumb { font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-weight: 700; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-breadcrumb * { text-transform: uppercase; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-category { color: var(--primary-color); font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-location { color: var(--primary-color); font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-cost { color: #9d9d9d; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser-text-block { padding: 12px; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser-text-block > * { margin: 1px 0 3px; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-headline-block { margin: 1px 0 3px; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-breadcrumb-category { color: var(--primary-color); font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-style: italic; font-weight: 700; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-breadcrumb-category:last-of-type { margin-right: 4px; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-breadcrumb-category:hover { color: var(--primary-color); } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-breadcrumb-location { color: var(--primary-color); font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-breadcrumb-location:hover { color: var(--primary-color); } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-breadcrumb-cost { color: #9d9d9d; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; } .uk-root .comp-location-restaurantlisting .fdn-caption-block { flex-wrap: wrap; background: #fff; } .uk-root .comp-location-restaurantlisting .fdn-caption-block .fdn-image-credit { font-family: Arial, sans-serif; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-description { padding-right: 0; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-description { padding-right: 20px; } } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-headline { font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-size: 2rem; font-weight: 400; padding-right: 22px; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-headline { font-size: 2.8rem; } } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-features-icons { margin: auto 15px; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-features-icons .fdn-custom-restaurant-listing-header-feature-top-100 { padding: 4px; background: var(--primary-color); color: #fff; text-transform: uppercase; box-sizing: border-box; width: 28px; height: 28px; font-size: 11px; line-height: 1; text-align: center; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-weight: 700; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header { order: 1; width: 100%; box-sizing: border-box; margin-top: 20px; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header { width: 50%; margin-top: 0; } } .uk-root .comp-location-restaurantlisting .comp-location-morerestaurants, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header { order: 1; } .uk-root .comp-location-restaurantlisting .comp-location-morerestaurants .fdn-breadcrumb, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header .fdn-breadcrumb { font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-weight: 700; } .uk-root .comp-location-restaurantlisting .comp-location-morerestaurants .fdn-breadcrumb *, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header .fdn-breadcrumb * { text-transform: uppercase; } .uk-root .comp-location-restaurantlisting .comp-location-morerestaurants .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-category, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-category { color: var(--primary-color); } .uk-root .comp-location-restaurantlisting .comp-location-morerestaurants .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-location, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-location { color: var(--primary-color); } .uk-root .comp-location-restaurantlisting .comp-location-morerestaurants .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-cost, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-cost { color: #9d9d9d; } .uk-root .comp-location-restaurantlisting .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser-text-block, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header .fdn-custom-restaurant-directory-search-results-teaser-text-block { padding: 12px; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-image { order: -1; width: 100%; box-sizing: border-box; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-image { order: 1; width: 50%; } } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-image .uk-child-width-1-4 > * { width: 80px; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-map { order: -1; width: 100%; box-sizing: border-box; padding: 0; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-map { order: 1; width: 50%; padding: 0 0 0 15px; } } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-image .comp-location-restaurantlisting { margin: 0!important; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-info { font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1.05rem; margin-top: 3px; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-info ul li { margin: 1px 0 3px; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-info .fdn-custom-restaurant-listing-header-tel { color: var(--primary-color); } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-info .fdn-custom-restaurant-listing-header-website { color: #000; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-info .fdn-custom-restaurant-listing-header-address { color: #4b4b4b; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-info .fdn-custom-restaurant-listing-header-address p { margin: 1px 0 3px; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-links { margin-top: 15px; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-links .uk-button { border-color: #000; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #000; transition: ease-out 122ms; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-links .uk-button:hover { background: var(--primary-color); border-color: var(--primary-color); color: #fff; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-links .fdn-custom-restaurant-listing-header-link-open-table { background: url(/images/air/opentable-color.png) 0 0 no-repeat; padding: 50px 18px 0; background-size: 150px; position: relative; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-header-links .fdn-custom-restaurant-listing-header-link-open-table:before { content: "Powered By"; position: absolute; font-weight: 700; top: -5px; left: 55px; text-transform: uppercase; font-size: 7px; color: #999; letter-spacing: 1px; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-description, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-related-stories, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-best-of { order: 1; width: 100%; box-sizing: border-box; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-description, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-related-stories, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-best-of { width: 50%; } } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-description { font-family: 'Serif12', Georgia, Times, serif; color: #000; line-height: 23px; order: -2; margin-bottom: 10px; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-description { order: 1; margin-bottom: 0; } } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-details { order: 0; width: 100%; box-sizing: border-box; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-details { width: 50%; } } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-description ~ .fdn-custom-restaurant-listing-details { order: 1; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-image:first-child + .fdn-custom-restaurant-listing-list { order: 0; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-row .fdn-custom-restaurant-listing-lists-header span:not([class]) { position: relative; left: 0px; color: #fff; background: var(--primary-color); text-transform: uppercase; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-weight: 700; padding: 1px 8px; display: inline-flex; justify-content: center; align-items: center; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-row .fdn-custom-restaurant-listing-lists-header span:not([class]) { left: -5px; } } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-row .fdn-custom-restaurant-listing-best-of li, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-row .fdn-custom-restaurant-listing-list li { color: #000; font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-row .fdn-custom-restaurant-listing-best-of li + li, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-row .fdn-custom-restaurant-listing-list li + li { margin-top: 4px; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-row .fdn-custom-restaurant-listing-best-of ul li { color: #000; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-row .fdn-custom-restaurant-listing-best-of ul li a { color: #000; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-row .fdn-custom-restaurant-listing-best-of .fdn-custom-restaurant-listing-best-of-medal { display: inline-flex; width: 22px; height: 22px; background: url('/images/air/best-of-medal.png') center no-repeat; background-size: contain; margin: auto auto auto 8px; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-related-stories .pres-ContentListBrief li, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-related-stories .fdn-custom-restaurant-listing-list li { display: flex; flex-direction: column; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-related-stories .pres-ContentListBrief li a, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-related-stories .fdn-custom-restaurant-listing-list li a { color: #000; letter-spacing: 0.0313rem; font-size: 1rem; line-height: 1.15rem; font-weight: 700; font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-related-stories .pres-ContentListBrief li a span, .uk-root .comp-location-restaurantlisting .fdn-custom-restaurant-listing-related-stories .fdn-custom-restaurant-listing-list li a span { color: var(--primary-color); font-style: italic; font-size: 11px; text-transform: uppercase; font-weight: 400; display: block; } @media (max-width: 858px) { .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-block { margin-left: 0 !important; } .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-block > * { padding-left: 0 !important; } } .uk-root .comp-location-morerestaurants .fdn-labeled[class*='AirMediumRectangle']:not([class*='ThreeAcross']) > div { margin-top: 20px !important; } .uk-root .comp-location-morerestaurants .fdn-labeled[class*='AirMediumRectangle'][class*='ThreeAcross'] > div, .uk-root .comp-location-morerestaurants .fdn-labeled[class*='AirLVPLeaderboard'] .uk-root .comp-location-morerestaurants .fdn-labeled[class*='AirLeaderboard'] > div, .uk-root .comp-location-morerestaurants .fdn-labeled.PromotionsandNativeAdresponsive > div { margin-top: 20px !important; } .uk-root .comp-location-morerestaurants, .uk-root .fdn-custom-restaurant-listing-header { order: 1; } .uk-root .comp-location-morerestaurants .fdn-breadcrumb, .uk-root .fdn-custom-restaurant-listing-header .fdn-breadcrumb { font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-weight: 700; } .uk-root .comp-location-morerestaurants .fdn-breadcrumb *, .uk-root .fdn-custom-restaurant-listing-header .fdn-breadcrumb * { font-size: 1.05rem; } .uk-root .comp-location-morerestaurants .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-category, .uk-root .fdn-custom-restaurant-listing-header .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-category { color: var(--primary-color); } .uk-root .comp-location-morerestaurants .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-location, .uk-root .fdn-custom-restaurant-listing-header .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-location { color: var(--primary-color); } .uk-root .comp-location-morerestaurants .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-location:hover, .uk-root .fdn-custom-restaurant-listing-header .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-location:hover { color: var(--primary-color); } .uk-root .comp-location-morerestaurants .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-cost, .uk-root .fdn-custom-restaurant-listing-header .fdn-breadcrumb .fdn-custom-restaurant-listing-breadcrumb-cost { color: #9d9d9d; } .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser-category-row, .uk-root .fdn-custom-restaurant-listing-header .fdn-custom-restaurant-directory-search-results-teaser-category-row { font-size: 1.05rem; } .uk-root .fdn-custom-restaurant-directory-search-results-block { max-width: 100%; box-sizing: border-box; } .uk-root .fdn-custom-restaurant-listing-takeout-details-link, .uk-root .fdn-custom-restaurant-listing-delivery-details-link { font-weight: 700; display: block; background: #fff; position: relative; color: #000; z-index: 2; } .uk-root .comp-location-backtoresults .uk-button { border-color: #000; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #000; transition: ease-out 122ms; } .uk-root .comp-location-backtoresults .uk-button:hover { background: var(--primary-color); border-color: var(--primary-color); color: #fff; } .uk-root .comp-location-pleasemessageus { font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-style: italic; font-size: 1rem; color: #999; } .uk-root .comp-location-pleasemessageus a { color: #999; transition: ease-out 122ms; } .uk-root .comp-location-pleasemessageus a:hover { color: var(--primary-color); } .uk-root .comp-location-morerestaurants .fdn-component-header-block, .uk-root .comp-location-latestrestaurantnews .fdn-component-header-block { background: none; margin-left: 0; margin-bottom: 10px; box-shadow: none; box-sizing: border-box; width: 100%; padding: 0; } @media (min-width: 858px) { .uk-root .comp-location-morerestaurants .fdn-component-header-block, .uk-root .comp-location-latestrestaurantnews .fdn-component-header-block { width: auto; } } .uk-root .comp-location-morerestaurants .fdn-component-header-block .fdn-component-header-text, .uk-root .comp-location-latestrestaurantnews .fdn-component-header-block .fdn-component-header-text { border-bottom: thin solid var(--primary-color); display: flex; justify-content: center; padding: 0 0 1px; line-height: 1.15; width: 100%; } @media (min-width: 858px) { .uk-root .comp-location-morerestaurants .fdn-component-header-block .fdn-component-header-text, .uk-root .comp-location-latestrestaurantnews .fdn-component-header-block .fdn-component-header-text { width: auto; } } .uk-root .comp-location-morerestaurants .fdn-component-header-block a, .uk-root .comp-location-latestrestaurantnews .fdn-component-header-block a { color: var(--primary-color); font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-weight: 700; letter-spacing: 1px; } .uk-root .comp-location-morerestaurants .pres-ContentListBrief li, .uk-root .comp-location-latestrestaurantnews .pres-ContentListBrief li { display: flex; flex-direction: column; } .uk-root .comp-location-morerestaurants .pres-ContentListBrief li a, .uk-root .comp-location-latestrestaurantnews .pres-ContentListBrief li a { color: #000; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; letter-spacing: 0.0313rem; letter-spacing: 0.5px; font-size: 1.2rem; line-height: 1.35rem; font-weight: 400; } .uk-root .comp-location-morerestaurants .pres-ContentListBrief li a span, .uk-root .comp-location-latestrestaurantnews .pres-ContentListBrief li a span { color: var(--primary-color); font-style: italic; font-size: 11px; text-transform: uppercase; font-weight: 400; display: block; } .uk-root .fdn-primary .comp-location-morerestaurants .fdn-component-header-block, .uk-root .fdn-primary .comp-location-latestrestaurantnews .fdn-component-header-block { display: flex; justify-content: center; margin: 25px 0 10px; background: none !important; } .uk-root .fdn-primary .comp-location-morerestaurants .fdn-component-header-block a, .uk-root .fdn-primary .comp-location-latestrestaurantnews .fdn-component-header-block a { background: none !important; color: var(--primary-color); } .uk-root .fdn-primary .comp-location-morerestaurants .fdn-component-header-block a:hover, .uk-root .fdn-primary .comp-location-latestrestaurantnews .fdn-component-header-block a:hover { background: none !important; color: var(--primary-color); } .uk-root .comp-location-restaurantdirectorysearchresults p.fdn-custom-restaurant-directory-search-results-no-results, .uk-root .comp-location-morerestaurants p.fdn-custom-restaurant-directory-search-results-no-results { font-size: 23px; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser-wrap, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser-wrap { margin: 20px 0 0; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser-wrap ~ .uk-padding-remove.fdn-override-width-1-1 .comp-shell-supportus, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser-wrap ~ .uk-padding-remove.fdn-override-width-1-1 .comp-shell-supportus { margin-left: 9px; } @media (min-width: 998px) { .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser-wrap, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser-wrap { margin: 20px 0; } } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser-wrap .fdn-custom-restaurant-directory-search-results-teaser, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser-wrap .fdn-custom-restaurant-directory-search-results-teaser { border-bottom: thin solid #ccc; } @media (min-width: 998px) { .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser-wrap .fdn-custom-restaurant-directory-search-results-teaser, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser-wrap .fdn-custom-restaurant-directory-search-results-teaser { border-bottom: 0 none; } } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser-wrap.uk-first-column, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser-wrap.uk-first-column { position: relative; } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser-wrap.uk-first-column + div:not(.uk-first-column), .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser-wrap.uk-first-column + div:not(.uk-first-column) { border: thin solid #ccc; border-width: 0; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser-wrap.uk-first-column + div:not(.uk-first-column), .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser-wrap.uk-first-column + div:not(.uk-first-column) { border: thin solid #ccc; border-width: 0 thin; } } .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser-wrap.uk-first-column:after, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser-wrap.uk-first-column:after { content: " "; display: none; border-bottom: thin solid #ddd; position: absolute; bottom: -20px; left: 18px; width: calc(300% - 36px); flex: none; box-sizing: border-box; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser-wrap.uk-first-column:after, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser-wrap.uk-first-column:after { display: block; } } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser { padding: 0px; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-category-row, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-category-row, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-category-row, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-category-row { font-style: italic; font-size: 1rem; margin-bottom: 4px !important; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-category-row a, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-category-row a, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-category-row a, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-category-row a { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: var(--primary-color); line-height: 1.03; font-style: italic; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-category-row a:hover, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-category-row a:hover, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-category-row a:hover, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-category-row a:hover { color: #a5252b; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-category-row a:last-of-type, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-category-row a:last-of-type, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-category-row a:last-of-type, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-category-row a:last-of-type { margin-right: 4px; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-interface-count, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-interface-count, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-interface-count, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-interface-count { padding: 0; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser { padding: 0px 9px 0 0px; } } @media (min-width: 1010px) { .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser { padding: 0px 20px 0 12px; } } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-featured-header, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-featured-header, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-featured-header, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-featured-header { position: absolute; left: 0; right: 0; top: 0; background: var(--primary-color); padding: 3px; text-align: center; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 2px; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-details-link, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-details-link, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-details-link, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-details-link { margin-top: 15px !important; align-items: flex-end; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-details-link a, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-details-link a, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-details-link a, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-details-link a { display: inline-block; padding: 4px 8px; margin: 0 1px 0 0; color: #fff; text-align: center; background: var(--primary-color); font-weight: 700; text-transform: uppercase; border-radius: 4px; font-size: 11px; letter-spacing: 2px; font-family: 'Avalon', "Roboto", Arial, sans-serif; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-details-link a:hover, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-details-link a:hover, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-details-link a:hover, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-details-link a:hover { background-color: #a5252b; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-details-link .fdn-custom-restaurant-directory-search-results-teaser-details-link-opentable, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-details-link .fdn-custom-restaurant-directory-search-results-teaser-details-link-opentable, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-details-link .fdn-custom-restaurant-directory-search-results-teaser-details-link-opentable, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-details-link .fdn-custom-restaurant-directory-search-results-teaser-details-link-opentable { position: relative; margin-left: auto; margin-top: 0px; font-family: 'Avalon', "Roboto", Arial, sans-serif; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-text-block, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-text-block, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-text-block, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-text-block { padding: 15px 15px 15px 10px; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-text-block > *, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-text-block > *, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-text-block > *, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-text-block > * { margin: 1px 0 3px; } @media (min-width: 1140px) { .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-text-block, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-text-block, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-text-block, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-text-block { padding: 15px 6px 8px; } } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-url a, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-url a, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-url a, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-url a { font-weight: 700; color: #333; font-size: 1rem; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-address, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-address, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-address, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-address { font-weight: 700; padding-right: 10px; font-size: 1rem; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; margin: 1px 0 3px; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-address li, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-address li, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-address li, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-address li { margin: 1px 0 3px; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-tel a, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-tel a, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-tel a, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-tel a { font-weight: 700; color: #333; font-size: 1rem; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-headline, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-headline, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-headline, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-headline { font-weight: 400; font-size: 1.55rem; line-height: 1.15; letter-spacing: -0.3px; letter-spacing: -0.01875rem; margin: 1px 0 3px; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-headline a, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-headline a, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-headline a, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-headline a { color: #000; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-headline a:hover, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-headline a:hover, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-headline a:hover, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-headline a:hover { text-decoration: none; color: #a5252b; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-category-wrap, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-category-wrap, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-category-wrap, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-category-wrap { margin: 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 1.03; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-category-wrap .fdn-custom-restaurant-listing-breadcrumb-category, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-category-wrap .fdn-custom-restaurant-listing-breadcrumb-category, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-category-wrap .fdn-custom-restaurant-listing-breadcrumb-category, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-category-wrap .fdn-custom-restaurant-listing-breadcrumb-category { color: var(--primary-color); font-family: 'Roboto Condensed', sans-serif; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-neighborhood, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-neighborhood, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-neighborhood, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-neighborhood { color: var(--primary-color); font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 0.95rem; margin-left: 1px; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-neighborhood:hover, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-directory-search-results-teaser-neighborhood:hover, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-neighborhood:hover, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-directory-search-results-teaser-neighborhood:hover { color: var(--primary-color); } .uk-root .comp-location-restaurantdirectorysearchresults .comp-location-restaurantlisting .fdn-custom-restaurant-listing-breadcrumb-cost, .uk-root .comp-location-morerestaurants .comp-location-restaurantlisting .fdn-custom-restaurant-listing-breadcrumb-cost, .uk-root .comp-location-restaurantdirectorysearchresults .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-listing-breadcrumb-cost, .uk-root .comp-location-morerestaurants .fdn-custom-restaurant-directory-search-results-teaser .fdn-custom-restaurant-listing-breadcrumb-cost { color: #9d9d9d; font-family: 'Roboto Condensed', sans-serif; } .uk-root [data-component-grid-id="ShareToolsandOpenTable"] .fdn-component-grid-zone { align-items: center; } @media (min-width: 1140px) { .uk-root [data-component-grid-id="ShareToolsandOpenTable"] .fdn-component-grid-zone { align-items: flex-end; } } @media (min-width: 858px) { .uk-root [data-component-grid-id="ShareToolsandOpenTable"] .fdn-component-grid-zone + .fdn-component-grid-zone { align-items: flex-start; } } .uk-root [data-component-grid-id="ShareToolsandOpenTable"] .comp-shell-sharetools { margin-top: 0; } @media (min-width: 1140px) { .uk-root [data-component-grid-id="ShareToolsandOpenTable"] .comp-shell-sharetools { margin-top: 20px; } } .uk-root [data-component-grid-id="ShareToolsandOpenTable"] .comp-shell-sharetools .comp-ShellHorizontalBar { margin-top: 5px; } .uk-root [data-component-grid-id="ShareToolsandOpenTable"] .comp-shell-sharetools .comp-ShellHorizontalBar > div > div + div { margin-left: 30px; } .uk-root [data-component-grid-id="ShareToolsandOpenTable"] .comp-location-poweredbyopentable { margin: 0 auto; } @media (min-width: 1140px) { .uk-root [data-component-grid-id="ShareToolsandOpenTable"] .comp-location-poweredbyopentable { margin-top: 20px; } } .uk-root [data-component-grid-id="ShareToolsandOpenTable"] .comp-location-poweredbyopentable .fdn-powered-by-open-table-block { display: flex; flex-wrap: wrap; align-items: center; } .uk-root [data-component-grid-id="ShareToolsandOpenTable"] .comp-location-poweredbyopentable .fdn-powered-by-open-table-block p { width: 100px; box-sizing: border-box; margin: 0 10px 0 0px; font-style: italic; font-family: 'Roboto'; font-size: 15px; line-height: 1; letter-spacing: 1px; text-align: right; } @media (min-width: 858px) { .uk-root [data-component-grid-id="ShareToolsandOpenTable"] .comp-location-poweredbyopentable .fdn-powered-by-open-table-block p { margin-left: 30px; } } .uk-root [data-component-grid-id="ShareToolsandOpenTable"] .comp-location-poweredbyopentable .fdn-powered-by-open-table-block span { display: block; flex: 1; background: url(/images/air/opentable-color.png) center no-repeat; background-size: 150px; min-width: 150px; height: 50px; } @media (min-width: 640px) and (max-width: 1140px) { .uk-root .fdn-custom-restaurant-directory-search-results-teaser-address { padding-right: 0; } } .uk-root .fdn-custom-restaurant-listing-header-menu-block > .uk-modal-body { border: 15px solid #d9d9d9; width: 750px; } .uk-root .fdn-custom-restaurant-listing-header-menu-block .fdn-component-header-block { display: none; } .uk-root .fdn-custom-restaurant-listing-header-menu-block .fdn-location-menu-block * { font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root .fdn-custom-restaurant-listing-header-menu-block .fdn-location-menu-block .uk-list.uk-column-divider + .uk-flex-none { margin-top: 90px; } .uk-root .fdn-custom-restaurant-listing-header-menu-block .fdn-location-menu-block .fdn-teaser-headline { font-size: 1.15rem; color: #444; } .uk-root .fdn-custom-restaurant-listing-header-menu-block .fdn-location-menu-block .fdn-teaser-headline + p { margin-top: 12px; } .uk-root .fdn-custom-restaurant-listing-header-menu-block .fdn-location-menu-block h3.uk-heading-divider { background: #eee; display: flex; justify-content: center; align-items: center; padding: 10px 0; margin: 20px -18px; text-transform: uppercase; } .uk-root body#Guide.DrinkHereLocation .ev-grid-floated-right.uk-width-2-5, .uk-root body#Guide.EatHereLocation .ev-grid-floated-right.uk-width-2-5, .uk-root body#Guide.DrinkHere .ev-grid-floated-right.uk-width-2-5, .uk-root body#Guide.EatHere .ev-grid-floated-right.uk-width-2-5 { width: 100%!important; float: none; margin-left: 0; display: flex; justify-content: space-between; align-items: center; } @media (min-width: 640px) { .uk-root body#Guide.DrinkHereLocation .ev-grid-floated-right.uk-width-2-5, .uk-root body#Guide.EatHereLocation .ev-grid-floated-right.uk-width-2-5, .uk-root body#Guide.DrinkHere .ev-grid-floated-right.uk-width-2-5, .uk-root body#Guide.EatHere .ev-grid-floated-right.uk-width-2-5 { float: right; display: block; margin-left: 18px; width: 25% !important; } } .uk-root body#Guide.DrinkHereLocation .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools, .uk-root body#Guide.EatHereLocation .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools, .uk-root body#Guide.DrinkHere .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools, .uk-root body#Guide.EatHere .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools { margin: 0!important; } @media (min-width: 640px) { .uk-root body#Guide.DrinkHereLocation .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools, .uk-root body#Guide.EatHereLocation .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools, .uk-root body#Guide.DrinkHere .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools, .uk-root body#Guide.EatHere .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools { margin: 20px 0 !important; } } .uk-root body#Guide.DrinkHereLocation .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools .comp-ShellHorizontalBar > .uk-flex, .uk-root body#Guide.EatHereLocation .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools .comp-ShellHorizontalBar > .uk-flex, .uk-root body#Guide.DrinkHere .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools .comp-ShellHorizontalBar > .uk-flex, .uk-root body#Guide.EatHere .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools .comp-ShellHorizontalBar > .uk-flex { justify-content: space-between; margin: 0!important; } @media (min-width: 640px) { .uk-root body#Guide.DrinkHereLocation .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools .comp-ShellHorizontalBar > .uk-flex, .uk-root body#Guide.EatHereLocation .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools .comp-ShellHorizontalBar > .uk-flex, .uk-root body#Guide.DrinkHere .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools .comp-ShellHorizontalBar > .uk-flex, .uk-root body#Guide.EatHere .ev-grid-floated-right.uk-width-2-5 .comp-shell-sharetools .comp-ShellHorizontalBar > .uk-flex { justify-content: center; } } .uk-root body#Guide.DrinkHereLocation .DrinkHereLogo, .uk-root body#Guide.EatHereLocation .DrinkHereLogo, .uk-root body#Guide.DrinkHere .DrinkHereLogo, .uk-root body#Guide.EatHere .DrinkHereLogo, .uk-root body#Guide.DrinkHereLocation .EatHereLogo, .uk-root body#Guide.EatHereLocation .EatHereLogo, .uk-root body#Guide.DrinkHere .EatHereLogo, .uk-root body#Guide.EatHere .EatHereLogo { margin-top: 0; } .uk-root body#Guide.DrinkHereLocation .AirTowerAdTop100MobileInlineresponsive, .uk-root body#Guide.EatHereLocation .AirTowerAdTop100MobileInlineresponsive, .uk-root body#Guide.DrinkHere .AirTowerAdTop100MobileInlineresponsive, .uk-root body#Guide.EatHere .AirTowerAdTop100MobileInlineresponsive, .uk-root body#Guide.DrinkHereLocation .AirMediumRectangleTop100Inlineresponsive, .uk-root body#Guide.EatHereLocation .AirMediumRectangleTop100Inlineresponsive, .uk-root body#Guide.DrinkHere .AirMediumRectangleTop100Inlineresponsive, .uk-root body#Guide.EatHere .AirMediumRectangleTop100Inlineresponsive { border-top: 2px solid #d0d0d0; padding-top: 2rem; margin-top: 1rem; } .uk-root body#Guide.DrinkHere h2 { font-weight: 700; } .uk-root .EatHere.comp-page-pagebody .fdn-content-body, .uk-root .DrinkHere.comp-page-pagebody .fdn-content-body { font-family: 'Serif12', Georgia, Times, serif; font-size: 15px; color: #333; } .uk-root .DrinkHereIntro p, .uk-root .EatHereIntro p { font-family: 'Serif12', Georgia, Times, serif; font-size: 15px; color: #333; } .uk-root .DrinkHereIntro p a, .uk-root .EatHereIntro p a { color: var(--primary-color); } .uk-root .LastUpdatedDateEatHere, .uk-root .LastUpdatedDateDrinkHere, .uk-root .LastUpdatedDate.EatHere, .uk-root .LastUpdatedDate.DrinkHere { font-weight: 700; text-transform: uppercase; color: #333; font-family: 'Avalon', "Roboto", Arial, sans-serif; margin: 0!important; } .uk-root #Page #DrinkHere .uk-width-2-5.ev-grid-floated-right, .uk-root #Page #EatHere .uk-width-2-5.ev-grid-floated-right { width: 25% !important; } .uk-root #Page #DrinkHere .fdn-grid-main.fdn-primary, .uk-root #Page #EatHere .fdn-grid-main.fdn-primary { border-right: 0px solid var(--primary-color); } @media (min-width: 640px) { .uk-root #Page #DrinkHere .fdn-grid-main.fdn-primary, .uk-root #Page #EatHere .fdn-grid-main.fdn-primary { border-right: 10px solid var(--primary-color); } } .uk-root #Page #DrinkHere .fdn-grid-sidebar, .uk-root #Page #EatHere .fdn-grid-sidebar { box-sizing: border-box; padding-left: 0; border-left: none; } .uk-root #Page #DrinkHere .fdn-grid-sidebar .ev-grid-col div:first-child .fdn-margin-vert:first-child, .uk-root #Page #EatHere .fdn-grid-sidebar .ev-grid-col div:first-child .fdn-margin-vert:first-child { margin-top: 0 !important; } .uk-root #Page #DrinkHere .fdn-grid-main .ev-grid-col .fdn-margin-vert:first-child, .uk-root #Page #EatHere .fdn-grid-main .ev-grid-col .fdn-margin-vert:first-child { margin-top: 0 !important; } .uk-root .fdn-custom-eat-here-search-no-results { text-align: center; border-top: 2px solid #d0d0d0; padding: 40px 0; font-weight: 700; font-size: 1.4rem; text-transform: uppercase; color: var(--primary-color); } .uk-root .fdn-custom-eat-here-listing { border-top: 2px solid #d0d0d0; padding-top: 1rem; margin-top: 1rem; } .uk-root .fdn-custom-eat-here-listing .fdn-custom-eat-here-listing-header .fdn-custom-eat-here-listing-category-label { width: 100%; } @media (min-width: 858px) { .uk-root .fdn-custom-eat-here-listing .fdn-custom-eat-here-listing-header .fdn-custom-eat-here-listing-category-label { width: auto; } } .uk-root .fdn-custom-eat-here-listing .fdn-custom-eat-here-listing-header .fdn-custom-eat-here-listing-category-label ~ .fdn-custom-eat-here-listing-category { max-width: 500px; } .uk-root .fdn-custom-eat-here-listing [fdn-map-it] { width: 100%; height: 150px; margin: 0 auto 15px; max-width: 400px; box-sizing: border-box; box-shadow: 0px 0px 3px 0px #000; } .uk-root .fdn-custom-eat-here-listing-button-block { margin-top: 30px !important; } .uk-root .fdn-custom-eat-here-listing-button-block.fdn-custom-eat-here-listing-button-block-has-ot { margin-top: 50px !important; } .uk-root .fdn-custom-eat-here-listing-category { font-weight: 700; text-align: center; color: #999; text-transform: uppercase; font-size: 16px; line-height: 1.2; } .uk-root .fdn-custom-eat-here-listing-category:after { content: " //"; font-weight: 400; } .uk-root .fdn-custom-eat-here-listing-headline { font-weight: 700; text-transform: uppercase; font-size: 36px; color: var(--primary-color); text-align: center; line-height: 1.02; } .uk-root .fdn-custom-eat-here-listing-text-block { font-family: 'Serif12', Georgia, Times, serif; } .uk-root .fdn-custom-eat-here-listing-text-block p:last-child { margin: 0 0 10px; } .uk-root .fdn-custom-eat-here-listing-text-block .priceKey { margin-left: 0px; font-style: italic; font-weight: bold; } .uk-root .fdn-custom-eat-here-listing-button + .fdn-custom-eat-here-listing-button { margin-left: 25px; } .uk-root .fdn-custom-eat-here-listing-button > a { display: inline-block; padding: 5px 13px; color: #fff; text-align: center; background: var(--primary-color); font-weight: 700; text-transform: uppercase; letter-spacing: 2px; border: thin solid var(--primary-color); } .uk-root .fdn-custom-eat-here-listing-button > a:hover { background: #fff; color: var(--primary-color); } .uk-root .fdn-custom-eat-here-listing-button .fdn-custom-eat-here-listing-button-opentable { position: relative; } .uk-root .fdn-custom-eat-here-listing-button .fdn-custom-eat-here-listing-button-opentable:before { content: " "; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-size: 9px; color: #222; font-style: italic; display: block; letter-spacing: -0.01rem; font-weight: 300; position: absolute; top: -40px; left: 0; right: 0; background: url(/images/air/opentable-color.png) top center no-repeat; height: 50px; background-size: contain; } .uk-root .fdn-custom-eat-here-listing-button-reserve { order: -1; margin: 0 auto 25px !important; width: 100%; text-align: center; } @media (min-width: 400px) { .uk-root .fdn-custom-eat-here-listing-button-reserve { order: 1; width: auto; margin: 0 0 0 25px !important; } } .uk-root .fdn-custom-eat-here-listing-button-block [id*='sharePanel'] { order: 10; margin: 10px 0 0; } .uk-root .fdn-custom-eat-here-listing-button-block [id*='sharePanel'] > div { margin: 5px 0 0; box-shadow: 0px 0px 3px 0px #000; padding: 5px 15px; border-radius: 2px; display: inline-flex; } .uk-root .fdn-custom-eat-here-listing-button-block [id*='sharePanel'] > div div ~ div { margin-left: 8px; } .uk-root .fdn-custom-eat-here-listing-button-block [id*='sharePanel'] > div a[href*='mailto:'] { display: inline-flex; align-items: center; justify-content: center; border: thin solid; padding: 3px; border-radius: 500px; height: 32px; width: 32px; box-sizing: border-box; } .uk-root .fdn-custom-location-search-form-wrap, .uk-root .fdn-custom-location-search-form-sticky { background: #fff; } .uk-root .LocationSearchFormEatHerehidden { position: relative; z-index: 997; } .uk-root.uk-offcanvas-page .LocationSearchFormEatHerehidden { z-index: 9; } .uk-root .comp-location-locationsearchform.uk-margin-medium-bottom { margin-bottom: 30px !important; } .uk-root .fdn-custom-location-search-form-wrap-narrow { background: #fff; padding: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); top: 70px !important; } .uk-root .fdn-custom-location-search-form-wrap-narrow ::-webkit-scrollbar { -webkit-appearance: none; } .uk-root .fdn-custom-location-search-form-wrap-narrow ::-webkit-scrollbar:vertical { width: 12px; } .uk-root .fdn-custom-location-search-form-wrap-narrow ::-webkit-scrollbar:horizontal { height: 12px; } .uk-root .fdn-custom-location-search-form-wrap-narrow ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; border: 2px solid #ffffff; } .uk-root .fdn-custom-location-search-form-wrap-narrow ::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; } .uk-root .fdn-custom-location-search-form-wrap-narrow .fdn-custom-location-search-form-button-row { flex-wrap: wrap; } .uk-root .fdn-custom-location-search-form-wrap-narrow .fdn-custom-location-search-form-button-row > * { width: 100% !important; margin: 5px 0 0; } .uk-root .fdn-custom-location-search-form-wrap-narrow .uk-dropdown { left: 0!important; } @media (min-width: 640px) { .uk-root .fdn-custom-location-search-form-wrap-narrow { top: 95px !important; } } .uk-root .fdn-custom-location-search-form-wrap-narrow .fdn-custom-location-search-form-wrap-narrow-close { display: none; } .uk-root .fdn-custom-location-search-form-wrap-narrow .uk-open ~ .fdn-custom-location-search-form-wrap-narrow-close { display: block; } .uk-root .fdn-custom-location-search-form-dropdown .fdn-custom-location-search-form-dropdown-scrollbox { max-height: 420px; overflow-y: scroll; margin-top: 20px; } @media (min-width: 640px) { .uk-root .fdn-custom-location-search-form-dropdown .fdn-custom-location-search-form-dropdown-scrollbox { margin-top: 0; } } .uk-root .fdn-custom-eat-here-listing-info-block { text-align: center; font-family: 'Avalon Condensed', 'Arial Narrow', Helvetica, sans-serif; font-size: 20px; } .uk-root .fdn-custom-eat-here-listing-info-block .fdn-custom-eat-here-listing-contact { text-transform: lowercase; } .uk-root .fdn-custom-eat-here-listing-info-block .fdn-custom-eat-here-listing-contact a[href^='tel'] { color: var(--primary-color); } .uk-root .fdn-custom-eat-here-listing-info-block .fdn-custom-eat-here-listing-contact .uk-icon { transform: rotate(45deg); } .uk-root .fdn-custom-location-search-form-block .fdn-custom-location-search-form-label { display: inline-block; border: none; background: var(--primary-color); padding: 0px 10px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-size: 1.1rem !important; letter-spacing: 1px; } .uk-root .fdn-custom-location-search-form-block button.fdn-custom-location-search-form-label { margin-left: 6px; letter-spacing: 2px; font-size: 1.4rem !important; } .uk-root .fdn-custom-location-search-form-block input[type='submit'] { display: inline-block; border: thin solid transparent; background: var(--primary-color); padding: 8px 15px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-size: 20px!important; outline: 0 none; transition: 188ms linear; box-sizing: border-box; width: 130px; } .uk-root .fdn-custom-location-search-form-block input[type='submit']:hover { border: thin solid var(--primary-color); color: var(--primary-color); background: #fff; } .uk-root .fdn-custom-location-search-form-block input[type='reset'] { display: inline-block; border: thin solid var(--primary-color); padding: 12px 18px; color: var(--primary-color); background: #fff; font-weight: 700; text-transform: uppercase; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-size: 20px!important; outline: 0 none; transition: 188ms linear; box-sizing: border-box; width: 130px; -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; } .uk-root .fdn-custom-location-search-form-block input[type='reset']:hover { background: var(--primary-color); color: #fff; } .uk-root .fdn-custom-location-search-form-block button { background: none; border: none; color: var(--primary-color); letter-spacing: 2px; text-transform: uppercase; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-size: 1.8rem !important; font-weight: 700; padding: 0; outline: none; display: inline-flex; align-items: center; } .uk-root .fdn-custom-location-search-form-block button svg { transition: 90ms linear; } .uk-root .fdn-custom-location-search-form-block button.uk-open svg { transform: rotate(90deg); } .uk-root .fdn-custom-location-search-form-block .fdn-custom-location-search-form-dropdown:not([hidden]) + button svg, .uk-root .fdn-custom-location-search-form-block [aria-hidden="false"] + button svg { transform: rotate(90deg); } .uk-root .fdn-custom-location-search-form-block .fdn-custom-location-search-form-dropdown-row input { display: none; } .uk-root .fdn-custom-location-search-form-block .fdn-custom-location-search-form-dropdown-row input + label { display: flex; align-items: flex-start; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; color: #444; font-size: 20px; background: #fff; box-sizing: border-box; width: 100%; padding: 2px 2px 2px 8px; cursor: pointer; word-break: break-word; letter-spacing: -0.2px; } .uk-root .fdn-custom-location-search-form-block .fdn-custom-location-search-form-dropdown-row input + label:before { content: ""; cursor: pointer; display: inline-block; margin-right: 10px; margin-top: 5px; background: #d0d0d0; border: thin solid #d0d0d0; width: 13px; height: 13px; flex: none; border-radius: 100%; transition: 23ms linear; vertical-align: text-top; } .uk-root .fdn-custom-location-search-form-block .fdn-custom-location-search-form-dropdown-row input:checked + label:before { background: #469d41; border: thin solid #469d41; } .uk-root .fdn-custom-location-search-form-block .fdn-custom-location-search-form-input { font-family: Arial, sans-serif; border: thin solid var(--primary-color); padding: 12px 50px 12px 8px; background: url(/images/air/search-glass.png) 98% center no-repeat; background-size: 35px; font-size: 1.325rem !important; outline: 0 none; transition: 188ms linear; box-shadow: 0px 0px 3px 0px transparent; } .uk-root .fdn-custom-location-search-form-block .fdn-custom-location-search-form-input:focus, .uk-root .fdn-custom-location-search-form-block .fdn-custom-location-search-form-input:active { box-shadow: 0px 0px 3px 0px #333c; } .uk-root .comp-film-filmtimesbytitle .fdn-teaser-headline { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 1.25rem; } .uk-root .comp-film-filmtimesbytitle .search-results .uk-grid-margin { margin-top: 15px; } .uk-root .comp-film-title.fdn-margin-vert { margin-top: 10px; } .uk-root .comp-film-nowplaying ~ .AirMediumRectangleLatestInline.uk-margin-remove-top { margin-top: 20px !important; } .uk-sticky.uk-root .comp-film-nowplaying { background: #fff; padding-bottom: 1rem; } .uk-root .comp-film-nowplaying .fdn-teaser-headline-tight { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 500; } .uk-root .comp-film-nowplaying .fdn-now-playing-form-block { display: flex; flex-wrap: wrap; } @media (min-width: 640px) { .uk-root .comp-film-nowplaying .fdn-now-playing-form-block { display: block; } } .uk-root .comp-film-nowplaying .fdn-now-playing-form-block .fdn-now-playing-form-select-block { width: 50%; padding: 0 5px; box-sizing: border-box; margin: 0!important; } @media (min-width: 640px) { .uk-root .comp-film-nowplaying .fdn-now-playing-form-block .fdn-now-playing-form-select-block { width: 100%; padding: 0; } } .uk-root .comp-film-nowplaying .fdn-now-playing-form-block .fdn-now-playing-form-select-block + .uk-text-center { flex: none; width: 100%; } .uk-root .comp-film-datecontroller .fdn-button-control-outline { font-size: 11px !important; padding: 5px!important; } .uk-root .comp-film-datecontroller .fdn-button-control-outline span { margin-left: 0; } @media (min-width: 640px) { .uk-root .comp-film-datecontroller .fdn-button-control-outline span { margin-left: -5px; } } @media (min-width: 640px) { .uk-root .comp-film-datecontroller .fdn-button-control-outline { font-size: 15px; } } .uk-root #Film .ev-grid-floated-right.uk-width-2-5 { float: none; width: 100%; margin-left: 0; } @media (min-width: 640px) { .uk-root #Film .ev-grid-floated-right.uk-width-2-5 { float: right; width: 40%; margin-left: 18px; } } .uk-root .comp-landing-flipbook .fdn-flipbook-block { background: #efefef; padding: 10px 10px 12px; box-sizing: border-box; max-width: 450px; margin: auto; } .uk-root .comp-landing-flipbook .fdn-flipbook-text { font-family: 'Avalon Condensed', 'Arial Narrow', Helvetica, sans-serif; font-size: 18px; color: #000; } .uk-root .comp-landing-flipbook .fdn-flipbook-headline-wrap { padding: 0px 20px 0; border-left: 2px solid #aaa; transition: ease-out 122ms; } .uk-root .comp-landing-flipbook .fdn-flipbook-headline-wrap h2 { text-align: center; } .uk-root .comp-landing-flipbook .fdn-flipbook-headline-wrap h2 .fdn-flipbook-bg-wrap { text-transform: uppercase; font-weight: 700; color: #900; font-size: 2.05rem; line-height: 1.02; position: relative; text-align: center; display: inline; background: -moz-linear-gradient(top, rgba(239, 239, 239, 0) 36%, rgba(255, 255, 255, 0) 37%, #ffffff 38%); background: -webkit-linear-gradient(top, rgba(239, 239, 239, 0) 36%, rgba(255, 255, 255, 0) 37%, #ffffff 38%); background: linear-gradient(to bottom, rgba(239, 239, 239, 0) 36%, rgba(255, 255, 255, 0) 37%, #ffffff 38%); } @media (min-width: 640px) { .uk-root .comp-landing-flipbook .fdn-flipbook-headline-wrap h2 .fdn-flipbook-bg-wrap { font-size: 2rem; } } .uk-root .comp-landing-flipbook .fdn-flipbook-headline-wrap h2 .fdn-flipbook-bg-wrap span { color: #000; } .uk-root .comp-landing-flipbook .fdn-flipbook-headline-wrap img { display: block; max-height: 220px; width: auto; margin: auto; } .uk-root .comp-landing-flipbook .fdn-flipbook-text-link-wrap { bottom: -14px; right: 0; background: #efefef; padding: 0 10px; line-height: 0px; flex: none; height: 30px; display: flex; align-items: flex-end; } .uk-root .comp-landing-flipbook .fdn-flipbook-text-link-wrap a { color: #900; font-weight: 700; text-transform: uppercase; font-size: 1.2rem; display: block; } .uk-root .comp-landing-flipbook .fdn-flipbook-text-link-wrap a span { color: #000; } .uk-root .comp-landing-flipbook .fdn-flipbook-text-link-wrap a:hover span { color: #900; } .uk-root .comp-landing-flipbook .fdn-flipbook-text-wrap { border: 2px solid #aaa; border-width: 0 0 2px 2px; padding: 0px 10px 10px; } @media (min-width: 998px) { .uk-root .comp-landing-flipbook .fdn-flipbook-text-wrap { padding: 10px; } } .uk-root .fdn-flipbook-full-width .fdn-flipbook-block { max-width: none; } .uk-root .fdn-flipbook-full-width .fdn-flipbook-headline-wrap { box-sizing: border-box; width: 100%; } @media (min-width: 740px) { .uk-root .fdn-flipbook-full-width .fdn-flipbook-headline-wrap { border-left: none; width: 50%; } } .uk-root .fdn-flipbook-full-width .fdn-flipbook-headline-wrap img { max-height: 120px; } .uk-root .fdn-flipbook-full-width .fdn-flipbook-headline-wrap h2 { text-align: center; } @media (min-width: 740px) { .uk-root .fdn-flipbook-full-width .fdn-flipbook-headline-wrap h2 { text-align: right; } } .uk-root .fdn-flipbook-full-width .fdn-flipbook-headline-wrap h2 .fdn-flipbook-bg-wrap { font-size: 2.4rem; } .uk-root .fdn-flipbook-full-width .fdn-flipbook-text-wrap { box-sizing: border-box; width: 100%; padding: 18px; } @media (min-width: 740px) { .uk-root .fdn-flipbook-full-width .fdn-flipbook-text-wrap { width: 50%; align-items: center; } } .uk-root .fdn-flipbook-full-width .fdn-flipbook-text { font-size: 18px; } @media (min-width: 740px) { .uk-root .fdn-flipbook-full-width .fdn-flipbook-text { font-size: 24px; } } .uk-root .comp-bestof-bestoflandinglinks .uk-list > li > ul { display: none; } .uk-root .comp-bestof-bestoflandinglinks .fdn-best-of-category-header { transition: 222ms; } .uk-root .comp-bestof-bestoflandinglinks .fdn-best-of-category-header:before { transition: inherit; content: " "; display: inline-block; width: 14px; height: 14px; background: var(--primary-color); position: relative; top: -1px; } .uk-root .comp-bestof-bestoflandinglinks .fdn-best-of-category-header:hover:before { background: #000000; } .uk-root .comp-bestof-categorylanding .fdn-content-body :last-child { margin-bottom: 0; } .uk-root .fdn-video-slider-details-block h3.fdn-teaser-headline, .uk-root .fdn-slideshow-slider-details-block h3.fdn-teaser-headline, .uk-root .fdn-content-slider-teaser-block h3.fdn-teaser-headline { font-size: 1.2em !important; } .uk-root .comp-landing-toptags .fdn-teaser-headline { font-size: 1.48rem !important; } .uk-root .comp-landing-toptags .fdn-teaser-headline + .fdn-teaser-headline { font-size: 1.33rem !important; margin: 4px 0; } .uk-root .comp-landing-toptags .fdn-teaser-headline + .fdn-teaser-headline + .fdn-teaser-headline { font-size: 1.23rem !important; } .uk-root .comp-landing-toptags .fdn-teaser-headline + .fdn-teaser-headline + .fdn-teaser-headline + .fdn-teaser-headline { font-size: 1.13rem !important; } .uk-root .comp-landing-toptags .fdn-teaser-headline + .fdn-teaser-headline + .fdn-teaser-headline + .fdn-teaser-headline + .fdn-teaser-headline { font-size: 1rem!important; } .uk-root .comp-landing-toptags .fdn-teaser-headline + .fdn-teaser-headline + .fdn-teaser-headline + .fdn-teaser-headline + .fdn-teaser-headline + .fdn-teaser-headline { font-size: 0.88rem !important; } .uk-root .comp-landing-themost .pres-ContentListRectangle li.fdn-pres-item p.fdn-teaser-headline { margin-bottom: 8px; } .uk-root .comp-landing-themost .pres-ContentListRectangle li.fdn-pres-item .uk-flex { flex-direction: row-reverse; } .uk-root .comp-landing-themost .pres-ContentListRectangle li.fdn-pres-item .uk-flex .uk-margin-small-right { margin-right: 0 !important; margin-left: 8px !important; } .uk-root .comp-landing-themost .fdn-component-header-block { border: none; } .uk-root .comp-landing-themost .fdn-separated-tabs-custom { display: inline-flex; margin-top: 0; margin-bottom: 0; } .uk-root .comp-landing-themost .fdn-separated-tabs-custom li a.fdn-tab-header-link { font-size: 1.03rem; border: none; color: #fff; background: #666; border-radius: 6px 6px 0 0; padding: 2px 6px; margin: 2px 0 0; transition: 222ms; } .uk-root .comp-landing-themost .fdn-separated-tabs-custom li.uk-active a.fdn-tab-header-link { background: var(--primary-color); border-radius: 8px 8px 0 0; font-weight: 400; } .uk-root .comp-landing-themost .fdn-separated-tabs-custom li a.fdn-tab-header-link:hover { color: #fff; filter: brightness(1.3); } .uk-root .comp-landing-themost .uk-switcher > li { padding: 10px; border: thin solid #ddd; border-radius: 2px; } .uk-root .comp-landing-themost .uk-switcher > li li { word-break: break-word; } .uk-root .comp-landing-themost .fdn-the-most-comment-text span { color: inherit; } .uk-root .comp-landing-themost a, .uk-root .comp-landing-themost a:hover { text-decoration: none; } .uk-root .fdn-survey-section-form { display: flex; align-items: center; } .uk-root .fdn-survey-section-form .fdn-form-label { width: 150px; margin-right: 8px; font-size: 1.2rem; } .uk-root .fdn-survey-section-form select { flex: 1; font-weight: 700; } .uk-root .fdn-survey-section-header-block { margin-bottom: 1rem; } .uk-root .fdn-survey-question-block h3.fdn-survey-question-text { text-align: left; min-width: 150px; } @media (min-width: 640px) { .uk-root .fdn-survey-question-block h3.fdn-survey-question-text { text-align: right; flex: 1; } } .uk-root div#loginContainer .fdn-survey-section-header-block { background: #fff; padding: 0; } .uk-root div#loginContainer .fdn-survey-section-header-block .fdn-survey-section-header { color: #000; } .uk-root div#loginContainer form#createProfile a[data-action] { font-weight: 700; } .uk-root .comp-video-searchresults .search-results .uk-width-1-2.uk-width-1-3\@s { width: 50% !important; } .uk-root .comp-shell-supportus, .uk-root .comp-landing-supportus { padding-bottom: 20px; } .uk-root .comp-shell-supportus .uk-slider-items, .uk-root .comp-landing-supportus .uk-slider-items { transition: none !important; text-align: center; align-items: flex-end; line-height: 0.9; } .uk-root .comp-shell-supportus .uk-slider-items > div, .uk-root .comp-landing-supportus .uk-slider-items > div { color: #000; font-size: 32px; font-weight: 700; text-transform: uppercase; } @media (min-width: 400px) { .uk-root .comp-shell-supportus .uk-slider-items > div, .uk-root .comp-landing-supportus .uk-slider-items > div { font-size: 40px; } } @media (min-width: 858px) { .uk-root .comp-shell-supportus .uk-slider-items > div, .uk-root .comp-landing-supportus .uk-slider-items > div { font-size: 52px; } } .uk-root .comp-shell-supportus .uk-slider-items > div img, .uk-root .comp-landing-supportus .uk-slider-items > div img { max-height: 50px; width: auto; } .uk-root .comp-shell-supportus .fdn-support-us-block, .uk-root .comp-landing-supportus .fdn-support-us-block { padding: 15px 15px 20px; background: #39c; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.33); } @media (min-width: 858px) { .uk-root .comp-shell-supportus .fdn-support-us-block, .uk-root .comp-landing-supportus .fdn-support-us-block { padding: 30px 20px 20px; } } .uk-root .comp-shell-supportus .fdn-support-us-start-row .fdn-support-us-flasher-row, .uk-root .comp-landing-supportus .fdn-support-us-start-row .fdn-support-us-flasher-row { margin: auto; } .uk-root .comp-shell-supportus .fdn-support-us-start-row h2, .uk-root .comp-landing-supportus .fdn-support-us-start-row h2 { color: #f3eb12; text-transform: uppercase; font-weight: 700; font-size: 3rem; font-family: 'Avalon', "Roboto", Arial, sans-serif; } @media (min-width: 740px) { .uk-root .comp-shell-supportus .fdn-support-us-start-row h2, .uk-root .comp-landing-supportus .fdn-support-us-start-row h2 { font-size: 4rem; } } .uk-root .comp-shell-supportus .fdn-support-us-start-row .fdn-support-us-flasher-box, .uk-root .comp-landing-supportus .fdn-support-us-start-row .fdn-support-us-flasher-box { border-bottom: 3px solid #f3eb12; margin: 0 0 20px 0px; text-align: center; line-height: 1; } @media (min-width: 858px) { .uk-root .comp-shell-supportus .fdn-support-us-start-row .fdn-support-us-flasher-box, .uk-root .comp-landing-supportus .fdn-support-us-start-row .fdn-support-us-flasher-box { margin-left: 20px; } } .uk-root .comp-shell-supportus .fdn-support-us-start-row .fdn-support-us-start-row-text, .uk-root .comp-landing-supportus .fdn-support-us-start-row .fdn-support-us-start-row-text { text-align: center; text-transform: uppercase; font-size: 20px; color: #fff; line-height: 1.1; } .uk-root .comp-shell-supportus .fdn-support-us-support-button a, .uk-root .comp-landing-supportus .fdn-support-us-support-button a { display: inline-block; text-transform: uppercase; background: #f3eb12; color: #000; padding: 4px 10px; border-radius: 4px; font-weight: 700; margin-left: auto; font-size: 21px; } .uk-root .comp-shell-supportus .fdn-support-us-support-button a:hover, .uk-root .comp-landing-supportus .fdn-support-us-support-button a:hover { color: #39c; } .uk-root .comp-shell-supportus .fdn-support-us-toggle-row h2, .uk-root .comp-landing-supportus .fdn-support-us-toggle-row h2 { color: #fff; text-transform: uppercase; font-weight: 700; font-size: 30px; line-height: 1; font-family: 'Avalon', "Roboto", Arial, sans-serif; } @media (min-width: 640px) { .uk-root .comp-shell-supportus .fdn-support-us-toggle-row h2, .uk-root .comp-landing-supportus .fdn-support-us-toggle-row h2 { font-size: 52px; } } .uk-root .comp-shell-supportus .fdn-support-us-toggle-button, .uk-root .comp-landing-supportus .fdn-support-us-toggle-button { position: relative; } .uk-root .comp-shell-supportus .fdn-support-us-toggle-button a, .uk-root .comp-landing-supportus .fdn-support-us-toggle-button a { position: absolute; left: 0; right: 0; margin: auto; text-align: center; bottom: -40px; display: flex; width: 40px; background: #39c; border-radius: 100%; height: 35px; padding: 5px 0 0; justify-content: center; align-items: center; z-index: 44; } .uk-root .comp-shell-supportus .fdn-support-us-toggle-button a svg, .uk-root .comp-landing-supportus .fdn-support-us-toggle-button a svg { transition: 0.23s; color: #f3eb12 !important; } .uk-root .comp-shell-supportus .fdn-support-us-toggle-row:not([hidden]) + .fdn-support-us-toggle-button svg, .uk-root .comp-landing-supportus .fdn-support-us-toggle-row:not([hidden]) + .fdn-support-us-toggle-button svg, .uk-root .comp-shell-supportus .fdn-support-us-toggle-row[aria-hidden="false"] + .fdn-support-us-toggle-button svg, .uk-root .comp-landing-supportus .fdn-support-us-toggle-row[aria-hidden="false"] + .fdn-support-us-toggle-button svg { transform: rotateX(180deg); } .uk-root .fdn-support-us-start-row:not([hidden]) + .fdn-support-us-toggle-row[hidden] ~ .fdn-support-us-toggle-button svg { transform: rotateX(0deg); } .uk-root .comp-shell-supportus[class*='BestOf'] { display: none; } @media (min-width: 640px) { .uk-root .comp-shell-supportus[class*='BestOf'] { display: block; } } .uk-root .comp-shell-supportus[class*='BestOf']:after { content: ""; display: block; margin: auto; width: calc(100% - 18px); height: 1px; background: #ccc; position: relative; top: 30px; } .uk-root .comp-content-latestincategory .fdn-teaser-headline { margin-bottom: 0 !important; font-size: 1.25rem; font-family: 'Avalon Condensed', 'Arial Narrow', Helvetica, sans-serif; } .uk-root .comp-content-latestincategory .fdn-teaser-infoline { display: none; } .uk-root .content-multiple-item .comp-content-sailthrurecommendations h3 { font-weight: 700; font-style: 1rem; } .uk-root .content-multiple-item .comp-content-sailthrurecommendations .uk-list li { padding-left: 14px; line-height: 1; } .uk-root .content-multiple-item .comp-content-sailthrurecommendations .uk-list li:before { margin-left: -14px; } .uk-root .content-multiple-item .comp-content-sailthrurecommendations .uk-list li + li { margin-top: 14px; } .uk-root .content-multiple-item .comp-content-sailthrurecommendations .uk-list li a { font-size: 1rem; font-weight: 700; color: var(--primary-color); transition: ease-out 122ms; } .uk-root .content-multiple-item .comp-content-sailthrurecommendations .uk-list li a:hover { color: #777; } .uk-root .content-multiple-item .comp-content-sailthrurecommendations .fdn-sailthru-tagline { margin: 1rem 0; font-style: italic; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 0.66rem; color: #111; } .uk-root .content-multiple-item .comp-content-relatedstories h3 { margin: 0; } .uk-root .content-multiple-item .comp-content-relatedstories .uk-list { margin-top: 0; padding-bottom: 1rem; border-bottom: thin solid #ddd; } .uk-root .content-multiple-item .comp-content-relatedstories .uk-list li { margin: 4px 0; line-height: 1; display: flex; } .uk-root .content-multiple-item .comp-content-relatedstories .uk-list li:before { flex: none; margin-top: 4px; } .uk-root .content-multiple-item .comp-content-relatedstories .uk-list li a { font-size: 1rem; } .uk-root .content-multiple-item .comp-shell-supportus .fdn-support-us-block, .uk-root .content-multiple-item .comp-landing-supportus .fdn-support-us-block { padding: 10px 10px 20px; } .uk-root .content-multiple-item .comp-shell-supportus .fdn-support-us-block .fdn-support-us-start-row h2, .uk-root .content-multiple-item .comp-landing-supportus .fdn-support-us-block .fdn-support-us-start-row h2 { font-size: 2.6rem; } .uk-root .content-multiple-item .comp-shell-supportus .fdn-support-us-block .fdn-support-us-start-row .fdn-support-us-start-row-text, .uk-root .content-multiple-item .comp-landing-supportus .fdn-support-us-block .fdn-support-us-start-row .fdn-support-us-start-row-text { font-size: 1rem; } .uk-root .content-multiple-item .comp-shell-supportus .fdn-support-us-block .uk-slider-items > div, .uk-root .content-multiple-item .comp-landing-supportus .fdn-support-us-block .uk-slider-items > div { font-size: 37px; } .uk-root .content-multiple-item .comp-shell-supportus .fdn-support-us-block .uk-slider-items > div img, .uk-root .content-multiple-item .comp-landing-supportus .fdn-support-us-block .uk-slider-items > div img { max-height: 35px; } @media (max-width: 1140px) { .uk-root .comp-location-restaurantdirectorysearchresults .comp-shell-supportus .uk-slider-items > div, .uk-root .comp-location-restaurantdirectorysearchresults .comp-landing-supportus .uk-slider-items > div { font-size: 40px; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-shell-supportus .uk-slider-items > div img, .uk-root .comp-location-restaurantdirectorysearchresults .comp-landing-supportus .uk-slider-items > div img { max-height: 50px; } } @media (max-width: 480px) { .uk-root .comp-location-restaurantdirectorysearchresults .comp-shell-supportus .uk-slider-items > div, .uk-root .comp-location-restaurantdirectorysearchresults .comp-landing-supportus .uk-slider-items > div { font-size: 25px; } .uk-root .comp-location-restaurantdirectorysearchresults .comp-shell-supportus .uk-slider-items > div img, .uk-root .comp-location-restaurantdirectorysearchresults .comp-landing-supportus .uk-slider-items > div img { max-height: 35px; } } .uk-root .i-support.SupportUs .comp-page-latestissues > div { width: 80%; margin: auto; min-width: 360px; } .uk-root .fdn-custom-page-block-i-support { padding: 0 5px; font-size: 15px; } @media (min-width: 640px) { .uk-root .fdn-custom-page-block-i-support { padding: 0 80px; } } .uk-root .fdn-custom-page-block-i-support h3 { display: table; margin: 30px auto 20px; padding: 0; border-bottom: 1px solid #000; text-transform: uppercase; font-weight: 400 ; font-size: 32px; letter-spacing: 8px; text-align: center; } .uk-root .fdn-custom-page-block-i-support h3 span { font-weight: 700; font-size: 35px; } .uk-root .fdn-custom-page-block-i-support .fdn-custom-page-block-i-support-link { display: flex; justify-content: center; margin: 40px 0; } .uk-root .fdn-custom-page-block-i-support .fdn-custom-page-block-i-support-link a { display: inline-flex; align-items: center; color: #fff; background: var(--primary-color); border: thin solid var(--primary-color); padding: 2px 10px; font-weight: 400 !important; text-transform: uppercase; font-family: 'Avalon', "Roboto", Arial, sans-serif; letter-spacing: 8px; font-size: 20px; transition: 188ms; } .uk-root .fdn-custom-page-block-i-support .fdn-custom-page-block-i-support-link a strong { font-size: 25px; margin-left: 8px; position: relative; top: -2px; font-weight: 700 !important; } .uk-root .fdn-custom-page-block-i-support .fdn-custom-page-block-i-support-link a:hover { color: var(--primary-color); background: #fff; } .uk-root [class*='SearchFull'][class*='pres-'] .uk-width-1-4\@s { padding: 0; order: -1; } @media (min-width: 640px) { .uk-root [class*='SearchFull'][class*='pres-'] .uk-width-1-4\@s { padding: 0 0 0 12px; order: 2; } } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item { position: relative; -webkit-user-select: none; user-select: none; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a { box-shadow: 1px 1px 3px #0006; transition: ease-out 122ms; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a:hover { background: #efefef; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a p.fdn-teaser-headline { margin: 0 0 5px; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a .uk-flex-1 { order: 1; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a .fdn-teaser-infoline.fdn-inline-split-list { margin: 5px 0 0; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a .fdn-teaser-infoline.fdn-inline-split-list p.fdn-teaser-infoline { font-weight: 700; top: -2px; left: 5px; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a .fdn-teaser-description { font-family: 'Serif12', Georgia, Times, serif; font-size: 0.9rem; color: #111; margin: 5px 0; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a .fdn-teaser-topic { margin: 0; font-weight: 700; color: var(--primary-color); font-size: 0.9rem; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a.fdn-has-tickets { padding-bottom: 40px; position: relative; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a .fdn-location-teaser-meta-data { padding: 0px 8px 8px 18px; background: url('/images/air/map-marker-alt-duotone.svg') left 3px no-repeat; background-size: 10px; line-height: 1.5; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a .fdn-location-teaser-meta-data .fdn-location-name { font-weight: 700; font-size: 1.01rem; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a .fdn-location-teaser-meta-data .fdn-location-info { font-family: 'Roboto', Helvetica, Arial, sans-serif; text-transform: none; font-size: 0.95rem; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a .fdn-location-teaser-meta-data .fdn-location-neighborhood { display: inline-block; padding: 1px 4px 2px; color: #fff; background: var(--primary-color); border-radius: 2px; text-transform: none; font-weight: 300; font-family: 'Oswald', "Arial Narrow", sans-serif; margin: 0; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a .fdn-location-teaser-meta-data .fdn-location-neighborhood:before { display: none !important; } .uk-root [class*='SearchFull'][class*='pres-'] li.fdn-pres-item > a .fdn-location-phone { padding: 0px 8px 8px 18px; background: url('/images/air/phone-alt-duotone.svg') left 4px no-repeat; background-size: 11px; line-height: 1.5; margin: 0; color: #333; } .uk-root [class*='SearchFull'][class*='pres-'] .fdn-event-search-full-ticket-link { position: absolute; bottom: 10px; left: 10px; } .uk-root .comp-event-searchresultsdynamic .show-list img, .uk-root .comp-location-searchresultsdynamic .show-list img { max-height: 150px; width: auto; } .uk-root .comp-event-searchresultsdynamic .show-list .fdn-event-teaser-location-block, .uk-root .comp-location-searchresultsdynamic .show-list .fdn-event-teaser-location-block, .uk-root .comp-event-searchresultsdynamic .show-list .fdn-teaser-infoline:not(.fdn-inline-split-list), .uk-root .comp-location-searchresultsdynamic .show-list .fdn-teaser-infoline:not(.fdn-inline-split-list), .uk-root .comp-event-searchresultsdynamic .show-list .fdn-teaser-tagline, .uk-root .comp-location-searchresultsdynamic .show-list .fdn-teaser-tagline { display: none; } .uk-root #Page.Contribute h2.city-color-back-complimentary.levels { color: #fff; padding: 10px 15px; font-size: 26px; background: #3399cc; } .uk-root #Page.Contribute .fdn-content-image-right { margin-right: 50px; width: 200px; } .uk-root #Page.Contribute #table { background: #fff; border: 1px solid #000; border-width: 0; margin: 30px 0; clear: both; } .uk-root #Page.Contribute #table p { text-align: center; margin: 25px; } .uk-root #Page.Contribute #table table { width: 80%; margin: 0 auto 30px; table-layout: fixed; text-align: center; border-collapse: collapse; } .uk-root #Page.Contribute #table table th, .uk-root #Page.Contribute #table table td { border: 1px solid #d7d7d7; height: 60px; vertical-align: middle; padding: 0 5px; } .uk-root #Page.Contribute #table table td { font: normal 14px/16px Serif12, serif; } .uk-root #Page.Contribute #table table .noborder { border: none !important; background-color: #fff; } .uk-root #Page.Contribute #table table th { width: 25%; text-transform: uppercase; font: 700 13px/20px 'Avalon', "Arial Black", sans-serif; } @media (min-width: 640px) { .uk-root #Page.Contribute #table table th { font: 700 16px/25px 'Avalon', "Arial Black", sans-serif; } } .uk-root #Page.Contribute #table table tr:nth-child(even), .uk-root #Page.Contribute #table table td.faint { background-color: #f8f7f7; } .uk-root #Page.Contribute #table table td.dark { background-color: #f0f0f0; } .uk-root #Page.Contribute #table table th.insider:before, .uk-root #Page.Contribute #table table th.single:before, .uk-root #Page.Contribute #table table th.member:before { content: ""; display: inline-block; height: 48px; width: 48px; background: transparent url('/images/air/img/sprites-subs.png') no-repeat -30px 0; vertical-align: middle; margin: 0 5px 0 0; } .uk-root #Page.Contribute #table table th.single:before { background-position: -78px 0; } .uk-root #Page.Contribute #table table th.member:before { background-position: -126px 0; } .uk-root #Page.Contribute #table table td.checked:before { content: ""; display: inline-block; height: 20px; width: 28px; background: transparent url('/images/air/img/sprites-subs.png') no-repeat 0 0; vertical-align: middle; margin: 0 5px; } .uk-root #Page.Contribute #table table td .wee { font-size: 10px; line-height: 10px; } .uk-root #Page.Contribute #table table td .wee a { text-decoration: underline; color: #000 !important; } .uk-root #Page.Contribute #table table td a.btn { display: inline-block; text-decoration: none !important; color: #fff !important; font: 11px/20px 'Avalon', "Arial Black", sans-serif; width: 90%; padding: 0 5px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); margin: 10px 0; background: #3399cc; border-radius: 10px; font-weight: 700; text-transform: uppercase; } @media (min-width: 640px) { .uk-root #Page.Contribute #table table td a.btn { font: 14px/40px 'Avalon', "Arial Black", sans-serif; font-weight: 700; } } .uk-root .fdn-custom-page-contribute-block { padding: 10px ; } @media (min-width: 998px) { .uk-root .fdn-custom-page-contribute-block { padding: 0px 100px; } } .uk-root .fdn-custom-page-contribute-block h2 { text-align: center; text-transform: uppercase; font-weight: 700; font-size: 42px; line-height: 1.15; } .uk-root .fdn-custom-page-contribute-block h3 { font-family: 'Oswald', "Arial Narrow", sans-serif; text-align: center; font-weight: 300; line-height: 1.15; font-size: 33px; } .uk-root .fdn-custom-page-contribute-block .fdn-custom-page-contribute-content { margin: 20px auto; padding: 10px 0px; border: 4px double var(--alt-primary-color); } @media (min-width: 998px) { .uk-root .fdn-custom-page-contribute-block .fdn-custom-page-contribute-content { margin: 40px auto; padding: 10px 0px; } } .uk-root .fdn-custom-page-contribute-block .fdn-custom-page-contribute-content h4 { text-align: center; text-transform: uppercase; font-size: 28px; margin: 0; color: #3399cc; } .uk-root .fdn-custom-page-contribute-block .fdn-custom-page-contribute-content h4 + p { margin-top: 10px!important; } .uk-root .fdn-custom-page-contribute-block .fdn-custom-page-contribute-content p { font-size: 1rem; margin: 12px 50px; } .uk-root .fdn-custom-page-contribute-block .fdn-custom-page-contribute-content p.smallprint { font-size: 9px; line-height: 1.22; } .uk-root .fdn-custom-page-contribute-block .fdn-custom-page-contribute-content .fdn-custom-page-contribute-signature-block p { font-family: 'Oswald', "Arial Narrow", sans-serif; color: #3399cc; margin-left: 8px; } .uk-root .fdn-custom-page-contribute-block .fdn-custom-page-contribute-content .fdn-custom-page-contribute-signature-block p ~ p { color: #000; } .uk-root [uk-sticky] { background-color: white; } .uk-root .fdn-primary [class*='comp-location'] .fdn-component-header-block { display: inline-flex; margin-bottom: 0; } .uk-root .fdn-event-promo-block { color: #fff; } .uk-root .fdn-event-promo-block .fdn-component-header-block { border: 0 none; background: none; margin: 0 0 5px; } .uk-root .fdn-event-promo-block .fdn-component-header-block .fdn-component-header-text { color: #fff; } .uk-root .fdn-event-promo-block a { transition: ease-out 122ms; } .uk-root .fdn-event-promo-block a:hover { filter: brightness(1.06); } .uk-root .fdn-event-promo-block .uk-slider-items > * { width: 50% !important; } @media (min-width: 740px) { .uk-root .fdn-event-promo-block .uk-slider-items > * { width: 25% !important; } } .uk-root .fdn-event-promo-block h3.fdn-promo-headline { letter-spacing: 0.03rem; } .uk-root .comp-landing-upcomingevents { padding: 0.5rem; border: thin solid #ddd; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-component-header-block { display: block; padding-left: 5px; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-component-header-block h3 { font-size: 1.1rem; } @media (min-width: 400px) { .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-component-header-block h3 { font-size: 1.2rem; } } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-component-header-block h3, .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-component-header-block a { font-weight: 700; text-transform: uppercase; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-component-header-block a { color: var(--primary-color); } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-component-header-block a:hover { color: #999; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-component-header-text-wrap { background: #fff; position: relative; z-index: 22; padding-bottom: 3px; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-component-header-block-shadow { position: relative; background-color: #fff; margin-bottom: 0px; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-component-header-block-shadow:after { /* content: " "; display: block; box-shadow: 0 3px 10px #000000; height: 0; padding-bottom: 17px; margin: auto; bottom: 0px; position: absolute; z-index: 0; left: 0; right: 0; width: 90%; background: transparent; border-radius: 100%; */ } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-title { line-height: 1.2; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-title a { font-family: 'Oswald', "Arial Narrow", sans-serif; color: #000; font-weight: 300; font-size: 1rem; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-title a:hover { color: var(--primary-color); } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-row { padding: 6px 0 6px 10px; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-row + .fdn-upcoming-events-event-row { border-top: thin solid #ddd; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-row.fdn-powered-by-goldstar { padding-bottom: 30px; background: #edf5fa; position: relative; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-row.fdn-powered-by-goldstar:after { content: "Powered By"; font-size: 10px; color: #ccc; text-transform: uppercase; display: flex; text-align: center; align-items: center; background: url(/images/air/goldstar-logo.svg) no-repeat; background-position: right 30%; height: 26px; width: 140px; background-size: 70px; position: absolute; bottom: 0px; right: 20px; padding: 2px; line-height: 1; box-sizing: border-box; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-row.fdn-powered-by-seats-for-everyone { padding-bottom: 30px; background: #edf5fa; position: relative; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-row.fdn-powered-by-seats-for-everyone:after { content: "Powered By"; font-size: 10px; color: #ccc; text-transform: uppercase; display: flex; text-align: center; align-items: center; background: url(/images/air/seats-for-everyone-logo.png) no-repeat; background-position: right 28%; height: 26px; width: 118px; background-size: 45px; position: absolute; bottom: 0px; right: 20px; padding: 2px; line-height: 1; box-sizing: border-box; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-right, .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-left { flex-direction: column; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-time { color: #000; font-size: 0.8rem; line-height: 1.1; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-time a { color: #000; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-time a:hover { color: var(--primary-color); } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-price { font-size: 1rem; line-height: 1.1; font-family: 'Oswald', "Arial Narrow", sans-serif; padding-right: 0px; } @media (min-width: 400px) { .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-price { padding-right: 20px; } } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-ticket-link { color: #000; text-transform: uppercase; font-size: 18px; } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-ticket-link .uk-icon { color: transparent; display: none; } @media (min-width: 400px) { .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-ticket-link .uk-icon { display: inline-block; } } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-ticket-link:hover { color: var(--primary-color); } .uk-root .comp-landing-upcomingevents .fdn-upcoming-events-event-ticket-link:hover .uk-icon { color: var(--primary-color); } .uk-root .comp-event-featuredresale { padding: 0.5rem; border: thin solid #ddd; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-component-header-block { display: block; padding-left: 5px; margin-bottom: 12px; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-component-header-block h3 { font-size: 1.1rem; } @media (min-width: 400px) { .uk-root .comp-event-featuredresale .fdn-event-featuredresale-component-header-block h3 { font-size: 1.2rem; } } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-component-header-block h3, .uk-root .comp-event-featuredresale .fdn-event-featuredresale-component-header-block a { font-weight: 700; text-transform: uppercase; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-component-header-block a { color: var(--primary-color); } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-component-header-block a:hover { color: #999; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-component-header-text-wrap { background: #fff; position: relative; z-index: 22; padding-bottom: 3px; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-component-header-text-wrap .fdn-event-featuredresale-powered-by-logo { position: relative; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-component-header-text-wrap .fdn-event-featuredresale-powered-by-logo img { height: 16px; width: auto; object-fit: contain; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-component-header-text-wrap .fdn-event-featuredresale-powered-by-logo span { display: flex; margin: 0 auto; font-weight: 400; font-size: 7px; color: #111; line-height: 1; text-transform: capitalize; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-component-header-text-wrap .fdn-event-featuredresale-powered-by-logo span + span { font-size: 7px; color: #ccc; text-transform: lowercase; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-component-header-block-shadow { position: relative; background-color: #fff; margin-bottom: 0px; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-component-header-block-shadow:after { content: " "; display: block; box-shadow: 0 3px 10px #000000; height: 0; padding-bottom: 17px; margin: auto; bottom: 0px; position: absolute; z-index: 0; left: 0; right: 0; width: 90%; background: transparent; border-radius: 100%; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-event-title { line-height: 1.2; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-event-title a { font-family: 'Oswald', "Arial Narrow", sans-serif; color: #000; font-weight: 300; font-size: 1rem; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-event-title a:hover { color: var(--primary-color); } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-event-row { padding: 6px 0 6px 10px; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-event-row + .fdn-event-featuredresale-event-row { border-top: thin solid #ddd; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-more-link-block { padding: 6px 0 0; border-top: thin solid #ddd; } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-more-link-block .fdn-event-featuredresale-more-link { font-weight: 700; text-transform: uppercase; background: var(--primary-color); color: #fff; padding: 1px 12px; border-radius: 6px; border: thin solid var(--primary-color); transition: ease-out 122ms; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .uk-root .comp-event-featuredresale .fdn-event-featuredresale-more-link-block .fdn-event-featuredresale-more-link:hover { color: #000; background: #fff; } .uk-root #formemailus-form [formemailus-email_message-remaining], .uk-root #formemailus-form [formemailus-email_tech_details-remaining] { font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root #formemailus-form .uk-alert.uk-margin-medium { font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root .comp-shell-emailus #emailus-form label, .uk-root .comp-shell-emailus .fdn-custom-contact-form-row label { font-family: 'Oswald', "Arial Narrow", sans-serif; color: #000; text-transform: uppercase; } .uk-root .comp-shell-emailus #emailus-form input[type=submit].uk-button, .uk-root .comp-shell-emailus .fdn-custom-contact-form-row input[type=submit].uk-button { margin-left: 150px; } .uk-root .comp-shell-staff { font-family: "Arial", sans-serif; } .uk-root .comp-shell-staff .fdn-custom-staff-list-title { color: #000; width: 200px; } .uk-root .comp-shell-staff .fdn-custom-staff-list-name { color: var(--primary-color); font-family: "Arial", sans-serif; } .uk-root .comp-form-requestoptout { font-family: 'Roboto'; color: #000; } .uk-root .comp-form-requestoptout form#formrequestoptout-form { padding: 0 30px; } .uk-root .comp-form-requestoptout form#formrequestoptout-form p { font: normal 15px/17px sans-serif; margin: 0 30px 8px !important; } .uk-root .comp-form-requestoptout form#formrequestoptout-form .uk-form-controls { text-align: right; } .uk-root .comp-form-requestoptout form#formrequestoptout-form input[type='submit'] { width: auto !important; padding-left: 8px !important; } .uk-root ol.roman { list-style: lower-roman; } .uk-root ol.alpha { list-style: lower-alpha; } .uk-root .memberTos table.infoTable, .uk-root .CookiesPolicy table.infoTable, .uk-root .RemoveRequest table.infoTable, .uk-root .AboutUs table.infoTable, .uk-root .TermsofUse table.infoTable, .uk-root .PrivacyPolicy table.infoTable, .uk-root .CaliforniaPrivacyPolicy table.infoTable { border-collapse: collapse; margin: 0 0px 20px; font: normal 14px/17px Arial, sans-serif; } @media (min-width: 640px) { .uk-root .memberTos table.infoTable, .uk-root .CookiesPolicy table.infoTable, .uk-root .RemoveRequest table.infoTable, .uk-root .AboutUs table.infoTable, .uk-root .TermsofUse table.infoTable, .uk-root .PrivacyPolicy table.infoTable, .uk-root .CaliforniaPrivacyPolicy table.infoTable { margin: 0 20px 20px; } } .uk-root .memberTos table.infoTable tbody tr td, .uk-root .CookiesPolicy table.infoTable tbody tr td, .uk-root .RemoveRequest table.infoTable tbody tr td, .uk-root .AboutUs table.infoTable tbody tr td, .uk-root .TermsofUse table.infoTable tbody tr td, .uk-root .PrivacyPolicy table.infoTable tbody tr td, .uk-root .CaliforniaPrivacyPolicy table.infoTable tbody tr td { padding: 5px 10px; vertical-align: top; border: 1px solid #000; width: 20%; hyphens: auto; } .uk-root .memberTos table.infoTable tbody tr td.th, .uk-root .CookiesPolicy table.infoTable tbody tr td.th, .uk-root .RemoveRequest table.infoTable tbody tr td.th, .uk-root .AboutUs table.infoTable tbody tr td.th, .uk-root .TermsofUse table.infoTable tbody tr td.th, .uk-root .PrivacyPolicy table.infoTable tbody tr td.th, .uk-root .CaliforniaPrivacyPolicy table.infoTable tbody tr td.th { font-weight: bold; } .uk-root .memberTos .privacy, .uk-root .CookiesPolicy .privacy, .uk-root .RemoveRequest .privacy, .uk-root .AboutUs .privacy, .uk-root .TermsofUse .privacy, .uk-root .PrivacyPolicy .privacy, .uk-root .CaliforniaPrivacyPolicy .privacy { margin: 0 10px 10px; font: normal 14px/17px Arial, sans-serif; } .uk-root .memberTos .privacy p, .uk-root .CookiesPolicy .privacy p, .uk-root .RemoveRequest .privacy p, .uk-root .AboutUs .privacy p, .uk-root .TermsofUse .privacy p, .uk-root .PrivacyPolicy .privacy p, .uk-root .CaliforniaPrivacyPolicy .privacy p { margin-left: 30px; } .uk-root .memberTos .privacy h3, .uk-root .CookiesPolicy .privacy h3, .uk-root .RemoveRequest .privacy h3, .uk-root .AboutUs .privacy h3, .uk-root .TermsofUse .privacy h3, .uk-root .PrivacyPolicy .privacy h3, .uk-root .CaliforniaPrivacyPolicy .privacy h3 { margin-top: 20px; font-weight: 700; } .uk-root .memberTos .about.privacy ul, .uk-root .CookiesPolicy .about.privacy ul, .uk-root .RemoveRequest .about.privacy ul, .uk-root .AboutUs .about.privacy ul, .uk-root .TermsofUse .about.privacy ul, .uk-root .PrivacyPolicy .about.privacy ul, .uk-root .CaliforniaPrivacyPolicy .about.privacy ul { list-style-type: disc; margin-left: 20px; padding-left: 30px; } .uk-root .memberTos .about.privacy ul ul, .uk-root .CookiesPolicy .about.privacy ul ul, .uk-root .RemoveRequest .about.privacy ul ul, .uk-root .AboutUs .about.privacy ul ul, .uk-root .TermsofUse .about.privacy ul ul, .uk-root .PrivacyPolicy .about.privacy ul ul, .uk-root .CaliforniaPrivacyPolicy .about.privacy ul ul { margin-left: 10px; padding-left: 10px; } .uk-root .memberTos .about .img-box.cover, .uk-root .CookiesPolicy .about .img-box.cover, .uk-root .RemoveRequest .about .img-box.cover, .uk-root .AboutUs .about .img-box.cover, .uk-root .TermsofUse .about .img-box.cover, .uk-root .PrivacyPolicy .about .img-box.cover, .uk-root .CaliforniaPrivacyPolicy .about .img-box.cover { max-width: 33%; float: right; margin-left: 20px; } .uk-root .memberTos .about h1, .uk-root .CookiesPolicy .about h1, .uk-root .RemoveRequest .about h1, .uk-root .AboutUs .about h1, .uk-root .TermsofUse .about h1, .uk-root .PrivacyPolicy .about h1, .uk-root .CaliforniaPrivacyPolicy .about h1, .uk-root .memberTos .about h2, .uk-root .CookiesPolicy .about h2, .uk-root .RemoveRequest .about h2, .uk-root .AboutUs .about h2, .uk-root .TermsofUse .about h2, .uk-root .PrivacyPolicy .about h2, .uk-root .CaliforniaPrivacyPolicy .about h2, .uk-root .memberTos .about h3, .uk-root .CookiesPolicy .about h3, .uk-root .RemoveRequest .about h3, .uk-root .AboutUs .about h3, .uk-root .TermsofUse .about h3, .uk-root .PrivacyPolicy .about h3, .uk-root .CaliforniaPrivacyPolicy .about h3, .uk-root .memberTos .about h4, .uk-root .CookiesPolicy .about h4, .uk-root .RemoveRequest .about h4, .uk-root .AboutUs .about h4, .uk-root .TermsofUse .about h4, .uk-root .PrivacyPolicy .about h4, .uk-root .CaliforniaPrivacyPolicy .about h4, .uk-root .memberTos .about h5, .uk-root .CookiesPolicy .about h5, .uk-root .RemoveRequest .about h5, .uk-root .AboutUs .about h5, .uk-root .TermsofUse .about h5, .uk-root .PrivacyPolicy .about h5, .uk-root .CaliforniaPrivacyPolicy .about h5 { font: bold 32px/32px 'Avalon', "Roboto", Arial, sans-serif; margin: 0 0 10px; padding: 0; color: #000; } .uk-root .memberTos .about h1, .uk-root .CookiesPolicy .about h1, .uk-root .RemoveRequest .about h1, .uk-root .AboutUs .about h1, .uk-root .TermsofUse .about h1, .uk-root .PrivacyPolicy .about h1, .uk-root .CaliforniaPrivacyPolicy .about h1 { text-transform: uppercase; letter-spacing: -1.5px; } .uk-root .memberTos .about h2, .uk-root .CookiesPolicy .about h2, .uk-root .RemoveRequest .about h2, .uk-root .AboutUs .about h2, .uk-root .TermsofUse .about h2, .uk-root .PrivacyPolicy .about h2, .uk-root .CaliforniaPrivacyPolicy .about h2 { color: #fff; text-transform: uppercase; display: inline-block; padding: 0 10px; font-size: 20px; margin: 0 10px 10px; } .uk-root .memberTos .about h3, .uk-root .CookiesPolicy .about h3, .uk-root .RemoveRequest .about h3, .uk-root .AboutUs .about h3, .uk-root .TermsofUse .about h3, .uk-root .PrivacyPolicy .about h3, .uk-root .CaliforniaPrivacyPolicy .about h3 { text-transform: uppercase; font-size: 16px; margin: 10px 20px 5px; } .uk-root .memberTos .about h4, .uk-root .CookiesPolicy .about h4, .uk-root .RemoveRequest .about h4, .uk-root .AboutUs .about h4, .uk-root .TermsofUse .about h4, .uk-root .PrivacyPolicy .about h4, .uk-root .CaliforniaPrivacyPolicy .about h4 { font: 100 16px/18px 'Oswald', "Arial Narrow", sans-serif; margin: 10px 30px 5px; } .uk-root .memberTos .about h5, .uk-root .CookiesPolicy .about h5, .uk-root .RemoveRequest .about h5, .uk-root .AboutUs .about h5, .uk-root .TermsofUse .about h5, .uk-root .PrivacyPolicy .about h5, .uk-root .CaliforniaPrivacyPolicy .about h5 { font: bold italic 14px/16px 'Oswald', "Arial Narrow", sans-serif; margin: 10px 30px 5px; } .uk-root .memberTos .about .intro, .uk-root .CookiesPolicy .about .intro, .uk-root .RemoveRequest .about .intro, .uk-root .AboutUs .about .intro, .uk-root .TermsofUse .about .intro, .uk-root .PrivacyPolicy .about .intro, .uk-root .CaliforniaPrivacyPolicy .about .intro { padding: 0 10px 10px; overflow: hidden; background: #fff; margin-bottom: 0; } .uk-root .memberTos .about p, .uk-root .CookiesPolicy .about p, .uk-root .RemoveRequest .about p, .uk-root .AboutUs .about p, .uk-root .TermsofUse .about p, .uk-root .PrivacyPolicy .about p, .uk-root .CaliforniaPrivacyPolicy .about p, .uk-root .memberTos .about ul, .uk-root .CookiesPolicy .about ul, .uk-root .RemoveRequest .about ul, .uk-root .AboutUs .about ul, .uk-root .TermsofUse .about ul, .uk-root .PrivacyPolicy .about ul, .uk-root .CaliforniaPrivacyPolicy .about ul, .uk-root .memberTos .about ol, .uk-root .CookiesPolicy .about ol, .uk-root .RemoveRequest .about ol, .uk-root .AboutUs .about ol, .uk-root .TermsofUse .about ol, .uk-root .PrivacyPolicy .about ol, .uk-root .CaliforniaPrivacyPolicy .about ol { margin: 0 30px 8px !important; font: normal 14px/17px Arial, sans-serif; } .uk-root .memberTos .about li, .uk-root .CookiesPolicy .about li, .uk-root .RemoveRequest .about li, .uk-root .AboutUs .about li, .uk-root .TermsofUse .about li, .uk-root .PrivacyPolicy .about li, .uk-root .CaliforniaPrivacyPolicy .about li { margin: 0 0 5px; } .uk-root .memberTos .about .intro p, .uk-root .CookiesPolicy .about .intro p, .uk-root .RemoveRequest .about .intro p, .uk-root .AboutUs .about .intro p, .uk-root .TermsofUse .about .intro p, .uk-root .PrivacyPolicy .about .intro p, .uk-root .CaliforniaPrivacyPolicy .about .intro p { margin: 0 10px 10px!important; font: normal 18px/21px serif12, serif; } .uk-root .memberTos .about .contact, .uk-root .CookiesPolicy .about .contact, .uk-root .RemoveRequest .about .contact, .uk-root .AboutUs .about .contact, .uk-root .TermsofUse .about .contact, .uk-root .PrivacyPolicy .about .contact, .uk-root .CaliforniaPrivacyPolicy .about .contact, .uk-root .memberTos .about .help, .uk-root .CookiesPolicy .about .help, .uk-root .RemoveRequest .about .help, .uk-root .AboutUs .about .help, .uk-root .TermsofUse .about .help, .uk-root .PrivacyPolicy .about .help, .uk-root .CaliforniaPrivacyPolicy .about .help { display: inline-block; vertical-align: top; margin-bottom: 40px; box-sizing: border-box; } .uk-root .memberTos .about .contact, .uk-root .CookiesPolicy .about .contact, .uk-root .RemoveRequest .about .contact, .uk-root .AboutUs .about .contact, .uk-root .TermsofUse .about .contact, .uk-root .PrivacyPolicy .about .contact, .uk-root .CaliforniaPrivacyPolicy .about .contact { width: 55%; padding-right: 20px; border-right: 1px solid #ccc; } .uk-root .memberTos .about .help, .uk-root .CookiesPolicy .about .help, .uk-root .RemoveRequest .about .help, .uk-root .AboutUs .about .help, .uk-root .TermsofUse .about .help, .uk-root .PrivacyPolicy .about .help, .uk-root .CaliforniaPrivacyPolicy .about .help { width: 40%; padding-left: 20px; } .uk-root .memberTos .about.help hr, .uk-root .CookiesPolicy .about.help hr, .uk-root .RemoveRequest .about.help hr, .uk-root .AboutUs .about.help hr, .uk-root .TermsofUse .about.help hr, .uk-root .PrivacyPolicy .about.help hr, .uk-root .CaliforniaPrivacyPolicy .about.help hr { margin: 20px; height: 1px; } .uk-root .memberTos .about .contact p, .uk-root .CookiesPolicy .about .contact p, .uk-root .RemoveRequest .about .contact p, .uk-root .AboutUs .about .contact p, .uk-root .TermsofUse .about .contact p, .uk-root .PrivacyPolicy .about .contact p, .uk-root .CaliforniaPrivacyPolicy .about .contact p, .uk-root .memberTos .about .help p, .uk-root .CookiesPolicy .about .help p, .uk-root .RemoveRequest .about .help p, .uk-root .AboutUs .about .help p, .uk-root .TermsofUse .about .help p, .uk-root .PrivacyPolicy .about .help p, .uk-root .CaliforniaPrivacyPolicy .about .help p, .uk-root .memberTos .about .media-kit p, .uk-root .CookiesPolicy .about .media-kit p, .uk-root .RemoveRequest .about .media-kit p, .uk-root .AboutUs .about .media-kit p, .uk-root .TermsofUse .about .media-kit p, .uk-root .PrivacyPolicy .about .media-kit p, .uk-root .CaliforniaPrivacyPolicy .about .media-kit p { margin: 0 0 3px 40px !important; } .uk-root .memberTos .about .contact ul li, .uk-root .CookiesPolicy .about .contact ul li, .uk-root .RemoveRequest .about .contact ul li, .uk-root .AboutUs .about .contact ul li, .uk-root .TermsofUse .about .contact ul li, .uk-root .PrivacyPolicy .about .contact ul li, .uk-root .CaliforniaPrivacyPolicy .about .contact ul li { width: 49%; display: inline-block; vertical-align: top; } .uk-root .memberTos .about .media-kit, .uk-root .CookiesPolicy .about .media-kit, .uk-root .RemoveRequest .about .media-kit, .uk-root .AboutUs .about .media-kit, .uk-root .TermsofUse .about .media-kit, .uk-root .PrivacyPolicy .about .media-kit, .uk-root .CaliforniaPrivacyPolicy .about .media-kit { margin: 20px 0; } .uk-root .memberTos .city-color-back, .uk-root .CookiesPolicy .city-color-back, .uk-root .RemoveRequest .city-color-back, .uk-root .AboutUs .city-color-back, .uk-root .TermsofUse .city-color-back, .uk-root .PrivacyPolicy .city-color-back, .uk-root .CaliforniaPrivacyPolicy .city-color-back { background-color: var(--primary-color) !important; } .uk-root .memberTos .about.requests p, .uk-root .CookiesPolicy .about.requests p, .uk-root .RemoveRequest .about.requests p, .uk-root .AboutUs .about.requests p, .uk-root .TermsofUse .about.requests p, .uk-root .PrivacyPolicy .about.requests p, .uk-root .CaliforniaPrivacyPolicy .about.requests p, .uk-root .memberTos .about.requests .formDiv, .uk-root .CookiesPolicy .about.requests .formDiv, .uk-root .RemoveRequest .about.requests .formDiv, .uk-root .AboutUs .about.requests .formDiv, .uk-root .TermsofUse .about.requests .formDiv, .uk-root .PrivacyPolicy .about.requests .formDiv, .uk-root .CaliforniaPrivacyPolicy .about.requests .formDiv { font: normal 15px/17px sans-serif; margin: 0 0 10px 10px; padding: 0; } .uk-root .memberTos .about.requests .formDiv, .uk-root .CookiesPolicy .about.requests .formDiv, .uk-root .RemoveRequest .about.requests .formDiv, .uk-root .AboutUs .about.requests .formDiv, .uk-root .TermsofUse .about.requests .formDiv, .uk-root .PrivacyPolicy .about.requests .formDiv, .uk-root .CaliforniaPrivacyPolicy .about.requests .formDiv { padding: 0 10%; } .uk-root .city-color-back-superlight { background-color: #f9eaea !important; } .uk-root .retail-description { padding: 10px 15px; color: #000; font-size: 15px; line-height: 18px; font-family: 'Serif12', Georgia, Times, serif; margin-bottom: 20px; } .uk-root .retail-description h2 { font-weight: 700; color: #000; margin: 0 0 10px; text-transform: uppercase; font-size: 17px; } .uk-root .retail-description h3 { color: #000; font-style: italic; margin: 0 0 10px; font-size: 14px; font-family: 'Serif12', Georgia, Times, serif; } .uk-root .retail-description a { color: var(--primary-color); } .uk-root .RemoveRequest .about h2 { color: #000; display: block; } .uk-root #coupons { max-width: 750px; margin: auto; } .uk-root #coupons header { text-align: center; margin: 10px auto 40px; } .uk-root #coupons header > h1, .uk-root #coupons div#listings h2 { padding: 5px 0; display: inline-block; text-align: center; text-transform: uppercase; font: 700 35px/35px 'Avalon', "Roboto", Arial, sans-serif, "Arial Black", sans-serif; letter-spacing: 5px; } .uk-root #coupons div#listings h2 { margin: 0 auto 10px auto !important; width: 100%; } .uk-root #coupons div#listings h2.coup { margin-top: 25px; } .uk-root #coupons header > h1 span, .uk-root #coupons div#listings h2 span { color: #000 !important; } .uk-root #coupons header hr { background: #999; border: 0; height: 3px; padding: 0; margin: 0; } .uk-root #coupons div#listings ul { width: 100%; display: block; text-align: center; padding: 0; margin: 12px 0; } .uk-root #coupons div#listings ul li { max-width: 49%; width: 50%; min-width: 301px; display: inline-block; font: 800 20px/110% "Roboto Condensed", "Arial Narrow", Verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; margin: 7px auto; vertical-align: middle; } .uk-root #coupons div#listings ul li div { margin: auto; width: 93%; text-align: center; } .uk-root #coupons div#listings ul li div a { padding: 12px 2px 12px 2px; display: block; color: #333; width: 100%; } .uk-root #coupons div#listings ul li div a:hover { color: var(--primary-color); } .uk-root #coupons div#listings hr { background: #ccc; border: 0; height: 1px; padding: 0; margin: 25px auto; width: 75%; } .uk-root .city-color { color: var(--primary-color) !important; } .uk-root .city-color-light { color: #02c6f7 !important; } .uk-root .city-color-back { background-color: var(--primary-color) !important; } .uk-root .city-color-back-semi { background-color: rgba(0, 83, 184, 0.6) !important; } :root.uk-root { --city-color-back-muted: rgba(27, 102, 140, 0.2); } .uk-root .city-color-back-muted { background: var(--city-color-back-muted); } .uk-root .city-color-hover:hover { color: var(--primary-color) !important; } .uk-root .city-color-hover-back:hover, .uk-root .city-color-hover-back.current { color: #fff !important; background: var(--primary-color) !important; } .uk-root .city-color-border { border-color: var(--primary-color) !important; } .uk-root .city-color-border-top { border-top: solid 3px var(--primary-color) !important; } .uk-root .city-color-arrow-right { display: inline-block !important; height: 0; width: 0; border: 5px solid var(--primary-color); border-bottom-color: transparent !important; border-top-color: transparent !important; border-width: 5px 0 5px 10px; } .uk-root .city-color-arrow-left { display: inline-block !important; height: 0; width: 0; border: 5px solid var(--primary-color); border-bottom-color: transparent !important; border-top-color: transparent !important; border-width: 5px 10px 5px 0; } .uk-root .city-color-arrow-down { display: inline-block !important; height: 0; width: 0; border: 5px solid var(--primary-color); border-left-color: transparent !important; border-right-color: transparent !important; border-width: 5px 5px 0 5px; } .uk-root .city-color-back-hover-toggle:hover { background-color: #02c6f7 !important; } .uk-root .about.jobs #jobsHero { background: #666; position: relative; overflow: hidden; font: normal 0/0 sans-serif; margin-bottom: 50px; } .uk-root .about.jobs #jobsHero .mktLogo { width: 160px; position: absolute; top: 20px; left: 20px; } .uk-root .about.jobs #jobsHero .dotNav { white-space: nowrap; position: absolute; bottom: 10px; right: 20px; } .uk-root .about.jobs #jobsHero .dotNav li { display: inline-block; height: 23px; width: 23px; border: 1px solid #888; margin: 0 0 0 5px; background-color: rgba(255, 255, 255, 0.25); cursor: pointer; } .uk-root .about.jobs #jobsHero .dotNav li.current { background-color: rgba(255, 255, 255, 0.75); border-color: #fff; cursor: default; } .uk-root .about.jobs #jobsHero .img-box { display: none; } .uk-root .about.jobs #jobsHero .img-box.current { display: block; } .uk-root .about.jobs .how { margin-bottom: 25px; } .uk-root .about.jobs h2 { text-align: center; display: block; color: #000; margin: 0 0 30px; padding: 0; font: bold 44px/47px lato, sans-serif; } .uk-root .about.jobs .how ul.circles { text-align: center; padding: 0; } .uk-root .about.jobs .how ul.circles li { display: inline-block; width: 200px; vertical-align: top; margin: 0 20px 20px; } .uk-root .about.jobs .how ul.circles li.spacer { height: 0; width: 100%; clear: both; margin: 0; padding: 0; display: none; } .uk-root .about.jobs .how ul.circles li h3 { margin: 0 0 10px; padding: 0; font: bold 24px/27px lato, sans-serif; text-transform: none; } .uk-root .about.jobs .how ul.circles li p { color: #888; font: normal 13px/16px lato, sans-serif; margin-top: 20px; } .uk-root .about.jobs .how .benefits { padding: 10px 20px 0; color: #000; } .uk-root .about.jobs .how .benefits ul.bulleted { display: inline-block; width: calc(50% - 20px); vertical-align: top; padding: 0; } .uk-root .about.jobs .how .benefits ul.bulleted:last-child { margin: 0 0 0 20px; } .uk-root .about.jobs .how .benefits ul.bulleted li { font: normal 17px/19px sans-serif; vertical-align: top; margin: 8px 0 0; } .uk-root .about.jobs .how .join { text-align: center; font: normal 32px/36px sans-serif; margin: 30px 0; color: #888; } .uk-root .about.jobs .how .join a { vertical-align: middle; } .uk-root .about.jobs .how .join a:hover { text-decoration: underline !important; } .uk-root .about.jobs .publisher { background: #000; color: #fff; overflow: hidden; margin: 0 15px 80px; font: normal 0/0 sans-serif; padding: 20px; } .uk-root .about.jobs .publisher .fdn-content-image-left { margin: 0 auto; float: none; text-align: center; } @media (min-width: 640px) { .uk-root .about.jobs .publisher .fdn-content-image-left { margin: 0 20px 0 0; float: left; } } .uk-root .about.jobs .publisher .quote { font: normal 20px/28px lato, sans-serif; padding: 20px 20px 0; overflow: hidden; } .uk-root .about.jobs .publisher .quote span { font-size: 40px; font-style: italic; vertical-align: middle; position: relative; left: -10px; padding-left: 5px; } .uk-root .about.jobs .publisher .quote .byline { font: italic 18px/30px lato, sans-serif; } .uk-root .about.jobs .grid { margin-bottom: 80px; } .uk-root .about.jobs .grid ul { text-align: center; font: normal 0/0 sans-serif; padding: 0; } .uk-root .about.jobs .grid > ul > li { display: inline-block; width: 100%; max-width: 300px; min-width: 250px; margin: 0 0px 20px; overflow: hidden; position: relative; } .uk-root .about.jobs .grid > ul > li.social-square.city-color-back { height: 274px; vertical-align: top; } .uk-root .about.jobs .grid > ul > li.social-square.city-color-back a { color: #fff; transition: ease-out 122ms; border: thin solid #fffe; border-radius: 500px; box-sizing: border-box; font-size: 1.2rem; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; } .uk-root .about.jobs .grid > ul > li.social-square.city-color-back a:hover { opacity: 0.77; } .uk-root .stroke { text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000; } .uk-root .about.jobs .grid ul li.street-team .img-box img { opacity: 0.75; } .uk-root .about.jobs .grid ul li .attract { position: absolute; bottom: 15px; left: 20px; text-align: left; font: bold 18px/21px sans-serif; width: calc(100% - 40px); color: #fff; } .uk-root .about.jobs .grid ul li .attract.boxed { font: bold 12px/14px sans-serif; padding: 5px 10px; background-color: rgba(0, 0, 0, 0.66); border-radius: 5px; } .uk-root .about.jobs .grid ul li .attract p { font: bold 13px/16px sans-serif; } .uk-root .about.jobs .grid ul li.social-square .attract ul { text-align: left; } .uk-root .about.jobs .grid ul li.social-square .attract ul li { display: inline-block; margin: 10px 20px 0 0; border-radius: 5px; } .uk-root .about.jobs .grid ul li.street-team .attract { pointer-events: none; } .uk-root .about.jobs .listings table { width: calc(100% - 40px); margin: 0 20px; font: normal 18px/21px sans-serif; } .uk-root .about.jobs .listings table th { text-transform: uppercase; text-align: center; padding: 0 0 10px; font: normal 18px/21px lato, sans-serif; } .uk-root .about.jobs .listings table th:after { content: "\203A"; font-weight: bold; font-size: 30px; vertical-align: text-bottom; margin-left: 2px; position: relative; top: -3px; } .uk-root .about.jobs .listings table th.joblist-job-hdr { text-align: left; width: 50%; } .uk-root .about.jobs .listings table td { text-align: center; color: #aaa; padding: 30px 0; position: relative; } .uk-root .about.jobs .listings table .details td { color: #000; font: normal 15px/18px Arial, sans-serif; } .uk-root .about.jobs .listings table .listing td a { color: #000; } .uk-root .about.jobs .listings table .listing td a:hover { text-decoration: underline !important; } .uk-root .about.jobs .listings table td:first-child { text-align: left; } .uk-root .about.jobs .listings table tr.details td { padding: 0 20px; background: #fff; position: relative; border: 0; top: -20px; display: none; } .uk-root .about.jobs .listings table tr.featured.details td { border: 1px solid #000; border-width: 0 1px 1px; } .uk-root .about.jobs .listings table .see-all td { text-align: center; font: normal 32px/36px sans-serif; margin: 30px 0; color: #888; } .uk-root .about.jobs .listings table tr th:first-child, .uk-root .about.jobs .listings table tr.listing td:first-child { padding-left: 20px; } .uk-root .about.jobs .listings table .see-all td span { font: italic 24px/26px sans-serif; } .uk-root .about.jobs .listings table .see-all td a { vertical-align: middle; } .uk-root .about.jobs .listings table .see-all td a:hover { text-decoration: underline !important; } .uk-root .about.jobs .listings table tr.listing.featured { display: table-row; } .uk-root .about.jobs .listings table tr.featured td { border: 1px solid #888; border-width: 1px 0; } .uk-root .about.jobs .listings table tr.featured td:first-child { border-left: 1px solid #888; } .uk-root .about.jobs .listings table tr.featured td:last-child { border-right: 1px solid #888; } .uk-root .about.jobs .listings table tr.listing.featured td:first-child::before { content: "FEATURED"; position: absolute; top: -1px; left: -1px; font: bold italic 12px/18px sans-serif; border: 1px solid #888; background: #888; color: #fff; padding: 0 10px; text-transform: small-caps; } .uk-root .about.jobs .listings table a.closeBttn { float: right; } @media only screen and (max-width: 999px) { .uk-root .about.jobs .how ul.circles li.spacer { display: block !important; } } @media only screen and (max-width: 768px) { .uk-root .about.jobs .how .benefits ul.bulleted { width: 100% !important; clear: both !important; margin: 0 !important; } .uk-root .about.jobs .publisher { margin: 0 0 30px; } .uk-root .about.jobs .publisher .photo { clear: both; display: table; margin: 0 auto 20px; } .uk-root .about.jobs .publisher .quote { clear: both; width: 100%; } .uk-root .about.jobs .listings table th span { display: none !important; } } .uk-root .fdn-careers-page-carousel .fdn-careers-page-carousel-logo { max-width: 100px; } @media (min-width: 400px) { .uk-root .fdn-careers-page-carousel .fdn-careers-page-carousel-logo { max-width: 150px; } } @media (min-width: 640px) { .uk-root .fdn-careers-page-carousel .fdn-careers-page-carousel-logo { max-width: none; } } .uk-root .fdn-careers-page-carousel .fdn-careers-page-carousel-logo a img { filter: drop-shadow(3px 3px 2px #111); transition: ease-out 122ms; } .uk-root .fdn-careers-page-carousel .fdn-careers-page-carousel-logo a:hover img { filter: drop-shadow(3px 3px 2px #333); } .uk-root .fdn-careers-page-carousel .fdn-careers-page-carousel-nav-block { display: flex; } .uk-root .fdn-careers-page-carousel .fdn-careers-page-carousel-nav-block li { list-style: none; margin: 5px; } .uk-root .fdn-careers-page-carousel .fdn-careers-page-carousel-nav-block li a { width: 23px; height: 23px; border: thin solid #888; background: rgba(255, 255, 255, 0.25); transition: ease-out 122ms; text-decoration: none !important; display: block; box-sizing: border-box; } .uk-root .fdn-careers-page-carousel .fdn-careers-page-carousel-nav-block li a:hover { background: rgba(255, 255, 255, 0.5); } .uk-root .fdn-careers-page-carousel .fdn-careers-page-carousel-nav-block li.uk-active a { background: rgba(255, 255, 255, 0.75); border-color: #ccc; } .uk-root .comp-page-careerscurrentopenings .fdn-careers-openings-row .uk-accordion-title { transition: ease-out 122ms; background: transparent; } .uk-root .comp-page-careerscurrentopenings .fdn-careers-openings-row .uk-accordion-title:hover { color: #fff; background: var(--primary-color); } .uk-root .comp-page-careerscurrentopenings .fdn-careers-openings-row .uk-accordion-title:hover .fdn-teaser-headline { color: #fff; } .uk-root .comp-page-careerscurrentopenings .fdn-careers-openings-row.uk-open .uk-accordion-title { color: #fff; background: var(--primary-color); } .uk-root .comp-page-careerscurrentopenings .fdn-careers-openings-row.uk-open .uk-accordion-title .fdn-teaser-headline { color: #fff; } .uk-root .comp-page-careerscurrentopenings .fdn-careers-openings-detail-dropdown { font-size: 1.1rem; box-shadow: 0px 0px 2px 0px #222; font-family: 'Serif12', Georgia, Times, serif; color: #111; } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-block { position: relative; margin: 60px 0; } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-block:after { content: " "; display: block; box-shadow: 0 3px 10px #000000; height: 0; padding-bottom: 17px; margin: auto; bottom: 0px; position: absolute; z-index: 0; left: 0; right: 0; width: 90%; background: transparent; border-radius: 100%; } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-wrap { position: relative; background: #fff; z-index: 5; padding: 20px 10px; } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-v-digital-block h3 { font-size: 1.2rem; } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-v-digital-item { width: 200px; text-align: center; padding: 10px; margin: 0 0px 20px; box-sizing: border-box; background: transparent; border-radius: 4px; transition: 333ms; } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-v-digital-item:hover { background: #efefef; } @media (min-width: 640px) { .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-v-digital-item { width: 220px; margin: 0 50px 20px; } } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-v-digital-item img { width: 80px; height: auto; margin: auto; } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-v-digital-item h4 { font-weight: 700; } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-v-digital-item p { font-family: 'Roboto', Arial, sans-serif; font-size: 12px; line-height: 1.22; color: #000; } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-awards-item { width: 150px; padding: 10px; box-sizing: border-box; border-radius: 4px; transition: 333ms; } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-awards-item:hover { opacity: 0.77; } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-marijuana-block h3 { font-size: 1.2rem; margin-left: 20px; margin-right: 20px; line-height: 1.15; } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-marijuana-block .fdn-page-ad-marijuana-item { padding: 5px; } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-marijuana-block .fdn-page-ad-marijuana-item a { transition: 333ms; } .uk-root #Page.FormAdvertiseWithUs .fdn-page-ad-marijuana-block .fdn-page-ad-marijuana-item a:hover { opacity: 0.77; } .uk-root #Page.FormAdvertiseWithUs form#formadvertisewithus-form .uk-margin-medium { margin: 3px 0 !important; } .uk-root #Page.FormAdvertiseWithUs form#formadvertisewithus-form .fdn-component-header-text { font-size: 1.25rem; } .uk-root #Page.FormAdvertiseWithUs form#formadvertisewithus-form select#formadvertisewithus-contact_interests option { font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root .comp-shell-staff, .uk-root .comp-shell-emailus { padding: 0 20px; } .uk-root .FreeStuffItem.comp-shell-sharetools { float: right; margin: 5px 10px 1px 25px; } .uk-root .FreeStuffItem.comp-shell-sharetools + .comp-freestuff-freestuffitem .uk-position-relative.uk-visible-toggle .uk-hidden-hover.uk-position-top-right { padding-right: 170px; } .uk-root .pres-FreeStuffSearchResultsLayout { display: flex; flex-wrap: wrap; } .uk-root .pres-FreeStuffSearchResultsLayout .fdn-free-stuff-item { width: 50%; margin: 0; padding: 12px; border: none; box-sizing: border-box; } @media (min-width: 640px) { .uk-root .pres-FreeStuffSearchResultsLayout .fdn-free-stuff-item { width: calc(100% * 1 / 3.001); box-sizing: border-box; } } .uk-root .pres-FreeStuffSearchResultsLayout .fdn-free-stuff-item .uk-width-1-2 { width: 100% !important; } .uk-root .pres-FreeStuffSearchResultsLayout .fdn-free-stuff-item .fdn-free-stuff-teaser-headline { margin-top: 5px; } .uk-root .pres-FreeStuffSearchResultsLayout .fdn-free-stuff-item .fdn-free-stuff-teaser-headline:hover a { color: var(--primary-color); } .uk-root .pres-FreeStuffSearchResultsLayout .fdn-free-stuff-item .comp-freestuff-freestuffform { padding: 0; } .uk-root .pres-FreeStuffSearchResultsLayout .fdn-free-stuff-item .uk-alert { box-shadow: 0px 0px 6px 0px #3335; border-radius: 3px; background: #367f00; padding: 12px; } .uk-root .pres-FreeStuffSearchResultsLayout .fdn-free-stuff-item .uk-alert p.uk-text-success { font-size: 1.5rem; color: #fff !important; } .uk-root .pres-FreeStuffSearchResultsLayout .fdn-free-stuff-item .fdn-free-stuff-teaser-content { display: none; } .uk-root [class*='freestuff'] .fdn-free-stuff-enter-link-text, .uk-root [class*='freestuff'] .fdn-free-stuff-enter-link-text a { color: #900; font-weight: 700; text-transform: uppercase; text-align: left !important; float: none !important; } .uk-root .comp-freestuff-freestufflabel { font-size: 45px; font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; line-height: 1.4; color: #000; text-decoration: none; text-transform: uppercase; margin: 8px 4px !important; line-height: 1.1; border-top: 1px solid #ccc; border-top: 1.1px solid #ccc; border-top: thin solid #ccc; padding: 5px 0px 0px; letter-spacing: -2px; } .uk-root .comp-freestuff-freestufflabel a { color: #000; } @media (min-width: 640px) { .uk-root .comp-freestuff-freestufflabel { font-size: 45px; } } .uk-root .comp-freestuff-freestufflabel a { padding: 0 20px; display: block; } .uk-root .comp-freestuff-freestuffheader + div { clear: both; } .uk-root .fdn-free-stuff-header-small a { display: inline-block; padding: 1px 6px 0; border: thin solid var(--primary-color); border-width: 0 2px; font-weight: 700; color: var(--primary-color); text-transform: uppercase; letter-spacing: 1px; line-height: 1; } .uk-root .PromotionsHeader { margin: 8px 4px !important; } .uk-root .PromotionsHeader .fdn-content-headline { border-top: 1px solid #ccc; border-top: 1.1px solid #ccc; border-top: thin solid #ccc; padding: 5px 26px 0px; text-transform: uppercase; } .uk-root .comp-freestuff-freestuffitem .fdn-content-body { padding: 0 5px; clear: both; } @media (min-width: 640px) { .uk-root .comp-freestuff-freestuffitem .fdn-content-body { padding: 0 30px; } } .uk-root .comp-freestuff-freestuffitem .fdn-content-headline { text-transform: uppercase; } .uk-root .comp-freestuff-freestuffitem .fdn-free-stuff-item-embed-block { transition: 444ms ease-in; } .uk-root .comp-freestuff-freestuffform { padding: 0 20px; } .uk-root .comp-freestuff-freestuffform .uk-button.fdn-button-control { color: var(--primary-color); display: flex; margin: 20px auto; font-size: 1rem !important; transition: ease-out 122ms; background: none; } .uk-root .comp-freestuff-freestuffform .uk-button.fdn-button-control:hover { background: var(--primary-color); color: #fff; } .uk-root .comp-freestuff-freestuffform .uk-text-success { font-size: 1.65rem; font-weight: 700; } .uk-root .comp-freestuff-freestuffform .uk-text-success span { display: block; color: #000; font-size: 1.8rem !important; margin-top: 8px; } .uk-root .comp-freestuff-freestuffprocess .fdn-admin-status { display: none; } .uk-root .fdn-free-stuff-entered-alert span { font-size: 1.65rem; } .uk-root .fdn-free-stuff-entered-alert span a { display: block; font-size: 1.8rem !important; line-height: 1.9rem !important; margin-top: 8px; } .uk-root .fdn-free-stuff-success-alert .uk-text-success span { font-size: 1.65rem !important; } .uk-root .fdn-free-stuff-success-alert .uk-text-success a { display: block; font-size: 1.8rem !important; line-height: 1.9rem !important; margin-top: 8px; } .uk-root .comp-freestuff-freestuffform { padding-top: 1rem; border-top: thin solid #000; } .uk-root .fdn-free-stuff-register-header { font-family: 'Oswald', 'Arial Narrow', Helvetica, sans-serif; font-weight: 300; margin-top: 0; font-size: 2rem; } .uk-root .fdn-free-stuff-step { display: inline-flex; justify-content: center; align-items: center; border: 2px solid #000; border-radius: 5px; color: #000; text-transform: uppercase; text-align: center; box-shadow: 1px 1px 2px 0px #3333; background: #fff; padding: 2px 0px; box-sizing: border-box; width: 20%; min-width: 200px; margin: 10px; font-weight: 700; } .uk-root .fdn-free-stuff-step.fdn-free-stuff-step-active { background: #000; color: #fff; } .uk-root .fdn-free-stuff-login-please { font-family: 'Serif12', Georgia, Times, serif; color: #000; margin: 1rem 0 0; } .uk-root .fdn-free-stuff-login-please a { color: var(--primary-color); text-transform: lowercase; } .uk-root .fdn-rules-and-regulations-link { background: #fff; position: relative; z-index: 2; } .uk-root .fdn-rules-and-regulations-link a { font-family: 'Oswald', 'Arial Narrow', Helvetica, sans-serif; font-weight: 300; color: var(--primary-color); font-size: 0.9rem; display: inline-flex; align-items: center; margin: 20px 0 0; } .uk-root #rules-and-regulations-block { padding: 8px; margin: 5px; font-family: Courier, monospace; border: 2px dashed #777; box-sizing: border-box; max-height: 700px; overflow-y: auto; color: #000; } @media (min-width: 858px) { .uk-root #rules-and-regulations-block { padding: 15px; margin: 5px 15px; } } .uk-root .fdn-free-stuff-legal-block { font-family: 'Serif12', Georgia, Times, serif; color: #666; width: 650px; max-width: 100%; margin: 10px auto 0; padding: 1rem 0; border: thin solid #ccc; border-width: thin 0; text-align: center; font-size: 0.8rem; } .uk-root .fdn-free-stuff-thank-you-text-block { text-align: center; font-family: 'Serif12', Georgia, Times, serif; margin: 10px 0 0; color: #000; } .uk-root .fdn-free-stuff-thank-you-text-block a { color: var(--primary-color); text-decoration: none; } .uk-root .fdn-free-stuff-thank-you-share-block { text-align: center; } .uk-root .fdn-free-stuff-thank-you-share-block h3 { margin: 0; font-family: 'Oswald', 'Arial Narrow', Helvetica, sans-serif; color: #000; font-weight: lighter; } .uk-root .fdn-free-stuff-header-share-tools { display: flex; justify-content: center; align-items: center; margin-top: 8px; } .uk-root .fdn-free-stuff-header-share-tools > div { margin: 0 10px; } .uk-root .fdn-free-stuff-header-share-tools + .uk-hidden-hover.uk-position-top-right { right: 172px; } .uk-root .comp-freestuff-connectwithus { background: var(--primary-color); padding: 50px 10px 20px; } .uk-root .comp-freestuff-connectwithus .fdn-connect-with-us-header { color: #fff; } .uk-root .comp-freestuff-connectwithus .fdn-connect-with-us-button { transition: ease-out 122ms; text-align: center; } .uk-root .comp-freestuff-connectwithus .fdn-connect-with-us-button .fdn-connect-with-us-button-icon { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 100%; background: #fff; color: #000; transition: ease-out 122ms; } .uk-root .comp-freestuff-connectwithus .fdn-connect-with-us-button p { font-weight: 700; color: #fff; text-transform: uppercase; font-size: 0.88rem; } .uk-root .comp-freestuff-connectwithus .fdn-connect-with-us-link { transition: ease-out 122ms; } .uk-root .comp-freestuff-connectwithus .fdn-connect-with-us-link svg { transition: ease-out 122ms; } .uk-root .comp-freestuff-connectwithus .fdn-connect-with-us-link-facebook a:hover .fdn-connect-with-us-button-icon svg { transform: scale(1.1); } .uk-root .comp-freestuff-connectwithus .fdn-connect-with-us-link-twitter a:hover .fdn-connect-with-us-button-icon svg { transform: scale(1.1); } .uk-root .comp-freestuff-connectwithus .fdn-connect-with-us-link-instagram a:hover .fdn-connect-with-us-button-icon svg { transform: scale(1.1); } .uk-root .comp-freestuff-connectwithus .fdn-connect-with-us-link-newsletters a:hover .fdn-connect-with-us-button-icon svg { transform: scale(1.1); } .uk-root .fdn-event-disclaimer { padding: 12px 14px; border: 2px solid var(--primary-color); display: flex; align-items: center; } .uk-root .fdn-event-disclaimer h3 { font-weight: 700; font-size: 1rem; } .uk-root .comp-event-latest .fdn-custom-section-standard-teaser-link { box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5); display: flex; flex-wrap: wrap; flex-direction: column; height: 100%; transition: ease-out 122ms; } .uk-root .comp-event-latest .fdn-custom-section-standard-teaser-link:hover { box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.7); } .uk-root .comp-event-latest .fdn-custom-section-standard-teaser-link img { box-shadow: none; border: 0 none; } .uk-root .comp-event-latest .fdn-custom-section-standard-teaser-text-block { padding: 5px 10px 1px; } .uk-root .comp-event-latest h3.fdn-teaser-headline { margin-bottom: 3px !important; font-weight: 400; } .uk-root .comp-event-latest p.fdn-teaser-subheadline { font-weight: 700; color: #000; } .uk-root .comp-event-latest .fdn-teaser-infoline { font-family: 'Serif12', Georgia, Times, serif; font-size: 11px !important; padding: 2px; width: 42%; text-transform: none; } .uk-root .comp-event-latest .fdn-teaser-infoline span.uk-text-muted { display: block !important; padding: 0; margin: 5px 0 0; font-family: 'Avalon', "Roboto", Arial, sans-serif; text-transform: none; font-weight: 700; font-size: 13px !important; } .uk-root .comp-event-latest .fdn-teaser-infoline span.uk-text-muted:before { display: none; } .uk-root .comp-event-latest .fdn-event-teaser-location:before { content: "@"; } .uk-root #Page .grid-resp-1 .fdn-grid-sidebar { box-sizing: border-box; } @media (min-width: 998px) { .uk-root #Page .grid-resp-1 .fdn-grid-sidebar { border-left: 1px solid #ccc; padding-left: 10px; } } .uk-root .page .fdn-content-body a:not([class*=fdn-inline-connection]), .uk-root .Page .fdn-content-body a:not([class*=fdn-inline-connection]) { font-weight: 700; } .uk-root #Page.FormRequestOptOut form h2.fdn-teaser-headline { font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; text-transform: uppercase; } .uk-root .fdn-page-navigation-bar-block { background: #e2e1e3; background: -webkit-linear-gradient(top, #e2e1e3 0%, #e7e6e8 3%, #f6f4f7 8%, #faf8fb 10%, #faf8fb 90%, #f6f4f7 92%, #e2e0e3 100%); background: linear-gradient(to bottom, #e2e1e3 0%, #e7e6e8 3%, #f6f4f7 8%, #faf8fb 10%, #faf8fb 90%, #f6f4f7 92%, #e2e0e3 100%); margin: 0 10px; } .uk-root .fdn-page-navigation-bar-block .fdn-page-navigation-bar-wrap-desktop { justify-content: center; align-items: center; } .uk-root .fdn-page-navigation-bar-block .fdn-page-navigation-bar-wrap-desktop h3 { text-transform: uppercase; font-family: 'Oswald', 'Arial Narrow', Helvetica, sans-serif; font-weight: 300; line-height: 1; position: relative; top: -1px; } .uk-root .fdn-page-navigation-bar-block .fdn-page-navigation-bar-wrap-desktop .fdn-page-navigation-bar-link { padding: 10px 15px; font-weight: 700; color: #000; text-transform: uppercase; transition: ease-out 122ms; } .uk-root .fdn-page-navigation-bar-block .fdn-page-navigation-bar-wrap-desktop .fdn-page-navigation-bar-link:hover, .uk-root .fdn-page-navigation-bar-block .fdn-page-navigation-bar-wrap-desktop .fdn-page-navigation-bar-link.uk-active { background: var(--primary-color); color: #fff; } .uk-root .fdn-page-navigation-bar-block .fdn-page-navigation-bar-wrap-desktop .fdn-page-navigation-bar-link:first-child { border-left: thin solid #ccc; border-right: thin solid #ccc; } .uk-root .fdn-page-navigation-bar-block .fdn-page-navigation-bar-wrap-desktop .fdn-page-navigation-bar-link + .fdn-page-navigation-bar-link { border-right: thin solid #ccc; } .uk-root .fdn-page-navigation-bar-block .fdn-page-navigation-bar-wrap-mobile { padding: 5px 0; } .uk-root .fdn-page-navigation-bar-block .fdn-page-navigation-bar-wrap-mobile select { font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; font-size: 25px !important; color: #111; cursor: pointer; } .uk-root .comp-microsite-micrositebody { padding-top: 20px; margin-top: 0!important; border-top: 1px solid #ccc; border-top: thin solid #ccc; } .uk-root .comp-microsite-micrositebody .fdn-content-body { font-size: 15px !important; line-height: 19px !important; padding: 0 30px; color: #333; } .uk-root .comp-microsite-micrositebody .fdn-content-body p { margin: 0.3rem 0; color: #333; } .uk-root .fdn-subscriptions-header-block .fdn-subscriptions-header-row-top { padding: 20px 0; border-top: thin solid #ccc; border-bottom: 2px dotted #000; } .uk-root .fdn-subscriptions-header-block .fdn-subscriptions-header-logo h2 { text-transform: uppercase; font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif; font-weight: 300; font-size: 40px; letter-spacing: 1px; } .uk-root .fdn-subscriptions-header-block .fdn-subscriptions-header-logo img { height: 44px; margin-right: 8px; } .uk-root .fdn-subscriptions-header-block .fdn-subscriptions-header-login-block a { color: #111; transition: ease-out 122ms; } .uk-root .fdn-subscriptions-header-block .fdn-subscriptions-header-login-block a .fdn-subscriptions-login-button { text-transform: uppercase; font-weight: 700; color: #000; font-size: 14px; padding: 8px; border: thin solid; margin-left: 8px; } .uk-root .fdn-subscriptions-header-block .fdn-subscriptions-header-login-block a .fdn-subscriptions-login-button svg { margin-left: 3px; } .uk-root .fdn-subscriptions-header-block .fdn-subscriptions-header-login-block a:hover { color: var(--primary-color); } .uk-root .fdn-subscriptions-header-block .fdn-subscriptions-header-login-block a:hover .fdn-subscriptions-login-button { color: var(--primary-color); } .uk-root .fdn-subscriptions-header-block .fdn-subscriptions-header-row-bottom { padding: 0 20px; } .uk-root .fdn-subscriptions-header-block .fdn-subscriptions-header-row-bottom .fdn-subscriptions-header-question-button a { display: inline-flex; align-items: center; background: #900; border-radius: 5px; box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.5); padding: 10px 20px; margin: 20px auto; color: #fff; font-weight: 700; font-size: 1.1rem; transition: ease-out 122ms; } .uk-root .fdn-subscriptions-header-block .fdn-subscriptions-header-row-bottom .fdn-subscriptions-header-question-button a:hover { background: var(--primary-color); } .uk-root .fdn-my-subscriptions-header { padding: 0 20px; } .uk-root .fdn-my-subscriptions-header h2 { text-transform: uppercase; font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif; font-weight: 300; font-size: 44px; letter-spacing: 1px; } .uk-root .fdn-my-subscriptions-header p { font-weight: 700; width: 50%; font-size: 14px; color: #000; } .uk-root .fdn-subscriptions-column-header { border-bottom: 2px solid #ccc; padding: 0 0 2px; } .uk-root .fdn-subscriptions-column-header h4 { text-transform: uppercase; font-weight: 700; font-family: 'Roboto', Arial, sans-serif; color: #666; padding: 0 10px; line-height: 1.05; } .uk-root .fdn-subscriptions-column-header h4 + h4 { padding-right: 35px; } .uk-root .fdn-subscriptions-column-item { padding: 10px; border-bottom: 2px solid #ccc; } .uk-root .fdn-subscriptions-column-item.fdn-subscriptions-special-member-placement { display: none; } .uk-root .fdn-subscriptions-column-item-title { font-size: 1rem; font-weight: 700; color: #000; } @keyframes fadeInSubscriptions { 0%, 90% { opacity: 1; pointer-events: auto; } 100% { opacity: 0; pointer-events: none; } } @keyframes backAndForth { 0% { transform: translate(-10px, 0); } 50% { transform: translate(140px, 0); } 100% { transform: translate(-10px, 0); } } .uk-root .fdn-subscriptions-column-item-right { margin-bottom: auto; } .uk-root .fdn-subscriptions-column-item-right .fdn-subscriptions-column-item-spinner { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; text-align: center; background-color: #eee; z-index: 3; padding: 20px 0 0; animation: fadeInSubscriptions 4s; pointer-events: none; overflow: hidden; border-radius: 50px; opacity: 0; } .uk-root .fdn-subscriptions-column-item-right .fdn-subscriptions-column-item-spinner svg { color: var(--primary-color); } .uk-root .fdn-subscriptions-column-item-right .fdn-subscriptions-column-item-spinner:before { content: " "; display: block; width: 20px; height: 100%; position: absolute; top: 0; bottom: 0; background: #e3e3e3; box-shadow: 0px 0px 5px 0px #e3e3e3; filter: blur(5px); animation: backAndForth ease-in-out 1888ms infinite; } .uk-root .fdn-subscriptions-column-item-sample-link { color: var(--primary-color); text-transform: uppercase; font-weight: 700; font-family: 'Roboto', Arial, sans-serif; font-size: 14px; } .uk-root .fdn-subscriptions-column-item-description { padding: 10px; background: #eee; border-radius: 10px; font-size: 0.8rem; font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root .fdn-subscriptions-column-item-subscribed-header { font-size: 0.8rem; font-weight: 700; color: #888; text-transform: uppercase; text-align: center; font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root .fdn-subscriptions-column-item-subscribed-header.fdn-subscriptions-column-item-subscribed-header-is-subscribed { color: green; } .uk-root .fdn-subscriptions-column-item-toggle { display: block; background: #ccc; width: 60px; height: 20px; padding: 2px; border-radius: 20px; position: relative; transition: 0.3s; cursor: pointer; margin: 10px auto 0; } .uk-root .fdn-subscriptions-column-item-toggle .fdn-subscriptions-column-item-toggle-dot { display: inline-flex; width: 20px; height: 20px; border-radius: 100%; position: absolute; left: calc(100% - 22px); top: 2px; background: #888; transition: 0.35s; } .uk-root .fdn-subscriptions-column-item-toggle-checkbox { appearance: none; display: none; } .uk-root .fdn-subscriptions-column-item-toggle-checkbox:checked + .fdn-subscriptions-column-item-toggle .fdn-subscriptions-column-item-toggle-dot { left: 2px; background: green; } .uk-root .comp-member-settings .uk-list li:nth-of-type(n+7) { display: none; } .uk-root .comp-member-settings .uk-list li:nth-of-type(n+7).uk-text-center { display: list-item; } .uk-root .comp-login-logindialog .fdn-content-body { font-family: 'Avalon', "Roboto", Arial, sans-serif; font-weight: 700; min-height: 65px; } .uk-root .comp-shell-logout .uk-card { min-height: 135px; margin-bottom: 30px; } .uk-root .fdn-page-not-found { margin-bottom: 30px; } .uk-root .fdn-page-not-found h2 { font-size: 2rem; } .uk-root .fdn-page-not-found h2 span { color: var(--primary-color); } .uk-root .comp-rss-sectionfeeds .uk-list li a { font-size: 1.2rem; } .uk-root .fdn-page-not-found, .uk-root .comp-login-logindialog .fdn-content-body, .uk-root .comp-shell-logout .uk-card, .uk-root .comp-landing-couponscaptain, .uk-root .AvantisVideoPlaceholder { position: relative; padding-bottom: 17px; } .uk-root .fdn-page-not-found:after, .uk-root .comp-login-logindialog .fdn-content-body:after, .uk-root .comp-shell-logout .uk-card:after, .uk-root .comp-landing-couponscaptain:after, .uk-root .AvantisVideoPlaceholder:after { content: " "; display: block; box-shadow: 0 3px 10px #000000; height: 0; padding-bottom: 17px; margin: auto; bottom: 0px; position: absolute; z-index: 0; left: 0; right: 0; width: 90%; background: transparent; border-radius: 100%; } .uk-root .fdn-page-not-found:before, .uk-root .comp-login-logindialog .fdn-content-body:before, .uk-root .comp-shell-logout .uk-card:before, .uk-root .comp-landing-couponscaptain:before, .uk-root .AvantisVideoPlaceholder:before { content: " "; display: block; background: #fff; position: absolute; bottom: 0; z-index: 5; height: 24px; left: 0; right: 0; margin: auto; } .uk-root #Print .ev-header-zone { height: 95px!important; } .uk-root #Print .comp-shell-siteheader.uk-sticky { position: static !important; width: 100% !important; max-width: 100% !important; height: 95px!important; margin: 0!important; } .uk-root #Print .fdn-site-header-flex > *:not(.fdn-site-header-logo) { display: none!important; } .uk-root #Print .fdn-content-body { overflow: visible !important; font-size: 16px !important; } .uk-root #Print .fdn-content-body * { page-break-inside: avoid; } .uk-root #Print a[href="#vmg-vertical-info"], .uk-root #Print .fdn-ads-inline-content-block, .uk-root #Print .Print.Leaderboard, .uk-root #Print .fdn-custom-footer-navigation-link-block, .uk-root #Print .comp-shell-supportus { display: none !important; } .uk-root #Print .ev-grid-layout { box-shadow: none !important; } .uk-root #Print .ev-grid-zone.ev-footer-zone { background: none !important; } .uk-root #Print * { color: #000 !important; } .uk-root #Print a { text-decoration: underline !important; } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] > div { width: 100%; box-sizing: border-box; padding: 0; } @media (min-width: 998px) { .uk-root [data-component-grid-id="AdvertiseInfographicForm"] > div { width: 60%; padding-right: 2rem; } } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] > div + div { width: 100%; box-sizing: border-box; padding: 0 1rem; } @media (min-width: 998px) { .uk-root [data-component-grid-id="AdvertiseInfographicForm"] > div + div { width: 40%; padding: 0; } } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] img[src*='binary'] { display: block; margin: 10px auto; } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] .fdn-component-header-block { margin-top: 2rem !important; } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] .fdn-component-header-text { font-size: 1.08rem; } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] p { font-family: 'Serif12', Georgia, Times, serif; font-size: 0.9rem; padding: 0 10px; color: #000; margin: 10px 0; } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] p a { color: var(--primary-color); } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] form { font-family: 'Serif12', Georgia, Times, serif; } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] form label { display: block; margin: 5px 0 0; color: #000; } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] form input { font-family: 'Serif12', Georgia, Times, serif; } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] form textarea, .uk-root [data-component-grid-id="AdvertiseInfographicForm"] form select, .uk-root [data-component-grid-id="AdvertiseInfographicForm"] form input[type='text'] { width: calc(100% - 10px); margin: 0 0 0 10px; box-sizing: border-box; padding: 2px; } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] form input[type='submit'] { border: none; width: calc(100% - 10px); display: block; box-sizing: border-box; text-align: center; margin-left: 10px; } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] form .g-recaptcha { margin-left: 10px; } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] form textarea { resize: vertical; } .uk-root [data-component-grid-id="AdvertiseInfographicForm"] div#sfError { font-family: 'Serif12', Georgia, Times, serif; color: #b10000; padding: 10px; } .uk-root .comp-newsletter-newslettersignup div { box-sizing: border-box; } .uk-root .comp-newsletter-newslettersignup div span { color: var(--primary-color); font-weight: 400; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-button { display: inline-flex; align-items: center; justify-content: center; background: #fff; color: #000; padding: 4px 8px 2px; line-height: 1; transition: ease-out 122ms; font-weight: 700; text-transform: uppercase; font-size: 14px; font-family: 'Avalon', "Roboto", Arial, sans-serif; box-shadow: 2px 2px 3px 1px #000; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-button svg { margin-left: 5px; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-button:hover { color: var(--primary-color); } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large { width: 970px; max-width: calc(100% - 20px); margin: 0 auto; padding: 10px 0; border: 2px solid #ccc; border-width: 2px 0; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-main { width: 100%; } @media (min-width: 858px) { .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-main { width: 65%; } } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-main .fdn-newsletter-signup-logo { width: calc(100% * 1/5.001); padding: 0 10px 0 0; box-sizing: border-box; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-main .fdn-newsletter-signup-logo img { display: block; margin: 0 auto auto; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block { flex: 1; align-items: center; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block .fdn-newsletter-signup-text { width: 100%; color: var(--primary-color); margin: auto auto 0; font-weight: 300; font-size: 22px; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block .fdn-newsletter-signup-text .fdn-newsletter-signup-text-large-only { color: var(--primary-color); font-weight: 700; text-transform: uppercase; font-size: 24px; line-height: 1; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block .fdn-newsletter-signup-button-block { flex: 1; display: flex; align-items: center; min-width: 100px; justify-content: flex-end; margin: 0 auto auto; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block .fdn-newsletter-signup-button-block .fdn-newsletter-signup-button { background: var(--primary-color); color: #fff; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block .fdn-newsletter-signup-button-block .fdn-newsletter-signup-button:hover { color: var(--primary-color); background: #fff; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-secondary { flex: 1; display: flex; flex-wrap: wrap; padding-left: 0px; margin-left: 0px; border-left: 0; padding: 30px 20px 10px 20px; margin-top: 30px; border-top: thin solid #ddd; } @media (min-width: 858px) { .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-secondary { margin-left: 30px; border-left: thin solid #ddd; padding: 0px 0px 0px 30px; margin-top: 0px; border-top: 0; } } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-secondary .fdn-newsletter-signup-secondary-text { font-weight: 400; font-size: 16px; color: #408eb4; margin: auto 0 0; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-secondary .fdn-newsletter-signup-secondary-link-block { margin: 5px auto auto; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-secondary .fdn-newsletter-signup-secondary-link-block a.fdn-newsletter-signup-secondary-link { color: #f4ec10; text-transform: uppercase; font-weight: 700; transition: ease-out 122ms; display: inline-flex; align-items: center; white-space: nowrap; overflow: hidden; font-size: 1.5rem; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-secondary .fdn-newsletter-signup-secondary-link-block a.fdn-newsletter-signup-secondary-link img { height: 18px; width: auto; margin-left: 2px; filter: brightness(0); } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-secondary .fdn-newsletter-signup-secondary-link-block a.fdn-newsletter-signup-secondary-link:hover { color: var(--primary-color); } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-secondary .fdn-newsletter-signup-secondary-link-block a.fdn-newsletter-signup-secondary-link:hover span { color: #000; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-secondary .fdn-newsletter-signup-secondary-link-block .fdn-newsletter-signup-secondary-link-learn-more { display: inline-flex; align-items: center; padding: 4px 6px; text-align: center; justify-content: center; background: #f4ec10; color: #000; text-transform: uppercase; border-radius: 6px; box-shadow: 2px 2px 3px 1px #444; transition: ease-out 122ms; margin-left: auto; font-weight: 700; font-size: 13px; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-large .fdn-newsletter-signup-secondary .fdn-newsletter-signup-secondary-link-block .fdn-newsletter-signup-secondary-link-learn-more:hover { color: #fff; background: var(--primary-color); } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-medium { width: 657px; margin: 0 auto; padding: 10px 0; border: 2px solid #ccc; border-width: 2px 0; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-medium .fdn-newsletter-signup-main { width: 100%; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-medium .fdn-newsletter-signup-main .fdn-newsletter-signup-logo { width: 120px; padding: 0 10px 0 0; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-medium .fdn-newsletter-signup-main .fdn-newsletter-signup-logo img { width: 100%; display: block; margin: 0 auto auto; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-medium .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block { flex: 1; align-items: center; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-medium .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block .fdn-newsletter-signup-text { width: 100%; color: var(--primary-color); font-weight: 400; font-size: 22px; padding: 0 12px; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-medium .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block .fdn-newsletter-signup-text .fdn-newsletter-signup-text-large-only { color: var(--primary-color); font-weight: 700; text-transform: uppercase; font-size: 24px; line-height: 1; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-medium .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block .fdn-newsletter-signup-button-block { flex: 1; display: flex; align-items: center; min-width: 100px; justify-content: flex-end; margin: 0 auto auto; padding: 0 12px; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-medium .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block .fdn-newsletter-signup-button-block .fdn-newsletter-signup-button { background: var(--primary-color); color: #fff; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-medium .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block .fdn-newsletter-signup-button-block .fdn-newsletter-signup-button:hover { color: var(--primary-color); background: #fff; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-medium .fdn-newsletter-signup-secondary { display: none !important; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-small { width: 300px; max-width: 100%; box-sizing: border-box; height: 250px; overflow: hidden; margin: 0 auto; padding: 10px; background: #0272c3; background: -moz-linear-gradient(top, #0272c3 0%, #0272c3 8%, #0268b6 27%, #013c7b 83%, #01316c 100%); background: -webkit-linear-gradient(top, #0272c3 0%, #0272c3 8%, #0268b6 27%, #013c7b 83%, #01316c 100%); background: linear-gradient(to bottom, #0272c3 0%, #0272c3 8%, #0268b6 27%, #013c7b 83%, #01316c 100%); } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-small .fdn-newsletter-signup-main { max-height: 250px; box-sizing: border-box; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-small .fdn-newsletter-signup-main .fdn-newsletter-signup-logo { width: 50%; padding: 0 6px; box-sizing: border-box; display: flex; align-items: center; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-small .fdn-newsletter-signup-main .fdn-newsletter-signup-logo img { display: block; margin: auto; filter: invert(1) saturate(0); } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-small .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block { width: 50%; padding: 0 6px; align-items: center; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-small .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block .fdn-newsletter-signup-text { width: 100%; font-weight: 700; font-size: 21px; line-height: 1; box-sizing: border-box; color: #fff; text-transform: uppercase; text-align: center; font-family: 'Avalon', "Roboto", Arial, sans-serif; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-small .fdn-newsletter-signup-main .fdn-newsletter-signup-text-block .fdn-newsletter-signup-button-block { flex: 1; display: flex; align-items: center; min-width: 100px; justify-content: center; margin: 15px auto auto; } .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-small .fdn-newsletter-signup-text-large-only, .uk-root .comp-newsletter-newslettersignup .fdn-newsletter-signup-small .fdn-newsletter-signup-secondary { display: none !important; } .uk-root .FormEmailUs.comp-page-pageheadline { padding-top: 15px; } .uk-root .comp-form-emailus { margin-top: 0 !important; padding: 0 10px; } .uk-root .comp-form-emailus p { font-size: 17px; font-family: "Roboto", Helvetica, Arial, sans-serif; } @media (min-width: 858px) { .uk-root .comp-form-emailus { padding: 0 80px; } } @media (min-width: 998px) { .uk-root .comp-form-emailus { padding: 0 120px; } } .uk-root .comp-form-emailus .uk-form-controls em { font-family: "Roboto", Helvetica, Arial, sans-serif; } .uk-root .cnx-ps .cnx-playspace-footer { border: 0 none; } .uk-root .cc-revoke, .uk-root .cc-window { z-index: 10000; } .uk-root .cc-revoke a, .uk-root .cc-window a { transition: ease-out 122ms; font-weight: 700; } .uk-root .cc-revoke a:hover, .uk-root .cc-window a:hover { color: #f1d600; } .uk-root div#apn-sticky-bottom-container { transition: ease-out 122ms; } .uk-root .cc-window:not([style*='none']) ~ div#apn-sticky-bottom-container { bottom: 82px !important; } .uk-root .fdn-custom-section-latest-wrap > div:nth-of-type(n+7), .uk-root .fdn-custom-section-latest-block > div:nth-of-type(n+7) { display: none; } .uk-root [class*='freestuff'] .fdn-custom-section-latest-wrap > div:nth-of-type(n+7), .uk-root [class*='freestuff'] .fdn-custom-section-latest-block > div:nth-of-type(n+7) { display: block; } .uk-root .fdn-editor-air .contentBody a, .uk-root .fdn-editor-air .slideBody a { font-weight: 700; } .uk-root div#fdn-fe-settings-block [data-field="Layout"] { display: none; } .uk-root div#adVerticalProofing { position: fixed; left: -160px; width: 200px; height: 40px; display: flex; align-items: center; justify-content: center; text-align: center; background: var(--primary-color); z-index: 335; top: 110px; transition: 655ms ease-out; border-radius: 0 5px 5px 0; } .uk-root div#adVerticalProofing a { align-items: center; justify-content: center; display: none; box-sizing: border-box; box-shadow: 0px 0px 2px -1px #000; border-radius: 3px; width: 100%; padding: 10px; height: 100%; font-weight: 700; text-align: center; color: #fff; } .uk-root div#adVerticalProofing a:hover { text-decoration: underline; } .uk-root div#adVerticalProofing:hover { left: 0; } .uk-root div#adVerticalProofing:hover a { display: flex; } .uk-root div#adVerticalProofing:hover:after { display: none; } .uk-root div#adVerticalProofing:after { display: flex; content: "Ads \025B8"; color: #fff; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; align-items: center; font-size: 14px; font-weight: 700; } .uk-root #Guide div#adVerticalProofing, .uk-root [class*='BestOf'] div#adVerticalProofing { display: none; } @media (min-width: 640px) { .uk-root #Guide div#adVerticalProofing, .uk-root [class*='BestOf'] div#adVerticalProofing { display: flex; } } .uk-root #Guide div#adVerticalProofing { top: 150px; } .uk-root div#NewsletterModal > div { border: 3px solid #000; box-sizing: border-box; max-height: 420px; margin-top: 100px; } .uk-root div#NewsletterModal .fdn-newsletter-modal-left { background: url('/images/air/cvmodalback.jpg') center no-repeat; background-size: contain; width: 320px; height: 414px; box-sizing: border-box; } .uk-root div#NewsletterModal .fdn-newsletter-modal-left p { font-weight: 700; color: #333; padding: 0 10px; text-align: center; font-size: 1.1rem; line-height: 1.1; } @media (min-width: 858px) { .uk-root div#NewsletterModal .fdn-newsletter-modal-left p { padding: 0 15px; } } @media (max-width: 858px) { .uk-root div#NewsletterModal .fdn-newsletter-modal-wrap { flex-direction: column; } .uk-root div#NewsletterModal .fdn-newsletter-modal-left { background: none; width: 100%; height: auto; margin-top: 24px; } .uk-root div#NewsletterModal .fdn-newsletter-modal-right div { justify-content: center; text-align: center; padding-top: 0; padding-left: 20px; padding-right: 20px; } .uk-root div#NewsletterModal .fdn-newsletter-modal-logo { margin-top: 0 !important; margin-bottom: 10px; } } .uk-root div#NewsletterModal .fdn-newsletter-modal-logo img { width: 120px; height: auto; margin-right: 5px; } .uk-root div#NewsletterModal .fdn-newsletter-modal-logo span { text-transform: uppercase; font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif; font-weight: 300; } .uk-root div#NewsletterModal .fdn-newsletter-modal-sign-up-block { flex-direction: column; align-items: center; } @media (min-width: 858px) { .uk-root div#NewsletterModal .fdn-newsletter-modal-sign-up-block { flex-direction: row; } } .uk-root div#NewsletterModal .fdn-newsletter-modal-support-link, .uk-root div#NewsletterModal .fdn-newsletter-modal-sign-up-link { margin-top: 3px; display: inline-flex; padding: 12px; color: #fff; align-items: center; justify-content: center; text-transform: uppercase; font-size: 0.7rem; transition: ease-out 122ms; } .uk-root div#NewsletterModal .fdn-newsletter-modal-support-link svg, .uk-root div#NewsletterModal .fdn-newsletter-modal-sign-up-link svg { margin-left: 4px; } .uk-root div#NewsletterModal .fdn-newsletter-modal-sign-up-link { background: #3ba3d2; margin-right: 0px; } @media (min-width: 858px) { .uk-root div#NewsletterModal .fdn-newsletter-modal-sign-up-link { margin-right: 20px; } } .uk-root div#NewsletterModal .fdn-newsletter-modal-sign-up-link:hover { background: var(--primary-color); } .uk-root div#NewsletterModal .fdn-newsletter-modal-support-link { background: #ee7a2f; } .uk-root div#NewsletterModal .fdn-newsletter-modal-support-link:hover { background: var(--primary-color); } .uk-root div#NewsletterModal .fdn-newsletter-modal-no-thanks-link { display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 0.7rem; color: #777; margin-top: 3px; } .uk-root div#NewsletterModal .fdn-newsletter-modal-text-block p { font-weight: 700; color: #333; line-height: 1.1; } .uk-root div#NewsletterModal .fdn-newsletter-modal-footer { font-style: italic; color: #999; font-family: 'Serif12', Georgia, Times, serif; } .uk-root div#NewsletterModal .fdn-newsletter-modal-footer a { font-size: 0.8rem; } .uk-root .cc-revoke a:hover, .uk-root .cc-window a:hover { color: var(--primary-color); } .uk-root .comp-storyhub-featured { padding: 10px; background: #efefef; } .uk-root .comp-storyhub-featured .fdn-storyhub-feature-teasers { margin-top: 10px; } .uk-root .comp-storyhub-featured .fdn-storyhub-feature-header h3 { border-bottom: 3px solid #c6d2d3; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 30px; margin: 0 20px !important; width: calc(100% - 40px); letter-spacing: 1px; } .uk-root .comp-storyhub-featured .fdn-storyhub-feature-header h3 a { transition: ease-out 122ms; color: var(--primary-color); } .uk-root .comp-storyhub-featured .fdn-storyhub-feature-header h3 a span { color: #000; } .uk-root .comp-storyhub-featured .fdn-storyhub-feature-header h3 a:hover span { color: var(--primary-color); } .uk-root .comp-storyhub-featured .fdn-storyhub-feature-header-sponsored-text { font-family: 'Roboto'; text-transform: uppercase; color: #999; letter-spacing: 3px; font-weight: 300; font-size: 11px; } .uk-root .comp-storyhub-featured .fdn-storyhub-feature-teaser-headline { font-family: 'Roboto Condensed'; letter-spacing: -0.4px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; } .uk-root .comp-storyhub-featured .fdn-storyhub-feature-teaser-byline { font-family: 'Roboto Condensed'; font-style: italic; color: #111; } .uk-root .comp-storyhub-featured .fdn-storyhub-feature-teaser-image { padding-right: 12px; } .uk-root .comp-storyhub-featured .fdn-storyhub-feature-teaser-image img { border: 4px solid #fff; box-shadow: 0px 0px 2px 0px #333; } .uk-root .comp-storyhub-featured.Marijuana .fdn-storyhub-feature-header h3 a { color: #060; } .uk-root #Storyhub .comp-storyhub-featured { background: none; } .uk-root #Storyhub .comp-storyhub-featured .fdn-storyhub-feature-header h3 { width: auto; } .uk-root .fdn-storyhub-latest-header .fdn-storyhub-latest-header-image { padding: 0 0 8px; margin: 0 0 8px; border-bottom: 3px solid #c6d2d3; } .uk-root .fdn-storyhub-latest-header .fdn-storyhub-latest-header-sponsored-text { font-family: 'Roboto'; text-transform: uppercase; color: #999; letter-spacing: 3px; font-weight: 300; font-size: 16px; } .uk-root .fdn-storyhub-latest-header .fdn-storyhub-latest-header-disclaimer-text, .uk-root .fdn-storyhub-latest-header .fdn-storyhub-latest-header-text { font-family: 'Serif12', Georgia, Times, serif; width: 700px; max-width: 90%; margin: 20px auto; text-align: center; color: #000; } .uk-root .fdn-storyhub-latest-header .fdn-storyhub-latest-header-disclaimer-text { font-style: italic; } .uk-root .fdn-storyhub-latest-header-disclaimer-text, .uk-root .fdn-storyhub-latest-header-text { font-family: 'Serif12', Georgia, Times, serif; width: 700px; max-width: 90%; margin: 20px auto; text-align: center; color: #000; } .uk-root .fdn-storyhub-latest-header-disclaimer-text a, .uk-root .fdn-storyhub-latest-header-text a { color: var(--primary-color); } .uk-root .fdn-storyhub-latest-header-disclaimer-text { font-style: italic; font-size: 0.77rem; } .uk-root .comp-storyhub-story { width: 800px; margin: auto; max-width: 100%; box-sizing: border-box; border-bottom: 3px solid #c6d2d3; padding-bottom: 30px; } .uk-root .comp-storyhub-story .fdn-content-headline { text-align: center; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; font-size: 28px !important; } .uk-root .comp-storyhub-story .fdn-content-infoline { text-align: center; font-style: italic; margin: 15px 0; font-weight: 400; } .uk-root .comp-storyhub-story > img { margin-bottom: 15px; } .uk-root .comp-storyhub-story p { font-family: 'Serif12', Georgia, Times, serif; color: #000; margin: 10px 0; } .uk-root .comp-storyhub-story p.fdn-event-status { color: #fff; font-family: 'Avalon', "Roboto", Arial, sans-serif; } .uk-root .comp-storyhub-story ul, .uk-root .comp-storyhub-story ol { margin: 10px 0; } .uk-root .comp-storyhub-story ul li, .uk-root .comp-storyhub-story ol li { font-family: 'Serif12', Georgia, Times, serif; color: #000; } .uk-root .comp-storyhub-story a { color: var(--primary-color); } .uk-root .comp-storyhub-story h2 { font-size: 22px; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; margin: 17px 0 10px; color: #000; font-weight: 700; line-height: 1.1; } .uk-root .comp-storyhub-story h2 a { color: var(--primary-color); } .uk-root .comp-storyhub-story h3 { font-size: 17px; font-family: "Roboto Condensed", 'Avalon Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif; margin: 15px 0 1px; letter-spacing: 0.5px; color: #000; font-weight: 700; line-height: 1.1; } .uk-root .comp-storyhub-story h3 a { color: var(--primary-color); } .uk-root .comp-storyhub-navigation, .uk-root .comp-storyhub-careerhubheader, .uk-root .comp-storyhub-latestjobpostings, .uk-root .comp-storyhub-careerhubheaderjr, .uk-root .comp-storyhub-storyhubheaderjr, .uk-root .comp-storyhub-storyhubheader, .uk-root .comp-storyhub-searchresults, .uk-root .comp-storyhub-lateststories { width: 800px; margin: auto; max-width: 100%; box-sizing: border-box; } .uk-root .comp-storyhub-navigation .fdn-storyhub-latest-header .fdn-storyhub-latest-header-image, .uk-root .comp-storyhub-careerhubheader .fdn-storyhub-latest-header .fdn-storyhub-latest-header-image, .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-header .fdn-storyhub-latest-header-image, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-header .fdn-storyhub-latest-header-image, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-header .fdn-storyhub-latest-header-image, .uk-root .comp-storyhub-storyhubheader .fdn-storyhub-latest-header .fdn-storyhub-latest-header-image, .uk-root .comp-storyhub-searchresults .fdn-storyhub-latest-header .fdn-storyhub-latest-header-image, .uk-root .comp-storyhub-lateststories .fdn-storyhub-latest-header .fdn-storyhub-latest-header-image { padding: 0 0 8px; margin: 0 0 8px; border-bottom: 3px solid #c6d2d3; } .uk-root .comp-storyhub-navigation .fdn-storyhub-latest-header .fdn-storyhub-latest-header-sponsored-text, .uk-root .comp-storyhub-careerhubheader .fdn-storyhub-latest-header .fdn-storyhub-latest-header-sponsored-text, .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-header .fdn-storyhub-latest-header-sponsored-text, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-header .fdn-storyhub-latest-header-sponsored-text, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-header .fdn-storyhub-latest-header-sponsored-text, .uk-root .comp-storyhub-storyhubheader .fdn-storyhub-latest-header .fdn-storyhub-latest-header-sponsored-text, .uk-root .comp-storyhub-searchresults .fdn-storyhub-latest-header .fdn-storyhub-latest-header-sponsored-text, .uk-root .comp-storyhub-lateststories .fdn-storyhub-latest-header .fdn-storyhub-latest-header-sponsored-text { font-family: 'Roboto'; text-transform: uppercase; color: #999; letter-spacing: 3px; font-weight: 300; font-size: 16px; } .uk-root .comp-storyhub-navigation .fdn-storyhub-latest-teaser, .uk-root .comp-storyhub-careerhubheader .fdn-storyhub-latest-teaser, .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-teaser, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-teaser, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-teaser, .uk-root .comp-storyhub-storyhubheader .fdn-storyhub-latest-teaser, .uk-root .comp-storyhub-searchresults .fdn-storyhub-latest-teaser, .uk-root .comp-storyhub-lateststories .fdn-storyhub-latest-teaser { border-bottom: 30px solid #c6d2d3; margin: 0 0 10px; padding: 0 0 15px; clear: both; } .uk-root .comp-storyhub-navigation .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline, .uk-root .comp-storyhub-careerhubheader .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline, .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline, .uk-root .comp-storyhub-storyhubheader .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline, .uk-root .comp-storyhub-searchresults .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline, .uk-root .comp-storyhub-lateststories .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline { max-width: none; float: none; margin: 0 0px 10px 0; line-height: 1.2; letter-spacing: -0.5px; font-size: 20px; font-family: 'Roboto Condensed'; } @media (min-width: 640px) { .uk-root .comp-storyhub-navigation .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline, .uk-root .comp-storyhub-careerhubheader .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline, .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline, .uk-root .comp-storyhub-storyhubheader .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline, .uk-root .comp-storyhub-searchresults .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline, .uk-root .comp-storyhub-lateststories .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline { max-width: calc(100% - 180px); float: left; } } .uk-root .comp-storyhub-navigation .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline a, .uk-root .comp-storyhub-careerhubheader .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline a, .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline a, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline a, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline a, .uk-root .comp-storyhub-storyhubheader .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline a, .uk-root .comp-storyhub-searchresults .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline a, .uk-root .comp-storyhub-lateststories .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline a { text-transform: uppercase; font-weight: 700; display: inline; color: #000; } .uk-root .comp-storyhub-navigation .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline .fdn-storyhub-latest-teaser-dateline, .uk-root .comp-storyhub-careerhubheader .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline .fdn-storyhub-latest-teaser-dateline, .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline .fdn-storyhub-latest-teaser-dateline, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline .fdn-storyhub-latest-teaser-dateline, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline .fdn-storyhub-latest-teaser-dateline, .uk-root .comp-storyhub-storyhubheader .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline .fdn-storyhub-latest-teaser-dateline, .uk-root .comp-storyhub-searchresults .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline .fdn-storyhub-latest-teaser-dateline, .uk-root .comp-storyhub-lateststories .fdn-storyhub-latest-teaser .fdn-storyhub-latest-teaser-headline .fdn-storyhub-latest-teaser-dateline { text-transform: uppercase; font-weight: 700; color: #999; font-size: 14px; font-style: italic; } .uk-root .comp-storyhub-navigation .fdn-storyhub-latest-teaser-image, .uk-root .comp-storyhub-careerhubheader .fdn-storyhub-latest-teaser-image, .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-teaser-image, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-teaser-image, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-teaser-image, .uk-root .comp-storyhub-storyhubheader .fdn-storyhub-latest-teaser-image, .uk-root .comp-storyhub-searchresults .fdn-storyhub-latest-teaser-image, .uk-root .comp-storyhub-lateststories .fdn-storyhub-latest-teaser-image { box-sizing: border-box; max-width: 100%; padding-right: 0; } @media (min-width: 640px) { .uk-root .comp-storyhub-navigation .fdn-storyhub-latest-teaser-image, .uk-root .comp-storyhub-careerhubheader .fdn-storyhub-latest-teaser-image, .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-teaser-image, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-teaser-image, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-teaser-image, .uk-root .comp-storyhub-storyhubheader .fdn-storyhub-latest-teaser-image, .uk-root .comp-storyhub-searchresults .fdn-storyhub-latest-teaser-image, .uk-root .comp-storyhub-lateststories .fdn-storyhub-latest-teaser-image { width: 350px; padding-right: 12px; } } .uk-root .comp-storyhub-navigation .fdn-storyhub-latest-teaser-text img, .uk-root .comp-storyhub-careerhubheader .fdn-storyhub-latest-teaser-text img, .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-teaser-text img, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-teaser-text img, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-teaser-text img, .uk-root .comp-storyhub-storyhubheader .fdn-storyhub-latest-teaser-text img, .uk-root .comp-storyhub-searchresults .fdn-storyhub-latest-teaser-text img, .uk-root .comp-storyhub-lateststories .fdn-storyhub-latest-teaser-text img { float: none; margin: 5px auto; width: 125px; box-sizing: border-box; display: block; border: 4px solid #fff; box-shadow: 0px 0px 2px 0px #333; } @media (min-width: 640px) { .uk-root .comp-storyhub-navigation .fdn-storyhub-latest-teaser-text img, .uk-root .comp-storyhub-careerhubheader .fdn-storyhub-latest-teaser-text img, .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-teaser-text img, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-teaser-text img, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-teaser-text img, .uk-root .comp-storyhub-storyhubheader .fdn-storyhub-latest-teaser-text img, .uk-root .comp-storyhub-searchresults .fdn-storyhub-latest-teaser-text img, .uk-root .comp-storyhub-lateststories .fdn-storyhub-latest-teaser-text img { float: right; margin: 0 0 10px 10px; } } .uk-root .comp-storyhub-navigation .fdn-storyhub-latest-teaser-description, .uk-root .comp-storyhub-careerhubheader .fdn-storyhub-latest-teaser-description, .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-teaser-description, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-teaser-description, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-teaser-description, .uk-root .comp-storyhub-storyhubheader .fdn-storyhub-latest-teaser-description, .uk-root .comp-storyhub-searchresults .fdn-storyhub-latest-teaser-description, .uk-root .comp-storyhub-lateststories .fdn-storyhub-latest-teaser-description { font-family: 'Serif12', Georgia, Times, serif; clear: left; color: #000; } .uk-root .comp-storyhub-navigation .fdn-storyhub-latest-teaser-no-results, .uk-root .comp-storyhub-careerhubheader .fdn-storyhub-latest-teaser-no-results, .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-teaser-no-results, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-teaser-no-results, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-teaser-no-results, .uk-root .comp-storyhub-storyhubheader .fdn-storyhub-latest-teaser-no-results, .uk-root .comp-storyhub-searchresults .fdn-storyhub-latest-teaser-no-results, .uk-root .comp-storyhub-lateststories .fdn-storyhub-latest-teaser-no-results { text-align: center; font-weight: 700; color: #000; font-size: 1.2rem; font-style: italic; } .uk-root .comp-storyhub-navigation { margin-top: 0; } .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-header-image, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-header-image, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-header-image { display: block; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 30px; margin: 0!important; width: 100%; box-sizing: border-box; letter-spacing: 1px; } .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-header-image a, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-header-image a, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-header-image a { color: var(--primary-color); } .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-header-image a span, .uk-root .comp-storyhub-careerhubheaderjr .fdn-storyhub-latest-header-image a span, .uk-root .comp-storyhub-storyhubheaderjr .fdn-storyhub-latest-header-image a span { color: #000; } .uk-root .comp-storyhub-searchresults, .uk-root .comp-storyhub-lateststories { margin-top: 30px !important; } .uk-root .fdn-storyhub-latest-navigation ul { margin: 0px 0; } .uk-root .fdn-storyhub-latest-navigation ul li { border-radius: 3px; margin: 0 5px 16px; } .uk-root .fdn-storyhub-latest-navigation ul li a { display: inline-flex; align-items: center; justify-content: center; padding: 3px 5px 1px; background: #fff; color: #666; text-transform: uppercase; border-radius: 3px; transition: ease-out 122ms; font-family: 'Roboto Condensed'; border-bottom: 2px solid #fff; font-size: 18px; } .uk-root .fdn-storyhub-latest-navigation ul li a:hover { background: var(--primary-color); color: #fff; } .uk-root .fdn-storyhub-latest-navigation ul li.uk-active a { border-bottom-color: var(--primary-color); } .uk-root .fdn-storyhub-latest-navigation-header { border-bottom: 3px solid #c6d2d3; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 30px; margin: 0 !important; width: 100%; letter-spacing: 5px; color: var(--primary-color); } .uk-root .fdn-storyhub-latest-navigation-header span { color: #000; } .uk-root .comp-storyhub-latestjobpostings .fdn-storyhub-latest-navigation-header { margin: 0 !important; width: 100%; } .uk-root .Careerhub.PresentedBy { text-align: center; margin: 0 auto; } .uk-root .Careerhub.PresentedBy img { height: 65px; width: auto; } .uk-root .fdn-editor-air .contentBody, .uk-root .fdn-editor-air .slideBody { font-family: Arial, sans-serif; color: #333; font-size: 16px; line-height: 19px; background: #F6F6F6; } .uk-root .fdn-editor-air .contentBody .inlineMediaInfo, .uk-root .fdn-editor-air .slideBody .inlineMediaInfo { margin-bottom: 20px ; } .uk-root .fdn-editor-air .contentBody .inlineMediaInfo .imageCaption, .uk-root .fdn-editor-air .slideBody .inlineMediaInfo .imageCaption { color: #333; font: normal 12px/15px serif12, serif !important; text-align: left; padding: 5px 10px 0; } .uk-root .fdn-editor-air .contentBody .inlineMediaInfo .imageCredit, .uk-root .fdn-editor-air .slideBody .inlineMediaInfo .imageCredit { font: 12px/15px serif12, serif !important; text-align: right; list-style: none outside none; padding: 5px 10px 0; color: #333; display: block; font-style: italic; order: 10; } .uk-root .fdn-editor-air .contentBody .inlineMediaInfo .imageCredit a, .uk-root .fdn-editor-air .slideBody .inlineMediaInfo .imageCredit a { font-weight: 400; } .uk-root .fdn-editor-air .contentBody .inlineMediaBox, .uk-root .fdn-editor-air .slideBody .inlineMediaBox, .uk-root .fdn-editor-air .contentBody .inlinePullquote, .uk-root .fdn-editor-air .slideBody .inlinePullquote { margin: 20px auto !important; } .uk-root .fdn-teaser-headline i, .uk-root .fdn-feature-headline i, .uk-root .fdn-content-headline i, .uk-root .fdn-content-body i, .uk-root .fdn-teaser-headline em, .uk-root .fdn-feature-headline em, .uk-root .fdn-content-headline em, .uk-root .fdn-content-body em { margin-right: 0.2ch; } .uk-root .cnx-main-container.cnx-in-desktop.cnx-ps.cnx-main-container-flex { margin-top: 0 !important; } .uk-root input[type='search'], .uk-root input[type='text'], .uk-root input[type='email'], .uk-root input[type='tel'], .uk-root textarea, .uk-root textarea.uk-textarea { font-family: Arial, sans-serif; } .uk-root .SearchController .fdn-search-dropdown { font-family: "Roboto", Helvetica, Arial, sans-serif; } @media (max-width: 640px) { .uk-root .comp-content-searchresultsdynamic .fdn-page-navigation-block .uk-pagination { display: none; } } .uk-root .Circulation .fdn-content-body { text-align: center; } .uk-root .Circulation .fdn-content-body h2 { font-size: 20px; } .uk-root .Circulation .fdn-content-body p { font-size: 1.1rem; } .uk-root .Circulation .mapwrapper iframe { width: 100%; } /* ----------------------------------------------------------------------------- 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 -----------------------------------------------------------------*/