@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.
*
*/
/**
* Font includes followed by variable overrides
*
*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,700|Roboto:300,400,500");
@font-face {
font-family: "Brill";
src: url("../fonts/brill/BrillRoman.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/BrillRoman.woff") format("woff"), url("../fonts/brill/BrillRoman.ttf") format("truetype");
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Brill";
src: url("../fonts/brill/BrillItalic.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/BrillItalic.woff") format("woff"), url("../fonts/brill/BrillItalic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Brill";
src: url("../fonts/brill/BrillBold.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/BrillBold.woff") format("woff"), url("../fonts/brill/BrillBold.ttf") format("truetype");
font-style: normal;
font-weight: bold;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Brill";
src: url("../fonts/brill/BrillBoldItalic.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/BrillBoldItalic.woff") format("woff"), url("../fonts/brill/BrillBoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: bold;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "SBLHebrew";
src: url("../fonts/brill/SBL_Hbrw.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/SBL_Hbrw.woff") format("woff");
/* Modern browsers */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "BrillExtra";
src: url("../fonts/brill/BrillExtra.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/BrillExtra.woff") format("woff"), url("../fonts/brill/BrillExtra.ttf") format("truetype");
}
@font-face {
font-family: "Bukyvede";
src: url("../fonts/brill/Bukyvede.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/Bukyvede.woff") format("woff");
/* Modern Browsers */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Bukyvede";
src: url("../fonts/brill/Bukyvede-Italic.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("Bukyvede-Italic.woff") format("woff");
/* Modern Browsers */
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Bukyvede";
src: url("../fonts/brill/Bukyvede-Bold.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("Bukyvede-Bold.woff") format("woff");
/* Modern Browsers */
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "AbyssinicaSIL";
src: url("../fonts/brill/AbyssinicaSIL-R.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/AbyssinicaSIL-R.woff") format("woff");
/* Modern Browsers */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Scheherazade";
src: url("../fonts/brill/Scheherazade-R.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/Scheherazade-R.woff") format("woff");
/* Modern Browsers */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "EstrangeloTalada";
src: url("../fonts/brill/SyrCOMTalada.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/SyrCOMTalada.woff") format("woff");
/* Modern Browsers */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "ImperialAramaic";
src: url("../fonts/brill/Aramaic-Imperial-Yeb.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/Aramaic-Imperial-Yeb.woff") format("woff");
/* Modern Browsers */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Paleo-Hebrew";
src: url("../fonts/brill/Hebrew-Paleo-Qumran.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/Hebrew-Paleo-Qumran.woff") format("woff");
/* Modern Browsers */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Samaritan";
src: url("../fonts/brill/Hebrew-Samaritan.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/Hebrew-Samaritan.woff") format("woff");
/* Modern Browsers */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Serto";
src: url("../fonts/brill/SyrCOMBatnan.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/SyrCOMBatnan.woff") format("woff");
/* Modern Browsers */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Serto";
src: url("../fonts/brill/SyrCOMBatnanBold.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/SyrCOMBatnanBold.woff") format("woff");
/* Modern Browsers */
font-style: normal;
font-weight: bold;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "NotoSerifArmenian";
src: url("../fonts/brill/NotoSerifArmenian.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/NotoSerifArmenian.woff") format("woff");
/* Modern browsers */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "NotoSerifArmenian";
src: url("../fonts/brill/NotoSerifArmenian-Bold.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/NotoSerifArmenian-Bold.woff") format("woff");
/* Modern browsers */
font-style: normal;
font-weight: bold;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "NotoSerifGeorgian";
src: url("../fonts/brill/NotoSerifGeorgian.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/NotoSerifGeorgian.woff") format("woff");
/* Modern browsers */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "NotoSerifGeorgian";
src: url("../fonts/brill/NotoSerifGeorgian-Bold.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/NotoSerifGeorgian-Bold.woff") format("woff");
/* Modern browsers */
font-style: normal;
font-weight: bold;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "NotoSansGothic";
src: url("../fonts/brill/NotoSansGothic.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/NotoSansGothic.woff") format("woff");
/* Modern browsers */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "NotoSansLisu";
src: url("../fonts/brill/NotoSansLisu.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/NotoSansLisu.woff") format("woff");
/* Modern browsers */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "Aegean";
src: url("../fonts/brill/Aegean.eot") format("embedded-opentype");
/* IE8, IE9 */
src: local("☺"), url("../fonts/brill/Aegean.woff") format("woff");
/* Modern browsers */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
:lang(hy-Armn) {
font-family: NotoSerifArmenian;
font-size: 86%;
}
:lang(ka-Geor) {
font-family: NotoSerifGeorgian;
font-size: 84%;
}
:lang(got-Goth) {
font-family: NotoSansGothic;
font-size: 85%;
}
:lang(lis-Lisu) {
font-family: NotoSansLisu;
font-size: 88%;
}
:lang(grc-Cprt) {
font-family: Aegean;
font-size: 100%;
}
:lang(cu-Cyrs) {
font-family: Bukyvede;
font-size: 95%;
}
/* Old Slavonic should be rendered using the BukyVede fonts. Both language and script are declared. All font sizes for scripts other than Latin, Greek and modern Slavic Cyrillic are set relative to the Brill typeface size. */
:lang(gez-Ethi) {
font-family: AbyssinicaSIL;
font-size: 83%;
}
/* All forms of Ethiopic should be rendered using the AbyssinicaSIL font. At the moment, the THB project only contains Ethiopic text in the Gəʿəz language, hence the language tag. Other Ethiopic language may be added in the future. */
:lang(he-Hebr) {
font-family: SBLHebrew;
font-size: 94%;
}
/* The data does not distinguish between the Hebrew and Aramaic languages through any use of tagging. Hence, (biblical) Aramaic text will also receive the Hebrew language tag, even though it is a different language. This cannot be helped at the moment. */
:lang(syr-Syre) {
font-family: EstrangeloTalada;
font-size: 118%;
}
:lang(syr-Syrj) {
font-family: Serto;
font-size: 118%;
}
/* At the time of this writing (20 January 2015) Brill has not formally acquired the right to use a webfont version of the Estrangelo Talada font. A request for permission to use web versions of some of the Meltho fonts published by Beth Mardutho [Estrangelo Talada, Serto Batnan, Serto Batnan Bold] was sent to George Kiraz on 7 November 2014 and repeated 16 December 2014. */
:lang(ar-Arab) {
font-family: Scheherazade;
font-size: 150%;
}
/* please note that the specific lines for the next lang - scripts pairs are not finalised */
:lang(arc-Hebr) {
font-family: SBLHebrew;
font-size: 94%;
}
:lang(arc-Armi) {
font-family: ImperialAramaic;
font-size: 100%;
unicode-bidi: bidi-override;
}
:lang(cop-Copt) {
font-family: Antinoou;
font-size: 90%;
}
:lang(grc-Grek) {
font-family: Brill;
font-size: 100%;
}
:lang(hbo-Phnx) {
font-family: Paleo-Hebrew;
font-size: 80%;
/* no sample added yet*/
}
:lang(smp-Samr) {
font-family: Samaritan;
font-size: 100%;
/* no sample added yet*/
unicode-bidi: bidi-override;
}
.rtl {
direction: rtl;
}
.ltr {
direction: ltr;
unicode-bidi: bidi-override;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
bdi[dir=ltr],
[dir=rtl] {
unicode-bidi: -webkit-isolate;
unicode-bidi: -moz-isolate;
unicode-bidi: -ms-isolate;
unicode-bidi: isolate;
}
bdo[dir=ltr],
bdo[dir=rtl] {
unicode-bidi: bidi-override;
unicode-bidi: -webkit-isolate-override;
unicode-bidi: -moz-isolate-override;
unicode-bidi: -ms-isolate-override;
unicode-bidi: isolate-override;
}
/* *
* FIXED SIDE NAV TOOLBAR CONTROLS & PAGE LINKS
* */
/* *
* Section 3: Color Groups
* */
/* *
* Primary accordion color variables. */
/* *
* Masthead specific variable setup
* */
/**
* 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: "Brill", "Georgia", serif;
margin: 0px;
font-weight: 300;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 15px 0px 0px 0px;
}
@media (min-width: 1000px) {
h1 {
font-size: 38px;
}
}
/**
* > 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: "Brill", "Georgia", serif;
margin: 0px;
font-weight: 300;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 25px 0px 12px 0px;
}
@media (min-width: 1000px) {
h2 {
font-size: 30px;
}
}
/**
* > 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: "Brill", "Georgia", serif;
margin: 0px;
font-weight: 300;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 25px 0px 10px 0px;
}
@media (min-width: 1000px) {
h3 {
font-size: 24px;
}
}
/**
* > 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: "Brill", "Georgia", serif;
margin: 0px;
font-weight: 300;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 25px 0px 10px 0px;
}
@media (min-width: 1000px) {
h4 {
font-size: 24px;
}
}
/**
* > 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: "Brill", "Georgia", serif;
margin: 0px;
font-weight: 400;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 25px 0px 5px 0px;
}
@media (min-width: 768px) {
h5 {
font-size: 15px;
line-height: 1;
}
}
@media (min-width: 1300px) {
h5 {
font-size: 14px;
line-height: 0.8;
}
}
/**
* > 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: "Brill", "Georgia", serif;
margin: 0px;
font-weight: 400;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 25px 0px 5px 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;
}
}
/**
* > 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: FontAwesome;
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: FontAwesome;
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 white;
border-radius: 3px !important;
outline: none !important;
overflow: hidden;
display: inline-flex;
justify-content: center;
align-content: center;
font-family: "Noto Sans", "Open Sans", sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 24px !important;
white-space: nowrap;
text-decoration: none !important;
color: #ffffff !important;
background-color: #0f346c;
-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: 170px;
min-height: 35px;
margin: 0px !important;
padding: 14px 22px !important;
font-size: 15px !important;
line-height: 1.3 !important;
}
}
.c-Button:hover {
color: #ffffff;
background-color: #0f346c;
}
.c-Button-primary {
border: 0px solid white;
color: #ffffff !important;
background-color: #0f346c;
}
.c-Button-primary:hover {
color: #ffffff;
background-color: #0f346c;
}
.c-Button-secondary {
border: 0px solid white;
color: #ffffff !important;
background-color: #0f346c;
}
.c-Button-secondary:hover {
color: #ffffff;
background-color: #0f346c;
}
.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 #0d2e5f;
border: 2px solid #123f82;
}
.c-Button-raised:hover {
background-color: solid #113a79;
}
.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: #0f346c;
color: #ffffff !important;
}
.c-RaisedButton-primary:hover {
background-color: #0d2b5a;
}
.c-RaisedButton-secondary {
background-color: #61ac47;
color: #ffffff !important;
}
.c-RaisedButton-secondary:hover {
background-color: #599e41;
}
.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: #414141;
border: 1px solid #bcbec0;
background-color: #f6f7f8;
}
.c-DropDownSelect-primary:hover {
background: #fcfcfc;
}
.c-DropDownSelect-primary:active {
background: #f0f2f4;
}
.c-DropDownSelect-primary[disabled] {
color: rgba(0, 9, 60, 0.4) !important;
background: rgba(227, 233, 235, 0.4);
}
.c-DropDownSelect-secondary {
color: #414141;
border: 1px solid #bcbec0;
background-color: #f6f7f8;
}
.c-DropDownSelect-secondary:hover {
background-color: #fcfcfc;
}
.c-DropDownSelect-secondary:active {
background-color: #f0f2f4;
}
.c-DropDownSelect-secondary[disabled] {
color: rgba(0, 9, 60, 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: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
-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: #414141;
background-color: #f6f7f8;
}
.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: #fcfcfc;
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: #f0f2f4;
border-bottom: 1px solid #0f346c;
}
.cg-primary select[disabled], body select[disabled],
.column-wrapper select[disabled],
.modalWindow select[disabled],
.gallery-overlay select[disabled] {
color: rgba(0, 9, 60, 0.4) !important;
background-color: rgba(227, 233, 235, 0.4);
}
.cg-primary div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul, body div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul,
.column-wrapper div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul,
.modalWindow div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul,
.gallery-overlay div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul {
max-width: 350px !important;
background-color: #ffffff;
border: 1px solid #bcbec0;
border-radius: 2px;
box-shadow: none;
}
.cg-primary div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li, body div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li,
.column-wrapper div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li,
.modalWindow div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li,
.gallery-overlay div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-weight: bold;
font-size: 13px;
line-height: 18px;
padding: 6px 7px 7px 6px !important;
color: #232176;
background-color: transparent;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cg-primary div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li:hover, body div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li:hover,
.column-wrapper div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li:hover,
.modalWindow div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li:hover,
.gallery-overlay div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li:hover {
color: #232176;
background-color: transparent !important;
}
.cg-primary div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li a, body div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li a,
.column-wrapper div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li a,
.modalWindow div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li a,
.gallery-overlay div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li a {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.4;
color: #232176;
background-color: transparent;
text-decoration: none;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cg-primary div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li a:hover, body div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li a:hover,
.column-wrapper div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li a:hover,
.modalWindow div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li a:hover,
.gallery-overlay div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li a:hover {
color: #232176;
background-color: transparent;
}
.cg-primary .component:not(.component-volume-issue-selector) .dropdown-control-container, body .component:not(.component-volume-issue-selector) .dropdown-control-container,
.column-wrapper .component:not(.component-volume-issue-selector) .dropdown-control-container,
.modalWindow .component:not(.component-volume-issue-selector) .dropdown-control-container,
.gallery-overlay .component:not(.component-volume-issue-selector) .dropdown-control-container {
position: relative;
}
.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 14px 8px 10px !important;
margin-bottom: 15px;
border-radius: 3px;
border: 1px solid #bcbec0;
font-size: 14px;
line-height: 14px;
color: #0f346c;
margin: 0px;
font-weight: 400;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
color: #414141 !important;
background-color: #f6f7f8;
box-shadow: inset 0px -4px 4px -4px rgba(0, 0, 0, 0.5);
}
@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: "";
width: 10px;
height: 14px;
font-size: 14px !important;
line-height: 16px !important;
background-size: 10px;
background-position: center calc(50% + 5px);
background-repeat: no-repeat;
top: 0px !important;
}
.cg-primary a.dropdown-control:hover, body a.dropdown-control:hover,
.column-wrapper a.dropdown-control:hover,
.modalWindow a.dropdown-control:hover,
.gallery-overlay a.dropdown-control:hover {
background-color: #fcfcfc;
}
.cg-primary a.dropdown-control:active, body a.dropdown-control:active,
.column-wrapper a.dropdown-control:active,
.modalWindow a.dropdown-control:active,
.gallery-overlay a.dropdown-control:active {
background-color: #f0f2f4;
}
.cg-primary div.dropdown-button:not(.no-jquery-ui) ul, body div.dropdown-button:not(.no-jquery-ui) ul,
.column-wrapper div.dropdown-button:not(.no-jquery-ui) ul,
.modalWindow div.dropdown-button:not(.no-jquery-ui) ul,
.gallery-overlay div.dropdown-button:not(.no-jquery-ui) ul {
border: 1px solid #bcbec0;
background-color: #f6f7f8;
color: #232176;
}
.cg-primary div.dropdown-button:not(.no-jquery-ui) ul a, body div.dropdown-button:not(.no-jquery-ui) ul a,
.column-wrapper div.dropdown-button:not(.no-jquery-ui) ul a,
.modalWindow div.dropdown-button:not(.no-jquery-ui) ul a,
.gallery-overlay div.dropdown-button:not(.no-jquery-ui) ul a {
color: #232176;
}
.cg-primary .dropdown-menu-header, body .dropdown-menu-header,
.column-wrapper .dropdown-menu-header,
.modalWindow .dropdown-menu-header,
.gallery-overlay .dropdown-menu-header {
background-color: #f6f7f8 !important;
}
.cg-primary .dropdown-menu-item, body .dropdown-menu-item,
.column-wrapper .dropdown-menu-item,
.modalWindow .dropdown-menu-item,
.gallery-overlay .dropdown-menu-item {
background-color: #ffffff;
}
.cg-primary .dropdown-menu-item:hover, body .dropdown-menu-item:hover,
.column-wrapper .dropdown-menu-item:hover,
.modalWindow .dropdown-menu-item:hover,
.gallery-overlay .dropdown-menu-item:hover {
background-color: #f6f7f8;
}
.cg-secondary 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: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
-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: #00093c;
background-color: #f6f7f8;
}
.cg-secondary select:after {
content: "v";
}
.cg-secondary select:hover {
background-color: #fcfcfc;
border-bottom: 1px solid #9e9e9e;
}
.cg-secondary select:active {
background-color: #f0f2f4;
border-bottom: 1px solid #0f346c;
}
.cg-secondary select[disabled] {
color: rgba(0, 9, 60, 0.4) !important;
background-color: rgba(227, 233, 235, 0.4);
}
.cg-secondary div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul {
max-width: 350px !important;
background-color: #ffffff;
border: 1px solid #bcbec0;
border-radius: 2px;
box-shadow: none;
}
.cg-secondary div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-weight: bold;
font-size: 13px;
line-height: 18px;
padding: 6px 7px 7px 6px !important;
color: #232176;
background-color: transparent;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cg-secondary div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li:hover {
color: #232176;
background-color: transparent !important;
}
.cg-secondary div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li a {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.4;
color: #232176;
background-color: transparent;
text-decoration: none;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cg-secondary div.dropdown-button:not(.no-jquery-ui).open .dropdown-menu ul li a:hover {
color: #232176;
background-color: transparent;
}
.cg-secondary .component:not(.component-volume-issue-selector) .dropdown-control-container {
position: relative;
}
.cg-secondary a.dropdown-control {
display: block;
padding: 8px 14px 8px 10px !important;
margin-bottom: 15px;
border-radius: 3px;
border: 1px solid #e3e9eb;
font-size: 14px;
line-height: 14px;
color: #61ac47;
margin: 0px;
font-weight: 400;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
color: #414141 !important;
background-color: #f6f7f8;
box-shadow: inset 0px -4px 4px -4px rgba(0, 0, 0, 0.5);
}
@media (min-width: 480px) {
.cg-secondary a.dropdown-control {
font-size: 16px;
}
}
@media (min-width: 480px) {
.cg-secondary a.dropdown-control {
line-height: 16px;
}
}
.cg-secondary a.dropdown-control:after {
content: "";
width: 10px;
height: 14px;
font-size: 14px !important;
line-height: 16px !important;
background-size: 10px;
background-position: center calc(50% + 5px);
background-repeat: no-repeat;
top: 0px !important;
}
.cg-secondary a.dropdown-control:hover {
background-color: #fcfcfc;
}
.cg-secondary a.dropdown-control:active {
background-color: #f0f2f4;
}
.cg-secondary div.dropdown-button:not(.no-jquery-ui) ul {
border: 1px solid #e3e9eb;
background-color: #f6f7f8;
color: #232176;
}
.cg-secondary div.dropdown-button:not(.no-jquery-ui) ul a {
color: #232176;
}
.cg-secondary .dropdown-menu-header {
background-color: #f6f7f8 !important;
}
.cg-secondary .dropdown-menu-item {
background-color: #ffffff;
}
.cg-secondary .dropdown-menu-item:hover {
background-color: #f6f7f8;
}
.c-FormControl {
contain: paint !important;
position: relative !important;
display: inline-flex !important;
min-width: 0 !important;
flex-direction: column !important;
padding: 0px !important;
margin-top: 0px !important;
margin-left: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
.c-FormControl-fullWidth {
width: 100% !important;
min-width: 100% !important;
}
.c-FormControl-dense {
margin-top: 8px !important;
margin-bottom: 4px !important;
}
.c-FormControl-normal {
margin-top: 16px !important;
margin-bottom: 8px !important;
}
.c-FormHelperText {
position: relative !important;
width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
float: none !important;
margin: 8px 0px 0px 0px !important;
font-family: "Brill", "Georgia", serif !important;
font-weight: 400 !important;
font-size: 11px !important;
line-height: 1 !important;
text-align: left !important;
color: #9E9E9E !important;
-webkit-font-smoothing: subpixel-antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
opacity: 0;
transition: opacity 214.5ms cubic-bezier(0.4, 0, 0.2, 1);
}
.c-FormHelperText-isVisible {
opacity: 1;
}
.c-FormHelperText_message {
display: flex;
-webkit-font-smoothing: subpixel-antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
.c-FormHelperText_message-error {
color: #be2228 !important;
}
.c-FormHelperText_counter-error {
color: #be2228 !important;
}
#pageLinks .c-IconButton {
position: relative !important;
width: 48px !important;
height: 48px !important;
margin: 0px !important;
padding: 0px !important;
border: 0px solid transparent !important;
border-radius: 50% !important;
outline: none !important;
display: inline-flex !important;
justify-content: center !important;
justify-items: center !important;
align-items: center !important;
font-size: 24px !important;
line-height: 24px !important;
cursor: pointer !important;
user-select: none !important;
text-decoration: none !important;
color: inherit !important;
background-color: transparent !important;
-webkit-appearance: none !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
color: #616161;
}
#pageLinks .c-IconButton:before {
top: 0px !important;
left: 0px !important;
margin: 0px !important;
padding: 0px !important;
transform: none !important;
font-size: 24px !important;
line-height: 24px !important;
}
#pageLinks .c-IconButton-dense {
width: 32px !important;
height: 32px !important;
}
#pageLinks .c-IconButton-primary:before {
color: #0f346c !important;
}
#pageLinks .c-IconButton-secondary:before {
color: #61ac47 !important;
}
#pageLinks .c-IconButton-accent:before {
color: #59b23e !important;
}
#pageLinks .c-IconButton-warning:before {
color: #f0d838 !important;
}
#pageLinks .c-IconButton-error:before {
color: #be2228 !important;
}
#pageLinks .c-IconButton-success:before {
color: #009900 !important;
}
#pageLinks .c-IconButton-info:before {
color: #007bff !important;
}
#pageLinks .c-IconButton-muted:before {
color: #BDBDBD !important;
}
#pageLinks .c-IconButton-disabled:before {
color: #E0E0E0 !important;
}
#pageLinks .c-IconButton-google:before {
color: #de4b39 !important;
}
#pageLinks .c-IconButton-facebook:before {
color: #3c5999 !important;
}
#pageLinks .c-IconButton-twitter:before {
color: #55acef !important;
}
#pageLinks .c-IconButton-orcid:before {
color: #a6ce38 !important;
}
.c-InputLabel {
z-index: 1 !important;
position: absolute !important;
top: 0px !important;
left: 0px !important;
font-family: "Brill", "Georgia", serif !important;
font-weight: 400 !important;
font-size: 15px !important;
line-height: 16px !important;
color: #757575 !important;
transform-origin: top left !important;
transform: translate(0, 24px) scale(1) !important;
will-change: transform;
transition: transform 227.5ms cubic-bezier(0, 0, 0.2, 1) !important;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: text !important;
}
.c-InputLabel-isFloating {
transform: translate(0, 1.5px) scale(0.75) !important;
}
.c-InputLabel-isFocused {
color: #0f346c !important;
}
.c-InputLabel-error {
color: #be2228 !important;
}
.c-InputLabel-required:after {
content: "*" !important;
}
.c-Input {
position: relative !important;
display: inline-flex !important;
align-items: baseline !important;
margin-top: 16px !important;
color: rgba(0, 0, 0, 0.87) !important;
-webkit-font-smoothing: subpixel-antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
.c-Input:before {
z-index: 1 !important;
content: "" !important;
position: absolute !important;
left: 0px !important;
bottom: 0px !important;
height: 1px !important;
width: 100% !important;
background-color: #E0E0E0 !important;
}
.c-Input:after {
z-index: 1 !important;
content: "" !important;
position: absolute !important;
left: 0px !important;
bottom: 0px !important;
height: 2px !important;
width: 100% !important;
background-color: #0f346c !important;
transform: scale(0);
transition: transform 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: transform !important;
}
.c-Input:hover:before {
background-color: #9E9E9E !important;
}
.c-Input-isFocused:after {
transform: scale(1) !important;
transition: transform 227.5ms cubic-bezier(0, 0, 0.2, 1) !important;
}
.c-Input-isDisabled:before {
backgroundimage: linear-gradient(to right, #E0E0E0 33%, transparent 0%) !important;
}
.c-Input-error:after {
background-color: #be2228 !important;
transform: scale(1) !important;
transition: transform 195ms cubic-bezier(0.4, 0, 1, 1) !important;
will-change: transform !important;
}
.c-InputField {
z-index: 2 !important;
position: relative !important;
display: block !important;
margin: 0px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
padding-right: 0px !important;
padding-left: 0px !important;
font-family: "Brill", "Georgia", serif !important;
font-weight: 400 !important;
font-size: 15px !important;
line-height: 16px !important;
text-indent: 0px !important;
border: 0px solid transparent !important;
color: #424242 !important;
background-color: transparent !important;
caret-color: #0f346c !important;
border-radius: 0 !important;
outline: none !important;
box-shadow: none !important;
}
.c-InputField::placeholder {
font-family: "Brill", "Georgia", serif !important;
font-weight: 400 !important;
font-size: 15px !important;
line-height: 16px !important;
color: #BDBDBD !important;
opacity: 0 !important;
transition: all 0.2s !important;
-webkit-font-smoothing: subpixel-antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
.c-InputField:focus::placeholder, .c-InputField:not(:placeholder-shown)::placeholder {
opacity: 1 !important;
}
.c-InputField:disabled, .c-InputField-disabled {
pointer-events: none !important;
}
.c-InputField-error {
color: #424242 !important;
background-color: transparent !important;
caret-color: #be2228 !important;
}
.c-InputAffix {
position: relative;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
padding: 0px !important;
margin: -16px 0px-8px 0px !important;
color: rgba(0, 0, 0, 0.54) !important;
}
.c-InputAffix:before {
color: rgba(0, 0, 0, 0.54) !important;
}
.c-InputAffix > * {
color: rgba(0, 0, 0, 0.54) !important;
}
.c-InputAffix > *:before {
color: rgba(0, 0, 0, 0.54) !important;
}
.c-InputAffix-isFocused {
color: #0f346c !important;
}
.c-InputAffix-isFocused:before {
color: #0f346c !important;
}
.c-InputAffix-isFocused > * {
color: #0f346c !important;
}
.c-InputAffix-isFocused > *:before {
color: #0f346c !important;
}
.c-InputAffix-primary.c-InputAffix-isFocused {
color: #0f346c !important;
}
.c-InputAffix-primary.c-InputAffix-isFocused:before {
color: #0f346c !important;
}
.c-InputAffix-primary.c-InputAffix-isFocused > * {
color: #0f346c !important;
}
.c-InputAffix-primary.c-InputAffix-isFocused > *:before {
color: #0f346c !important;
}
.c-InputAffix-secondary.c-InputAffix-isFocused {
color: #61ac47 !important;
}
.c-InputAffix-secondary.c-InputAffix-isFocused:before {
color: #61ac47 !important;
}
.c-InputAffix-secondary.c-InputAffix-isFocused > * {
color: #61ac47 !important;
}
.c-InputAffix-secondary.c-InputAffix-isFocused > *:before {
color: #61ac47 !important;
}
.c-InputAffix-accent.c-InputAffix-isFocused {
color: #59b23e !important;
}
.c-InputAffix-accent.c-InputAffix-isFocused:before {
color: #59b23e !important;
}
.c-InputAffix-accent.c-InputAffix-isFocused > * {
color: #59b23e !important;
}
.c-InputAffix-accent.c-InputAffix-isFocused > *:before {
color: #59b23e !important;
}
.c-InputAffix-warning.c-InputAffix-isFocused {
color: #f0d838 !important;
}
.c-InputAffix-warning.c-InputAffix-isFocused:before {
color: #f0d838 !important;
}
.c-InputAffix-warning.c-InputAffix-isFocused > * {
color: #f0d838 !important;
}
.c-InputAffix-warning.c-InputAffix-isFocused > *:before {
color: #f0d838 !important;
}
.c-InputAffix-error.c-InputAffix-isFocused {
color: #be2228 !important;
}
.c-InputAffix-error.c-InputAffix-isFocused:before {
color: #be2228 !important;
}
.c-InputAffix-error.c-InputAffix-isFocused > * {
color: #be2228 !important;
}
.c-InputAffix-error.c-InputAffix-isFocused > *:before {
color: #be2228 !important;
}
.c-InputAffix-success.c-InputAffix-isFocused {
color: #009900 !important;
}
.c-InputAffix-success.c-InputAffix-isFocused:before {
color: #009900 !important;
}
.c-InputAffix-success.c-InputAffix-isFocused > * {
color: #009900 !important;
}
.c-InputAffix-success.c-InputAffix-isFocused > *:before {
color: #009900 !important;
}
.c-InputAffix-info.c-InputAffix-isFocused {
color: #007bff !important;
}
.c-InputAffix-info.c-InputAffix-isFocused:before {
color: #007bff !important;
}
.c-InputAffix-info.c-InputAffix-isFocused > * {
color: #007bff !important;
}
.c-InputAffix-info.c-InputAffix-isFocused > *:before {
color: #007bff !important;
}
.c-InputAffix-muted.c-InputAffix-isFocused {
color: #BDBDBD !important;
}
.c-InputAffix-muted.c-InputAffix-isFocused:before {
color: #BDBDBD !important;
}
.c-InputAffix-muted.c-InputAffix-isFocused > * {
color: #BDBDBD !important;
}
.c-InputAffix-muted.c-InputAffix-isFocused > *:before {
color: #BDBDBD !important;
}
.c-InputAffix-disabled.c-InputAffix-isFocused {
color: #E0E0E0 !important;
}
.c-InputAffix-disabled.c-InputAffix-isFocused:before {
color: #E0E0E0 !important;
}
.c-InputAffix-disabled.c-InputAffix-isFocused > * {
color: #E0E0E0 !important;
}
.c-InputAffix-disabled.c-InputAffix-isFocused > *:before {
color: #E0E0E0 !important;
}
.c-InputAffix-google.c-InputAffix-isFocused {
color: #de4b39 !important;
}
.c-InputAffix-google.c-InputAffix-isFocused:before {
color: #de4b39 !important;
}
.c-InputAffix-google.c-InputAffix-isFocused > * {
color: #de4b39 !important;
}
.c-InputAffix-google.c-InputAffix-isFocused > *:before {
color: #de4b39 !important;
}
.c-InputAffix-facebook.c-InputAffix-isFocused {
color: #3c5999 !important;
}
.c-InputAffix-facebook.c-InputAffix-isFocused:before {
color: #3c5999 !important;
}
.c-InputAffix-facebook.c-InputAffix-isFocused > * {
color: #3c5999 !important;
}
.c-InputAffix-facebook.c-InputAffix-isFocused > *:before {
color: #3c5999 !important;
}
.c-InputAffix-twitter.c-InputAffix-isFocused {
color: #55acef !important;
}
.c-InputAffix-twitter.c-InputAffix-isFocused:before {
color: #55acef !important;
}
.c-InputAffix-twitter.c-InputAffix-isFocused > * {
color: #55acef !important;
}
.c-InputAffix-twitter.c-InputAffix-isFocused > *:before {
color: #55acef !important;
}
.c-InputAffix-orcid.c-InputAffix-isFocused {
color: #a6ce38 !important;
}
.c-InputAffix-orcid.c-InputAffix-isFocused:before {
color: #a6ce38 !important;
}
.c-InputAffix-orcid.c-InputAffix-isFocused > * {
color: #a6ce38 !important;
}
.c-InputAffix-orcid.c-InputAffix-isFocused > *:before {
color: #a6ce38 !important;
}
.c-InputAffix-error {
color: #be2228 !important;
}
.c-InputAffix-error:before {
color: #be2228 !important;
}
.c-InputAffix-error > * {
color: #be2228 !important;
}
.c-InputAffix-error > *:before {
color: #be2228 !important;
}
.c-Link-error {
color: #ff2626 !important;
}
.c-Link-emphasize {
font-weight: bold;
}
/**
* @atom c-TextField
* @section Modules > TextField
* @modifiers
* .c-TextField-fullWidth A full width text field component.
* @markup
*
* 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: #0f346c;
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: #0f346c;
}
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: "Brill", "Georgia", serif;
text-decoration: none;
color: #0f346c;
-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: FontAwesome;
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: FontAwesome;
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: FontAwesome;
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: "Brill", "Georgia", serif;
font-size: 25px;
margin-bottom: 0;
}
.faceted-nav h3.toggle a {
position: relative;
padding: 10px 0 10px;
display: block;
}
.faceted-nav h3.toggle a:after {
font-family: FontAwesome;
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: FontAwesome;
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: 15px;
}
.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: FontAwesome;
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: FontAwesome;
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: "Brill", "Georgia", serif;
font-size: 27px;
line-height: 1.1;
margin-bottom: 15px;
}
.type-content-flier h2 {
font-family: "Brill", "Georgia", serif;
font-size: 15px;
}
.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: "Brill", "Georgia", serif;
font-size: 21px;
margin-bottom: 12px;
}
.component-related-content h2 {
font-size: 17px;
margin-top: 0;
line-height: 1;
}
.component-related-content h3 {
font-size: 15px;
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: "Noto Sans", "Open Sans", sans-serif;
font-size: 17px;
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: FontAwesome;
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: 13px;
}
.column-controls + .column-contents .searchModule input[type=text] {
padding: 8px 30px 8px 5px;
font-size: 21px;
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: #0f346c;
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: 21px;
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: "Brill", "Georgia", serif;
font-size: 25px;
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: FontAwesome;
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: "Noto Sans", "Open Sans", sans-serif;
font-size: 13px;
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: FontAwesome;
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: 12px;
}
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: "Noto Sans", "Open Sans", sans-serif;
font-size: 12px;
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: FontAwesome;
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: FontAwesome;
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: FontAwesome;
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: FontAwesome;
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: 15px;
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: "Noto Sans", "Open Sans", 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: #0f346c;
}
.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: 17px;
}
}
.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: "Brill", "Georgia", serif;
font-size: 19px;
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: FontAwesome;
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: FontAwesome;
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: "Brill", "Georgia", serif;
font-size: 21px;
}
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: "Brill", "Georgia", serif;
font-size: 21px;
}
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;
}
}
.component-volume-issue-selector a.dropdown-control {
border: 1px solid #BCBEBF;
padding: 8px 14px 8px 10px !important;
border-radius: 3px;
line-height: 15px;
font-size: 15px;
box-shadow: inset 0px -4px 4px -4px rgba(0, 0, 0, 0.5);
color: #414141 !important;
}
.component-volume-issue-selector a.dropdown-control:hover {
background-color: #f6f7f8;
}
.component-volume-issue-selector div.dropdown-button a.dropdown-control:after {
font-size: 16px;
}
.component-volume-issue-selector .dropdown-menu {
position: absolute;
width: 350px;
z-index: 6;
}
.component-volume-issue-selector ul.collapsible-tree,
.component-volume-issue-selector ul.collapsible-tree li.type-issue.leaf,
.component-volume-issue-selector ul.collapsible-tree li.ajax-node-opener,
.component-volume-issue-selector ul.collapsible-tree li.ajax-node-opener a.toggle,
.component-volume-issue-selector ul.collapsible-tree .ajax-zone {
margin: 0px;
padding: 0px;
}
.component-volume-issue-selector div.dropdown-button div.dropdown-menu ul.collapsible-tree ul.ajax-zone {
max-height: none;
}
.component-volume-issue-selector div.dropdown-button.open div.dropdown-menu ul.collapsible-tree {
cursor: pointer;
border-color: #BCBEBF;
}
.component-volume-issue-selector div.dropdown-button.open div.dropdown-menu ul.collapsible-tree ul {
border: none;
}
.component-volume-issue-selector ul.collapsible-tree li.ajax-node-opener .accessIcon {
display: none;
}
.component-volume-issue-selector ul.collapsible-tree li.type-issue.leaf .text-title,
.component-volume-issue-selector ul.collapsible-tree li.ajax-node-opener.type-volume > div.label {
border: none;
padding: 6px 7px 7px 6px;
margin: 0px;
font-size: 13px !important;
line-height: 1.4 !important;
color: #0f346c !important;
text-decoration: none !important;
font-family: "Noto Sans", "Open Sans", sans-serif !important;
}
.component-volume-issue-selector ul.collapsible-tree li.type-issue.leaf {
background-color: white;
}
.component-volume-issue-selector ul.collapsible-tree li.ajax-node-opener.type-volume {
background-color: #edf0f2;
font-weight: bold;
}
.component-volume-issue-selector ul.collapsible-tree li.ajax-node-opener.type-volume:hover {
background-color: white;
}
.component-volume-issue-selector ul.collapsible-tree li.ajax-node-opener.type-volume.open:not(.shut):hover {
background-color: #edf0f2;
}
.component-volume-issue-selector ul.collapsible-tree li.ajax-node-opener.type-volume.open:not(.shut) a:hover ~ .label {
background-color: white;
}
.component-volume-issue-selector ul.collapsible-tree li.ajax-node-opener.type-issue {
background-color: white;
}
.component-volume-issue-selector ul.collapsible-tree li.ajax-node-opener.type-issue > div.label .text-title {
font-weight: 400 !important;
padding: 6px 7px 7px 6px !important;
font-size: 13px !important;
line-height: 1.4 !important;
color: #0f346c !important;
text-decoration: none !important;
font-family: "Noto Sans", "Open Sans", sans-serif !important;
}
.component-volume-issue-selector li.ajax-node-opener.type-volume a {
width: 100%;
height: 100%;
}
.component-volume-issue-selector li.ajax-node-opener.type-volume a:after {
float: right;
font-size: 16px;
}
.component-volume-issue-selector li.ajax-node-opener.type-volume a.toggle {
visibility: hidden;
}
.component-volume-issue-selector li.ajax-node-opener.type-volume.open a.toggle {
visibility: visible;
}
.component-volume-issue-selector li.ajax-node-opener.type-volume.open a.toggle-link {
visibility: hidden;
pointer-events: none;
}
/* 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: "Noto Sans", "Open Sans", sans-serif;
font-size: 12px;
}
.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: "Noto Sans", "Open Sans", sans-serif;
font-size: 19px;
line-height: 1.2;
margin: 25px 0 10px;
}
.addRow {
display: inline-block;
position: relative;
top: -3px;
}
.addRow:before {
font-family: FontAwesome;
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: FontAwesome;
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: "Noto Sans", "Open Sans", sans-serif;
}
.cart table tr, .checkout table tr {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.cart td, .checkout td {
font-family: "Noto Sans", "Open Sans", 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: 23px;
margin-top: 0;
margin-bottom: 4px !important;
}
.cart h3, .checkout h3 {
font-size: 19px;
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: "Noto Sans", "Open Sans", sans-serif;
font-size: 13px;
}
.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: 13px;
}
p.has-access-warning:before {
font-family: FontAwesome;
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: "Noto Sans", "Open Sans", sans-serif;
font-size: 13px;
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: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
}
#billingAndShipping {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
}
#billingAndShipping h3 {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
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: 27px;
}
.cart h3 {
font-size: 21px;
}
}
.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: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
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: "Noto Sans", "Open Sans", sans-serif;
font-size: 11px;
}
.content-author.single-line > span:after {
font-family: FontAwesome;
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: "Noto Sans", "Open Sans", sans-serif;
font-size: 19px;
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: 23px;
}
}
.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: "Noto Sans", "Open Sans", sans-serif;
font-size: 19px;
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: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
}
.component-recent-news h4.news-date {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 13px;
margin: 0 0 15px;
order: 3;
}
.component-recent-news h3.news-title {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 19px;
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: 21px;
}
}
.component-content-references p.citationText,
.component-content-references .citationActions li {
font-size: 15px;
}
.component-content-subjects {
padding-left: 60px;
}
.container-volumeissues h2 {
font-family: "Brill", "Georgia", serif;
font-size: 19px;
line-height: 1.2;
margin: 0 0 10px !important;
}
@media screen and (min-width: 1200px) {
.container-volumeissues h2 {
font-size: 23px;
}
}
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: FontAwesome;
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: FontAwesome;
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: 13px;
}
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: 13px;
margin-bottom: 10px;
}
figcaption {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 13px;
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: "Noto Sans", "Open Sans", sans-serif;
font-size: 13px;
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: "Noto Sans", "Open Sans", sans-serif;
font-size: 11px;
position: relative;
top: -4px;
}
.afterColumns .definition-list dl.impactfactor dd {
display: block !important;
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 23px;
}
.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: "Noto Sans", "Open Sans", sans-serif;
font-size: 23px;
}
.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: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
}
.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: 21px;
margin-bottom: 8px;
}
.type-index-card .source-link,
.type-index-card h2.subTitle {
font-size: 18px;
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: "Noto Sans", "Open Sans", sans-serif;
font-size: 14px;
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: 13px;
}
/*-- 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: 13px;
}
.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: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
}
.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: FontAwesome;
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: "Noto Sans", "Open Sans", sans-serif;
font-size: 12px;
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: FontAwesome;
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: FontAwesome;
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: FontAwesome;
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: FontAwesome;
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: 13px;
}
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: 29px;
}
.type-index-card .source-link,
.type-index-card h2.subTitle {
font-size: 20px;
}
.type-index-card dl dt,
.type-index-card dl dd,
.type-index-card ul li,
.type-index-card ol li {
font-size: 15px;
}
/*-- 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: "Brill", "Georgia", serif;
font-size: 19px;
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;
}
}
/*-------------------------------------------------------------------------------------------------
PLEASE TALKT TO PETER / JEFF BEFORE MAKING ANY CHANGES TO THIS SKIN'S SCSS
---------------------------------------------------------------------------------------------------*/
/* Empty Overrides SASS file for use by plug-in projects */
/*---
Font Overrides
---*/
body {
font-family: "Brill", "Georgia", serif;
font-size: 15px;
}
p,
.p {
font-size: 18px;
font-weight: 400;
}
.noResultsPage p {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
}
ul li p,
ol li p {
font-family: "Brill", "Georgia", serif;
font-size: 15px;
}
.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: 15px;
}
.abstract {
font-family: "Brill", "Georgia", serif;
font-size: 15px;
}
.abstract .moretoggle,
.abstract .lesstoggle {
font-weight: bold;
font-size: 13px;
}
form label,
.myStuff .range {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
}
.column-controls,
.has-tool-bar {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 16px;
}
@media screen and (min-width: 1200px) {
.abstract {
font-size: 18px;
}
p {
font-size: 18px;
}
ul li p,
ol li p {
font-family: "Brill", "Georgia", serif;
font-size: 18px;
}
}
/*- Masthead -*/
.european-union-cookies-agreement {
font-size: 14px;
}
#headerWrap .site-search form a[class*=ico-] {
font-size: 14px;
}
@media screen and (min-width: 767px) {
#headerWrap #headerLogo a {
background-position: left 10px bottom -8px;
}
}
@media screen and (min-width: 1200px) {
#headerWrap #headerLogo {
width: calc(215px + 10px);
height: 90px;
float: left;
}
#headerWrap #headerLogo a {
display: block;
height: 100%;
background: 10px center no-repeat url(/fileasset/brill-tablet.png);
background-size: 215px auto;
background-position: left top;
}
#headerWrap #headerLogo a span {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
/*padding: 0;
border: 0;*/
height: 1px;
width: 1px;
overflow: hidden;
}
#headerWrap #headerUtilityBar .locale-menu li {
font-size: 13px;
}
}
@media screen and (min-width: 1500px) {
#headerWrap #headerLogo {
width: calc(540px + 10px);
height: 90px;
float: left;
}
#headerWrap #headerLogo a {
background: left center no-repeat url(/fileasset/brill-desktop.png);
margin-left: 10px;
background-size: 540px auto;
}
}
/*- Home -*/
.component-recent-news div.moreLink .btnRss {
display: none;
}
.component-taxonomy-list {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
}
.component-taxonomy-list .grid span.label,
.component-featured-content-list .grid span.label {
hyphens: none;
word-break: normal;
word-wrap: normal;
}
.page-search .pagination {
font-size: 13px;
}
.page-advancedsearchpage #mainContent {
padding: 20px 40px 80px 40px;
}
@media screen and (min-width: 1200px) {
.page-advancedsearchpage #mainContent {
padding: 80px 40px;
}
}
/*- News Related -*/
.page-news h1 + #newsList {
margin-top: 40px;
}
.page-news #pageBody {
padding: 0 20px;
}
@media screen and (min-width: 1200px) {
.page-news #pageBody {
padding: 0 35px;
}
}
.page-news #resultStatsTop,
.page-news #resultStatsBottom {
margin-bottom: 40px;
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 13px;
}
.page-news #resultStatsTop::after,
.page-news #resultStatsBottom::after {
clear: both;
content: "";
display: table;
}
.page-news #resultStatsBottom .range {
float: left;
}
.page-news .t-data-grid-pager {
float: right;
margin-top: 2px;
}
.page-news .t-data-grid-pager a, .page-news .t-data-grid-pager span {
display: inline-block;
padding: 4px;
}
@media screen and (min-width: 1200px) {
.page-newsitem #pageBody #columnOne, .page-news #pageBody #columnOne {
padding-right: 35px;
}
}
/*- Toolbar -*/
@media screen and (min-width: 767px) {
.column-controls #pageLinks a.close-toggle {
display: none !important;
}
.column-controls #pageLinks > ul {
display: block !important;
}
.column-controls #pageLinks > ul li:last-child > a {
border-bottom: 0;
}
}
/*- Search Related -*/
#topSection,
#noresults {
font-family: "Noto Sans", "Open Sans", sans-serif;
}
#topSection h1,
#noresults h1 {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 30px;
}
.page-search .ico-access-restricted {
color: #bcbec0 !important;
}
span.external-content-label {
background: 9px center no-repeat url(../img/reference-icon.png);
background-size: 14px auto;
padding-left: 30px;
}
.page-search .searchHeader ul.searchTerm li,
.page-search .searchHeader div.searchTerm {
font-size: 13px;
}
.resultsBar {
font-family: "Noto Sans", "Open Sans", sans-serif;
}
.results-column ul li:not(.ui-menu-item),
.results-column ol li,
.results-column dl dt,
.results-column dl dd,
.type-index-card ul li:not(.ui-menu-item),
.type-index-card ol li,
.type-index-card dl dt,
.type-index-card dl dd {
font-family: "Brill", "Georgia", serif !important;
font-size: 15px !important;
}
.type-index-card .component-external-links ul li,
.type-index-card .component-external-links ol li,
.type-index-card .component-external-links dl dt,
.type-index-card .component-external-links dl dd {
font-family: "Noto Sans", "Open Sans", sans-serif !important;
font-size: 15px !important;
}
.type-index-card .component-external-links dl.impactfactor dt {
font-size: 13px !important;
}
.type-index-card .component-external-links dl.impactfactor dd {
font-size: 22px !important;
}
.type-index-card h4.series-list,
.page-search .contentItem h4.series-list {
font-family: "Brill", "Georgia", serif;
font-size: 13px;
}
.faceted-nav h3.toggle,
.faceted-nav .myStuff .tagsModule h2.toggle,
.myStuff .tagsModule .faceted-nav h2.toggle,
.faceted-nav .myStuff .tagsModule .news-nav-title button.toggle,
.myStuff .tagsModule .news-nav-title .faceted-nav button.toggle,
.faceted-nav .news-nav-title .myStuff .tagsModule button.toggle,
.news-nav-title .myStuff .tagsModule .faceted-nav button.toggle {
font-family: "Noto Sans", "Open Sans", sans-serif;
}
.faceted-nav h3.toggle:after,
.faceted-nav .myStuff .tagsModule h2.toggle:after,
.myStuff .tagsModule .faceted-nav h2.toggle:after,
.faceted-nav .myStuff .tagsModule .news-nav-title button.toggle:after,
.myStuff .tagsModule .news-nav-title .faceted-nav button.toggle:after,
.faceted-nav .news-nav-title .myStuff .tagsModule button.toggle:after,
.news-nav-title .myStuff .tagsModule .faceted-nav button.toggle:after {
font-size: 22px;
}
a.content-download {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
}
.faceted-nav h3.toggle {
font-size: 18px !important;
}
/*----
Index Cards
----*/
.type-index-card .source-link {
font-family: "Brill", "Georgia", serif;
display: block;
}
.type-index-card .source-link a {
font-size: 18px;
}
.component-content-contributors {
font-size: 13px;
}
.has-tool-bar .type-index-card h1 {
font-family: "Noto Sans", "Open Sans", sans-serif !important;
font-size: 15px !important;
}
.has-tool-bar .type-index-card h4.series-list,
.has-tool-bar .type-index-card h4.series-list li,
.has-tool-bar .type-index-card h2,
.has-tool-bar .type-index-card dl dt,
.has-tool-bar .type-index-card dl dd {
font-family: "Noto Sans", "Open Sans", sans-serif !important;
font-size: 13px !important;
margin-top: 0;
}
.has-tool-bar .component-content-contributors {
font-size: 13px !important;
}
@media screen and (min-width: 1200px) {
.type-index-card .source-link a {
font-size: 22px;
}
}
.page-search .contentItem h4.series-list ul {
display: block;
}
.series-label {
font-size: 15px;
display: block;
margin: 8px 0 2px;
}
.has-tool-bar .component-package-info ul {
margin-left: 75px;
}
.has-tool-bar .component-package-info ul li {
font-family: "Noto Sans", "Open Sans", sans-serif !important;
font-size: 13px !important;
list-style: none;
}
/*----
Dropdown
----*/
.shadow-btn,
.ecommerce-block .toggle-activator,
a.dropdown-control,
.dropdown-menu-header {
font-family: "Noto Sans", "Open Sans", sans-serif;
}
.component-volume-issue-selector div.dropdown-button.open div.dropdown-menu ul li {
font-size: 13px !important;
}
/*----
Content References
----*/
#articleBody .refList p.citationText,
.column:not(.has-tool-bar) .component-content-references p.citationText {
font-family: "Brill", "Georgia", serif;
font-size: 18px;
}
#articleBody .refList .citationActions li,
.column:not(.has-tool-bar) .component-content-references .citationActions li {
font-size: 13px !important;
}
.component-content-references p.citationText {
font-size: 18px;
}
.component-content-references .citationActions {
margin-left: 0;
}
.component-content-references .citationActions li {
font-size: 13px !important;
}
.component-content-references .citationActions li a {
padding: 2px 0 !important;
}
/*----
Related Content
----*/
.component-related-content .contentItem h2,
.component-related-content .contentItem h3 {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
}
.component-related-content .contentItem .contributor-line {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 13px;
}
.component-content-metadata dl dt,
.component-content-metadata dl dd {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 13px;
}
.metaBlock dl dt,
.metaBlock dl dd {
display: inline !important;
}
.page-search .metaBlock dd ol {
display: inline;
}
article.contentItem .component-content-contributors {
font-family: "Brill", "Georgia", serif;
font-size: 18px !important;
}
article.contentItem .metaBlock h3,
article.contentItem .metaBlock dt,
article.contentItem .metaBlock dd {
font-family: "Brill", "Georgia", serif;
font-size: 18px !important;
}
article.contentItem .metaBlock h3.ico-type {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
}
/*----
Tabs / UI Components
----*/
.ui-tabs .ui-tabs-nav li a {
font-family: "Brill", "Georgia", serif;
font-size: 18px;
}
@media screen and (min-width: 1200px) {
.ui-tabs .ui-tabs-nav li a {
font-size: 22px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
padding: 0.4em 0.7em;
}
}
/*----
Content / Read Panel
----*/
.ecommerce-block p.ecommerce-disclaimer {
font-size: 13px;
}
.ico-access-open:before {
background: center center no-repeat url(../img/open-access.png);
background-size: 100% auto;
color: rgba(0, 0, 0, 0);
}
.section h2 {
font-size: 22px;
}
.container-latest .content-box-body h2 {
font-family: "Brill", "Georgia", serif;
font-size: 15px;
font-weight: 700;
}
figcaption,
figure p {
font-family: "Brill", "Georgia", serif;
font-size: 15px;
}
.component-table-of-contents ul li {
font-family: "Brill", "Georgia", serif;
font-size: 15px;
}
/*----
Checkout Pages
----*/
p.has-access-warning {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 13px;
}
span#termsAndConditions {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
}
/*- Print Flyer -*/
.page-flyerpage {
font-size: 14px;
line-height: 1.6;
}
.page-flyerpage h1 {
font-size: 28px !important;
}
.page-flyerpage h2.subTitle {
font-size: 20px !important;
}
.page-flyerpage h2.subTitle:not(.subTitle) {
font-size: 16px !important;
}
.page-flyerpage p {
font-size: 14px;
line-height: 1.6;
}
.page-flyerpage .abstract {
font-size: 14px;
line-height: 1.6;
}
.page-flyerpage .definition-list dl {
line-height: 1.2;
}
.page-flyerpage .rightColumn .type-index-card b {
font-weight: 700;
}
.page-flyerpage .rightColumn h4.series-list > span {
font-family: "Noto Sans", "Open Sans", sans-serif !important;
font-size: 11px !important;
line-height: 1.1;
display: inline;
font-weight: 700;
}
.page-flyerpage .rightColumn .page-flyerpage .rightColumn h4.series-list ul,
.page-flyerpage .rightColumn .page-flyerpage .rightColumn h4.series-list ul li {
display: inline;
}
.page-flyerpage .rightColumn ul li,
.page-flyerpage .rightColumn ol li,
.page-flyerpage .rightColumn dl dt,
.page-flyerpage .rightColumn dl dd {
font-family: "Noto Sans", "Open Sans", sans-serif !important;
font-size: 11px !important;
line-height: 1.1;
}
.page-flyerpage .rightColumn img[align=left] {
margin: 0 10px 10px 0;
}
.page-flyerpage .rightColumn p {
font-family: "Noto Sans", "Open Sans", sans-serif !important;
font-size: 11px !important;
line-height: 1.1;
}
.contentPage #mainContent ul li,
.contentPage #mainContent ol li {
font-family: "Brill", "Georgia", serif;
font-size: 15px;
}
.contentPage #mainContent .table-wrap {
overflow: auto;
}
.contentPage #mainContent table {
max-width: 100%;
}
/*-----
Modal
-----*/
.cg-primary select,
.column-wrapper select,
.modalWindow select,
.gallery-overlay select,
body select,
select {
border: 1px solid #bcbec0 !important;
border-radius: 3px !important;
padding: 6px 28px 6px 12px !important;
}
#advancedSearchWidget {
padding-right: 0px !important;
}
.advanced-search .advanced-search-widget .buttons {
padding: 0px !important;
}
.advSearchModule {
padding-left: 0px !important;
margin-left: 0px !important;
}
.tabList.myTabs {
margin: 0px !important;
}
.tab-panel.myPanel {
padding: 20px 40px;
}
#toc {
padding: 20px 40px;
}
#pageLinks ul li a:before {
position: static;
}
.column-controls #pageLinks a.pageTools-toggle div div {
right: 10px !important;
}
.c-IconButton-facebook:before,
.c-IconButton-mendeley:before,
.c-IconButton-twitter:before {
position: relative !important;
top: 0px !important;
left: 0px !important;
margin: 0px !important;
padding: 0px !important;
transform: none !important;
color: white !important;
}
#pageLinks .c-IconButton:before {
color: #ffffff !important;
}
.page-checkout #pageBody {
padding: 20px 40px;
}
.type-content-flier > .has-centerColumn {
display: flex !important;
flex-grow: 1 !important;
width: 100% !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;
border: 1px solid #bcbec0 !important;
border-radius: 3px !important;
}
.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;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
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;
}
#searchWithinSubmit {
position: relative !important;
top: 14px !important;
}
#searchWithinSubmit:before {
font-size: 20px !important;
}
.tree a.text-title {
color: #232176 !important;
}
/*- Footnote: BRIL-1501 -*/
.footnoteGroup .footnote {
padding-left: 35px;
position: relative;
}
.footnoteGroup .footnote label {
width: 25px;
position: absolute;
top: 5px;
left: 0;
text-align: right;
}
/*- Static Pages: BRIL-1581 -*/
.contentPage #breadcrumb ul li:before {
font-size: 12px;
}
.contentPage #mainContent {
padding: 20px 40px 80px 40px;
}
@media screen and (min-width: 1200px) {
.contentPage #mainContent {
padding: 36px 40px 80px 40px;
}
}
/*- Static Pages: BRIL-1588 -*/
@media screen and (min-width: 1200px) {
#localeSelector.open .locale-form {
display: block !important;
position: absolute;
top: 30px;
right: 36px;
z-index: 1;
background: #fff;
border: solid 1px #bebec0;
padding: 20px;
}
}
/*- Flier Print Pages: BRIL-1629 */
@media print {
#pageBody .column:not(.has-tool-bar) .type-index-card .centerColumn {
-ro-priority: 1;
width: unset !important;
padding: unset !important;
float: unset !important;
}
.type-content-flier > .has-centerColumn.has-rightColumn > .centerColumn {
-ro-priority: 1;
width: 76% !important;
}
.type-content-flier > .has-centerColumn > .rightColumn {
-ro-priority: 1;
width: 24% !important;
}
.type-content-flier .footer {
-ro-priority: 1;
width: 76% !important;
position: absolute !important;
top: 0 !important;
}
}
div#tokens {
max-width: 650px;
margin: 0 auto 25px;
padding: 0 25px;
}
div#tokens + .ecommerce-cart-entry-display {
max-width: 650px;
margin: 0 auto 25px;
padding: 0 25px;
}
.orders .actionButtons a {
display: inline-block;
}
.orders dl {
margin: 30px 0 40px;
}
.orders dl::after {
clear: both;
content: "";
display: table;
}
.orders dl dt {
float: left;
clear: left;
margin-bottom: 20px;
font-weight: bold;
}
.orders dl dt:after {
display: inline-block;
content: ":";
margin-right: 8px;
}
.orders dl dd {
float: left;
margin-bottom: 20px;
}
/*- Form Page Overrides -*/
.page-form input,
.page-form select,
.page-form textarea {
max-width: 450px;
margin-bottom: 20px;
}
.page-form .form-type-checkbox {
margin-bottom: 4px;
}
.page-form .form-type-checkbox:last-child {
margin-bottom: 25px;
}
.page-form input.form-checkbox {
margin-right: 4px;
margin-bottom: 0;
position: relative;
top: 3px;
}
.page-form #pageBody {
display: block !important;
padding: 25px 20px 45px 20px;
}
@media screen and (min-width: 1200px) {
.page-form #pageBody {
padding: 36px 40px 80px 40px;
}
}
/*-------------------------------------------------------------------------------------------------
PLEASE MAKE ALL NEW CHANGES BELOW HERE
---------------------------------------------------------------------------------------------------*/
@media print {
/*- hide globally -*/
/*- header -*/
#navigation, #quickSearch, #headerUtilityBar {
display: none !important;
}
#headerWrap {
position: static;
margin-bottom: 25px;
}
#headerWrap #headerLogo {
float: none;
}
/*- page adjustments -*/
#columnWrapper {
margin-top: 0 !important;
}
.container-tabs {
display: none;
}
.column-controls, #entryPrevNextNav {
display: none !important;
}
.layout .column .column-contents,
.layout .column .column-controls {
min-height: 0 !important;
position: static;
}
.rightColumn.has-tool-bar,
.leftColumn.has-tool-bar {
position: static !important;
transform: none;
width: 100%;
}
.right-column-expands,
.left-column-expands {
padding: 0 !important;
}
.toolbar-fixed > .rightColumn > div {
position: static !important;
}
.layout .column-group {
display: block;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .rightColumn {
border-left: 0;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .has-leftColumn.has-rightColumn .centerColumn,
#pageBody .column:not(.has-tool-bar) .type-index-card > .columns-2 > .centerColumn,
#pageBody .column:not(.has-tool-bar) .type-index-card .rightColumn {
padding-left: 0 !important;
}
#pageBody .column:not(.has-tool-bar) .type-index-card .has-centerColumn.has-rightColumn .centerColumn,
.type-content-view .issue-toc, .ui-tabs .ui-tabs-panel {
width: 100% !important;
}
#pageBody .has-tool-bar .type-index-card {
background-color: transparent !important;
margin: 0;
}
.column-collapsible .container-accordion,
.column-collapsible .component-quick-search-form,
.column-collapsible .component-volume-issue-selector {
display: none;
}
.right-column-expands {
display: flex !important;
flex-direction: column !important;
}
.right-column-expands .rightColumn {
order: 1 !important;
}
.right-column-expands .centerColumn {
order: 2 !important;
}
.ico-access {
text-align: left;
}
.flat-list.no-bullets {
margin-left: 0;
}
.content-author.single-line .contributor-line {
max-width: 100%;
white-space: normal;
overflow: visible;
text-overflow: initial;
}
.content-author.single-line > span {
display: none !important;
}
.content-author.single-line .affiliation {
display: block;
}
.configurable-layout div.accessIcon,
.configurable-layout .component-content-download-links,
.configurable-layout .component-content-actions {
display: none;
}
/*--- Old Layouts Print Styles ---*/
#pageBody {
display: block;
}
div[data-tasktype=citation-export],
#pageLinks, #columnOne, #resultsBarBottom {
display: none !important;
}
.page-search #columnWrapper {
padding: 20px;
}
.page-search #topSection, .page-search #noresults {
border-left: 0;
padding: 0 0 20px !important;
}
.page-search .results-column {
background: none !important;
padding-top: 0;
}
.page-search #searchContent {
padding-top: 0;
}
.page-search a.clearAll {
display: none;
}
.page-search .abstract .abstract {
display: none !important;
}
.page-search .abstract .abstract:first-child {
display: block !important;
}
.page-search .abstract a.lesstoggle {
display: none;
}
.page-search .contentItem {
background: transparent;
}
.page-search #resultsBarTop {
display: none;
}
#footerWrap {
background: transparent !important;
color: #000 !important;
}
#footerWrap a {
color: #000 !important;
}
.page-search .contentItem .component-cover-image {
max-width: 150px;
}
}
.modalWindow body.blanklightbox * {
display: none;
}
.modalWindow #modalContent::after {
clear: both;
content: "";
display: table;
}
.modalWindow {
margin: 0;
padding: 0;
}
.modalWindow .fancybox-inner {
overflow: hidden !important;
}
.modalWindow input[type=checkbox] {
display: inline-block;
margin-right: 8px;
}
.modalWindow #selectTags ol {
list-style: none;
margin-left: 0;
}
.modalWindow #selectTags ol li.checkboxRow {
margin-bottom: 0;
}
.modalWindow #selectTags ol li.checkboxRow label {
display: inline-block;
}
.modalWindow ul.groups {
margin-left: 0;
}
.modalWindow ul.groups li {
margin-bottom: 0;
}
.modalWindow ul.groups li label {
display: inline-block;
}
.modalWindow div.showToRecipients label,
.modalWindow div.copyMe label {
display: inline-block;
}
.modalWindow div.copyMe {
margin-top: 15px;
}
.modalWindow #submitRow {
margin-bottom: 10px;
padding-top: 10px;
}
.modalWindow .saveSearch h3, .modalWindow .saveSearch h4 {
margin-top: 0 !important;
}
.modalWindow .saveSearch h3 {
font-size: 23px;
font-weight: 600;
}
.modalWindow .saveSearch h4 {
font-size: 17px;
}
.modalWindow .saveSearch .messageText {
margin-bottom: 15px;
}
.modalWindow .saveSearch #alert {
float: left;
}
.modalWindow .page-emaillightbox #copyRow label {
display: inline-block;
}
.modalWindow .page-emaillightbox #copyRow input[type=checkbox] {
float: left;
}
.modalWindow .page-cite h2 {
margin-top: 0;
}
.modalWindow .page-cite select {
margin-right: 10px;
}
.modalWindow .page-cite a.button.primary {
padding: 7px 20px 10px 20px;
margin-top: 0;
}
.modalWindow .page-cite a.button.primary:before {
margin-right: 7px;
}
.modalWindow .page-cite p.citationPreview {
margin: 15px 0;
font-size: 15px;
}
.modalWindow .page-cite div.export-formats > a {
width: 33.333333%;
display: inline-block;
margin-right: -4px;
padding-left: 5px;
margin-bottom: 0;
vertical-align: top;
}
.modalWindow .page-cite div.export-formats > a div {
font-size: 15px;
line-height: 1.3;
}
.modalWindow .page-cite div.export-formats > a div.button {
padding: 6px 12px 7px 12px;
margin-bottom: 5px;
margin-left: 0;
}
.modalWindow .page-cite div.export-formats > a div.button:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
font-size: 16px;
display: inline-block;
content: "";
margin-right: 4px;
}
.modalWindow .page-cite div.export-formats > a:first-child {
padding-left: 0;
}
.modalWindow .page-cite div.export-formats > a:last-child {
padding-right: 0;
}
.modalWindow body {
font-family: "Noto Sans", "Open Sans", sans-serif;
font-size: 15px;
}
.modalWindow .saveSearch h3, .modalWindow .saveSearch h4 {
font-family: "Noto Sans", "Open Sans", sans-serif !important;
margin-top: 0 !important;
}
.modalWindow .saveSearch h3 {
font-size: 23px;
font-weight: 600;
}
.modalWindow .saveSearch h4 {
font-size: 17px;
}
.modalWindow .saveSearch .messageText {
margin-bottom: 15px;
}