@charset "UTF-8";
/**
* Main control file for Reborn Lite CSS
*
* Authoring Information (do not edit or remove)
* Jonathan Hagan
* Released: 03/10/2023
* reborn_lite v201 control.css
*
*/
/*
* :root means these variables are available to all page elements. The developer should fill all of these out to match
* the clients desired styling. Most other section inherit these values and rely on these being set. Even if you're not
* using lfg-typography.css, you should set these properly.
*/
:root {
--primary-color: #0D0101; /* Used for multiple items throughout the site (responsive table headers, unsubscribe, chosen hover, etc.). Probably should not be white, or near white. */
--primary-color-contrast: #fff; /* This is used for text displayed within --primary-color areas and should maintain a high contrast with that color */
--light-grey: #FAFCFF; /* Used for striping and other various items. MAKE SURE YOU USE CORRECT ADA 4.5:1 CONTRAST AGAINST --font-color. https://webaim.org/resources/contrastchecker/ */
/* Main elements, should match clients site if possible */
--font-size: 1.15rem; /* Standard font-size used by the clients template */
--line-height: 1.475rem; /* Standard line-height used by the clients template */
--body-font: "GT Planar","Arial",sans-serif;
--font-family: inherit; /* Standard font-family used by the clients template */
--font-color: #0D0101; /* Standard font color used by the clients template */
--font-weight: normal; /* Standard font weight used by the clients template */
--background-color: transparent; /* Standard background-color used by the clients template. */
/* Links throughout the site */
--link-color: #017E25; /* Standard color used by the clients template */
--link-decoration: none; /* Standard text-decoration used by the clients template */
--link-color-hover: #0bc11c; /* Standard a:hover used by the clients template */
--link-decoration-hover: underline; /* Standard a:hover text-decoration size used by the clients template */
/* Borders for most bordered elements. */
--border-color: #ced4da; /* Standard border color used by the client. */
--border-color-hover: #ced4da; /* Used on elements like buttons where the border should change when hovered */
--border-style: solid; /* Standard border-style used by the client */
/* Filetype icons */
--icon-size: 1.56rem; /* Font size for standard filetype icons. --icon-size will also control line-heights for the icon text, which helps maintain vertical centering */
--icon-colors: var(--font-color); /* This is the default color for icons that do not adhere to specific brand colors. For example: PDFs, Microsoft Office formatted files, Facebook, etc. will maintain different pre-set colors */
/* Uncommenting this variable will force ALL icons to use --icon-colors and ignore company branded colors */
/*--force-icon-color-override: var(--icon-colors)*/
/* Misc. settings */
--striping: rgba(0, 0, 0, 0.03) /*var(--light-grey)*/; /* Set to transparent to remove striping */
--striping-even: transparent; /* Set to transparent to remove striping */
--transition-speeds: .15s; /* Used for transitions on multiple items throughout the site. */
--shadow-colors: #efe4e4; /* Used for ui-dialog, dropdowns, and messages */
--attribution-color: #757575;
--price-up: #017E25;
--price-down: #da353b;
--gutter-widths: var(--bs-gutter-x, 30px); /* If the client is using BS5+, this will grab the gutter width from that. If not, it will default to 30px. This is double what the padding would be (15px) */
}
/*
* Controls tables
*/
table {
--table-header-background: transparent; /* Sets the background color of table headers */
--table-header-color: var(--font-color); /* Sets the font-color of table headers. */
--table-header-font-size: var(--font-size); /* Sets the font-size of table headers */
--table-header-font-family: var(--font-family); /* Sets the font-family of table headers */
--table-header-line-height: var(--line-height); /* Sets the line-height of table headers */
--table-header-font-weight: bold; /* Sets the font-weight of table headers */
--table-header-transform: none; /* Sets the text-transform of table headers */
--table-header-link: var(--table-header-color); /* Sets the color of links within table headers. Dont use inherit here unless you change --table-sort-color manually. It will leave an undefined variable and make sort icons disappear.*/
--table-header-link-hover: var(--link-color-hover); /* Sets the color of links on hover within table headers */
--table-line-height: var(--line-height); /* Sets the link height of the entire table */
--table-margin: 0 0 1em 0; /* Sets the main margin on all tables. Accepts shorthand */
}
/*
* Controls links within table headers (sorting)
*/
th a, th.sorting {
--link-color: var(--table-header-color);
}
/*
* Controls the sort arrows. Linked by default to table link colors
*/
.tablesort, [class*='sorting'] {
--table-sort-color: var(--link-color); /* Sets the color of table sort arrows. */
--table-sort-color-hover: var(--link-color-hover); /* Sets the color of table sort arrows on hover. */
}
/*
* Controls the margin and padding on blocks. This helps with spacoing multiple blocks in a row.
*/
.block {
--block-padding: 0; /* Sets the padding on all .block elements, unless otherwise set via bootstrap. Accepts shorthand. */
--block-margin: 0 0 3em 0; /* Sets the main margin on all block elements. Accepts shorthand */
}
/*
* Controls form and chosen items.
*/
form, input, [class*='chosen'], textarea, button, select {
/* If you want to set form styles manually, see the bottom of this file */
--form-font-size: var(--font-size); /* Sets the font size on all forms */
--form-element-background: #fff; /* Sets the background-color on all form elements. Do not use transparent, it will cause issues with chosen dropdown. */
--form-element-spacing: 1em; /* Sets the margin bottom on form elements. */
--form-font-color: var(--font-color); /* Sets font color for form elements. */
--form-element-padding: 0 0.5em; /* Sets the default padding for form elements */
--form-element-border-color: var(--border-color); /* Sets the border-color on form elements */
--form-element-border-width: 1px; /* Sets the border-width of form elements. single value, do not use shorthand such as 0 1px 1px 1px. */
--form-border-radius: 0; /* Sets a radius for rounded inputs. Note: 1.563em is a good default radius. 1.563em is the same as 25px in base 16, and will scale to site size. */
--form-submit-ypos: auto; /* Adjusts the Y position of submit butons so you can center align them with the other form elements. Needed when size is different than other elements. */
--label-font-size: .8em; /* Sets the default font size for labels */
--label-color: inherit; /* Sets the color of labels */
--label-font-weight: inherit; /* Sets the font-weight of labels */
--label-margin: 0; /* Sets margin on labels */
--label-padding: 0 0 0 0; /* Sets padding on labels */
--label-font-family: var(--font-family); /* Sets font-family for labels */
}
/*
* Controls the positioning of our default icons in relation to the text. May need adjustment depending on font-size/family
*/
.add-outlook, .add-gcal, .node--nir-news--full, [class*='file--'], [class*='widget-file-'], [class*='file--mime-'], [class*='market-data-file-download-'], [class*='-link'], .field--name-field-nir-ext-document, [class*='ndqicon__'] {
--icon-vertical-shift: -1px; /* Some font families will mis-align icons from the text. This will re-align them. */
--icon-distance: 3px; /* Distance between icons and text. Will not change committee/bod icons. */
}
/*
* Controls the size of icons for SEC Filings specifically. The are larger by default since
* they do not have text.
*/
.view-widget-sec-filings,
.nir-sec-header {
--icon-size: 2rem;
}
/*
* Icon size specifically for the committee table legend. Also, the background color for the LEGEND text, and chosen
* search. This background color should match the page background color.
*/
.chosen-search input[type="text"], .commitee-key {
--background-color: #fff;
--icon-size: 1.56em
}
/*
* Controls the arrow icons for form elements.
*/
select, [class*='chosen-container'], .chosen-results, [id*="edit-actions"] {
--select-arrow-width: 0.375em; /* Set to 0 if you're using a font-icon */
--select-arrow-height: 0.1875em; /* Set to 0 if you're using a font-icon */
--select-drop-shadow: 6px 6px 20px var(--shadow-colors); /* Sets the drop shadow on the chosen dropdown */
--select-arrow-color: var(--form-font-color); /* Sets the color of the chosen select arrow */
--select-arrow-horizontal-position: 10px; /* Uses right: property. Positions the X axis chosen arrow */
--select-arrow-vertical-position: 45%; /* Uses top: property. Positions the Y axis of the chosen arrow */
--select-arrow-flip-speed: 0; /* using a time value, such as .2s, here will slow the rotation of the dropdown arrow. ms or s required after value. */
--select-arrow-flip-rotation: rotate(-180deg); /* Sets the rotation of the chosen select arrow when activated */
/* Note: by default we use a rotate() property set to 0s for arrows. This means --select-arrow-on will flip
instead of being replaced. If you want to use an alternate icon here, set --select-arrow-flip-rotation
to 'rotate(0deg)'. Also note, arrow codes for ndqfonticons:
up (\e052)
right (\e04d)
left (\e051)
down (\e050) */
/************************/
/* FONT ICON ARROW CODE */
/************************/
/* Uncomment all of the following to use a font icon for the dropdown arrow
--select-arrow-family: 'ndqfonticons';
--select-arrow-size: 1em;
--select-arrow-off: '\e050';
--select-arrow-horizontal-position: 0.875em;
--select-arrow-vertical-position: .8em;
--select-arrow-width: 0;
--select-arrow-height: 0;
--select-arrow-on: var(--select-arrow-off);
*/
/******************************/
/* BACKGROUND-IMAGE ICON CODE */
/******************************/
/* Add the following code to overwrite.css if you need to use an image background. outline is only used as a visual guide, remove it.
[id*='lfg-content'] .chosen-container-single .chosen-single:after {
outline: inset 1px #000;
background-repeat: no-repeat;
background-position: 1px center;
background-image: url(../select-dropdown.svg);
border: 0;
width: 23px;
--select-arrow-size: 1em;
--select-arrow-flip-rotation: rotate(0deg);
--select-arrow-horizontal-position: 0.875em;
--select-arrow-vertical-position: 1.1em;
}
*/
/*
* Controls the choice bubbles for chosen multi selects.
*/
--multi-select-option-color: var(--light-grey); /* Background color of the multi select bubbles */
--multi-select-option-text-color: var(--form-font-color); /* Text color of the multi select bubbles */
/*
* Controls the highlight of chosen options on hover.
*/
--chosen-highlight-color: var(--primary-color); /* Background of a chosen option on hover */
--chosen-highlight-text: var(--primary-color-contrast); /* Text of a chosen option on hover */
/*
* Controls the padding (size) of each option in a chosen dropdown.
*/
--chosen-option-padding: 0.7em 0.7em; /* Padding of each chosen option within a dropdown */
}
/*
* Controls the size of outlines when elements are in focus. Note: color is controlled by --border-color.
*/
:focus, :focus-within, :focus-visible, select:focus-visible + .chosen-container, .chosen-container-active {
--element-focus-width: 1px; /* Width of the outline when an element is in focus. */
--focus-border-color: #9C9292; /* Color of the outline when an element is in focus. */
}
/*
* Controls the separator on breadcrumbs blocks
*/
.breadcrumb {
--breadcrumb-seperator: "/"; /* Will accept anything that content: "" can accept, including font-icons */
}
/*
* Controls the max-width for thumbnails, if used.
*/
[class*='-thumbnail'] {
--max-thumbnail-width: 25%; /* Sets width for widgets that display a thumbnail. Notes: margin-right is factored into the total width. Example: --max-thumbnail-width: 160px with margin-right: 10px, will convert to an actual image size of 150px. Additionally, images will max out at their intrinsic width */
}
/*
* Increase thumbnail size for --full pages
*/
[id*='lfg-content'] [class*='node--'][class*='--full'] {
--max-thumbnail-width: 15%; /* Max image width for thumbnails on people --full nodes. */
}
/* Fix for ultrawide monitors */
@media (min-width: 1920px) {
[class*='-thumbnail'] {
--max-thumbnail-width: 20%; /* A needed fix for ultrawide monitors. */
}
}
/*
* Controls colors for background fading when an active window is present.
*/
.lfg-overlay,
.ui-widget-overlay {
--overlay-dark: rgba(0, 0, 0, .5); /* Sets overlay shade for darkened elements. Only used with ui-dialog unless you add a new one somewhere */
--overlay-light: rgba(255, 255, 255, .5); /* Unused, but has a utility class if needed */
}
/*
* Controls modals throughout the site.
*/
.ui-dialog {
--max-thumbnail-width: 25%; /* Reset image width in ui-dialog popups. */
--modal-title-background: var(--primary-color); /* Sets the background for the ui-dialog title. */
--modal-title-color: var(--primary-color-contrast); /* Sets the text color for the ui-dialog titles. */
--modal-title-padding: .5em 1.42em; /* Sets the padding for the ui-dialog title */
--modal-title-font: inherit; /* Sets the fon family for the ui-dialog title. Shorthand: font: font-style font-variant font-weight font-size/line-height font-family; */
--modal-border-radius: 0; /* Sets the radius on the 4 corners of the ui-dialog box. */
/* close button */
--modal-close-family: "ndqfonticons"; /* Sets the font-family for the ui-dialog close button */
--modal-close-icon: "\e013"; /* Sets the content property of the ui-dialog close button */
--modal-close-shadow: none; /* Sets the box-shadow property of the ui-dialog close button. Used to give 3d appearance. Requires --modal-close-background to be set. Use box-shadow shorthand [2px 2px 2px 1px rgba(0, 0, 255, .2)].*/
--modal-close-size: 2em; /* Sets the size of the ui-dialog close button (not the icon). */
--modal-close-icon-size: 1.5em; /* Sets the size of the ui-dialog close button icons */
--modal-close-radius: 0; /* Sets the radius of the ui-dialog close button. Required --modal-close-background to be set. */
--modal-close-background: transparent; /* Sets the background-color of the ui-dialog close button. */
--modal-close-color: var(--primary-color-contrast); /* Sets the color of the ui-dialog close button icon. */
--modal-close-background-hover: transparent; /* Sets the background-color of the ui-dialog button on hover */
--modal-close-color-hover: var(--primary-color-contrast); /* Sets the color of the ui-dialog close button icon on hover. */
--modal-close-vertical-position: 0; /* Sets the Y axis position of the ui-dialog close button: Uses top: property. */
--modal-close-horizontal-position: 0; /* Sets the X axis position of the ui-dialog close button. Uses right: property. */
/* background-transparency when modal active */
--modal-overlay-opacity: .3; /* Sets the over background fade when the ui-dialog pop up in present. */
--modal-overlay-color: #000; /* Sets the overlay background color when the ui-dialog pop up in present. */
--shadow-colors: #000; /* Sets the shadow color of the ui-dialog box */
/* Uncomment for Rounded Modals */
/*
--modal-title-background: var(--primary-color);
--modal-title-color: var(--primary-color-contrast);
--modal-title-padding: .5em 1.42em;
--modal-border-radius: 17px;
--modal-title-font: var(--font-family);
--modal-close-shadow: var(--shadow-colors) 0 0 5px;
--modal-close-size: 1.5em;
--modal-close-icon-size: 1.5em;
--modal-close-radius: 25px;
--modal-close-background: #fff;
--modal-close-color: var(--font-color);
--modal-close-background-hover: #efefef;
--modal-close-color-hover: #000;
--modal-close-vertical-position: .4em;
--modal-close-horizontal-position: .4em;
*/
}
/*
* Controls the spacing between items within lists of links. For example: multiple attachments to 1 asset
*/
.doc-group, .xbrl-group, .field__item, .field__item * {
--asset-spacing: .3em; /* Sets margin-top: on field items containing icons. Does not accept shorthand */
}
/*
* Controls accordions through the site.
*/
.lfg-acc--item-title,
[class*='accordion'],
[class*='lfg-acc'] {
/* Title / Question */
--accordion-title-padding: 1em .5em; /* Sets the padding of the accordion questions / title. Accepts shorthand (ex: 0 .7em) */
--accordion-title-max-width: 90%; /* Sets the max-width of the title text slo it doesn't get too clone to the +/- icon. */
--accordion-background: transparent /*var(--primary-color)*/; /* Sets the background of accordion questions / titles. */
--accordion-background-active: transparent; /* Sets the background of accordion questions / titles when active, or on hover. */
/* Title / Question font color */
--accordion-font-color: #0D0101 /*var(--primary-color-contrast)*/; /* Sets the font-color of accordion questions / title. */
--accordion-font-color-hover: var(--font-color); /* Sets the font-color of accordion questions / titles when active, or on hover. */
/* Settings for the accordion content */
--accordion-content-padding: 1em; /* Sets the padding of the accordion content/answer. Accepts shorthand (ex: 0 .7em) */
--accordion-content-color: var(--font-color); /* Sets the font-color of the accordion content/answer */
--accordion-content-background: transparent /*var(--light-grey)*/; /* Sets the background color of the accordion content/answer container */
/* Accordion bordering */
--accordion-border-width: 1px; /* Sets the top and bottom border of accordions. Single value, do not use shorthand */
--accordion-side-border: 0px; /* Sets the right and left border of accordion question/title. Single value, do not use shorthand */
--accordion-side-content: var(--accordion-side-border); /* Sets the right and left border of accordion content/answer. Single value, do not use shorthand */
--accordion-border-color: #ced4da /*var(--primary-color-contrast)*/; /* Sets the color of all accordion borders */
--accordion-border-color-active: #ced4da /*var(--accordion-border-color)*/; /* Sets the color of all accordion borders when active. */
/* Accordion arrows */
--accordion-arrow-color: #0D0101 /*var(--primary-color-contrast)*/; /* Sets the color for the accordion +/- icons */
--accordion-arrow-color-on: var(--accordion-font-color-hover); /* Sets the color for the accordion +/- icons when active */
--accordion-arrow-color-hover: var(--accordion-arrow-color-on); /* Sets the color for the accordion +/- icons on hover */
--accordion-icon-size: 1em; /* Sets the size of the accordion +/- icons */
--accordion-icon-family: ndqfonticons; /* Sets the font-family for the accordion +/- icons */
--accordion-icon-off: "\E04D"; /* Sets the accordion icon OFF state */
--accordion-icon-on: "\E050"; /* Sets the accordion icon ON state */
--accordion-icon-off-hover: "\E04F"; /* Sets the accordion icon when an OFF state is hovered */
--accordion-icon-on-hover: "\E04E"; /* Sets the accordion icon when an ON state is hovered */
/* Settings for right aligned +/- icons (default) */
--accordion-icon-position: absolute; /* Sets the position: property used for the accordion +/- icon. */
--accordion-icon-horizontal-position: 1em; /* Sets the X axis of the accordion +/- icon */
--accordion-icon-vertical-position: 50%; /* Sets the Y axis of the accordion +/- icon */
--accordion-center-right: translateY(-50%); /* Fix for icon shift during state transitions. Shouldn't be changed. */
/* Settings for left aligned +/- icons */
/* Uncomment if you want left alignment on accordions */
/*
--accordion-icon-position: relative;
--accordion-icon-horizontal-position: 0;
--accordion-icon-vertical-position: 0;
--accordion-center-right: none;
*/
--accordion-text-indent: 0; /* Sets the indent of the text, not the icon, within the accordion Title / Question. Used for spacing between icon and text. */
}
/* Accordion settings for news teasers or similar. Be careful changing these. */
a.lfg-acc--item-title, a.lfg-acc--item-title * {
--accordion-arrow-color: var(--link-color); /* Sets the color for the accordion +/- icons */
--accordion-arrow-color-on: var(--link-color-hover); /* Sets the color for the accordion +/- icons when active */
--accordion-icon-position: relative; /* Sets the position: property used for the accordion +/- icon. */
--accordion-icon-horizontal-position: 0px; /* Sets the X axis of the accordion +/- icon */
--accordion-icon-vertical-position: -1px; /* Sets the Y axis of the accordion +/- icon */
--accordion-content-padding: 1em; /* Sets the padding of the accordion content/answer. Accepts shorthand (ex: 0 .7em) */
--person-title-indent: 1.1em; /* Sets left indent for people title so it aligns with the name. Needs adjustment when using right aligned accordion icons. */
--widget-padding: 0; /* do not change */
--accordion-text-indent: .2em; /* Sets the indent of the text, not the icon, within the accordion Title / Question. Used for spacing between icon and text. */
}
/* Makes sure show/hide all maintains normal link color */
.lfg-acc--show-hide {
--font-size: .9em; /* Sets the size of the Show/Hide all link. */
--accordion-arrow-color: var(--link-color);
--accordion-arrow-color-on: var(--link-color-hover);
}
/*
* Headers and things that should look like headers.
* Note: lfg-typography.css is required if you want to control actual header tags.
*/
caption, .caption, .table-title,
.block--facet-select-breadbox h2,
.node--person--full .field--name-field-nir-person-title,
.block--market-data-block__estimates__all caption,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
/*
--font-family:
--line-height: var(--line-height);
--font-color: var(--font-color);
*/
/* --font-size: 2.5em;
--margin: 0 0 1em 0;
--padding: 0;
--font-weight: 500;
--text-transform: none;
--font-style: normal;*/
}
.block--facet-select-breadbox h2 {
--font-size: 2em;
font-weight: 600;
}
/*
* Controls the font size headings on details pages
*/
.nir-node--type-nir-sec-filing h2, .nir-node--type-nir-event h3 {
--font-size: 2rem;
--line-height: 1.5;
/*font-weight: 500;*/
}
.node--person--full .field--name-field-nir-person-title,
.block--market-data-block__estimates__all caption {
--font-size: 1.2em;
}
/*
* Controls pagers throughout the site
*/
.pager,
.results-summary,
.nir-widget--total-results,
.dataTables_paginate {
--pager-font-size: 1em;
--page-weight-active: 400;
--pager-text-color: inherit;
--pager-background: transparent; /* Sets the background color of each pager item */
--pager-background-active: #dee2e6; /* Sets the background color of each pager item when active */
--pager-border-width: 0px; /* Sets the border-color of each pager item */
--pager-border-radius: 0px; /* Sets the border-radius of each pager item */
--pager-link-color: var(--link-color); /* Sets the color of the link, or text, of each pager item */
--pager-link-color-active: var(--font-color); /* Sets the color of the link, or text, of each pager item when active */
--pager-padding: 0 0.35em 0 0.35em; /* Sets the padding on each pager item */
--pager-icon-shift: -2px; /* helps center aligning the next/previous icons with the numbers. */
}
/*
* Controls various settings for most widget articles and tables
*/
.block table, article:not(.node--type-nir_landing_page), .search-result, .version-two, .nir-widget-article, .views-row {
--widget-padding: 1.1em 0.7em; /* padding used on table rows and articles throughout the site. Accepts shorthand (ex: 0 .7em). */
--widget-border-width: 1px; /* Sets the border width on elements within widgets. Single value, do not use shorthand. */
--widget-border-color: var(--border-color); /* Sets the border color of borders within widgets */
--widget-header-padding: var(--widget-padding); /* Sets padding for table headers */
}
.nir-widget--field, .field__items, .node--person--full .committee-composition li {
--widget-field-spacing: 0.7em; /* Sets the spacing between lists of files, suchs as multiple assets. */
}
/*
* Adjusts the spacing between the left edge, and the :before text on responsive tables.
*/
[class*="collapse-table"] {
--responsive-label-margin: 0.7em; /* Sets the distance between the edge of an element and the :before text Single value, does not accept shorthand */
}
/*
* Controls styles for subtitles used within widgets
*/
.nir-widget--title {
/* Widget Subtitles */
--text-decoration: none; /* Sets the text-decoration of subtitles within events */
--font-weight: normal; /* Sets the font-weight of subtitles within events */
--subtitle-border: 1px solid var(--font-color); /* Sets the border-bottom of subtitles within events */
--subtitle-display: inline-block; /* Sets the display property of subtitles within events */
--subtitle-padding: 0 0 0 0; /* Sets the padding of subtitles within events */
--subtitle-margin: 0 0 .7em 0; /* Sets the padding of subtitles within events */
}
/*
* Controls the settings for stock blocks
*/
.block-market-data-block__stock-quote,
.block-nir-attribution-block,
.lfg-stock-quote {
--stock-box-ticker-size: 1em; /* Sets the font-size of the stock ticker */
--stock-box-price-size: 2.5em; /* Sets the font-size of the stock price */
--stock-box-border-width: 0px; /* Sets the border around the entire stock box. Accepts shorthand */
--stock-box-data-border-width: 0 0 1px 0; /* Sets the border around individual stock elements */
--stock-box-spacing: 0.7em; /* Sets the vertical spacing of rows within the stock box */
}
/*
* Controls the width of SEC filing table columns
*/
/* All columns that are not defined below */
[id*='lfg-content'] .view-widget-sec-filings th {
--sec-table-cell-width: 15%;
}
/*Filing Date*/
[id*='lfg-content'] .view-widget-sec-filings th.views-field-field-nir-sec-date-filed {
--sec-table-cell-width: 17%;
}
/*Description*/
[id*='lfg-content'] .view-widget-sec-filings th.views-field-field-nir-sec-description {
--sec-table-cell-width: 40%;
}
/*Form*/
[id*='lfg-content'] .view-widget-sec-filings th.views-field-field-nir-sec-form {
/*--sec-table-cell-width: 15%;*/
}
/* Filings Group*/
[id*='lfg-content'] .view-widget-sec-filings th.views-field-field-nir-sec-form-group {
/*--sec-table-cell-width: 15%;*/
}
/* Filer */
[id*='lfg-content'] .view-widget-sec-filings th.views-field-field-nir-sec-filer {
/*--sec-table-cell-width: 15%;*/
}
/*Document Date*/
[id*='lfg-content'] .view-widget-sec-filings th.views-field-field-nir-sec-doc-date {
/*--sec-table-cell-width: 15%;*/
}
/*Issuer*/
[id*='lfg-content'] .view-widget-sec-filings th.views-field-field-nir-sec-issuer {
/*--sec-table-cell-width: 15%;*/
}
/*Company*/
[id*='lfg-content'] .view-widget-sec-filings th.views-field-nothing {
/*--sec-table-cell-width: 15%;*/
}
/*Filetypes*/
[id*='lfg-content'] .view-widget-sec-filings th.views-field-nothing-1 {
width: 200px;
}
/*
* Removes the normal table functionality for Email alerts
*/
.nir-email-alerts-signup-form table.nirtable {
--striping: transparent;
--striping-even: var(--striping-even);
--widget-padding: .5em 0;
--widget-border-width: 0;
}
/*
* Sets height for SEC Filing Detail logo
*/
.nir-node--type-nir-sec-filing {
--sec-logo-height: 43px; /* Sets the height of the logo on SEC Filings */
}
/*
* Controls the width of form elements. This area can get tricky and its best to leave it alone, or remove it to use full width.
*/
.form--inline, .form-item, .filter-row, [id*='widget-form-base'], .form-wrapper {
/* comment out the variables below to use full width forms. */
--widget-form-item-widths: auto; /* Sets the width: property of form element containers */
--form-item-max-widths: none; /* Sets the max-width: property of form element containers */
--widget-form-right-margins: .7em; /* Sets the margin-right: form form element containers */
--widget-multi-display: block; /* Sets the display: property of form element containers */
}
/*
* Fixes issue where estimates forms width at 100%
*/
[class*='block--market-data-block__estimates__all'] {
--form-item-max-widths: auto;
--widget-form-item-widths: 250px;
}
/*
* Contact Form layout.
*/
.contact-message-nir-contact-us-form,
.contact-message-nir-contact-us-form .form-item {
--max-contact-form-width: 100%; /* Sets the maximum width for a contact form on large screens. Small screens will be 100%. */
--small-field-width: 49%; /* Sets the flex: 0 0 (var) for name and email fields on the contact form. */
--widget-form-right-margins: 1%; /* Sets the spacing between the small fields on the contact form */
}
/*
* Control for buttons / submit
*/
/* Note: Some buttons are purposely set with limited padding/marin in order to keep button elements inline with other elements */
[class*='llf-btn'], [class*='idm-btn'], .button, button, input[type="submit"] {
/* If you want to set button styles manually, see the bottom of this file */
--button-background: transparent; /* Sets the background color of buttons */
--button-text: #0D0101; /* Sets the text color of buttons */
--button-background-hover: #0BC11C; /* Sets the background color of buttons when hovered */
--button-text-hover: #0D0101; /* Sets the text color of buttons when hovered */
--button-border: 2px var(--border-style) #0BC11C; /* Sets the border: on buttons */
--button-border-hover: 2px var(--border-style) #0BC11C; /* Sets the border: on buttons when hovered */
--button-display: inline; /* Sets the display: on buttons. Should probably stay inline. */
--button-font-size: var(--form-font-size); /* Sets the font-size: within buttons */
--button-font-weight: 700; /* Sets the font-weight: within buttons */
--button-font-family: var(--font-family); /* Sets the font-family: within buttons */
--button-font-style: normal; /* Sets the font-style within buttons */
--button-line-height: 48px; /* Sets the line-height; within buttons */
--button-padding: 0 2rem; /* Sets the padding within buttons */
--button-border-radius: var(--button-radius); /* Sets the border-radius: within buttons */
--button-text-transform: uppercase; /* Sets the text-transform within buttons */
--button-text-align: center; /* Sets the text-align: property within buttons */
--button-width: auto; /* Sets the button width if the client uses a set width */
--button-height: 52px; /* Sets the button height if the client uses a set height */
}
/*
* Control for checkboxes and radio buttons
*/
[class*='type-checkbox'],
[type="checkbox"],
[type="radio"]
{
--border-color: #9C9292; /* Sets the outer color of checkboxes */
--font-color: var(--border-color); /* Sets the color of the check within checkboxes */
--checkbox-scale: var(--form-font-size); /* Sets the entire size of checkboxes */
}
/*
For -starter components.
Note: this will adjust events and news together.
If you need them seperated, add new selector using .block--events-starter or .block--news-list-starter
*/
[class*='block--nir-'][class*='starter'] {
--title: 1.2em; /* Sets the title size for News and Events Starter widgets */
--title-line-height: inherit; /* Sets the line-height: for News and Events Starter widgets */
--date-time: 1em; /* Sets the font-size of the date/time fiels for News and Events Starter widgets */
}
.nir-node--5806 [class*='block--nir-'][class*='starter'] {
--title: 1em; /* Sets the title size for News and Events Starter widgets on the homepage */
--date-time: 0.9rem; /* Sets the font-size of the date/time fiels for News and Events Starter widgets on the homepage */
}
[id*='lfg-content'] [class*="block--contentmain--nir-people__widget"][class*='block--people-grid'] {
--card-padding: 2rem 1.25rem; /* Sets the padding for People Grid cards */
--background-color: #fff; /* Sets the background-color for People Grid cards */
--card-border-radius: 6px; /* Sets the border-radius for People Grid cards */
--card-border: 0 var(--border-style) var(--border-color); /* Sets the width for People Grid cards */
--card-box-shadow: 0 3px 14px 0 var(--shadow-colors); /* Sets the box-shadow for People Grid cards */
}
/*
* Control for custom classes you may want to use. Redefine variables as needed.
*/
.bg-a {}
.bg-b, .bg-b * {
--link-color: #fff;
--link-decoration: none;
--link-color-hover: #666;
--link-decoration-hover: none;
--font-size: 16px;
--font-color: #0D0101;
--header-color: #0D0101 !important;
--font-weight: normal;
--background-color: #2a4369;
}
.bg-c, .bg-c * {
--link-color: #AAABB8;
--link-decoration: none;
--link-color-hover: #fff;
--link-decoration-hover: none;
--font-size: 1em;
--font-color: #fff !important;
--header-color: #AAABB8 !important;
--font-weight: normal;
--background-color: #24799E;
}
.bg-d, .bg-d * {
--link-color: #AAABB8;
--link-decoration: none;
--link-color-hover: #fff;
--link-decoration-hover: none;
--font-size: 1em;
--font-color: #fff;
--header-color: #fff !important;
--font-weight: normal;
--background-color: #255f85;
}
/*
* Manual control for more complicated form elements.
*/
[id*='lfg-content'] input,
[id*='lfg-content'] select,
[id*='lfg-content'] input[type='text'],
[id*='lfg-content'] input[type='password'],
[id*='lfg-content'] input[type='datetime'],
[id*='lfg-content'] input[type='datetime-local'],
[id*='lfg-content'] input[type='date'],
[id*='lfg-content'] input[type='month'],
[id*='lfg-content'] input[type='time'],
[id*='lfg-content'] input[type='week'],
[id*='lfg-content'] input[type='number'],
[id*='lfg-content'] input[type='email'],
[id*='lfg-content'] input[type='url'],
[id*='lfg-content'] input[type='search'],
[id*='lfg-content'] input[type='tel'],
[id*='lfg-content'] input[type='color'],
[id*='lfg-content'] .uneditable-input,
[id*='lfg-content'] .chosen-container-single .chosen-single {
line-height: 50px;
height: 52px;
}
[id*='lfg-content'] .chosen-container-multi .chosen-choices {
min-height: 52px;
}
[id*='lfg-content'] .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
height: 50px !important;
}
[id*='lfg-content'] .chosen-container-multi .chosen-choices li.search-choice {
padding: 11px 1.25em 11px 0.5em;
}
[id*='lfg-content'] textarea {
}
[id*='lfg-content'] .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
right: 0;
top: 30%;
}
[id*='lfg-content'] [class*='block--system-menu-blockview-all-'] a:not([class*='chosen']),
[id*='lfg-content'] [class*='block--system-menu-blockview-all-'] a:not([class*='chosen']),
[id*='lfg-content'] .button,
[id*='lfg-content'] form[data-drupal-selector] button,
[id*='lfg-content'] .idm-btn,
.reborn_lite [class*='idm-btn'],
.reborn_lite [class*='llf-btn'],
[id*='lfg-content'] input[type="submit"]{
/* button elements */
}
[id*='lfg-content'] [class*='block--system-menu-blockview-all-'] a:not([class*='chosen']):hover,
[id*='lfg-content'] [class*='block--system-menu-blockview-all-'] a:not([class*='chosen']):hover,
[id*='lfg-content'] .button:hover,
[id*='lfg-content'] form[data-drupal-selector] button:hover,
.reborn_lite [class*='idm-btn']:hover,
.reborn_lite [class*='llf-btn']:hover,
.reborn_lite [class*='idm-btn']:focus,
.reborn_lite [class*='llf-btn']:focus,
[id*='lfg-content'] input[type="submit"]:hover {
/* button elements hover */
}