@charset "UTF-8";
/**
* A style scale API fetcher. Maps the passed value to the key in the passed style scale, optionally validating the returned value for units.
* @mixin
* @section Functions
* @param $scale {map} - A style system map.
* @param $lvl {string | number} - The key who's value needs to be retrieved from the style scale.
* @param $ensure-units {boolean} - [true] - Checks to see if the returned scaled value has units, and if it doesn't adds units to the value.
* @param $units {string} - [px] - The units the $ensure-units validator will check for (automatically assumes pixels).
*/
/**
* A color API fetcher. Gets final color, including layout engine override.
* @mixin
* @section Functions
* @param $component {string} - A name that matches a key from the $theme-palette map.
* @param $group-palette {string}
* @param $lighten {percentage} - [false] - The key who's value needs to be retrieved from the style scale.
* @param $darken {percentage} - [false] - Checks to see if the returned scaled value has units, and if it doesn't adds units to the value.
* @param $opacity {percentage} - [false] - The units the $ensure-units validator will check for (automatically assumes pixels).
*/
/**
* A color API fetcher. Maps the passed color name to the value in the theme palette. Allows additional shorthand modifications such as darken, lighten, opacity, or custom palette map to use.
* @mixin
* @section Functions
* @param $name {string} - A name that matches a key from the $theme-palette map.
* @param $lighten {percentage} - [false] - The key who's value needs to be retrieved from the style scale.
* @param $darken {percentage} - [false] - Checks to see if the returned scaled value has units, and if it doesn't adds units to the value.
* @param $opacity {percentage} - [false] - The units the $ensure-units validator will check for (automatically assumes pixels).
*/
/**
* Common animation durations.
* pf2 > skin > _variables > _animation.scss
*
* @nuclide Duration
* @section Animation > Duration
* @description
* .fullscreen The speed fullscreen elements should transition on or off a page.
* .in The speed at which elements should transition onto a page.
* .out The speed at which elements should transition off of a page.
* .btw The speed to use for an element staying on the page, but transitions a property in and out, for example on hover.
*/
/**
* The different timing curves that can be used in a transition.
* pf2 > skin > _variables > _animation.scss
*
* @nuclide Motion Curves
* @section Animation > Curves
* @description
* .btw The curve to use for an element staying on the page, but transitions a property in and out, for example on hover.
* .in The curve at which elements should transition onto a page.
* .out The curve at which elements should transition off of a page.
* .will-return The curve to use for an element that will return to the page, such as a hamburger menu.
*/
/**
* White
* @color
* @section Gray Palette
*/
/**
* Gray 100
* @color
* @section Gray Palette
*/
/**
* Gray 200
* @color
* @section Gray Palette
*/
/**
* Gray 300
* @color
* @section Gray Palette
*/
/**
* Gray 400
* @color
* @section Gray Palette
*/
/**
* Gray 500
* @color
* @section Gray Palette
*/
/**
* Gray 600
* @color
* @section Gray Palette
*/
/**
* Gray 700
* @color
* @section Gray Palette
*/
/**
* Gray 800
* @color
* @section Gray Palette
*/
/**
* Gray 900
* @color
* @section Gray Palette
*/
/**
* Gray 1000 - Black
* @color
* @section Gray Palette
*/
/**
* > Primary Color
* @color
* @section Theme Palette
*/
/**
* > Secondary Color
* @color
* @section Theme Palette
*/
/**
* Accent Color
* @color
* @section Theme Palette
*/
/**
* Warning Color
* @color
* @section Theme Palette
*/
/**
* Error Color
* @color
* @section Theme Palette
*/
/**
* Success Color
* @color
* @section Theme Palette
*/
/**
* Info Color
* @color
* @section Theme Palette
*/
/**
* Muted Color
* @color
* @section Theme Palette
*/
/**
* Disabled Color
* @color
* @section Theme Palette
*/
/**
* Google Brand Color
* @color
* @section Social Identity Palette
*/
/**
* Facebook Brand Color
* @color
* @section Social Identity Palette
*/
/**
* Twitter Brand Color
* @color
* @section Social Identity Palette
*/
/**
* Orcid Brand Color
* @color
* @section Social Identity Palette
*/
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
/**
* The degree of granularity flex-children can have in terms of ratio range.
* pf2 > skin > _variables > _layout.scss
*
* @nuclide Max Flex Ratio
* @section Layout > Flexbox
*/
/**
* Responsive breakpoint names and values used in media queries.
* pf2 > skin > _variables > _layout.scss
*
* @nuclide breakpoints
* @section Layout > Responsive
* @description
* xxs - Mobile is the base resolution.
* xs - Phablet starting resolution.
* sm - Tablet starting resolution.
* md - Laptop starting resolution.
* lg - Desktop starting resolution.
* xl - Retina starting resolution.
*/
/**
* The scale of spacing units the spacing sytem utilizes.
* pf2 > skin > _variables > _spacing.scss
*
* @nuclide Space Scale
* @section Spacing
*/
/**
* The base properties (and their shorthands) of the properties used to control space in the box-model.
* pf2 > skin > _variables > _spacing.scss
*
* @nuclide Space Attribute Shorthands
* @section Spacing
*/
/**
* The directions each spacing property can sub-specify.
* pf2 > skin > _variables > _spacing.scss
*
* @nuclide Space Attribute Directions
* @section Spacing
*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i");
/**
* > The default typography style system scale for font weights.
* pf2 > skin > _variables > _typography.scss
*
* @nuclide Font Weight Scale
* @section Typography > Fonts
*/
/**
* > The default typography style system scale for font sizes.
* pf2 > skin > _variables > _typography.scss
*
* @nuclide Font Size Scale
* @section Typography > Fonts
*/
/**
* > The default typography style system scale for line height.
* pf2 > skin > _variables > _typography.scss
*
* @nuclide Font Line Height Scale
* @section Typography > Fonts
*/
/**
* > The default primary font family.
* pf2 > skin > _variables > _typography.scss
*
* @nuclide Primary Font Family
* @section Typography > Fonts
*/
/**
* > The default secondary font family.
* pf2 > skin > _variables > _typography.scss
*
* @nuclide Secondary Font Family
* @section Typography > Fonts
*/
/**
* > The masthead component's font family.
* pf2 > skin > _variables > _typography.scss
*
* @nuclide Masthead Component Font Family
* @section Typography > Fonts
*/
/**
* > The footer component font family.
* pf2 > skin > _variables > _typography.scss
*
* @nuclide Footer Component Font Family
* @section Typography > Fonts
*/
/**
* @nuclide > H1 Responsive Font Sizes. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H1 Responsive Line Heights. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H1 Font Family. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H1 Font Weight. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H1 Margins. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H2 Responsive Font Sizes. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H2 Responsive Line Heights. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H2 Font Family. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H2 Font Weight. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H2 Margins. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H3 Responsive Font Sizes. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H3 Responsive Line Heights. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H3 Font Family. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H3 Font Weight. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H3 Margins. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H4 Responsive Font Sizes. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H4 Responsive Line Heights. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H4 Font Family. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H4 Font Weight. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H4 Margins. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H5 Responsive Font Sizes. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H5 Responsive Line Heights. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H5 Font Family. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H5 Font Weight. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H5 Margins. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H6 Responsive Font Sizes. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H6 Responsive Line Heights. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H6 Font Family. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H6 Font Weight. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > H6 Margins. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > Regular Text Responsive Font Sizes. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > Regular Text Responsive Line Heights. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > Regular Text Font Family. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > Regular Text Font Weight. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > Text Margins. > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
* @section Typography > Deprecated
* @deprecated
*/
/**
* @nuclide > Button Component > Mobile Minimum Width
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Mobile Minimum Height
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Minimum Width
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Minimum Height
* @section Component API > Buttons
*/
/**
* @nuclide > Dense Button Component > Mobile Minimum Width
* @section Component API > Buttons
*/
/**
* @nuclide > Dense Button Component > Mobile Minimum Height
* @section Component API > Buttons
*/
/**
* @nuclide > Dense Button Component > Minimum Width
* @section Component API > Buttons
*/
/**
* @nuclide > Dense Button Component > Minimum Height
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Mobile Top & Bottom Padding
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Mobile Left & Right Side Padding
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Top & Bottom Padding
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Left & Right Side Padding
* @section Component API > Buttons
*/
/**
* @nuclide > Dense Button Component > Top & Bottom Padding
* @section Component API > Buttons
*/
/**
* @nuclide > Dense Button Component > Mobile Left & Right Side Padding
* @section Component API > Buttons
*/
/**
* @nuclide > Dense Button Component > Top & Bottom Padding
* @section Component API > Buttons
*/
/**
* @nuclide > Dense Button Component > Left & Right Side Padding
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Font Family
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Mobile Font Size
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Mobile Line Height
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Font Size
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Font Weight
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Line Height
* @section Component API > Buttons
*/
/**
* @nuclide > Dense Button Component > Mobile Font Size
* @section Component API > Buttons
*/
/**
* @nuclide > Dense Button Component > Mobile Line Height
* @section Component API > Buttons
*/
/**
* @nuclide > Dense Button Component > Font Size
* @section Component API > Buttons
*/
/**
* @nuclide > Dense Button Component > Line Height
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Text Primary Color > $cg1-button-text
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Background Primary Color > $cg1-button-background
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Hovered Text Primary Color
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Hovered Background Primary Color > $cg1-button-background-hover
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Text Secondary Color > $cg2-button-text
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Background Secondary Color > $cg2-button-background
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Hovered Text Secondary Color
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Hovered Background Secondary Color > $cg2-button-background-hover
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Disabled Text Color
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Disabled Background Color
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Primary Border Color > $cg1-button-border
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Secondary Border Color > $cg2-button-border
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Border Radius
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Border Size
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Box Shadow
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > User Focused Box Shadow
* @section Component API > Buttons
*/
/**
* @nuclide > Button Component > Active Box Shadow
* @section Component API > Buttons
*/
/**
* @nuclide > Dropdown Control Component > Arrow Icon.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Control Component > Arrow Icon Format.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Tag > Border Size Default.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Tag > Bottom Border Radius Default.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Tag > Bottom Border Size Default.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Drop-Down Select Tag > Primary Border Color Default > $cg1-dropdown-border.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Drop-Down Select Tag > Secondary Border Color Default > $cg2-dropdown-border.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Border Size Default.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Border Radius Default.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Bottom Border Size Default.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Control Component > Border Bottom Color Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Control Component > Border Bottom Color Hovered Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Tag/Component > Box Shadow Default.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Drop-Down Select Tag/Component > Input Primary Text Color Default > $cg1-dropdown-text.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Drop-Down Select Tag/Component > Options > Primary Link Text Color Default > $cg1-dropdown-link.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Drop-Down Select Tag/Component > Primary Background Color Default > $cg1-dropdown-background.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Drop-Down Select Tag/Component > Secondary Background Color Default > $cg2-dropdown-background.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Drop-Down Select Input Tag/Component > Secondary Text Color Default > $cg2-dropdown-text.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Drop-Down Select Tag/Component > Options > Secondary Link Text Color Default > $cg2-dropdown-link.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Max Width Default.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Padding Top Default.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component v Padding Bottom Default.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Padding Right Default.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Padding Left Default.
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Font Family
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Animate In Flag Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Animate Out Flag Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Border Size Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Border Radius Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Box Shadow Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Background Color Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Border Color Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Offset Options Flag (options render under control input)
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Group Name Text Color Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Group Name Text Color Hovered Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Group Name Background Color Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Group Name Background Color Hovered Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Group Name Text Font Family Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Group Name Text Font Weight Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Group Name Text Font Size Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Options > Group Name Text Line Height Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Option > Padding Top Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Option > Padding Bottom Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Option > Padding Right Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Option > Padding Left Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Option > Link > Text Color Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Option > Link > Text Hovered Color Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Option > Link > Background Color Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Option > Link > Background Color Hovered Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Option > Link > Text Font Family Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Option > Link > Text Font Weight Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component > Option > Link > Text Font Size Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Dropdown Select Component Option > Link > Text Line Height Default
* @section Component API > Dropdown Select
*/
/**
* @nuclide > Text-Field Component > Border Bottom Default (if true no input border)
* @section Component API > Text Field
*/
/**
* @nuclide > Text-Field Component > Margin Top Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text-Field Component > Margin Right Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text-Field Component > Margin Bottom Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text-Field Component > Margin Left Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text-Field Component > Special Adjacent Siblings > Margin Flag Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text-Field Component > Adjacent Siblings > Margin Top Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text-Field Component > Adjacent Siblings > Margin Right Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text-Field Component > Adjacent Siblings > Margin Bottom Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text-Field Component > Adjacent Siblings > Margin Left Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text-Field Component > Padding Top Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text-Field Component > Padding Right Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text-Field Component > Padding Bottom Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text-Field Component > Padding Left Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Animate Label Float State Flag
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Position Top Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Position Right Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Position Bottom Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Position Left Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Dense Spacing > Position Top Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Dense Spacing > Position Bottom Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Dense Spacing > Position Left Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Dense Spacing > Position Right Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Normal Spacing > Position Top Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Normal Spacing > Position Bottom Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Normal Spacing > Position Left Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Normal Spacing > Position Right Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Scale Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Translate-X Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Translate-Y Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Translate-Z Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Transform Origin Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Floating > Scale Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Floating > Translate-X Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Floating > Translate-Y Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Floating > Translate-Z Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Font Family Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Font Weight Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Font Size Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Line Height Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Text Color Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Focused Text Color Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Disabled Text Color Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Label Component > Error Text Color Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Border Size Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Border Color Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Border Radius Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Box-Shadow Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Background Color Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Padding Top Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Padding Bottom Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Padding Left Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Padding Right Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Font Family Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Font Weight Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Font Size Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Line Height Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Text Indent Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input Component > Text Color Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input > Placeholder Component > Font Family Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input > Placeholder Component > Font Weight Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input > Placeholder Component > Font Size Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input > Placeholder Component > Line Height Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Input > Placeholder Component > Text Color Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Helper-Text Component > Position Top Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Helper-Text Component > Position Right Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Helper-Text Component > Position Bottom Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Helper-Text Component > Position Left Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Helper-Text Component > Font Family Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Helper-Text Component > Font Weight Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Helper-Text Component > Font Size Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Helper-Text Component > Line Height Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Helper-Text Component > Text Alignment Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Helper-Text Component > Text Color Default
* @section Component API > Text Field
*/
/**
* @nuclide > Text Field > Helper-Text Component > Error Text Color Default
* @section Component API > Text Field
*/
/**
* Responsive breakpoint modifiers.
*
*/
/**
* Temp fix for icon.scss
*/
/**
* Typography variables.
*
*/
/**
* Icon Font
*
*/
/**
* Icon Maps - Mapping PF Icons to Vendor's Font Icons
* Possibly add key:value "label: offscreen or onscreen" to each icon???
*
*/
/**
* These variables are needed by the annotations module. Not sure where these definitions
* should live??
*/
/**
* Content colors
*
*/
/* Toggle Buttons */
/*
utility function to return a default value if a variable is not set.
*/
/**
* A responsive first shorthand utility that leverages scaling systems for font size, font weight and colors to simplify the creation of text primatives and make style definitions more consistent. All params except the first are optional.
* @mixin
* @section Typography > Mixins
* @param $size responsive shorthand scaling system - {number | string | list} - Lists are mapped to $breakpoints (null value to skip breakpoint). Unitless number values are additionally mapped to the font $font-size-scale.
* @param $color name matching ($theme-palette) - {string} - Can take names of theme palette colors such as primary or warning as well as any valid color.
* @param $l-height responsive shorthand scaling system - {number | string | list} - Lists are mapped to $breakpoints (null value to skip breakpoint). Unitless number values are additionally mapped to the font $line-height-scale.
* @param $weight name matching ($font-weight-scale) - {string | number} - [regular] - Attempts to map to weight style scale (scale: light, regular, bold). Also takes custom font weights.
* @param $family name matching - {string} - Maps primary and secondary short hands to $font-family-primary or $font-family-secondary. Otherwise uses custom value.
* @param $is-responsive {boolean} - [true] - If a single font size value (ex. 16px) is passed, the mixin will automatically generate good looking responsive sibling font sizes in the CSS to be responsive by default.
* @example
* @include typography((16px, 20px));
* @include typography((16px, null, 20px, 25px));
* @include typography((1,2), primary);
* @include typography((1,2), $color: primary);
* @include typography($size: (16px, null, 20px, 25px), $l-height: (1.1, null, 25px), $family: primary, $weight: bold);
*/
/**
* Sometimes a layout container will require a background color without requiring the construction
* of an entirely new component. Every color you use should be from the theme palette or graypalette,
* and as such there is a layout helper for each color in both of those palettes.
*
* @atom Layout Background Color Helper
* @section Layout > Background Color
* @modifiers
* .l-primary Sets the background color to the theme palette's primary color.
* .l-secondary Sets the background color to the theme palette's secondary color.
* .l-accent Sets the background color to the theme palette's accent color.
* .l-warning Sets the background color to the theme palette's warning color.
* .l-error Sets the background color to the theme palette's error color.
* .l-success Sets the background color to the theme palette's success color.
* .l-info Sets the background color to the theme palette's info color.
* .l-muted Sets the background color to the theme palette's muted color.
* .l-disabled Sets the background color to the theme palette's disabled color.
* .l-google Sets the background color to the theme palette's Google brand color.
* .l-facebook Sets the background color to the theme palette's Facebook brand color.
* .l-twitter Sets the background color to the theme palette's Twitter brand color.
* .l-orcid Sets the background color to the theme palette's Orcid brand color.
* .l-[gray palette color number] Makes the container's background color the specified color from the gray palette.
* @markup
*
*
.l-primary
*
.l-secondary
*
.l-accent
*
.l-warning
*
.l-error
*
.l-success
*
.l-info
*
.l-primary
*
.l-primary
*
.l-primary
*
.l-primary
*
*
.l-primary
*
.l-gray-5
*
*
.l-primary
*
.l-secondary
*
.l-accent
*
.l-warning
*
.l-error
*
.l-success
*
.l-info
*
.l-primary
*
.l-primary
*
.l-primary
*
.l-primary
*
*
.l-primary
*
.l-gray-5
*
*
.l-primary
*
.l-secondary
*
.l-accent
*
.l-warning
*
.l-error
*
.l-success
*
.l-info
*
.l-primary
*
.l-primary
*
.l-primary
*
.l-primary
*
*
.l-primary
*
.l-gray-5
*
*
.l-primary
*
.l-secondary
*
.l-accent
*
.l-warning
*
.l-error
*
.l-success
*
.l-info
*
.l-primary
*
.l-primary
*
.l-primary
*
.l-primary
*
*
.l-primary
*
.l-gray-5
*
*
.l-primary
*
.l-secondary
*
.l-accent
*
.l-warning
*
.l-error
*
.l-success
*
.l-info
*
.l-primary
*
.l-primary
*
.l-primary
*
.l-primary
*
*
.l-primary
*
.l-gray-5
*
*
.l-primary
*
.l-secondary
*
.l-accent
*
.l-warning
*
.l-error
*
.l-success
*
.l-info
*
.l-primary
*
.l-primary
*
.l-primary
*
.l-primary
*
*
.l-primary
*
.l-gray-5
*
*
.l-primary
*
.l-secondary
*
.l-accent
*
.l-warning
*
.l-error
*
.l-success
*
.l-info
*
.l-primary
*
.l-primary
*
.l-primary
*
.l-primary
*
*
.l-primary
*
.l-gray-5
*
*
.l-primary
*
.l-secondary
*
.l-accent
*
.l-warning
*
.l-error
*
.l-success
*
.l-info
*
.l-primary
*
.l-primary
*
.l-primary
*
.l-primary
*
*
.l-primary
*
.l-gray-5
*
*
.l-primary
*
.l-secondary
*
.l-accent
*
.l-warning
*
.l-error
*
.l-success
*
.l-info
*
.l-primary
*
.l-primary
*
.l-primary
*
.l-primary
*
*
.l-primary
*
.l-gray-5
*
*
.l-primary
*
.l-secondary
*
.l-accent
*
.l-warning
*
.l-error
*
.l-success
*
.l-info
*
.l-primary
*
.l-primary
*
.l-primary
*
.l-primary
*
*
.l-primary
*
.l-gray-5
*
*
.l-primary
*
.l-secondary
*
.l-accent
*
.l-warning
*
.l-error
*
.l-success
*
.l-info
*
.l-primary
*
.l-primary
*
.l-primary
*
.l-primary
*
*
.l-primary
*
.l-gray-5
*
*
.l-primary
*
.l-secondary
*
.l-accent
*
.l-warning
*
.l-error
*
.l-success
*
.l-info
*
.l-primary
*
.l-primary
*
.l-primary
*
.l-primary
*
*
.l-primary
*
.l-gray-5
*
*
.l-primary
*
.l-secondary
*
.l-accent
*
.l-warning
*
.l-error
*
.l-success
*
.l-info
*
.l-primary
*
.l-primary
*
.l-primary
*
.l-primary
*
*
.l-primary
*
.l-gray-5
*
*
*
* Username/Email Address
*
*
*
*
*
*
*
*
*
*
*
Have an Access Token?
*
*
Enter your access token to activate and access content online.
*
Please login and go to your personal user account to enter your access token.
*
*
Help
*
*
*
Have Institutional Access?
*
*
Access content through your institution. Any other coaching guidance?
*
*
Connect
*
*
*
*
*
*
*
*
*
*
*
*
<h1>H1 Tag - I'm Deprecated</h1>
*
*
* @deprecated
*/
h1 {
font-size: 28px;
line-height: 1.1;
font-family: "Roboto", sans-serif;
margin: 0px;
font-weight: 300;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0px 0px 20px 0px;
}
@media (min-width: 1000px) {
h1 {
font-size: 38px;
}
}
@media (min-width: 480px) {
h1 {
margin: 0px 0px 25px 0px;
}
}
@media (min-width: 768px) {
h1 {
margin: 0px 0px 30px 0px;
}
}
@media (min-width: 1000px) {
h1 {
margin: 0px 0px 35px 0px;
}
}
/**
* > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
*
* @atom > H2 Text
* @section Typography > Deprecated
* @markup
*
*
*
<h2>H2 Tag - I'm Deprecated</h2>
*
*
* @deprecated
*/
h2 {
font-size: 26px;
line-height: 1.1;
font-family: "Roboto", sans-serif;
margin: 0px;
font-weight: 300;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0px 0px 20px 0px;
}
@media (min-width: 1000px) {
h2 {
font-size: 30px;
}
}
@media (min-width: 480px) {
h2 {
margin: 0px 0px 25px 0px;
}
}
@media (min-width: 768px) {
h2 {
margin: 0px 0px 30px 0px;
}
}
@media (min-width: 1000px) {
h2 {
margin: 0px 0px 35px 0px;
}
}
/**
* > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
*
* @atom > H3 Text
* @section Typography > Deprecated
* @markup
*
*
*
<h3>H3 Tag - I'm Deprecated</h3>
*
*
* @deprecated
*/
h3 {
font-size: 20px;
line-height: 1.2;
font-family: "Roboto", sans-serif;
margin: 0px;
font-weight: 300;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0px 0px 15px 0px;
}
@media (min-width: 1000px) {
h3 {
font-size: 24px;
}
}
@media (min-width: 480px) {
h3 {
margin: 0px 0px 20px 0px;
}
}
@media (min-width: 768px) {
h3 {
margin: 0px 0px 25px 0px;
}
}
@media (min-width: 1000px) {
h3 {
margin: 0px 0px 30px 0px;
}
}
/**
* > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
*
* @atom > H4 Text
* @section Typography > Deprecated
* @markup
*
*
*
<h4>H4 Tag - I'm Deprecated</h4>
*
*
* @deprecated
*/
h4 {
font-size: 20px;
line-height: 1.2;
font-family: "Roboto", sans-serif;
margin: 0px;
font-weight: 300;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0px 0px 10px 0px;
}
@media (min-width: 1000px) {
h4 {
font-size: 24px;
}
}
@media (min-width: 480px) {
h4 {
margin: 0px 0px 15px 0px;
}
}
@media (min-width: 768px) {
h4 {
margin: 0px 0px 20px 0px;
}
}
@media (min-width: 1000px) {
h4 {
margin: 0px 0px 25px 0px;
}
}
/**
* > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
*
* @atom > H5 Text
* @section Typography > Deprecated
* @markup
*
*
*
<h5>H5 Tag - I'm Deprecated</h5>
*
*
* @deprecated
*/
h5 {
font-size: 16px;
line-height: 1.2;
font-family: "Roboto", sans-serif;
margin: 0px;
font-weight: 400;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0px 0px 10px 0px;
}
@media (min-width: 768px) {
h5 {
font-size: 15px;
line-height: 1;
}
}
@media (min-width: 1300px) {
h5 {
font-size: 14px;
line-height: 0.8;
}
}
@media (min-width: 480px) {
h5 {
margin: 0px 0px 15px 0px;
}
}
@media (min-width: 768px) {
h5 {
margin: 0px 0px 20px 0px;
}
}
@media (min-width: 1000px) {
h5 {
margin: 0px 0px 25px 0px;
}
}
/**
* > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
*
* @atom > H6 Text
* @section Typography > Deprecated
* @markup
*
*
*
<h6>H6 Tag - I'm Deprecated</h6>
*
*
* @deprecated
*/
h6 {
font-size: 14px;
line-height: 1.2;
font-family: "Roboto", sans-serif;
margin: 0px;
font-weight: 400;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0px 0px 10px 0px;
text-transform: uppercase;
}
@media (min-width: 768px) {
h6 {
font-size: 13px;
line-height: 1;
}
}
@media (min-width: 1300px) {
h6 {
font-size: 12px;
line-height: 0.8;
}
}
@media (min-width: 480px) {
h6 {
margin: 0px 0px 15px 0px;
}
}
@media (min-width: 768px) {
h6 {
margin: 0px 0px 20px 0px;
}
}
@media (min-width: 1000px) {
h6 {
margin: 0px 0px 25px 0px;
}
}
/**
* > For legacy support only, this is not to be used for any new code. Please look to new atom typography classes.
*
* @atom > Paragraph Text
* @section Typography > Deprecated
* @markup
*
*
*
<p>P Tag - I'm Deprecated</p>
*
<div class="t-body-1">Use me instead.</div>
*
*
within blocks */
}
#createAnnotation button:before {
display: inline-block;
}
@media screen and (max-width: 767px) {
html.touch #createAnnotation {
display: none;
}
}
.annotation {
margin-bottom: 1.167em;
padding-top: 1em;
border-top: 1px solid #dcdcdc;
}
.annotation:first-child {
padding-top: 0;
border-top: none;
}
.annotation header {
margin-bottom: 1.167em;
}
.annotation blockquote {
margin: 0 0 1em 0;
font-style: italic;
}
.annotation blockquote:before {
content: "“";
font-style: normal;
}
.annotation blockquote:after {
content: "”";
font-style: normal;
}
.annotation .timestamp,
.annotation .owner {
color: #000000;
font-size: 0.833em;
}
.annotation .annotatedText {
margin-top: 1.167em;
}
.annotationsForm legend {
display: none;
}
.annotationsForm .comment {
width: 100%;
min-height: 10em;
overflow-y: scroll;
}
.annotationsForm .rules {
font-size: 0.833em;
color: #000000;
}
.annotatedText {
margin-bottom: 1.167em;
padding: 1em;
font-size: 0.833em;
background-color: #dcdcdc;
}
.annotationNav {
float: right;
margin: 0-20em 0 0;
padding-left: 2em;
width: 20em;
}
@media screen and (max-width: 767px) {
.annotationNav {
float: none;
margin: 0;
padding: 0;
width: 100%;
}
}
.myStuff #mainContent .annotationNav {
margin-right: -32%;
width: 29%;
padding-left: 2em;
}
@media screen and (max-width: 767px) {
.myStuff #mainContent .annotationNav {
margin: 0;
width: 100%;
padding-left: 0;
}
}
.annotSearch input[type=submit],
.annotSearch .search-button {
margin-left: -0.3em;
}
.component-google-translate-widget .google-translate-container {
background-color: #eee;
border: 1px solid #ccc;
padding: 10px;
}
.component-rightslink-widget {
padding: 10px;
}
.type-index-card .component.component-rightslink-widget {
padding: 0;
}
/*
Note the styles in here are deliberately using a Safari color palette. This is because the CXS is an
admin function of the site similar to the management portal so we want a safari style applied.
*/
.cxs-content-root .cxs-container {
position: relative;
padding: 0;
margin: 0;
border: none;
}
.cxs-content-root .cxs-container:hover {
padding: 0;
border: dotted 1px #E98300;
margin: -1px;
}
.cxs-content-root .cxs-progress {
min-height: 50px;
padding-top: 0.8em;
padding-left: 75px;
}
.cxs-content-root .cxs-error {
display: none;
min-height: 50px;
background: transparent url(../img/error.png) top left no-repeat;
padding-left: 75px;
}
.cxs-content-root .throbber {
margin: 0 0 0 -50px;
top: 30px;
}
.cxs-content-root .cxs-messages {
padding: 1em;
}
.cxs-content-root .cxs-messages p {
margin: 0;
}
.cxs-content-root .cxs-messages h3 {
margin: 0;
color: #E98300;
}
.cxs-content-root .cxs-exception {
margin-left: 1em;
padding-left: 0.5em;
margin-top: 0.5em;
padding-top: 0.5em;
border-top: solid 1px #cccccc;
border-left: solid 1px #cccccc;
}
.cxs-content-root .cxs-exception-message {
font-weight: bold;
}
.cxs-content-root .cxs-exception-cause {
margin-left: 1em;
padding-left: 0.5em;
border-top: solid 1px #cccccc;
border-left: solid 1px #cccccc;
}
.cxs-content-root .cxs-exception-label {
float: left;
font-weight: bold;
}
.cxs-content-root .cxs-exception-value {
display: block;
margin-left: 4.5em;
}
.cxs-content-root .cxs-root-cause {
background: #eeeeee;
}
.cxs-content-root .cxs-root-cause .cxs-exception-value-cause {
font-weight: bold;
color: red;
}
.cxs-content-root .cxs-controls {
display: none;
position: absolute;
top: 0.5em;
right: 0.5em;
list-style: none;
border-style: solid;
border-color: #dedbd3;
border-width: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0;
margin: 0.5em;
background-color: #F4F3F0;
}
.cxs-content-root .cxs-controls li {
float: right;
}
.cxs-content-root .cxs-control {
display: inline-block;
height: 1.5em;
width: 1.5em;
text-align: center;
vertical-align: middle;
line-height: 1.5em;
font-size: 1em;
}
.cxs-content-root .cxs-container:hover .cxs-controls {
display: block;
}
.cxs-content-root .cxs-control div {
display: none;
}
.cxs-content-root .cxs-params {
display: none;
position: absolute;
bottom: -25px;
right: 57px;
background: #F4F3F0;
color: #333333;
width: 400px;
font-size: 0.8em;
padding: 0.5em;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: solid 1px #000000;
cursor: text;
}
.cxs-content-root .cxs-params h3 {
font-weight: bold;
font-size: 1em;
color: #000000;
}
.cxs-content-root .cxs-params:after, .cxs-content-root .cxs-params:before {
left: 100%;
bottom: 25px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.cxs-content-root .cxs-params:after {
border-color: rgba(238, 238, 238, 0);
border-left-color: #F4F3F0;
border-width: 10px;
margin-top: -10px;
bottom: 26px;
}
.cxs-content-root .cxs-params:before {
border-color: rgba(0, 0, 0, 0);
border-left-color: #000000;
border-width: 11px;
margin-top: -11px;
}
.cxs-content-root .cxs-params .cxs-param {
clear: both;
display: block;
margin-top: 0.3em;
}
.cxs-content-root .cxs-params .cxs-param-name {
font-weight: bold;
}
/* These are the styles for the structural/slider component which uses the jQuery "slick slider" */
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-arrow.slick-hidden {
display: none;
}
div.slider {
margin: 0 75px;
position: relative;
}
div.slider a {
width: 100%;
text-align: center;
display: block;
padding: 5px 0;
}
div.slider a img {
width: 80%;
margin: 0 auto;
-webkit-box-shadow: 3px 3px 3px 0 rgba(181, 181, 181, 0.6);
-moz-box-shadow: 3px 3px 3px 0 rgba(181, 181, 181, 0.6);
box-shadow: 3px 3px 3px 0 rgba(181, 181, 181, 0.6);
}
.slick-arrow {
width: 75px;
height: 138px;
position: absolute;
top: 50%;
margin-top: -74px;
border: none;
visibility: collapse;
cursor: pointer;
}
.slick-arrow:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
position: absolute;
top: 0;
color: #fff;
left: 0;
visibility: visible;
width: 75px;
height: 138px;
line-height: 138px;
vertical-align: middle;
text-align: right;
font-size: 60px;
}
.slick-arrow.slick-prev {
left: -75px;
}
.slick-arrow.slick-prev:before {
content: "";
display: block;
text-align: left;
}
.slick-arrow.slick-next {
right: -75px;
}
.slick-arrow.slick-next:before {
content: "";
display: block;
right: 0;
left: auto;
}
.slick-arrow:active {
outline: 0;
}
.slick-dots {
position: absolute;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
}
.slick-dots li {
display: inline-block;
list-style: none;
margin: 0 6px;
}
.slick-dots li button {
font-size: 0;
border-radius: 100px;
padding: 7px;
margin: 0;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
text-align: center;
}
.slick-vertical .slick-arrow {
width: 138px;
height: 75px;
position: absolute;
left: 50%;
margin-top: 0;
margin-left: -69px;
border: none;
visibility: collapse;
z-index: 100;
}
.slick-vertical .slick-arrow:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
position: absolute;
top: 0;
color: #fff;
left: 0;
visibility: visible;
width: 138px;
height: 75px;
line-height: 75px;
vertical-align: middle;
text-align: center;
font-size: 60px;
}
.slick-vertical .slick-arrow.slick-prev {
top: -20px;
}
.slick-vertical .slick-arrow.slick-prev:before {
content: "";
display: block;
}
.slick-vertical .slick-arrow.slick-next {
bottom: -20px;
top: auto;
}
.slick-vertical .slick-arrow.slick-next:before {
content: "";
display: block;
}
.slick-vertical .slick-arrow:active {
outline: 0;
}
@media only screen and (max-width: 1250px) {
.slick-arrow {
width: 75px;
height: 138px;
position: absolute;
top: 50%;
margin-top: -74px;
border: none;
visibility: collapse;
}
.slick-arrow:before {
width: 55px;
}
.slick-arrow.slick-prev {
left: -45px;
}
.slick-arrow.slick-next {
right: -45px;
}
}
@media only screen and (max-width: 800px) {
.slick-arrow {
width: 45px;
}
.slick-arrow:before {
font-size: 45px;
width: 55px;
}
}
.slider.fullwidth {
margin: -1.5em -1.5em 1.5em;
position: relative;
background: #f4f4f4;
}
.slider.fullwidth button {
background: transparent;
border: none;
outline: 0;
}
.slider.fullwidth button.slick-arrow {
position: absolute;
top: 50%;
z-index: 10;
text-indent: -9000em;
font-size: 0;
margin-top: -45px;
}
.slider.fullwidth button.slick-arrow:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 100px;
font-size: 140px;
content: "";
display: block;
position: relative;
top: -5px;
color: #fff;
}
.slider.fullwidth button.slick-prev {
left: 20px;
}
.slider.fullwidth button.slick-prev:before {
content: "";
}
.slider.fullwidth button.slick-next {
right: 20px;
}
.slider.fullwidth button.slick-next:before {
content: "";
}
.slider.fullwidth .slick-slide {
opacity: 0.6;
transition: opacity 0.3s ease-out;
}
.slider.fullwidth .slick-slide a {
display: block;
padding: 30px 20px;
}
.slider.fullwidth .slick-slide a img {
margin-bottom: 0;
}
.slider.fullwidth .slick-current {
opacity: 1;
transition: opacity 0.3s ease-out;
}
@media only screen and (max-width: 1000px) {
.slider.fullwidth button.slick-arrow:before {
font-size: 90px;
top: -6px;
}
}
.c-Action {
display: flex !important;
justify-content: center;
}
/**
* @atom c-Button
* @section Modules > Buttons
* @modifiers
* .c-Button-dense A smaller button.
* .c-Button-fullbleed A full width button.
* .c-Button-raised A button with a raised shadow effect that's also clickable.
* .c-Button-primary The primary customisable color.
* .c-Button-secondary The secondary customisable color.
* .c-Button-facebook Adds Facebook brand colors and logo icon.
* .c-Button-google Adds Google's brand colors and logo icon.
* .c-Button-twitter Adds Twitter's brand colors and logo icon.
* .c-Button-orcid Adds Orcid's brand colors and logo icon.
* @markup
* -dense
* -fullbleed
* -primary
* -secondary
* -raised
* -facebook
* -google
*
* -orcid
*/
.c-Button {
contain: layout;
position: relative;
max-width: 225px;
min-width: 190px;
min-height: 48px;
margin: 0px !important;
padding: 10px 16px;
border: 0px solid transparent;
border-radius: 3px !important;
outline: none !important;
overflow: hidden;
display: inline-flex;
justify-content: center;
align-content: center;
font-family: "Roboto", sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 28px !important;
white-space: nowrap;
text-decoration: none !important;
color: #ffffff !important;
background-color: #61ac47;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
transition: background-color 214.5ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
.c-Button {
max-width: 250px;
min-width: 88px;
min-height: 39px;
margin: 0px !important;
padding: 11px 16px !important;
font-size: 15px !important;
line-height: 1.3 !important;
}
}
.c-Button:hover {
color: #ffffff;
background-color: #68b54d;
}
.c-Button-primary {
border: 0px solid transparent;
color: #ffffff !important;
background-color: #61ac47;
}
.c-Button-primary:hover {
color: #ffffff;
background-color: #68b54d;
}
.c-Button-secondary {
border: 0px solid transparent;
color: #ffffff !important;
background-color: #053f64;
}
.c-Button-secondary:hover {
color: #ffffff;
background-color: #064873;
}
.c-Button:disabled {
color: #757575;
background-color: #E0E0E0;
pointer-events: none;
}
.c-Button-dense {
width: 70px !important;
min-width: 70px !important;
min-height: 20px !important;
padding: 5px 8px !important;
font-size: 11px !important;
line-height: 18px !important;
}
@media (min-width: 768px) {
.c-Button-dense {
width: 85px !important;
min-width: 85px !important;
min-height: 33px !important;
padding: 7px 14px !important;
font-size: 13px !important;
line-height: 18px !important;
}
}
.c-Button-fullbleed {
width: 100%;
min-width: 100%;
}
.c-Button-raised {
top: -1px;
transition: all 214.5ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
box-shadow: 0px 3px 0px #5ba143;
border: 2px solid #6eb854;
}
.c-Button-raised:hover {
background-color: solid #68b54d;
}
.c-Button-raised:active {
position: relative;
transform: translate3d(0, 5px, 0);
box-shadow: none !important;
transition: all 214.5ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
}
.c-Button-orcid {
color: #ffffff;
background-color: #a6ce38;
}
.c-Button-orcid.c-Button-raised {
box-shadow: 0px 3px 0px #9ec631;
border: 2px solid #afd34c;
}
.c-Button-orcid:hover {
background-color: #abd144;
}
.c-Button-facebook {
color: #ffffff;
background-color: #3c5999;
}
.c-Button-facebook.c-Button-raised {
box-shadow: 0px 3px 0px #38538e;
border: 2px solid #4364ab;
}
.c-Button-facebook:hover {
background-color: #405fa4;
}
.c-Button-facebook:before {
content: "";
position: relative;
top: 1px;
padding: 0px 12px 0px 0px;
font: normal normal normal 18px/1 font-awesome;
}
.c-Button-google {
color: #ffffff;
background-color: #de4b39;
}
.c-Button-google.c-Button-raised {
box-shadow: 0px 3px 0px #dc3f2c;
border: 2px solid #e25f4f;
}
.c-Button-google:hover {
background-color: #e05746;
}
.c-Button-google:before {
content: "";
position: relative;
top: 1px;
padding: 0px 12px 0px 0px;
font: normal normal normal 18px/1 font-awesome;
}
.c-Button-twitter {
color: #ffffff;
background-color: #55acef;
}
.c-Button-twitter.c-Button-raised {
box-shadow: 0px 3px 0px #47a5ee;
border: 2px solid #6cb7f1;
}
.c-Button-twitter:hover {
background-color: #63b3f0;
}
.c-Button-twitter:before {
content: "";
position: relative;
top: 1px;
padding: 0px 12px 0px 0px;
font: normal normal normal 18px/1 font-awesome;
}
.c-RaisedButton {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
min-width: 88px;
min-height: 36px;
padding: 8px 16px;
border: 0;
border-radius: 2px;
outline: none;
font-size: 0.8125rem;
line-height: 1.4em;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-weight: 500;
text-transform: uppercase;
text-decoration: none !important;
cursor: pointer;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background-color: #e0e0e0;
color: rgba(0, 0, 0, 0.87) !important;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.c-RaisedButton-dense {
min-width: 64px;
min-height: 32px;
padding: 7px 8px;
}
.c-RaisedButton:hover {
background-color: #d5d5d5;
}
.c-RaisedButton:active {
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.c-RaisedButton:disabled {
pointer-events: none;
cursor: default;
}
.c-RaisedButton-primary {
background-color: #61ac47;
color: #ffffff !important;
}
.c-RaisedButton-primary:hover {
background-color: #599e41;
}
.c-RaisedButton-secondary {
background-color: #053f64;
color: #ffffff !important;
}
.c-RaisedButton-secondary:hover {
background-color: #043351;
}
.c-RaisedButton_label {
width: 100%;
display: inherit;
align-items: inherit;
justify-content: inherit;
}
.c-Drawer-layout {
padding: 0px !important;
}
.c-DrawerPanel-position-left {
padding: 10px 35px 10px 35px !important;
}
@media screen and (min-width: 1200px) {
.mainBase {
padding-right: 62px !important;
}
}
@keyframes scaleDownFadeOut {
from {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0);
}
to {
opacity: 0;
transform: scale(0.8) translate3d(0, 0, 0);
}
}
@keyframes scaleUpFadeIn {
from {
opacity: 0;
transform: scale(0.8) translate3d(0, 0, 0);
}
to {
opacity: 1;
transform: scale(1) translate3d(0, 0, 0);
}
}
.c-DropDownSelect-primary {
color: #424242;
border: 0px solid #61ac47;
background-color: transparent;
}
.c-DropDownSelect-primary:hover {
background: rgba(5, 5, 5, 0);
}
.c-DropDownSelect-primary:active {
background: rgba(0, 0, 0, 0);
}
.c-DropDownSelect-primary[disabled] {
color: rgba(114, 114, 114, 0.4) !important;
background: rgba(227, 233, 235, 0.4);
}
.c-DropDownSelect-secondary {
color: #424242;
border: 0px solid #61ac47;
background-color: transparent;
}
.c-DropDownSelect-secondary:hover {
background-color: rgba(5, 5, 5, 0);
}
.c-DropDownSelect-secondary:active {
background-color: rgba(0, 0, 0, 0);
}
.c-DropDownSelect-secondary[disabled] {
color: rgba(114, 114, 114, 0.4) !important;
background-color: rgba(227, 233, 235, 0.4);
}
.cg-primary select, body select,
.column-wrapper select,
.modalWindow select,
.gallery-overlay select {
position: relative;
display: inline-block;
padding: 6px 28px 6px 0px;
text-align: left;
border-radius: 0px;
border: 0px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
text-align: left;
font-family: "Roboto", sans-serif;
font-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAACVBMVEUAAAB2dnZ2dnb2ofOoAAAAAnRSTlMAgJsrThgAAAA8SURBVCjPYxgFYMC2CggmQDmMII4DTCpr1aqVcHVSq1YtQWgCa4FpAmuBawJqQWhagmwTUAtCkwPDyAIA+wkQyFZM+TEAAAAASUVORK5CYII=") no-repeat;
background-size: 24px;
background-position: 100% 50%;
background-repeat: no-repeat;
outline: none;
cursor: pointer;
color: #424242;
background-color: transparent;
}
.cg-primary select:after, body select:after,
.column-wrapper select:after,
.modalWindow select:after,
.gallery-overlay select:after {
content: "v";
}
.cg-primary select:hover, body select:hover,
.column-wrapper select:hover,
.modalWindow select:hover,
.gallery-overlay select:hover {
background-color: rgba(5, 5, 5, 0);
border-bottom: 1px solid #9e9e9e;
}
.cg-primary select:active, body select:active,
.column-wrapper select:active,
.modalWindow select:active,
.gallery-overlay select:active {
background-color: rgba(0, 0, 0, 0);
border-bottom: 1px solid #61ac47;
}
.cg-primary select[disabled], body select[disabled],
.column-wrapper select[disabled],
.modalWindow select[disabled],
.gallery-overlay select[disabled] {
color: rgba(114, 114, 114, 0.4) !important;
background-color: rgba(227, 233, 235, 0.4);
}
.cg-primary div.dropdown-button .dropdown-menu ul, body div.dropdown-button .dropdown-menu ul,
.column-wrapper div.dropdown-button .dropdown-menu ul,
.modalWindow div.dropdown-button .dropdown-menu ul,
.gallery-overlay div.dropdown-button .dropdown-menu ul {
animation-name: scaleDownFadeOut;
animation-duration: 0.1s;
animation-timing-function: ease-out;
}
.cg-primary div.dropdown-button.open .dropdown-menu ul, body div.dropdown-button.open .dropdown-menu ul,
.column-wrapper div.dropdown-button.open .dropdown-menu ul,
.modalWindow div.dropdown-button.open .dropdown-menu ul,
.gallery-overlay div.dropdown-button.open .dropdown-menu ul {
z-index: 3;
position: absolute;
margin-top: -32px !important;
max-width: 370px !important;
background-color: #ffffff;
border: 0px solid transparent;
border-radius: 2px;
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
animation-name: scaleUpFadeIn;
animation-duration: 0.1s;
animation-timing-function: ease-out;
}
.cg-primary div.dropdown-button.open .dropdown-menu ul li, body div.dropdown-button.open .dropdown-menu ul li,
.column-wrapper div.dropdown-button.open .dropdown-menu ul li,
.modalWindow div.dropdown-button.open .dropdown-menu ul li,
.gallery-overlay div.dropdown-button.open .dropdown-menu ul li {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 16px;
padding: 16px 24px 16px 24px !important;
color: #424242;
background-color: transparent;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cg-primary div.dropdown-button.open .dropdown-menu ul li:hover, body div.dropdown-button.open .dropdown-menu ul li:hover,
.column-wrapper div.dropdown-button.open .dropdown-menu ul li:hover,
.modalWindow div.dropdown-button.open .dropdown-menu ul li:hover,
.gallery-overlay div.dropdown-button.open .dropdown-menu ul li:hover {
color: #424242;
background-color: #F5F5F5 !important;
}
.cg-primary div.dropdown-button.open .dropdown-menu ul li a, body div.dropdown-button.open .dropdown-menu ul li a,
.column-wrapper div.dropdown-button.open .dropdown-menu ul li a,
.modalWindow div.dropdown-button.open .dropdown-menu ul li a,
.gallery-overlay div.dropdown-button.open .dropdown-menu ul li a {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 16px;
color: #757575;
background-color: transparent;
text-decoration: none;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cg-primary div.dropdown-button.open .dropdown-menu ul li a:hover, body div.dropdown-button.open .dropdown-menu ul li a:hover,
.column-wrapper div.dropdown-button.open .dropdown-menu ul li a:hover,
.modalWindow div.dropdown-button.open .dropdown-menu ul li a:hover,
.gallery-overlay div.dropdown-button.open .dropdown-menu ul li a:hover {
color: #757575;
background-color: transparent;
}
.cg-primary .dropdown-control-container, body .dropdown-control-container,
.column-wrapper .dropdown-control-container,
.modalWindow .dropdown-control-container,
.gallery-overlay .dropdown-control-container {
position: relative;
padding-bottom: 1px;
}
.cg-primary .dropdown-control-container:before, body .dropdown-control-container:before,
.column-wrapper .dropdown-control-container:before,
.modalWindow .dropdown-control-container:before,
.gallery-overlay .dropdown-control-container:before {
z-index: 1;
content: "";
position: absolute;
left: 0px;
bottom: 0px;
height: 1px;
width: 100%;
background-color: #BDBDBD;
}
.cg-primary .dropdown-control-container:after, body .dropdown-control-container:after,
.column-wrapper .dropdown-control-container:after,
.modalWindow .dropdown-control-container:after,
.gallery-overlay .dropdown-control-container:after {
z-index: 2;
content: "";
position: absolute;
left: 0px;
bottom: 0px;
height: 2px;
width: 100%;
transform: scale(0);
background-color: #61ac47;
transition: transform 214.5ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
}
.cg-primary .dropdown-control-container:hover:before, body .dropdown-control-container:hover:before,
.column-wrapper .dropdown-control-container:hover:before,
.modalWindow .dropdown-control-container:hover:before,
.gallery-overlay .dropdown-control-container:hover:before {
background-color: #757575;
}
.cg-primary .dropdown-control-container:focus:after, body .dropdown-control-container:focus:after,
.column-wrapper .dropdown-control-container:focus:after,
.modalWindow .dropdown-control-container:focus:after,
.gallery-overlay .dropdown-control-container:focus:after, .cg-primary .dropdown-control-container:active:after, body .dropdown-control-container:active:after,
.column-wrapper .dropdown-control-container:active:after,
.modalWindow .dropdown-control-container:active:after,
.gallery-overlay .dropdown-control-container:active:after {
transform: scale(1) !important;
}
.cg-primary a.dropdown-control, body a.dropdown-control,
.column-wrapper a.dropdown-control,
.modalWindow a.dropdown-control,
.gallery-overlay a.dropdown-control {
display: block;
padding: 8px 0px 8px 0px !important;
margin-bottom: 15px;
border-radius: 0px;
border: 0px solid #61ac47;
font-size: 14px;
line-height: 14px;
color: #61ac47;
margin: 0px;
font-weight: 400;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
color: #424242 !important;
background-color: transparent;
box-shadow: none;
}
@media (min-width: 480px) {
.cg-primary a.dropdown-control, body a.dropdown-control,
.column-wrapper a.dropdown-control,
.modalWindow a.dropdown-control,
.gallery-overlay a.dropdown-control {
font-size: 16px;
}
}
@media (min-width: 480px) {
.cg-primary a.dropdown-control, body a.dropdown-control,
.column-wrapper a.dropdown-control,
.modalWindow a.dropdown-control,
.gallery-overlay a.dropdown-control {
line-height: 16px;
}
}
.cg-primary a.dropdown-control:after, body a.dropdown-control:after,
.column-wrapper a.dropdown-control:after,
.modalWindow a.dropdown-control:after,
.gallery-overlay a.dropdown-control:after {
content: "" !important;
width: 10px;
height: 14px;
font-size: 14px !important;
line-height: 16px !important;
background: url("data:image/svg+xml;utf8,
* First Name
*
*/
.c-TextField {
contain: layout;
position: relative;
display: block;
width: auto !important;
margin-top: 24px !important;
margin-right: 0px !important;
margin-bottom: 16px !important;
margin-left: 0px !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
float: none !important;
}
.c-TextField:before {
z-index: 1;
content: "";
position: absolute;
left: 0px;
bottom: 0px;
height: 1px;
width: 100%;
background-color: #E0E0E0;
}
.c-TextField:after {
z-index: 1;
content: "";
position: absolute;
left: 0px;
bottom: 0px;
height: 2px;
width: 100%;
background-color: #61ac47;
transform: scale(0);
transition: transform 214.5ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
}
.c-TextField:hover:before {
background-color: #9E9E9E;
}
.c-TextField-isFocused:after {
transform: scale(1) !important;
}
.c-TextField-isDisabled:before {
backgroundimage: linear-gradient(to right, #E0E0E0 33%, transparent 0%);
}
.c-TextField-fullWidth {
width: 100%;
min-width: 100%;
}
label.c-TextField_label {
z-index: 2;
position: absolute;
bottom: 0px;
left: 0px;
width: auto;
margin: 0px;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 8px;
padding-left: 0px;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #757575;
transform: scale(1) translate3d(0, 0, 0);
transition: transform 214.5ms cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: bottom left;
will-change: transform;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: text;
}
label.c-TextField_label-isFloating {
color: #9E9E9E;
transform: scale(0.75) translate3d(0, -100%, 0);
}
label.c-TextField_label-isFocused {
color: #61ac47;
}
label.c-TextField_label-isDisabled {
color: #E0E0E0;
}
label.c-TextField_label-error {
color: #be2228;
}
label.c-TextField_label-isRequired:after {
content: "*";
}
label.c-TextField_label-dense {
padding-top: 8px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
}
input.c-TextField_input {
z-index: 3;
position: relative;
margin: 0px !important;
padding-top: 8px !important;
padding-right: 0px !important;
padding-bottom: 8px !important;
padding-left: 0px !important;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 16px;
text-indent: 0px !important;
border: 0px solid transparent !important;
color: #424242;
background-color: transparent !important;
border-radius: 0;
outline: none;
box-shadow: none;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
}
input.c-TextField_input::placeholder {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 16px;
color: #BDBDBD;
opacity: 0;
transition: all 0.2s;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
}
input.c-TextField_input:focus::placeholder, input.c-TextField_input:not(:placeholder-shown)::placeholder {
opacity: 1;
}
input.c-TextField_input:disabled {
pointer-events: none;
}
.c-TextField_helpertext {
position: absolute;
bottom: -16px;
left: 0px;
margin: 0px;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 11px;
line-height: 1;
text-align: left;
color: #9E9E9E;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-TextField_helpertext-error {
color: #be2228;
}
.c-TextField_caption {
position: relative;
margin: 5px 0px 0px 0px;
text-align: right;
font-size: 12px;
font-family: "Roboto", sans-serif;
text-decoration: none;
color: #61ac47;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
}
#annotationsPopup {
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
width: calc(100% - 20px);
z-index: 10;
padding: 10px;
margin: 0 !important;
max-width: 500px;
border-width: 1px;
border-style: solid;
-webkit-box-shadow: 2px 4px 4px 0px #bcbec0;
-moz-box-shadow: 2px 4px 4px 0px #bcbec0;
box-shadow: 2px 4px 4px 0px #bcbec0;
}
#annotationsPopup .formActions {
text-align: right;
}
#annotationsPopup textarea {
max-width: 100%;
}
#annotationsPopup a.close {
width: 32px;
height: 32px;
text-align: center;
top: 0px;
right: -3px;
}
#annotationsPopup a.close:after {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
content: "";
font-size: 26px;
}
#annotationsPopup a.close span {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
/*padding: 0;
border: 0;*/
height: 1px;
width: 1px;
overflow: hidden;
}
#annotationsPopup .shell {
max-height: 65vh;
overflow-y: scroll;
}
@media screen and (min-width: 767px) {
#annotationsPopup {
width: 90%;
padding: 25px;
left: 50%;
transform: translate(-50%, -50%);
}
}
#breadcrumb ul {
margin-left: 0;
}
#breadcrumb ul li {
display: inline-block;
margin-right: 5px;
}
#breadcrumb ul li:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
content: "";
display: inline-block;
font-size: 16px;
margin-right: 8px;
}
#breadcrumb ul li.first:before {
display: none;
}
#entryPrevNextNav {
padding-top: 15px;
margin-bottom: -5px;
}
#entryPrevNextNav ul {
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
}
#entryPrevNextNav ul li {
display: inline-block;
}
#entryPrevNextNav ul li a span {
position: static;
clip: auto;
height: auto;
width: auto;
overflow: visible;
}
#entryPrevNextNav ul li.prev {
margin-right: 15px;
}
#entryPrevNextNav ul li.prev a:before {
margin-right: 5px;
}
#entryPrevNextNav ul li.back {
margin-right: 15px;
}
#entryPrevNextNav ul li.back a:before {
margin-right: 5px;
}
#entryPrevNextNav ul li.next a:after {
margin-left: 5px;
}
.layout > #entryPrevNextNav {
padding: 10px;
margin-bottom: 0;
}
@media screen and (min-width: 767px) {
.layout > #entryPrevNextNav {
padding: 15px 25px;
}
}
/*--- Hide and Show Toggle on Mobile ---*/
.faceted-nav-toggle {
border: none;
background: none !important;
position: absolute;
top: 0;
left: 0;
transform: translateY(-100%);
padding: 4px 0 0 0;
text-align: center;
margin: 0;
height: 52px;
width: 55px;
}
.faceted-nav-toggle span {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
/*padding: 0;
border: 0;*/
height: 1px;
width: 1px;
overflow: hidden;
}
.faceted-nav-toggle:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: block;
content: "";
font-size: 26px;
width: 35px;
margin: 0 auto;
position: relative;
top: -2px;
}
.faceted-nav.open .faceted-nav-toggle:before {
content: "";
top: -2px;
}
h2.faceted-nav-header {
margin: 0;
}
h2.faceted-nav-header span {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
/*padding: 0;
border: 0;*/
height: 1px;
width: 1px;
overflow: hidden;
}
h2.faceted-nav-header + div > h3 {
margin-top: 0;
}
/*--- Facets ---*/
.faceted-nav {
clear: both;
border-style: solid;
border-width: 0;
border-bottom-width: 1px;
border-color: #aabbcc;
position: relative;
margin: 0-20px 25px;
padding-left: 10px;
padding-right: 10px;
/*- Toggle -*/
/*- Facets Lists -*/
}
.faceted-nav h3.toggle {
border-bottom-width: 1px;
border-bottom-style: solid;
font-family: "Roboto", sans-serif;
font-size: 26px;
margin-bottom: 0;
}
.faceted-nav h3.toggle a {
position: relative;
padding: 10px 0 10px;
display: block;
}
.faceted-nav h3.toggle a:after {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: block;
content: "";
position: absolute;
right: 0;
top: 9px;
font-size: 26px;
}
.faceted-nav a.toggle {
float: left;
padding: 4px !important;
position: relative;
top: 9px;
}
.faceted-nav a.toggle:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: block;
content: "" !important;
font-size: 16px;
position: relative;
top: -2px;
}
.faceted-nav a.toggle + span {
margin-left: 25px;
display: block;
}
.faceted-nav .open > a.toggle:before {
content: "" !important;
}
.faceted-nav .search-filter-by-type label,
.faceted-nav .taxonomy-tree a:not(.toggle),
.faceted-nav .taxonomy-tree span.active {
padding-right: 60px !important;
position: relative;
}
.faceted-nav .search-filter-by-type label .facet-count,
.faceted-nav .taxonomy-tree a:not(.toggle) .facet-count,
.faceted-nav .taxonomy-tree span.active .facet-count {
position: absolute;
top: 4px;
right: 0;
}
.faceted-nav .shut > ul {
display: none;
}
.faceted-nav ul ul {
margin-left: 25px;
}
.faceted-nav > div {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
/*padding: 0;
border: 0;*/
height: 1px;
width: 1px;
overflow: hidden;
}
.faceted-nav.open h3.toggle a:after {
content: "";
}
.faceted-nav.open > div {
position: static;
clip: auto;
height: auto;
width: auto;
overflow: visible;
}
.faceted-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.faceted-nav ul li {
line-height: 1.75;
}
.faceted-nav .facet-values {
margin-bottom: 20px;
}
.faceted-nav .facet-values a,
.faceted-nav .facet-values label {
display: block;
padding: 5px 0;
}
.faceted-nav .facet-values span.active {
display: block;
padding: 5px 0;
}
.faceted-nav .facetModule.shut h3 a:after {
content: "";
}
.faceted-nav .facetModule.shut .facet-values {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
/*padding: 0;
border: 0;*/
height: 1px;
width: 1px;
overflow: hidden;
}
.faceted-nav .facet-count {
float: right;
}
.faceted-nav .date-search-filter {
margin-top: 15px;
}
@media screen and (min-width: 767px) {
.faceted-nav {
padding-left: 20px;
padding-right: 20px;
}
.faceted-nav .facet-count {
font-size: 16px;
}
.faceted-nav-toggle {
left: 5px;
}
}
@media screen and (min-width: 1200px) {
.faceted-nav-toggle {
display: none;
}
.faceted-nav {
margin: 0 0 25px;
padding: 0;
}
.faceted-nav h3.toggle {
margin-bottom: 8px;
}
.faceted-nav > div {
position: static;
clip: auto;
height: auto;
width: auto;
overflow: visible;
}
}
#pageLinks {
display: none;
}
.pageLinks li.share > a > img {
display: none;
}
@media screen and (min-width: 767px) {
#pageLinks {
display: block;
position: absolute;
top: 0;
right: 0;
padding: 0 3px;
z-index: 2;
}
#pageLinks ul {
margin-bottom: 0;
margin-left: 0;
}
#pageLinks ul li {
display: block;
}
#pageLinks ul li a {
display: block;
padding: 5px 10px 8px;
}
#pageLinks ul li a:before {
font-size: 16px;
}
#pageLinks.tools-page-right ul li {
display: inline-block;
}
#pageLinks.tools-page-left {
left: 10px;
right: auto;
}
#pageLinks.tools-page-left ul li {
display: inline-block;
}
#pageBody > #pageLinks {
display: none;
}
.column-controls #pageLinks {
position: static;
padding: 10px 0 0;
margin-bottom: 10px;
}
.column-controls #pageLinks ul {
display: none;
}
.column-controls #pageLinks ul li {
display: block;
}
.column-controls #pageLinks a {
background: none;
box-shadow: none;
margin: 0;
transform: none !important;
position: relative;
width: 39px;
margin-left: 8px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-radius: 0;
}
.column-controls #pageLinks a.pageTools-toggle {
display: inline-block;
text-transform: uppercase;
height: 100%;
padding: 15px 0;
border-bottom-width: 0;
}
.column-controls #pageLinks a.pageTools-toggle div {
overflow: hidden;
}
.column-controls #pageLinks a.pageTools-toggle div div {
display: inline-block;
white-space: nowrap;
transform: translate(0, 0) rotate(90deg);
position: relative;
right: 5px;
line-height: 50px;
/*&:after {
@include pf-icon-font();
display: inline-block;
content: pf-icon(wrench);
transform: translate(0, 0) rotate(-45deg);
}*/
}
.column-controls #pageLinks a.pageTools-toggle div div:before {
content: "";
float: left;
margin-top: 100%;
}
.column-controls #pageLinks a.close-toggle {
border-bottom: none;
text-align: center;
padding-top: 12px;
display: none;
}
.column-controls #pageLinks a.close-toggle:after {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
content: "\f00d";
}
.column-controls #pageLinks.open ul {
display: block;
}
.column-controls #pageLinks.open a.pageTools-toggle {
border-bottom-width: 1px;
}
.column-controls #pageLinks.open a.close-toggle {
display: block;
}
}
@media screen and (min-width: 1200px) {
#pageBody > #pageLinks {
display: block;
top: 0;
right: 0;
}
}
.c-Modal-paywall .fancybox-skin {
padding: 0px !important;
overflow: hidden;
background-color: #f2f2f2;
border-radius: 2px;
}
.c-Modal_content {
overflow: auto;
}
.c-Modal_content-large {
width: 90vw;
max-width: 1400px;
height: 100%;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
padding: 5px 0 0 0;
z-index: 8042;
background-image: none !important;
border-radius: 50px;
text-align: center;
}
.fancybox-close:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
content: "\f00d";
display: block !important;
margin-top: 3px;
}
.fancybox-close span {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
/*padding: 0;
border: 0;*/
height: 1px;
width: 1px;
overflow: hidden;
}
.page-flyerpage .offScreen {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
/*padding: 0;
border: 0;*/
height: 1px;
width: 1px;
overflow: hidden;
}
.type-content-flier {
max-width: 8in;
width: 100%;
margin: 0 auto;
display: flex;
min-height: 10in;
flex-direction: column;
justify-content: space-between;
}
.type-content-flier .offScreen {
display: none;
}
.type-content-flier .has-header {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.type-content-flier .has-header img {
width: 370px;
}
.type-content-flier h1 {
font-family: "Roboto", sans-serif;
font-size: 28px;
line-height: 1.1;
margin-bottom: 15px;
}
.type-content-flier h2 {
font-family: "Roboto", sans-serif;
font-size: 16px;
}
.type-content-flier .cover-image {
margin-bottom: 30px;
}
.type-content-flier .cover-image img {
max-width: 170px;
}
.type-content-flier .footer {
text-align: center;
}
.type-content-flier > .has-centerColumn {
display: flex !important;
flex-grow: 1;
width: 72%;
}
.type-content-flier > .has-centerColumn.has-rightColumn > .centerColumn {
width: calc(72% - 24px) !important;
padding-right: 0.25in !important;
border-right: solid 24px #0f346c;
}
.type-content-flier > .has-centerColumn.has-rightColumn > .centerColumn .centerColumn {
padding-right: none;
}
.type-content-flier > .has-centerColumn > .rightColumn {
width: 28% !important;
padding: 0 0 0 0.25in !important;
}
.type-content-flier > .has-centerColumn > .rightColumn .centerColumn {
padding-right: 0 !important;
}
.type-content-flier > .has-footer {
display: block;
}
.type-content-flier .footer {
width: calc(72% - 24px) !important;
padding-right: 0.25in !important;
border-right: solid 24px #0f346c;
}
.type-content-flier .footer p, .type-content-flier .footer div {
margin-bottom: 0;
font-size: 12px;
}
.type-content-flier .footer p {
font-size: 14px;
}
.type-content-flier .footer .content-box-body div:last-child {
font-size: 16px;
}
@media screen and (min-width: 767px) {
.type-content-flier .footer {
width: calc(72% - 12px) !important;
}
}
.component-related-content h2 {
font-family: "Roboto", sans-serif;
font-size: 22px;
margin-bottom: 12px;
}
.component-related-content h2 {
font-size: 18px;
margin-top: 0;
line-height: 1;
}
.component-related-content h3 {
font-size: 16px;
margin-top: 0;
line-height: 1;
}
.component-related-content .component-content-contributors {
margin-bottom: 15px;
}
.component-related-content dl {
margin: 0 0 15px;
}
.component-related-content dl dt {
float: left;
margin-right: 8px;
}
.component-related-content dl dl {
display: inline;
}
.component-related-content dl ol {
margin: 0;
padding: 0;
list-style: none;
}
.component-related-content dl ol li {
display: inline;
line-height: 1;
}
.component-related-content dl ol li a:after {
content: ", ";
display: inline;
}
.component-related-content dl ol li:last-child a:after {
display: none;
}
.component-related-content .contentItem {
background: none;
border-width: 0;
margin-bottom: 40px;
overflow: hidden;
}
.component-related-content .contentItem:last-child {
margin-bottom: 0;
}
.component-related-content .contentItem h2 {
margin-top: 0;
}
.component-related-content .contentItem.hasCover > * {
margin-left: 100px;
}
.component-related-content .contentItem.hasCover div.component-cover-image {
width: 80px;
float: left;
margin-left: 0;
}
.component-related-content .contentItem.hasCover div.component-cover-image img {
/* TODO: rendering with include
pf-shadow(2px, 4px, 4px, 0, 0, $color: $content-shadow, $alpha: $shadowAlpha)-*/
-webkit-box-shadow: 2px 4px 4px 0px #bcbec0;
-moz-box-shadow: 2px 4px 4px 0px #bcbec0;
box-shadow: 2px 4px 4px 0px #bcbec0;
}
.rightColumn .column-contents > div > div.component-container:not(.tabs-vertical) div.container-item {
padding: 20px 25px;
margin-top: 20px;
}
.searchModule {
padding: 10px 0 12px;
position: relative;
width: calc(100% - 45px);
}
.searchModule::after {
clear: both;
content: "";
display: table;
}
.searchModule input[type=text] {
border-width: 0;
border-bottom-width: 1px;
width: 100%;
padding: 3px 30px 3px 5px;
font-family: "Roboto", sans-serif;
font-size: 18px;
text-indent: 5px;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.searchModule button.search-button {
background: none;
border: none;
position: absolute;
top: 0;
right: -5px;
margin-top: 8px;
padding: 6px 10px 7px 10px;
}
.searchModule button.search-button span {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
/*padding: 0;
border: 0;*/
height: 1px;
width: 1px;
overflow: hidden;
}
.searchModule button.search-button:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: block;
content: "";
font-size: 20px;
}
.searchModule .radio-group {
padding: 8px 10px;
}
.searchModule .radio-group label {
margin-right: 12px;
}
.searchModule #refineTaxonomy {
display: none;
}
.searchModule#sideSearchBox {
margin-left: 45px;
}
.column-controls + .column-contents .component-quick-search-form {
margin: 0 25px 8px;
}
.column-controls + .column-contents .searchModule {
width: 100%;
max-width: 350px;
padding: 0;
margin-bottom: 15px;
}
.column-controls + .column-contents .searchModule .form-row {
position: relative;
}
.column-controls + .column-contents .searchModule label {
font-size: 14px;
}
.column-controls + .column-contents .searchModule input[type=text] {
padding: 8px 30px 8px 5px;
font-size: 22px;
background-color: transparent;
}
.column-controls + .column-contents .searchModule button.search-button {
top: -2px;
right: 0;
}
.column-controls + .column-contents .searchModule button.search-button:before {
font-size: 26px;
}
.advanced-search .advanced-search-widget {
padding: 0;
}
.advanced-search .advanced-search-widget .moduleDetail {
margin-left: 0;
margin-bottom: 15px;
}
.advanced-search .advanced-search-widget .fieldset.form-row {
margin-bottom: 10px;
}
.advanced-search .advanced-search-widget select.searchtype {
float: left;
width: 30%;
}
.advanced-search .advanced-search-widget input[type=text] {
width: calc(70% - 10px);
margin-left: 10px;
}
.advanced-search .advanced-search-widget .buttons {
margin-left: 0;
}
.cross-search-button {
width: 100%;
background-color: transparent !important;
border-color: #61ac47;
margin-bottom: 30px;
text-transform: none;
text-align: left;
border-width: 1px;
border-style: solid;
margin-left: 10px;
}
@media screen and (min-width: 1200px) {
.searchModule {
width: 100%;
margin-bottom: 18px;
}
.searchModule#sideSearchBox {
margin-left: 0;
}
.searchModule input[type=text] {
font-size: 22px;
padding: 8px 30px 8px 0;
}
.searchModule button.search-button {
right: 0;
padding: 15px 10px 13px 10px;
}
.searchModule button.search-button:before {
font-size: 26px;
}
.column-controls + .column-contents .content-item:first-child .searchModule {
padding: 15px 0 0;
}
.column-controls + .column-contents .searchModule input[type=text] {
padding: 12px 30px 13px 5px;
}
.column-controls + .column-contents .searchModule button.search-button {
top: -6px;
}
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: 0;
}
.ui-tabs {
margin-bottom: 40px;
}
.ui-tabs .ui-tabs-panel {
padding: 15px 0;
}
.ui-tabs nav.container-tabs:after {
border-top-width: 1px;
border-top-style: solid;
content: " ";
display: block;
height: 17px;
width: 100%;
}
.ui-tabs .ui-tabs-nav {
padding: 0;
}
.ui-tabs .ui-tabs-nav li {
margin: 0;
}
.ui-tabs .ui-tabs-nav li a {
padding: 15px 20px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
position: relative;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a:after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 5px;
content: " ";
display: block;
}
.ui-accordion h3.ui-accordion-header {
border-bottom-width: 1px;
border-bottom-style: solid;
font-family: "Roboto", sans-serif;
font-size: 26px;
margin: 0;
position: relative;
padding: 7px 0 8px 0;
cursor: pointer;
}
.ui-accordion h3.ui-accordion-header::after {
clear: both;
content: "";
display: table;
}
.ui-accordion h3.ui-accordion-header:after {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
content: "";
display: block;
position: absolute;
right: 0;
top: 6px;
font-size: 26px;
}
.ui-accordion h3.ui-accordion-header.ui-accordion-header-collapsed:after {
content: "";
}
.ui-accordion .ui-accordion-content {
padding: 15px 0;
}
.has-tool-bar .ui-accordion h3.ui-accordion-header {
padding-left: 60px;
font-family: "Roboto", sans-serif;
font-size: 14px;
padding: 12px 0 12px 60px;
margin-top: -1px;
border-top-width: 1px;
border-top-style: solid;
}
.has-tool-bar .ui-accordion h3.ui-accordion-header:after {
top: 0;
right: auto;
bottom: 0;
left: 0;
font-size: 20px;
width: 47px;
text-align: center;
padding-top: 10px;
border-right-style: solid;
border-right-width: 1px;
}
.has-tool-bar .ui-accordion .ui-accordion-content {
padding: 15px;
}
div.dropdown-button {
margin-bottom: 15px;
position: relative;
}
div.dropdown-button a.dropdown-control {
text-align: left;
padding: 7px 10px 5px 14px;
margin: 0;
display: inline-block;
position: relative;
z-index: 1;
cursor: pointer;
}
div.dropdown-button a.dropdown-control:after {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
content: "";
margin-left: 4px;
font-size: 26px;
float: right;
position: relative;
top: -3px;
}
div.dropdown-button .dropdown-control-container {
padding-bottom: 0;
}
div.dropdown-button div.dropdown-menu {
display: none;
}
div.dropdown-button div.dropdown-menu ul {
width: 100%;
max-width: 550px;
border-width: 1px;
border-style: solid;
margin-top: -1px !important;
z-index: 3;
}
div.dropdown-button div.dropdown-menu ul li {
width: 100%;
display: block;
margin-right: 0;
margin-bottom: 20px;
vertical-align: top;
padding: 6px 7px 7px;
font-size: 13px;
}
div.dropdown-button div.dropdown-menu ul li > div {
padding: 0;
margin: 0;
}
div.dropdown-button div.dropdown-menu ul li.volume {
font-weight: bold;
}
div.dropdown-button div.dropdown-menu ul li a {
display: block;
padding: 0;
}
div.dropdown-button div.dropdown-menu ul li.dropdown-menu-header {
margin-bottom: 0;
text-align: left;
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 700;
}
div.dropdown-button div.dropdown-menu ul li.dropdown-menu-item {
margin-bottom: 0;
}
div.dropdown-button div.dropdown-menu .export-format div {
margin-left: 12px;
}
div.dropdown-button div.dropdown-menu .export-format .ico-download {
padding: 6px 12px 7px 12px;
margin-bottom: 5px;
margin-left: 0;
}
div.dropdown-button div.dropdown-menu .export-format .ico-download:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
content: "";
margin-right: 4px;
font-size: 16px;
}
div.dropdown-button.open a.dropdown-control {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
div.dropdown-button.open a.dropdown-control:after {
content: "";
}
div.dropdown-button.open div.dropdown-menu {
display: block;
}
div.dropdown-button.open div.dropdown-menu ul {
top: 100% !important;
left: 0 !important;
max-height: 260px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
div[data-tasktype=citation-export] div.dropdown-button a.dropdown-control {
padding: 7px 10px 5px 14px;
}
div[data-tasktype=citation-export] div.dropdown-button a.dropdown-control:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
content: "";
margin-right: 8px;
font-size: 16px;
position: relative;
top: 1px;
}
div[data-tasktype=citation-export] div.dropdown-button a.dropdown-control:after {
margin-left: 20px;
}
.component-volume-issue-selector {
margin: 0 25px 25px;
}
.component-volume-issue-selector div.dropdown-button a.dropdown-control {
width: 100%;
max-width: 350px;
}
.component-volume-issue-selector div.dropdown-button a.dropdown-control:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
content: "";
margin-right: 8px;
font-size: 14px;
}
.component-volume-issue-selector div.dropdown-button.open div.dropdown-menu ul {
max-width: 350px;
}
.component-volume-issue-selector div.dropdown-button.open div.dropdown-menu ul li {
margin-bottom: 0;
/*font-size: 1em;*/
}
.component-volume-issue-selector div.dropdown-button.open div.dropdown-menu ul li a {
padding: 0;
}
.component-volume-issue-selector div.dropdown-button.open div.dropdown-menu ul li.dropdown-parent {
cursor: pointer;
}
.component-volume-issue-selector div.dropdown-button.open div.dropdown-menu ul li.dropdown-parent:after {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
content: "";
font-size: 16px;
margin-left: 8px;
}
.component-volume-issue-selector div.dropdown-button.open div.dropdown-menu ul li.dropdown-child {
display: none;
}
.component-volume-issue-selector div.dropdown-button.open div.dropdown-menu ul li.dropdown-orphan {
display: list-item;
}
.component-volume-issue-selector div.dropdown-button.open div.dropdown-menu ul li.open.dropdown-parent:after {
content: "";
}
@media screen and (min-width: 767px) {
div[data-tasktype=citation-export] div.dropdown-button.open div.dropdown-menu ul {
width: 550px;
left: auto !important;
right: 0;
}
div[data-tasktype=citation-export] div.dropdown-button.open div.dropdown-menu ul li {
width: 33.333333%;
display: inline-block;
margin-right: -4px;
padding-left: 5px;
margin-bottom: 0;
}
div[data-tasktype=citation-export] div.dropdown-button.open div.dropdown-menu ul li:first-child {
padding-left: 15px;
}
div[data-tasktype=citation-export] div.dropdown-button.open div.dropdown-menu ul li:last-child {
padding-right: 15px;
}
.has-tool-bar .ui-accordion h3.ui-accordion-header {
font-size: 16px;
padding: 18px 0 18px 90px;
}
.has-tool-bar .ui-accordion h3.ui-accordion-header:after {
width: 59px;
padding-top: 16px;
}
}
/*----
Homepage subject icon size
----*/
.component-taxonomy-list .grid-row, .component-featured-content-list .grid-row {
display: block;
}
.component-taxonomy-list .grid, .component-featured-content-list .grid {
max-width: 1120px;
margin: 0 auto 40px;
}
.component-taxonomy-list .grid .grid-item, .component-featured-content-list .grid .grid-item {
margin: 0 0 50px -4px;
vertical-align: top;
width: 50%;
padding: 0 15px;
}
.component-taxonomy-list .grid .grid-item:nth-child(even), .component-featured-content-list .grid .grid-item:nth-child(even) {
border-left-width: 1px;
border-left-style: solid;
}
.component-taxonomy-list .grid img, .component-featured-content-list .grid img {
max-width: 128px;
}
.component-taxonomy-list .grid .taxonomy-list-item img, .component-featured-content-list .grid .taxonomy-list-item img {
max-height: 128px;
}
.component-taxonomy-list .grid span.label, .component-featured-content-list .grid span.label {
display: block;
max-width: 160px;
margin: 0 auto;
line-height: 1.4;
font-family: "Roboto", sans-serif;
}
.page-taxonomy #taxonomyDisplayRecursive.full-taxonomy-tree.truncate-list .truncate-show-more {
margin-top: 5px;
}
.page-taxonomy #taxonomyDisplayRecursive.full-taxonomy-tree.truncate-list .truncate-show-more a {
font-size: 14px;
}
.page-taxonomy #taxonomyDisplayRecursive.full-taxonomy-tree .top-level-nodes {
display: flex;
flex-wrap: wrap;
}
.page-taxonomy #taxonomyDisplayRecursive.full-taxonomy-tree .level-1 {
width: 30%;
margin: 30px 20px;
}
.page-taxonomy #taxonomyDisplayRecursive.full-taxonomy-tree .level-1 > a.taxonomyNode {
font-weight: bold;
font-size: 24px;
color: #61ac47;
}
.page-taxonomy #taxonomyDisplayRecursive.full-taxonomy-tree .level-1 > a.taxonomyNode .node-count {
display: none;
}
.page-taxonomy #taxonomyDisplayRecursive.full-taxonomy-tree .level-1 > ul {
margin-left: 0px;
padding-top: 15px;
border-top: 0.1px solid black;
}
.page-taxonomy #taxonomyDisplayRecursive.full-taxonomy-tree .level-2:not(.leaf-node) > a.taxonomyNode {
font-weight: bold;
font-size: 20px;
}
.page-taxonomy #taxonomyDisplayRecursive.full-taxonomy-tree .level-2:not(.leaf-node) > ul {
padding-top: 10px;
}
.page-taxonomy #taxonomyDisplayRecursive.full-taxonomy-tree li:not(.level-1) a:not(.truncate-show-more) {
color: black !important;
}
.page-taxonomy #taxonomyDisplayRecursive.full-taxonomy-tree li {
list-style: none;
}
.page-taxonomy .content-box-header {
display: none;
}
@media screen and (min-width: 767px) {
.component-taxonomy-list .grid-row, .component-featured-content-list .grid-row {
display: flex;
}
.component-taxonomy-list .grid .grid-item, .component-featured-content-list .grid .grid-item {
width: 25%;
margin-right: 0;
border-left-width: 1px;
border-left-style: solid;
}
.component-taxonomy-list .grid .grid-item:first-child, .component-featured-content-list .grid .grid-item:first-child {
border-left: 0;
}
.component-taxonomy-list .grid span.label, .component-featured-content-list .grid span.label {
font-size: 18px;
}
}
.component-table-of-contents ul {
margin-left: 0;
}
.component-table-of-contents ul li {
margin-bottom: 10px;
}
.has-tool-bar .ui-accordion-content .component-table-of-contents {
padding: 0 0 0 75px;
}
.book-toc .ico-access, .issue-toc .ico-access, .bookseries-toc .ico-access, .package-toc .ico-access {
top: 2px;
}
.book-toc li, .issue-toc li, .bookseries-toc li, .package-toc li {
position: relative;
margin-bottom: 30px !important;
padding-bottom: 15px;
list-style: none;
}
.book-toc li.has-access-icon .label, .issue-toc li.has-access-icon .label, .bookseries-toc li.has-access-icon .label, .package-toc li.has-access-icon .label {
padding-left: 20px;
}
.book-toc li:after, .issue-toc li:after, .bookseries-toc li:after, .package-toc li:after {
content: " ";
display: block;
height: 17px;
width: 100%;
bottom: -18px;
position: absolute;
left: 0;
border-top-style: solid;
border-top-width: 1px;
}
.book-toc div.label > a, .issue-toc div.label > a, .bookseries-toc div.label > a, .package-toc div.label > a {
font-weight: 700;
font-family: "Roboto", sans-serif;
font-size: 20px;
line-height: 1.1;
margin-bottom: 10px;
}
.book-toc div.subTitle, .issue-toc div.subTitle, .bookseries-toc div.subTitle, .package-toc div.subTitle {
font-weight: bold;
}
.contentPage #toc {
margin-bottom: 30px;
padding-top: 20px;
}
.contentPage #toc ul {
margin: 0;
padding: 0;
}
.contentPage #toc ul li {
list-style: none;
line-height: 1.75;
position: relative;
margin-bottom: 10px;
}
.contentPage #toc ul a {
display: block;
}
.contentPage #toc ul a.toggle {
float: left;
padding: 4px !important;
position: relative;
top: 4px;
left: -4px;
}
.contentPage #toc ul a.toggle:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: block;
content: "" !important;
font-size: 16px;
position: relative;
top: -2px;
}
.contentPage #toc ul a.toggle span {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
/*padding: 0;
border: 0;*/
height: 1px;
width: 1px;
overflow: hidden;
}
.contentPage #toc ul .expandable > a {
margin-bottom: 10px;
}
.contentPage #toc ul ul {
margin: 0 0 0 20px;
}
.contentPage #toc ul a.toggle.plustoggle:before {
content: "" !important;
}
ul.collapsible-tree li {
list-style: none;
position: relative;
}
ul.collapsible-tree li a.toggle-link {
font-size: 0;
}
ul.collapsible-tree li a.toggle-link.hide {
display: none;
}
ul.collapsible-tree li a.toggle, ul.collapsible-tree li a.toggle-link {
display: block;
position: absolute;
top: 0;
right: 0;
padding: 0 0 15px 15px;
}
ul.collapsible-tree li a.toggle span, ul.collapsible-tree li a.toggle-link span {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
/*padding: 0;
border: 0;*/
height: 1px;
width: 1px;
overflow: hidden;
}
ul.collapsible-tree li a.toggle:after, ul.collapsible-tree li a.toggle-link:after {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: block;
content: "";
font-size: 26px;
width: 35px;
margin: 0 auto;
position: relative;
top: 4px;
cursor: pointer;
}
ul.collapsible-tree li a.toggle + div.label, ul.collapsible-tree li a.toggle-link + div.label {
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 6px 0 5px;
margin-top: 0;
}
ul.collapsible-tree li ul {
margin-left: 10px;
margin-top: 20px;
margin-bottom: 0;
}
ul.collapsible-tree li ul li:last-child {
margin-bottom: 0;
}
ul.collapsible-tree li ul li:last-child:after {
display: none;
}
ul.collapsible-tree li.type-issue div.label {
font-family: "Roboto", sans-serif;
font-size: 22px;
}
ul.collapsible-tree li.type-issue div.label .ico-access {
margin-top: 5px;
}
ul.collapsible-tree li.ajax-node-opener {
margin-bottom: 20px;
}
ul.collapsible-tree li.ajax-node-opener a.toggle:after, ul.collapsible-tree li.ajax-node-opener a.toggle-link:after {
content: "";
}
ul.collapsible-tree li.ajax-node-opener > ul {
display: none;
margin-bottom: 20px;
}
ul.collapsible-tree li.ajax-node-opener > ul li {
margin-bottom: 5px;
}
ul.collapsible-tree li.ajax-node-opener .ico-access {
margin-top: 5px;
}
ul.collapsible-tree li.ajax-node-opener .shut {
margin-bottom: 0;
}
ul.collapsible-tree li.ajax-node-opener div.label {
font-family: "Roboto", sans-serif;
font-size: 22px;
}
ul.collapsible-tree li.open {
margin-bottom: 0;
}
ul.collapsible-tree li.open a.toggle:after, ul.collapsible-tree li.open a.toggle-link:after {
content: "";
}
ul.collapsible-tree li.open.shut a.toggle-link {
display: none;
}
ul.collapsible-tree li.open > ul {
display: block;
}
ul.collapsible-tree li.shut a.toggle:after, ul.collapsible-tree li.shut a.toggle-link:after {
content: "";
}
ul.collapsible-tree li.shut ul {
display: none;
}
@media screen and (min-width: 1200px) {
.contentPage #toc {
padding-top: 35px;
}
}
/* Tapestry Error Messages (Default Styling) */
div.t-error {
margin-bottom: 1em;
padding: 0.5em 1em;
background-color: #f5f5f5;
border: 1px solid #be2228;
color: #be2228;
overflow: hidden;
line-height: 1.3;
}
div.t-error div {
margin-bottom: 0.333em;
color: #be2228;
font-weight: 600;
}
.locus-search-form div.t-error div {
display: none;
}
div.t-error li {
margin-bottom: 0.333em;
}
.modalWindow div.t-error ul {
margin: 0 1em 1em 2em;
}
.modalWindow div.t-error li {
list-style: disc outside none;
}
textarea.t-error,
input[type=text].t-error,
input[type=password].t-error {
border: 1px solid #be2228;
margin-bottom: 2em;
}
img.t-error-icon {
display: none;
}
label.t-error {
color: #be2228;
font-weight: 600;
}
.t-error-popup {
display: block;
margin: 5.33em 0 0 1.67em;
padding: 0.25em 0;
height: auto !important;
/* override inline styles */
color: #be2228;
font-size: 0.833em;
}
.t-error-popup:hover {
text-decoration: underline;
cursor: pointer;
}
.page-advancedsearchpage #mainContent {
max-width: 1000px;
margin: 0 auto 40px;
}
.page-advancedsearchpage .termRow select {
display: inline;
width: 135px;
margin-right: 15px;
}
.page-advancedsearchpage .termRow input {
width: calc(100% - 151px);
display: inline-block;
margin-right: -4px;
}
.page-advancedsearchpage .form-group {
margin-bottom: 20px;
}
.page-advancedsearchpage h3 {
margin-top: 0;
}
.page-advancedsearchpage .operator {
margin-bottom: 15px;
}
.page-advancedsearchpage .multiSearch .termRow {
width: calc(100% - 41px);
float: left;
}
.page-advancedsearchpage .multiSearch .form-row {
position: relative;
}
.page-advancedsearchpage .multiSearch .example {
float: left;
clear: left;
margin-top: -18px;
position: relative;
top: 7px;
margin-left: 155px;
font-family: "Roboto", sans-serif;
font-size: 13px;
}
.page-advancedsearchpage .multiSearch .deleteRow {
position: absolute;
bottom: 19px;
right: 0;
}
.page-advancedsearchpage .date-set > .select-group {
margin-bottom: 0;
}
.date-query-rows h3 {
font-family: "Roboto", sans-serif;
font-size: 20px;
line-height: 1.2;
margin: 25px 0 10px;
}
.addRow {
display: inline-block;
position: relative;
top: -3px;
}
.addRow:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
font-size: 12px;
content: "";
text-align: center;
width: 26px;
height: 26px;
line-height: 26px;
border-radius: 100px;
margin-right: 4px;
position: relative;
top: -2px;
}
.deleteRow {
position: relative;
display: inline-block;
font-size: 0;
width: 26px;
height: 26px;
border-radius: 100px;
}
.deleteRow:after {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
font-size: 12px;
position: absolute;
content: "";
top: 8px;
right: 8px;
}
@media screen and (min-width: 767px) {
.date-set {
width: calc(100% - 41px);
}
.date-set .select-group {
margin-right: -15px;
position: relative;
}
.date-query-rows > div {
position: relative;
}
.date-query-rows .deleteRow {
position: absolute;
bottom: 19px;
right: 0;
}
}
@media screen and (min-width: 1200px) {
.page-advancedsearchpage #pageBody {
display: block;
}
.page-advancedsearchpage #pageBody #columnOne {
display: none;
}
}
.cart .data-grid, .checkout .data-grid {
width: 100%;
}
.cart table thead th,
.cart table thead td, .checkout table thead th,
.checkout table thead td {
font-family: "Roboto", sans-serif;
}
.cart table tr, .checkout table tr {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.cart td, .checkout td {
font-family: "Roboto", sans-serif;
padding: 15px 10px 15px 0;
}
.cart .cover-image, .checkout .cover-image {
max-width: 100px;
float: left;
margin-right: 15px;
}
.cart h2, .checkout h2 {
font-size: 24px;
margin-top: 0;
margin-bottom: 4px !important;
}
.cart h3, .checkout h3 {
font-size: 20px;
margin-top: 0;
}
.cart input[type=number], .checkout input[type=number] {
width: 70px;
display: inline-block;
padding: 6px 5px 6px 5px;
}
.cart input[type=submit], .checkout input[type=submit] {
margin-top: 0;
}
.cart .cartprice span,
.cart #cartTotal span, .checkout .cartprice span,
.checkout #cartTotal span {
display: block;
margin-bottom: 4px;
font-weight: 700;
font-family: "Roboto", sans-serif;
font-size: 14px;
}
.cart #cartTotal, .checkout #cartTotal {
text-align: right;
}
.cart #cartTotal span, .checkout #cartTotal span {
display: inline-block;
}
.cart #cartTotal span:after, .checkout #cartTotal span:after {
content: "/";
margin: 0 5px;
display: inline-block;
}
.cart #cartTotal span:last-of-type:after, .checkout #cartTotal span:last-of-type:after {
display: none;
}
.cart #checkoutBlock, .checkout #checkoutBlock {
text-align: right;
margin-bottom: 40px;
}
p.has-access-warning {
display: inline-block;
padding: 2px 10px;
font-size: 14px;
}
p.has-access-warning:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
content: "";
display: inline;
margin-right: 5px;
font-size: 14px;
}
ol.ecommerce-checkout-breadcrumb {
margin-left: 0;
}
ol.ecommerce-checkout-breadcrumb li {
display: inline-block;
list-style: none;
}
ol.ecommerce-checkout-breadcrumb li:after {
content: "/";
margin: 0 5px 0 8px;
display: inline-block;
}
ol.ecommerce-checkout-breadcrumb li:last-of-type:after {
display: none;
}
ol.ecommerce-checkout-breadcrumb li.ecommerce-checkout-step-current {
font-weight: 700;
}
.checkout h1 + h2 {
margin-top: 0;
}
.checkout #billingInfoArea h2 {
margin-bottom: 42px !important;
}
.checkout #pageBody {
display: block;
}
.checkout #billingAndShippingForm > h3 {
font-family: "Roboto", sans-serif;
font-size: 14px;
margin-bottom: 25px;
margin-top: 0;
line-height: 1.3;
}
.checkout div.t-beaneditor-row {
margin-bottom: 15px;
}
.checkout .checkboxRow {
margin-bottom: 15px;
}
.ecommerce-totals {
text-align: right;
list-style: none;
margin-top: 15px;
}
.ecommerce-totals span.label {
font-weight: bold;
}
.ecommerce-checkout-nav {
margin: 40px 0;
padding-top: 20px;
overflow: hidden;
}
.ecommerce-checkout-nav .ecommerce-checkout-continue {
float: right;
}
.ecommerce-checkout-nav a {
display: inline-block;
padding: 6px 20px 7px 18px;
font-family: "Roboto", sans-serif;
font-size: 16px;
}
#billingAndShipping {
font-family: "Roboto", sans-serif;
font-size: 16px;
}
#billingAndShipping h3 {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 700;
}
.checkout .ecommerce-checkout-nav {
border-top-style: solid;
border-top-width: 1px;
}
.checkout .ecommerce-checkout-nav .checkout-agree-and-continue {
float: right;
}
.checkout #billingAndShipping > div {
margin-bottom: 20px;
}
.checkout span#termsAndConditions {
margin-right: 10px;
line-height: 37px;
display: inline-block;
}
.checkout button.checkout-submit-order {
margin-top: 0;
}
@media screen and (min-width: 767px) {
.checkout div.checkoutSection {
width: 50%;
display: inline-block;
vertical-align: top;
margin-right: -4px;
padding-right: 15px;
}
.checkout div.checkoutSection.last {
padding-left: 15px;
padding-right: 0;
}
.checkout #billingAndShipping > div {
display: inline-block;
width: 300px;
}
}
@media screen and (min-width: 1200px) {
.cart h2 {
font-size: 28px;
}
.cart h3 {
font-size: 22px;
}
}
.citationText {
margin-bottom: 5px;
}
.citationText span:after {
content: " ";
}
.citationText .author,
.citationText .editor,
.citationText .contributor,
.citationText .collab,
.citationText .person,
.citationText .person-group .name {
font-weight: bold;
}
.citationText .author:after,
.citationText .editor:after,
.citationText .contributor:after,
.citationText .collab:after,
.citationText .person:after,
.citationText .person-group .name:after {
content: ", ";
}
.citationText .author:nth-last-child(2):after,
.citationText .editor:nth-last-child(2):after,
.citationText .contributor:nth-last-child(2):after,
.citationText .collab:nth-last-child(2):after,
.citationText .person:nth-last-child(2):after,
.citationText .person-group .name:nth-last-child(2):after {
content: " & ";
}
.citationText .author:last-child:after,
.citationText .author *:last-child:after,
.citationText .editor:last-child:after,
.citationText .editor *:last-child:after,
.citationText .contributor:last-child:after,
.citationText .contributor *:last-child:after,
.citationText .collab:last-child:after,
.citationText .collab *:last-child:after,
.citationText .person:last-child:after,
.citationText .person *:last-child:after,
.citationText .person-group .name:last-child:after,
.citationText .person-group .name *:last-child:after {
content: "";
}
.citationText .source {
font-style: italic;
}
.citationActions {
margin-left: -5px;
margin-bottom: 25px;
list-style: none;
}
.citationActions li {
display: inline-block;
border-right-width: 1px;
border-right-style: solid;
padding-right: 10px;
padding-left: 10px;
}
.citationActions li a {
display: block;
padding: 2px 5px;
}
.citationActions li:first-child {
padding-left: 0;
}
.citationActions li:last-child {
border-right: none;
padding-right: 0;
}
.ico-access {
position: relative;
float: left;
text-align: center;
margin-right: 0.5em;
margin-top: 1px;
cursor: default;
}
.ico-access:focus > *, .ico-access:hover > * {
visibility: visible;
}
.contentItem .ico-access, .summary .ico-access {
float: right;
}
.ico-access .license-link {
display: none;
}
.summary .ico-access, .layout.type-index-card .ico-access {
float: none;
margin-right: 0;
margin-bottom: 10px;
}
.summary .ico-access:before, .layout.type-index-card .ico-access:before {
font-size: 26px;
}
.summary .ico-access > span, .layout.type-index-card .ico-access > span {
position: static;
clip: auto;
height: auto;
width: auto;
overflow: visible;
margin-left: 8px;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 700;
padding: 0 !important;
position: relative;
right: 0;
top: 0;
}
.summary .ico-access .license-link, .layout.type-index-card .ico-access .license-link {
display: inline-block;
margin-left: 8px;
font-size: 13px;
}
.summary .ico-access .license-link-open span, .layout.type-index-card .ico-access .license-link-open span {
height: 15px;
width: 15px;
background: url(../img/cc.logo.png) no-repeat;
clip: auto;
position: relative;
display: inline-block;
margin-bottom: -3px;
}
.summary .ico-access .license-link.licence-cc-by span, .layout.type-index-card .ico-access .license-link.licence-cc-by span {
background: url(../img/cc/by.svg);
background-size: 88px 31px;
width: 88px;
height: 31px;
}
.summary .ico-access .license-link.licence-cc-by-sa span, .layout.type-index-card .ico-access .license-link.licence-cc-by-sa span {
background: url(../img/cc/by-sa.svg);
background-size: 88px 31px;
width: 88px;
height: 31px;
}
.summary .ico-access .license-link.licence-cc-by-nd span, .layout.type-index-card .ico-access .license-link.licence-cc-by-nd span {
background: url(../img/cc/by-nd.svg);
background-size: 88px 31px;
width: 88px;
height: 31px;
}
.summary .ico-access .license-link.licence-cc-by-nc span, .layout.type-index-card .ico-access .license-link.licence-cc-by-nc span {
background: url(../img/cc/by-nc.svg);
background-size: 88px 31px;
width: 88px;
height: 31px;
}
.summary .ico-access .license-link.licence-cc-by-nc-sa span, .layout.type-index-card .ico-access .license-link.licence-cc-by-nc-sa span {
background: url(../img/cc/by-nc-sa.svg);
background-size: 88px 31px;
width: 88px;
height: 31px;
}
.summary .ico-access .license-link.licence-cc-by-nc-nd span, .layout.type-index-card .ico-access .license-link.licence-cc-by-nc-nd span {
background: url(../img/cc/by-nc-nd.svg);
background-size: 88px 31px;
width: 88px;
height: 31px;
}
.ico-access-restricted {
color: #b92020 !important;
}
.ico-access-restricted:before {
content: "\f023";
}
.ico-access-authorized, .ico-access-open, .ico-access-free {
color: #279d24 !important;
}
.ico-access-authorized:before, .ico-access-open:before, .ico-access-free:before {
content: "\f13e";
}
.ico-access-open {
color: #279d24 !important;
}
.ico-access-partial {
color: #279d24 !important;
}
.ico-access-partial:before {
content: "\f10c";
}
.ico-access > span {
/*@include pf-pos-onscreen;*/
right: -7.8em;
padding: 0.5em !important;
}
.ico-access > span:before, .ico-access > span:after {
display: none;
}
@media screen and (max-width: 500px) {
.indexCard .summary .ico-access {
margin-right: 40px;
}
}
.content-author.single-line {
position: relative;
}
.content-author.single-line .contributor-line {
max-width: calc(100% - 130px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.3;
}
.content-author.single-line .contributor-line > a, .content-author.single-line .contributor-line > span {
position: relative;
/*white-space: pre;*/
display: inline;
}
.content-author.single-line > span {
position: absolute;
top: 0;
right: 15px;
cursor: pointer;
font-family: "Roboto", sans-serif;
font-size: 12px;
}
.content-author.single-line > span:after {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
font-size: 12px;
content: "";
text-align: center;
width: 26px;
height: 26px;
line-height: 26px;
border-radius: 100px;
margin-left: 4px;
position: relative;
top: 0;
}
.content-author.single-line > span.less {
display: none;
}
.content-author.single-line > span.less:after {
content: "";
}
.content-author.single-line .affiliation {
display: none;
padding-top: 10px;
}
.content-author.single-line.expanded .contributor-line {
white-space: normal;
overflow: visible;
text-overflow: unset;
}
.content-author.single-line.expanded .contributor-line > a {
display: inline-block;
}
.content-author.single-line.expanded span.more {
display: none;
}
.content-author.single-line.expanded span.less {
display: block;
}
.content-author.single-line.expanded .affiliation {
display: block;
}
.orcid {
display: inline-block;
height: 16px;
width: 16px;
margin: 0 5px;
background-image: url(../img/orcid_16x16.png);
background-repeat: no-repeat;
}
.orcid span {
display: none;
}
.contributor-note {
padding-top: 10px;
}
@media screen and (min-width: 767px) {
.content-author.single-line .contributor-line {
max-width: calc(100% - 160px);
}
.content-author.single-line > span {
padding-right: 32px;
}
}
@media screen and (min-width: 1200px) {
.content-author.single-line > span {
right: 25px;
}
}
.container-latest h2 {
font-family: "Roboto", sans-serif;
font-size: 20px;
line-height: 1.2;
margin: 0 0 10px !important;
}
.container-latest h3.type {
margin-top: 10px;
}
.container-latest dl.pages {
margin: 0 0 15px;
}
.container-latest dl.pages dt, .container-latest dl.pages dd {
display: inline-block;
}
@media screen and (min-width: 1200px) {
.container-latest h4 {
font-size: 24px;
}
}
.component-recent-news {
text-align: center;
padding: 35px 10px 0 10px;
margin-bottom: 35px;
}
.component-recent-news:before {
content: " ";
display: block;
height: 17px;
width: calc(100% + 10px * 2);
border-top-style: solid;
border-top-width: 1px;
margin-left: -10px;
}
.component-recent-news h2 {
font-family: "Roboto", sans-serif;
font-size: 20px;
line-height: 1.2;
margin: 25px 0 30px;
}
.component-recent-news .news-item {
text-align: left;
margin-bottom: 50px;
display: flex;
flex-direction: column;
}
.component-recent-news .news-teaser {
order: 2;
}
.component-recent-news .news-teaser p {
font-family: "Roboto", sans-serif;
font-size: 16px;
}
.component-recent-news h4.news-date {
font-family: "Roboto", sans-serif;
font-size: 14px;
margin: 0 0 15px;
order: 3;
}
.component-recent-news h3.news-title {
font-family: "Roboto", sans-serif;
font-size: 20px;
margin-top: 0;
order: 1;
}
@media screen and (min-width: 767px) {
.component-recent-news {
padding-right: 40px;
padding-left: 40px;
}
.component-recent-news .news-list {
display: flex;
max-width: 1000px;
margin: 0 auto;
}
.component-recent-news .news-item {
display: flex;
vertical-align: top;
width: 33.3333334%;
padding-right: 30px;
margin-right: -4px;
}
.component-recent-news h2 {
font-size: 22px;
}
}
.component-content-references p.citationText,
.component-content-references .citationActions li {
font-size: 16px;
}
.component-content-subjects {
padding-left: 60px;
}
.container-volumeissues h2 {
font-family: "Roboto", sans-serif;
font-size: 20px;
line-height: 1.2;
margin: 0 0 10px !important;
}
@media screen and (min-width: 1200px) {
.container-volumeissues h2 {
font-size: 24px;
}
}
div.content-figures-list ul.no-bullets {
list-style: none;
margin-left: 0;
}
div.content-figures-list img {
max-width: 100%;
}
figure {
border-style: solid;
border-width: 1px;
padding: 15px;
margin-bottom: 20px;
}
figure::after {
clear: both;
content: "";
display: table;
}
figure .glencoe-video-stub:empty {
border-style: ridge;
border-width: 1px;
content: url(../img/icons/default-video.svg);
width: 150px;
height: 150px;
padding: 15px;
}
figure a.gallery-link, figure .download-figure a {
margin-top: 12px;
float: right;
}
figure a.gallery-link:before, figure .download-figure a:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
content: "";
margin-right: 6px;
font-size: 16px;
}
figure a.gallery-link:after, figure .download-figure a:after {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
content: "";
margin-left: 6px;
font-size: 16px;
}
figure .download-figure {
margin-bottom: 0;
font-size: 14px;
}
figure .download-figure a {
float: none;
}
figure .download-figure a:before {
content: "";
}
figure .download-figure a:after {
display: none;
}
figure .download-figure a:not([href]) {
display: none;
}
figure p {
font-size: 14px;
margin-bottom: 10px;
}
figcaption {
font-family: "Roboto", sans-serif;
font-size: 14px;
padding: 10px;
margin: 10px 0 10px;
}
figcaption ext-link {
word-wrap: break-word;
word-break: break-all;
}
.component-image-gallery .slick-initialized .slick-slide .caption {
padding: 10px;
background: rgba(255, 255, 255, 0.6);
}
.component-image-gallery .caption p {
font-family: "Roboto", sans-serif;
font-size: 14px;
padding: 15px;
line-height: 1.3;
}
/*.component-image-gallery {
.slick-initialized .slick-slide .caption {
position: static;
background: transparent;
max-height: 100%;
max-width: 900px;
margin: 0 auto;
&:hover {
overflow-y: visible;
max-height: 100%;
}
}
.caption p {
font-family: $font-family-secondary;
font-size: $base-font-size-secondary - 2px;
padding: 15px;
line-height: 1.3;
}
.full-image-slider img {
position: static;
}
}*/
/*-- Impact Factor / External Indexers --*/
.afterColumns .container-impactfactor {
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
position: relative;
margin: 0 -10px 17px;
padding: 10px;
}
.afterColumns .container-impactfactor > div::after {
clear: both;
content: "";
display: table;
}
.afterColumns .container-impactfactor:after {
content: " ";
display: block;
height: 17px;
width: 100%;
bottom: -18px;
position: absolute;
left: 0;
}
.afterColumns .container-impactfactor dl {
margin-bottom: 0;
float: left;
}
.afterColumns .container-impactfactor dl dt {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
/*padding: 0;
border: 0;*/
height: 1px;
width: 1px;
overflow: hidden;
}
.afterColumns .externalindexers {
display: inline-block;
margin: 0;
padding: 0;
}
.afterColumns .externalindexers dt {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
/*padding: 0;
border: 0;*/
height: 1px;
width: 1px;
overflow: hidden;
}
.afterColumns .editorialmanager {
margin: 0;
padding: 0;
}
.afterColumns .editorialmanager dt {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
/*padding: 0;
border: 0;*/
height: 1px;
width: 1px;
overflow: hidden;
}
.afterColumns .component-external-links {
border-top-width: 1px;
border-top-style: solid;
padding-right: 20px;
padding-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.afterColumns .component-external-links::after {
clear: both;
content: "";
display: table;
}
.afterColumns .component-external-links div.column {
width: 100%;
padding-right: 0;
display: block;
}
.afterColumns .component-external-links:after {
border-top-width: 1px;
border-top-style: solid;
content: " ";
display: block;
height: 17px;
width: 100%;
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px);
}
.afterColumns .component-external-links dl, .afterColumns .component-external-links ul {
margin-bottom: 0 !important;
padding: 0;
}
.afterColumns .definition-list dl.impactfactor {
float: left;
min-height: 80px;
background: left center no-repeat url(../img/impact-factor.png);
background-size: 40px auto;
padding: 20px 0 20px 50px;
margin: 0 40px 0 0;
}
.afterColumns .definition-list dl.impactfactor dt {
display: block !important;
font-family: "Roboto", sans-serif;
font-size: 12px;
position: relative;
top: -4px;
}
.afterColumns .definition-list dl.impactfactor dd {
display: block !important;
font-family: "Roboto", sans-serif;
font-size: 24px;
}
.afterColumns .definition-list dl.editorialmanager {
float: left;
min-height: 80px;
background: left center no-repeat url(../img/editorial-manager.png);
background-size: 40px auto;
}
.afterColumns .definition-list dl.editorialmanager dd {
display: inline-block !important;
font-family: "Roboto", sans-serif;
font-size: 24px;
}
.afterColumns .definition-list dl.editorialmanager dd a {
padding: 30px 0 0 50px;
height: 100%;
vertical-align: middle;
display: inline-block;
}
.afterColumns ul.externalindexers-list {
list-style: none;
overflow: hidden;
}
.afterColumns ul.externalindexers-list li {
background: left center no-repeat;
background-size: 40px auto;
display: table;
float: left;
min-height: 80px;
vertical-align: middle;
margin-right: 30px;
font-family: "Roboto", sans-serif;
font-size: 16px;
}
.afterColumns ul.externalindexers-list li.wos {
background-image: url(../img/web-of-science.png);
}
.afterColumns ul.externalindexers-list li.scopus {
background-image: url(../img/scopus.png);
}
.afterColumns ul.externalindexers-list li a {
display: table-cell;
padding: 20px 0 20px 50px;
height: 100%;
vertical-align: middle;
}
@media screen and (min-width: 767px) {
.afterColumns .component-external-links {
margin-left: -25px;
margin-right: -25px;
padding-right: 25px;
padding-left: 25px;
}
.afterColumns .component-external-links:after {
margin-left: -25px;
margin-right: -25px;
width: calc(100% + 50px);
}
}
@media screen and (min-width: 1200px) {
.afterColumns .component-external-links {
margin-left: -35px;
margin-right: -35px;
padding-right: 35px;
padding-left: 35px;
}
.afterColumns .component-external-links:after {
margin-left: -35px;
margin-right: -35px;
width: calc(100% + 70px);
}
}
.component-headings ul, .component-googleScholar ul, .component-pubmedWidget ul, .component-content-subjects ul {
margin-left: 75px;
list-style: none;
}
.component-headings ul li, .component-googleScholar ul li, .component-pubmedWidget ul li, .component-content-subjects ul li {
margin-bottom: 20px;
}
.component-headings ul li a + ul,
.component-headings ul li span + ul, .component-googleScholar ul li a + ul,
.component-googleScholar ul li span + ul, .component-pubmedWidget ul li a + ul,
.component-pubmedWidget ul li span + ul, .component-content-subjects ul li a + ul,
.component-content-subjects ul li span + ul {
margin-top: 20px;
}
.component-headings ul ul, .component-googleScholar ul ul, .component-pubmedWidget ul ul, .component-content-subjects ul ul {
margin-left: 20px;
}
.page-homepage .subject-overview {
background-color: #f2f2f2;
}
.page-homepage .subject-overview .inner-bg {
background-repeat: no-repeat;
background-position: bottom right;
background-size: 100% auto;
padding: 30px 10px;
}
.page-homepage .subject-overview h2 {
margin-top: 0;
font-size: 26px;
font-family: "Noto Sans", "Open Sans", sans-serif;
}
.page-homepage .subject-overview p {
font-family: "Noto Sans", "Open Sans", sans-serif;
clear: both;
margin-bottom: 15px;
}
.page-homepage .subject-overview p.center {
text-align: center;
clear: both;
}
.page-homepage .subject-overview img {
float: right;
max-width: 110px;
margin-bottom: 15px;
}
.page-homepage .subject-overview a.button {
border: none;
clear: both;
}
.page-homepage .subject-overview .inner-bg {
background-size: auto;
background-position: bottom left;
}
.page-homepage .subject-overview div.copy {
padding-top: 20px;
}
@media screen and (min-width: 650px) {
.subject-overview div.copy {
position: relative;
z-index: 2;
max-width: 1000px;
margin: 0 auto;
padding-right: 340px;
padding-top: 55px;
min-height: 415px;
}
.subject-overview div.copy img {
position: absolute;
bottom: -95px;
right: 20px;
margin-bottom: 0;
max-width: 270px;
}
.page-subject .subject-overview div.copy img {
max-width: 270px !important;
}
}
@media screen and (min-width: 1200px) {
div.sub-header {
padding: 35px 40px;
}
nav.subject-navigation a {
display: inline-block;
vertical-align: middle;
}
nav.subject-navigation span {
display: inline-block;
vertical-align: middle;
}
nav.subject-navigation > ul {
display: block;
margin-top: 0;
}
nav.subject-navigation > ul li {
display: inline-block;
vertical-align: middle;
}
nav.subject-navigation > ul > li {
margin-left: 30px;
}
nav.subject-navigation > ul > li > span {
margin-right: 8px;
}
nav.subject-navigation a.menu-toggle {
display: none;
}
}
/*- Highlight Intro -*/
.highlight-intro {
text-align: center;
padding: 45px 10px 10px;
background: #fff;
position: relative;
z-index: 1;
}
.highlight-intro h3 {
margin-top: 0;
font-size: 22px;
font-family: "Noto Sans", "Open Sans", sans-serif;
}
.highlight-intro p {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 16px;
}
.type-index-card {
padding: 15px 0 10px;
}
.type-index-card h1 {
font-size: 22px;
margin-bottom: 8px;
}
.type-index-card .source-link,
.type-index-card h2.subTitle {
font-size: 19px;
margin-top: 0;
}
.type-index-card .cover-image img {
/* TODO: rendering with include
pf-shadow(2px, 4px, 4px, 0, 0, $color: $content-shadow, $alpha: $shadowAlpha)-*/
-webkit-box-shadow: 2px 4px 4px 0px #bcbec0;
-moz-box-shadow: 2px 4px 4px 0px #bcbec0;
box-shadow: 2px 4px 4px 0px #bcbec0;
}
.type-index-card h2.subTitle {
margin-bottom: 0;
}
.type-index-card b {
font-weight: normal;
}
.type-index-card .content-item::after {
clear: both;
content: "";
display: table;
}
.type-index-card .definition-list dl {
margin: 0 0 5px;
}
.type-index-card .definition-list dl dt {
display: inline !important;
}
.type-index-card .definition-list dl dd {
display: inline !important;
}
.type-index-card h4.series-list {
font-family: "Roboto", sans-serif;
font-size: 15px;
margin: 4px 0 8px;
}
.type-index-card h4.series-list > span {
margin-right: 4px;
}
.type-index-card h4.series-list ul {
margin: 0;
display: inline-block;
list-style: none;
}
.type-index-card .component {
margin-bottom: 15px;
}
.type-index-card .column-group {
overflow: visible;
}
.type-index-card > div:first-child {
z-index: 2;
}
.type-index-card .leftColumn {
width: 100px !important;
}
.type-index-card dl dt,
.type-index-card dl dd,
.type-index-card ul li,
.type-index-card ol li {
font-size: 14px;
}
/*-- Collapsible column index card styles -*/
.has-tool-bar .type-index-card {
margin: 0 25px;
}
.has-tool-bar .type-index-card::after {
clear: both;
content: "";
display: table;
}
.has-tool-bar .type-index-card .leftColumn {
float: left;
width: 82px !important;
}
.has-tool-bar .type-index-card .centerColumn {
float: right;
width: calc(100% - 82px) !important;
padding-left: 15px !important;
}
.has-tool-bar .type-index-card .rightColumn {
display: none;
}
.has-tool-bar .type-index-card .component-content-title {
margin-bottom: 0;
}
.has-tool-bar .type-index-card .definition-list .column {
display: block;
}
.has-tool-bar .type-index-card .definition-list dl {
display: block;
margin-bottom: 2px;
}
.has-tool-bar .type-index-card .definition-list dl dt {
opacity: 0.6;
}
.has-tool-bar .type-index-card .definition-list dl dd,
.has-tool-bar .type-index-card .definition-list dl dt {
font-size: 14px;
}
.has-tool-bar .type-index-card h4.series-list .series-label {
opacity: 0.6;
}
.has-tool-bar .type-index-card h4.series-list ul,
.has-tool-bar .type-index-card h4.series-list li {
display: inline;
}
/*- Put cover on the left on mobile -*/
#pageBody .column:not(.has-tool-bar) .type-index-card .centerColumn {
width: calc(100% - 100px) !important;
padding: 0 25px 0 0;
float: right;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .leftColumn {
margin-right: 0;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .rightColumn {
clear: both;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .has-leftColumn.has-rightColumn .centerColumn {
width: calc(100% - 100px) !important;
padding: 0 10px;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .has-leftColumn:not(.has-rightColumn) .leftColumn {
padding-right: 10px;
}
.has-tool-bar .ui-accordion-content .type-index-card .component-content-metadata {
padding-left: 35px;
margin-top: -10px;
}
.has-tool-bar .ui-accordion-content .type-index-card .component-content-metadata dl {
margin-bottom: 10px;
}
.type.ico-type {
font-family: "Roboto", sans-serif;
font-size: 16px;
}
.type.ico-type:before {
margin-right: 6px;
}
.component-cover-image .cover-image a {
display: block;
}
.component-cover-image img {
width: 100%;
}
.content-download.buy-book-in-print {
text-align: center;
margin-left: 20px !important;
margin-right: 20px !important;
}
.component-content-download-links {
text-align: center;
}
.component-content-download-links ul {
list-style: none;
margin: 0;
}
.component-content-download-links a.content-download {
margin-right: auto;
margin-left: auto;
font-weight: 700;
}
.component-content-download-links a.content-download:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
font-size: 16px;
margin-right: 8px;
}
.component-content-download-links a.content-download.pdf-download:before {
content: "";
}
.component-content-download-links a.content-download.epub-download:before {
content: "";
}
/*-- Ecommerce related styling --*/
.offer-prices span:nth-child(2):before {
content: "/";
margin: 0 5px;
display: inline-block;
}
.ecommerce-block .offer {
padding: 10px 20px 10px 20px;
text-align: center;
margin: 0 15px 15px;
}
.ecommerce-block .offer h3,
.ecommerce-block .offer .offer-pricing {
margin-top: 0;
font-family: "Roboto", sans-serif;
font-size: 13px;
font-weight: 700;
margin-bottom: 2px;
}
.ecommerce-block .offer a.button {
margin-top: 0;
}
.ecommerce-block .offer .offer-info {
text-align: left;
}
.ecommerce-block .offer-info,
.ecommerce-block .offer-action {
display: none;
}
.ecommerce-block .offer-info.selected,
.ecommerce-block .offer-action.selected {
display: block;
margin-bottom: 10px;
}
.ecommerce-block .offer-select .dropdown-button .offer-info,
.ecommerce-block .offer-select .dropdown-button .offer-action {
display: block;
}
.ecommerce-block a.dropdown-control {
width: 100%;
}
.ecommerce-block a.dropdown-control:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
content: "";
margin-right: 8px;
font-size: 14px;
}
.ecommerce-block .ecommerce-login-link a {
width: 100%;
}
.ecommerce-block .ecommerce-login-link a:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
font-size: 18px;
content: "";
margin-right: 8px;
}
.ecommerce-block .toggle-activator {
position: relative;
}
.ecommerce-block .toggle-activator .less {
display: none;
}
.ecommerce-block .toggle-activator span:before {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
font-size: 15px;
content: "";
margin-right: 8px;
}
.ecommerce-block .toggle-activator span:after {
font-family: material;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
content: "";
display: block;
position: absolute;
right: 10px;
top: 4px;
font-size: 26px;
}
.ecommerce-block .toggle-activator.open span:after {
content: "";
}
.ecommerce-block .toggle-activator.open .less {
display: block;
}
.ecommerce-block .toggle-activator.open .more {
display: none;
}
.ecommerce-block div.dropdown-button.open div.dropdown-menu ul {
max-height: 75vh;
min-height: 90px;
}
.ecommerce-block p.ecommerce-disclaimer {
font-size: 14px;
}
ul.flat-list {
margin-left: 20px;
margin-right: 20px;
}
a.buttonLink.ccc-rights-link {
background-image: url(../img/copyright-clearance.png);
background-position: 8px center;
background-repeat: no-repeat;
background-size: 17px auto;
padding-left: 31px;
}
@media screen and (min-width: 767px) {
ul.flat-list {
margin-left: 20px !important;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .centerColumn {
width: calc(100% - 300px) !important;
padding: 0 25px 0 0;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .leftColumn {
margin-right: 0;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .rightColumn {
border-left-width: 1px;
border-left-style: solid;
width: 300px !important;
margin-left: 0;
padding-left: 25px;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .has-leftColumn.has-rightColumn .centerColumn {
width: calc(100% - 300px - 100px) !important;
padding: 0 25px;
}
#pageBody .column:not(.has-tool-bar) .type-index-card > .columns-2 > .centerColumn {
padding: 0 25px !important;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .has-leftColumn:not(.has-rightColumn) .leftColumn {
margin-left: 0 !important;
}
#pageBody .layout.three-column-with-top-bottom.type-index-card > .columns-2.has-centerColumn > .centerColumn {
padding: 0;
}
#pageBody .has-tool-bar .type-index-card .leftColumn {
margin-left: 0;
}
.type-index-card .definition-list .column {
width: 50%;
padding-right: 10px;
display: inline-block;
margin-right: -4px;
vertical-align: top;
}
.type-index-card .definition-list.list-count-1 .column,
.type-index-card .definition-list.column-count-1 .column {
width: 100%;
}
.has-tool-bar .type-index-card .definition-list .column {
width: auto;
}
.ecommerce-block .offer {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (min-width: 1200px) {
/*-- Collapsible column index card styles -*/
.type-index-card {
padding: 25px 0 10px;
}
.type-index-card h1 {
font-size: 30px;
}
.type-index-card .source-link,
.type-index-card h2.subTitle {
font-size: 21px;
}
.type-index-card dl dt,
.type-index-card dl dd,
.type-index-card ul li,
.type-index-card ol li {
font-size: 16px;
}
/*-- Collapsible column index card styles - hack using pagebody to increase weight -*/
#pageBody .has-tool-bar .type-index-card {
padding-bottom: 0;
}
#pageBody .has-tool-bar .type-index-card .leftColumn {
width: 100px !important;
}
#pageBody .has-tool-bar .type-index-card .centerColumn {
width: calc(100% - 100px) !important;
}
}
@media screen and (min-width: 1600px) {
/*-- Collapsible column index card large desktop adjustment -*/
#pageBody .type-index-card .leftColumn {
width: 100px !important;
}
#pageBody .type-index-card .centerColumn {
width: calc(100% - 100px) !important;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .leftColumn {
width: 240px !important;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .has-leftColumn.has-rightColumn .centerColumn {
width: calc(100% - 300px - 240px) !important;
}
}
article.contentItem h2 {
margin: 0;
font-weight: 700;
font-family: "Roboto", sans-serif;
font-size: 20px;
margin-bottom: 15px;
}
article.contentItem .component-content-contributors {
margin-bottom: 15px;
}
article.contentItem .metaBlock h3 {
margin-top: 0;
}
article.contentItem dl {
margin: 0;
}
article.contentItem dl dt, article.contentItem dl dd {
display: inline;
margin-right: 4px;
}
.component-content-pdf, .component-content-pdf-preview {
background: center center no-repeat url(../img/ajax-loader.gif);
background-size: 80px auto;
border-width: 1px;
border-style: solid;
min-height: 250px;
}
.component-content-pdf canvas, .component-content-pdf-preview canvas {
width: 100%;
}
@media screen and (min-width: 767px) {
.type-content-view .issue-toc,
.ui-tabs .ui-tabs-panel {
width: calc(100% - 300px) !important;
}
.component-content-pdf, .component-content-pdf-preview {
margin-right: -300px;
background-size: 100px auto;
max-width: 1000px;
}
}
#pageBody .column:not(.has-tool-bar) .type-index-card .centerColumn {
width: unset !important;
}
body button,
.column-wrapper button {
color: unset;
background-color: unset;
}
* {
box-sizing: border-box;
}
a {
color: #0094ca;
}
.c-Typography {
color: rgba(0, 0, 0, 0.87);
}
.c-Typography--nowrap {
white-space: nowrap;
}
.c-Typography--center {
text-align: center !important;
}
.c-Typography--left {
text-align: left !important;
}
.c-Typography--right {
text-align: right !important;
}
.c-Typography--display4 {
position: relative;
padding: 0px !important;
margin: 0px 0px 4px 0px !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 112px;
font-weight: 300;
line-height: 128px;
color: rgba(0, 0, 0, 0.54);
-webkit-font-smoothing: antialiased;
}
.c-Typography--display3 {
position: relative;
padding: 0px !important;
margin: 0px 0px 4px 0px !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 72px;
color: rgba(0, 0, 0, 0.54);
-webkit-font-smoothing: antialiased;
}
.c-Typography--display2 {
position: relative;
padding: 0px !important;
margin: 0px 0px 4px 0px !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 45px;
font-weight: 400;
line-height: 48px;
color: rgba(0, 0, 0, 0.54);
-webkit-font-smoothing: antialiased;
}
.c-Typography--display1 {
padding: 0px !important;
margin: 0px 0px 4px 0px !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 34px;
font-weight: 400;
line-height: 40px;
color: rgba(0, 0, 0, 0.54);
-webkit-font-smoothing: antialiased;
}
.c-Typography--headline {
position: relative;
margin: 0px 0px 4px 0px !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 32px;
color: rgba(0, 0, 0, 0.54);
-webkit-font-smoothing: antialiased;
}
.c-Typography--title {
position: relative;
margin: 0px !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 24px;
color: rgba(0, 0, 0, 0.54);
-webkit-font-smoothing: antialiased;
}
.c-Typography--subheading {
position: relative;
margin: 0px !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
color: rgba(0, 0, 0, 0.54);
-webkit-font-smoothing: antialiased;
}
.c-Typography--body2 {
position: relative;
margin: 0px !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
color: rgba(0, 0, 0, 0.54);
-webkit-font-smoothing: antialiased;
}
.c-Typography--body1 {
position: relative;
margin: 0px !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: rgba(0, 0, 0, 0.54);
-webkit-font-smoothing: antialiased;
}
.c-Typography--caption {
position: relative;
margin: 0px !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: rgba(0, 0, 0, 0.54);
-webkit-font-smoothing: antialiased;
}
.c-Typography--alt-font {
font-family: "Montserrat", sans-serif;
}
.c-Typography--light {
color: #ffffff !important;
}
.c-Typography--dark {
color: #000000 !important;
}
.c-Typography--primary {
color: #0094ca !important;
}
.c-Typography--secondary {
color: #ed7653 !important;
}
.c-Typography--text {
color: #444444 !important;
}
.c-Typography--svg {
color: rgba(0, 0, 0, 0.6) !important;
}
.c-Typography--warning {
color: #f0d838 !important;
}
.c-Typography--error {
color: #be2228 !important;
}
.c-Typography--success {
color: #009900 !important;
}
.c-Typography--info {
color: #007bff !important;
}
.c-Typography--muted {
color: #BDBDBD !important;
}
.c-Typography--disabled {
color: #E0E0E0 !important;
}
.c-Typography--google {
color: #de4b39 !important;
}
.c-Typography--facebook {
color: #3c5999 !important;
}
.c-Typography--twitter {
color: #55acef !important;
}
.c-Typography--orcid {
color: #a6ce38 !important;
}
.c-Appbar {
z-index: 1100;
box-sizing: border-box;
contain: layout;
display: flex;
flex-direction: column;
width: 100%;
flex-shrink: 0;
}
.c-Appbar--fixed {
position: fixed;
top: 0px;
left: auto;
right: 0px;
}
.c-Appbar--absolute {
position: fixed;
top: 0px;
left: auto;
right: 0px;
}
.c-Appbar--static {
position: static;
flex-shirnk: 0;
}
.c-Appbar--light {
background-color: #ffffff !important;
}
.c-Appbar--dark {
background-color: #000000 !important;
}
.c-Appbar--primary {
background-color: #0094ca !important;
}
.c-Appbar--secondary {
background-color: #ed7653 !important;
}
.c-Appbar--text {
background-color: #444444 !important;
}
.c-Appbar--svg {
background-color: rgba(0, 0, 0, 0.6) !important;
}
.c-Appbar--warning {
background-color: #f0d838 !important;
}
.c-Appbar--error {
background-color: #be2228 !important;
}
.c-Appbar--success {
background-color: #009900 !important;
}
.c-Appbar--info {
background-color: #007bff !important;
}
.c-Appbar--muted {
background-color: #BDBDBD !important;
}
.c-Appbar--disabled {
background-color: #E0E0E0 !important;
}
.c-Appbar--google {
background-color: #de4b39 !important;
}
.c-Appbar--facebook {
background-color: #3c5999 !important;
}
.c-Appbar--twitter {
background-color: #55acef !important;
}
.c-Appbar--orcid {
background-color: #a6ce38 !important;
}
.c-Avatar {
contain: strict;
position: relative;
border-radius: 50%;
width: 40px;
height: 40px;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 20px;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #fafafa;
overflow: hidden;
user-select: none;
-webkit-font-smoothing: antialiased;
}
.c-Avatar__img {
max-width: 100%;
width: 100%;
height: auto;
text-align: center;
}
.c-Backdrop {
z-index: -1;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
-webkit-tap-highlight-color: transparent;
background-color: rgba(0, 0, 0, 0.54);
transition: createTransition(opacity, sharp, standard);
will-change: opacity;
opacity: 0;
}
.c-Backdrop--invisible {
background-color: rgba(0, 0, 0, 0);
}
.c-Btn {
outline: none !important;
cursor: pointer !important;
transform: translate3d(0, 0, 0) !important;
margin: 0px !important;
float: none !important;
display: inline !important;
align-items: center !important;
justify-content: center !important;
flex-direction: column !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
border-style: none !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: 3px !important;
outline: none !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 0.75rem !important;
font-weight: 500 !important;
line-height: 1.125rem !important;
-webkit-font-smoothing: subpixel-antialiased !important;
text-decoration: none !important;
vertical-align: auto !important;
text-transform: uppercase !important;
transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: background-color;
}
.c-Btn:disabled {
pointer-events: none !important;
box-shadow: none !important;
}
.c-Btn--raised, .c-Btn--flat {
min-width: 88px !important;
min-height: 36px !important;
padding-right: 16px !important;
padding-left: 16px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
float: none !important;
align-items: center !important;
justify-content: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
outline: none !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 0.875rem !important;
font-weight: 600 !important;
line-height: 1.4px !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
white-space: nowrap !important;
text-transform: uppercase !important;
}
.c-Btn--raised.c-Btn--dense, .c-Btn--flat.c-Btn--dense {
min-width: 64px !important;
min-height: 32px !important;
padding: 8px !important;
font-size: 13px !important;
line-height: 18.2px !important;
float: none !important;
display: inline !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
}
.c-Btn--raised.c-Btn--fullWidth, .c-Btn--flat.c-Btn--fullWidth {
width: 100% !important;
height: 100% !important;
float: none !important;
}
.c-Btn--fab {
border-radius: 50%;
box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.12), 0 3px 4px -4px rgba(0, 0, 0, 0.08), 0 6px 19px -6px rgba(0, 0, 0, 0.21) !important;
width: 56px !important;
min-width: 0px !important;
height: 56px !important;
padding: 0px !important;
float: none !important;
}
.c-Btn--fab:active {
box-shadow: 0 6px 20px -6px rgba(0, 0, 0, 0.12), 0 5px 3px -4px rgba(0, 0, 0, 0.08), 0 13px 38px -6px rgba(0, 0, 0, 0.21) !important;
}
.c-Btn--mini {
width: 40px !important;
height: 40px !important;
float: none !important;
}
.c-Btn--raised {
transform: scale(1) translate3d(0, 0, 0) !important;
box-shadow: 0px 9px 22px -12px rgba(87, 87, 87, 0.85), 0px 13px 10px -12px rgba(87, 87, 87, 0.5), 0px 12px 5px -12px rgba(87, 87, 87, 0.58) !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
background-color: #E0E0E0 !important;
background-color: #E0E0E0 !important;
transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: box-shadow, background-color;
}
.c-Btn--raised:hover, .c-Btn--raised.c-Btn--focus {
box-shadow: 0px 10px 25px -8px rgba(87, 87, 87, 0.85), 0px 14px 23px -12px rgba(87, 87, 87, 0.5), 0px 12px 11px -12px rgba(87, 87, 87, 0.58) !important;
}
.c-Btn--raised:active {
box-shadow: 0px 7px 35px -8px rgba(87, 87, 87, 0.95), 0px 12px 30px -12px rgba(87, 87, 87, 0.55), 0px 15px 26px -12px rgba(87, 87, 87, 0.7) !important;
}
.c-Btn--raised:hover, .c-Btn--raised.c-Btn--focus {
background-color: #BDBDBD !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--raised:active {
background-color: #BDBDBD !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--raised:disabled {
color: rgba(0, 0, 0, 0.26) !important;
background-color: rgba(0, 0, 0, 0.12) !important;
box-shadow: none !important;
}
.c-Btn--raised.c-Btn--dense {
box-shadow: 0px 7px 22px -10px rgba(87, 87, 87, 0.85), 0px 10px 10px -10px rgba(87, 87, 87, 0.5), 0px 12px 5px -12px rgba(87, 87, 87, 0.58) !important;
}
.c-Btn--raised.c-Btn--dense:hover, .c-Btn--raised.c-Btn--dense.c-Btn--focus {
box-shadow: 0px 8px 25px -8px rgba(87, 87, 87, 0.85), 0px 14px 23px -12px rgba(87, 87, 87, 0.5), 0px 12px 11px -12px rgba(87, 87, 87, 0.58) !important;
}
.c-Btn--raised.c-Btn--dense:active {
box-shadow: 0px 3px 32px -8px rgba(87, 87, 87, 0.95), 0px 9px 30px -12px rgba(87, 87, 87, 0.55), 0px 15px 26px -12px rgba(87, 87, 87, 0.7) !important;
}
.c-Btn--raised--orcid {
color: #ffffff !important;
background-color: #a6ce38 !important;
}
.c-Btn--raised--facebook {
color: #ffffff !important;
background-color: #3c5999 !important;
}
.c-Btn--raised--facebook:before {
content: "" !important;
position: relative !important;
top: 1px !important;
padding: 0px 12px 0px 0px !important;
font: normal normal normal 18px/1 FontAwesome !important;
}
.c-Btn--raised--google {
color: #ffffff !important;
background-color: #de4b39 !important;
}
.c-Btn--raised--google:before {
content: "" !important;
position: relative !important;
top: 1px !important;
padding: 0px 12px 0px 0px !important;
font: normal normal normal 18px/1 FontAwesome !important;
}
.c-Btn--raised--twitter {
color: #ffffff !important;
background-color: #55acef !important;
}
.c-Btn--raised--twitter:before {
content: "" !important;
position: relative !important;
top: 1px !important;
padding: 0px 12px 0px 0px !important;
font: normal normal normal 18px/1 FontAwesome !important;
}
.c-Btn--flat {
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
background-color: transparent !important;
background-color: transparent !important;
}
.c-Btn--flat:disabled {
color: rgba(0, 0, 0, 0.26) !important;
color: rgba(0, 0, 0, 0.26) !important;
background-color: rgba(0, 0, 0, 0.12) !important;
background-color: rgba(0, 0, 0, 0.12) !important;
}
.c-Btn--flat--orcid {
color: #a6ce38 !important;
background-color: transparent !important;
}
.c-Btn--flat--facebook {
color: #3c5999 !important;
background-color: transparent !important;
}
.c-Btn--flat--facebook:before {
content: "" !important;
position: relative !important;
top: 1px !important;
padding: 0px 12px 0px 0px !important;
font: normal normal normal 18px/1 FontAwesome !important;
}
.c-Btn--flat--google {
color: #de4b39 !important;
background-color: transparent !important;
}
.c-Btn--flat--google:before {
content: "" !important;
position: relative !important;
top: 1px !important;
padding: 0px 12px 0px 0px !important;
font: normal normal normal 18px/1 FontAwesome !important;
}
.c-Btn--flat--twitter {
color: #55acef !important;
background-color: transparent !important;
}
.c-Btn--flat--twitter:before {
content: "" !important;
position: relative !important;
top: 1px !important;
padding: 0px 12px 0px 0px !important;
font: normal normal normal 18px/1 FontAwesome !important;
}
.c-Btn--icon {
border-radius: 50% !important;
width: 48px !important;
height: 48px !important;
margin: 0px !important;
padding: 0px !important;
float: none !important;
outline: none !important;
font-size: 24px !important;
line-height: 16px !important;
text-decoration: none !important;
vertical-align: middle !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
background-color: transparent !important;
background-color: transparent !important;
}
.c-Btn--icon > .c-Btn__label {
width: 48px !important;
height: 48px !important;
margin: 0px !important;
padding: 0px !important;
float: none !important;
}
.c-Btn--primary.c-Btn--raised {
color: #ffffff !important;
background-color: #0094ca !important;
box-shadow: 0px 9px 22px -12px rgba(0, 92, 126, 0.85), 0px 13px 10px -12px rgba(0, 92, 126, 0.5), 0px 12px 5px -12px rgba(0, 92, 126, 0.58) !important;
}
.c-Btn--primary.c-Btn--raised:hover, .c-Btn--primary.c-Btn--raised.c-Btn--focus {
box-shadow: 0px 10px 25px -8px rgba(0, 92, 126, 0.85), 0px 14px 23px -12px rgba(0, 92, 126, 0.5), 0px 12px 11px -12px rgba(0, 92, 126, 0.58) !important;
}
.c-Btn--primary.c-Btn--raised:active {
box-shadow: 0px 7px 35px -8px rgba(0, 92, 126, 0.95), 0px 12px 30px -12px rgba(0, 92, 126, 0.55), 0px 15px 26px -12px rgba(0, 92, 126, 0.7) !important;
}
.c-Btn--primary.c-Btn--raised:hover, .c-Btn--primary.c-Btn--raised.c-Btn--focus {
background-color: #007eab !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--primary.c-Btn--raised:active {
background-color: #0094ca !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--primary.c-Btn--raised.c-Btn--dense {
box-shadow: 0px 7px 22px -10px rgba(0, 92, 126, 0.85), 0px 10px 10px -10px rgba(0, 92, 126, 0.5), 0px 12px 5px -12px rgba(0, 92, 126, 0.58) !important;
}
.c-Btn--primary.c-Btn--raised.c-Btn--dense:hover, .c-Btn--primary.c-Btn--raised.c-Btn--dense.c-Btn--focus {
box-shadow: 0px 8px 25px -8px rgba(0, 92, 126, 0.85), 0px 14px 23px -12px rgba(0, 92, 126, 0.5), 0px 12px 11px -12px rgba(0, 92, 126, 0.58) !important;
}
.c-Btn--primary.c-Btn--raised.c-Btn--dense:active {
box-shadow: 0px 3px 32px -8px rgba(0, 92, 126, 0.95), 0px 9px 30px -12px rgba(0, 92, 126, 0.55), 0px 15px 26px -12px rgba(0, 92, 126, 0.7) !important;
}
.c-Btn--primary.c-Btn--flat {
color: #0094ca !important;
background-color: transparent !important;
}
.c-Btn--primary.c-Btn--flat:hover, .c-Btn--primary.c-Btn--flat.c-Btn--focus {
background-color: rgba(0, 148, 202, 0.055) !important;
}
.c-Btn--primary.c-Btn--flat:active {
background-color: rgba(0, 148, 202, 0.055) !important;
}
.c-Btn--primary.c-Btn--icon {
color: #0094ca !important;
background-color: transparent !important;
}
.c-Btn--primary.c-Btn--icon:hover, .c-Btn--primary.c-Btn--icon.c-Btn--focus {
background-color: rgba(0, 148, 202, 0.055) !important;
}
.c-Btn--primary.c-Btn--icon:active {
background-color: rgba(0, 148, 202, 0.055) !important;
}
.c-Btn--secondary.c-Btn--raised {
color: #ffffff !important;
background-color: #0094ca !important;
box-shadow: 0px 9px 22px -12px rgba(0, 92, 126, 0.85), 0px 13px 10px -12px rgba(0, 92, 126, 0.5), 0px 12px 5px -12px rgba(0, 92, 126, 0.58) !important;
}
.c-Btn--secondary.c-Btn--raised:hover, .c-Btn--secondary.c-Btn--raised.c-Btn--focus {
box-shadow: 0px 10px 25px -8px rgba(0, 92, 126, 0.85), 0px 14px 23px -12px rgba(0, 92, 126, 0.5), 0px 12px 11px -12px rgba(0, 92, 126, 0.58) !important;
}
.c-Btn--secondary.c-Btn--raised:active {
box-shadow: 0px 7px 35px -8px rgba(0, 92, 126, 0.95), 0px 12px 30px -12px rgba(0, 92, 126, 0.55), 0px 15px 26px -12px rgba(0, 92, 126, 0.7) !important;
}
.c-Btn--secondary.c-Btn--raised:hover, .c-Btn--secondary.c-Btn--raised.c-Btn--focus {
background-color: #007eab !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--secondary.c-Btn--raised:active {
background-color: #0094ca !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--secondary.c-Btn--raised.c-Btn--dense {
box-shadow: 0px 7px 22px -10px rgba(0, 92, 126, 0.85), 0px 10px 10px -10px rgba(0, 92, 126, 0.5), 0px 12px 5px -12px rgba(0, 92, 126, 0.58) !important;
}
.c-Btn--secondary.c-Btn--raised.c-Btn--dense:hover, .c-Btn--secondary.c-Btn--raised.c-Btn--dense.c-Btn--focus {
box-shadow: 0px 8px 25px -8px rgba(0, 92, 126, 0.85), 0px 14px 23px -12px rgba(0, 92, 126, 0.5), 0px 12px 11px -12px rgba(0, 92, 126, 0.58) !important;
}
.c-Btn--secondary.c-Btn--raised.c-Btn--dense:active {
box-shadow: 0px 3px 32px -8px rgba(0, 92, 126, 0.95), 0px 9px 30px -12px rgba(0, 92, 126, 0.55), 0px 15px 26px -12px rgba(0, 92, 126, 0.7) !important;
}
.c-Btn--secondary.c-Btn--flat {
color: #0094ca !important;
background-color: transparent !important;
}
.c-Btn--secondary.c-Btn--flat:hover, .c-Btn--secondary.c-Btn--flat.c-Btn--focus {
background-color: rgba(0, 148, 202, 0.055) !important;
}
.c-Btn--secondary.c-Btn--flat:active {
background-color: rgba(0, 148, 202, 0.055) !important;
}
.c-Btn--secondary.c-Btn--icon {
color: #0094ca !important;
background-color: transparent !important;
}
.c-Btn--secondary.c-Btn--icon:hover, .c-Btn--secondary.c-Btn--icon.c-Btn--focus {
background-color: rgba(0, 148, 202, 0.055) !important;
}
.c-Btn--secondary.c-Btn--icon:active {
background-color: rgba(0, 148, 202, 0.055) !important;
}
.c-Btn--light.c-Btn--raised {
color: #ffffff !important;
background-color: #ffffff !important;
box-shadow: 0px 9px 22px -12px rgba(217, 217, 217, 0.85), 0px 13px 10px -12px rgba(217, 217, 217, 0.5), 0px 12px 5px -12px rgba(217, 217, 217, 0.58) !important;
}
.c-Btn--light.c-Btn--raised:hover, .c-Btn--light.c-Btn--raised.c-Btn--focus {
box-shadow: 0px 10px 25px -8px rgba(217, 217, 217, 0.85), 0px 14px 23px -12px rgba(217, 217, 217, 0.5), 0px 12px 11px -12px rgba(217, 217, 217, 0.58) !important;
}
.c-Btn--light.c-Btn--raised:active {
box-shadow: 0px 7px 35px -8px rgba(217, 217, 217, 0.95), 0px 12px 30px -12px rgba(217, 217, 217, 0.55), 0px 15px 26px -12px rgba(217, 217, 217, 0.7) !important;
}
.c-Btn--light.c-Btn--raised:hover, .c-Btn--light.c-Btn--raised.c-Btn--focus {
background-color: #f0f0f0 !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--light.c-Btn--raised:active {
background-color: #ffffff !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--light.c-Btn--raised.c-Btn--dense {
box-shadow: 0px 7px 22px -10px rgba(217, 217, 217, 0.85), 0px 10px 10px -10px rgba(217, 217, 217, 0.5), 0px 12px 5px -12px rgba(217, 217, 217, 0.58) !important;
}
.c-Btn--light.c-Btn--raised.c-Btn--dense:hover, .c-Btn--light.c-Btn--raised.c-Btn--dense.c-Btn--focus {
box-shadow: 0px 8px 25px -8px rgba(217, 217, 217, 0.85), 0px 14px 23px -12px rgba(217, 217, 217, 0.5), 0px 12px 11px -12px rgba(217, 217, 217, 0.58) !important;
}
.c-Btn--light.c-Btn--raised.c-Btn--dense:active {
box-shadow: 0px 3px 32px -8px rgba(217, 217, 217, 0.95), 0px 9px 30px -12px rgba(217, 217, 217, 0.55), 0px 15px 26px -12px rgba(217, 217, 217, 0.7) !important;
}
.c-Btn--light.c-Btn--flat {
color: #ffffff !important;
background-color: transparent !important;
}
.c-Btn--light.c-Btn--flat:hover, .c-Btn--light.c-Btn--flat.c-Btn--focus {
background-color: rgba(255, 255, 255, 0.055) !important;
}
.c-Btn--light.c-Btn--flat:active {
background-color: rgba(255, 255, 255, 0.055) !important;
}
.c-Btn--light.c-Btn--icon {
color: #ffffff !important;
background-color: transparent !important;
}
.c-Btn--light.c-Btn--icon:hover, .c-Btn--light.c-Btn--icon.c-Btn--focus {
background-color: rgba(255, 255, 255, 0.055) !important;
}
.c-Btn--light.c-Btn--icon:active {
background-color: rgba(255, 255, 255, 0.055) !important;
}
.c-Btn--dark.c-Btn--raised {
color: #ffffff !important;
background-color: rgba(0, 0, 0, 0.87) !important;
box-shadow: 0px 9px 22px -12px rgba(0, 0, 0, 0.85), 0px 13px 10px -12px rgba(0, 0, 0, 0.5), 0px 12px 5px -12px rgba(0, 0, 0, 0.58) !important;
}
.c-Btn--dark.c-Btn--raised:hover, .c-Btn--dark.c-Btn--raised.c-Btn--focus {
box-shadow: 0px 10px 25px -8px rgba(0, 0, 0, 0.85), 0px 14px 23px -12px rgba(0, 0, 0, 0.5), 0px 12px 11px -12px rgba(0, 0, 0, 0.58) !important;
}
.c-Btn--dark.c-Btn--raised:active {
box-shadow: 0px 7px 35px -8px rgba(0, 0, 0, 0.95), 0px 12px 30px -12px rgba(0, 0, 0, 0.55), 0px 15px 26px -12px rgba(0, 0, 0, 0.7) !important;
}
.c-Btn--dark.c-Btn--raised:hover, .c-Btn--dark.c-Btn--raised.c-Btn--focus {
background-color: rgba(0, 0, 0, 0.87) !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--dark.c-Btn--raised:active {
background-color: rgba(0, 0, 0, 0.87) !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--dark.c-Btn--raised.c-Btn--dense {
box-shadow: 0px 7px 22px -10px rgba(0, 0, 0, 0.85), 0px 10px 10px -10px rgba(0, 0, 0, 0.5), 0px 12px 5px -12px rgba(0, 0, 0, 0.58) !important;
}
.c-Btn--dark.c-Btn--raised.c-Btn--dense:hover, .c-Btn--dark.c-Btn--raised.c-Btn--dense.c-Btn--focus {
box-shadow: 0px 8px 25px -8px rgba(0, 0, 0, 0.85), 0px 14px 23px -12px rgba(0, 0, 0, 0.5), 0px 12px 11px -12px rgba(0, 0, 0, 0.58) !important;
}
.c-Btn--dark.c-Btn--raised.c-Btn--dense:active {
box-shadow: 0px 3px 32px -8px rgba(0, 0, 0, 0.95), 0px 9px 30px -12px rgba(0, 0, 0, 0.55), 0px 15px 26px -12px rgba(0, 0, 0, 0.7) !important;
}
.c-Btn--dark.c-Btn--flat {
color: rgba(0, 0, 0, 0.87) !important;
background-color: transparent !important;
}
.c-Btn--dark.c-Btn--flat:hover, .c-Btn--dark.c-Btn--flat.c-Btn--focus {
background-color: rgba(0, 0, 0, 0.055) !important;
}
.c-Btn--dark.c-Btn--flat:active {
background-color: rgba(0, 0, 0, 0.055) !important;
}
.c-Btn--dark.c-Btn--icon {
color: rgba(0, 0, 0, 0.87) !important;
background-color: transparent !important;
}
.c-Btn--dark.c-Btn--icon:hover, .c-Btn--dark.c-Btn--icon.c-Btn--focus {
background-color: rgba(0, 0, 0, 0.055) !important;
}
.c-Btn--dark.c-Btn--icon:active {
background-color: rgba(0, 0, 0, 0.055) !important;
}
.c-Btn--error.c-Btn--raised {
color: #ffffff !important;
background-color: #be2228 !important;
box-shadow: 0px 9px 22px -12px rgba(125, 22, 26, 0.85), 0px 13px 10px -12px rgba(125, 22, 26, 0.5), 0px 12px 5px -12px rgba(125, 22, 26, 0.58) !important;
}
.c-Btn--error.c-Btn--raised:hover, .c-Btn--error.c-Btn--raised.c-Btn--focus {
box-shadow: 0px 10px 25px -8px rgba(125, 22, 26, 0.85), 0px 14px 23px -12px rgba(125, 22, 26, 0.5), 0px 12px 11px -12px rgba(125, 22, 26, 0.58) !important;
}
.c-Btn--error.c-Btn--raised:active {
box-shadow: 0px 7px 35px -8px rgba(125, 22, 26, 0.95), 0px 12px 30px -12px rgba(125, 22, 26, 0.55), 0px 15px 26px -12px rgba(125, 22, 26, 0.7) !important;
}
.c-Btn--error.c-Btn--raised:hover, .c-Btn--error.c-Btn--raised.c-Btn--focus {
background-color: #a41d23 !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--error.c-Btn--raised:active {
background-color: #be2228 !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--error.c-Btn--raised.c-Btn--dense {
box-shadow: 0px 7px 22px -10px rgba(125, 22, 26, 0.85), 0px 10px 10px -10px rgba(125, 22, 26, 0.5), 0px 12px 5px -12px rgba(125, 22, 26, 0.58) !important;
}
.c-Btn--error.c-Btn--raised.c-Btn--dense:hover, .c-Btn--error.c-Btn--raised.c-Btn--dense.c-Btn--focus {
box-shadow: 0px 8px 25px -8px rgba(125, 22, 26, 0.85), 0px 14px 23px -12px rgba(125, 22, 26, 0.5), 0px 12px 11px -12px rgba(125, 22, 26, 0.58) !important;
}
.c-Btn--error.c-Btn--raised.c-Btn--dense:active {
box-shadow: 0px 3px 32px -8px rgba(125, 22, 26, 0.95), 0px 9px 30px -12px rgba(125, 22, 26, 0.55), 0px 15px 26px -12px rgba(125, 22, 26, 0.7) !important;
}
.c-Btn--error.c-Btn--flat {
color: #be2228 !important;
background-color: transparent !important;
}
.c-Btn--error.c-Btn--flat:hover, .c-Btn--error.c-Btn--flat.c-Btn--focus {
background-color: rgba(190, 34, 40, 0.055) !important;
}
.c-Btn--error.c-Btn--flat:active {
background-color: rgba(190, 34, 40, 0.055) !important;
}
.c-Btn--error.c-Btn--icon {
color: #be2228 !important;
background-color: transparent !important;
}
.c-Btn--error.c-Btn--icon:hover, .c-Btn--error.c-Btn--icon.c-Btn--focus {
background-color: rgba(190, 34, 40, 0.055) !important;
}
.c-Btn--error.c-Btn--icon:active {
background-color: rgba(190, 34, 40, 0.055) !important;
}
.c-Btn--muted.c-Btn--raised {
color: #ffffff !important;
background-color: #BDBDBD !important;
box-shadow: 0px 9px 22px -12px rgba(151, 151, 151, 0.85), 0px 13px 10px -12px rgba(151, 151, 151, 0.5), 0px 12px 5px -12px rgba(151, 151, 151, 0.58) !important;
}
.c-Btn--muted.c-Btn--raised:hover, .c-Btn--muted.c-Btn--raised.c-Btn--focus {
box-shadow: 0px 10px 25px -8px rgba(151, 151, 151, 0.85), 0px 14px 23px -12px rgba(151, 151, 151, 0.5), 0px 12px 11px -12px rgba(151, 151, 151, 0.58) !important;
}
.c-Btn--muted.c-Btn--raised:active {
box-shadow: 0px 7px 35px -8px rgba(151, 151, 151, 0.95), 0px 12px 30px -12px rgba(151, 151, 151, 0.55), 0px 15px 26px -12px rgba(151, 151, 151, 0.7) !important;
}
.c-Btn--muted.c-Btn--raised:hover, .c-Btn--muted.c-Btn--raised.c-Btn--focus {
background-color: #aeaeae !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--muted.c-Btn--raised:active {
background-color: #BDBDBD !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--muted.c-Btn--raised.c-Btn--dense {
box-shadow: 0px 7px 22px -10px rgba(151, 151, 151, 0.85), 0px 10px 10px -10px rgba(151, 151, 151, 0.5), 0px 12px 5px -12px rgba(151, 151, 151, 0.58) !important;
}
.c-Btn--muted.c-Btn--raised.c-Btn--dense:hover, .c-Btn--muted.c-Btn--raised.c-Btn--dense.c-Btn--focus {
box-shadow: 0px 8px 25px -8px rgba(151, 151, 151, 0.85), 0px 14px 23px -12px rgba(151, 151, 151, 0.5), 0px 12px 11px -12px rgba(151, 151, 151, 0.58) !important;
}
.c-Btn--muted.c-Btn--raised.c-Btn--dense:active {
box-shadow: 0px 3px 32px -8px rgba(151, 151, 151, 0.95), 0px 9px 30px -12px rgba(151, 151, 151, 0.55), 0px 15px 26px -12px rgba(151, 151, 151, 0.7) !important;
}
.c-Btn--muted.c-Btn--flat {
color: #BDBDBD !important;
background-color: transparent !important;
}
.c-Btn--muted.c-Btn--flat:hover, .c-Btn--muted.c-Btn--flat.c-Btn--focus {
background-color: rgba(189, 189, 189, 0.055) !important;
}
.c-Btn--muted.c-Btn--flat:active {
background-color: rgba(189, 189, 189, 0.055) !important;
}
.c-Btn--muted.c-Btn--icon {
color: #BDBDBD !important;
background-color: transparent !important;
}
.c-Btn--muted.c-Btn--icon:hover, .c-Btn--muted.c-Btn--icon.c-Btn--focus {
background-color: rgba(189, 189, 189, 0.055) !important;
}
.c-Btn--muted.c-Btn--icon:active {
background-color: rgba(189, 189, 189, 0.055) !important;
}
.c-Btn--text.c-Btn--raised {
color: #ffffff !important;
background-color: #444444 !important;
box-shadow: 0px 9px 22px -12px rgba(30, 30, 30, 0.85), 0px 13px 10px -12px rgba(30, 30, 30, 0.5), 0px 12px 5px -12px rgba(30, 30, 30, 0.58) !important;
}
.c-Btn--text.c-Btn--raised:hover, .c-Btn--text.c-Btn--raised.c-Btn--focus {
box-shadow: 0px 10px 25px -8px rgba(30, 30, 30, 0.85), 0px 14px 23px -12px rgba(30, 30, 30, 0.5), 0px 12px 11px -12px rgba(30, 30, 30, 0.58) !important;
}
.c-Btn--text.c-Btn--raised:active {
box-shadow: 0px 7px 35px -8px rgba(30, 30, 30, 0.95), 0px 12px 30px -12px rgba(30, 30, 30, 0.55), 0px 15px 26px -12px rgba(30, 30, 30, 0.7) !important;
}
.c-Btn--text.c-Btn--raised:hover, .c-Btn--text.c-Btn--raised.c-Btn--focus {
background-color: #353535 !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--text.c-Btn--raised:active {
background-color: #444444 !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--text.c-Btn--raised.c-Btn--dense {
box-shadow: 0px 7px 22px -10px rgba(30, 30, 30, 0.85), 0px 10px 10px -10px rgba(30, 30, 30, 0.5), 0px 12px 5px -12px rgba(30, 30, 30, 0.58) !important;
}
.c-Btn--text.c-Btn--raised.c-Btn--dense:hover, .c-Btn--text.c-Btn--raised.c-Btn--dense.c-Btn--focus {
box-shadow: 0px 8px 25px -8px rgba(30, 30, 30, 0.85), 0px 14px 23px -12px rgba(30, 30, 30, 0.5), 0px 12px 11px -12px rgba(30, 30, 30, 0.58) !important;
}
.c-Btn--text.c-Btn--raised.c-Btn--dense:active {
box-shadow: 0px 3px 32px -8px rgba(30, 30, 30, 0.95), 0px 9px 30px -12px rgba(30, 30, 30, 0.55), 0px 15px 26px -12px rgba(30, 30, 30, 0.7) !important;
}
.c-Btn--text.c-Btn--flat {
color: #444444 !important;
background-color: transparent !important;
}
.c-Btn--text.c-Btn--flat:hover, .c-Btn--text.c-Btn--flat.c-Btn--focus {
background-color: rgba(68, 68, 68, 0.055) !important;
}
.c-Btn--text.c-Btn--flat:active {
background-color: rgba(68, 68, 68, 0.055) !important;
}
.c-Btn--text.c-Btn--icon {
color: #444444 !important;
background-color: transparent !important;
}
.c-Btn--text.c-Btn--icon:hover, .c-Btn--text.c-Btn--icon.c-Btn--focus {
background-color: rgba(68, 68, 68, 0.055) !important;
}
.c-Btn--text.c-Btn--icon:active {
background-color: rgba(68, 68, 68, 0.055) !important;
}
.c-Btn--svg.c-Btn--raised {
color: #ffffff !important;
background-color: rgba(0, 0, 0, 0.6) !important;
box-shadow: 0px 9px 22px -12px rgba(0, 0, 0, 0.85), 0px 13px 10px -12px rgba(0, 0, 0, 0.5), 0px 12px 5px -12px rgba(0, 0, 0, 0.58) !important;
}
.c-Btn--svg.c-Btn--raised:hover, .c-Btn--svg.c-Btn--raised.c-Btn--focus {
box-shadow: 0px 10px 25px -8px rgba(0, 0, 0, 0.85), 0px 14px 23px -12px rgba(0, 0, 0, 0.5), 0px 12px 11px -12px rgba(0, 0, 0, 0.58) !important;
}
.c-Btn--svg.c-Btn--raised:active {
box-shadow: 0px 7px 35px -8px rgba(0, 0, 0, 0.95), 0px 12px 30px -12px rgba(0, 0, 0, 0.55), 0px 15px 26px -12px rgba(0, 0, 0, 0.7) !important;
}
.c-Btn--svg.c-Btn--raised:hover, .c-Btn--svg.c-Btn--raised.c-Btn--focus {
background-color: rgba(0, 0, 0, 0.6) !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--svg.c-Btn--raised:active {
background-color: rgba(0, 0, 0, 0.6) !important;
transform: translate3d(0, 0, 0) !important;
}
.c-Btn--svg.c-Btn--raised.c-Btn--dense {
box-shadow: 0px 7px 22px -10px rgba(0, 0, 0, 0.85), 0px 10px 10px -10px rgba(0, 0, 0, 0.5), 0px 12px 5px -12px rgba(0, 0, 0, 0.58) !important;
}
.c-Btn--svg.c-Btn--raised.c-Btn--dense:hover, .c-Btn--svg.c-Btn--raised.c-Btn--dense.c-Btn--focus {
box-shadow: 0px 8px 25px -8px rgba(0, 0, 0, 0.85), 0px 14px 23px -12px rgba(0, 0, 0, 0.5), 0px 12px 11px -12px rgba(0, 0, 0, 0.58) !important;
}
.c-Btn--svg.c-Btn--raised.c-Btn--dense:active {
box-shadow: 0px 3px 32px -8px rgba(0, 0, 0, 0.95), 0px 9px 30px -12px rgba(0, 0, 0, 0.55), 0px 15px 26px -12px rgba(0, 0, 0, 0.7) !important;
}
.c-Btn--svg.c-Btn--flat {
color: rgba(0, 0, 0, 0.6) !important;
background-color: transparent !important;
}
.c-Btn--svg.c-Btn--flat:hover, .c-Btn--svg.c-Btn--flat.c-Btn--focus {
background-color: rgba(0, 0, 0, 0.055) !important;
}
.c-Btn--svg.c-Btn--flat:active {
background-color: rgba(0, 0, 0, 0.055) !important;
}
.c-Btn--svg.c-Btn--icon {
color: rgba(0, 0, 0, 0.6) !important;
background-color: transparent !important;
}
.c-Btn--svg.c-Btn--icon:hover, .c-Btn--svg.c-Btn--icon.c-Btn--focus {
background-color: rgba(0, 0, 0, 0.055) !important;
}
.c-Btn--svg.c-Btn--icon:active {
background-color: rgba(0, 0, 0, 0.055) !important;
}
.c-Btn__label {
display: inherit;
display: flex !important;
width: 100% !important;
float: none !important;
align-items: inherit !important;
justify-content: inherit !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
.c-Btn__label--orcid {
color: #ffffff !important;
background-color: #a6ce38 !important;
}
.c-Btn__label--facebook {
color: #ffffff !important;
background-color: #3c5999 !important;
}
.c-Btn__label--facebook:before {
content: "" !important;
position: relative !important;
top: 1px !important;
padding: 0px 12px 0px 0px !important;
font: normal normal normal 18px/1 FontAwesome !important;
}
.c-Btn__label--google {
color: #ffffff !important;
background-color: #de4b39 !important;
}
.c-Btn__label--google:before {
content: "" !important;
position: relative !important;
top: 1px !important;
padding: 0px 12px 0px 0px !important;
font: normal normal normal 18px/1 FontAwesome !important;
}
.c-Btn__label--twitter {
color: #ffffff !important;
background-color: #55acef !important;
}
.c-Btn__label--twitter:before {
content: "" !important;
position: relative !important;
top: 1px !important;
padding: 0px 12px 0px 0px !important;
font: normal normal normal 18px/1 FontAwesome !important;
}
.c-Dialog {
justify-content: center;
align-items: center;
}
.c-Dialog__panel {
max-height: 90px !important;
margin: 16px !important;
overflow: auto !important;
float: none !important;
flex: 0 1 auto !important;
flex-direction: column !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
.c-Dialog__panel:focus {
outline: none;
}
.c-Dialog__panel--xs {
max-width: 360px !important;
}
.c-Dialog__panel--sm {
max-width: 600px !important;
}
.c-Dialog__panel--md {
max-width: 960px !important;
}
.c-Dialog__panel--fullWidth {
width: 100% !important;
}
.c-Dialog__panel--fullScreen {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
max-height: 100% !important;
margin: 0px !important;
float: none !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: unset !important;
}
.c-Dialog__actions {
margin-right: 12px !important;
margin-left: 12px !important;
margin-top: 8px !important;
margin-bottom: 8px !important;
float: none !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: flex-end !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
.c-Dialog__title {
margin: 0px;
padding: 12px 12px 20px 12px;
flex: 0 0 auto;
}
.c-Dialog__content {
flex: 1 1 auto;
overflow-y: auto;
padding: 0px 16px 16px 16px;
}
.c-Dialog__content:first-child {
padding-top: 16px;
}
.c-Dialog__content__text {
margin: 0px;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
color: rgba(0, 0, 0, 0.54);
-webkit-font-smoothing: antialiased;
color: rgba(0, 0, 0, 0.54);
}
.c-Dialog__actions__action {
margin: 0px 2px;
}
.c-Dialog__actions__action__button {
min-width: 64px;
}
.c-Divider {
height: 1px;
margin: 0px !important;
border: none;
flex-shrink: 0;
background-color: rgba(0, 0, 0, 0.12);
}
.c-Divider--inset {
margin-left: 72px !important;
float: none !important;
}
.c-Divider--light {
background-color: rgba(0, 0, 0, 0.075) !important;
background-color: rgba(0, 0, 0, 0.075) !important;
}
.c-Divider--absolute {
position: absolute !important;
bottom: 0px !important;
left: 0px !important;
width: 100% !important;
float: none !important;
}
.c-Drawer {
contain: layout;
}
.c-Drawer-layout {
min-height: calc(100vh - 41px);
max-width: 100% !important;
overflow: hidden;
}
.c-Drawer-layout #pageBody {
padding: 0px !important;
}
.c-Drawer--docked {
flex: 0 0 auto;
}
.c-Drawer__panel {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
z-index: 1300 !important;
position: fixed !important;
top: 0px !important;
height: 100px !important;
float: none !important;
flex: 1 0 auto !important;
flex-direction: column !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
.c-Drawer__panel:focus {
outline: none;
}
.c-Drawer__panel--anchor-left {
right: auto !important;
left: 0px !important;
}
.c-Drawer__panel--anchor-right {
right: auto !important;
left: 0px !important;
}
.c-Drawer__panel--anchor-top {
height: auto !important;
max-height: 100px !important;
top: 0px !important;
right: 0px !important;
bottom: auto !important;
left: 0px !important;
}
.c-Drawer__panel--anchor-bottom {
height: auto !important;
max-height: 100px !important;
top: auto !important;
right: 0px !important;
bottom: 0px !important;
left: 0px !important;
}
.c-Drawer__panel--docked-left {
border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.c-Drawer__panel--docked-top {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.c-Drawer__panel--docked-right {
border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.c-Drawer__panel--docked-bottom {
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.c-FormControl {
border-style: none !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: unset !important;
min-width: 0px !important;
margin: 0px !important;
padding: 0px !important;
float: none !important;
display: inline !important;
flex-direction: column !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
}
.c-FormControl--marginNormal {
margin-top: 8px !important;
margin-bottom: 4px !important;
float: none !important;
}
.c-FormControl--marginDense {
margin-top: 8px !important;
margin-bottom: 12px !important;
float: none !important;
}
.c-FormControl--fullWidth {
width: 100% !important;
float: none !important;
}
.c-FormControl__label {
cursor: pointer;
user-select: none;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
margin-right: 8px !important;
margin-left: -14px !important;
float: none !important;
display: inline !important;
align-items: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
}
.c-FormControl__label--disabled {
cursor: default;
color: #E0E0E0;
}
.c-Form__label {
padding: 0px;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 1rem;
line-height: 1;
color: rgba(0, 0, 0, 0.38);
-webkit-font-smoothing: subpixel-antialiased;
}
.c-Form__label--focused {
color: #0094ca;
}
.c-Form__label--error {
color: #be2228;
}
.c-Form__label--disabled {
color: #E0E0E0;
}
.c-Form__helperText {
font-size: 0.75rem;
line-height: 1em;
text-align: left;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
color: rgba(0, 0, 0, 0.54);
-webkit-font-smoothing: antialiased;
min-height: 100% !important;
margin-top: 4px !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
margin-left: 0px !important;
float: none !important;
}
.c-Form__helperText--dense {
margin-top: 2px;
}
.c-Form__helperText--error {
color: #be2228;
}
.c-Form__helperText--disabled {
color: #E0E0E0;
}
.c-Input {
float: none !important;
display: inline !important;
align-items: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
outline: none !important;
color: rgba(0, 0, 0, 0.8) !important;
color: rgba(0, 0, 0, 0.8) !important;
font-size: 1rem !important;
-webkit-font-smoothing: subpixel-antialiased !important;
text-decoration: none !important;
}
.c-Input:before {
content: "";
pointer-events: none;
position: absolute !important;
right: 0px !important;
bottom: 0px !important;
left: 0px !important;
background-color: rgba(0, 0, 0, 0.075) !important;
background-color: rgba(0, 0, 0, 0.075) !important;
transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: background-color;
}
.c-Input:after {
content: "";
pointer-events: none;
transform: scaleX(0);
position: absolute !important;
right: 0px !important;
bottom: 0px !important;
left: 0px !important;
background-color: #0094ca !important;
background-color: #0094ca !important;
transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: transform;
}
.c-Input:hover:before {
height: 2px !important;
background-color: rgba(0, 0, 0, 0.075) !important;
background-color: rgba(0, 0, 0, 0.075) !important;
float: none !important;
}
.c-Input--disabled {
color: #E0E0E0;
}
.c-Input--disabled:before {
background: transparent;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
background-position: left top;
background-repeat: repeat-x;
background-size: 5px 1px;
}
.c-Input--focused:after {
transform: scaleX(1) !important;
}
.c-Input--error:after {
background-color: #be2228;
transform: scaleX(1);
}
.c-Input--fullWidth {
width: 100% !important;
}
.c-Input--multiline {
padding: 2px 0 3px !important;
}
.c-Input__label {
transform-origin: top left;
-webkit-font-smoothing: subpixel-antialiased;
}
.c-Input__label--formControl {
padding: 0px !important;
transform: translate(0, 24px) scale(1);
position: absolute !important;
top: 0px !important;
left: 0px !important;
}
.c-Input__label--formControl + .c-Input {
margin-top: 16px !important;
}
.c-Input__label--formControl + .c-Input > .c-Input__affix {
max-height: 2px !important;
margin-top: 0px !important;
float: none !important;
align-items: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
.c-Input__label--dense {
transform: translate(0, 17px) scale(1);
}
.c-Input__label--shrink {
transform-origin: top left;
transform: translate(0, 1.5px) scale(0.75);
}
.c-Input__label--animated {
transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: transform;
}
.c-Input__label--disabled {
color: #E0E0E0;
}
.c-Input__field {
font: inherit;
box-sizing: content-box;
border: 0px !important;
vertical-align: middle !important;
color: currentColor;
background: none;
box-shadow: none !important;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-tap-highlight-color: transparent;
width: 100% !important;
margin: 0px !important;
padding-top: 6px !important;
padding-bottom: 8px !important;
padding-right: 0px !important;
padding-left: 0px !important;
float: none !important;
display: block !important;
}
.c-Input__field::-webkit-input-placeholder, .c-Input__field::-moz-placeholder {
color: currentColor;
opacity: 0;
transition: createTransition(opacity, sharp, standard);
-webkit-font-smoothing: antialiased;
}
.c-Input__field:focus::placeholder, .c-Input__field:not(:placeholder-shown)::placeholder {
opacity: 0.42;
}
.c-Input__field:focus {
outline: 0px;
}
.c-Input__field:invalid {
box-shadow: none;
}
.c-Input__field::-webkit-search-decoration {
appearance: none;
}
.c-Input__field--dense {
padding-top: 1px !important;
}
.c-Input__field--disabled {
opacity: 1;
}
.c-Input__field--singleline {
height: 1em !important;
}
.c-Input__field--multiline {
resize: none;
padding: 0px !important;
}
.c-Input__field--search {
appearance: textfield;
}
.c-Input__affix--prefix {
margin-right: 4px !important;
}
.c-Input__affix--suffix {
margin-left: 4px !important;
}
.c-List {
list-style: none;
margin: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
float: none !important;
flex-direction: column !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
.c-List__subheader {
box-sizing: border-box;
list-style: none;
padding-right: 8px !important;
padding-left: 8px !important;
outline: none !important;
font-size: 0.875rem !important;
font-weight: 500 !important;
line-height: 48px !important;
text-decoration: none !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
background-color: #ffffff !important;
background-color: #ffffff !important;
}
.c-List__subheader--primary {
color: #0094ca !important;
color: #0094ca !important;
}
.c-List__subheader--inherit {
color: inherit;
}
.c-List__subheader--inset {
padding-left: 72px;
}
.c-List__subheader--sticky {
background-color: inherit;
z-index: 3 !important;
position: sticky !important;
top: 0px !important;
}
.c-List__item {
text-decoration: none;
z-index: 1 !important;
position: relative !important;
min-height: 24px !important;
margin: 0px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
float: none !important;
align-items: center !important;
justify-content: flex-start !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
.c-List__item--keyboardFocused {
background-color: rgba(0, 0, 0, 0.12) !important;
background-color: rgba(0, 0, 0, 0.12) !important;
}
.c-List__item--disabled {
opacity: 0.5;
}
.c-List__item--divider {
border-bottom-style: solid !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: unset !important;
}
.c-List__item--gutters {
padding-right: 16px !important;
padding-left: 16px !important;
}
.c-List__item--button {
cursor: pointer;
outline: none;
transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: background-color;
}
.c-List__item--button:hover {
text-decoration: none;
background-color: rgba(0, 0, 0, 0.12);
}
@media (hover: none) {
.c-List__item--button:hover {
background-color: transparent;
}
}
.c-List__item--button:hover:disabled {
background-color: transparent;
}
.c-List__item--secondaryAction {
padding-right: 32px !important;
}
.c-List__item__text {
-webkit-font-smoothing: antialiased;
padding-right: 16px !important;
padding-left: 16px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
float: none !important;
flex: 1 1 auto !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
.c-List__item__text:fist-child {
padding-left: 0px !important;
}
.c-List__item__text--inset:first-child {
padding-left: 44px;
}
.c-List__item__text--dense {
font-size: 0.8125rem;
}
.c-List__item__icon {
flex-shrink: 0;
color: rgba(0, 0, 0, 0.54);
width: 24px !important;
height: 24px !important;
margin-right: 16px !important;
float: none !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
.c-Menu__item {
box-sizing: content-box;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
color: rgba(0, 0, 0, 0.54);
-webkit-font-smoothing: antialiased;
height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: none;
}
.c-Menu__item:focus, .c-Menu__item:hover, .c-Menu__item--selected {
background: rgba(0, 0, 0, 0.12);
}
.c-Modal {
z-index: 1500 !important;
position: fixed !important;
top: 0px !important;
left: 0px !important;
width: 100% !important;
height: 100% !important;
float: none !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
.c-Modal--hidden {
visibility: hidden;
}
.c-Paper {
background-color: #ffffff !important;
background-color: #ffffff !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: 3px !important;
}
.c-Paper--square {
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: unset !important;
}
.c-Paper--elevation1 {
box-shadow: 0 0px 3px -1px rgba(0, 0, 0, 0.12), 0 1px 1px -2px rgba(0, 0, 0, 0.08), 0 2px 11px -4px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation2 {
box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.12), 0 2px 1px -3px rgba(0, 0, 0, 0.08), 0 3px 12px -5px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation3 {
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.08), 0 4px 13px -5px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation4 {
box-shadow: 0 1px 4px -3px rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.08), 0 4px 15px -5px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation5 {
box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.08), 0 5px 15px -5px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation6 {
box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.12), 0 3px 4px -4px rgba(0, 0, 0, 0.08), 0 6px 19px -6px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation7 {
box-shadow: 0 1px 8px -4px rgba(0, 0, 0, 0.12), 0 3px 2px -4px rgba(0, 0, 0, 0.08), 0 5px 30px -5px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation8 {
box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.12), 0 3px 2px -4px rgba(0, 0, 0, 0.08), 0 7px 32px -5px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation9 {
box-shadow: 0 5px 11px -4px rgba(0, 0, 0, 0.12), 0 5px 3px -4px rgba(0, 0, 0, 0.08), 0 9px 33px -6px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation10 {
box-shadow: 0 5px 14px -5px rgba(0, 0, 0, 0.12), 0 5px 3px -4px rgba(0, 0, 0, 0.08), 0 10px 35px -6px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation11 {
box-shadow: 0 5px 17px -5px rgba(0, 0, 0, 0.12), 0 5px 3px -4px rgba(0, 0, 0, 0.08), 0 11px 36px -6px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation12 {
box-shadow: 0 6px 20px -6px rgba(0, 0, 0, 0.12), 0 5px 3px -4px rgba(0, 0, 0, 0.08), 0 13px 38px -6px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation13 {
box-shadow: 0 7px 24px -6px rgba(0, 0, 0, 0.12), 0 5px 4px -4px rgba(0, 0, 0, 0.08), 0 14px 40px -6px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation14 {
box-shadow: 0 8px 28px -6px rgba(0, 0, 0, 0.12), 0 5px 5px -4px rgba(0, 0, 0, 0.08), 0 14px 43px -7px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation15 {
box-shadow: 0 11px 30px -6px rgba(0, 0, 0, 0.12), 0 5px 6px -4px rgba(0, 0, 0, 0.08), 0 15px 45px -7px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation16 {
box-shadow: 0 13px 36px -6px rgba(0, 0, 0, 0.12), 0 5px 8px -4px rgba(0, 0, 0, 0.08), 0 15px 48px -7px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation17 {
box-shadow: 0 14px 37px -7px rgba(0, 0, 0, 0.12), 0 6px 8px -4px rgba(0, 0, 0, 0.08), 0 17px 50px -8px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation18 {
box-shadow: 0 15px 39px -7px rgba(0, 0, 0, 0.12), 0 6px 9px -4px rgba(0, 0, 0, 0.08), 0 18px 51px -8px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation19 {
box-shadow: 0 16px 40px -7px rgba(0, 0, 0, 0.12), 0 6px 9px -4px rgba(0, 0, 0, 0.08), 0 21px 52px -8px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation20 {
box-shadow: 0 18px 42px -7px rgba(0, 0, 0, 0.12), 0 6px 9px -3px rgba(0, 0, 0, 0.08), 0 24px 54px -9px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation21 {
box-shadow: 0 19px 44px -7px rgba(0, 0, 0, 0.12), 0 6px 9px -3px rgba(0, 0, 0, 0.08), 0 26px 55px -10px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation22 {
box-shadow: 0 21px 45px -7px rgba(0, 0, 0, 0.12), 0 6px 9px -3px rgba(0, 0, 0, 0.08), 0 28px 57px -10px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation23 {
box-shadow: 0 22px 47px -8px rgba(0, 0, 0, 0.12), 0 7px 9px -3px rgba(0, 0, 0, 0.08), 0 20px 58px -11px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--elevation24 {
box-shadow: 0 24px 48px -8px rgba(0, 0, 0, 0.12), 0 7px 10px -3px rgba(0, 0, 0, 0.08), 0 32px 60px -12px rgba(0, 0, 0, 0.21) !important;
}
.c-Paper--light {
background-color: #ffffff !important;
}
.c-Paper--dark {
background-color: #000000 !important;
}
.c-Paper--primary {
background-color: #0094ca !important;
}
.c-Paper--secondary {
background-color: #ed7653 !important;
}
.c-Paper--text {
background-color: #444444 !important;
}
.c-Paper--svg {
background-color: rgba(0, 0, 0, 0.6) !important;
}
.c-Paper--warning {
background-color: #f0d838 !important;
}
.c-Paper--error {
background-color: #be2228 !important;
}
.c-Paper--success {
background-color: #009900 !important;
}
.c-Paper--info {
background-color: #007bff !important;
}
.c-Paper--muted {
background-color: #BDBDBD !important;
}
.c-Paper--disabled {
background-color: #E0E0E0 !important;
}
.c-Paper--google {
background-color: #de4b39 !important;
}
.c-Paper--facebook {
background-color: #3c5999 !important;
}
.c-Paper--twitter {
background-color: #55acef !important;
}
.c-Paper--orcid {
background-color: #a6ce38 !important;
}
.c-Popover {
position: absolute;
overflow-y: auto;
overflow-x: hidden;
min-width: 16px;
max-width: calc(100vw - 32px);
min-height: 16;
max-height: calc(100vh - 32px);
}
.c-Popover:focus {
outline: none;
}
.c-Popover__menu {
max-height: calc(100vh - 96px);
-webkit-overflow-scrolling: touch;
}
@keyframes wave-pulsate {
0% {
transform: scale(0.8) translate3d(0, 0, 0);
}
50% {
transform: scale(1.05) translate3d(0, 0, 0);
}
100% {
transform: scale(0.8) translate3d(0, 0, 0);
}
}
@keyframes wave-enter {
0% {
transform: scale(0) translate3d(0, 0, 0);
}
100% {
transform: scale(1) translate3d(0, 0, 0);
}
}
@keyframes wave-exit {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.c-Ripple {
contain: strict;
z-index: 3;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
pointer-events: none;
transform: translate3d(0, 0, 0);
will-change: transform, opacity;
}
.c-Ripple__wave {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: block;
opacity: 1;
transform: translate3d(0, 0, 0);
will-change: transform;
}
.c-Ripple__wave--pulsate {
animation: wave-pulsate 1600ms ease-in-out 0ms infinite;
}
.c-Ripple__wave--exit {
opacity: 0;
animation: wave-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);
}
.c-Ripple__wave__ink {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #000;
opacity: 0;
transform: translate3d(0, 0, 0);
will-change: opacity, transform;
}
.c-Ripple__wave__ink--enter {
opacity: 0.2;
animation: wave-enter 550ms cubic-bezier(0.4, 0, 0.2, 1);
}
.c-Ripple__wave__ink--fast {
animation-duration: 200ms;
}
.c-Ripple__wave__ink--light {
background-color: #ffffff !important;
}
.c-Ripple__wave__ink--dark {
background-color: #000000 !important;
}
.c-Ripple__wave__ink--primary {
background-color: #0094ca !important;
}
.c-Ripple__wave__ink--secondary {
background-color: #ed7653 !important;
}
.c-Ripple__wave__ink--text {
background-color: #444444 !important;
}
.c-Ripple__wave__ink--svg {
background-color: rgba(0, 0, 0, 0.6) !important;
}
.c-Ripple__wave__ink--warning {
background-color: #f0d838 !important;
}
.c-Ripple__wave__ink--error {
background-color: #be2228 !important;
}
.c-Ripple__wave__ink--success {
background-color: #009900 !important;
}
.c-Ripple__wave__ink--info {
background-color: #007bff !important;
}
.c-Ripple__wave__ink--muted {
background-color: #BDBDBD !important;
}
.c-Ripple__wave__ink--disabled {
background-color: #E0E0E0 !important;
}
.c-Ripple__wave__ink--google {
background-color: #de4b39 !important;
}
.c-Ripple__wave__ink--facebook {
background-color: #3c5999 !important;
}
.c-Ripple__wave__ink--twitter {
background-color: #55acef !important;
}
.c-Ripple__wave__ink--orcid {
background-color: #a6ce38 !important;
}
.c-Select {
position: relative;
width: 100% !important;
}
.c-Select__input {
cursor: pointer;
appearance: none;
user-select: none;
-moz-appearance: none;
-webkit-appearance: none;
min-width: 16px !important;
padding-right: 4px !important;
}
.c-Select__input:disabled {
cursor: default;
}
.c-Select__input:focus {
background: rgba(0, 0, 0, 0.05);
border-radius: 0px;
}
.c-Select__input-moz-focusing {
color: transparent;
text-shadow: 0 0 0 #000;
}
.c-Select__input::ms-expand {
display: none;
}
.c-Select__icon {
color: rgba(0, 0, 0, 0.6);
pointer-events: none;
position: absolute !important;
top: 4px !important;
right: 0px !important;
}
.c-Select__menu {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
line-height: calc(1em + 6px);
width: auto !important;
padding-top: 6px !important;
padding-bottom: 8px !important;
}
.c-SvgIcon {
width: 24px !important;
height: 24px !important;
float: none !important;
display: inline !important;
flex-shrink: 0;
fill: currentColor;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
transition: createTransition(color, sharp, standard), createTransition(fill, sharp, standard);
will-change: color, fill;
}
.c-SvgIcon--light {
color: #ffffff !important;
}
.c-SvgIcon--dark {
color: #000000 !important;
}
.c-SvgIcon--primary {
color: #0094ca !important;
}
.c-SvgIcon--secondary {
color: #ed7653 !important;
}
.c-SvgIcon--text {
color: #444444 !important;
}
.c-SvgIcon--svg {
color: rgba(0, 0, 0, 0.6) !important;
}
.c-SvgIcon--warning {
color: #f0d838 !important;
}
.c-SvgIcon--error {
color: #be2228 !important;
}
.c-SvgIcon--success {
color: #009900 !important;
}
.c-SvgIcon--info {
color: #007bff !important;
}
.c-SvgIcon--muted {
color: #BDBDBD !important;
}
.c-SvgIcon--disabled {
color: #E0E0E0 !important;
}
.c-SvgIcon--google {
color: #de4b39 !important;
}
.c-SvgIcon--facebook {
color: #3c5999 !important;
}
.c-SvgIcon--twitter {
color: #55acef !important;
}
.c-SvgIcon--orcid {
color: #a6ce38 !important;
}
.c-Toolbar {
position: relative;
min-height: 56px !important;
float: none !important;
align-items: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
@media (min-width: 765px) {
.c-Toolbar {
min-height: 48px !important;
}
}
@media (min-width: 960px) {
.c-Toolbar {
min-height: 64px !important;
}
}
.c-Toolbar--gutters {
padding-left: 8px;
padding-right: 8px;
}
@media (min-width: 600px) {
.c-Toolbar--gutters {
padding-left: 16px;
padding-right: 16px;
}
}
.c-Tooltip {
min-height: 12px;
border-radius: 2px;
padding: 0px;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 0.875rem;
line-height: 32px;
background: #757575;
color: #ffffff;
opacity: 0;
transform: scale(0);
transition: createTransition(opacity, sharp, standard), createTransition(transform, sharp, standard);
}
@media (min-width: 600px) {
.c-Tooltip {
min-height: 22px;
line-height: 22px;
padding: 0px;
font-size: 0.625rem;
}
}
#contentWrapper {
contain: layout;
}
.c-AppHeader {
z-index: 8;
position: fixed !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
transition: transform 225ms cubic-bezier(0.4, 0, 0.6, 1) !important;
}
.c-AppHeader:before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
transition: width 225ms cubic-bezier(0.0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0.0, 0, 0.2, 1) !important;
will-change: width, box-shadow;
box-shadow: 0 1px 8px -4px rgba(0, 0, 0, 0.12), 0 3px 2px -4px rgba(0, 0, 0, 0.08), 0 5px 30px -5px rgba(0, 0, 0, 0.21) !important;
}
.c-AppHeader--isUnFixed:before {
width: 100% !important;
box-shadow: 0 1px 4px -3px rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.08), 0 4px 15px -5px rgba(0, 0, 0, 0.21) !important;
}
.c-AppHeader--drawerOpened:before {
width: calc(100% - 350px);
}
.c-AppHeader--isExtended {
z-index: 102 !important;
box-shadow: none !important;
}
.c-AppHeader__bar {
padding-right: 12px !important;
padding-left: 12px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
float: none !important;
justify-content: space-between !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
padding: 0px 12px;
background-color: #ffffff;
}
#quickLinks {
box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.05), 0px -6px 39px 0px rgba(0, 0, 0, 0.2), 0px -4px 5px 0px rgba(0, 0, 0, 0.2) !important;
}
#quickLinks > .close-search-button:after {
content: "" !important;
position: relative !important;
width: 24px !important;
height: 24px !important;
display: inline-block !important;
font-family: "Material Icons" !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 24px !important;
line-height: 24px !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
word-wrap: normal !important;
white-space: nowrap !important;
direction: ltr !important;
-webkit-font-smoothing: antialiased !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
padding: 0px;
}
#quickLinks > .form-wrapper > .search-scope-selector {
z-index: 1;
top: 85px !important;
position: relative;
padding-right: 140px;
}
#quickLinks > .form-wrapper > .search-scope-selector > .search-scopes {
display: flex !important;
}
#quickLinks > .form-wrapper > .search-scope-selector > .search-scopes > li > a {
margin: 0.35em 0px !important;
display: flex;
justify-content: center;
align-items: center;
font-family: Roboto;
font-size: 0.875rem !important;
font-weight: 500 !important;
line-height: 1.46429em !important;
color: rgba(0, 0, 0, 0.6);
-webkit-font-smoothing: antialiased !important;
}
#quickLinks > .form-wrapper > .search-scope-selector > .search-scopes > li > a:before {
content: "" !important;
position: relative !important;
margin-right: 4px !important;
width: 24px !important;
height: 24px !important;
display: inline-block !important;
font-family: "Material Icons" !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 24px !important;
line-height: 24px !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
word-wrap: normal !important;
white-space: nowrap !important;
color: rgba(0, 0, 0, 0.6) !important;
direction: ltr !important;
-webkit-font-smoothing: antialiased !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
padding: 0px;
}
#quickLinks > .form-wrapper > .search-scope-selector > .search-scopes > li > a.selected {
color: #0094ca !important;
}
#quickLinks > .form-wrapper > .search-scope-selector > .search-scopes > li > a.selected:before {
content: "" !important;
position: relative !important;
margin-right: 4px !important;
width: 24px !important;
height: 24px !important;
display: inline-block !important;
font-family: "Material Icons" !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 24px !important;
line-height: 24px !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
word-wrap: normal !important;
white-space: nowrap !important;
color: #0094ca !important;
direction: ltr !important;
-webkit-font-smoothing: antialiased !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
padding: 0px;
}
#quickLinks > .form-wrapper > .search-button {
height: 48px;
width: 48px;
padding: 0px;
top: 6px !important;
}
#quickLinks > .form-wrapper > .search-button:before {
content: "" !important;
color: rgba(0, 0, 0, 0.54) !important;
position: relative !important;
width: 24px !important;
height: 24px !important;
display: inline-block !important;
font-family: "Material Icons" !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 24px !important;
line-height: 24px !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
word-wrap: normal !important;
white-space: nowrap !important;
direction: ltr !important;
-webkit-font-smoothing: antialiased !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
padding: 0px;
}
#quickLinks > .form-wrapper > .search-utils {
z-index: 3 !important;
position: relative !important;
top: 5px !important;
}
#pagetitle {
outline: none !important;
color: rgba(0, 0, 0, 0.4) !important;
color: rgba(0, 0, 0, 0.4) !important;
font-family: Montserrat, sans-serif !important;
font-size: 1.75rem !important;
font-weight: 700 !important;
line-height: 2.125rem !important;
-webkit-font-smoothing: subpixel-antialiased !important;
text-decoration: none !important;
margin-bottom: 0px !important;
}
#searchContent > .contentItem {
margin-top: 0px !important;
margin-bottom: 24px !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 0px !important;
max-width: 900px !important;
background-color: #ffffff !important;
background-color: #ffffff !important;
float: none !important;
flex-direction: column !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
border-style: none !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: 3px !important;
box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.2), 0 2px 1px -3px rgba(0, 0, 0, 0.15), 0 3px 12px -5px rgba(0, 0, 0, 0.3) !important;
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
@media (min-width: 765px) {
#searchContent > .contentItem {
flex-direction: column !important;
}
}
@media (min-width: 960px) {
#searchContent > .contentItem {
flex-direction: column !important;
}
}
@media (min-width: 1200px) {
#searchContent > .contentItem {
flex-direction: row !important;
}
}
#searchContent > .contentItem:hover {
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
#searchContent > .contentItem.journal > .detail, #searchContent > .contentItem.book > .detail {
margin: 0px !important;
padding-right: 32px !important;
padding-left: 156px !important;
padding-top: 24px !important;
padding-bottom: 24px !important;
display: flex !important;
min-height: 183px !important;
float: none !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
#searchContent > .contentItem.journal > .detail > .component-cover-image, #searchContent > .contentItem.book > .detail > .component-cover-image {
position: absolute !important;
left: 0px !important;
padding-right: 0px !important;
padding-left: 32px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
float: none !important;
}
@media (min-width: 765px) {
#searchContent > .contentItem.journal > .detail > .component-cover-image, #searchContent > .contentItem.book > .detail > .component-cover-image {
padding-left: 32px !important;
}
}
@media (min-width: 960px) {
#searchContent > .contentItem.journal > .detail > .component-cover-image, #searchContent > .contentItem.book > .detail > .component-cover-image {
padding-left: 32px !important;
}
}
@media (min-width: 1200px) {
#searchContent > .contentItem.journal > .detail > .component-cover-image, #searchContent > .contentItem.book > .detail > .component-cover-image {
padding-left: 40px !important;
}
}
#searchContent > .contentItem.journal > .metaBlock > .metadata > h3.type, #searchContent > .contentItem.book > .metaBlock > .metadata > h3.type {
margin-top: 0px !important;
margin-bottom: 16px !important;
margin-right: 0px !important;
margin-left: 0px !important;
}
#searchContent > .contentItem > .detail {
position: relative;
margin: 0px !important;
padding-top: 32px !important;
padding-bottom: 24px !important;
padding-right: 32px !important;
padding-left: 32px !important;
float: none !important;
flex-direction: column !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
@media (min-width: 765px) {
#searchContent > .contentItem > .detail {
padding-bottom: 24px !important;
}
}
@media (min-width: 960px) {
#searchContent > .contentItem > .detail {
padding-bottom: 24px !important;
}
}
@media (min-width: 1200px) {
#searchContent > .contentItem > .detail {
padding-bottom: 32px !important;
}
}
@media (min-width: 765px) {
#searchContent > .contentItem > .detail {
padding-right: 32px !important;
padding-left: 32px !important;
}
}
@media (min-width: 960px) {
#searchContent > .contentItem > .detail {
padding-right: 32px !important;
padding-left: 32px !important;
}
}
@media (min-width: 1200px) {
#searchContent > .contentItem > .detail {
padding-right: 40px !important;
padding-left: 40px !important;
}
}
#searchContent > .contentItem > .detail > .accessIcon {
margin: 0px !important;
position: absolute !important;
right: 24px !important;
}
#searchContent > .contentItem > .detail > .accessIcon:before {
content: "\E898" !important;
word-wrap: normal !important;
direction: ltr !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
width: 16px !important;
height: 16px !important;
float: none !important;
display: inline !important;
align-items: center !important;
justify-content: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
outline: none !important;
font-family: Material Icons !important;
font-size: 16px !important;
font-weight: normal !important;
line-height: 16px !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
outline: none !important;
color: #ed7653 !important;
color: #ed7653 !important;
text-decoration: none !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
font-style: none !important;
white-space: nowrap !important;
transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: color;
}
#searchContent > .contentItem > .detail > .component-cover-image {
float: none !important;
margin-right: 24px !important;
margin-left: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
#searchContent > .contentItem > .detail > .component-cover-image > .cover-image {
border-style: none !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: unset !important;
}
#searchContent > .contentItem > .detail > .component-cover-image > .cover-image > a > img {
float: none;
vertical-align: middle;
transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: box-shadow;
width: 90px !important;
min-width: 90px !important;
height: auto !important;
float: none !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: 3px !important;
box-shadow: 0 5px 14px -5px rgba(0, 0, 0, 0.2), 0 5px 3px -4px rgba(0, 0, 0, 0.15), 0 10px 35px -6px rgba(0, 0, 0, 0.3) !important;
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
#searchContent > .contentItem > .detail > .component-cover-image > .cover-image > a > img:hover {
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
#searchContent > .contentItem > .detail > .component-cover-image > .cover-image > a > img:hover {
box-shadow: 0 8px 28px -6px rgba(0, 0, 0, 0.2), 0 5px 5px -4px rgba(0, 0, 0, 0.15), 0 14px 43px -7px rgba(0, 0, 0, 0.3) !important;
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
#searchContent > .contentItem > .detail > .component-cover-image > .cover-image > a > img:hover:hover {
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
#searchContent > .contentItem > .detail > .component-title-display {
float: none !important;
margin: 0px !important;
padding: 0px !important;
}
#searchContent > .contentItem > .detail > .component-title-display > .title-wrapper > h2.item-title {
max-width: 75% !important;
margin: 0px !important;
float: none !important;
outline: none !important;
color: rgba(0, 0, 0, 0.8) !important;
color: rgba(0, 0, 0, 0.8) !important;
font-family: Montserrat, sans-serif !important;
font-size: 1.125rem !important;
font-weight: 500 !important;
line-height: 1.5rem !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
}
#searchContent > .contentItem > .detail > .component-title-display > .title-wrapper > h2.item-title > a {
text-decoration: none !important;
color: #0094ca !important;
color: #0094ca !important;
}
#searchContent > .contentItem > .detail > h3.item-contributor {
outline: none !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 0.75rem !important;
font-weight: 400 !important;
line-height: 1.125rem !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
margin-right: 0px !important;
margin-left: 0px !important;
margin-top: 4px !important;
margin-bottom: 4px !important;
padding: 0px !important;
color: rgba(0, 0, 0, 0.4) !important;
color: rgba(0, 0, 0, 0.4) !important;
float: none !important;
}
#searchContent > .contentItem > .detail > .item-context {
margin-top: 10px !important;
}
#searchContent > .contentItem > .detail > .item-context.shut > .component-cntent-summary > .pf-summary-abstract {
display: none;
}
#searchContent > .contentItem > .detail > .item-context > .component-content-summary > .pf-summary-abstract > .abstract {
padding-right: 24px !important;
padding-left: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
#searchContent > .contentItem > .detail > .item-context > .component-content-summary > .pf-summary-abstract > .abstract > h2.abstractTitle {
outline: none !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 1rem !important;
font-weight: 500 !important;
line-height: 1.25rem !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
margin-top: 8px !important;
margin-bottom: 4px !important;
margin-right: 0px !important;
margin-left: 0px !important;
}
#searchContent > .contentItem > .detail > .item-context > .component-content-summary > .pf-summary-abstract > .abstract > p {
outline: none !important;
color: rgba(0, 0, 0, 0.4) !important;
color: rgba(0, 0, 0, 0.4) !important;
font-family: Montserrat, sans-serif !important;
font-size: 0.875rem !important;
font-weight: 500 !important;
line-height: 1.125rem !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
margin: 0px !important;
}
#searchContent > .contentItem > .detail > .item-context > .component-content-summary > .pf-summary-abstract > .abstract > p > a {
height: 28px !important;
margin: 0px -42px 0px 0px !important;
padding-left: 0px !important;
display: flex !important;
justify-content: flex-end !important;
font-size: 0px !important;
line-height: 28px !important;
outline: none !important;
text-decoration: none !important;
transform: translate3d(0, 50%, 0);
}
#searchContent > .contentItem > .detail > .item-context > .component-content-summary > .pf-summary-abstract > .abstract > p > a:hover:after {
color: #0094ca !important;
color: #0094ca !important;
}
#searchContent > .contentItem > .detail > .item-context > .component-content-summary > .pf-summary-abstract > .abstract > p > a:after {
position: relative;
margin: 0px !important;
padding: 0px !important;
display: inline-block;
font-family: "Material Icons";
font-style: normal;
font-size: 24px !important;
font-weight: 400 !important;
line-height: 40px !important;
color: rgba(0, 0, 0, 0.3) !important;
-webkit-font-smoothing: antialiased;
}
#searchContent > .contentItem > .detail > .item-context > .component-content-summary > .pf-summary-abstract > .abstract > p > a.moretoggle:after {
content: "\E313" !important;
word-wrap: normal !important;
direction: ltr !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
width: 24px !important;
height: 24px !important;
float: none !important;
display: inline !important;
align-items: center !important;
justify-content: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
outline: none !important;
font-family: Material Icons !important;
font-size: 24px !important;
font-weight: normal !important;
line-height: 24px !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
outline: none !important;
color: rgba(0, 0, 0, 0.4) !important;
color: rgba(0, 0, 0, 0.4) !important;
text-decoration: none !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
font-style: none !important;
white-space: nowrap !important;
transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: color;
}
#searchContent > .contentItem > .detail > .item-context > .component-content-summary > .pf-summary-abstract > .abstract > p > a.lesstoggle:after {
content: "\E316" !important;
word-wrap: normal !important;
direction: ltr !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
width: 24px !important;
height: 24px !important;
float: none !important;
display: inline !important;
align-items: center !important;
justify-content: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
outline: none !important;
font-family: Material Icons !important;
font-size: 24px !important;
font-weight: normal !important;
line-height: 24px !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
outline: none !important;
color: rgba(0, 0, 0, 0.4) !important;
color: rgba(0, 0, 0, 0.4) !important;
text-decoration: none !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
font-style: none !important;
white-space: nowrap !important;
transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: color;
}
#searchContent > .contentItem > .detail > .item-context > .component-content-summary > .pf-summary-abstract > a {
font-size: 0px !important;
line-height: 28px !important;
outline: none !important;
text-decoration: none !important;
transform: translate3d(0, 50%, 0);
margin-right: -24px !important;
margin-left: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-left: 0px !important;
height: 28px !important;
float: none !important;
justify-content: flex-end !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
#searchContent > .contentItem > .detail > .item-context > .component-content-summary > .pf-summary-abstract > a:hover:after {
color: #0094ca !important;
color: #0094ca !important;
}
#searchContent > .contentItem > .detail > .item-context > .component-content-summary > .pf-summary-abstract > a:after {
position: relative;
margin: 0px !important;
padding: 0px !important;
display: inline-block;
font-family: "Material Icons";
font-style: normal;
font-size: 24px !important;
font-weight: 400 !important;
line-height: 28px !important;
color: rgba(0, 0, 0, 0.3) !important;
-webkit-font-smoothing: antialiased;
}
#searchContent > .contentItem > .detail > .item-context > .component-content-summary > .pf-summary-abstract > a.moretoggle:after {
content: "" !important;
}
#searchContent > .contentItem > .detail > .item-context > .component-content-summary > .pf-summary-abstract > a.lesstoggle:after {
content: "" !important;
}
#searchContent > .contentItem > .metaBlock {
flex: none !important;
position: relative !important;
border-top-style: solid !important;
border-left-style: none !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.045) !important;
border-radius: unset !important;
width: auto !important;
margin: 0px !important;
padding-right: 32px !important;
padding-left: 32px !important;
padding-top: 24px !important;
padding-bottom: 24px !important;
background-color: rgba(0, 0, 0, 0.0275) !important;
background-color: rgba(0, 0, 0, 0.0275) !important;
float: none !important;
display: block !important;
}
@media (min-width: 765px) {
#searchContent > .contentItem > .metaBlock {
border-top-style: solid !important;
}
}
@media (min-width: 960px) {
#searchContent > .contentItem > .metaBlock {
border-top-style: solid !important;
}
}
@media (min-width: 1200px) {
#searchContent > .contentItem > .metaBlock {
border-top-style: solid !important;
}
}
@media (min-width: 1600px) {
#searchContent > .contentItem > .metaBlock {
border-top-style: none !important;
}
}
@media (min-width: 765px) {
#searchContent > .contentItem > .metaBlock {
border-left-style: none !important;
}
}
@media (min-width: 960px) {
#searchContent > .contentItem > .metaBlock {
border-left-style: none !important;
}
}
@media (min-width: 1200px) {
#searchContent > .contentItem > .metaBlock {
border-left-style: none !important;
}
}
@media (min-width: 1600px) {
#searchContent > .contentItem > .metaBlock {
border-left-style: solid !important;
}
}
@media (min-width: 765px) {
#searchContent > .contentItem > .metaBlock {
width: auto !important;
}
}
@media (min-width: 960px) {
#searchContent > .contentItem > .metaBlock {
width: auto !important;
}
}
@media (min-width: 1200px) {
#searchContent > .contentItem > .metaBlock {
width: 300px !important;
}
}
@media (min-width: 960px) {
#searchContent > .contentItem > .metaBlock {
min-width: 300px !important;
}
}
@media (min-width: 765px) {
#searchContent > .contentItem > .metaBlock {
padding-right: 32px !important;
padding-left: 32px !important;
}
}
@media (min-width: 960px) {
#searchContent > .contentItem > .metaBlock {
padding-right: 40px !important;
padding-left: 40px !important;
}
}
@media (min-width: 765px) {
#searchContent > .contentItem > .metaBlock {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
}
@media (min-width: 960px) {
#searchContent > .contentItem > .metaBlock {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
}
#searchContent > .contentItem > .metaBlock > .metadata > h3.type {
outline: none !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 1rem !important;
font-weight: 500 !important;
line-height: 1.25rem !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
margin-top: 0px !important;
margin-bottom: 16px !important;
margin-right: 0px !important;
margin-left: 0px !important;
float: none !important;
align-items: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
#searchContent > .contentItem > .metaBlock > .metadata > h3.type:before {
content: "\E0E0" !important;
word-wrap: normal !important;
direction: ltr !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
width: 24px !important;
height: 24px !important;
float: none !important;
display: inline !important;
align-items: center !important;
justify-content: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
outline: none !important;
font-family: Material Icons !important;
font-size: 24px !important;
font-weight: normal !important;
line-height: 24px !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
outline: none !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
text-decoration: none !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
font-style: none !important;
white-space: nowrap !important;
transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: color;
}
#searchContent > .contentItem > .metaBlock > .metadata > dl {
position: relative;
width: 100% !important;
margin-top: 0px !important;
margin-bottom: 4px !important;
margin-right: 0px !important;
margin-left: 0px !important;
padding: 0px !important;
float: none !important;
justify-content: space-between !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
#searchContent > .contentItem > .metaBlock > .metadata > dl > dt {
outline: none !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 0.75rem !important;
font-weight: 500 !important;
line-height: 1.125rem !important;
-webkit-font-smoothing: subpixel-antialiased !important;
text-decoration: none !important;
margin-right: 4px !important;
margin-left: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
float: none !important;
justify-content: space-between !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
#searchContent > .contentItem > .metaBlock > .metadata > dl > dd {
outline: none !important;
color: rgba(0, 0, 0, 0.4) !important;
color: rgba(0, 0, 0, 0.4) !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 0.75rem !important;
font-weight: 500 !important;
line-height: 1.125rem !important;
-webkit-font-smoothing: subpixel-antialiased !important;
text-decoration: none !important;
margin-right: 4px !important;
margin-left: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
float: none !important;
justify-content: space-between !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult {
padding: 0px !important;
float: none !important;
flex-direction: column !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult h3.type {
outline: none !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 1rem !important;
font-weight: 500 !important;
line-height: 1.125rem !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
margin-right: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-left: 88px !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
float: none !important;
order: 0 !important;
align-items: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
@media (min-width: 960px) {
#searchContent > .contentItem > .metaBlock > .metadata.parentResult h3.type {
white-space: wrap !important;
}
}
@media (min-width: 765px) {
#searchContent > .contentItem > .metaBlock > .metadata.parentResult h3.type {
align-items: center !important;
}
}
@media (min-width: 960px) {
#searchContent > .contentItem > .metaBlock > .metadata.parentResult h3.type {
align-items: center !important;
}
}
@media (min-width: 1200px) {
#searchContent > .contentItem > .metaBlock > .metadata.parentResult h3.type {
align-items: flex-start !important;
}
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult h3.parentTitle {
outline: none !important;
color: rgba(0, 0, 0, 0.4) !important;
color: rgba(0, 0, 0, 0.4) !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 0.75rem !important;
font-weight: 500 !important;
line-height: 1.125rem !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
margin: 0px !important;
padding-top: 4px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 88px !important;
width: 100% !important;
float: none !important;
order: 0 !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
@media (min-width: 1200px) {
#searchContent > .contentItem > .metaBlock > .metadata.parentResult h3.parentTitle {
max-height: 20px !important;
}
}
@media (min-width: 1200px) {
#searchContent > .contentItem > .metaBlock > .metadata.parentResult h3.parentTitle {
display: inline !important;
}
}
@media (min-width: 765px) {
#searchContent > .contentItem > .metaBlock > .metadata.parentResult h3.parentTitle {
display: flex !important;
}
}
@media (min-width: 960px) {
#searchContent > .contentItem > .metaBlock > .metadata.parentResult h3.parentTitle {
display: flex !important;
}
}
@media (min-width: 1200px) {
#searchContent > .contentItem > .metaBlock > .metadata.parentResult h3.parentTitle {
display: inline-flex !important;
}
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult h3.parentTitle > em {
outline: none !important;
color: rgba(0, 0, 0, 0.4) !important;
color: rgba(0, 0, 0, 0.4) !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 0.75rem !important;
font-weight: 500 !important;
line-height: 1.125rem !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult h3.parentTitle > a {
outline: none !important;
vertical-align: text-top;
text-decoration: none !important;
outline: none !important;
color: #0094ca !important;
color: #0094ca !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-weight: 400 !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
max-width: 150px !important;
float: none !important;
display: inline !important;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult > .component-cover-image {
float: left !important;
width: 60px;
position: relative !important;
top: 0px !important;
margin-top: -60px !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
margin-left: 0px !important;
padding: 0px !important;
display: flex !important;
float: none !important;
order: 3 !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult > .component-cover-image > .cover-image {
border-style: none !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: unset !important;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult > .component-cover-image > .cover-image > a {
outline: none !important;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult > .component-cover-image > .cover-image > a > img {
transform: none !important;
vertical-align: middle;
transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: box-shadow;
width: 60px !important;
height: auto !important;
float: none !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: 3px !important;
box-shadow: 0 5px 14px -5px rgba(0, 0, 0, 0.2), 0 5px 3px -4px rgba(0, 0, 0, 0.15), 0 10px 35px -6px rgba(0, 0, 0, 0.3) !important;
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult > .component-cover-image > .cover-image > a > img:hover {
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult > .component-cover-image > .cover-image > a > img:hover {
box-shadow: 0 8px 28px -6px rgba(0, 0, 0, 0.2), 0 5px 5px -4px rgba(0, 0, 0, 0.15), 0 14px 43px -7px rgba(0, 0, 0, 0.3) !important;
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult > .component-cover-image > .cover-image > a > img:hover:hover {
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult > dl {
margin-top: 0px !important;
margin-bottom: 4px !important;
margin-right: 0px !important;
margin-left: 0px !important;
padding-top: 24px !important;
padding-bottom: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
float: none !important;
flex-direction: row !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult > dl:before {
position: relative !important;
width: 100% !important;
height: 20px !important;
float: none !important;
display: block !important;
border-top-style: solid !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: unset !important;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult > dl ~ dl {
position: relative !important;
top: 0px !important;
border-style: none !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: unset !important;
display: flex !important;
margin-top: 0px !important;
margin-bottom: 4px !important;
margin-right: 0px !important;
margin-left: 0px !important;
padding: 0px !important;
float: none !important;
order: 3 !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult > dl ~ dl:before {
content: none !important;
}
#searchContent > .contentItem > .metaBlock > .metadata.parentResult > dl > dd {
outline: none !important;
text-decoration: none !important;
text-align: right !important;
max-width: 60px !important;
}
.page-search .resultsBar {
display: none;
}
.page-search .pageSizeAndSort .search-tool {
font-weight: 500;
-webkit-font-smoothing: subpixel-antialiased;
}
.page-search .pageSizeAndSort .search-tool label {
padding-right: 10px;
font-size: 0.75rem !important;
color: rgba(0, 0, 0, 0.3) !important;
}
.page-search .pageSizeAndSort .search-tool .countList,
.page-search .pageSizeAndSort .search-tool .sortList {
font-size: 0.875rem;
}
.page-search .pageSizeAndSort .sort-tool {
display: none;
}
.page-search #resultsBarBottom {
display: flex;
flex-flow: row nowrap;
margin: auto;
padding: 0 10px;
max-width: 900px;
color: rgba(0, 0, 0, 0.38);
}
.date-search-filter {
margin-top: 0px !important;
}
#columnOne.c-DrawerPanel #refineSearchResultInput ~ .faceted-nav-header {
display: none !important;
}
#columnOne.c-DrawerPanel .faceted-nav {
margin: 0px !important;
padding: 0px !important;
border: 0px solid transparent !important;
}
#columnOne.c-DrawerPanel .faceted-nav > #refineSearchResultInput {
padding: 20px 32px 0px 32px;
}
#columnOne.c-DrawerPanel .faceted-nav > .facet {
padding: 20px 35px 0px 35px !important;
margin: 0px 0px 20px 0px !important;
position: relative;
clip: unset;
height: auto;
width: auto;
overflow: visible;
}
#columnOne.c-DrawerPanel .faceted-nav > .facet ~ .facet {
border-top: 1px solid rgba(0, 0, 0, 0.075);
}
#columnOne.c-DrawerPanel .faceted-nav > .facet:last-child {
border-bottom: none !important;
}
#columnOne.c-DrawerPanel .faceted-nav > .facet > .facet-values {
margin: 0px !important;
}
#columnOne.c-DrawerPanel .faceted-nav > .facet > .facet-toggle {
margin: 0px !important;
padding: 0px !important;
outline: none;
border-bottom-width: 0px !important;
border-bottom-style: solid !important;
font-size: 0.875rem !important;
list-style: none !important;
line-height: 48px !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
font-weight: 500 !important;
color: rgba(0, 0, 0, 0.54) !important;
-webkit-font-smoothing: antialiased;
}
#columnOne.c-DrawerPanel .faceted-nav > .facet > .facet-toggle > a.c-ListItem_text {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0px !important;
color: rgba(0, 0, 0, 0.54) !important;
text-decoration: none !important;
}
#columnOne.c-DrawerPanel .faceted-nav > .facet.open > .facet-toggle > a.c-ListItem_text {
text-decoration: none;
top: auto;
}
#columnOne.c-DrawerPanel .faceted-nav > .facet.open > .facet-toggle > a.c-ListItem_text:after {
content: "\E313" !important;
word-wrap: normal !important;
direction: ltr !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
width: 24px !important;
height: 24px !important;
float: none !important;
display: inline !important;
align-items: center !important;
justify-content: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
outline: none !important;
font-family: Material Icons !important;
font-size: 24px !important;
font-weight: normal !important;
line-height: 24px !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
outline: none !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
text-decoration: none !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
font-style: none !important;
white-space: nowrap !important;
transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: color;
}
#columnOne.c-DrawerPanel .faceted-nav > .facet.shut > .facet-toggle > a.c-ListItem_text {
text-decoration: none;
top: auto;
}
#columnOne.c-DrawerPanel .faceted-nav > .facet.shut > .facet-toggle > a.c-ListItem_text:after {
content: "\E316" !important;
word-wrap: normal !important;
direction: ltr !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
width: 24px !important;
height: 24px !important;
float: none !important;
display: inline !important;
align-items: center !important;
justify-content: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
outline: none !important;
font-family: Material Icons !important;
font-size: 24px !important;
font-weight: normal !important;
line-height: 24px !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
outline: none !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
text-decoration: none !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
font-style: none !important;
white-space: nowrap !important;
transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: color;
}
#columnOne.c-DrawerPanel .faceted-nav .facet .facet-values ul {
margin: 0px !important;
padding: 0px !important;
}
#columnOne.c-DrawerPanel .faceted-nav .facet .facet-values ul .c-ListItem {
padding-top: 8px !important;
padding-bottom: 8px !important;
padding-left: 16px !important;
}
#columnOne.c-DrawerPanel .faceted-nav .facet .facet-values ul .c-ListItem.shut .c-ListItem_icon {
z-index: 2 !important;
position: relative !important;
top: 0px !important;
padding: 0px !important;
float: right !important;
text-decoration: none;
}
#columnOne.c-DrawerPanel .faceted-nav .facet .facet-values ul .c-ListItem.shut .c-ListItem_icon:before {
content: "\E316" !important;
word-wrap: normal !important;
direction: ltr !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
width: 24px !important;
height: 24px !important;
float: none !important;
display: inline !important;
align-items: center !important;
justify-content: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
outline: none !important;
font-family: Material Icons !important;
font-size: 24px !important;
font-weight: normal !important;
line-height: 24px !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
outline: none !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
text-decoration: none !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
font-style: none !important;
white-space: nowrap !important;
transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: color;
}
#columnOne.c-DrawerPanel .faceted-nav .facet .facet-values ul .c-ListItem.shut .c-ListItem_icon:hover:before {
color: #0094ca !important;
}
#columnOne.c-DrawerPanel .faceted-nav .facet .facet-values ul .c-ListItem.open .c-ListItem_icon {
z-index: 2 !important;
position: relative !important;
top: 0px !important;
padding: 0px !important;
float: right !important;
text-decoration: none;
}
#columnOne.c-DrawerPanel .faceted-nav .facet .facet-values ul .c-ListItem.open .c-ListItem_icon:before {
content: "\E313" !important;
word-wrap: normal !important;
direction: ltr !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
width: 24px !important;
height: 24px !important;
float: none !important;
display: inline !important;
align-items: center !important;
justify-content: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
outline: none !important;
font-family: Material Icons !important;
font-size: 24px !important;
font-weight: normal !important;
line-height: 24px !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
outline: none !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
text-decoration: none !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
font-style: none !important;
white-space: nowrap !important;
transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: color;
}
#columnOne.c-DrawerPanel .faceted-nav .facet .facet-values ul .c-ListItem_text {
margin-left: 0px !important;
padding-left: 0px !important;
}
#columnOne.c-DrawerPanel .faceted-nav .facet .facet-values ul .c-ListItem_text a,
#columnOne.c-DrawerPanel .faceted-nav .facet .facet-values ul .c-ListItem_text label {
margin: 0px !important;
padding: 0px 10px 0px 0px !important;
text-decoration: none !important;
}
#columnOne.c-DrawerPanel .faceted-nav .facet .facet-values ul .c-ListItem_text span:first-child {
font-size: 1rem !important;
font-weight: 500 !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
line-height: 1.5em !important;
color: rgba(0, 0, 0, 0.54) !important;
-webkit-font-smoothing: antialiased !important;
}
#columnOne.c-DrawerPanel .faceted-nav .facet .facet-values ul .c-ListItem_text span:first-child:hover {
color: #0094ca !important;
}
#columnOne.c-DrawerPanel .faceted-nav .facet .facet-values ul .c-ListItem_text .facet-count {
position: relative !important;
top: 0px !important;
white-space: nowrap !important;
float: none !important;
font-size: 1rem !important;
font-weight: 400 !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
line-height: 1.5em !important;
color: rgba(0, 0, 0, 0.28) !important;
}
.ui-accordion-content .type-index-card .component-content-metadata {
margin: 0px !important;
}
.flat-list.no-bullets {
margin: 0px !important;
}
.flat-list li {
margin: 0px !important;
}
a.buttonLink,
a.content-download {
margin-bottom: 0px !important;
}
#topSection {
border-style: none !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: unset !important;
margin-right: 24px !important;
margin-left: 24px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding: 0px !important;
float: none !important;
align-items: center !important;
justify-content: center !important;
flex-direction: column !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
@media (min-width: 765px) {
#topSection {
margin-right: 32px !important;
margin-left: 32px !important;
}
}
@media (min-width: 960px) {
#topSection {
margin-right: 48px !important;
margin-left: 48px !important;
}
}
.topSection__header {
margin: 0px !important;
padding-top: 32px !important;
padding-bottom: 0px !important;
padding-right: 24px !important;
padding-left: 24px !important;
width: 100% !important;
min-width: 300px !important;
max-width: 900px !important;
float: none !important;
align-items: center !important;
justify-content: space-between !important;
flex-direction: column !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
@media (min-width: 765px) {
.topSection__header {
padding-right: 48px !important;
padding-left: 48px !important;
}
}
.topSection__header:after {
content: " ";
position: relative;
top: 2px;
width: 100%;
height: 2px;
border: none !important;
background: rgba(0, 0, 0, 0.075);
display: block;
}
.topSection__header__text {
display: block !important;
}
.topSection__header__text > h2 {
margin-bottom: 7px !important;
padding: 4px 0px 0px 0px !important;
font-size: 0.75rem !important;
font-weight: 400 !important;
font-family: "Roboto" !important;
color: rgba(0, 0, 0, 0.3) !important;
-webkit-font-smoothing: subpixel-antialiased;
}
.topSection__header__text > h2 > span {
font-weight: 500 !important;
color: rgba(0, 0, 0, 0.45) !important;
}
.topSection__header__controls {
margin: 0px !important;
display: flex;
flex-direction: row;
font-size: 0px;
font-weight: 500;
-webkit-font-smoothing: antialiased;
}
@media (min-width: 600px) {
.topSection__header__controls {
font-size: 1rem !important;
}
}
.topSection__header__control {
min-width: 80px !important;
}
.topSection__header__control:first-child {
padding-right: 15px !important;
}
.searchHeader {
overflow-x: auto;
border: none !important;
margin: 0px !important;
padding-top: 24px !important;
padding-bottom: 32px !important;
padding-right: 24px !important;
padding-left: 24px !important;
width: 100% !important;
max-width: 900px !important;
float: none !important;
flex-flow: row nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
@media (min-width: 765px) {
.searchHeader {
padding-right: 48px !important;
padding-left: 48px !important;
}
}
.searchHeader > h2 {
display: none !important;
}
.searchTerm {
margin: 0px 6px 0px 0px !important;
padding: 0px !important;
float: none !important;
}
#searchContent {
padding-right: 0px !important;
padding-left: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
@media (min-width: 765px) {
#searchContent {
padding-right: 32px !important;
padding-left: 32px !important;
}
}
@media (min-width: 960px) {
#searchContent {
padding-right: 48px !important;
padding-left: 48px !important;
}
}
#subContent {
flex: 1;
}
.page-search .pagination {
position: relative;
width: 95px !important;
margin-bottom: 2px;
opacity: 0.85;
display: flex;
order: 1;
justify-content: flex-end;
font-size: 0px !important;
padding: 0px !important;
float: none !important;
justify-content: flex-end;
-webkit-font-smoothing: antialiased !important;
}
@media (min-width: 600px) {
.page-search .pagination {
width: auto !important;
}
}
.page-search .pagination:after {
content: "...";
position: relative;
font-size: 0.75rem;
line-height: 1.5rem;
position: relative;
vertical-align: bottom;
color: rgba(0, 0, 0, 0.3);
-webkit-font-smoothing: subpixel-antialiased;
font-weight: 500;
}
.page-search .pagination > .t-data-grid-pager {
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
text-align: right;
}
.page-search .pagination a {
display: inline-block;
padding: 4px;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
font-size: 0.75rem !important;
font-weight: 500 !important;
line-height: 1rem !important;
color: rgba(0, 0, 0, 0.3) !important;
-webkit-font-smoothing: subpixel-antialiased !important;
text-decoration: none !important;
}
.page-search .pagination .current {
font-weight: 600 !important;
color: rgba(0, 0, 0, 0.45) !important;
display: inline-block;
padding: 4px;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
font-size: 0.75rem !important;
line-height: 1rem !important;
-webkit-font-smoothing: subpixel-antialiased !important;
}
.l--hidden {
display: none !important;
}
.myStuff #pageBody {
display: flex !important;
flex-flow: column !important;
}
.myStuff #pageBody > .myTabs {
padding: 0px !important;
}
.myStuff #pageBody > .myTabs:after {
height: auto;
}
.myStuff #pageBody > .mainBase {
width: 100% !important;
}
#pageBody > .configurable-layout > .layout.type-content-view > .column-group {
flex: 1;
order: 2;
}
#keywordsLabel {
font-weight: bold;
}
.layout .column-group {
overflow: visible !important;
}
.c-Actions#pageLinks,
.c-Actions {
order: 1 !important;
border-radius: 0px !important;
border-right: 0px solid transparent !important;
transition: width 227.5ms cubic-bezier(0, 0, 0.2, 1);
display: block !important;
z-index: 6 !important;
position: relative !important;
left: 0px !important;
min-width: 60px !important;
height: auto !important;
margin: 0px !important;
padding: 0px !important;
background-color: #edf0f2 !important;
background-color: #edf0f2 !important;
float: none !important;
}
@media (min-width: 765px) {
.c-Actions#pageLinks,
.c-Actions {
min-width: 60px !important;
}
}
@media (min-width: 960px) {
.c-Actions#pageLinks,
.c-Actions {
min-width: 74px !important;
}
}
.c-Actions#pageLinks--isScrolled:not(.c-Actions--isPinned) > .c-Actions_list > .c-Action,
.c-Actions--isScrolled:not(.c-Actions--isPinned) > .c-Actions_list > .c-Action {
transform: translate3d(0, -80px, 0) !important;
}
.c-Actions#pageLinks-standalone,
.c-Actions-standalone {
will-change: unset !important;
transform: unset !important;
}
.c-Actions#pageLinks > .c-Actions_list,
.c-Actions > .c-Actions_list {
border-radius: 0px !important;
border-right: 1px solid rgba(0, 0, 0, 0.075) !important;
transition: width 227.5ms cubic-bezier(0, 0, 0.2, 1);
z-index: 6 !important;
position: fixed !important;
top: 0px !important;
bottom: 0px !important;
width: 60px !important;
height: 100% !important;
margin: 0px !important;
padding-top: 90px !important;
background-color: #edf0f2 !important;
background-color: #edf0f2 !important;
float: none !important;
}
@media (min-width: 765px) {
.c-Actions#pageLinks > .c-Actions_list,
.c-Actions > .c-Actions_list {
width: 60px !important;
}
}
@media (min-width: 960px) {
.c-Actions#pageLinks > .c-Actions_list,
.c-Actions > .c-Actions_list {
width: 74px !important;
}
}
.c-Actions#pageLinks > .c-Actions_list .c-Action,
.c-Actions > .c-Actions_list .c-Action {
padding: 8px 0px !important;
border-radius: 2px;
background-color: transparent;
transform: translate3d(0, 0, 0);
transition: background-color 250ms ease-out, transform 227.5ms cubic-bezier(0, 0, 0.2, 1);
}
.c-Actions#pageLinks > .c-Actions_list .c-Action:hover,
.c-Actions > .c-Actions_list .c-Action:hover {
background-color: rgba(0, 148, 202, 0.18) !important;
}
.c-Actions#pageLinks > .c-Actions_list .c-Action > a,
.c-Actions > .c-Actions_list .c-Action > a {
flex-flow: column !important;
min-height: 48px !important;
height: auto !important;
opacity: 1 !important;
color: rgba(0, 0, 0, 0.54) !important;
transition: color ease-out 250ms;
}
.c-Actions#pageLinks > .c-Actions_list .c-Action > a:before,
.c-Actions > .c-Actions_list .c-Action > a:before {
color: rgba(0, 0, 0, 0.54) !important;
transition: color ease-out 250ms;
font-size: 20px !important;
line-height: 24px !important;
}
@media (min-width: 1000px) {
.c-Actions#pageLinks > .c-Actions_list .c-Action > a:before,
.c-Actions > .c-Actions_list .c-Action > a:before {
font-size: 24px !important;
line-height: 24px !important;
}
}
.c-Actions#pageLinks > .c-Actions_list .c-Action > a:after,
.c-Actions > .c-Actions_list .c-Action > a:after {
content: attr(data-title);
position: relative;
margin: 6px 0px 0px;
padding: 0px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-size: 10px;
word-break: normal;
text-align: center;
line-height: 1;
font-weight: 500;
color: rgba(0, 0, 0, 0.54) !important;
-webkit-font-smoothing: subpixel-antialiased;
}
.c-Actions#pageLinks > .c-Actions_list .c-Action > a:hover,
.c-Actions > .c-Actions_list .c-Action > a:hover {
color: #0094ca !important;
}
.c-Actions#pageLinks > .c-Actions_list .c-Action > a:hover:before,
.c-Actions > .c-Actions_list .c-Action > a:hover:before {
color: #0094ca !important;
}
.faceted-nav-toggle {
display: nonne !important;
}
#pageBody .c-DrawerPanel,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn {
transition: transform 225ms cubic-bezier(0.0, 0, 0.2, 1) !important;
will-change: transform;
}
#pageBody .c-DrawerPanel:before,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn:before {
content: " ";
position: absolute;
top: -75px;
width: 100%;
height: 75px;
transform: translate3d(0, 100%, 0);
}
#pageBody .c-DrawerPanel > .facetedNav,
#pageBody .c-DrawerPanel > .column-contents,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .facetedNav,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents {
overflow-y: auto;
transform: translate3d(0, 1px, 0);
height: calc(100% + 80px) !important;
padding: 0px !important;
background-color: #ffffff !important;
background-color: #ffffff !important;
float: none !important;
transition: transform 225ms cubic-bezier(0.0, 0, 0.2, 1) !important;
will-change: transform;
}
#pageBody .c-DrawerPanel > .facetedNav > div,
#pageBody .c-DrawerPanel > .column-contents > div,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .facetedNav > div,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents > div {
position: relative;
clip: unset !important;
height: auto !important;
width: initial !important;
overflow: unset !important;
}
@media (min-width: 960px) {
#pageBody .c-DrawerPanel > .facetedNav,
#pageBody .c-DrawerPanel > .column-contents,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .facetedNav,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents {
transform: translate3d(0, 1px, 0);
}
}
@media (min-width: 1280px) {
#pageBody .c-DrawerPanel,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn {
z-index: 8;
box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.08), 0 5px 15px -5px rgba(0, 0, 0, 0.21) !important;
}
}
#pageBody .c-DrawerPanel--isOpened,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isOpened {
transform: translate3d(0, 0, 0) !important;
}
#pageBody .c-DrawerPanel--isScrolled,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isScrolled {
transition: z-index 0s 227.5ms;
}
#pageBody .c-DrawerPanel--isScrolled:before,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isScrolled:before {
content: " ";
position: absolute;
top: -75px;
width: 100%;
height: 75px;
transform: translate3d(0, 0, 0);
box-shadow: 0 5px 11px -4px rgba(0, 0, 0, 0.12), 0 5px 3px -4px rgba(0, 0, 0, 0.08), 0 9px 33px -6px rgba(0, 0, 0, 0.21) !important;
}
@media (min-width: 1280px) {
#pageBody .c-DrawerPanel--isScrolled:before,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isScrolled:before {
box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.08), 0 5px 15px -5px rgba(0, 0, 0, 0.21) !important;
}
}
#pageBody .c-DrawerPanel--isScrolled > .facetedNav,
#pageBody .c-DrawerPanel--isScrolled > .column-contents,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isScrolled > .facetedNav,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isScrolled > .column-contents {
transform: translate3d(0, -80px, 0);
}
#pageBody .c-DrawerPanel--isScrolled.c-DrawerPanel--isPinned:before, #pageBody .c-DrawerPanel--isScrolled.rightColumn--isPinned:before,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isScrolled.c-DrawerPanel--isPinned:before,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isScrolled.rightColumn--isPinned:before {
content: " ";
position: absolute;
top: -75px;
width: 100%;
height: 75px;
transform: translate3d(0, 100%, 0);
box-shadow: none !important;
}
#pageBody .c-DrawerPanel--isScrolled.c-DrawerPanel--isPinned > .facetedNav,
#pageBody .c-DrawerPanel--isScrolled.c-DrawerPanel--isPinned > .column-contents, #pageBody .c-DrawerPanel--isScrolled.rightColumn--isPinned > .facetedNav,
#pageBody .c-DrawerPanel--isScrolled.rightColumn--isPinned > .column-contents,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isScrolled.c-DrawerPanel--isPinned > .facetedNav,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isScrolled.c-DrawerPanel--isPinned > .column-contents,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isScrolled.rightColumn--isPinned > .facetedNav,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isScrolled.rightColumn--isPinned > .column-contents {
transform: translate3d(0, 1px, 0) !important;
}
#pageBody .c-DrawerPanel--isUnFixed,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isUnFixed {
box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.08), 0 5px 15px -5px rgba(0, 0, 0, 0.21) !important;
}
#pageBody .c-DrawerPanel--isUnFixed > .facetedNav,
#pageBody .c-DrawerPanel--isUnFixed > .column-contents,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isUnFixed > .facetedNav,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isUnFixed > .column-contents {
transform: translate3d(0, 1px, 0);
}
@media (min-width: 960px) {
#pageBody .c-DrawerPanel--isUnFixed,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isUnFixed {
z-index: 100;
}
#pageBody .c-DrawerPanel--isUnFixed > .facetedNav,
#pageBody .c-DrawerPanel--isUnFixed > .column-contents,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isUnFixed > .facetedNav,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isUnFixed > .column-contents {
transform: translate3d(0, 1px, 0);
}
}
@media (min-width: 1280px) {
#pageBody .c-DrawerPanel--isUnFixed,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn--isUnFixed {
box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.08), 0 5px 15px -5px rgba(0, 0, 0, 0.21) !important;
}
}
#pageBody .c-DrawerPanel > .c-ActionBar,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .c-ActionBar {
width: 0px !important;
}
#pageBody .c-DrawerPanel > .column-contents,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents {
position: relative !important;
height: unset !important;
}
#pageBody .c-DrawerPanel > .column-contents > .content-item,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents > .content-item {
margin: 0px !important;
}
#pageBody .c-DrawerPanel > .column-contents > .content-item .component-content-item,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents > .content-item .component-content-item {
width: 100%;
}
#pageBody .c-DrawerPanel > .column-contents > .content-item .type-index-card,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents > .content-item .type-index-card {
margin: 0px !important;
padding: 40px !important;
}
#pageBody .c-DrawerPanel > .column-contents > .content-item .component-quick-search-form,
#pageBody .c-DrawerPanel > .column-contents > .content-item .component-journal-article-search,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents > .content-item .component-quick-search-form,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents > .content-item .component-journal-article-search {
margin: 0px !important;
padding: 0px 40px !important;
}
#pageBody .c-DrawerPanel > .column-contents > .content-item .component-volume-issue-selector,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents > .content-item .component-volume-issue-selector {
margin: 0px !important;
padding: 20px 40px !important;
}
#pageBody .c-DrawerPanel > .column-contents > .content-item .container-accordion h3.ui-accordion-header,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents > .content-item .container-accordion h3.ui-accordion-header {
color: #333333 !important;
}
#pageBody .c-DrawerPanel > .column-contents > .content-item .container-accordion h3.ui-accordion-header:hover,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents > .content-item .container-accordion h3.ui-accordion-header:hover {
color: #333333 !important;
}
#pageBody .c-DrawerPanel > .column-contents > .content-item .container-accordion h3.ui-accordion-header:after,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents > .content-item .container-accordion h3.ui-accordion-header:after {
left: 20px;
}
#pageBody .c-DrawerPanel > .column-contents > .content-item .container-accordion .ui-accordion-content,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents > .content-item .container-accordion .ui-accordion-content {
background-color: #f6f7f8 !important;
}
#pageBody .c-DrawerPanel > .column-contents > .content-item .container-accordion .ui-accordion-content .type-index-card,
#pageBody > .configurable-layout > .layout > .column-group > .rightColumn > .column-contents > .content-item .container-accordion .ui-accordion-content .type-index-card {
padding: 0px !important;
}
.column-controls-top {
z-index: 54 !important;
color: black !important;
font-weight: 500 !important;
position: fixed !important;
left: 8px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.column-controls-top .control-scroll-to-top {
z-index: 599999999 !important;
color: rgba(0, 0, 0, 0.54) !important;
bottom: 5px !important;
top: unset !important;
position: fixed !important;
align-items: center !important;
justify-content: center !important;
display: flex !important;
flex-direction: column !important;
}
.column-controls-top .control-scroll-to-top:before {
display: none !important;
}
.container-tabs ~ .container-body {
display: flex;
justify-content: center;
align-items: center;
}
.container-tabs ~ .container-body > #articleBody {
padding-top: 65px;
max-width: 700px;
}
.container-tabs ~ .container-body > #articleBody section {
padding-top: 20px 0px 12px 0px !important;
}
select {
color: rgba(0, 0, 0, 0.54) !important;
}
.cg-secondary a,
#columnOne a {
color: rgba(0, 0, 0, 0.87) !important;
}
.cg-secondary a:hover,
#columnOne a:hover {
color: #0094ca !important;
}
.cg-secondary .faceted-nav li,
#columnOne .faceted-nav li {
font-size: 1rem !important;
font-weight: 500 !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
line-height: 1.5em !important;
color: rgba(0, 0, 0, 0.54) !important;
-webkit-font-smoothing: antialiased !important;
}
.cg-secondary .faceted-nav li:hover,
#columnOne .faceted-nav li:hover {
color: #0094ca !important;
}
.c-ListItem {
box-sizing: border-box;
}
.c-ActionBar {
background: #2f3841 !important;
background-color: #2f3841 !important;
}
.c-App_header {
contain: layout;
z-index: 103 !important;
top: 0px !important;
box-shadow: none !important;
border-bottom: none !important;
background: transparent !important;
}
.c-Header,
#header {
height: 0px;
background-color: #0094ca !important;
padding: 0px 8px !important;
}
#headerUtilityBar {
display: none;
}
#headerLogo {
display: none !important;
}
#headerLogo > * {
display: none !important;
}
.site-nav-toggle {
display: none !important;
}
#homenav {
display: none;
}
#mainnav > li > a {
display: none;
}
#headerLinks {
display: none !important;
}
#headerWrap .site-search-toggle {
display: none !important;
}
#headerWrap .close-search-button:after {
color: #0094ca !important;
}
#headerWrap .site-search input[type=text], #quickSearch .site-search input[type=text] {
color: #000000 !important;
}
#headerWrap .site-search button, #quickSearch .site-search button {
margin-top: 0;
position: absolute !important;
top: 6px !important;
right: 0px !important;
}
#headerWrap .site-search button:before, #quickSearch .site-search button:before {
color: #0094ca !important;
font-size: 30px !important;
}
#headerWrap .site-search form a[class*=ico-], #quickSearch .site-search form a[class*=ico-] {
color: #0094ca !important;
}
#headerWrap #headerLogo a {
background: left center no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjMAAAD6CAMAAABj9DalAAAC9FBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMxOTwzMzMzMzMzNDQyMzMzMzMzMzMzMjI3MzIzMzMzMzMzMzMyNDUzMzMzMzMzMzP1rZgzMzMzMzM3NDMzMzMzMzMzMzPnc1KORzIzMzNmv98zMzMzMzP2rpkzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzM0MzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzM2MzIzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzPzl30zMzMzMzMAlMrudlQAOExmv98AlMrudlQAlMp1OyoAOEwAlMozMzMAlctHsNjudVMAlMsCOEt3Oyr1rZhmv992OinudlRkvt9mv9/1rZjudlQAlMrudlT1rZgAlctmv9/dmIcDOEzueFZmv98AlMozMzNnwOAAOEzudlR3OyoAlMoDlcv1rZjudlQAOExmv993Oypmv98zMzN3Oypmv9/1rZh4Oylmv993Oyp1OSn1rZh3OyphOCzudlQElcv1rZhmv98AlMpmv9/1rpnudVNmv98EOEvudlR5OykAlMpmv98EOEtmv9/1rZjudlT1rJd3OyoARl/1rZgAMETxi26NRTD4rpf1rZgAOEx5OykAOEzvelj1q5b1rZj1rZgAOEx3Oyr1rZhmv9/1rZjudlQAlMp3Oyr1rZj1rZjspI9tOy1mv9/udlQJOUrudlRmv9/udlQAOExqwuEAZIgHZIVlOy/oc1IGKzpmv99YudwAOEz1rZgLOElmOy9mv9+RRzMAOEzudlQAOEwAOEwAOExUqspu0fRmv98AOEzudlQAOEwzMzNmv9/1rZgAlMrudlQAOEx3OypYud0JmMz0qZPwfl0AMUJqweAAmND1r5oAZInyeFVxOCgAlszuc1ELOElmOy98OykKndOHVLmZAAAA5HRSTlMA8WQ4R/785y/vHQL20yEHhl4+CunfJBUSD8D241oFlWo0+vTFfVm7UVCrGPjKp31u3HRUTCjQyJ1nMSq3ReuZkTsb7rOM9NWJYa+jhA1x16B4V0DZSc6BFY42Et8b+dKYj4NdUEI5Cfz27+PexLGtmI2BaWIjIh0PBfv28O7l2tPSxr+el4aGZVJLQzo3LigaEfPt7evo39fMysm5tqySfnd2cm9VU1BPRT44NAr7+ejl0szJxq6qm5iOenRycG9taWFgXVpJRD0yKv369/Pw7+ng29THvbiurKinpZ2UeXhQMQsKm7RwAAARWElEQVR42uzBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABm115CmwjCAI5/SWzUJk2sm2cNNQExJmlaG1MT29g2tbXPSH3VtOSQi5BDINAQofTUQ3vsRSgeWujJClL04ANEQQUR7548yiBz0YMIXo0DxTx2J9n0kF3z/W4hLDPJ/FmGnUUIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIqsZL89GEjndt59nz7xfry+83kCiDEVdjb/fIstZX58f3U/ezzl8sPNwEhaYV8LkWZ3z++//zGZF++uwcIifqUXqNMSTPMg1ePAaEqhfQWpSLNME/X8V6DKuy/SVEq0QyTfb0P6LAM5m7GAOr3dSdDOc0w24rbDQem3X+dHwK1ODIZjEQiF706UL0PKUq5zTBPH4KyxDWEcYNadBLGGAa1e5OhNZthXoOi6DSE0YJanCWM5gio3C6lnGbKLIOS6I5jM82xS6WaUXo02EyT5CmnmWpvQTmwmebYW5XXzKlHoBi4n2mKQopymhGTVc7TvYNmLoFa/A/NrOSonGaYF6AUDt+NC0VnTaAW/0Mz+Yy8Zph3gFq3mWSKNtBMNgmoZZvZoHKbYV4BatVmkluNNXNfOdtglVF/Mxu0jmYU/2RPTVTfTHKt0WY+446mRZvZyzTSDHMOUEs2k6YNN7MOqBWbSa413syDJMjQLTgcY+12h1MwgBxmIeEUzAY4NIPgdASKE0iYG7rabDYbGrlMcCaEbl4z/BmPjTkcgqLe6Nv/uNpYM8xjqNfYSfeovyvYb12IeHsnpj2B+nIxxbVzI73jMX/0hDbebgAxwuCSpyhuBx7HYOdUb1fwlnXhzPjI9fCAwB3WZrMNlUzROeQLLUbnoxOhCx471E2wXXZPRf2xWO9oKGxLyGzG7plmM+4PdvkXtZ4AKEUhT+U2I/9423l7tIOU0QenLgtQg61ztp+U6BjxiS2YzqI3FnHPKAdDXiMpZfFrbSBl6KLF5dLEDgYbOB+7Qg4YIydOmqEeA1q/i/xzdMY9IKMZT98ZY/k/9ndcRfiYPkwz6ytQh7NeIibWCTxLo1ZS5cylBFSKX611RhmPakg1650BqcKOszo87INpzkUqzNyGmjynXaSS68RQnc3cnTeSKm0zPlCC/M5hmtlOQk2mWSJl5iRICYwOE1FdYbnvz9gnNERc/3kDiDl2lH3NVujCJBEx0g5cjgnx6Vvd9TRjOt1DxPkHofk21mQ1I38TvDRJpA2HQJyvg0gxzgmymrm5QKSNmzjNXAcw9OmJqA7p3PljzgdqNhPm/GUuBbwllE7JaUb+8YHHSrhm20FE31XCMW6T0cylYcIzqZNuJgqwSKRYfCBJyxuzy1SjmWsawtE20Q1Nllv9xVOjmSebwGePlPxaoytY1GHpaSu50xyDKuZFwhccq7uZUA8pnYHFarUO69vIP1adZDNec1/ZalVEcxkkuHsqlrmt7FIvhHnNzOlJCb3RYrlaNmFyWoDmyv1h785CW6nCAI5/aUxas0xMs8c0aTUa06Rp0jRpm6X7nrbpptcFFXdUFAVBcUcFd1xQRAXFFTcU9UVfFBRE3EHccMdPxAVURHF5Uc/MtNP0nJNpRppI83u8t7k5t/PvmZPJ6eTtg3gueupArseBbwFlqRF7m8nr83o9Qpc9VI4jESgGoZJ5ChV0M/OhhYUDBv2tcZQNOtQ202lAmWUmNHe0YDKZ3GMtoawFZVmB1Yz1qGF5ENnSvmRn39Sky4IbrAJQzRkVh/zSyNSSPd3RN+p3GlHSu5+B3cyK4sGu5WQxLwiZtc7BdUWHo2aoqw8PfvJgpn/+7qXDHjmM6eFHjgQukwtFzl4TKHnnwgZEdK7RjjNuMGQXxnxABN32hBOJURuobOZwC0qMfrsPNi2uFuIo6TYzmpF7cw5evyjlHFvt1qEsYQaKseHNTCNDgvw1wUxf2IBEYN7IbCY9jbKeTsV06m0Z2MjfsAR1dfatv/Lc7gEt5B/z1BhUsiWdOExbSOonUFburKijZEDEkA1UNhObQYlrCCrNuVAyR29GNt8FStEelKVhO98Ayo5YhS2CyRSKmPOM4ELJ8Mpi5TfsUpToxqCenj/zO44/b38CtCghoWsHivZJ2twc9KOsFINK9gCOmEFtM4MoCWdgu3yPHNQ4r5leqOBNoKTHwTu3DPq2JzGPIkYz5m6UrFO+ZbkjUBJ2QB3ddwW3mbdeAQ2CYSSWQb0W5sEi9AsOUNtMuxFFBS/QxKwo6uM0kwRgH9k0VDI5ucOHUW4z/Sgpu4FivEcxqvp59HluM388CBp4s5Sjyeez8r7nhOpmJuVzhAfouiaQWPcwm5miDrKMooSNueifArpBTjOLfhQF3EBlmkHRjAfq55Zr+c3cCxp4pGY6QDU7SkZAazPyewoTXcDSi6Ioqxm/DWiiFiT2z1TWtI6iiAPoHH52M4ejyLIKDKfsjw3wC4DBK7jNvGeG2i32VJ0yWHNDdlxzM6HqE1bMJQVqpjcTvx7oCig6FLZaNUo5sDvtGmY1YxvEqufyA1A0GYQ6evRWXjNnaFkEmyNIhL2gUiaAIjtobcZrRSIlANssElYvvZluG9C1SG1MmelnnhDvOVnNuJ1IONuASSjLk6cN6uhFXjO/Xw0ahFB0lA3UmUO5Ms3NHD6NxApwHC1dKcnRm0kDgyB9xaQDlII9SMT1wJaZYDSTRlEJVBTXKUA9vXgbp5l3j4XaRQ0oGnSDKqMo6gPNzfQiEY/GTEzjOXFeM3ZQmwmYgMWPRNYDSl30lCinIEoz5il5xMAxJhW3HIW6uuFsdjPfPge1sw1sblYZ86g/mU3rtTfTjYSlfISVKTsjLmYNvdRmErZqM6hTAKUOo4q5DVbpzSxGkEh51Fy/GOiFOrv27NtYzVx4EtSuHzcYwyOd/UcLDuAwWeVrVlqbIbmqN0htZh8wrUhFZkCpD0X9wJPRUZsZTyHRrWoqbl2GurvhvrPPpDbz7RmvQO16cQvnjH9+NJnOBIEqF0AiAZqbEdZxBxLUZoaqviti1IPSUdxFrMwTpjaTt1BKZS6/DRFoAMGbrj1R6kbZzD/RaJlpFnA7oyscOjQG27XrkDhAezNtAdyBgpnWzCow2cVmDGugVFJ1ocCWoDazhqI54DpcJz0JNIhb/unmispmvr3wudegZoemkMaSGtFDpf2MSCxpboasFdXzU5s5tGozxnbaGsrvA64RajOHoygKXEc7kUhB4zDfcsOJzyiaIZ6++rUg1Mi0L2BEmolBAbYqxv+zZtZ0uANhajMdO20msQvNtLU2XjNkunn5CkUzxBkfn3TsV1Cb8aHCpRakcKUr5pn/rpl26U8nexcOqGq2hd5MI84zuQZtBsBx4m3KZoinP3rwsWNtUBNhdbZgvVSHFeJzoFSUyurV3ox8qcQOO6W9mZ4Y8ARL3GZWgWtNfmMVGs+jZ8rNKF3+yT/dQG28uWhydjlincBNljVQ0DuRCGlvxp1CYmU3mxlBIpABHq+f2ozeoGqfw6FxJAagAd10JqUZ0s29X3qgdrG1ZMKFsqxPeaDXkZjU3ozvCCm/3WxmHxLGNeARnNRm3BOsEdOeY3oeGtENt5JmaJ69+ljQIt8boO2sdISRKJs0NwMRJArBXWymxaDm4zr2Q7kZ6s6RARvwzCNRHoWGdCJphu7yk0CTvJ/2MreEhDGqvZlRJJz5XWxmPx0SCV6o5ll6M7Zuyj4K5o7hyQa9HbLjGdIM3YX3mkELIYvEsJuymzakvRm7EYmhXWzGU0Zif16o4yl6M9CHKq5oLhmQWOiCxnQfaYblatBkDgnL4ZSrKs685mbkrTgR3+41A90qNqZ2IqOZMSmHsgeYHGEU9fugMd10O2mGRdvpKa/b/nLb0YOiozQ3A5NIGFZ3sZkkilxuYBkvs5rxDlQvbghF2VhD3cZIwfY+t5nLNS2EBWnvSpL29pTlFM3NtKAoa9q9ZtzOqtuZQ6hohn5yCuSAwb2OolloWCeSZjRMNI5oEBjc4rGOt4BC3ikfaUFrM54Uikpmdh2x/7YZSKDIMAR0Q0Z2M+4JFIUXgcpWkB/aBg3rZX4znwaBzzyIITPQrVI/lXEEJeFxoLGv8ZuhLKjZQ7jeGfb+t83o4yiapj+4YxrZzcA+lMw7qMkso2QQGleR38yzHhUbgrsFxh4+6msMwYmSnhx1P86EXm0zizMoWfYBTecwZYmsrRkoocTSCdstGZHXTCyAkkkTbBNLoMTZyJ8h034ht5kzjlWzp2ymhfF3xECQsowkAklzZR7ziOjqUtkM9BtREu6HbYri1bGCT2MztBUNUXLDVvllRG4z0IEyaxoqRI9AxP/BR/wK7/zI9QRwLIZQErE7YKtMN0r66L/ZSoQ7PcqAQ07KLWM4zcAUyqa7t1bj7ZjfH0UFQXMzSkO4wTWVg025KRcS8WwrqxkYRFl8vj8Imw7vtihvSFFPD31xCMfnn735C88bj4EC50fOcsRU/+arQ98poQBKXCaoMB7GDcb1xFJ/zu12j9ln/cMocV2vspnFedygG5hNt3kdNtuiUEyWZiy4oeU/bcY8gptaC/tW9W63uyu9r9CKkkjbALMZR2TriHMeny+WS88O6HCD3wN19cFxX3O8/v1fP/P8cCpw2KJO3DTtioR6k8lk32x3WYcE4zJt3ooKxunh1tbW/S2ocJTKZsAUQQXLcKrHHy636oy4yRDyaW9GydeNSpaJf4Y/oRi+swsizGbA5N86Ytd6yjVsQYWePNTXPRfzmvnp+x+++Y3j9POBqz+AVYzYYLtMGHkMIa/aZiA2iXzTvWbQ2EwlXwI5JtIAI+xmQCgglz8DdXbOZdWa4bnkfODT9yBXwgc0ngSyTfSZQXUz4Bi1IEc5rfW1NoVtiv2crVEAWOI0A96QEdmWPVBvh9yppZnjj4EqYkfpkCk+CyxDZWTwF3d4f+B0Flmco+OgtRmqtJU1+qPJ/GtgNUPYrchgbYBbvcI192hp5krSDN8pCSPS+aPAJhyQQoqZJceOPyvZs2JFmkBID1RtzqrNzCFhaAe68QXa8F0rDsUTTB8OnEdTuKZM0ABePVdLMyeYQYViKEWZYybnHMCVWYpU1GaMJAXYph1FS5wAOwsW3Go60tcGDF0oaqn+5nSRPfw+vwG3yO7Lg2jxCBJcPzBlVvzxiv+8fyUPDeHma7Q0cx6o405PRVyGzV6siaWjHVCVTz80EnaRacQSGCgtjfmAwmMfavnHUAY4HF1zo5H1CQMiGodnCqNzXT5g8naQf7HTDUzuFlEM2LxjydKAa1q8Y+3kQr8JNujt0ehq1AMcXv3ScjhgIX0HwstJvRcaxGmvXqyhmVNBNa+gjw71/aulP2dygEpmj9A2ViyudbljNtDIK7Tpi8VT9HmTD3aJzSPk2ovF9raanjLocZNH59yeut98XOmCu2tthiyBm/aic2tv5gRo2pOuO67mZk6Gpj3ptLNqbeau5qlpr3qg1mZegKY96oLLamvmjuY0s3c9UFsz90PTnnXa3bU0c/xp0LR3XXfczps5vfmiaW87Z+fNXAVNe9rNd+60mbvOh6a97caLd9bMJadC01533XGMZpqLmSaWa3bSzHnQ9Dc7d5CCIBAGYPSmiRBFC0EhyKBooatAaBcVtCg6hdDKC9SJgiDC0HTp4r0zfMw/wwzDO5qmZiRDu9ujXzNrg4mPIurTTGD7y9cuHnU1Mwsdsqm5nf43czSX+JWWm/ZmgourbBqk12jU1MwsuyuGFsttEq3qzayzcDzUT/8YhrSoknN02Dz3+yDLw/nEEkOX6a6oyiSO8zy8zCcLb2UAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABe7cGBAAAAAIAgf+sRFqgAAAAAAAAAAAAAAAAAAAAAAAA4AcaaUC+RYQZRAAAAAElFTkSuQmCC") !important;
background-size: contain !important;
}
#headerWrap #cart a:before {
color: #fff !important;
}
#headerWrap > a {
color: #ffffff !important;
transition: color ease-out 250ms;
}
#headerWrap > a:before {
color: white !important;
}
#headerWrap > a:hover {
color: rgba(255, 255, 255, 0.5) !important;
}
#headerWrap > a:hover:before {
color: rgba(255, 255, 255, 0.5) !important;
}
#headerWrap ul li a {
color: #ffffff !important;
transition: color ease-out 400ms;
}
#headerWrap ul li a:before {
color: rgba(255, 255, 255, 0.5) !important;
}
#headerWrap ul li a:hover {
color: rgba(255, 255, 255, 0.5) !important;
}
#headerWrap ul li a:hover:before {
color: rgba(255, 255, 255, 0.5) !important;
}
#headerWrap .dropdown h3 {
color: rgba(0, 0, 0, 0.87) !important;
cursor: default !important;
}
#headerWrap .dropdown ul li a {
color: rgba(0, 0, 0, 0.87) !important;
transition: background-color 214.5ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: background-color;
}
#headerWrap .dropdown ul li a:hover {
background-color: rgba(0, 0, 0, 0.12) !important;
}
#loginUser {
color: #ffffff !important;
}
.breadcrumbs > ul > li {
transition: opacity ease-out 250ms;
opacity: 0.85 !important;
}
.breadcrumbs > ul > li:hover {
opacity: 1 !important;
}
.breadcrumbs > ul > li {
display: inline-block;
margin-right: 5px;
font-size: 0.8rem !important;
line-height: 1.46429em !important;
font-weight: 400 !important;
-webkit-font-smoothing: subpixel-antialiased;
}
.breadcrumbs > ul > li:before {
content: "" !important;
position: relative !important;
top: 0px !important;
width: 24px !important;
height: 24px !important;
color: #0094ca !important;
white-space: nowrap !important;
display: inline-block !important;
font-family: "Material Icons" !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 20px !important;
line-height: 24px !important;
opacity: 0.65;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
word-wrap: normal !important;
white-space: nowrap !important;
direction: ltr !important;
-webkit-font-smoothing: antialiased !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
}
.breadcrumbs > ul > li > a {
color: #444444;
opacity: 0.85 !important;
}
.breadcrumbs > ul > li > a:hover {
opacity: 1 !important;
}
#mainContent {
flex-flow: column;
margin: 0px !important;
}
.contentPage #columnOne {
z-index: 4;
box-shadow: 11px 0px 16px -15px rgba(0, 0, 0, 0.28), 1px 0px 5px -3px rgba(0, 0, 0, 0.08), 3px 0px 2px -2px rgba(0, 0, 0, 0.07) !important;
}
.contentPage #columnOne .toc {
padding: 10px 35px 10px 35px !important;
}
.contentPage #columnOne .toc .expandable > a.toggle {
float: right !important;
}
.contentPage #columnOne .toc .expandable > a.toggle:before {
content: "" !important;
position: relative !important;
top: 8px !important;
width: 24px !important;
height: 24px !important;
color: #444444 !important;
white-space: nowrap !important;
display: inline-block !important;
font-family: "Material Icons" !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 24px !important;
line-height: 24px !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
word-wrap: normal !important;
white-space: nowrap !important;
direction: ltr !important;
-webkit-font-smoothing: antialiased !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
}
.contentPage #columnOne .toc .expandable > a.toggle.minustoggle:before {
content: "" !important;
}
.contentPage #mainContent {
padding: 32px 40px !important;
display: flex !important;
flex-flow: column;
}
.contentPage #mainContent #pagetitle {
margin-bottom: 9px !important;
padding: 32px 40px 15px 0px !important;
font-family: "Montserrat", sans-serif !important;
font-size: 1.75rem !important;
font-weight: 700 !important;
line-height: 2.25rem !important;
color: rgba(0, 0, 0, 0.45) !important;
-webkit-font-smoothing: subpixel-antialiased !important;
}
.contentPage #mainContent #pageContent h2 {
font-family: "Montserrat", sans-serif !important;
font-size: 1.3125rem !important;
font-weight: 400 !important;
line-height: 1.35417em !important;
color: rgba(0, 0, 0, 0.87) !important;
-webkit-font-smoothing: antialiased !important;
}
.contentPage #mainContent #pageContent h3 {
border-color: #bcbec0;
font-size: 1rem !important;
font-weight: 400 !important;
line-height: 1.5em !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
color: rgba(0, 0, 0, 0.87) !important;
-webkit-font-smoothing: antialiased !important;
margin: 0px;
}
.contentPage #mainContent #pageContent p, .contentPage #mainContent #pageContent li {
margin: 0.35em 0px !important;
font-family: "Montserrat", sans-serif !important;
font-size: 0.875rem !important;
font-weight: 400 !important;
line-height: 1.46429em !important;
color: #444444 !important;
-webkit-font-smoothing: antialiased !important;
}
.contentPage #mainContent #pageContent strong {
font-weight: 500 !important;
-webkit-font-smoothing: subpixel-antialiased !important;
}
#newsTitle {
margin: auto !important;
padding: 32px 40px 15px 0px !important;
min-width: 900px;
max-width: 900px;
font-family: "Montserrat", sans-serif !important;
font-size: 1.5rem !important;
font-weight: 400 !important;
line-height: 18px !important;
color: rgba(0, 0, 0, 0.54) !important;
-webkit-font-smoothing: subpixel-antialiased !important;
}
#newsList {
padding: 32px 40px 15px 40px !important;
display: flex;
flex-flow: column;
align-items: center;
}
#newsList .news-item {
border-radius: 3px;
border: 0px solid transparent !important;
margin-bottom: 40px;
padding: 32px 50px !important;
max-width: 900px;
width: 100%;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
background: #ffffff;
}
#newsList .news-item .news-date {
margin-top: -5px;
margin: 0px;
font-size: 15px;
font-size: 0.75rem !important;
font-weight: 400 !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
line-height: 1.375em !important;
color: rgba(0, 0, 0, 0.28) !important;
-webkit-font-smoothing: antialiased !important;
}
#newsList .news-item .news-title {
font-family: "Montserrat", sans-serif !important;
font-size: 1.3125rem !important;
font-weight: 400 !important;
line-height: 1.35417em !important;
color: rgba(0, 0, 0, 0.87) !important;
-webkit-font-smoothing: antialiased !important;
}
#newsList .news-item .news-teaser {
padding-top: 16px;
}
#newsList .news-item .news-teaser p {
margin: 0.35em 0px !important;
font-family: "Montserrat", sans-serif !important;
font-size: 0.875rem !important;
font-weight: 400 !important;
line-height: 1.46429em !important;
color: #444444 !important;
-webkit-font-smoothing: antialiased !important;
}
.news-nav-menu {
padding: 10px 35px 10px 35px !important;
}
.news-nav-title {
margin: 0px !important;
}
.news-nav-toggle {
margin-bottom: 16px !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
font-size: 1.3125rem !important;
font-weight: 400 !important;
line-height: 1.35417em !important;
-webkit-font-smoothing: antialiased !important;
outline: none;
color: #0094ca !important;
text-decoration: none !important;
}
.news-nav-year {
margin: 0px !important;
padding: 0px !important;
outline: none;
border-bottom-width: 0px !important;
border-bottom-style: solid !important;
font-size: 0.875rem !important;
list-style: none !important;
line-height: 48px !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
font-weight: 500 !important;
color: rgba(0, 0, 0, 0.54) !important;
display: flex;
justify-content: space-between;
}
.news-nav-year:after {
content: "" !important;
position: relative !important;
top: 0px !important;
width: 24px !important;
height: 48px !important;
padding: 0px !important;
display: inline-block !important;
font-family: "Material Icons" !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 24px !important;
line-height: 48px !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
word-wrap: normal !important;
white-space: nowrap !important;
direction: ltr !important;
-webkit-font-smoothing: antialiased !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
}
.news-nav-year.open:after {
content: "" !important;
}
.news-nav-list > li {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
}
.news-nav-list > li > a {
font-size: 1rem !important;
font-weight: 400 !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
line-height: 1.5em !important;
color: #444444 !important;
}
.news-nav-list > li > span {
position: relative !important;
top: 0px !important;
white-space: nowrap !important;
float: none !important;
font-size: 1rem !important;
font-weight: 400 !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
line-height: 1.5em !important;
color: rgba(0, 0, 0, 0.28) !important;
}
.advancedSearch #contentWrapper {
display: flex !important;
flex-flow: column !important;
min-height: 100vh !important;
}
.advancedSearch #pageBody {
position: relative;
min-height: calc(100vh - 133px);
padding: 16px 6px !important;
display: flex !important;
justify-content: center;
align-items: center;
background: #eceff1;
}
.advancedSearch #mainContent {
box-sizing: border-box;
max-width: 664px !important;
width: 100%;
padding: 0px !important;
border-radius: 2px;
overflow: hidden;
background-color: #ffffff !important;
box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.12), 0 2px 1px -3px rgba(0, 0, 0, 0.08), 0 3px 12px -5px rgba(0, 0, 0, 0.21) !important;
}
#mainContent.advanced-search {
margin: auto !important;
padding: 0px !important;
display: flex !important;
align-items: center;
flex-flow: column;
}
#mainContent.advanced-search #pagetitle {
max-width: 900px;
width: 100%;
padding: 16px 40px 0px 40px !important;
flex: 1;
}
#mainContent.advanced-search .intro {
max-width: 900px;
width: 100%;
padding: 0px 40px !important;
}
#mainContent.advanced-search .formDescription {
margin: 16px 0px 0.35em 0px !important;
font-family: "Montserrat", sans-serif !important;
font-size: 0.875rem !important;
font-weight: 400 !important;
line-height: 1.46429em !important;
color: #444444 !important;
-webkit-font-smoothing: antialiased !important;
}
#mainContent.advanced-search .search-content {
max-width: 900px;
width: 100%;
margin-top: 16px !important;
}
#mainContent.advanced-search > .search-content > .search-form > .advSearchModule {
margin: 0px 0px 16px 0px !important;
border-bottom: 1px solid #e0e0e0;
padding: 0px 40px 32px 40px !important;
}
#mainContent.advanced-search > .search-content > .search-form > .advSearchModule > .moduleDetail > #typeWrapper {
padding-left: 16px;
}
#mainContent.advanced-search > .search-content > .search-form > .advSearchModule > .moduleDetail > #fragment > .form-row > legend {
font-size: 1rem !important;
font-weight: 400 !important;
line-height: 1.5em !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
color: rgba(0, 0, 0, 0.54) !important;
-webkit-font-smoothing: antialiased !important;
}
#mainContent.advanced-search > .search-content > .search-form > .advSearchModule > .moduleDetail > #typeWrapper > legend {
margin-left: -16px;
font-size: 1rem !important;
font-weight: 400 !important;
line-height: 1.5em !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
color: rgba(0, 0, 0, 0.54) !important;
-webkit-font-smoothing: antialiased !important;
}
#mainContent.advanced-search > .search-content > .search-form > .date-query-rows {
margin: 0px 0px 16px 0px !important;
border-bottom: 1px solid #e0e0e0;
padding: 0px 40px 32px 40px !important;
}
#mainContent.advanced-search > .search-content > .search-form > .date-query-rows > div > .date-set {
width: 100% !important;
}
#mainContent.advanced-search > .search-content > .search-form > .date-query-rows > h3 {
font-size: 1rem !important;
font-weight: 400 !important;
line-height: 1.5em !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
color: rgba(0, 0, 0, 0.54) !important;
-webkit-font-smoothing: antialiased !important;
}
#mainContent.advanced-search > .search-content > .search-form > fieldset {
width: 100% !important;
margin: 40px 0px 0px 0px !important;
padding: 0px 40px 16px 40px !important;
}
#typeWrapper > .typeWrap {
margin-top: 15px !important;
margin-bottom: 0px !important;
}
.component-content-item.component-latest-articles, .component-content-item.component-latest-articles p, .component-content-item.component-latest-articles li, .component-content-item.component-latest-articles h2, .component-content-item.component-latest-articles h3, .component-content-item.component-most-viewed-content, .component-content-item.component-most-viewed-content p, .component-content-item.component-most-viewed-content li, .component-content-item.component-most-viewed-content h2, .component-content-item.component-most-viewed-content h3, .component-content-item.component-content-summary, .component-content-item.component-content-summary p, .component-content-item.component-content-summary li, .component-content-item.component-content-summary h2, .component-content-item.component-content-summary h3, .component-content-item.component-table-of-contents, .component-content-item.component-table-of-contents p, .component-content-item.component-table-of-contents li, .component-content-item.component-table-of-contents h2, .component-content-item.component-table-of-contents h3, .component-content-item.component-content-html, .component-content-item.component-content-html p, .component-content-item.component-content-html li, .component-content-item.component-content-html h2, .component-content-item.component-content-html h3, .component-content-item.component-supplementary-materials, .component-content-item.component-supplementary-materials p, .component-content-item.component-supplementary-materials li, .component-content-item.component-supplementary-materials h2, .component-content-item.component-supplementary-materials h3, .component-content-item.component-editorial-content, .component-content-item.component-editorial-content p, .component-content-item.component-editorial-content li, .component-content-item.component-editorial-content h2, .component-content-item.component-editorial-content h3 {
font-family: "Montserrat", sans-serif;
font-weight: 400;
color: #333;
-webkit-font-smoothing: antialiased;
}
.component-content-item.component-latest-articles, .component-content-item.component-latest-articles p, .component-content-item.component-latest-articles li, .component-content-item.component-most-viewed-content, .component-content-item.component-most-viewed-content p, .component-content-item.component-most-viewed-content li, .component-content-item.component-content-summary, .component-content-item.component-content-summary p, .component-content-item.component-content-summary li, .component-content-item.component-table-of-contents, .component-content-item.component-table-of-contents p, .component-content-item.component-table-of-contents li, .component-content-item.component-content-html, .component-content-item.component-content-html p, .component-content-item.component-content-html li, .component-content-item.component-supplementary-materials, .component-content-item.component-supplementary-materials p, .component-content-item.component-supplementary-materials li, .component-content-item.component-editorial-content, .component-content-item.component-editorial-content p, .component-content-item.component-editorial-content li {
font-size: 14px;
line-height: 20px;
}
.component-content-item.component-latest-articles h2, .component-content-item.component-latest-articles p, .component-content-item.component-latest-articles ul, .component-content-item.component-latest-articles table, .component-content-item.component-most-viewed-content h2, .component-content-item.component-most-viewed-content p, .component-content-item.component-most-viewed-content ul, .component-content-item.component-most-viewed-content table, .component-content-item.component-content-summary h2, .component-content-item.component-content-summary p, .component-content-item.component-content-summary ul, .component-content-item.component-content-summary table, .component-content-item.component-table-of-contents h2, .component-content-item.component-table-of-contents p, .component-content-item.component-table-of-contents ul, .component-content-item.component-table-of-contents table, .component-content-item.component-content-html h2, .component-content-item.component-content-html p, .component-content-item.component-content-html ul, .component-content-item.component-content-html table, .component-content-item.component-supplementary-materials h2, .component-content-item.component-supplementary-materials p, .component-content-item.component-supplementary-materials ul, .component-content-item.component-supplementary-materials table, .component-content-item.component-editorial-content h2, .component-content-item.component-editorial-content p, .component-content-item.component-editorial-content ul, .component-content-item.component-editorial-content table {
margin-bottom: 8px;
}
.component-content-item.component-latest-articles h2, .component-content-item.component-latest-articles h2 > .title, .component-content-item.component-most-viewed-content h2, .component-content-item.component-most-viewed-content h2 > .title, .component-content-item.component-content-summary h2, .component-content-item.component-content-summary h2 > .title, .component-content-item.component-table-of-contents h2, .component-content-item.component-table-of-contents h2 > .title, .component-content-item.component-content-html h2, .component-content-item.component-content-html h2 > .title, .component-content-item.component-supplementary-materials h2, .component-content-item.component-supplementary-materials h2 > .title, .component-content-item.component-editorial-content h2, .component-content-item.component-editorial-content h2 > .title {
padding-top: 8px;
font-size: 28px;
line-height: 40px;
font-weight: 500;
}
.component-content-item.component-latest-articles h3, .component-content-item.component-most-viewed-content h3, .component-content-item.component-content-summary h3, .component-content-item.component-table-of-contents h3, .component-content-item.component-content-html h3, .component-content-item.component-supplementary-materials h3, .component-content-item.component-editorial-content h3 {
margin-bottom: 4px;
padding-top: 4px;
font-size: 24px;
line-height: 34px;
font-weight: 400;
}
.component-content-item.component-table-of-contents li.type-issue .label,
.component-content-item.component-table-of-contents li.type-volume .label {
font-weight: 500;
}
.component-content-item.component-table-of-contents li.type-issue .text-title,
.component-content-item.component-table-of-contents li.type-article .text-title {
display: inline-block;
font-family: "Montserrat", sans-serif !important;
}
.component-content-item.component-table-of-contents li.type-issue.leaf.has-access-icon {
display: flex;
align-items: center;
list-style: none;
}
.component-content-item.component-table-of-contents li.type-issue .text-title {
margin-bottom: 8px;
padding-top: 8px;
font-size: 28px !important;
line-height: 40px !important;
font-weight: 500;
}
.component-content-item.component-table-of-contents li.type-article:last-child:after {
border: 0;
}
.component-content-item.component-table-of-contents li.type-article .text-title {
margin-bottom: 4px;
font-size: 18px !important;
line-height: 28px !important;
}
.component-content-item.component-table-of-contents li.type-article .pageInfo {
padding-left: 8px;
font-family: "Montserrat", sans-serif !important;
color: #333 !important;
}
.component-content-item.component-latest-articles .contentItem .item-title, .component-content-item.component-most-viewed-content .contentItem .item-title {
font-family: inherit;
font-weight: 500;
}
.component-content-item.component-latest-articles .contentItem .component-content-contributors,
.component-content-item.component-latest-articles .contentItem .pages dt,
.component-content-item.component-latest-articles .contentItem .pages dd, .component-content-item.component-most-viewed-content .contentItem .component-content-contributors,
.component-content-item.component-most-viewed-content .contentItem .pages dt,
.component-content-item.component-most-viewed-content .contentItem .pages dd {
margin-bottom: 0;
font: inherit;
color: inherit;
}
.component-content-item.component-most-viewed-content {
padding: 8px;
}
.component-content-item.component-most-viewed-content .contentItem {
margin-bottom: 8px;
}
.component-content-item.component-most-viewed-content .contentItem .item-title {
font-size: 14px !important;
line-height: 20px !important;
}
.component-content-item.component-latest-articles {
border-radius: 3px;
border: 0px solid transparent !important;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
background: #ffffff;
}
.component-content-item.component-latest-articles .contentItem.chunkResult {
padding: 32px 40px;
border-bottom: 1px solid #e0e0e0 !important;
}
.component-content-item.component-latest-articles .contentItem.chunkResult:last-child {
border-bottom: 0 !important;
}
.component-content-item.component-latest-articles .contentItem a {
color: rgba(0, 0, 0, 0.87) !important;
}
.component-content-item.component-latest-articles .contentItem a:focus, .component-content-item.component-latest-articles .contentItem a:hover {
color: #0094ca !important;
}
.component-content-item.component-latest-articles .contentItem .item-title {
margin-bottom: 4px !important;
font-size: 18px;
line-height: 28px;
}
.component-content-item.component-latest-articles .contentItem .abstractTitle {
margin: 0 !important;
font-size: 1rem !important;
}
.component-content-item.component-latest-articles .contentItem .abstract p {
margin: 0.35em 0 !important;
}
.component-content-item.component-latest-articles .contentItem .abstract p .moretoggle,
.component-content-item.component-latest-articles .contentItem .abstract p .lesstoggle {
margin: 0px !important;
padding-left: 3px !important;
font-size: 0.75rem !important;
font-weight: 400 !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
line-height: 1.375em !important;
color: rgba(0, 0, 0, 0.28) !important;
}
.component-content-item.component-latest-articles .contentItem .abstract p .moretoggle:after,
.component-content-item.component-latest-articles .contentItem .abstract p .lesstoggle:after {
margin-top: 10px !important;
margin-bottom: 7px !important;
padding-left: 3px !important;
font-size: 0.75rem !important;
font-weight: 400 !important;
line-height: 1.375em !important;
color: rgba(0, 0, 0, 0.28) !important;
}
.flat-list > li > a {
font-family: Roboto;
font-size: 0.875rem !important;
font-weight: 400 !important;
line-height: 1.46429em !important;
-webkit-font-smoothing: antialiased !important;
}
.component-content-subjects {
padding: 0px !important;
}
#pageBody > div > .type-homepage {
background: #edf0f2 !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 64px;
}
#pageBody > div > .type-homepage > .column-group.columns-2 {
max-width: 1200px;
width: 100%;
justify-items: center !important;
align-items: flex-start;
margin: 0px auto !important;
overflow: visible;
flex-flow: row;
box-sizing: border-box;
padding-left: 19px;
}
#pageBody > div > .type-homepage > .column-group.columns-2 > .centerColumn {
border-radius: 2px;
flex: 1;
box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.12), 0 4px 2px -4px rgba(0, 0, 0, 0.08), 0 7px 32px -5px rgba(0, 0, 0, 0.21) !important;
background: white;
margin-right: 16px;
margin-top: -24px;
}
#pageBody > div > .type-homepage > .column-group.columns-2 > .rightColumn {
width: 350px;
padding: 32px;
margin-left: 16px;
box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.12), 0 4px 2px -4px rgba(0, 0, 0, 0.08), 0 7px 32px -5px rgba(0, 0, 0, 0.21) !important;
background: white;
margin-top: -24px;
min-height: 100%;
height: 100%;
border-radius: 2px;
}
#footerWrap {
z-index: 112 !important;
position: relative !important;
padding: 8px 20px !important;
background-color: #edf0f2 !important;
border-top: 1px solid rgba(0, 0, 0, 0.025) !important;
box-shadow: none !important;
overflow: unset !important;
}
#footerWrap > #footer > #footerAccounts,
#footerWrap > #footer > #footerLogoWrap {
display: none !important;
}
#footerWrap > #footer > #footerDetail {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
@media (max-width: 1011px) {
#footerWrap > #footer > #footerDetail {
justify-content: center !important;
}
}
#footerWrap > #footer > #footerDetail > #footerNav {
margin: 0px !important;
float: none !important;
}
#footerWrap > #footer > #footerDetail > #footerNav > li > a {
padding: 0px !important;
border: none !important;
padding: 0px !important;
font-family: "Roboto" !important;
font-size: 0.75rem !important;
line-height: 1rem !important;
font-weight: 500 !important;
color: #0094ca !important;
opacity: 1 !important;
-webkit-font-smoothing: antialiased !important;
}
#footerWrap > #footer > #footerDetail > #footerNav > li ~ li > a {
border-left: solid 2px #0094ca !important;
padding: 0px 0px 0px 8px !important;
margin: 0px 0px 0px 4px !important;
}
#footerWrap > #footer > #footerDetail > #footerNav > .last > a,
#footerWrap > #footer > #footerDetail > #footerNav > .last > a > span {
padding: 0px;
font-family: "Roboto" !important;
font-size: 0.75rem !important;
line-height: 1rem !important;
font-weight: 500 !important;
color: #0094ca !important;
opacity: 1 !important;
-webkit-font-smoothing: antialiased !important;
}
#footerWrap > #footer > #footerDetail > #footerCopyright {
margin: 0px !important;
float: none !important;
}
#footerWrap > #footer > #footerDetail > #footerCopyright > .legal {
margin: 0px !important;
font-family: "Roboto" !important;
font-size: 0.75rem !important;
line-height: 1rem !important;
font-weight: 500 !important;
color: rgba(0, 0, 0, 0.6) !important;
opacity: 1 !important;
-webkit-font-smoothing: antialiased !important;
}
#footerWrap > #footer > #footerDetail > #footerCopyright > .legal > a {
color: #0094ca !important;
}
button.submit-btn.search-button {
top: -16px !important;
color: #0094ca !important;
background-color: transparent !important;
outline: none !important;
}
button.submit-btn.search-button:before {
color: #0094ca !important;
}
button.submit-btn.search-button:hover {
color: #0094ca !important;
background-color: transparent !important;
}
button.submit-btn.search-button:hover:before {
color: #0094ca !important;
}
.tabList.myTabs {
margin: 0px !important;
padding: 17px 40px !important;
}
.tab-panel.myPanel {
padding: 20px 40px;
}
.cg-primary .afterColumns .component-external-links:after,
body .afterColumns .component-external-links:after,
.column-wrapper .afterColumns .component-external-links:after,
.modalWindow .afterColumns .component-external-links:after,
.gallery-overlay .afterColumns .component-external-links:after,
.cg-primary .results-column,
body .results-column,
.column-wrapper .results-column,
.modalWindow .results-column,
.gallery-overlay .results-column,
.cg-primary .contentItem,
body .contentItem,
.column-wrapper .contentItem,
.modalWindow .contentItem,
.gallery-overlay .contentItem,
.cg-primary #resultsBarBottom,
body #resultsBarBottom,
.column-wrapper #resultsBarBottom,
.modalWindow #resultsBarBottom,
.gallery-overlay #resultsBarBottom,
.cg-primary nav.container-tabs:after,
body nav.container-tabs:after,
.column-wrapper nav.container-tabs:after,
.modalWindow nav.container-tabs:after,
.gallery-overlay nav.container-tabs:after,
.cg-primary li.type-chapter:after,
body li.type-chapter:after,
.column-wrapper li.type-chapter:after,
.modalWindow li.type-chapter:after,
.gallery-overlay li.type-chapter:after,
.cg-primary li.type-article:after,
body li.type-article:after,
.column-wrapper li.type-article:after,
.modalWindow li.type-article:after,
.gallery-overlay li.type-article:after,
.cg-primary li.type-book:after,
body li.type-book:after,
.column-wrapper li.type-book:after,
.modalWindow li.type-book:after,
.gallery-overlay li.type-book:after,
.cg-primary li.type-journal:after,
body li.type-journal:after,
.column-wrapper li.type-journal:after,
.modalWindow li.type-journal:after,
.gallery-overlay li.type-journal:after,
.cg-primary .component-recent-news:before,
body .component-recent-news:before,
.column-wrapper .component-recent-news:before,
.modalWindow .component-recent-news:before,
.gallery-overlay .component-recent-news:before {
background: transparent !important;
border-color: #e0e0e0 !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a:after {
height: 2px !important;
}
.search-field {
padding: 8px 30px 8px 0px !important;
outline: none !important;
font-family: "Montserrat", sans-serif !important;
font-weight: 400 !important;
font-size: 15px !important;
line-height: 16px !important;
}
.search-field::placeholder {
font-family: "Montserrat", sans-serif !important;
font-weight: 400 !important;
font-size: 15px !important;
line-height: 16px !important;
color: #bdbdbd !important;
}
.search-field ~ .search-button:before {
font-size: 19px !important;
color: rgba(0, 0, 0, 0.54) !important;
}
.search-field ~ .search-button:hover:before {
font-size: 19px !important;
color: rgba(0, 0, 0, 0.54) !important;
}
.button.button.submit-btn.search-button:before {
color: rgba(0, 0, 0, 0.54) !important;
}
.pageLinks {
background: #2f3841 !important;
background-color: #2f3841 !important;
}
.column-controls a {
background: transparent !important;
box-shadow: none !important;
}
.c-Chip {
position: relative !important;
display: flex !important;
align-items: center !important;
top: 0px !important;
height: 32px !important;
padding: 0px !important;
margin: 0px !important;
border: 0px solid transparent !important;
border-radius: 16px !important;
background-color: #E0E0E0 !important;
white-space: nowrap !important;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
transition: background-color 214.5ms cubic-bezier(0.4, 0, 0.2, 1), color 214.5ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: background-color, color;
}
.c-Chip-button, .c-Chip--button {
cursor: pointer !important;
transition: background-color 214.5ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.c-Chip-button:hover, .c-Chip--button:hover {
background-color: #E0E0E0 !important;
}
.c-Chip:hover {
color: #ffffff !important;
background-color: #757575 !important;
}
.c-Chip:hover .c-ChipLabel,
.c-Chip:hover .c-Chip_label,
.c-Chip:hover .c-Chip__label {
color: #ffffff !important;
}
.c-ChipLabel,
.c-Chip_label,
.c-Chip__label {
padding-top: 0px !important;
padding-right: 12px !important;
padding-bottom: 0px !important;
padding-left: 12px !important;
font-family: "Montserrat", sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 14px !important;
color: rgba(0, 0, 0, 0.87) !important;
transition: color 214.5ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.c-ChipIconLink,
.c-Chip_icon_link,
.c-Chip__icon__link {
background-color: transparent !important;
color: #9E9E9E !important;
margin: 0 4px 0 -8px !important;
padding: 0px !important;
}
.c-ChipIconLink-button, .c-ChipIconLink--button,
.c-Chip_icon_link-button,
.c-Chip_icon_link--button,
.c-Chip__icon__link-button,
.c-Chip__icon__link--button {
cursor: pointer !important;
background-color: transparent !important;
}
.c-ChipIconLink-button:before, .c-ChipIconLink--button:before,
.c-Chip_icon_link-button:before,
.c-Chip_icon_link--button:before,
.c-Chip__icon__link-button:before,
.c-Chip__icon__link--button:before {
transition: color 214.5ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.c-ChipIconLink-button:hover:before, .c-ChipIconLink--button:hover:before,
.c-Chip_icon_link-button:hover:before,
.c-Chip_icon_link--button:hover:before,
.c-Chip__icon__link-button:hover:before,
.c-Chip__icon__link--button:hover:before {
color: #ffffff !important;
}
.c-ChipIconLink-remove, .c-ChipIconLink--remove,
.c-Chip_icon_link-remove,
.c-Chip_icon_link--remove,
.c-Chip__icon__link-remove,
.c-Chip__icon__link--remove {
color: #9E9E9E !important;
}
.c-ChipIconLink-remove:before, .c-ChipIconLink--remove:before,
.c-Chip_icon_link-remove:before,
.c-Chip_icon_link--remove:before,
.c-Chip__icon__link-remove:before,
.c-Chip__icon__link--remove:before {
content: "\E5C9" !important;
position: relative !important;
width: 24px !important;
height: 24px !important;
display: inline-block !important;
font-family: "Material Icons" !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 24px !important;
line-height: 24px !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
word-wrap: normal !important;
white-space: nowrap !important;
direction: ltr !important;
-webkit-font-smoothing: antialiased !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
}
.c-ChipIconLink > span,
.c-Chip_icon_link > span,
.c-Chip__icon__link > span {
display: none !important;
}
.faceted-nav h3.toggle {
font-weight: 500;
font-size: 14px !important;
opacity: 0.65;
}
.faceted-nav h3.toggle > a {
padding: 8px 0 8px;
}
.faceted-nav h3.toggle > a:after {
font-size: 16px !important;
}
.contentDropdown li {
font-size: 15px !important;
border-left: 0px !important;
}
.mainBase,
div.mainBase {
padding: 0px !important;
}
.page-search .results-column {
margin: 0px !important;
}
.cg-primary select,
body select,
.column-wrapper select,
.modalWindow select,
.gallery-overlay select {
border-bottom: 1px solid #e0e0e0 !important;
}
.cg-primary select:hover,
body select:hover,
.column-wrapper select:hover,
.modalWindow select:hover,
.gallery-overlay select:hover {
border-bottom: 1px solid #bdbdbd;
}
.cg-primary .afterColumns .component-external-links:after,
body .afterColumns .component-external-links:after,
.column-wrapper .afterColumns .component-external-links:after,
.modalWindow .afterColumns .component-external-links:after,
.gallery-overlay .afterColumns .component-external-links:after,
.cg-primary .results-column,
body .results-column,
.column-wrapper .results-column,
.modalWindow .results-column,
.gallery-overlay .results-column,
.cg-primary .contentItem,
body .contentItem,
.column-wrapper .contentItem,
.modalWindow .contentItem,
.gallery-overlay .contentItem,
.cg-primary #resultsBarBottom,
body #resultsBarBottom,
.column-wrapper #resultsBarBottom,
.modalWindow #resultsBarBottom,
.gallery-overlay #resultsBarBottom,
.cg-primary li.type-chapter:after,
body li.type-chapter:after,
.column-wrapper li.type-chapter:after,
.modalWindow li.type-chapter:after,
.gallery-overlay li.type-chapter:after,
.cg-primary li.type-article:after,
body li.type-article:after,
.column-wrapper li.type-article:after,
.modalWindow li.type-article:after,
.gallery-overlay li.type-article:after,
.cg-primary li.type-book:after,
body li.type-book:after,
.column-wrapper li.type-book:after,
.modalWindow li.type-book:after,
.gallery-overlay li.type-book:after,
.cg-primary li.type-journal:after,
body li.type-journal:after,
.column-wrapper li.type-journal:after,
.modalWindow li.type-journal:after,
.gallery-overlay li.type-journal:after,
.cg-primary .component-recent-news:before,
body .component-recent-news:before,
.column-wrapper .component-recent-news:before,
.modalWindow .component-recent-news:before,
.gallery-overlay .component-recent-news:before {
background: transparent !important;
}
.itemTitle {
color: rgba(0, 0, 0, 0.87);
font-size: 1.5rem;
font-weight: 400;
line-height: 1.35417em;
margin-bottom: 0px !important;
}
.item-author {
margin-bottom: 0.35em !important;
color: rgba(0, 0, 0, 0.54) !important;
font-size: 0.75rem !important;
font-weight: 400 !important;
line-height: 1.375em !important;
}
.item-context {
margin-top: 1.35em !important;
}
.page-search .contentItem .subTitle {
font-size: 1rem;
}
#pageBody > .configurable-layout > .layout > .column-group > .column > .column-contents > .content-item > .configurable-layout > .content-box > .content-box-body > .layout > .column-group > .column > .column-contents > .content-item:nth-child(2) {
width: 100%;
}
#pageBody > .configurable-layout > .layout > .column-group > .column > .column-contents > .content-item > .configurable-layout .component-content-actions .flat-list {
margin: 6px 0px !important;
}
#pageBody > .configurable-layout > .layout > .column-group > .column > .column-contents > .content-item > .configurable-layout .component-content-actions .flat-list li ~ li {
margin-left: 6px !important;
}
#pageBody > .configurable-layout > .layout > .column-group > .column > .column-contents > .content-item > .configurable-layout .component-content-actions a {
border: none;
color: white;
text-decoration: none;
outline: none;
display: inline-flex;
background: transparent;
box-shadow: none;
align-items: center;
}
#pageBody > .configurable-layout > .layout > .column-group > .column > .column-contents > .content-item > .configurable-layout .component-content-actions a:before {
margin-right: 4px;
}
#pageBody > .configurable-layout > .layout > .column-group > .column > .column-contents > .content-item > .configurable-layout .component-content-actions a:hover {
background: rgba(255, 255, 255, 0.07);
}
#pageBody > .configurable-layout > .layout > .column-group > .column > .column-contents > .content-item > .configurable-layout .cover-image {
padding: 0px 16px 4px 0px;
}
#pageBody > .configurable-layout > .layout > .column-group > .column > .column-contents > .content-item > .configurable-layout .cover-image img {
min-width: 100px;
width: 100px;
border-radius: 3px !important;
box-shadow: 0px 1px 15px -4px rgba(0, 0, 0, 0.2), 0px 17px 35px -22px rgba(0, 0, 0, 0.5), 0px 12px 8px -20px rgba(0, 0, 0, 0.7) !important;
transition: box-shadow 200ms ease-in-out !important;
}
.title {
outline: none !important;
margin-bottom: 4px !important;
color: rgba(0, 0, 0, 0.8) !important;
color: rgba(0, 0, 0, 0.8) !important;
font-family: Montserrat, sans-serif !important;
font-size: 1.5rem !important;
font-weight: 600 !important;
line-height: 2rem !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
}
.pageTitle {
outline: none !important;
color: rgba(0, 0, 0, 0.8) !important;
color: rgba(0, 0, 0, 0.8) !important;
font-family: Montserrat, sans-serif !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
line-height: 2rem !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
}
.contributor-line {
white-space: normal !important;
width: 100% !important;
max-width: 100% !important;
margin-bottom: 0px !important;
padding-top: 4px !important;
overflow: hidden !important;
float: none !important;
float: none !important;
flex-wrap: wrap !important;
align-items: start !important;
justify-content: flex-start !important;
flex-direction: row !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
.contributor-line .creator-type-label {
padding-right: 5px;
}
.contributor-line > span {
white-space: pre;
}
.contributor-line sup a {
font-size: 100% !important;
}
.contributor-line a,
.contributor-line a span {
outline: none !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
font-family: Montserrat, sans-serif !important;
font-size: 0.875rem !important;
font-weight: 500 !important;
line-height: 1.25rem !important;
-webkit-font-smoothing: subpixel-antialiased !important;
text-decoration: none !important;
}
.contributor-line a.email:before,
.contributor-line a span.email:before {
content: "\E0BE" !important;
word-wrap: normal !important;
direction: ltr !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
transform: translate3d(0, -8px, 0) !important;
width: 16px !important;
height: 16px !important;
float: none !important;
display: inline !important;
align-items: center !important;
justify-content: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
outline: none !important;
font-family: Material Icons !important;
font-size: 16px !important;
font-weight: normal !important;
line-height: 16px !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
outline: none !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
text-decoration: none !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
font-style: none !important;
white-space: nowrap !important;
transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: color;
}
.contributor-line a span,
.contributor-line a span span {
font-size: 0rem !important;
}
.component-content-metadata dl {
margin: 0px !important;
padding: 0px !important;
float: none !important;
}
.component-content-metadata dl dt, .component-content-metadata dl dd {
outline: none !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 0.75rem !important;
font-weight: 500 !important;
line-height: 1.125rem !important;
-webkit-font-smoothing: subpixel-antialiased !important;
text-decoration: none !important;
}
.component-content-metadata a {
outline: none !important;
color: rgba(0, 0, 0, 0.6) !important;
color: rgba(0, 0, 0, 0.6) !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 0.75rem !important;
font-weight: 500 !important;
line-height: 1.125rem !important;
-webkit-font-smoothing: subpixel-antialiased !important;
text-decoration: none !important;
}
.configurable-layout > .type-content-view,
.column-group,
.column,
.column-contents,
.content-item,
.configurable-layout,
.component-content-item,
.content-box,
.content-box-body .container-tabs,
.container-body {
flex-shrink: unset !important;
margin: 0px !important;
padding: 0px !important;
float: none !important;
display: block !important;
}
.page-search {
background-color: #edf0f2 !important;
background-color: #edf0f2 !important;
}
.page-search .mainBase {
padding-right: 0px !important;
padding-left: 60px !important;
float: none !important;
order: 2 !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: color;
}
@media (min-width: 765px) {
.page-search .mainBase {
padding-left: 60px !important;
}
}
@media (min-width: 960px) {
.page-search .mainBase {
padding-left: 74px !important;
}
}
.page-search .mainBase--isCondensed {
padding-right: 0px !important;
padding-left: 60px !important;
float: none !important;
order: 2 !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
@media (min-width: 765px) {
.page-search .mainBase--isCondensed {
padding-right: 0px !important;
}
}
@media (min-width: 960px) {
.page-search .mainBase--isCondensed {
padding-right: 350px !important;
}
}
@media (min-width: 765px) {
.page-search .mainBase--isCondensed {
padding-left: 60px !important;
}
}
@media (min-width: 960px) {
.page-search .mainBase--isCondensed {
padding-left: 74px !important;
}
}
@media (min-width: 1200px) {
.page-search .mainBase--isCondensed {
padding-left: 0px !important;
}
}
.page-search .c-DrawerPanel {
z-index: 8 !important;
position: fixed !important;
top: 81px !important;
right: 0px !important;
bottom: 0px !important;
width: 350px !important;
height: calc(100% - 79px) !important;
padding-top: 0px !important;
padding-bottom: 32px !important;
padding-right: 0px !important;
padding-left: 0px !important;
float: none !important;
order: 3 !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
background-color: #ffffff !important;
background-color: #ffffff !important;
transform: translate3d(100%, 0, 0);
transition: transform 225ms cubic-bezier(0.4, 0, 0.6, 1) !important;
}
.page-search .c-DrawerPanel > .facetedNav {
transform: translate3d(0, 0, 0);
width: 100% !important;
padding: 0px !important;
float: none !important;
transition: transform 225ms cubic-bezier(0.4, 0, 0.6, 1) !important;
}
.page-search .c-DrawerPanel--isOpened {
transform: translate3d(0, 0, 0) !important;
}
.page-search .c-DrawerPanel--isScrolled {
transition: z-index 0s 227.5ms;
}
.page-search .c-DrawerPanel--isScrolled:before {
width: 100% !important;
height: 75px !important;
float: none !important;
position: absolute !important;
top: -75px !important;
box-shadow: 0 5px 11px -4px rgba(0, 0, 0, 0.2), 0 5px 3px -4px rgba(0, 0, 0, 0.15), 0 9px 33px -6px rgba(0, 0, 0, 0.3) !important;
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
@media (min-width: 765px) {
.page-search .c-DrawerPanel--isScrolled:before {
box-shadow: 0 5px 11px -4px rgba(0, 0, 0, 0.2), 0 5px 3px -4px rgba(0, 0, 0, 0.15), 0 9px 33px -6px rgba(0, 0, 0, 0.3) !important;
}
}
@media (min-width: 960px) {
.page-search .c-DrawerPanel--isScrolled:before {
box-shadow: 0 5px 11px -4px rgba(0, 0, 0, 0.2), 0 5px 3px -4px rgba(0, 0, 0, 0.15), 0 9px 33px -6px rgba(0, 0, 0, 0.3) !important;
}
}
@media (min-width: 1200px) {
.page-search .c-DrawerPanel--isScrolled:before {
box-shadow: 0 2px 5px -3px rgba(0, 0, 0, 0.2), 0 3px 3px -3px rgba(0, 0, 0, 0.15), 0 5px 15px -5px rgba(0, 0, 0, 0.3) !important;
}
}
.page-search .c-DrawerPanel--isScrolled:before:hover {
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
.page-search .c-DrawerPanel--isScrolled > .facetedNav {
backface-visibility: hidden !important;
transform: translate3d(0, -80px, 0) !important;
}
.content-page #pageBody > .configurable-layout {
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
float: none !important;
}
.content-page .configurable-layout > .type-content-view {
margin: 0px !important;
padding: 0px !important;
float: none !important;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group {
width: calc(100% - 60px) !important;
min-height: calc(100vh - 80px) !important;
margin-left: 60px !important;
background-color: #edf0f2 !important;
background-color: #edf0f2 !important;
float: none !important;
display: block !important;
}
@media (min-width: 765px) {
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group {
width: calc(100% - 60px) !important;
}
}
@media (min-width: 960px) {
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group {
width: calc(100% - 74px) !important;
}
}
@media (min-width: 765px) {
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group {
margin-left: 60px !important;
}
}
@media (min-width: 960px) {
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group {
margin-left: 74px !important;
}
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group .column-group {
width: 100% !important;
max-width: unset !important;
float: none !important;
display: block !important;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn {
z-index: 3 !important;
position: relative !important;
width: 100% !important;
min-height: calc(100vh - 104px) !important;
padding: 0px !important;
float: none !important;
}
@media (min-width: 765px) {
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn {
width: calc(100% - 350px) !important;
}
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents {
width: 100% !important;
max-width: 1200px !important;
margin-right: auto !important;
margin-left: auto !important;
padding-right: 32px !important;
padding-left: 32px !important;
float: none !important;
float: none !important;
justify-content: flex-start !important;
flex-direction: column !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
@media (min-width: 765px) {
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents {
padding-right: 32px !important;
padding-left: 32px !important;
}
}
@media (min-width: 960px) {
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents {
padding-right: 32px !important;
padding-left: 32px !important;
}
}
@media (min-width: 1200px) {
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents {
padding-right: 64px !important;
padding-left: 64px !important;
}
}
@media (min-width: 1600px) {
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents {
padding-right: 128px !important;
padding-left: 128px !important;
}
}
@media (min-width: 765px) {
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents {
align-items: center !important;
}
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents > .content-item {
width: 100% !important;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents > .content-item .externalweblinks-list a {
color: #0094ca !important;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn {
z-index: 8 !important;
position: fixed !important;
top: 80px !important;
right: 0px !important;
bottom: 0px !important;
width: 350px !important;
height: calc(100% - 79px) !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
background-color: #ffffff !important;
background-color: #ffffff !important;
float: none !important;
order: 3 !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
box-shadow: 0 5px 11px -4px rgba(0, 0, 0, 0.2), 0 5px 3px -4px rgba(0, 0, 0, 0.15), 0 9px 33px -6px rgba(0, 0, 0, 0.3) !important;
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn:hover {
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn .column-group {
float: none !important;
flex-direction: column !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn .leftColumn {
width: 100% !important;
padding-top: 0px !important;
padding-bottom: 16px !important;
padding-right: 0px !important;
padding-left: 0px !important;
float: none !important;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn .centerColumn {
width: 100% !important;
padding: 0px !important;
float: none !important;
flex: 1 !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn .cover-image {
margin: 0px !important;
padding: 0px !important;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn .cover-image img {
max-width: unset !important;
width: 100% !important;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn .content-item {
display: flex !important;
justify-content: center !important;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn .content-item:nth-child(1) {
width: 100%;
background: transparent;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn .content-item:nth-child(1) > .component-cover-image {
width: 80% !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 0px !important;
float: none !important;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group:first-child {
padding-right: 24px !important;
padding-left: 24px !important;
float: none !important;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group:last-child > .rightColumn {
padding-top: 16px !important;
padding-bottom: 0px !important;
padding-right: 24px !important;
padding-left: 24px !important;
float: none !important;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group:last-child > .rightColumn .externalweblinks-list {
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 16px !important;
margin-left: 16px !important;
padding: 0px !important;
}
.content-page.type-book #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group, .content-page.type-journal #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group {
float: none !important;
flex-flow: row wrap !important;
justify-content: flex-start !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
}
.content-page.type-book #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group .leftColumn, .content-page.type-journal #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group .leftColumn {
max-width: 100px !important;
margin-left: 24px !important;
float: none !important;
}
.content-page.type-book #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group .centerColumn, .content-page.type-journal #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group .centerColumn {
width: calc(100% - 148px) !important;
min-width: calc(100% - 148px) !important;
padding-left: 24px !important;
}
.content-page.type-book #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group .rightColumn, .content-page.type-journal #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group .rightColumn {
min-width: 100% !important;
order: 4;
}
.configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents > .content-item:nth-child(3) {
overflow: hidden !important;
float: none !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.2), 0 2px 1px -3px rgba(0, 0, 0, 0.15), 0 3px 12px -5px rgba(0, 0, 0, 0.3) !important;
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
background-color: #ffffff !important;
background-color: #ffffff !important;
border-style: none !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: unset !important;
}
.configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents > .content-item:nth-child(3):hover {
transition: box-shadow 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: box-shadow;
}
#indexCardTabs > div {
overflow: hidden;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: #1A82C0 !important;
background-color: #1A82C0 !important;
}
#indexCardTabs .c-Btn {
z-index: 5;
position: relative;
height: 48px !important;
margin: 0px !important;
padding: 0px !important;
border-radius: unset !important;
outline: none !important;
color: rgba(255, 255, 255, 0.7) !important;
color: rgba(255, 255, 255, 0.7) !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 0.75rem !important;
font-weight: 500 !important;
line-height: 1.125rem !important;
-webkit-font-smoothing: subpixel-antialiased !important;
text-decoration: none !important;
text-transform: capitalize !important;
}
#indexCardTabs .c-Btn span {
z-index: 5;
position: relative;
outline: none !important;
color: rgba(255, 255, 255, 0.7) !important;
color: rgba(255, 255, 255, 0.7) !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 0.75rem !important;
font-weight: 500 !important;
line-height: 1.125rem !important;
-webkit-font-smoothing: subpixel-antialiased !important;
text-decoration: none !important;
text-transform: capitalize !important;
}
#indexCardTabs .c-Btn[aria-selected=true] {
color: #1A82C0 !important;
color: #1A82C0 !important;
background-color: #ffffff !important;
background-color: #ffffff !important;
}
#indexCardTabs .c-Btn[aria-selected=true] span {
color: #1A82C0 !important;
color: #1A82C0 !important;
background-color: #ffffff !important;
background-color: #ffffff !important;
}
.ui-tabs {
width: 100%;
}
.c-Tabs {
overflow: hidden;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
z-index: 1 !important;
position: relative !important;
width: 100% !important;
margin-bottom: 24px !important;
padding-right: 0px !important;
padding-left: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
float: none !important;
}
@media (min-width: 765px) {
.c-Tabs {
padding-right: 96px !important;
padding-left: 96px !important;
}
}
.c-Tabs:after {
display: none !important;
}
.c-Tabs .ui-tabs-nav {
display: none !important;
}
.c-Tabs .c-Tabs_nav {
padding: 0px !important;
background-color: #1A82C0 !important;
background-color: #1A82C0 !important;
float: none !important;
}
.c-Tabs .c-Tabs_nav .c-Tab {
padding: 0px !important;
}
.c-Tabs .c-Tabs_nav .c-Tab.active .ui-tabs-anchor {
color: #1A82C0 !important;
color: #1A82C0 !important;
background-color: #ffffff !important;
background-color: #ffffff !important;
}
.c-Tabs .c-Tabs_nav .c-Tab .ui-tabs-anchor {
outline: none !important;
color: rgba(255, 255, 255, 0.5) !important;
color: rgba(255, 255, 255, 0.5) !important;
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 0.75rem !important;
font-weight: 500 !important;
line-height: 1.125rem !important;
-webkit-font-smoothing: subpixel-antialiased !important;
text-decoration: none !important;
padding-right: 24px !important;
padding-left: 24px !important;
padding-top: 16px !important;
padding-bottom: 16px !important;
color: rgba(255, 255, 255, 0.5) !important;
color: rgba(255, 255, 255, 0.5) !important;
background-color: #1A82C0 !important;
background-color: #1A82C0 !important;
}
.c-Tabs .c-Tabs_nav .c-Tab .ui-tabs-anchor:after {
display: none !important;
}
.container-tabs ~ .container-body {
width: 100% !important;
min-width: 100% !important;
max-width: unset !important;
min-height: 50px !important;
padding-right: 48px !important;
padding-left: 48px !important;
padding-top: 32px !important;
padding-bottom: 32px !important;
float: none !important;
}
.container-tabs ~ .container-body .ui-tabs-panel {
width: 100% !important;
min-width: 100% !important;
max-width: unset !important;
float: none !important;
}
.ui-accordion-header {
padding-right: 0px !important;
padding-left: 96px !important;
padding-top: 16px !important;
padding-bottom: 16px !important;
float: none !important;
border-top-style: none !important;
border-bottom-style: solid !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: unset !important;
}
.ui-accordion-header:after {
border-right-style: none !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: unset !important;
}
.ui-accordion-header-icon:after {
border-left-style: none !important;
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.075) !important;
border-radius: unset !important;
}
.ui-accordion-content {
margin: 0px !important;
padding: 0px !important;
float: none !important;
display: none !important;
}
.ui-accordion-content-active {
margin: 0px !important;
padding: 0px !important;
float: none !important;
display: block !important;
}
.ui-accordion-content > .content-item {
padding-right: 32px !important;
padding-left: 32px !important;
padding-top: 24px !important;
padding-bottom: 24px !important;
float: none !important;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn,
.c-DrawerPanel {
/*
&:before {}
// ↳
> .facetedNav,
> .column-contents {}
&--isOpened {}
&--isScrolled {}
&--isUnFixed {}
*/
}
.container-purchase-download {
display: inline-block !important;
}
.component-content-download-links {
display: inline-block !important;
}
.component-content-download-links .content-download {
user-select: none !important;
cursor: pointer !important;
text-decoration: none !important;
box-shadow: none;
transform: translate3d(0, 0, 0) !important;
-webkit-tap-highlight-color: transparent !important;
float: none !important;
display: inline !important;
align-items: center !important;
justify-content: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
border-style: solid !important;
border-width: 2px !important;
border-color: #ed7653 !important;
border-radius: 3px !important;
outline: none !important;
white-space: nowrap !important;
color: #ed7653 !important;
color: #ed7653 !important;
background-color: transparent !important;
background-color: transparent !important;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents > .content-item:nth-child(2) .source-link {
margin-bottom: 0.35em;
display: block;
color: #0094ca !important;
font-size: 0.875rem !important;
font-weight: 400 !important;
line-height: 1.46429em !important;
opacity: 0.7;
-webkit-font-smoothing: subpixel-antialiased !important;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents > .content-item:nth-child(2) .source-link a {
color: #0094ca !important;
font-style: italic !important;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents > .content-item:nth-child(3) > .component-content-item > .content-box > .content-box-body > .container-body > .ui-tabs-panel > .content-item {
box-shadow: none !important;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents > .content-item:nth-child(3) > .component-content-item > .content-box > .content-box-body > .container-body > .ui-tabs-panel > .content-item > .component-content-item ul.refList p.citationText {
margin: 1.37em 0px 0px 0px !important;
font-family: "Montserrat", sans-serif;
font-size: 0.8125rem !important;
line-height: 1.25rem !important;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents > .content-item:nth-child(3) > .component-content-item > .content-box > .content-box-body > .container-body > .ui-tabs-panel > .content-item > .component-content-item ul.refList.has-enumerators {
list-style: none;
margin-left: 0;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents > .content-item:nth-child(3) > .component-content-item > .content-box > .content-box-body > .container-body > .ui-tabs-panel > .content-item > .component-content-item ul.refList.has-enumerators .enumerator {
flex-basis: 3em;
text-align: right;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents > .content-item:nth-child(3) > .component-content-item > .content-box > .content-box-body > .container-body > .ui-tabs-panel > .content-item > .component-content-item ul.refList.has-enumerators .xref {
flex-basis: 1em;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents > .content-item:nth-child(3) > .component-content-item > .content-box > .content-box-body > .container-body > .ui-tabs-panel > .content-item > .component-content-item ul.refList.has-enumerators p.citationText {
flex-basis: 100%;
padding-top: 0 !important;
padding-left: 0.8125rem !important;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents > .content-item:nth-child(3) > .component-content-item > .content-box > .content-box-body > .container-body > .ui-tabs-panel > .content-item > .component-content-item ul.refList.has-enumerators .enumerator + p.citationText {
padding-left: 2em !important;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn > .column-contents > .content-item > .configurable-layout > .content-box > .content-box-body > .type-index-card > .column-group > .leftColumn > .column-contents > .content-item > .component-cover-image > .content-box > .content-box-body > .cover-image > a > img {
height: auto !important;
width: 60px;
transform: none !important;
border-radius: 3px !important;
float: none !important;
vertical-align: middle !important;
box-shadow: 0px 1px 15px -4px rgba(0, 0, 0, 0.2), 0px 17px 35px -22px rgba(0, 0, 0, 0.5), 0px 12px 8px -20px rgba(0, 0, 0, 0.7) !important;
transition: box-shadow 200ms ease-in-out !important;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn > .column-contents > .content-item > .configurable-layout > .content-box > .content-box-body > .type-index-card > .column-group > .centerColumn {
flex: 1 !important;
padding-left: 24px !important;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn > .column-contents > .content-item > .configurable-layout > .content-box > .content-box-body > .type-index-card > .column-group > .centerColumn > .column-contents > .content-item > .component-content-title > .content-box > .content-box-body > h1.title {
margin: 0px !important;
font-size: 1rem !important;
font-weight: 500 !important;
line-height: 1.25rem !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
color: rgba(0, 0, 0, 0.45) !important;
-webkit-font-smoothing: antialiased !important;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn > .column-contents > .content-item > .configurable-layout > .content-box > .content-box-body > .type-index-card > .column-group > .centerColumn > .column-contents > .content-item > .component-content-title > .content-box > .content-box-body > h2.subTitle {
margin: 4px 0px 0px 0px !important;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
font-size: 0.75rem !important;
line-height: 1.125rem !important;
font-weight: 500 !important;
color: rgba(0, 0, 0, 0.45) !important;
-webkit-font-smoothing: antialiased !important;
}
.content-box:after {
background: transparent !important;
height: 0px !important;
}
.accessIcon.ico-access-restricted {
display: none !important;
}
.accessIcon.ico-access-open {
color: #ed7653 !important;
}
.accessIcon.ico-access-open span {
color: #ed7653 !important;
}
.cg-primary div.dropdown-button.open .dropdown-menu ul li,
body div.dropdown-button.open .dropdown-menu ul li,
.column-wrapper div.dropdown-button.open .dropdown-menu ul li,
.modalWindow div.dropdown-button.open .dropdown-menu ul li,
.gallery-overlay div.dropdown-button.open .dropdown-menu ul li {
transition: background-color 214.5ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: background-color;
}
.cg-primary div.dropdown-button.open .dropdown-menu ul li:hover,
body div.dropdown-button.open .dropdown-menu ul li:hover,
.column-wrapper div.dropdown-button.open .dropdown-menu ul li:hover,
.modalWindow div.dropdown-button.open .dropdown-menu ul li:hover,
.gallery-overlay div.dropdown-button.open .dropdown-menu ul li:hover,
.column-wrapper div.dropdown-button.open .dropdown-menu ul li.dropdown-menu-item:hover {
background-color: rgba(0, 0, 0, 0.12) !important;
}
.dropdownOuterWrapper {
border-radius: 2px;
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
overflow: hidden;
}
.rightColumn .column-contents > div > div.component-container:not(.tabs-vertical) div.container-item {
padding: 0px !important;
margin-top: 0px !important;
}
.page-login .c-App,
.page-signup .c-App {
min-height: calc(100vh - 60px);
display: flex;
flex-direction: column;
}
.page-login .c-Drawer,
.page-signup .c-Drawer {
margin-top: 112px;
flex: 1;
}
.page-login .c-Drawer #pageBody,
.page-signup .c-Drawer #pageBody {
min-height: calc(100vh - 104px);
position: relative;
flex-direction: column;
padding: 32px 12px !important;
display: flex !important;
justify-content: center;
align-items: center;
background: #eceff1;
}
.page-login .c-Drawer #pageBody .login-form,
.page-login .c-Drawer #pageBody .signup-form,
.page-signup .c-Drawer #pageBody .login-form,
.page-signup .c-Drawer #pageBody .signup-form {
box-sizing: border-box;
width: 540px;
padding: 32px !important;
border-radius: 2px;
display: flex;
flex-flow: column;
align-items: center;
overflow: hidden;
background-color: #ffffff;
box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.12), 0 2px 1px -3px rgba(0, 0, 0, 0.08), 0 3px 12px -5px rgba(0, 0, 0, 0.21) !important;
}
.page-login .c-Drawer #pageBody .login-form > .content-box > .content-box-header > h2,
.page-login .c-Drawer #pageBody .signup-form > .content-box > .content-box-header > h2,
.page-signup .c-Drawer #pageBody .login-form > .content-box > .content-box-header > h2,
.page-signup .c-Drawer #pageBody .signup-form > .content-box > .content-box-header > h2 {
margin-bottom: 0px !important;
font-family: "Montserrat", sans-serif !important;
font-size: 1.75rem !important;
font-weight: 500 !important;
line-height: 2.25rem !important;
color: rgba(0, 0, 0, 0.6) !important;
padding-bottom: 32px !important;
padding-left: 31px;
width: 370px;
-webkit-font-smoothing: subpixel-antialiased !important;
}
.page-login .c-Drawer #pageBody .login-form > .content-box > .content-box-body > h4,
.page-login .c-Drawer #pageBody .signup-form > .content-box > .content-box-body > h4,
.page-signup .c-Drawer #pageBody .login-form > .content-box > .content-box-body > h4,
.page-signup .c-Drawer #pageBody .signup-form > .content-box > .content-box-body > h4 {
white-space: nowrap;
color: rgba(0, 0, 0, 0.45);
font-size: 1rem;
line-height: 1.125rem;
font-weight: 400;
font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
-webkit-font-smoothing: subpixel-antialiased;
}
.page-login .c-Drawer #pageBody .login-form #signupLink,
.page-login .c-Drawer #pageBody .signup-form #signupLink,
.page-signup .c-Drawer #pageBody .login-form #signupLink,
.page-signup .c-Drawer #pageBody .signup-form #signupLink {
display: none;
}
.page-login .c-Drawer #pageBody .login-form .forgot-password-link,
.page-login .c-Drawer #pageBody .signup-form .forgot-password-link,
.page-signup .c-Drawer #pageBody .login-form .forgot-password-link,
.page-signup .c-Drawer #pageBody .signup-form .forgot-password-link {
color: rgba(0, 0, 0, 0.54);
font-size: 0.75rem;
font-weight: 400;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
line-height: 1.375em;
}
#searchHeader > h2 {
color: rgba(0, 0, 0, 0.87);
font-size: 0.875rem;
font-weight: 400;
line-height: 1.46429em;
}
.toolbar-fixed > .rightColumn > div {
position: relative !important;
}
input.form-control.search-field {
padding: 8px !important;
background-color: transparent !important;
box-shadow: none !important;
border-radius: 0px !important;
border: 0px solid transparent !important;
border-bottom: 1px solid #e0e0e0 !important;
}
input.form-control.search-field:hover {
border-bottom: 1px solid #9e9e9e !important;
}
input.form-control.search-field:focus {
border-bottom: 2px solid #ed7653 !important;
}
.locus-search-form {
display: flex;
justify-content: space-between;
padding: 0px;
}
.locus-search-form > fieldset.locus-group {
display: inline-block !important;
padding-bottom: 8px;
}
.locus-search-form > fieldset.locus-group > .form-row {
display: inline-block !important;
margin-bottom: 0px !important;
}
.locus-search-form > fieldset.locus-group > .form-row > .form-control,
.locus-search-form > fieldset.locus-group > .form-row .form-control.search-field {
width: 70px !important;
height: 40px !important;
padding: 8px !important;
background-color: transparent !important;
box-shadow: none !important;
border-radius: 0px !important;
border: 0px solid transparent !important;
border-bottom: 1px solid #e0e0e0 !important;
}
.locus-search-form > fieldset.locus-group > .form-row > .form-control:hover,
.locus-search-form > fieldset.locus-group > .form-row .form-control.search-field:hover {
border-bottom: 1px solid #9e9e9e !important;
}
.locus-search-form > fieldset.locus-group > .form-row > .form-control:focus,
.locus-search-form > fieldset.locus-group > .form-row .form-control.search-field:focus {
border-bottom: 2px solid #ed7653 !important;
}
.locus-search-form > fieldset.locus-group > .form-row > .form-control::placeholder, .locus-search-form > fieldset.locus-group > .form-row > .form-control::-webkit-input-placeholder, .locus-search-form > fieldset.locus-group > .form-row > .form-control::-moz-placeholder,
.locus-search-form > fieldset.locus-group > .form-row .form-control.search-field::placeholder,
.locus-search-form > fieldset.locus-group > .form-row .form-control.search-field::-webkit-input-placeholder,
.locus-search-form > fieldset.locus-group > .form-row .form-control.search-field::-moz-placeholder {
font-family: "Montserrat", sans-serif !important;
font-weight: 500 !important;
font-size: 12px !important;
line-height: 16px !important;
color: #e3e9eb !important;
-webkit-font-smoothing: subpixel-antialiased;
}
.locus-search-form > button.button.submit-btn.search-button {
font-size: 0px;
padding: 0px !important;
margin: 0px !important;
}
.locus-search-form > button.button.submit-btn.search-button:before {
font-family: material;
font-style: normal;
font-weight: normal;
line-height: 1;
display: block;
content: "";
font-size: 20px;
color: rgba(0, 0, 0, 0.54) !important;
padding: 8px !important;
transition: opacity ease-out 250ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.results-column {
padding-top: 0px !important;
border-top: 0px !important;
}
#resultsBarTop {
padding-bottom: 20px !important;
}
.cg-primary .ecommerce-block .offer,
body .ecommerce-block .offer,
.column-wrapper .ecommerce-block .offer,
.modalWindow .ecommerce-block .offer,
.gallery-overlay .ecommerce-block .offer,
.cg-primary .afterColumns .component-external-links,
body .afterColumns .component-external-links,
.column-wrapper .afterColumns .component-external-links,
.modalWindow .afterColumns .component-external-links,
.gallery-overlay .afterColumns .component-external-links,
.afterColumns .component-external-links:after {
height: 0px !important;
border: 0px solid transparent !important;
}
.back,
.next,
.prev,
.first {
font-size: 0.8rem !important;
line-height: 1.46429em !important;
font-weight: 400 !important;
-webkit-font-smoothing: subpixel-antialiased;
}
.back > a,
.next > a,
.prev > a,
.first > a {
opacity: 0.45;
transition: opacity ease-out 250ms;
}
.back > a:hover,
.next > a:hover,
.prev > a:hover,
.first > a:hover {
opacity: 0.8;
}
#pageSize-label,
#sortBy-label {
color: rgba(0, 0, 0, 0.87) !important;
font-size: 0.875rem !important;
font-weight: 400;
line-height: 1.46429em;
}
#searchWithinSubmit {
position: relative !important;
top: 14px !important;
}
#searchWithinSubmit:before {
font-size: 20px !important;
}
.submitRow {
margin-left: 0px !important;
padding-left: 0px !important;
}
.nav-menu .site-nav,
.nav-menu .user-nav,
.user-nav-toggle,
.util-nav-toggle {
display: none !important;
}
.tt-hint {
height: 47px !important;
left: 12px !important;
}
#pageBody #quickSearch {
z-index: 2;
position: relative;
width: 100vw !important;
margin-bottom: 100px !important;
}
#pageBody #quickSearch #quickLinks {
box-shadow: none !important;
}
#pageBody #quickSearch > .site-search-form {
clip: auto;
}
#pageBody #quickSearch > .site-search-form > .form-wrapper > .twitter-typeahead > .tt-menu,
#pageBody #quickSearch > .site-search-form > .form-wrapper > .search-scope-selector,
#pageBody #quickSearch > .site-search-form > .form-wrapper > .search-utils {
opacity: 1 !important;
transform: translate3d(0, 0, 0) !important;
transition: createTransition(transform, sharp, standard), createTransition(opacity, sharp, standard) !important;
}
#pageBody #quickSearch > .site-search-form #helpBtn {
display: none !important;
}
#pageBody #quickSearch > .site-search-form #quickSearchItems {
top: 88px !important;
right: 5px !important;
}
#pageBody #quickSearch > .site-search-form #searchBtn {
position: absolute;
right: 0px;
top: 15px !important;
}
#pageBody #quickSearch > .site-search-form .twitter-typeahead {
background: rgba(255, 255, 255, 0.7) !important;
}
#pageBody #quickSearch > .site-search-form .tt-menu {
z-index: 1000;
position: absolute !important;
opacity: 1 !important;
background: #ffffff !important;
}
#quickSearch.site-search {
top: 0px !important;
float: none !important;
clear: none !important;
border: none !important;
}
#quickSearch.site-search > .site-search-form {
top: 0px !important;
display: flex !important;
transform: translate3d(0, 0, 0) !important;
padding: 0px 8px !important;
max-height: 80px !important;
height: 80px !important;
justify-content: center !important;
align-items: center !important;
border: none !important;
clip: rect(1px, 1px, 1px, 1px);
}
#quickSearch.site-search > .site-search-form > .close-search-button {
display: flex !important;
position: relative !important;
top: 0px !important;
right: unset !important;
margin: 0px 0px 0px 8px !important;
padding: 8px 4px !important;
height: 34px !important;
min-width: 50px !important;
order: 2 !important;
align-items: center !important;
outline: none !important;
border-radius: 2px !important;
}
@media (min-width: 600px) {
#quickSearch.site-search > .site-search-form > .close-search-button {
margin: 0px -50px 0px 8px !important;
}
}
#quickSearch.site-search > .site-search-form > .close-search-button:after {
content: "Cancel" !important;
margin: 0px !important;
width: 100% !important;
font-family: "Roboto" !important;
font-size: 0.875rem !important;
font-weight: 500 !important;
color: rgba(0, 0, 0, 0.54) !important;
cursor: pointer !important;
-webkit-font-smoothing: subpixel-antialiased !important;
}
#quickSearch.site-search > .site-search-form > .close-search-button:hover {
background-color: #f5f5f5 !important;
}
#quickSearch.site-search > .site-search-form > .search-button {
top: 6px !important;
}
#quickSearch.site-search > .site-search-form > .search-button:before {
color: rgba(0, 0, 0, 0.54) !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper {
position: relative !important;
height: 60px !important;
margin: 0px !important;
flex: 1 1 60px;
max-width: 550px !important;
min-height: 60px !important;
display: flex;
flex-flow: column;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-utils {
position: absolute !important;
padding: 4px !important;
top: 72px !important;
right: -43px !important;
z-index: 110 !important;
min-height: 32px !important;
min-width: 64px !important;
display: flex !important;
align-items: center !important;
background: transparent !important;
border-radius: 2px !important;
overflow: hidden;
opacity: 0 !important;
transition: createTransition(opacity, sharp, standard), createTransition(background-color, sharp, standard) !important;
will-change: opacity !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-utils:hover {
background-color: rgba(0, 148, 202, 0.12) !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-utils > span {
font-size: 0px !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-utils > a.advanced {
padding: 0px !important;
font-size: 0px !important;
outline: none !important;
color: #0094ca !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-utils > a.advanced:after {
content: "Adv Search" !important;
font-family: "Roboto" !important;
font-size: 0.8125rem !important;
font-weight: 500 !important;
color: #0094ca !important;
cursor: pointer !important;
-webkit-font-smoothing: antialiased !important;
}
@media (min-width: 600px) {
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-utils {
right: 21px !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-utils > a.advanced {
color: #0094ca !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-utils > a.advanced:after {
content: "Advanced Search" !important;
font-family: "Roboto" !important;
font-size: 0.8125rem !important;
font-weight: 500 !important;
color: #0094ca !important;
cursor: pointer !important;
-webkit-font-smoothing: antialiased !important;
}
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-scope-selector {
z-index: 122 !important;
position: relative !important;
top: 9px !important;
left: 3px !important;
min-height: 40px !important;
padding: 0px !important;
display: flex !important;
flex: 1 1 40px !important;
align-self: flex-start !important;
justify-self: flex-start !important;
justify-content: flex-start !important;
order: 1 !important;
opacity: 0 !important;
transition: createTransition(opacity, sharp, standard) !important;
will-change: opacity !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-scope-selector > ul.search-scopes {
display: flex !important;
margin: 0px !important;
padding: 0px !important;
align-items: center !important;
list-style: none !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-scope-selector > ul.search-scopes > li {
border: none !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-scope-selector > ul.search-scopes > li > a {
margin: 0px !important;
padding: 8px !important;
outline: none !important;
display: flex;
justify-content: center;
align-items: center;
font-family: Roboto;
font-size: 0.875rem !important;
font-weight: 500 !important;
line-height: 1.46429em !important;
color: rgba(0, 0, 0, 0.3) !important;
-webkit-font-smoothing: antialiased !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-scope-selector > ul.search-scopes > li > a:before {
width: 20px !important;
height: 20px !important;
font-size: 20px !important;
line-height: 20px !important;
color: rgba(0, 0, 0, 0.3) !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-scope-selector > ul.search-scopes > li > a.selected {
color: #0094ca !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .search-scope-selector > ul.search-scopes > li > a.selected:before {
color: #0094ca !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .twitter-typeahead {
position: relative !important;
top: 6px !important;
min-width: 100% !important;
max-width: 500px !important;
min-height: 48px !important;
margin-top: 0px !important;
margin-bottom: 11px !important;
margin-right: 0px !important;
margin-left: 0px !important;
padding-right: 40px !important;
padding-left: 12px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
background-color: #f5f5f5 !important;
background-color: #f5f5f5 !important;
float: none !important;
order: 0 !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: flex !important;
border: 0px !important;
border-radius: 3px !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .twitter-typeahead > input {
border: none !important;
margin: 0px !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .twitter-typeahead > .site-search {
height: 100% !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .twitter-typeahead > .tt-menu {
top: 60px !important;
width: calc(100% + 60px) !important;
display: block !important;
margin: -2px 0px 0px 0px !important;
padding: 48px 0px 0px 0px !important;
border: none !important;
border-radius: 3px !important;
box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.12), 0 3px 2px -4px rgba(0, 0, 0, 0.08), 0 7px 32px -5px rgba(0, 0, 0, 0.21) !important;
opacity: 0 !important;
transform: translate3d(0, 75%, 0) !important;
transition: transform 227.5ms cubic-bezier(0, 0, 0.2, 1), opacity 227.5ms cubic-bezier(0, 0, 0.2, 1) !important;
will-change: transform, opacity !important;
}
@media (min-width: 600px) {
#quickSearch.site-search > .site-search-form > .form-wrapper > .twitter-typeahead > .tt-menu {
width: 100% !important;
}
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .twitter-typeahead > .tt-menu > .tt-dataset {
border-top: 1px solid rgba(0, 0, 0, 0.075) !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .twitter-typeahead > .tt-menu > .tt-dataset:empty:after {
content: "Start typing for suggestions..." !important;
font-family: "Roboto" !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-weight: 400 !important;
opacity: 0.2 !important;
padding: 12px 0px !important;
-webkit-font-smoothing: subpixel-antialiased !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .twitter-typeahead > .tt-menu > .tt-dataset > .tt-suggestion {
min-height: 40px !important;
padding: 12px 16px !important;
overflow: unset !important;
color: rgba(0, 0, 0, 0.54) !important;
font-family: "Roboto" !important;
font-size: 1rem !important;
line-height: 1.25rem !important;
font-weight: 400 !important;
transition: background-color cubic-bezier(0.4, 0, 0.6, 1) 300ms !important;
-webkit-font-smoothing: subpixel-antialiased !important;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .twitter-typeahead > .tt-menu > .tt-dataset > .tt-suggestion:hover, #quickSearch.site-search > .site-search-form > .form-wrapper > .twitter-typeahead > .tt-menu > .tt-dataset > .tt-suggestion.tt-cursor {
background-color: rgba(0, 0, 0, 0.075) !important;
}
#quickSearch.site-search.open > .site-search-form {
clip: auto;
}
#quickSearch.site-search.open > .site-search-form > .form-wrapper > .twitter-typeahead > .tt-menu,
#quickSearch.site-search.open > .site-search-form > .form-wrapper > .search-scope-selector,
#quickSearch.site-search.open > .site-search-form > .form-wrapper > .search-utils {
opacity: 1 !important;
transform: translate3d(0, 0, 0) !important;
transition: createTransition(transform, sharp, standard), createTransition(opacity, sharp, standard) !important;
}
#header {
position: relative !important;
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
}
#headerLogo {
order: 0 !important;
width: 50% !important;
height: auto !important;
justify-self: flex-start !important;
flex: 0 0 50% !important;
display: flex !important;
align-items: center !important;
flex-direction: row !important;
float: none !important;
}
#headerLogo > a {
flex: 1 !important;
margin-left: 0px !important;
}
#headerLinks {
display: flex;
align-items: center;
justify-self: flex-end;
order: 4;
}
#headerWrap .user-nav-menu {
float: none !important;
margin: 0px !important;
padding: 0px !important;
}
#headerWrap .user-nav-menu > .user-nave-toggle {
display: none !important;
}
#headerMenuToggle {
justify-self: flex-start !important;
order: 0;
}
.component-image-gallery .caption {
text-align: center !important;
}
.component-image-gallery .caption > * {
margin-left: auto !important;
margin-right: auto !important;
text-align: left !important;
max-width: 500px !important;
}
.type-index-card .component-content-item {
margin-bottom: 0px;
padding-bottom: 0px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 400;
-webkit-font-smoothing: subpixel-antialiased;
}
.container-sidebar-accordion .type-index-card .component-content-item, .container-sidebar .type-index-card .component-content-item {
margin-bottom: 0px;
padding-bottom: 0px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #333;
-webkit-font-smoothing: subpixel-antialiased;
}
.type-index-card .component-content-contributors .single-line .more,
.type-index-card .component-content-contributors .single-line .less {
position: relative;
padding: 0px;
right: 0px;
font-size: 0px;
cursor: pointer;
color: rgba(255, 255, 255, 0.38);
}
.type-index-card .component-content-contributors .single-line .more:after,
.type-index-card .component-content-contributors .single-line .less:after {
position: relative;
top: 0px;
width: 24px;
height: 24px;
margin-left: 6px;
display: inline-block;
font-family: "Material Icons";
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
font-size: 24px;
line-height: 24px;
text-align: center;
color: rgba(255, 255, 255, 0.45);
}
.type-index-card .component-content-contributors .single-line .more {
display: none;
}
.type-index-card .component-content-contributors .single-line .more:after {
content: "";
}
.type-index-card .component-content-contributors .single-line .less {
display: none;
}
.type-index-card .component-content-contributors .single-line .less:after {
content: "";
}
.type-index-card .component-content-contributors .single-line.expanded .contributor-line {
white-space: normal;
}
.type-index-card .component-content-contributors .single-line.expanded .more {
display: none;
}
.type-index-card .component-content-contributors .single-line.expanded .less {
display: inline-block;
}
.type-index-card .ico-access {
margin-top: 0px !important;
margin-bottom: 4px !important;
margin-right: 0px !important;
margin-left: 0px !important;
float: none !important;
color: #ed7653 !important;
display: inline-block !important;
font-family: "Montserrat", sans-serif;
font-size: 14px !important;
line-height: 20px !important;
font-weight: 500 !important;
-webkit-font-smoothing: subpixel-antialiased !important;
}
@media (min-width: 960px) {
.type-index-card .ico-access {
margin: 0px 0px 4px 0px !important;
}
}
.type-index-card .ico-access > span {
padding: 0 !important;
position: relative !important;
right: 0 !important;
top: 0 !important;
font-family: "Montserrat", sans-serif !important;
font-weight: 500 !important;
font-size: 0.75rem !important;
clip: auto !important;
height: auto !important;
width: auto !important;
overflow: visible !important;
margin-left: 4px !important;
}
.type-index-card .ico-access .license-link {
height: 20px !important;
margin-left: 12px !important;
display: inline-block !important;
}
.type-index-card .ico-access .license-link > a {
height: 100% !important;
width: auto !important;
display: block !important;
text-decoration: none !important;
outline: none !important;
}
.type-index-card .ico-access .license-link > a > span {
background: url(../img/cc/by-nc-nd.svg) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
width: 55px !important;
height: 20px !important;
clip: auto !important;
position: relative !important;
display: inline-block !important;
margin-bottom: -3px !important;
}
.type-index-card .ico-access-open:before {
content: "" !important;
display: inline-block !important;
margin: 0px !important;
color: #ed7653 !important;
font-family: "Material Icons" !important;
font-weight: 500 !important;
font-style: normal !important;
font-size: 16px !important;
line-height: 16px !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
word-wrap: normal !important;
white-space: nowrap !important;
direction: ltr !important;
-webkit-font-smoothing: antialiased !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
}
.myaccount input[type=submit] {
display: block !important;
clear: both;
}
.myaccount #currentPasswordUsername.t-error {
margin-bottom: 0;
}
html,
body {
margin: 0px;
padding: 0px;
width: 100%;
}
@media (max-width: 765px) {
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn > .column-contents {
padding-left: 0 !important;
padding-right: 0 !important;
}
.page-search .mainBase {
padding-left: 60px;
}
.page-search #topSection {
margin-right: 0 !important;
margin-left: 0 !important;
}
.page-login .c-Drawer #pageBody .login-form,
.page-login .c-Drawer #pageBody .signup-form,
.page-signup .c-Drawer #pageBody .login-form,
.page-signup .c-Drawer #pageBody .signup-form {
width: 100%;
}
.container-tabs ~ .container-body {
padding-left: 20px !important;
padding-right: 20px !important;
}
.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group:first-child {
padding-right: 0 !important;
padding-left: 0 !important;
}
.content-page.type-chapter .type-index-card,
.content-page.type-article .type-index-card {
padding-left: 20px;
padding-right: 20px;
}
.content-page.type-book #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group .centerColumn,
.content-page.type-journal #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group .centerColumn {
padding-left: 20px !important;
}
#entryPrevNextNav {
padding-left: 20px;
}
#quickSearch.site-search > .site-search-form > .form-wrapper > .twitter-typeahead > .tt-menu {
width: 100% !important;
}
}
.column-controls-top {
display: none !important;
}
@media (max-width: 765px) {
.column-controls .control-column-expand,
.column-controls .control-column-collapse {
background-color: white !important;
}
.column-controls .control-column-expand:before,
.column-controls .control-column-collapse:before {
color: #727272;
padding-right: 10px;
}
.column-controls-top {
display: block !important;
}
.column-controls-top .control-scroll-to-top {
border: solid 1px #eeeeee;
background: white !important;
position: fixed !important;
bottom: -20px !important;
right: 0px !important;
background-color: #edf0f2 !important;
transform: translateX(-355px);
transition: transform 500ms ease-out;
}
.column-controls-top .control-scroll-to-top span {
position: absolute;
top: 5px;
}
.column-expanded .column-controls-top .control-scroll-to-top {
transform: translateX(0);
}
}
@media (max-width: 765px) {
.main-menu > div > button:last-child {
height: 48px;
padding-right: 20px !important;
}
.main-menu > div > button:last-child > span:first-child {
height: 48px;
}
.main-menu > div > button:last-child > span:first-child:before {
display: block;
font-family: "Material Icons";
content: "";
font-size: 25px;
color: rgba(0, 0, 0, 0.6) !important;
}
.main-menu > div > button:last-child > span:first-child div {
display: none !important;
}
.main-menu > div > button:last-child > span:first-child svg {
display: none !important;
}
}
@media (max-width: 480px) {
.main-menu > div > button:last-child {
padding-right: 8px !important;
}
.main-menu ~ div .c-Btn, .main-menu ~ div button {
width: 30px !important;
}
}
.topSection__header > div:first-child {
width: 100% !important;
padding-right: 40px !important;
}
@media (min-width: 1350px) {
.content-page #pageBody .three-column-with-top-bottom.type-content-view .centerColumn .three-column-with-top-bottom.type-index-card .column-group {
display: flex !important;
}
.content-page.type-book #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group, .content-page.type-journal #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group {
flex-flow: row nowrap !important;
}
.content-page.type-book #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group > .centerColumn, .content-page.type-journal #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group > .centerColumn {
min-width: unset !important;
}
.content-page.type-book #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group > .rightColumn, .content-page.type-journal #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group > .rightColumn {
min-width: unset !important;
width: 300px !important;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .centerColumn {
width: calc(100% - 300px) !important;
}
}
.component-journal-article-search input::placeholder, .component-quick-search-form input::placeholder {
font-size: 12px !important;
}
.main-menu > div {
display: flex;
}
.main-menu > div button {
padding-left: 0px !important;
padding-right: 0px !important;
}
.main-menu > div button span {
color: #0094ca !important;
}
.main-menu > div > button:last-child {
display: none !important;
}
@media (max-width: 765px) {
.main-menu > div button {
display: none !important;
}
.main-menu > div > button:last-child {
display: flex !important;
}
}
body input[type=submit]:not([class*=c-Btn]),
.column-wrapper input[type=submit]:not([class*=c-Btn]),
body input[type=submit]:not([class*=c-Btn]):hover,
.column-wrapper input[type=submit]:not([class*=c-Btn]):hover,
#submitRow [type=submit]:not([class*=c-Btn]),
#submitRow [type=submitf]:not([class*=c-Btn]):hover,
#submitRow [type=button]:not([class*=c-Btn]),
#submitRow [type=button]:not([class*=c-Btn]):hover,
body .fancybox-close,
form .button.primary,
body a.button:not([class*=c-Btn]),
.column-wrapper a.button:not([class*=c-Btn]),
body a.button:not([class*=c-Btn]):hover,
.column-wrapper a.button:not([class*=c-Btn]):hover {
background-color: #0094ca !important;
}
.page-cite h2 {
font-weight: bold;
color: #666666;
font-size: 18px;
margin-bottom: 5px;
}
.page-cite #previewWrapper label {
width: auto;
float: left;
margin-right: 10px;
margin-top: 7px;
}
#pageBody > .configurable-layout > .type-content-view > .column-group > .rightColumn > .column-contents > .content-item > .configurable-layout > .content-box > .content-box-body > .type-index-card > .column-group > .leftColumn > .column-contents > .content-item > .component-cover-image > .content-box > .content-box-body > .cover-image > a > img {
max-width: 250px !important;
width: auto !important;
}
.component-content-actions .js-alert-button-on, .component-content-actions .js-alert-button-off {
display: none !important;
}
.type-journal .journal-toc ul.collapsible-tree li a.toggle:after, .type-journal .journal-toc ul.collapsible-tree li a.toggle-link:after {
display: inline !important;
}
@media screen and (min-width: 767px) {
.type-content-view .issue-toc {
width: auto !important;
}
}
.component-content-item.component-table-of-contents li.type-issue .text-title {
font-size: 18px !important;
}
div#searchContent div.splitResult div.abstract p.context {
word-break: break-word;
}
div#searchContent div.splitResult div.abstract.pf-summary-hit_highlight p.context:before, div#searchContent div.splitResult div.abstract.pf-summary-hit_highlight p.context:after {
content: "…";
}
.layout.type-index-card .ico-access > span {
font-size: 14px !important;
}
.layout.type-index-card .ico-access .license-link {
display: block !important;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0 !important;
text-align: left;
height: 28px !important;
}
.layout.type-index-card .ico-access .license-link a {
height: 32px !important;
}
.layout.type-index-card .ico-access .license-link a span {
width: 92px !important;
height: 32px !important;
}
.type-article.content-page #pageBody > .configurable-layout > .type-content-view > .column-group > .centerColumn .type-index-card > .column-group:last-child > .rightColumn {
padding-top: 0 !important;
}
#pageLinks .actions .print {
display: none !important;
}
button.c-Btn.c-Btn--flat.c-Btn--dense.c-Btn--primary.x0.x1 {
margin-left: -0.9em !important;
}
#pageBody > div > div > div.column-group.columns-2.has-centerColumn.has-rightColumn.no-beforeColumns.right-column-expands > div.column.centerColumn.centerColumn--isCondensed > div > div:nth-child(2) > div > div > div > div > div > div.column.rightColumn > div > div:nth-child(2) > div > div > div > ul > li > div > button > span.c-Btn__label.c-Btn__label--flat > div {
margin-left: 0.35em !important;
text-transform: none !important;
}
#pageBody > div > div > div.column-group.columns-2.has-centerColumn.has-rightColumn.no-beforeColumns.right-column-expands > div.column.centerColumn.centerColumn--isCondensed > div > div:nth-child(2) > div > div > div > div > div > div.column.rightColumn > div > div:nth-child(1) > div > span {
font-family: Roboto, Helvetica, Arial, sans-serif !important;
font-size: 13px !important;
}
@media (max-width: 1011px) {
div#footerDetail {
flex-direction: row;
flex-wrap: wrap;
}
}
@media (max-width: 1011px) {
#footerCopyright > div > div:nth-child(2) > span > a {
white-space: nowrap;
}
}
@media (max-width: 1011px) {
.footer_static {
flex-direction: column;
flex-wrap: wrap;
justify-content: right;
}
}
@media (max-width: 1011px) {
#footerCopyright {
padding-left: 0 !important;
}
}
@media (max-width: 1011px) {
#footerCopyright > div > div:nth-child(2) > span {
margin-right: 0 !important;
}
}
@media (max-width: 1011px) {
#footerCopyright > div > div:nth-child(3) > a {
margin-left: 0 !important;
}
}
@media (max-width: 1011px) {
#footerCopyright > div > div:nth-child(1) > span > a:nth-child(1) > img {
margin: 0 1em 0 0 !important;
}
}
@media (max-width: 1011px) {
#footerCopyright > div > div:nth-child(1) > span > a:nth-child(2) > img {
margin: 0 0 0 1em !important;
}
}
div#exceptionReportWrap {
display: flex;
align-items: center;
justify-content: center;
height: 90vh;
}
div#exceptionReportErrormsg {
max-width: 75%;
border-radius: 3px;
}
.citationActions a:before {
margin-right: 5px;
}
.citationActions a {
margin-right: 5px;
display: inline-block;
}
.citationActions a:before {
content: "\E895" !important;
word-wrap: normal !important;
direction: ltr !important;
text-rendering: optimizeLegibility !important;
-moz-osx-font-smoothing: grayscale !important;
font-feature-settings: "liga" !important;
width: 16px !important;
height: 16px !important;
float: none !important;
display: inline !important;
align-items: center !important;
justify-content: center !important;
flex-grow: unset !important;
flex-shrink: unset !important;
display: inline-flex !important;
outline: none !important;
font-family: Material Icons !important;
font-size: 16px !important;
font-weight: normal !important;
line-height: 16px !important;
-webkit-font-smoothing: antialiased !important;
text-decoration: none !important;
outline: none !important;
color: rgba(0, 0, 0, 0.8) !important;
color: rgba(0, 0, 0, 0.8) !important;
text-decoration: none !important;
vertical-align: middle !important;
text-transform: none !important;
letter-spacing: normal !important;
font-style: none !important;
white-space: nowrap !important;
transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
will-change: color;
}
.citationActions li {
font-family: "Montserrat", sans-serif;
font-size: 0.8125rem !important;
line-height: 1.25rem !important;
}
#loggedout {
margin-top: 2em;
margin-left: 2em;
}
.externalweblinks dt {
margin-bottom: 18px;
}
.externalweblinks dt b {
font-family: "Montserrat", sans-serif;
color: #333;
-webkit-font-smoothing: antialiased;
margin-bottom: 8px;
padding-top: 8px;
font-size: 28px;
line-height: 40px;
font-weight: 500 !important;
}
.externalweblinks dd a {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #e3e9eb;
opacity: 1;
}
.component-content-metadata dl dt,
.component-content-metadata dl dd {
display: inline;
}
.component-content-metadata dl dt.keywords,
.component-content-metadata dl dd.keywords {
display: inline;
}
.enumerator {
margin-right: 0.5rem;
}
.reference {
margin-bottom: 1rem;
}
.citationText {
display: inline;
}
div.main-menu > div .c-Btn--primary.c-Btn--flat:hover, .c-Btn--primary.c-Btn--flat.c-Btn--focus {
background-color: transparent !important;
}
body a[href]:not([class*=ico-]):not([class*=icon]):not([class*=button]):not([class*=Button]):not([class*=Btn]):not([class*=btn]):not([class*=input]):not([class*=fancybox-close]):not([type=button]):not([type*=submit]):not(.xa):not(.subjects__item):not(.content-download) {
color: #0094ca !important;
}
body a[href]:not([class*=ico-]):not([class*=icon]):not([class*=button]):not([class*=Button]):not([class*=Btn]):not([class*=btn]):not([class*=input]):not([class*=fancybox-close]):not([type=button]):not([type*=submit]):not(.xa):not(.subjects__item):not(.content-download):hover {
color: #0094ca !important;
text-decoration: underline !important;
}
body a[href]:not([class*=ico-]):not([class*=icon]):not([class*=button]):not([class*=Button]):not([class*=Btn]):not([class*=btn]):not([class*=input]):not([class*=fancybox-close]):not([type=button]):not([type*=submit]):not(.xa):not(.subjects__item):not(.content-download) .component-content-metadata,
body a[href]:not([class*=ico-]):not([class*=icon]):not([class*=button]):not([class*=Button]):not([class*=Btn]):not([class*=btn]):not([class*=input]):not([class*=fancybox-close]):not([type=button]):not([type*=submit]):not(.xa):not(.subjects__item):not(.content-download) .component-content-metadata span,
body a[href]:not([class*=ico-]):not([class*=icon]):not([class*=button]):not([class*=Button]):not([class*=Btn]):not([class*=btn]):not([class*=input]):not([class*=fancybox-close]):not([type=button]):not([type*=submit]):not(.xa):not(.subjects__item):not(.content-download) .contributor-line,
body a[href]:not([class*=ico-]):not([class*=icon]):not([class*=button]):not([class*=Button]):not([class*=Btn]):not([class*=btn]):not([class*=input]):not([class*=fancybox-close]):not([type=button]):not([type*=submit]):not(.xa):not(.subjects__item):not(.content-download) .contributor-line span,
body a[href]:not([class*=ico-]):not([class*=icon]):not([class*=button]):not([class*=Button]):not([class*=Btn]):not([class*=btn]):not([class*=input]):not([class*=fancybox-close]):not([type=button]):not([type*=submit]):not(.xa):not(.subjects__item):not(.content-download) .cg-secondary {
color: #0094ca;
}
body a[href]:not([class*=ico-]):not([class*=icon]):not([class*=button]):not([class*=Button]):not([class*=Btn]):not([class*=btn]):not([class*=input]):not([class*=fancybox-close]):not([type=button]):not([type*=submit]):not(.xa):not(.subjects__item):not(.content-download) .component-content-metadata:hover,
body a[href]:not([class*=ico-]):not([class*=icon]):not([class*=button]):not([class*=Button]):not([class*=Btn]):not([class*=btn]):not([class*=input]):not([class*=fancybox-close]):not([type=button]):not([type*=submit]):not(.xa):not(.subjects__item):not(.content-download) .component-content-metadata span:hover,
body a[href]:not([class*=ico-]):not([class*=icon]):not([class*=button]):not([class*=Button]):not([class*=Btn]):not([class*=btn]):not([class*=input]):not([class*=fancybox-close]):not([type=button]):not([type*=submit]):not(.xa):not(.subjects__item):not(.content-download) .contributor-line:hover,
body a[href]:not([class*=ico-]):not([class*=icon]):not([class*=button]):not([class*=Button]):not([class*=Btn]):not([class*=btn]):not([class*=input]):not([class*=fancybox-close]):not([type=button]):not([type*=submit]):not(.xa):not(.subjects__item):not(.content-download) .contributor-line span:hover,
body a[href]:not([class*=ico-]):not([class*=icon]):not([class*=button]):not([class*=Button]):not([class*=Btn]):not([class*=btn]):not([class*=input]):not([class*=fancybox-close]):not([type=button]):not([type*=submit]):not(.xa):not(.subjects__item):not(.content-download) .cg-secondary:hover {
color: #0094ca;
text-decoration: underline;
}
body #contentWrapper #footerWrap #footerDetail #footerCopyright div.footer_static div a[href] {
color: #333333 !important;
}
body #contentWrapper #footerWrap #footerDetail #footerCopyright div.footer_static div a[href]:hover {
color: #0094ca !important;
text-decoration: none !important;
}
body .cg-secondary a.content-download.pdf-download[href]:hover {
color: #ed7653 !important;
}
.page-mystuff div#myGroups {
padding: 20px 40px;
}
.page-mystuff div#myTags {
padding: 20px 40px;
}
@media (min-width: 1200px) {
.page-mystuff #pageBody #columnOne {
flex: 0 0 0px;
}
}
.page-mystuff #form {
display: flex;
flex-direction: column;
height: 100%;
}
.page-mystuff #form > div.t-data-grid {
margin-bottom: 0px;
}