/* ███████╗███████╗███╗ ███╗ █████╗ ███╗ ██╗████████╗██╗ ██████╗ ██╗ ██╗██╗ ██╔════╝██╔════╝████╗ ████║██╔══██╗████╗ ██║╚══██╔══╝██║██╔════╝ ██║ ██║██║ ███████╗█████╗ ██╔████╔██║███████║██╔██╗ ██║ ██║ ██║██║ ██║ ██║██║ ╚════██║██╔══╝ ██║╚██╔╝██║██╔══██║██║╚██╗██║ ██║ ██║██║ ██║ ██║██║ ███████║███████╗██║ ╚═╝ ██║██║ ██║██║ ╚████║ ██║ ██║╚██████╗ ╚██████╔╝██║ ╚══════╝╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝ ╚═╝ ╚═╝ ╚═════╝ ╚═════╝ ╚═╝ Import this file into your LESS project to use Semantic UI without build tools */ body.bgs-modal-open { overflow: hidden; } /* Global */ /*! * # Semantic UI - Reset * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Reset *******************************/ /* Packaged Theme */ /******************************* Reset *******************************/ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Reset *******************************/ /* Border-Box */ *, *:before, *:after { box-sizing: inherit; } html { box-sizing: border-box; } /* iPad Input Shadows */ input[type="text"], input[type="email"], input[type="search"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; /* mobile firefox too! */ } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /*! * # Semantic UI - Site * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged Theme */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site Theme */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Page *******************************/ html, body { height: 100%; } html { font-size: 16px; } body { margin: 0px; padding: 0px; overflow-x: hidden; min-width: 320px; background: #FAFAFA; font-family: 'proxima-nova', sans-serif; font-size: 16px; line-height: 1.375em; color: #2D3239; font-smoothing: antialiased; } /******************************* Headers *******************************/ h1, h2, h3, h4, h5 { font-family: 'proxima-nova', sans-serif; line-height: 1.28571429em; margin: calc(2rem - 0.14285714em ) 0em 1rem; font-weight: normal; padding: 0em; } h1 { min-height: 1rem; font-size: 1.75em; } h2 { font-size: 1.25em; } h3 { font-size: 1em; } h4 { font-size: 0.8125em; } h5 { font-size: 0.625em; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0em; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child { margin-bottom: 0em; } /******************************* Text *******************************/ p { margin: 0em 0em 1em; line-height: 1.375em; } p:first-child { margin-top: 0em; } p:last-child { margin-bottom: 0em; } /*------------------- Links --------------------*/ a { color: #007ACE; text-decoration: none; } a:hover { color: #004F9C; text-decoration: none; } /******************************* Scrollbars *******************************/ /******************************* Highlighting *******************************/ /* Site */ ::-webkit-selection { background-color: rgba(171, 173, 176, 0.5); color: #2D3239; } ::-moz-selection { background-color: rgba(171, 173, 176, 0.5); color: #2D3239; } ::selection { background-color: rgba(171, 173, 176, 0.5); color: #2D3239; } /* Form */ textarea::-webkit-selection, input::-webkit-selection { background-color: rgba(171, 173, 176, 0.5); color: #2D3239; } textarea::-moz-selection, input::-moz-selection { background-color: rgba(171, 173, 176, 0.5); color: #2D3239; } textarea::selection, input::selection { background-color: rgba(171, 173, 176, 0.5); color: #2D3239; } /* Force Simple Scrollbars */ body ::-webkit-scrollbar { -webkit-appearance: none; width: 10px; height: 10px; } body ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); border-radius: 0px; } body ::-webkit-scrollbar-thumb { cursor: pointer; border-radius: 5px; background: rgba(0, 0, 0, 0.25); transition: color 0.2s ease; } body ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.15); } body ::-webkit-scrollbar-thumb:hover { background: rgba(128, 135, 139, 0.8); } /* Inverted UI */ body .ui.inverted::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); } body .ui.inverted::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.25); } body .ui.inverted::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.15); } body .ui.inverted::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.35); } /******************************* Global Overrides *******************************/ .bgs-theme { /* Elements */ /*! * # Semantic UI - Button * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Button *******************************/ /*------------------- Element --------------------*/ /* Button */ /* Button defaults to using same height as input globally */ /* Text */ /* Internal Shadow */ /* Box Shadow */ /* Icon */ /* Loader */ /* @willChange: box-shadow, transform, opacity, color, background; */ /*------------------- Group --------------------*/ /*------------------- States --------------------*/ /* Hovered */ /* Focused */ /* Disabled */ /* Pressed Down */ /* Active */ /* Active + Hovered */ /* Loading */ /*------------------- Types --------------------*/ /* Or */ /* Icon */ /* Labeled */ /* hypotenuse of triangle */ /* Labeled Icon */ /* Inverted */ /* Basic */ /* Basic Hover */ /* Basic Focus */ /* Basic Down */ /* Basic Active */ /* Basic Inverted */ /* Basic Group */ /*------------------- Variations --------------------*/ /* Colors */ /* Colored */ /* Inverted */ /* Ordinality */ /* Compact */ /* Attached */ /* Floated */ /* Animated */ /* Packaged Theme */ /******************************* Button *******************************/ /*------------------- Element --------------------*/ /* Button */ /* Button defaults to using same height as input globally */ /* Text */ /* Internal Shadow */ /* Box Shadow */ /* Icon */ /* Loader */ /* @willChange: box-shadow, transform, opacity, color, background; */ /*------------------- Group --------------------*/ /*------------------- States --------------------*/ /* Hovered */ /* Focused */ /* Disabled */ /* Pressed Down */ /* Active */ /* Active + Hovered */ /* Loading */ /*------------------- Types --------------------*/ /* Or */ /* Icon */ /* Labeled */ /* hypotenuse of triangle */ /* Labeled Icon */ /* Inverted */ /* Basic */ /* Basic Hover */ /* Basic Focus */ /* Basic Down */ /* Basic Active */ /* Basic Inverted */ /* Basic Group */ /*------------------- Variations --------------------*/ /* Colors */ /* Colored */ /* Inverted */ /* Ordinality */ /* Compact */ /* Attached */ /* Floated */ /* Animated */ /* Site Theme */ /******************************* Button *******************************/ /*------------------- Element --------------------*/ /* Button */ /* Text */ /*------------------- States --------------------*/ /* Hovered */ /* Focused */ /* Pressed Down */ /* Active */ /* Active + Hovered */ /*------------------- Types --------------------*/ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Button *******************************/ /******************************* States *******************************/ /*-------------- Hover ---------------*/ /*-------------- Focus ---------------*/ /*-------------- Down ---------------*/ /*-------------- Active ---------------*/ /*-------------- Loading ---------------*/ /* Specificity hack */ /*------------------- Disabled --------------------*/ /* Basic Group With Disabled */ /******************************* Types *******************************/ /*------------------- Animated --------------------*/ /* Horizontal */ /* Vertical */ /* Fade */ /*------------------- Inverted --------------------*/ /* Group */ /* States */ /* Hover */ /* Active / Focus */ /* Active Focus */ /*------------------- Labeled Button --------------------*/ /* Tag */ /* Right */ /* Left Side */ /*------------------- Social --------------------*/ /* Facebook */ /* Twitter */ /* Google Plus */ /* Linked In */ /* YouTube */ /* Instagram */ /* Pinterest */ /* VK */ /*-------------- Icon ---------------*/ /******************************* Variations *******************************/ /*------------------- Floated --------------------*/ /*------------------- Compact --------------------*/ /*------------------- Sizes --------------------*/ /*-------------- Icon Only ---------------*/ /*------------------- Basic --------------------*/ /* Vertical */ /* Standard Basic Inverted */ /* Basic Group */ /*-------------- Labeled Icon ---------------*/ /* Left Labeled */ /* Left Labeled */ /* Right Labeled */ /* Loading */ /* Fluid Labeled */ /*-------------- Toggle ---------------*/ /* Toggle (Modifies active state to give affordances) */ /*-------------- Circular ---------------*/ /*------------------- Or Buttons --------------------*/ /* Fluid Or */ /*------------------- Attached --------------------*/ /* Singular */ /* Top / Bottom */ /* Left / Right */ /* Plural */ /* Top / Bottom */ /* Left / Right */ /*------------------- Fluid --------------------*/ /* Fluid Vertical Buttons */ /*------------------- Colors --------------------*/ /*--- Black ---*/ /* Basic */ /* Inverted */ /* Inverted Basic */ /*--- Grey ---*/ /* Basic */ /* Inverted */ /* Inverted Basic */ /*--- Brown ---*/ /* Basic */ /* Inverted */ /* Inverted Basic */ /*--- Blue ---*/ /* Basic */ /* Inverted */ /* Inverted Basic */ /*--- Green ---*/ /* Basic */ /* Inverted */ /* Inverted Basic */ /*--- Orange ---*/ /* Basic */ /* Inverted */ /* Inverted Basic */ /*--- Pink ---*/ /* Basic */ /* Inverted */ /* Inverted Basic */ /*--- Violet ---*/ /* Basic */ /* Inverted */ /* Inverted Basic */ /*--- Purple ---*/ /* Basic */ /* Inverted */ /* Inverted Basic */ /*--- Red ---*/ /* Basic */ /* Inverted */ /* Inverted Basic */ /*--- Teal ---*/ /* Basic */ /* Inverted */ /* Inverted Basic */ /*--- Olive ---*/ /* Basic */ /* Inverted */ /* Inverted Basic */ /*--- Yellow ---*/ /* Basic */ /* Inverted */ /* Inverted Basic */ /*------------------- Primary --------------------*/ /*--- Standard ---*/ /* Basic */ /* Inverted */ /* Inverted Basic */ /*------------------- Secondary --------------------*/ /* Standard */ /* Basic */ /* Inverted */ /* Inverted Basic */ /*--------------- Positive ----------------*/ /* Standard */ /* Basic */ /*--------------- Negative ----------------*/ /* Standard */ /* Basic */ /******************************* Groups *******************************/ /* Clearfix */ /* Standard Group */ /* Vertical Style */ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Container * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Container *******************************/ /*------------------- Element --------------------*/ /* Minimum Gutter is used to determine the maximum container width for a given device */ /* Devices */ /* Coupling (Add Negative Margin to container size) */ /*------------------- Types --------------------*/ /* Text */ /* Packaged Theme */ /******************************* Container *******************************/ /*------------------- Element --------------------*/ /* Minimum Gutter is used to determine the maximum container width for a given device */ /* Devices */ /* Coupling (Add Negative Margin to container size) */ /*------------------- Types --------------------*/ /* Text */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Container *******************************/ /* All Sizes */ /* Mobile */ /* Tablet */ /* Small Monitor */ /* Large Monitor */ /******************************* Types *******************************/ /* Text Container */ /* Fluid */ /******************************* Variations *******************************/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Divider * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Divider *******************************/ /*------------------- Element --------------------*/ /* Text */ /*------------------- Coupling --------------------*/ /* Icon */ /******************************* Variations *******************************/ /* Horizontal / Vertical */ /* Inverted */ /* Section */ /* Sizes */ /* Packaged Theme */ /******************************* Divider *******************************/ /*------------------- Element --------------------*/ /* Text */ /*------------------- Coupling --------------------*/ /* Icon */ /******************************* Variations *******************************/ /* Horizontal / Vertical */ /* Inverted */ /* Section */ /* Sizes */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Divider *******************************/ /*-------------- Basic ---------------*/ /*-------------- Coupling ---------------*/ /* Allow divider between each column row */ /*-------------- Horizontal ---------------*/ /*-------------- Vertical ---------------*/ /* Inside grid */ /*-------------- Icon ---------------*/ /******************************* Variations *******************************/ /*-------------- Hidden ---------------*/ /*-------------- Inverted ---------------*/ /*-------------- Fitted ---------------*/ /*-------------- Clearing ---------------*/ /*-------------- Section ---------------*/ /*-------------- Sizes ---------------*/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Flag * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Flag *******************************/ /*------------------- Element --------------------*/ /* Packaged Theme */ /******************************* Flag *******************************/ /*------------------- Element --------------------*/ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Flag *******************************/ /* Sprite */ /* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Header * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Header *******************************/ /*------------------- Element --------------------*/ /* Sub Heading */ /* Sub Header */ /* Icon */ /* Image */ /* Label */ /* Content */ /* Paragraph after Header */ /*------------------- Variations --------------------*/ /* Sizing */ /* Sub Header */ /* Icon Header */ /* No Line Height Offset */ /* Divided */ /* Block */ /* Attached */ /* Inverted */ /* Floated */ /* Packaged Theme */ /******************************* Header *******************************/ /*------------------- Element --------------------*/ /* Sub Heading */ /* Sub Header */ /* Icon */ /* Image */ /* Label */ /* Content */ /* Paragraph after Header */ /*------------------- Variations --------------------*/ /* Sizing */ /* Sub Header */ /* Icon Header */ /* No Line Height Offset */ /* Divided */ /* Block */ /* Attached */ /* Inverted */ /* Floated */ /* Site Theme */ /******************************* Header *******************************/ /*------------------- Variations --------------------*/ /* Sizing */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Header *******************************/ /* Standard */ /*-------------- Sub Header ---------------*/ /*-------------- Icon ---------------*/ /* With Text Node */ /*------------------- Image --------------------*/ /*-------------- Content ---------------*/ /* After Image */ /* After Icon */ /*-------------- Loose Coupling ---------------*/ /* Positioning */ /******************************* Types *******************************/ /*-------------- Page ---------------*/ /* Sub Header */ /*-------------- Content Heading ---------------*/ /* Sub Header */ /*-------------- Sub Heading ---------------*/ /*------------------- Icon --------------------*/ /******************************* States *******************************/ /******************************* Variations *******************************/ /*------------------- Inverted --------------------*/ /*------------------- Colors --------------------*/ /*--- Red ---*/ /* Inverted */ /*--- Orange ---*/ /* Inverted */ /*--- Olive ---*/ /* Inverted */ /*--- Yellow ---*/ /* Inverted */ /*--- Green ---*/ /* Inverted */ /*--- Teal ---*/ /* Inverted */ /*--- Blue ---*/ /* Inverted */ /*--- Violet ---*/ /* Inverted */ /*--- Purple ---*/ /* Inverted */ /*--- Pink ---*/ /* Inverted */ /*--- Brown ---*/ /* Inverted */ /*--- Grey ---*/ /* Inverted */ /*------------------- Aligned --------------------*/ /*------------------- Floated --------------------*/ /*------------------- Fitted --------------------*/ /*------------------- Dividing --------------------*/ /*------------------- Block --------------------*/ /*------------------- Attached --------------------*/ /* Attached Sizes */ /*------------------- Sizing --------------------*/ /******************************* Theme Overrides *******************************/ /******************************* Types *******************************/ /*-------------- Page ---------------*/ /******************************* Variations *******************************/ /*------------------- Weight --------------------*/ /*! * # Semantic UI - Icon * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Icon *******************************/ /*-------------- Font Files ---------------*/ /*-------------- Optional Files ---------------*/ /* Outline Icons */ /* Brand Icons */ /*-------------- Definition ---------------*/ /* Icon Variables */ /* Variations */ /* Packaged Theme */ /******************************* Icon *******************************/ /*-------------- Font Files ---------------*/ /*-------------- Optional Files ---------------*/ /* Outline Icons */ /* Brand Icons */ /*-------------- Definition ---------------*/ /* Icon Variables */ /* Variations */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Icon *******************************/ /******************************* Types *******************************/ /*-------------- Loading ---------------*/ /******************************* States *******************************/ /******************************* Variations *******************************/ /*------------------- Fitted --------------------*/ /*------------------- Link --------------------*/ /*------------------- Circular --------------------*/ /*------------------- Flipped --------------------*/ /*------------------- Rotated --------------------*/ /*------------------- Bordered --------------------*/ /*------------------- Inverted --------------------*/ /* Inverted Shapes */ /*------------------- Colors --------------------*/ /* Red */ /* Orange */ /* Yellow */ /* Olive */ /* Green */ /* Teal */ /* Blue */ /* Violet */ /* Purple */ /* Pink */ /* Brown */ /* Grey */ /* Black */ /*------------------- Sizes --------------------*/ /******************************* Groups *******************************/ /* Corner Icon */ /* * Font Awesome 5.0.8 by @fontawesome - http://fontawesome.io - @fontawesome * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License) */ /******************************* Semantic-UI integration of font-awesome : ///class names are separated i.icon.circle => i.icon.circle i.icon.circle-o => i.icon.circle.outline //abbreviation are replaced by full letters: i.icon.ellipsis-h => i.icon.ellipsis.horizontal i.icon.ellipsis-v => i.icon.ellipsis.vertical .alpha => .i.icon.alphabet .asc => .i.icon.ascending .desc => .i.icon.descending .alt =>.alternate ASCII order is conserved for easier maintenance. Icons that only have one style 'outline', 'square' etc do not require this class for instance `lemon icon` not `lemon outline icon` since there is only one lemon *******************************/ /******************************* Icons *******************************/ /* Deprecated *In/Out Naming Conflict) */ /* Icons */ /* Aliases */ /******************************* Outline Icons *******************************/ /* Outline Icon */ /* Load & Define Icon Font */ /* Icon Definitions */ /* Outline Aliases */ /******************************* Brand Icons *******************************/ /* Load & Define Brand Font */ /* Brand Icon Font Family */ /* Brand Icons Ideally Would Be Defined Here */ /*! * # Semantic UI - Image * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Image *******************************/ /*------------------- Element --------------------*/ /*------------------- Types --------------------*/ /* Avatar */ /*------------------- Variations --------------------*/ /* Spaced */ /* Floated */ /* Size */ /* Packaged Theme */ /******************************* Image *******************************/ /*------------------- Element --------------------*/ /*------------------- Types --------------------*/ /* Avatar */ /*------------------- Variations --------------------*/ /* Spaced */ /* Floated */ /* Size */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Image *******************************/ /******************************* States *******************************/ /******************************* Variations *******************************/ /*-------------- Inline ---------------*/ /*------------------ Vertical Aligned -------------------*/ /*-------------- Rounded ---------------*/ /*-------------- Bordered ---------------*/ /*-------------- Circular ---------------*/ /*-------------- Fluid ---------------*/ /*-------------- Avatar ---------------*/ /*------------------- Spaced --------------------*/ /*------------------- Floated --------------------*/ /*-------------- Sizes ---------------*/ /******************************* Groups *******************************/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Input * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Input *******************************/ /*------------------- Element --------------------*/ /*------------------- Types --------------------*/ /* Icon Input */ /* Circular Icon Input */ /* Labeled Input */ /*------------------- States --------------------*/ /* Placeholder */ /* Down */ /* Focus */ /* Error */ /* Loader */ /*------------------- Variations --------------------*/ /* Inverted */ /* Packaged Theme */ /******************************* Input *******************************/ /*------------------- Element --------------------*/ /*------------------- Types --------------------*/ /* Icon Input */ /* Circular Icon Input */ /* Labeled Input */ /*------------------- States --------------------*/ /* Placeholder */ /* Down */ /* Focus */ /* Error */ /* Loader */ /*------------------- Variations --------------------*/ /* Inverted */ /* Site Theme */ /******************************* Input *******************************/ /*------------------- States --------------------*/ /* Placeholder */ /*------------------- Variations --------------------*/ /* Inverted */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Standard *******************************/ /*-------------------- Inputs ---------------------*/ /*-------------------- Placeholder ---------------------*/ /* browsers require these rules separate */ /******************************* States *******************************/ /*-------------------- Disabled ---------------------*/ /*-------------------- Active ---------------------*/ /*-------------------- Loading ---------------------*/ /*-------------------- Focus ---------------------*/ /*-------------------- Error ---------------------*/ /* Error Placeholder */ /* Focused Error Placeholder */ /******************************* Variations *******************************/ /*-------------------- Transparent ---------------------*/ /* Transparent Icon */ /* Transparent Inverted */ /*-------------------- Icon ---------------------*/ /* Left Icon Input */ /* Focus */ /*-------------------- Labeled ---------------------*/ /* Adjacent Label */ /* Regular Label on Left */ /* Regular Label on Right */ /* Corner Label */ /* Spacing with corner label */ /* Left Labeled */ /* Corner Label Position */ /*-------------------- Action ---------------------*/ /* Button on Right */ /* Input Focus */ /* Button on Left */ /* Input Focus */ /*-------------------- Inverted ---------------------*/ /* Standard */ /*-------------------- Fluid ---------------------*/ /*-------------------- Size ---------------------*/ /******************************* Theme Overrides *******************************/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Label * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Label *******************************/ /*------------------- Element --------------------*/ /* medium is not @emSize custom value required */ /* Group */ /*------------------- Parts --------------------*/ /* Link */ /* Icon */ /* Image */ /* Detail */ /* Delete */ /*------------------- Types --------------------*/ /* Image Label */ /*------------------- States --------------------*/ /* Hover */ /* Active */ /* Active Hover */ /*------------------- Variations --------------------*/ /* Basic */ /* Tag */ /* Avoids error with background: inherit; on animation */ /* Ribbon */ /* Rounding Offset on Triangle */ /* Rounding Offset on Triangle */ /* Colors */ /* Attached */ /* Corner */ /* Corner Text */ /* Horizontal */ /* Circular Padding */ /* Pointing */ /* Basic Pointing */ /* Floating */ /*------------------- Group --------------------*/ /* Sizing */ /* Packaged Theme */ /******************************* Label *******************************/ /*------------------- Element --------------------*/ /* medium is not @emSize custom value required */ /* Group */ /*------------------- Parts --------------------*/ /* Link */ /* Icon */ /* Image */ /* Detail */ /* Delete */ /*------------------- Types --------------------*/ /* Image Label */ /*------------------- States --------------------*/ /* Hover */ /* Active */ /* Active Hover */ /*------------------- Variations --------------------*/ /* Basic */ /* Tag */ /* Avoids error with background: inherit; on animation */ /* Ribbon */ /* Rounding Offset on Triangle */ /* Rounding Offset on Triangle */ /* Colors */ /* Attached */ /* Corner */ /* Corner Text */ /* Horizontal */ /* Circular Padding */ /* Pointing */ /* Basic Pointing */ /* Floating */ /*------------------- Group --------------------*/ /* Sizing */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Label *******************************/ /* Link */ /* Inside Link */ /* Image */ /* Icon */ /* Detail */ /* Removable label */ /*------------------- Group --------------------*/ /*------------------- Coupling --------------------*/ /* Remove border radius on attached segment */ /* Padding on next content after a label */ /******************************* Types *******************************/ /*------------------- Tag --------------------*/ /*------------------- Corner Label --------------------*/ /* Icon Label */ /* Left Corner */ /* Segment */ /*------------------- Ribbon --------------------*/ /* Positioning */ /* Right Ribbon */ /* Inside Table */ /* Inside Table */ /*------------------- Attached --------------------*/ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*------------------- Active --------------------*/ /*------------------- Active Hover --------------------*/ /*------------------- Visible --------------------*/ /*------------------- Hidden --------------------*/ /******************************* Variations *******************************/ /*------------------- Colors --------------------*/ /*--- Red ---*/ /* Link */ /* Corner */ /* Ribbon */ /* Basic */ /*--- Orange ---*/ /* Link */ /* Corner */ /* Ribbon */ /* Basic */ /*--- Yellow ---*/ /* Link */ /* Corner */ /* Ribbon */ /* Basic */ /*--- Olive ---*/ /* Link */ /* Corner */ /* Ribbon */ /* Basic */ /*--- Green ---*/ /* Link */ /* Corner */ /* Ribbon */ /* Basic */ /*--- Teal ---*/ /* Link */ /* Corner */ /* Ribbon */ /* Basic */ /*--- Blue ---*/ /* Link */ /* Corner */ /* Ribbon */ /* Basic */ /*--- Violet ---*/ /* Link */ /* Corner */ /* Ribbon */ /* Basic */ /*--- Purple ---*/ /* Link */ /* Corner */ /* Ribbon */ /* Basic */ /*--- Pink ---*/ /* Link */ /* Corner */ /* Ribbon */ /* Basic */ /*--- Brown ---*/ /* Link */ /* Corner */ /* Ribbon */ /* Basic */ /*--- Grey ---*/ /* Link */ /* Corner */ /* Ribbon */ /* Basic */ /*--- Black ---*/ /* Link */ /* Corner */ /* Ribbon */ /* Basic */ /*------------------- Basic --------------------*/ /* Link */ /* Pointing */ /*------------------- Fluid --------------------*/ /*------------------- Inverted --------------------*/ /*------------------- Horizontal --------------------*/ /*------------------- Circular --------------------*/ /*------------------- Pointing --------------------*/ /* Arrow */ /*--- Above ---*/ /*--- Below ---*/ /*--- Left ---*/ /*--- Right ---*/ /* Basic Pointing */ /*--- Above ---*/ /*--- Below ---*/ /*--- Left ---*/ /*--- Right ---*/ /*------------------ Floating Label -------------------*/ /*------------------- Sizes --------------------*/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - List * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* List *******************************/ /*------------------- View --------------------*/ /* List */ /* List Item */ /* Sub List */ /* Sub List Item */ /*------------------- Elements --------------------*/ /* Icon */ /* Image */ /* Content */ /* Header */ /* Description */ /* Link */ /* Header Link */ /* Linked Icon */ /*------------------- States --------------------*/ /*------------------- Variations --------------------*/ /* Float */ /* Horizontal */ /* Inverted */ /* Link List */ /* Inverted Link List */ /* Selection List */ /* Selection List States */ /* Inverted Selection List */ /* Animated List */ /* Bulleted */ /* Horizontal Bullets */ /* Ordered List */ /* Horizontal Ordered */ /* Divided */ /* Divided Horizontal */ /* Divided */ /* Divided Horizontal */ /* Relaxed */ /* Very Relaxed */ /* Packaged Theme */ /******************************* List *******************************/ /*------------------- View --------------------*/ /* List */ /* List Item */ /* Sub List */ /* Sub List Item */ /*------------------- Elements --------------------*/ /* Icon */ /* Image */ /* Content */ /* Header */ /* Description */ /* Link */ /* Header Link */ /* Linked Icon */ /*------------------- States --------------------*/ /*------------------- Variations --------------------*/ /* Float */ /* Horizontal */ /* Inverted */ /* Link List */ /* Inverted Link List */ /* Selection List */ /* Selection List States */ /* Inverted Selection List */ /* Animated List */ /* Bulleted */ /* Horizontal Bullets */ /* Ordered List */ /* Horizontal Ordered */ /* Divided */ /* Divided Horizontal */ /* Divided */ /* Divided Horizontal */ /* Relaxed */ /* Very Relaxed */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* List *******************************/ /******************************* Content *******************************/ /* List Item */ /* Child List */ /* Child Item */ /* Icon */ /* Image */ /* Content */ /* Header */ /* Description */ /* Child Link */ /* Linking Item */ /* Linked Item Icons */ /* Header Link */ /* Floated Content */ /******************************* Coupling *******************************/ /******************************* Types *******************************/ /*------------------- Horizontal --------------------*/ /* Padding on all elements */ /* Horizontal List */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /******************************* Variations *******************************/ /*------------------- Inverted --------------------*/ /* Item Link */ /* Linking Content */ /*------------------- Aligned --------------------*/ /*------------------- Link --------------------*/ /* Inverted */ /*------------------- Selection --------------------*/ /* Inverted */ /* Celled / Divided Selection List */ /*------------------- Animated --------------------*/ /*------------------- Fitted --------------------*/ /*------------------- Bulleted --------------------*/ /* Horizontal Bulleted */ /*------------------- Ordered --------------------*/ /* Value */ /* Child Lists */ /* Horizontal Ordered */ /*------------------- Divided --------------------*/ /* Sub Menu */ /* Divided bulleted */ /* Divided Ordered */ /* Divided Selection */ /* Divided horizontal */ /* Inverted */ /*------------------- Celled --------------------*/ /* Padding on all elements */ /* Sub Menu */ /* Celled Bulleted */ /* Celled Ordered */ /* Celled Horizontal */ /* Inverted */ /*------------------- Relaxed --------------------*/ /* Very Relaxed */ /*------------------- Sizes --------------------*/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Loader * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Loader *******************************/ /* Some global loader styles defined in site.variables */ /*------------------- Standard --------------------*/ /*------------------- Types --------------------*/ /* Text */ /*------------------- States --------------------*/ /*------------------- Variations --------------------*/ /* Exact Sizes (Avoids Rounding Errors) */ /* Packaged Theme */ /******************************* Loader *******************************/ /* Some global loader styles defined in site.variables */ /*------------------- Standard --------------------*/ /*------------------- Types --------------------*/ /* Text */ /*------------------- States --------------------*/ /*------------------- Variations --------------------*/ /* Exact Sizes (Avoids Rounding Errors) */ /* Site Theme */ /******************************* Loader *******************************/ /*------------------- Types --------------------*/ /* Text */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Loader *******************************/ /* Standard Size */ /* Static Shape */ /* Active Shape */ /* Active Animation */ /* Sizes */ /*------------------- Coupling --------------------*/ /* Show inside active dimmer */ /* Black Dimmer */ /* White Dimmer (Inverted) */ /******************************* Types *******************************/ /*------------------- Text --------------------*/ /******************************* States *******************************/ /******************************* Variations *******************************/ /*------------------- Sizes --------------------*/ /* Loader */ /* Text Loader */ /*------------------- Inverted --------------------*/ /*------------------- Inline --------------------*/ /* Centered Inline */ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Rail * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Rail *******************************/ /*------------------- Element --------------------*/ /*------------------- Variations --------------------*/ /* Close */ /* Dividing */ /* Packaged Theme */ /******************************* Rail *******************************/ /*------------------- Element --------------------*/ /*------------------- Variations --------------------*/ /* Close */ /* Dividing */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Rails *******************************/ /******************************* Variations *******************************/ /*-------------- Internal ---------------*/ /*-------------- Dividing ---------------*/ /*-------------- Distance ---------------*/ /*-------------- Attached ---------------*/ /*-------------- Sizing ---------------*/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Reveal * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Reveal *******************************/ /* Types */ /* Packaged Theme */ /******************************* Reveal *******************************/ /* Types */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Reveal *******************************/ /* Make sure hovered element is on top of other reveal */ /******************************* Types *******************************/ /*-------------- Slide ---------------*/ /*-------------- Fade ---------------*/ /*-------------- Move ---------------*/ /*-------------- Rotate ---------------*/ /******************************* States *******************************/ /******************************* Coupling *******************************/ /******************************* Variations *******************************/ /*-------------- Visible ---------------*/ /*-------------- Instant ---------------*/ /*-------------- Sizing ---------------*/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Segment * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Segment *******************************/ /*------------------- Element --------------------*/ /*------------------- Group --------------------*/ /*------------------- Coupling --------------------*/ /* Page Grid Segment */ /******************************* Types *******************************/ /* Placeholder */ /* Piled */ /* Circular */ /* Stacked */ /******************************* States *******************************/ /* Loading Dimmer */ /* Loading Spinner */ /******************************* Variations *******************************/ /* Raised */ /* Padded */ /* Attached */ /* Inverted */ /* Floated */ /* Basic */ /* Colors */ /* Ordinality */ /* Packaged Theme */ /******************************* Segment *******************************/ /*------------------- Element --------------------*/ /*------------------- Group --------------------*/ /*------------------- Coupling --------------------*/ /* Page Grid Segment */ /******************************* Types *******************************/ /* Placeholder */ /* Piled */ /* Circular */ /* Stacked */ /******************************* States *******************************/ /* Loading Dimmer */ /* Loading Spinner */ /******************************* Variations *******************************/ /* Raised */ /* Padded */ /* Attached */ /* Inverted */ /* Floated */ /* Basic */ /* Colors */ /* Ordinality */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Segment *******************************/ /* Vertical */ /*------------------- Loose Coupling --------------------*/ /* Header */ /* Label */ /* Grid */ /* Table */ /******************************* Types *******************************/ /*------------------- Placeholder --------------------*/ /*------------------- Piled --------------------*/ /* Piled Attached */ /*------------------- Stacked --------------------*/ /* Add additional page */ /* Inverted */ /*------------------- Padded --------------------*/ /* Padded vertical */ /*------------------- Compact --------------------*/ /* Compact Group */ /*------------------- Circular --------------------*/ /*------------------- Raised --------------------*/ /******************************* Groups *******************************/ /* Group */ /* Nested Segment */ /* Bottom */ /* Only */ /* Nested Group */ /* Horizontal Group */ /* Nested Horizontal Group */ /* Horizontal Segment */ /* Border Fixes */ /******************************* States *******************************/ /*-------------- Disabled ---------------*/ /*-------------- Loading ---------------*/ /******************************* Variations *******************************/ /*------------------- Basic --------------------*/ /*------------------- Clearing --------------------*/ /*------------------- Colors --------------------*/ /* Red */ /* Orange */ /* Yellow */ /* Olive */ /* Green */ /* Teal */ /* Blue */ /* Violet */ /* Purple */ /* Pink */ /* Brown */ /* Grey */ /* Black */ /*------------------- Aligned --------------------*/ /*------------------- Floated --------------------*/ /*------------------- Inverted --------------------*/ /* Nested */ /* Attached */ /*------------------- Emphasis --------------------*/ /* Secondary */ /* Tertiary */ /*------------------- Attached --------------------*/ /* Middle */ /* Top */ /* Bottom */ /*------------------- Size --------------------*/ /******************************* Theme Overrides *******************************/ /*------------------- Colors --------------------*/ /* ----- Green ----- */ /* Lighter Green */ /* Light Green */ /* Green */ /* Dark Green */ /* Darker Green */ /* Darkest Green */ /* ----- Purple ----- */ /* Lighter Purple */ /* Light Purple */ /* Purple */ /* Dark Purple */ /* Darker Purple */ /* Darkest Purple */ /* ----- Indigo ----- */ /* Lighter Indigo */ /* Light Indigo */ /* Indigo */ /* Dark Indigo */ /* Darker Indigo */ /* Darkest Indigo */ /* ----- Blue ----- */ /* Lighter Blue */ /* Light Blue */ /* Blue */ /* Dark Blue */ /* Darker Blue */ /* Darkest Blue */ /* ----- Yellow ----- */ /* Lighter Yellow */ /* Light Yellow */ /* Yellow */ /* Dark Yellow */ /* Darker Yellow */ /* Darkest Yellow */ /* ----- Orange ----- */ /* Lighter Orange */ /* Light Orange */ /* Orange */ /* Dark Orange */ /* Darker Orange */ /* Darkest Orange */ /* ----- Red ----- */ /* Lighter Red */ /* Light Red */ /* Red */ /* Dark Red */ /* Darker Red */ /* Darkest Red */ /* ----- Grey ----- */ /* White */ /* Light Grey */ /* Mid Grey */ /* Charcoal */ /*! * # Semantic UI - Step * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Step *******************************/ /*-------------- Load Theme ---------------*/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Step *******************************/ /*------------------- Group --------------------*/ /*------------------- Element --------------------*/ /* Icon */ /* Title */ /* Description */ /* Arrow */ /* Mobile */ /*------------------- Types --------------------*/ /* Vertical */ /*------------------- Variations --------------------*/ /*------------------- States --------------------*/ /* Completed */ /* Hover */ /* Down */ /* Active */ /* Active + Hover */ /* Disabled */ /* Packaged Theme */ /******************************* Step *******************************/ /*------------------- Group --------------------*/ /*------------------- Element --------------------*/ /* Icon */ /* Title */ /* Description */ /* Arrow */ /* Mobile */ /*------------------- Types --------------------*/ /* Vertical */ /*------------------- Variations --------------------*/ /*------------------- States --------------------*/ /* Completed */ /* Hover */ /* Down */ /* Active */ /* Active + Hover */ /* Disabled */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Plural *******************************/ /* First Steps */ /* Last Steps */ /******************************* Singular *******************************/ /* Arrow */ /* First Step */ /* Last Step */ /* Only Step */ /******************************* Content *******************************/ /* Title */ /* Description */ /* Icon */ /* Horizontal Icon */ /* Link */ /******************************* Types *******************************/ /*-------------- Ordered ---------------*/ /*-------------- Vertical ---------------*/ /* Arrow */ /*--------------- Responsive ----------------*/ /* Mobile (Default) */ /******************************* States *******************************/ /* Link Hover */ /* Link Down */ /* Active */ /* Active Arrow */ /* Active Hover */ /* Completed */ /* Disabled */ /******************************* Variations *******************************/ /*-------------- Stackable ---------------*/ /* Tablet Or Below */ /*-------------- Fluid ---------------*/ /* Fluid */ /*-------------- Attached ---------------*/ /* Top */ /* Bottom */ /*------------------- Evenly Divided --------------------*/ /*------------------- Sizes --------------------*/ /******************************* Theme Overrides *******************************/ /* Collections */ /*! * # Semantic UI - Breadcrumb * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Breadcrumb *******************************/ /*------------------- Breadcrumb --------------------*/ /* Coupling */ /*------------------- States --------------------*/ /* Packaged Theme */ /******************************* Breadcrumb *******************************/ /*------------------- Breadcrumb --------------------*/ /* Coupling */ /*------------------- States --------------------*/ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Breadcrumb *******************************/ /******************************* Content *******************************/ /* Divider */ /* Link */ /* Icon Divider */ /* Section */ /* Loose Coupling */ /******************************* States *******************************/ /******************************* Variations *******************************/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Form * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Form *******************************/ /*------------------- Elements --------------------*/ /* Form */ /* Text */ /* Field */ /* Fields */ /* Form Label */ /* Input */ /* Select */ /* Text Area */ /* Checkbox */ /* Inline Validation Prompt */ /*------------------- States --------------------*/ /* Focus */ /* Input Focus */ /* Text Area Focus */ /* Disabled */ /* Errored Input */ /* AutoFill */ /* Input Error */ /* Dropdown Error */ /* Focused Error */ /* Placeholder Error */ /* Loading Dimmer */ /* Loading Spinner */ /*------------------- Types --------------------*/ /* Required */ /* Inverted */ /*------------------- Variations --------------------*/ /* Grouped Fields */ /* Inline */ /*------------------- Groups --------------------*/ /* Packaged Theme */ /******************************* Form *******************************/ /*------------------- Elements --------------------*/ /* Form */ /* Text */ /* Field */ /* Fields */ /* Form Label */ /* Input */ /* Select */ /* Text Area */ /* Checkbox */ /* Inline Validation Prompt */ /*------------------- States --------------------*/ /* Focus */ /* Input Focus */ /* Text Area Focus */ /* Disabled */ /* Errored Input */ /* AutoFill */ /* Input Error */ /* Dropdown Error */ /* Focused Error */ /* Placeholder Error */ /* Loading Dimmer */ /* Loading Spinner */ /*------------------- Types --------------------*/ /* Required */ /* Inverted */ /*------------------- Variations --------------------*/ /* Grouped Fields */ /* Inline */ /*------------------- Groups --------------------*/ /* Site Theme */ /******************************* Form *******************************/ /*------------------- States --------------------*/ /* Errored Input */ /* Dropdown Error */ /* Focused Error */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Elements *******************************/ /*-------------------- Form ---------------------*/ /*-------------------- Content ---------------------*/ /*-------------------- Field ---------------------*/ /*-------------------- Labels ---------------------*/ /*-------------------- Standard Inputs ---------------------*/ /* Set max height on unusual input */ /* Text Area */ /*-------------------------- Input w/ attached Button ---------------------------*/ /*-------------------- Basic Select ---------------------*/ /*-------------------- Dropdown ---------------------*/ /* Block */ /* Inline */ /*-------------------- UI Input ---------------------*/ /* Block */ /* Inline */ /* Auto Input */ /* Full Width Input */ /*-------------------- Types of Messages ---------------------*/ /* Assumptions */ /*-------------------- Validation Prompt ---------------------*/ /******************************* States *******************************/ /*-------------------- Autofilled ---------------------*/ /* Focus */ /* Error */ /*-------------------- Placeholder ---------------------*/ /* browsers require these rules separate */ /* Error Placeholder */ /*-------------------- Focus ---------------------*/ /*-------------------- Success ---------------------*/ /* On Form */ /*-------------------- Warning ---------------------*/ /* On Form */ /*-------------------- Error ---------------------*/ /* On Form */ /* On Field(s) */ /* Preserve Native Select Stylings */ /*------------------ Dropdown Error --------------------*/ /* Hover */ /* Selected */ /* Active */ /*-------------------- Checkbox Error ---------------------*/ /*-------------------- Disabled ---------------------*/ /*-------------- Loading ---------------*/ /******************************* Element Types *******************************/ /*-------------------- Required Field ---------------------*/ /******************************* Variations *******************************/ /*-------------------- Inverted Colors ---------------------*/ /* Inverted Field */ /*-------------------- Field Groups ---------------------*/ /* Grouped Vertically */ /*-------------------- Fields ---------------------*/ /* Split fields */ /* Other Combinations */ /* Swap to full width on mobile */ /* Sizing Combinations */ /* Swap to full width on mobile */ /*-------------------- Equal Width ---------------------*/ /*-------------------- Inline Fields ---------------------*/ /* Inline Label */ /* Grouped Inline Label */ /* Inline Input */ /* Label */ /* Wide */ /*-------------------- Sizes ---------------------*/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Grid * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Grid *******************************/ /* Inherited From Site */ /******************************* Grid *******************************/ /******************************* Variations *******************************/ /*-------------- Relaxed ---------------*/ /*-------------- Divided ---------------*/ /*-------------- Celled ---------------*/ /*-------------- Stackable ---------------*/ /******************************* Legacy *******************************/ /*-------------- Page ---------------*/ /* Legacy (DO NOT USE) */ /* Packaged Theme */ /******************************* Grid *******************************/ /* Inherited From Site */ /******************************* Grid *******************************/ /******************************* Variations *******************************/ /*-------------- Relaxed ---------------*/ /*-------------- Divided ---------------*/ /*-------------- Celled ---------------*/ /*-------------- Stackable ---------------*/ /******************************* Legacy *******************************/ /*-------------- Page ---------------*/ /* Legacy (DO NOT USE) */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Standard *******************************/ /*---------------------- Remove Gutters -----------------------*/ /* Preserve Rows Spacing on Consecutive Grids */ /*------------------- Columns --------------------*/ /* Standard 16 column */ /*------------------- Rows --------------------*/ /*------------------- Columns --------------------*/ /* Vertical padding when no rows */ /*------------------- Content --------------------*/ /*------------------- Loose Coupling --------------------*/ /* Collapse Margin on Consecutive Grid */ /* Segment inside Aligned Grid */ /* Align Dividers with Gutter */ /* Remove Border on Last Horizontal Segment */ /******************************* Variations *******************************/ /*----------------------- Page Grid -------------------------*/ /*------------------- Column Count --------------------*/ /* Assume full width with one column */ /* Grid Based */ /* Row Based Overrides */ /* Celled Page */ /*------------------- Column Width --------------------*/ /* Sizing Combinations */ /*---------------------- Width per Device -----------------------*/ /* Mobile Sizing Combinations */ /* Tablet Sizing Combinations */ /* Computer/Desktop Sizing Combinations */ /* Large Monitor Sizing Combinations */ /* Widescreen Sizing Combinations */ /*---------------------- Centered -----------------------*/ /*---------------------- Relaxed -----------------------*/ /* Coupling with UI Divider */ /*---------------------- Padded -----------------------*/ /*---------------------- "Floated" -----------------------*/ /*---------------------- Divided -----------------------*/ /* Swap from padding to margin on columns to have dividers align */ /* No divider on first column on row */ /* No space on top of first row */ /* Divided Row */ /* Vertically Divided */ /* Padded Horizontally Divided */ /* First Row Vertically Divided */ /* Inverted Divided */ /* Relaxed */ /*---------------------- Celled -----------------------*/ /* Internally Celled */ /*---------------------- Vertically Aligned -----------------------*/ /* Top Aligned */ /* Middle Aligned */ /* Bottom Aligned */ /* Stretched */ /*---------------------- Horizontally Centered -----------------------*/ /* Left Aligned */ /* Center Aligned */ /* Right Aligned */ /* Justified */ /*---------------------- Colored -----------------------*/ /* Red */ /* Orange */ /* Yellow */ /* Olive */ /* Green */ /* Teal */ /* Blue */ /* Violet */ /* Purple */ /* Pink */ /* Brown */ /* Grey */ /* Black */ /*---------------------- Equal Width -----------------------*/ /*---------------------- Reverse -----------------------*/ /* Mobile */ /* Tablet */ /* Computer */ /*------------------- Doubling --------------------*/ /* Tablet Only */ /* Mobile Only */ /*------------------- Stackable --------------------*/ /*---------------------- Only (Device) -----------------------*/ /* These include arbitrary class repetitions for forced specificity */ /* Mobile Only Hide */ /* Tablet Only Hide */ /* Computer Only Hide */ /* Large Screen Only Hide */ /* Widescreen Only Hide */ /******************************* Theme Overrides *******************************/ /* * # Semantic - Menu * http://github.com/semantic-org/semantic-ui/ * * * Copyright 2015 Contributor * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Menu *******************************/ /*------------------- Collection --------------------*/ /* Menu */ /* Menu Item */ /* Divider */ /* Sub Menu */ /* Text Item */ /*-------------- Elements ---------------*/ /* Icon */ /* Dropdown Icon */ /* Header */ /* Vertical Icon */ /* Vertical Header */ /* Pointing Arrow */ /*-------------- Couplings ---------------*/ /* Button */ /* Input */ /* Image */ /* Label */ /* Dropdown in Menu */ /* Dropdown Variations */ /*-------------- States ---------------*/ /* Hovered Item */ /* Pressed Item */ /* Active Item */ /* Active Hovered Item */ /* Selected Dropdown */ /* Active Dropdown */ /* Active Sub Menu */ /*-------------- Types ---------------*/ /* Vertical */ /* Secondary */ /* Pointing */ /* Inverted Secondary */ /* Inverted Pointing */ /* Tiered */ /* Icon */ /* Tabular */ /* Pagination */ /* Labeled Icon */ /* Text */ /*-------------- Variations ---------------*/ /* Inverted */ /* Inverted Sub Menu */ /* Inverted Hover */ /* Pressed */ /* Inverted Active */ /* Inverted Active Hover */ /* Inverted Menu Divider */ /* Inverted Colored */ /* Fixed */ /* Floated */ /* Attached */ /* Resize large sizes */ /* Sizes */ /* Packaged Theme */ /******************************* Menu *******************************/ /*------------------- Collection --------------------*/ /* Menu */ /* Menu Item */ /* Divider */ /* Sub Menu */ /* Text Item */ /*-------------- Elements ---------------*/ /* Icon */ /* Dropdown Icon */ /* Header */ /* Vertical Icon */ /* Vertical Header */ /* Pointing Arrow */ /*-------------- Couplings ---------------*/ /* Button */ /* Input */ /* Image */ /* Label */ /* Dropdown in Menu */ /* Dropdown Variations */ /*-------------- States ---------------*/ /* Hovered Item */ /* Pressed Item */ /* Active Item */ /* Active Hovered Item */ /* Selected Dropdown */ /* Active Dropdown */ /* Active Sub Menu */ /*-------------- Types ---------------*/ /* Vertical */ /* Secondary */ /* Pointing */ /* Inverted Secondary */ /* Inverted Pointing */ /* Tiered */ /* Icon */ /* Tabular */ /* Pagination */ /* Labeled Icon */ /* Text */ /*-------------- Variations ---------------*/ /* Inverted */ /* Inverted Sub Menu */ /* Inverted Hover */ /* Pressed */ /* Inverted Active */ /* Inverted Active Hover */ /* Inverted Menu Divider */ /* Inverted Colored */ /* Fixed */ /* Floated */ /* Attached */ /* Resize large sizes */ /* Sizes */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Standard *******************************/ /*-------------- Menu ---------------*/ /*-------------- Sub-Menu ---------------*/ /*-------------- Item ---------------*/ /* Border */ /*-------------- Text Content ---------------*/ /*-------------- Icons ---------------*/ /*-------------- Button ---------------*/ /*---------------- Grid / Container -----------------*/ /*-------------- Inputs ---------------*/ /*-------------- Header ---------------*/ /*-------------- Dropdowns ---------------*/ /* Dropdown Icon */ /* Menu */ /* Menu Items */ /* Secondary */ /* Pointing */ /* Inverted */ /* Vertical */ /* Evenly Divided */ /*-------------- Labels ---------------*/ /*-------------- Images ---------------*/ /******************************* Coupling *******************************/ /*-------------- List ---------------*/ /* Menu divider shouldnt apply */ /*-------------- Sidebar ---------------*/ /* Show vertical dividers below last */ /*-------------- Container ---------------*/ /******************************* States *******************************/ /*-------------- Hover ---------------*/ /*-------------- Pressed ---------------*/ /*-------------- Active ---------------*/ /*-------------- Active Hover ---------------*/ /*-------------- Disabled ---------------*/ /******************************* Types *******************************/ /*------------------ Floated Menu / Item -------------------*/ /* Left Floated */ /* Right Floated */ /* Swapped Borders */ /*-------------- Vertical ---------------*/ /*--- Item ---*/ /*--- Label ---*/ /*--- Icon ---*/ /*--- Border ---*/ /*--- Sub Menu ---*/ /* Vertical Active */ /*-------------- Tabular ---------------*/ /* Hover */ /* Active */ /* Coupling with segment for attachment */ /* Bottom Vertical Tabular */ /* Vertical Tabular (Left) */ /* Vertical Right Tabular */ /* Dropdown */ /*-------------- Pagination ---------------*/ /* Active */ /*-------------- Secondary ---------------*/ /* Item */ /* No Divider */ /* Header */ /* Image */ /* Hover */ /* Active */ /* Active Hover */ /* Inverted */ /* Fix item margins */ /* Sub Menu */ /*--------------------- Secondary Vertical -----------------------*/ /* Sub Menu */ /* Inverted */ /*--------------------- Secondary Pointing -----------------------*/ /* Item Types */ /* Hover */ /* Pressed */ /* Active */ /* Active Hover */ /* Active Dropdown */ /* Vertical Pointing */ /* Vertical Active */ /* Inverted */ /* Hover */ /* Active */ /*-------------- Text Menu ---------------*/ /* Border */ /* Header */ /* Image */ /*--- fluid text ---*/ /*--- vertical text ---*/ /* Vertical Sub Menu */ /*--- hover ---*/ /*--- active ---*/ /*--- active hover ---*/ /* Disable Bariations */ /* Inverted */ /* Fluid */ /*-------------- Icon Only ---------------*/ /* Vertical Menu */ /* Item */ /* Icon */ /* Icon Gylph */ /* (x) Item Icon */ /* Vertical Icon */ /* Inverted */ /*-------------- Labeled Icon ---------------*/ /* Menu */ /* Item */ /* Icon */ /* Fluid */ /******************************* Variations *******************************/ /*-------------- Stackable ---------------*/ /*-------------- Colors ---------------*/ /*--- Standard Colors ---*/ /*-------------- Inverted ---------------*/ /* Menu Item */ /*--- Border ---*/ /* Sub Menu */ /* Header */ /* Disabled */ /*--- Hover ---*/ /*--- Pressed ---*/ /*--- Active ---*/ /*--- Active Hover ---*/ /*-------------- Floated ---------------*/ /*-------------- Inverted ---------------*/ /* Red */ /* Orange */ /* Yellow */ /* Olive */ /* Green */ /* Teal */ /* Blue */ /* Violet */ /* Purple */ /* Pink */ /* Brown */ /* Grey */ /*-------------- Fitted ---------------*/ /*-------------- Borderless ---------------*/ /*------------------- Compact --------------------*/ /*------------------- Fluid --------------------*/ /*------------------- Evenly Sized --------------------*/ /*-------------- Fixed ---------------*/ /* Coupling with Grid */ /*------------------- Pointing --------------------*/ /* Active */ /* Don't double up pointers */ /* Colors */ /*-------------- Attached ---------------*/ /* Middle */ /* Top */ /* Bottom */ /* Attached Menu Item */ /* Tabular Attached */ /*-------------- Sizes ---------------*/ /* Mini */ /* Tiny */ /* Small */ /* Medium */ /* Large */ /* Huge */ /* Big */ /* Massive */ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Message * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Message *******************************/ /*------------------- Elements --------------------*/ /* Header */ /* Paragraph */ /* List */ /* Icon */ /* Close Icon */ /*------------------- Types --------------------*/ /* Icon Message */ /* Attached */ /* Floating */ /* Colors */ /* Warning / Positive / Negative / Info */ /* Packaged Theme */ /******************************* Message *******************************/ /*------------------- Elements --------------------*/ /* Header */ /* Paragraph */ /* List */ /* Icon */ /* Close Icon */ /*------------------- Types --------------------*/ /* Icon Message */ /* Attached */ /* Floating */ /* Colors */ /* Warning / Positive / Negative / Info */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Message *******************************/ /*-------------- Content ---------------*/ /* Header */ /* Default font size */ /* Paragraph */ /* List */ /* Icon */ /* Close Icon */ /* First / Last Element */ /******************************* Coupling *******************************/ /******************************* States *******************************/ /*-------------- Visible ---------------*/ /*-------------- Hidden ---------------*/ /******************************* Variations *******************************/ /*-------------- Compact ---------------*/ /*-------------- Attached ---------------*/ /*-------------- Icon ---------------*/ /*-------------- Floating ---------------*/ /*-------------- Colors ---------------*/ /*-------------- Types ---------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /* Error */ /* Success */ /* Colors */ /*-------------- Sizes ---------------*/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Table * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Table *******************************/ /*------------------- Element --------------------*/ /*-------------- Parts ---------------*/ /* Table Row */ /* Table Cell */ /* Table Header */ /* Table Footer */ /* Responsive Size */ /*------------------- Types --------------------*/ /* Definition */ /*-------------- Couplings ---------------*/ /*-------------- States ---------------*/ /* Positive */ /* Negative */ /* Error */ /* Warning */ /* Active */ /*-------------- Types ---------------*/ /* Attached */ /* Striped */ /* Selectable */ /* Sortable */ /* Colors */ /* Inverted */ /* Basic */ /* Padded */ /* Compact */ /* Sizes */ /* Packaged Theme */ /******************************* Table *******************************/ /*------------------- Element --------------------*/ /*-------------- Parts ---------------*/ /* Table Row */ /* Table Cell */ /* Table Header */ /* Table Footer */ /* Responsive Size */ /*------------------- Types --------------------*/ /* Definition */ /*-------------- Couplings ---------------*/ /*-------------- States ---------------*/ /* Positive */ /* Negative */ /* Error */ /* Warning */ /* Active */ /*-------------- Types ---------------*/ /* Attached */ /* Striped */ /* Selectable */ /* Sortable */ /* Colors */ /* Inverted */ /* Basic */ /* Padded */ /* Compact */ /* Sizes */ /* Site Theme */ /******************************* Table *******************************/ /*------------------- Element --------------------*/ /*-------------- Parts ---------------*/ /* Table Header */ /*-------------- States ---------------*/ /* Active */ /*-------------- Types ---------------*/ /* Striped */ /* Selectable */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Table *******************************/ /* Prototype */ /******************************* Parts *******************************/ /* Table Content */ /* Headers */ /* Footer */ /* Table Row */ /* Repeated tbody */ /* Table Cells */ /* Icons */ /* Table Segment */ /* Responsive */ /******************************* Coupling *******************************/ /* UI Image */ /******************************* Types *******************************/ /*-------------- Complex ---------------*/ /*-------------- Definition ---------------*/ /* Remove Border */ /* Highlight Defining Column */ /* Fix 2nd Column */ /******************************* States *******************************/ /*-------------- Positive ---------------*/ /*-------------- Negative ---------------*/ /*-------------- Error ---------------*/ /*-------------- Warning ---------------*/ /*-------------- Active ---------------*/ /*-------------- Disabled ---------------*/ /******************************* Variations *******************************/ /*-------------- Stackable ---------------*/ /*-------------- Text Alignment ---------------*/ /*------------------ Vertical Alignment ------------------*/ /*-------------- Collapsing ---------------*/ /*-------------- Fixed ---------------*/ /*-------------- Selectable ---------------*/ /* Selectable Cell Link */ /* Other States */ /*------------------- Attached --------------------*/ /* Middle */ /* Top */ /* Bottom */ /*-------------- Striped ---------------*/ /* Table Striping */ /* Stripes */ /* Allow striped active hover */ /*-------------- Single Line ---------------*/ /*------------------- Colors --------------------*/ /* Red */ /* Orange */ /* Yellow */ /* Olive */ /* Green */ /* Teal */ /* Blue */ /* Violet */ /* Purple */ /* Pink */ /* Brown */ /* Grey */ /* Black */ /*-------------- Column Count ---------------*/ /* Grid Based */ /* Column Width */ /*-------------- Sortable ---------------*/ /* Hover */ /* Sorted */ /* Sorted Hover */ /* Inverted */ /*-------------- Inverted ---------------*/ /* Text Color */ /* Definition */ /*-------------- Collapsing ---------------*/ /*-------------- Basic ---------------*/ /* Very Basic */ /*-------------- Celled ---------------*/ /*-------------- Padded ---------------*/ /* Very */ /*-------------- Compact ---------------*/ /* Very */ /*-------------- Sizes ---------------*/ /* Small */ /* Standard */ /* Large */ /*-------------- Header ---------------*/ /* Views */ /*! * # Semantic UI - Ad * http://github.com/semantic-org/semantic-ui/ * * * Copyright 2013 Contributors * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Advertisement *******************************/ /* Packaged Theme */ /******************************* Advertisement *******************************/ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Advertisement *******************************/ /*-------------- Common ---------------*/ /* Leaderboard */ /* Medium Rectangle */ /* Large Rectangle */ /* Half Page */ /*-------------- Square ---------------*/ /* Square */ /* Small Square */ /*-------------- Rectangle ---------------*/ /* Small Rectangle */ /* Vertical Rectangle */ /*-------------- Button ---------------*/ /*-------------- Skyscrapers ---------------*/ /* Skyscraper */ /* Wide Skyscraper */ /*-------------- Banners ---------------*/ /* Banner */ /* Vertical Banner */ /* Top Banner */ /* Half Banner */ /*-------------- Boards ---------------*/ /* Leaderboard */ /* Billboard */ /*-------------- Panorama ---------------*/ /* Panorama */ /*-------------- Netboard ---------------*/ /* Netboard */ /*-------------- Mobile ---------------*/ /* Large Mobile Banner */ /* Mobile Leaderboard */ /******************************* Types *******************************/ /* Mobile Sizes */ /******************************* Variations *******************************/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Item * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Card *******************************/ /*------------------- View --------------------*/ /* Shadow */ /* Card */ /* Card Group */ /* Consecutive Cards */ /*------------------- Content --------------------*/ /* Image */ /* Content */ /* Header */ /* Metadata */ /* Icons */ /* Links */ /* Description */ /* Content Image */ /* Avatar Image */ /* Paragraph */ /* Dimmer */ /* Additional Content */ /* Extra Links */ /* Buttons */ /*------------------- Variations --------------------*/ /* Link */ /* Raised */ /* Card Count */ /* Stackable */ /* Sizes */ /* Colored */ /* Packaged Theme */ /******************************* Card *******************************/ /*------------------- View --------------------*/ /* Shadow */ /* Card */ /* Card Group */ /* Consecutive Cards */ /*------------------- Content --------------------*/ /* Image */ /* Content */ /* Header */ /* Metadata */ /* Icons */ /* Links */ /* Description */ /* Content Image */ /* Avatar Image */ /* Paragraph */ /* Dimmer */ /* Additional Content */ /* Extra Links */ /* Buttons */ /*------------------- Variations --------------------*/ /* Link */ /* Raised */ /* Card Count */ /* Stackable */ /* Sizes */ /* Colored */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Standard *******************************/ /*-------------- Card ---------------*/ /*-------------- Cards ---------------*/ /* Clearing */ /* Consecutive Card Groups Preserve Row Spacing */ /*-------------- Rounded Edges ---------------*/ /*-------------- Images ---------------*/ /*-------------- Content ---------------*/ /* Default Header Size */ /*---------------- Floated Content -----------------*/ /*-------------- Aligned ---------------*/ /*-------------- Content Image ---------------*/ /*-------------- Description ---------------*/ /*-------------- Paragraph ---------------*/ /*-------------- Meta ---------------*/ /*-------------- Links ---------------*/ /* Generic */ /* Header */ /* Meta */ /*-------------- Buttons ---------------*/ /*-------------- Dimmer ---------------*/ /*-------------- Labels ---------------*/ /*-----Star----- */ /* Icon */ /*-----Like----- */ /* Icon */ /*---------------- Extra Content -----------------*/ /******************************* Variations *******************************/ /*------------------- Raised --------------------*/ /*------------------- Centered --------------------*/ /*------------------- Fluid --------------------*/ /*------------------- Link --------------------*/ /*------------------- Colors --------------------*/ /* Red */ /* Orange */ /* Yellow */ /* Olive */ /* Green */ /* Teal */ /* Blue */ /* Violet */ /* Purple */ /* Pink */ /* Brown */ /* Grey */ /* Black */ /*-------------- Card Count ---------------*/ /*------------------- Doubling --------------------*/ /* Mobile Only */ /* Tablet Only */ /*------------------- Stackable --------------------*/ /*-------------- Size ---------------*/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Comment * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Comments *******************************/ /*------------------- View --------------------*/ /*------------------- Elements --------------------*/ /* Comment */ /* Nested Comment */ /* Avatar */ /* Content */ /* Author */ /* Metadata */ /* Text */ /* Actions */ /* Reply */ /*------------------- Variations --------------------*/ /* Threaded */ /* Minimal */ /* Packaged Theme */ /******************************* Comments *******************************/ /*------------------- View --------------------*/ /*------------------- Elements --------------------*/ /* Comment */ /* Nested Comment */ /* Avatar */ /* Content */ /* Author */ /* Metadata */ /* Text */ /* Actions */ /* Reply */ /*------------------- Variations --------------------*/ /* Threaded */ /* Minimal */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Standard *******************************/ /*-------------- Comments ---------------*/ /*-------------- Comment ---------------*/ /*-------------------- Nested Comments ---------------------*/ /*-------------- Avatar ---------------*/ /*-------------- Content ---------------*/ /* If there is an avatar move content over */ /*-------------- Author ---------------*/ /*-------------- Metadata ---------------*/ /*-------------------- Comment Text ---------------------*/ /*-------------------- User Actions ---------------------*/ /*-------------------- Reply Form ---------------------*/ /******************************* State *******************************/ /******************************* Variations *******************************/ /*-------------------- Threaded ---------------------*/ /*-------------------- Minimal ---------------------*/ /*------------------- Sizes --------------------*/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Feed * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Feed *******************************/ /*------------------- Feed --------------------*/ /*------------------- Elements --------------------*/ /* Event */ /* Event Label */ /* Icon Label */ /* Image Label */ /* Content w/ Label */ /* Content */ /* Date */ /* Summary */ /* Summary Image */ /* Summary Date */ /* User */ /* Extra Summary Data */ /* Extra Images */ /* Extra Text */ /* Metadata Group */ /* Like */ /* Metadata Divider */ /*------------------- Variations --------------------*/ /* Packaged Theme */ /******************************* Feed *******************************/ /*------------------- Feed --------------------*/ /*------------------- Elements --------------------*/ /* Event */ /* Event Label */ /* Icon Label */ /* Image Label */ /* Content w/ Label */ /* Content */ /* Date */ /* Summary */ /* Summary Image */ /* Summary Date */ /* User */ /* Extra Summary Data */ /* Extra Images */ /* Extra Text */ /* Metadata Group */ /* Like */ /* Metadata Divider */ /*------------------- Variations --------------------*/ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Activity Feed *******************************/ /******************************* Content *******************************/ /* Event */ /* Event Label */ /*-------------- Content ---------------*/ /* Content */ /* Link */ /*-------------- Date ---------------*/ /*-------------- Summary ---------------*/ /* Summary Image */ /*-------------- User ---------------*/ /*-------------- Inline Date ---------------*/ /* Date inside Summary */ /*-------------- Extra Summary ---------------*/ /* Images */ /* Text */ /*-------------- Meta ---------------*/ /* First element */ /* Action */ /******************************* Variations *******************************/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Item * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Item *******************************/ /*------------------- View --------------------*/ /* Group */ /* Item */ /* Responsive */ /*------------------- Content --------------------*/ /* Image */ /* Content */ /* Header */ /* Metadata */ /* Icons */ /* Actions */ /* Links */ /* Description */ /* Content Image */ /* Avatar Image */ /* Paragraph */ /* Additional Content */ /*------------------- Variations --------------------*/ /* Relaxed */ /* Divided */ /* Unstackable */ /* Packaged Theme */ /******************************* Item *******************************/ /*------------------- View --------------------*/ /* Group */ /* Item */ /* Responsive */ /*------------------- Content --------------------*/ /* Image */ /* Content */ /* Header */ /* Metadata */ /* Icons */ /* Actions */ /* Links */ /* Description */ /* Content Image */ /* Avatar Image */ /* Paragraph */ /* Additional Content */ /*------------------- Variations --------------------*/ /* Relaxed */ /* Divided */ /* Unstackable */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Standard *******************************/ /*-------------- Item ---------------*/ /*-------------- Items ---------------*/ /*-------------- Item ---------------*/ /*-------------- Images ---------------*/ /*-------------- Content ---------------*/ /* Default Header Size */ /*-------------- Floated ---------------*/ /*-------------- Content Image ---------------*/ /*-------------- Description ---------------*/ /*-------------- Paragraph ---------------*/ /*-------------- Meta ---------------*/ /*-------------- Links ---------------*/ /* Generic */ /* Header */ /* Meta */ /*-------------- Labels ---------------*/ /*-----Star----- */ /* Icon */ /*-----Like----- */ /* Icon */ /*---------------- Extra Content -----------------*/ /******************************* Responsive *******************************/ /* Default Image Width */ /* Tablet Only */ /* Mobile Only */ /******************************* Variations *******************************/ /*------------------- Aligned --------------------*/ /*-------------- Relaxed ---------------*/ /*------------------- Divided --------------------*/ /* Relaxed Divided */ /*------------------- Link --------------------*/ /*-------------- Size ---------------*/ /*--------------- Unstackable ----------------*/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Statistic * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Statistic *******************************/ /*------------------- View --------------------*/ /* Group */ /* Group Element */ /*------------------- Content --------------------*/ /* Value */ /* Label */ /* Text */ /* Label Image */ /*------------------- Types --------------------*/ /*------------------- Variations --------------------*/ /* Floated */ /* Inverted */ /* Item Width */ /* Size */ /* Packaged Theme */ /******************************* Statistic *******************************/ /*------------------- View --------------------*/ /* Group */ /* Group Element */ /*------------------- Content --------------------*/ /* Value */ /* Label */ /* Text */ /* Label Image */ /*------------------- Types --------------------*/ /*------------------- Variations --------------------*/ /* Floated */ /* Inverted */ /* Item Width */ /* Size */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Statistic *******************************/ /* Standalone */ /******************************* Group *******************************/ /* Grouped */ /* Clearing */ /******************************* Content *******************************/ /*-------------- Value ---------------*/ /*-------------- Label ---------------*/ /* Top Label */ /* Bottom Label */ /******************************* Types *******************************/ /*-------------- Icon Value ---------------*/ /*-------------- Text Value ---------------*/ /*-------------- Image Value ---------------*/ /******************************* Variations *******************************/ /*-------------- Count ---------------*/ /*-------------- Horizontal ---------------*/ /*-------------- Colors ---------------*/ /*-------------- Inverted ---------------*/ /*-------------- Floated ---------------*/ /*-------------- Sizes ---------------*/ /* Mini */ /* Tiny */ /* Small */ /* Medium */ /* Large */ /* Huge */ /******************************* Theme Overrides *******************************/ /* Modules */ /*! * # Semantic UI - Accordion * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Accordion *******************************/ /* Title */ /* Icon */ /* Child Accordion */ /* Content */ /*------------------- Coupling --------------------*/ /*------------------- States --------------------*/ /*------------------- Variations --------------------*/ /* Styled */ /* Content */ /* Child Content */ /* Styled Title */ /* Styled Title States */ /* Styled Child Title States */ /* Inverted */ /* Packaged Theme */ /******************************* Accordion *******************************/ /* Title */ /* Icon */ /* Child Accordion */ /* Content */ /*------------------- Coupling --------------------*/ /*------------------- States --------------------*/ /*------------------- Variations --------------------*/ /* Styled */ /* Content */ /* Child Content */ /* Styled Title */ /* Styled Title States */ /* Styled Child Title States */ /* Inverted */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Accordion *******************************/ /* Title */ /* Default Styling */ /* Content */ /* Default Styling */ /* Arrow */ /*-------------- Coupling ---------------*/ /* Menu */ /* Header */ /******************************* States *******************************/ /******************************* Types *******************************/ /*-------------- Styled ---------------*/ /* Content */ /* Hover */ /* Active */ /******************************* States *******************************/ /*-------------- Active ---------------*/ /******************************* Variations *******************************/ /*-------------- Fluid ---------------*/ /*-------------- Inverted ---------------*/ /******************************* Theme Overrides *******************************/ /* Dropdown Icon */ /*! * # Semantic UI - Checkbox * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Checkbox *******************************/ /* Label */ /* 26px @ 14/em */ /* Checkbox */ /* Checkmark */ /* Label */ /*------------------- States --------------------*/ /* Hover */ /* Pressed */ /* Focus */ /* Active */ /* Active Focus */ /* Indeterminate */ /* Disabled */ /*------------------- Types --------------------*/ /* Radio */ /* Uses px to avoid rounding issues with circles */ /* 7px as unitless value from radio size */ /* Slider & Toggle Handle */ /* Slider */ /* Slider States */ /* Toggle */ /*------------------- Variations --------------------*/ /* Packaged Theme */ /******************************* Checkbox *******************************/ /* Label */ /* 26px @ 14/em */ /* Checkbox */ /* Checkmark */ /* Label */ /*------------------- States --------------------*/ /* Hover */ /* Pressed */ /* Focus */ /* Active */ /* Active Focus */ /* Indeterminate */ /* Disabled */ /*------------------- Types --------------------*/ /* Radio */ /* Uses px to avoid rounding issues with circles */ /* 7px as unitless value from radio size */ /* Slider & Toggle Handle */ /* Slider */ /* Slider States */ /* Toggle */ /*------------------- Variations --------------------*/ /* Site Theme */ /******************************* Checkbox *******************************/ /*------------------- States --------------------*/ /* Hover */ /* Pressed */ /* Focus */ /* Active */ /* Active Focus */ /* Indeterminate */ /*------------------- Types --------------------*/ /* Radio */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Checkbox *******************************/ /*-------------- Content ---------------*/ /* HTML Checkbox */ /*-------------- Box ---------------*/ /*-------------- Checkmark ---------------*/ /*-------------- Label ---------------*/ /* Inside */ /* Outside */ /******************************* States *******************************/ /*-------------- Hover ---------------*/ /*-------------- Down ---------------*/ /*-------------- Focus ---------------*/ /*-------------- Active ---------------*/ /*-------------- Indeterminate ---------------*/ /*-------------- Active Focus ---------------*/ /*-------------- Read-Only ---------------*/ /*-------------- Disabled ---------------*/ /*-------------- Hidden ---------------*/ /* Initialized checkbox moves input below element to prevent manually triggering */ /* Selectable Label */ /******************************* Types *******************************/ /*-------------- Radio ---------------*/ /* Box */ /* Bullet */ /* Radio Checkbox */ /* Focus */ /* Indeterminate */ /* Active */ /* Active Focus */ /*-------------- Slider ---------------*/ /* Input */ /* Label */ /* Line */ /* Handle */ /* Focus */ /* Hover */ /* Active */ /* Active Focus */ /*-------------- Toggle ---------------*/ /* Input */ /* Label */ /* Switch */ /* Handle */ /* Focus */ /* Hover */ /* Active */ /* Active Focus */ /******************************* Variations *******************************/ /*-------------- Fitted ---------------*/ /******************************* Theme Overrides *******************************/ /* Checkmark */ /* Checked */ /* Indeterminate */ /* UTF Reference .check:before { content: '\e800'; } .dash:before { content: '\e801'; } .plus:before { content: '\e802'; } */ /******************************* Theme Overrides *******************************/ /*-------------- Emotive ---------------*/ /* Negative */ /*! * # Semantic UI - Dimmer * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Dimmer *******************************/ /* Hidden (Default) */ /* Visible */ /*------------------- Types --------------------*/ /* Page Dimmer*/ /*------------------- Variations --------------------*/ /* Inverted */ /* Simple */ /* Packaged Theme */ /******************************* Dimmer *******************************/ /* Hidden (Default) */ /* Visible */ /*------------------- Types --------------------*/ /* Page Dimmer*/ /*------------------- Variations --------------------*/ /* Inverted */ /* Simple */ /* Site Theme */ /******************************* Dimmer *******************************/ /*------------------- Variations --------------------*/ /* Inverted */ /* Simple */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Dimmer *******************************/ /* Dimmer Content */ /* Loose Coupling */ /* Scrollbars */ /******************************* States *******************************/ /* Animating */ /* Animating / Active / Visible */ /* Disabled */ /******************************* Variations *******************************/ /*-------------- Legacy ---------------*/ /* Animating / Active / Visible */ /*-------------- Alignment ---------------*/ /*-------------- Page ---------------*/ /*-------------- Blurring ---------------*/ /* Dimmer Color */ /*-------------- Aligned ---------------*/ /*-------------- Inverted ---------------*/ /*-------------- Simple ---------------*/ /* Displays without javascript */ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Dropdown * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Dropdown *******************************/ /*------------------- Element --------------------*/ /*------------------- Content --------------------*/ /* Icon */ /* Current Text */ /* Menu */ /* Text */ /* Menu Item */ /* Sub Menu */ /* Menu Header */ /* Menu Divider */ /* Menu Input */ /* Menu Image */ /* Item Sub-Element */ /* Sub-Menu Dropdown Icon */ /* Description */ /* Message */ /* Floated Content */ /*------------------- Types --------------------*/ /*------------ Selection --------------*/ /* */ /* Responsive */ /* Derived */ /* 1px / em size */ /* Hover */ /* Focus */ /* Visible */ /* Visible Hover */ /*-------------- Search --------------*/ /* Search Selection */ /* Inline */ /*-------------- Multiple --------------*/ /* Split Actual Padding Between Child and Parent (allows for label spacing) */ /* Child Elements */ /* Dropdown Icon */ /* Selection Label */ /*------------------- States --------------------*/ /* Hovered */ /* Default Text */ /* Loading */ /* Active Menu Item */ /* Selected */ /* Error */ /* Clearable */ /*------------------- Variations --------------------*/ /* Scrolling */ /* 0px / em size */ /* Upward */ /* Flyout Direction */ /* Left */ /* Simple */ /* Floating */ /* Pointing */ /* Pointing Upward */ /* Site Theme */ /******************************* Dropdown *******************************/ /*------------------- Element --------------------*/ /*------------------- Content --------------------*/ /* Menu */ /* Text */ /* Menu Item */ /*------------------- States --------------------*/ /* Default Text */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Dropdown *******************************/ /******************************* Content *******************************/ /*-------------- Menu ---------------*/ /*-------------- Hidden Input ---------------*/ /*-------------- Dropdown Icon ---------------*/ /*-------------- Text ---------------*/ /*-------------- Menu Item ---------------*/ /*-------------- Floated Content ---------------*/ /*-------------- Menu Divider ---------------*/ /*----------------- Item Description -------------------*/ /*----------------- Message -------------------*/ /*-------------- Sub Menu ---------------*/ /* Hide Arrow */ /*-------------- Sub Elements ---------------*/ /* Icons / Flags / Labels / Image */ /*-------------- Image ---------------*/ /******************************* Coupling *******************************/ /*-------------- Menu ---------------*/ /* Remove Menu Item Divider */ /* Prevent Menu Item Border */ /* Automatically float dropdown menu right on last menu item */ /*-------------- Label ---------------*/ /* Dropdown Menu */ /*-------------- Button ---------------*/ /* No Margin On Icon Button */ /******************************* Types *******************************/ /*-------------- Selection ---------------*/ /* Displays like a select box */ /* Compact */ /* Selection Menu */ /*-------------- Message ---------------*/ /* Menu Item */ /* User Item */ /* Hover */ /* Active */ /* Focus */ /* Visible */ /* Visible Hover */ /* Dropdown Icon */ /* Connecting Border */ /* Empty Connecting Border */ /*-------------- Searchable ---------------*/ /* Search Selection */ /* Search Dropdown */ /* Text Layering */ /* Search Selection */ /* Used to size multi select input to character width */ /* Active/Visible Search */ /* Filtered Text */ /* Search Menu */ /*-------------- Multiple ---------------*/ /* Multiple Selection */ /* Multiple Search Selection */ /* Selection Label */ /* Dropdown Icon */ /* Text */ /*----------------- Multiple Search -----------------*/ /* Prompt Text */ /* Search */ /*-------------- Inline ---------------*/ /******************************* States *******************************/ /*-------------------- Active ----------------------*/ /* Menu Item Active */ /*-------------------- Hover ----------------------*/ /* Menu Item Hover */ /*-------------------- Loading ---------------------*/ /* Coupling */ /*-------------------- Default Text ----------------------*/ /*-------------------- Loading ----------------------*/ /* Used To Check Position */ /*-------------------- Keyboard Select ----------------------*/ /* Selected Item */ /*-------------------- Search Filtered ----------------------*/ /* Filtered Item */ /*-------------------- Error ----------------------*/ /* Item Hover */ /* Item Active */ /*-------------------- Clear ----------------------*/ /*-------------------- Disabled ----------------------*/ /* Disabled */ /******************************* Variations *******************************/ /*-------------- Direction ---------------*/ /* Flyout Direction */ /* Default Side (Right) */ /* Leftward Opening Menu */ /*-------------- Upward ---------------*/ /* Upward Main Menu */ /* Upward Sub Menu */ /* Active Upward */ /* Selection */ /* Active Upward */ /* Visible Upward */ /* Visible Hover Upward */ /*-------------- Simple ---------------*/ /* Selection Menu */ /* Scrollbar in IE */ /*-------------- Simple ---------------*/ /* Displays without javascript */ /* Visible */ /*-------------- Fluid ---------------*/ /*-------------- Floating ---------------*/ /*-------------- Pointing ---------------*/ /* Top Left Pointing */ /* Top Right Pointing */ /* Left Pointing */ /* Right Pointing */ /* Bottom Pointing */ /* Reverse Sub-Menu Direction */ /* Bottom Left */ /* Bottom Right */ /* Upward pointing */ /* Right Pointing Upward */ /* Left Pointing Upward */ /******************************* Theme Overrides *******************************/ /* Dropdown Carets */ /* Sub Menu */ /* Vertical Menu Dropdown */ /* Icons for Reference (Subsetted in 2.4.0) .dropdown.down:before { content: "\f0d7"; } .dropdown.up:before { content: "\f0d8"; } .dropdown.left:before { content: "\f0d9"; } .dropdown.right:before { content: "\f0da"; } .dropdown.close:before { content: "\f00d"; } */ /******************************* Content *******************************/ /*-------------- Sub Menu ---------------*/ /*-------------- Hierarchy ---------------*/ /******************************* Types *******************************/ /*-------------- Selection ---------------*/ /******************************* States *******************************/ /*-------------------- Emotive ----------------------*/ /* Menu Item */ /*-------------------- Hover ----------------------*/ /* Menu Item Hover */ /*! * # Semantic UI - Video * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Video *******************************/ /*------------------- Element --------------------*/ /* Simple */ /* Placeholder */ /* Placeholder Overlayed Background */ /* Icon */ /*------------------- States --------------------*/ /* Hover */ /*------------------- Variations --------------------*/ /* Aspect Ratios */ /* Packaged Theme */ /******************************* Video *******************************/ /*------------------- Element --------------------*/ /* Simple */ /* Placeholder */ /* Placeholder Overlayed Background */ /* Icon */ /*------------------- States --------------------*/ /* Hover */ /*------------------- Variations --------------------*/ /* Aspect Ratios */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Types *******************************/ /*----------------- Embedded Content ------------------*/ /*----------------- Embed ------------------*/ /*-------------- Placeholder ---------------*/ /*-------------- Icon ---------------*/ /******************************* States *******************************/ /*-------------- Hover ---------------*/ /*-------------- Active ---------------*/ /******************************* Video Overrides *******************************/ /******************************* Variations *******************************/ /*! * # Semantic UI - Modal * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Modal *******************************/ /* Close Icon */ /* Header */ /* Content */ /* Image / Description */ /* Modal Actions */ /* Inner Close Position (Tablet/Mobile) */ /* Mobile Positions */ /* Responsive Widths */ /* Coupling */ /*------------------- States --------------------*/ /*------------------- Types --------------------*/ /* Basic */ /* Top Aligned */ /* Scrolling Margin */ /* Scrolling Content */ /*------------------- Variations --------------------*/ /* Size Widths */ /* Derived Responsive Sizes */ /* Packaged Theme */ /******************************* Modal *******************************/ /* Close Icon */ /* Header */ /* Content */ /* Image / Description */ /* Modal Actions */ /* Inner Close Position (Tablet/Mobile) */ /* Mobile Positions */ /* Responsive Widths */ /* Coupling */ /*------------------- States --------------------*/ /*------------------- Types --------------------*/ /* Basic */ /* Top Aligned */ /* Scrolling Margin */ /* Scrolling Content */ /*------------------- Variations --------------------*/ /* Size Widths */ /* Derived Responsive Sizes */ /* Site Theme */ /******************************* Modal *******************************/ /* Close Icon */ /* Header */ /* Content */ /* Modal Actions */ /* Inner Close Position (Tablet/Mobile) */ /* Mobile Positions */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Modal *******************************/ /******************************* Content *******************************/ /*-------------- Close ---------------*/ /*-------------- Header ---------------*/ /*-------------- Content ---------------*/ /* Image */ /* Description */ /*rtl:ignore*/ /*-------------- Actions ---------------*/ /*------------------- Responsive --------------------*/ /* Modal Width */ /* Tablet and Mobile */ /* Mobile */ /*-------------- Coupling ---------------*/ /******************************* Types *******************************/ /* Resort to margin positioning if legacy */ /* Tablet and Mobile */ /******************************* States *******************************/ /******************************* Variations *******************************/ /*-------------- Top Aligned ---------------*/ /* Top Aligned Modal */ /* Legacy Top Aligned */ /*-------------- Scrolling ---------------*/ /* Scrolling Dimmer */ /* Undetached Scrolling */ /* Scrolling Content */ /*-------------- Full Screen ---------------*/ /*-------------- Size ---------------*/ /* Mini */ /* Mini Modal Width */ /* mini */ /* Tiny Modal Width */ /* Small */ /* Small Modal Width */ /* Large Modal Width */ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Nag * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Nag *******************************/ /*-------------- Collection ---------------*/ /*-------------- Elements ---------------*/ /* Title */ /*-------------- States ---------------*/ /* Hover */ /*-------------- Variations ---------------*/ /* Top / Bottom */ /* Inverted */ /*-------------- Plural ---------------*/ /* Packaged Theme */ /******************************* Nag *******************************/ /*-------------- Collection ---------------*/ /*-------------- Elements ---------------*/ /* Title */ /*-------------- States ---------------*/ /* Hover */ /*-------------- Variations ---------------*/ /* Top / Bottom */ /* Inverted */ /*-------------- Plural ---------------*/ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Nag *******************************/ /******************************* States *******************************/ /* Hover */ /******************************* Variations *******************************/ /*-------------- Static ---------------*/ /*-------------- Fixed ---------------*/ /*-------------- Bottom ---------------*/ /*-------------- White ---------------*/ /******************************* Groups *******************************/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Popup * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Popup *******************************/ /*------------------- Element --------------------*/ /*------------------- Parts --------------------*/ /* Placement */ /* Header */ /* Content Border */ /* Arrow */ /* Arrow color by position */ /*------------------- Types --------------------*/ /* Tooltip */ /* Inverted */ /* Arrow */ /*------------------- Coupling --------------------*/ /* Grid Inside Popup */ /* (padding * @medium) */ /*------------------- States --------------------*/ /*------------------- Variations --------------------*/ /* Wide */ /* Inverted */ /* Arrow color by position */ /* Packaged Theme */ /******************************* Popup *******************************/ /*------------------- Element --------------------*/ /*------------------- Parts --------------------*/ /* Placement */ /* Header */ /* Content Border */ /* Arrow */ /* Arrow color by position */ /*------------------- Types --------------------*/ /* Tooltip */ /* Inverted */ /* Arrow */ /*------------------- Coupling --------------------*/ /* Grid Inside Popup */ /* (padding * @medium) */ /*------------------- States --------------------*/ /*------------------- Variations --------------------*/ /* Wide */ /* Inverted */ /* Arrow color by position */ /* Site Theme */ /******************************* Popup *******************************/ /*------------------- Element --------------------*/ /*------------------- Parts --------------------*/ /* Arrow */ /*------------------- Variations --------------------*/ /* Inverted */ /* Arrow color by position */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Popup *******************************/ /******************************* Types *******************************/ /*-------------- Tooltip ---------------*/ /* Content */ /* Arrow */ /* Popup */ /* Default Position (Top Center) */ /* Animation */ /* Animation Position */ /*-------------- Inverted ---------------*/ /* Arrow */ /* Arrow Position */ /* Popup */ /*-------------- Position ---------------*/ /* Top Center */ /* Top Left */ /* Top Right */ /* Bottom Center */ /* Bottom Left */ /* Bottom Right */ /* Left Center */ /* Right Center */ /* Arrow */ /* Inverted Arrow Color */ /*-------------- Spacing ---------------*/ /* Extending from Top */ /* Extending from Vertical Center */ /* Extending from Bottom */ /*-------------- Pointer ---------------*/ /*--- Below ---*/ /*rtl:rename*/ /*rtl:rename*/ /*--- Above ---*/ /*rtl:rename*/ /*rtl:rename*/ /*--- Left Center ---*/ /*rtl:rename*/ /*--- Right Center ---*/ /*rtl:rename*/ /* Arrow Color By Location */ /* Inverted Arrow Color */ /******************************* Coupling *******************************/ /* Immediate Nested Grid */ /******************************* States *******************************/ /******************************* Variations *******************************/ /*-------------- Basic ---------------*/ /*-------------- Wide ---------------*/ /*-------------- Fluid ---------------*/ /*-------------- Colors ---------------*/ /* Inverted colors */ /*-------------- Flowing ---------------*/ /*-------------- Sizes ---------------*/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Progress Bar * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Progress *******************************/ /*------------------- Element --------------------*/ /* Bar */ /* Progress Bar Label */ /* Label */ /*------------------- Types --------------------*/ /*------------------- States --------------------*/ /* Active */ /*------------------- Variations --------------------*/ /* Attached */ /* Inverted */ /* Sizing */ /* Packaged Theme */ /******************************* Progress *******************************/ /*------------------- Element --------------------*/ /* Bar */ /* Progress Bar Label */ /* Label */ /*------------------- Types --------------------*/ /*------------------- States --------------------*/ /* Active */ /*------------------- Variations --------------------*/ /* Attached */ /* Inverted */ /* Sizing */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Progress *******************************/ /******************************* Content *******************************/ /* Activity Bar */ /* Percent Complete */ /* Label */ /******************************* Types *******************************/ /* Indicating */ /* Indicating Label */ /* Single Digits */ /* Indicating Success */ /******************************* States *******************************/ /*-------------- Success ---------------*/ /*-------------- Warning ---------------*/ /*-------------- Error ---------------*/ /*-------------- Active ---------------*/ /*-------------- Disabled ---------------*/ /******************************* Variations *******************************/ /*-------------- Inverted ---------------*/ /*-------------- Attached ---------------*/ /* bottom attached */ /* top attached */ /* Coupling */ /*-------------- Colors ---------------*/ /* Red */ /* Orange */ /* Yellow */ /* Olive */ /* Green */ /* Teal */ /* Blue */ /* Violet */ /* Purple */ /* Pink */ /* Brown */ /* Grey */ /* Black */ /*-------------- Sizes ---------------*/ /******************************* Progress *******************************/ /*! * # Semantic UI - Rating * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Rating *******************************/ /*------------------- Types --------------------*/ /* Standard */ /* Star */ /* Heart */ /*------------------- States --------------------*/ /*------------------- Variations --------------------*/ /* Packaged Theme */ /******************************* Rating *******************************/ /*------------------- Types --------------------*/ /* Standard */ /* Star */ /* Heart */ /*------------------- States --------------------*/ /*------------------- Variations --------------------*/ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Rating *******************************/ /* Icon */ /******************************* Types *******************************/ /*------------------- Standard --------------------*/ /* Inactive Icon */ /* Active Icon */ /* Selected Icon */ /*------------------- Star --------------------*/ /* Inactive */ /* Active Star */ /* Selected Star */ /*------------------- Heart --------------------*/ /* Active Heart */ /* Selected Heart */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /* disabled rating */ /*------------------- User Interactive --------------------*/ /* Selected Rating */ /******************************* Variations *******************************/ /******************************* Theme Overrides *******************************/ /* Empty Star */ /* Active Star */ /*------------------- Star --------------------*/ /* Unfilled Star */ /* Active Star */ /* Partial */ /*------------------- Heart --------------------*/ /* Empty Heart .ui.heart.rating .icon:before { content: '\f08a'; } */ /* Active */ /*! * # Semantic UI - Search * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Search *******************************/ /* Search Prompt */ /* Mobile */ /* Result Box */ /* Result */ /* Result Image */ /* Result Content */ /* Description */ /* Price */ /* Special Message */ /* All Results Link */ /******************************* States *******************************/ /* Focus */ /* Hover */ /* Loading */ /* Active Category */ /* Active Result */ /******************************* Types *******************************/ /* Selection */ /* Category */ /* Packaged Theme */ /******************************* Search *******************************/ /* Search Prompt */ /* Mobile */ /* Result Box */ /* Result */ /* Result Image */ /* Result Content */ /* Description */ /* Price */ /* Special Message */ /* All Results Link */ /******************************* States *******************************/ /* Focus */ /* Hover */ /* Loading */ /* Active Category */ /* Active Result */ /******************************* Types *******************************/ /* Selection */ /* Category */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Search *******************************/ /*-------------- Icon ---------------*/ /*-------------- Results ---------------*/ /*-------------- Result ---------------*/ /* Image */ /*-------------- Info ---------------*/ /*-------------- Message ---------------*/ /* View All Results */ /******************************* States *******************************/ /*-------------------- Focus ---------------------*/ /*-------------------- Loading ---------------------*/ /*-------------- Hover ---------------*/ /*-------------- Active ---------------*/ /*-------------------- Disabled ----------------------*/ /* Disabled */ /******************************* Types *******************************/ /*-------------- Selection ---------------*/ /* Remove input */ /*-------------- Category ---------------*/ /* Category */ /* Last Category */ /* First / Last */ /* Category Result Name */ /* Category Result */ /******************************* Variations *******************************/ /*------------------- Left / Right --------------------*/ /*-------------- Fluid ---------------*/ /*-------------- Sizes ---------------*/ /*-------------- Mobile ---------------*/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Shape * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Shape *******************************/ /* Animating */ /* Side */ /*-------------- Types ---------------*/ /* Cube */ /* Packaged Theme */ /******************************* Shape *******************************/ /* Animating */ /* Side */ /*-------------- Types ---------------*/ /* Cube */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Shape *******************************/ /******************************* Types *******************************/ /******************************* Variations *******************************/ /******************************* States *******************************/ /*-------------- Loading ---------------*/ /*-------------- Animating ---------------*/ /*-------------- CSS ---------------*/ /*-------------- Active ---------------*/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Sidebar * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Sidebar *******************************/ /*------------------- Content --------------------*/ /* Animation */ /* Dimmer */ /* Color below page */ /* Shadow */ /* Layering */ /*------------------- Variations --------------------*/ /* Width */ /* Height */ /* Packaged Theme */ /******************************* Sidebar *******************************/ /*------------------- Content --------------------*/ /* Animation */ /* Dimmer */ /* Color below page */ /* Shadow */ /* Layering */ /*------------------- Variations --------------------*/ /* Width */ /* Height */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Sidebar *******************************/ /* Sidebar Menu */ /* GPU Layers for Child Elements */ /*-------------- Direction ---------------*/ /*-------------- Pushable ---------------*/ /* Whole Page */ /* Page Context */ /*-------------- Fixed ---------------*/ /*-------------- Page ---------------*/ /* Pusher should inherit background from context */ /*-------------- Dimmer ---------------*/ /*-------------- Coupling ---------------*/ /******************************* States *******************************/ /*-------------- Dimmed ---------------*/ /*-------------- Animating ---------------*/ /*-------------- Visible ---------------*/ /* Shadow Direction */ /* Visible On Load */ /* opposite sides visible forces content overlay */ /*-------------- iOS ---------------*/ /******************************* Variations *******************************/ /*-------------- Width ---------------*/ /* Left / Right */ /* Left Visible */ /* Right Visible */ /******************************* Animations *******************************/ /*-------------- Overlay ---------------*/ /* Set-up */ /* Initial */ /* Animation */ /* End - Sidebar */ /* End - Pusher */ /*-------------- Push ---------------*/ /* Initial */ /* Sidebar - Initial */ /* End */ /*-------------- Uncover ---------------*/ /* Initial */ /* End */ /*-------------- Slide Along ---------------*/ /* Initial */ /* Sidebar - Initial */ /* Animation */ /* End */ /*-------------- Slide Out ---------------*/ /* Initial */ /* Sidebar - Initial */ /* Animation */ /* End */ /*-------------- Scale Down ---------------*/ /* Initial */ /* Sidebar - Initial */ /* Pusher - Initial */ /* Animation */ /* End */ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Sticky * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Sticky *******************************/ /* Packaged Theme */ /******************************* Sticky *******************************/ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Sticky *******************************/ /******************************* States *******************************/ /* Bound */ /* Fixed */ /* Bound/Fixed Position */ /******************************* Types *******************************/ /******************************* Theme Overrides *******************************/ /*! * # Semantic UI - Tab * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Tab *******************************/ /* Loading */ /* Packaged Theme */ /******************************* Tab *******************************/ /* Loading */ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* UI Tabs *******************************/ /******************************* States *******************************/ /*-------------------- Active ---------------------*/ /*-------------------- Loading ---------------------*/ /******************************* Tab Overrides *******************************/ /*! * # Semantic UI - Transition * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗ ╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝ ██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗ ██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║ ██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║ ╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝ */ /******************************* Theme Selection *******************************/ /* To override a theme for an individual element specify theme name below */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Import Theme *******************************/ /******************************* Import Directives *******************************/ /*------------------ Theme -------------------*/ /*-------------------- Site Variables ---------------------*/ /* Default site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Packaged site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Component's site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /* See Power-user section below for explanation of @px variables */ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*-------------- Form Input ---------------*/ /* This adjusts the default form input across all elements */ /* Input Text Color */ /* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */ /*------------------- Focused Input --------------------*/ /* Used on inputs, textarea etc */ /* Used on dropdowns, other larger blocks */ /*------------------- Sizes --------------------*/ /* Sizes are all expressed in terms of 14px/em (default em) This ensures these "ratios" remain constant despite changes in EM */ /*------------------- Page --------------------*/ /*------------------- Paragraph --------------------*/ /*------------------- Links --------------------*/ /*------------------- Scroll Bars --------------------*/ /* Inverted */ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Grid --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Breakpoints --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Headers ---*/ /*--- Colored Text ---*/ /*--- Colored Border ---*/ /*------------------- Alpha Colors --------------------*/ /*------------------- Accents --------------------*/ /* Differentiating Neutrals */ /* Differentiating Layers */ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Paths --------------------*/ /* For source only. Modified in gulp for dist */ /*------------------- Em Sizes --------------------*/ /* This rounds @size values to the closest pixel then expresses that value in (r)em. This ensures all size values round to exact pixels */ /* em */ /* rem */ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Loaders Position Offset */ /* Rendered Scrollbar Width */ /* Maximum Single Character Glyph Width, aka Capital "W" */ /* Used to match floats with text */ /* Header Spacing */ /* Minimum Mobile Width */ /* Positive / Negative Dupes */ /* Responsive */ /*------------------- Exact Pixel Values --------------------*/ /* These are used to specify exact pixel values in em for things like borders that remain constantly sized as emSize adjusts Since there are many more sizes than names for sizes, these are named by their original pixel values. */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Shadows ---*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Brand ---*/ /*--- Dark Tones ---*/ /*--- Light Tones ---*/ /* Site theme site.variables */ /******************************* Site Settings *******************************/ /*------------------- Fonts --------------------*/ /*------------------- Base Sizes --------------------*/ /* This is the single variable that controls them all */ /* The size of page text */ /*------------------- Border Radius --------------------*/ /*------------------- Brand Colors --------------------*/ /*-------------- Page Heading ---------------*/ /*------------------- Focused Input --------------------*/ /* Used on inputs, text-area etc */ /*------------------- Page --------------------*/ /*------------------- Links --------------------*/ /*------------------- Highlighted Text --------------------*/ /*------------------- Loader --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Green ---*/ /*--- Purple ---*/ /*--- Indigo ---*/ /*--- Blue ---*/ /*--- Yellow ---*/ /*--- Orange ---*/ /*--- Red ---*/ /*--- Whites ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /******************************* Power-User *******************************/ /*------------------- Emotive Colors --------------------*/ /* Positive */ /* Negative */ /* Info */ /* Warning */ /*------------------- Exact Pixel Values --------------------*/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Borders --------------------*/ /*------------------- Derived Values --------------------*/ /* Positive / Negative Dupes */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Focus --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*------------------- Active --------------------*/ /*--- Colors ---*/ /*------------------- Component Variables ---------------------*/ /* Default */ /******************************* Transition *******************************/ /* Packaged Theme */ /******************************* Transition *******************************/ /* Site Theme */ /******************************* Mix-ins *******************************/ /*------------------ Fonts -------------------*/ /*------------------ Overrides -------------------*/ /* End Config */ /******************************* Transitions *******************************/ /******************************* States *******************************/ /* Animating */ /* Loading */ /* Hidden */ /* Visible */ /* Disabled */ /******************************* Variations *******************************/ /******************************* Transitions *******************************/ /* Some transitions adapted from Animate CSS https://github.com/daneden/animate.css Additional transitions adapted from Glide by Nick Pettit - https://github.com/nickpettit/glide */ /*-------------- Browse ---------------*/ /* In */ /* Out */ /*-------------- Drop ---------------*/ /* Drop */ /*-------------- Fade ---------------*/ /* In */ /* Out */ /*-------------- Flips ---------------*/ /* In */ /* Out */ /*-------------- Scale ---------------*/ /* Out */ /*-------------- Fly ---------------*/ /* Inward */ /* Outward */ /* In */ /* Out */ /*-------------- Slide ---------------*/ /* In */ /* Out */ /*-------------- Swing ---------------*/ /* In */ /* Out */ /*-------------- Zoom ---------------*/ /******************************* Static Animations *******************************/ /*-------------- Emphasis ---------------*/ /* Flash */ /* Shake */ /* Bounce */ /* Tada */ /* Pulse */ /* Jiggle */ /* Glow */ } .bgs-theme .ui.button { cursor: pointer; display: inline-block; min-height: 1em; outline: none; border: none; vertical-align: baseline; background: #ABADB0 none; color: #FAFAFA; font-family: 'proxima-nova', sans-serif; margin: 0em 0.25em 0em 0em; padding: 0.6875em 1.5em 0.6875em; text-transform: none; text-shadow: none; font-weight: normal; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; border-radius: 0.1875rem; box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px #ABADB0 inset; user-select: none; transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease; will-change: ''; -webkit-tap-highlight-color: transparent; } .bgs-theme .ui.button:hover { background-color: #9ea0a4; background-image: none; box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px #ABADB0 inset; color: #FAFAFA; } .bgs-theme .ui.button:hover .icon { opacity: 0.85; } .bgs-theme .ui.button:focus { background-color: #9ea0a4; color: #FAFAFA; background-image: '' !important; box-shadow: '' !important; } .bgs-theme .ui.button:focus .icon { opacity: 0.85; } .bgs-theme .ui.button:active, .bgs-theme .ui.active.button:active { background-color: #909398; background-image: ''; color: #FAFAFA; box-shadow: 0px 0px 0px 1px transparent inset, none; } .bgs-theme .ui.active.button { background-color: #9ea0a4; background-image: none; box-shadow: 0px 0px 0px 1px transparent inset; color: #FAFAFA; } .bgs-theme .ui.active.button:hover { background-color: #9ea0a4; background-image: none; color: #FAFAFA; } .bgs-theme .ui.active.button:active { background-color: #9ea0a4; background-image: none; } .bgs-theme .ui.loading.loading.loading.loading.loading.loading.button { position: relative; cursor: default; text-shadow: none !important; color: transparent !important; opacity: 1; pointer-events: auto; transition: all 0s linear, opacity 0.1s ease; } .bgs-theme .ui.loading.button:before { position: absolute; content: ''; top: 50%; left: 50%; margin: -0.65625em 0em 0em -0.65625em; width: 1.3125em; height: 1.3125em; border-radius: 500rem; border: 0.25em solid rgba(0, 0, 0, 0.15); } .bgs-theme .ui.loading.button:after { position: absolute; content: ''; top: 50%; left: 50%; margin: -0.65625em 0em 0em -0.65625em; width: 1.3125em; height: 1.3125em; animation: button-spin 0.8s linear; animation-iteration-count: infinite; border-radius: 500rem; border-color: #FAFAFA transparent transparent; border-style: solid; border-width: 0.25em; box-shadow: 0px 0px 0px 1px transparent; } .bgs-theme .ui.labeled.icon.loading.button .icon { background-color: transparent; box-shadow: none; } @keyframes button-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .bgs-theme .ui.basic.loading.button:not(.inverted):before { border-color: rgba(187, 229, 179, 0.5); } .bgs-theme .ui.basic.loading.button:not(.inverted):after { border-top-color: #50B83C; } .bgs-theme .ui.buttons .disabled.button, .bgs-theme .ui.disabled.button, .bgs-theme .ui.button:disabled, .bgs-theme .ui.disabled.button:hover, .bgs-theme .ui.disabled.active.button { cursor: default; opacity: 0.6 !important; background-image: none !important; box-shadow: none !important; pointer-events: none !important; } .bgs-theme .ui.basic.buttons .ui.disabled.button { border-color: #D8D8D8; } .bgs-theme .ui.animated.button { position: relative; overflow: hidden; padding-right: 0em !important; vertical-align: middle; z-index: 1; } .bgs-theme .ui.animated.button .content { will-change: transform, opacity; } .bgs-theme .ui.animated.button .visible.content { position: relative; margin-right: 1.5em; } .bgs-theme .ui.animated.button .hidden.content { position: absolute; width: 100%; } .bgs-theme .ui.animated.button .visible.content, .bgs-theme .ui.animated.button .hidden.content { transition: right 0.3s ease 0s; } .bgs-theme .ui.animated.button .visible.content { left: auto; right: 0%; } .bgs-theme .ui.animated.button .hidden.content { top: 50%; left: auto; right: -100%; margin-top: -0.5em; } .bgs-theme .ui.animated.button:focus .visible.content, .bgs-theme .ui.animated.button:hover .visible.content { left: auto; right: 200%; } .bgs-theme .ui.animated.button:focus .hidden.content, .bgs-theme .ui.animated.button:hover .hidden.content { left: auto; right: 0%; } .bgs-theme .ui.vertical.animated.button .visible.content, .bgs-theme .ui.vertical.animated.button .hidden.content { transition: top 0.3s ease, transform 0.3s ease; } .bgs-theme .ui.vertical.animated.button .visible.content { transform: translateY(0%); right: auto; } .bgs-theme .ui.vertical.animated.button .hidden.content { top: -50%; left: 0%; right: auto; } .bgs-theme .ui.vertical.animated.button:focus .visible.content, .bgs-theme .ui.vertical.animated.button:hover .visible.content { transform: translateY(200%); right: auto; } .bgs-theme .ui.vertical.animated.button:focus .hidden.content, .bgs-theme .ui.vertical.animated.button:hover .hidden.content { top: 50%; right: auto; } .bgs-theme .ui.fade.animated.button .visible.content, .bgs-theme .ui.fade.animated.button .hidden.content { transition: opacity 0.3s ease, transform 0.3s ease; } .bgs-theme .ui.fade.animated.button .visible.content { left: auto; right: auto; opacity: 1; transform: scale(1); } .bgs-theme .ui.fade.animated.button .hidden.content { opacity: 0; left: 0%; right: auto; transform: scale(1.5); } .bgs-theme .ui.fade.animated.button:focus .visible.content, .bgs-theme .ui.fade.animated.button:hover .visible.content { left: auto; right: auto; opacity: 0; transform: scale(0.75); } .bgs-theme .ui.fade.animated.button:focus .hidden.content, .bgs-theme .ui.fade.animated.button:hover .hidden.content { left: 0%; right: auto; opacity: 1; transform: scale(1); } .bgs-theme .ui.inverted.button { box-shadow: 0px 0px 0px 2px #FAFAFA inset !important; background: transparent none; color: #FAFAFA; text-shadow: none !important; } .bgs-theme .ui.inverted.buttons .button { margin: 0px 0px 0px -2px; } .bgs-theme .ui.inverted.buttons .button:first-child { margin-left: 0em; } .bgs-theme .ui.inverted.vertical.buttons .button { margin: 0px 0px -2px 0px; } .bgs-theme .ui.inverted.vertical.buttons .button:first-child { margin-top: 0em; } .bgs-theme .ui.inverted.button:hover { background: #FAFAFA; box-shadow: 0px 0px 0px 2px #FAFAFA inset !important; color: #FAFAFA; } .bgs-theme .ui.inverted.button:focus, .bgs-theme .ui.inverted.button.active { background: #FAFAFA; box-shadow: 0px 0px 0px 2px #FAFAFA inset !important; color: #FAFAFA; } .bgs-theme .ui.inverted.button.active:focus { background: #DCDDDE; box-shadow: 0px 0px 0px 2px #DCDDDE inset !important; color: #FAFAFA; } .bgs-theme .ui.labeled.button:not(.icon) { display: inline-flex; flex-direction: row; background: none !important; padding: 0px !important; border: none !important; box-shadow: none !important; } .bgs-theme .ui.labeled.button > .button { margin: 0px; } .bgs-theme .ui.labeled.button > .label { display: flex; align-items: center; margin: 0px 0px 0px -1px !important; padding: ''; font-size: 1em; border-color: #ABADB0; } .bgs-theme .ui.labeled.button > .tag.label:before { width: 1.85em; height: 1.85em; } .bgs-theme .ui.labeled.button:not([class*="left labeled"]) > .button { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .bgs-theme .ui.labeled.button:not([class*="left labeled"]) > .label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .bgs-theme .ui[class*="left labeled"].button > .button { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .bgs-theme .ui[class*="left labeled"].button > .label { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .bgs-theme .ui.facebook.button { background-color: #3B5998; color: #FAFAFA; text-shadow: none; background-image: none; box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.facebook.button:hover { background-color: #304d8a; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.facebook.button:active { background-color: #2d4373; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.twitter.button { background-color: #55ACEE; color: #FAFAFA; text-shadow: none; background-image: none; box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.twitter.button:hover { background-color: #35a2f4; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.twitter.button:active { background-color: #2795e9; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.google.plus.button { background-color: #DD4B39; color: #FAFAFA; text-shadow: none; background-image: none; box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.google.plus.button:hover { background-color: #e0321c; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.google.plus.button:active { background-color: #c23321; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.linkedin.button { background-color: #1F88BE; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.linkedin.button:hover { background-color: #147baf; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.linkedin.button:active { background-color: #186992; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.youtube.button { background-color: #FF0000; color: #FAFAFA; text-shadow: none; background-image: none; box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.youtube.button:hover { background-color: #e60000; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.youtube.button:active { background-color: #cc0000; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.instagram.button { background-color: #49769C; color: #FAFAFA; text-shadow: none; background-image: none; box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.instagram.button:hover { background-color: #3d698e; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.instagram.button:active { background-color: #395c79; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.pinterest.button { background-color: #BD081C; color: #FAFAFA; text-shadow: none; background-image: none; box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.pinterest.button:hover { background-color: #ac0013; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.pinterest.button:active { background-color: #8c0615; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.vk.button { background-color: #4D7198; color: #FAFAFA; background-image: none; box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.vk.button:hover { background-color: #41648a; color: #FAFAFA; } .bgs-theme .ui.vk.button:active { background-color: #3c5876; color: #FAFAFA; } .bgs-theme .ui.button > .icon:not(.button) { height: 0.875em; opacity: 0.8; margin: 0em 0.375em 0em -0.1875em; transition: opacity 0.1s ease; vertical-align: ''; color: ''; } .bgs-theme .ui.button:not(.icon) > .icon:not(.button):not(.dropdown) { margin: 0em 0.375em 0em -0.1875em; } .bgs-theme .ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) { margin: 0em -0.1875em 0em 0.375em; } .bgs-theme .ui[class*="left floated"].buttons, .bgs-theme .ui[class*="left floated"].button { float: left; margin-left: 0em; margin-right: 0.25em; } .bgs-theme .ui[class*="right floated"].buttons, .bgs-theme .ui[class*="right floated"].button { float: right; margin-right: 0em; margin-left: 0.25em; } .bgs-theme .ui.compact.buttons .button, .bgs-theme .ui.compact.button { padding: 0.515625em 1.125em 0.515625em; } .bgs-theme .ui.compact.icon.buttons .button, .bgs-theme .ui.compact.icon.button { padding: 0.515625em 0.515625em 0.515625em; } .bgs-theme .ui.compact.labeled.icon.buttons .button, .bgs-theme .ui.compact.labeled.icon.button { padding: 0.515625em 3.5em 0.515625em; } .bgs-theme .ui.mini.buttons .button, .bgs-theme .ui.mini.buttons .or, .bgs-theme .ui.mini.button { font-size: 0.8125rem; } .bgs-theme .ui.tiny.buttons .button, .bgs-theme .ui.tiny.buttons .or, .bgs-theme .ui.tiny.button { font-size: 0.875rem; } .bgs-theme .ui.small.buttons .button, .bgs-theme .ui.small.buttons .or, .bgs-theme .ui.small.button { font-size: 0.9375rem; } .bgs-theme .ui.buttons .button, .bgs-theme .ui.buttons .or, .bgs-theme .ui.button { font-size: 1rem; } .bgs-theme .ui.large.buttons .button, .bgs-theme .ui.large.buttons .or, .bgs-theme .ui.large.button { font-size: 1.125rem; } .bgs-theme .ui.big.buttons .button, .bgs-theme .ui.big.buttons .or, .bgs-theme .ui.big.button { font-size: 1.3125rem; } .bgs-theme .ui.huge.buttons .button, .bgs-theme .ui.huge.buttons .or, .bgs-theme .ui.huge.button { font-size: 1.4375rem; } .bgs-theme .ui.massive.buttons .button, .bgs-theme .ui.massive.buttons .or, .bgs-theme .ui.massive.button { font-size: 1.6875rem; } .bgs-theme .ui.icon.buttons .button, .bgs-theme .ui.icon.button { padding: 0.6875em 0.6875em 0.6875em; } .bgs-theme .ui.icon.buttons .button > .icon, .bgs-theme .ui.icon.button > .icon { opacity: 0.9; margin: 0em !important; vertical-align: top; } .bgs-theme .ui.basic.buttons .button, .bgs-theme .ui.basic.button { background: transparent none !important; color: #FAFAFA !important; font-weight: normal; border-radius: 0.1875rem; text-transform: none; text-shadow: none !important; box-shadow: 0px 0px 0px 1px #ABADB0 inset; } .bgs-theme .ui.basic.buttons { box-shadow: none; border: 1px solid #ABADB0; border-radius: 0.1875rem; } .bgs-theme .ui.basic.buttons .button { border-radius: 0em; } .bgs-theme .ui.basic.buttons .button:hover, .bgs-theme .ui.basic.button:hover { background: #FFFFFF !important; color: rgba(0, 0, 0, 0.8) !important; box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px #ABADB0 inset; } .bgs-theme .ui.basic.buttons .button:focus, .bgs-theme .ui.basic.button:focus { background: #FFFFFF !important; color: rgba(0, 0, 0, 0.8) !important; box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px #ABADB0 inset; } .bgs-theme .ui.basic.buttons .button:active, .bgs-theme .ui.basic.button:active { background: #F8F8F8 !important; color: rgba(0, 0, 0, 0.9) !important; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px #ABADB0 inset; } .bgs-theme .ui.basic.buttons .active.button, .bgs-theme .ui.basic.active.button { background: rgba(0, 0, 0, 0.05) !important; box-shadow: '' !important; color: rgba(0, 0, 0, 0.95) !important; } .bgs-theme .ui.basic.buttons .active.button:hover, .bgs-theme .ui.basic.active.button:hover { background-color: rgba(0, 0, 0, 0.05); } .bgs-theme .ui.basic.buttons .button:hover { box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px #ABADB0 inset inset; } .bgs-theme .ui.basic.buttons .button:active { box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px #ABADB0 inset inset; } .bgs-theme .ui.basic.buttons .active.button { box-shadow: '' !important; } .bgs-theme .ui.basic.inverted.buttons .button, .bgs-theme .ui.basic.inverted.button { background-color: transparent !important; color: #F9FAFB !important; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; } .bgs-theme .ui.basic.inverted.buttons .button:hover, .bgs-theme .ui.basic.inverted.button:hover { color: #FAFAFA !important; box-shadow: 0px 0px 0px 2px #ffffff inset !important; } .bgs-theme .ui.basic.inverted.buttons .button:focus, .bgs-theme .ui.basic.inverted.button:focus { color: #FAFAFA !important; box-shadow: 0px 0px 0px 2px #ffffff inset !important; } .bgs-theme .ui.basic.inverted.buttons .button:active, .bgs-theme .ui.basic.inverted.button:active { background-color: rgba(255, 255, 255, 0.08) !important; color: #FAFAFA !important; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important; } .bgs-theme .ui.basic.inverted.buttons .active.button, .bgs-theme .ui.basic.inverted.active.button { background-color: rgba(255, 255, 255, 0.08); color: #FAFAFA; text-shadow: none; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset; } .bgs-theme .ui.basic.inverted.buttons .active.button:hover, .bgs-theme .ui.basic.inverted.active.button:hover { background-color: rgba(255, 255, 255, 0.15); box-shadow: 0px 0px 0px 2px #ffffff inset !important; } .bgs-theme .ui.basic.buttons .button { border-left: 1px solid #ABADB0; box-shadow: none; } .bgs-theme .ui.basic.vertical.buttons .button { border-left: none; } .bgs-theme .ui.basic.vertical.buttons .button { border-left-width: 0px; border-top: 1px solid #ABADB0; } .bgs-theme .ui.basic.vertical.buttons .button:first-child { border-top-width: 0px; } .bgs-theme .ui.labeled.icon.buttons .button, .bgs-theme .ui.labeled.icon.button { position: relative; padding-left: 3.875em !important; padding-right: 1.5em !important; } .bgs-theme .ui.labeled.icon.buttons > .button > .icon, .bgs-theme .ui.labeled.icon.button > .icon { position: absolute; height: 100%; line-height: 1; border-radius: 0px; border-top-left-radius: inherit; border-bottom-left-radius: inherit; text-align: center; margin: 0em; width: 2.375em; background-color: rgba(67, 75, 85, 0.25); color: ''; box-shadow: -1px 0px 0px 0px transparent inset; } .bgs-theme .ui.labeled.icon.buttons > .button > .icon, .bgs-theme .ui.labeled.icon.button > .icon { top: 0em; left: 0em; } .bgs-theme .ui[class*="right labeled"].icon.button { padding-right: 3.875em !important; padding-left: 1.5em !important; } .bgs-theme .ui[class*="right labeled"].icon.button > .icon { left: auto; right: 0em; border-radius: 0px; border-top-right-radius: inherit; border-bottom-right-radius: inherit; box-shadow: 1px 0px 0px 0px transparent inset; } .bgs-theme .ui.labeled.icon.buttons > .button > .icon:before, .bgs-theme .ui.labeled.icon.button > .icon:before, .bgs-theme .ui.labeled.icon.buttons > .button > .icon:after, .bgs-theme .ui.labeled.icon.button > .icon:after { display: block; position: absolute; width: 100%; top: 50%; text-align: center; transform: translateY(-50%); } .bgs-theme .ui.labeled.icon.button > .icon.loading { animation: none; } .bgs-theme .ui.labeled.icon.button > .icon.loading:before { animation: labeled-button-icon-loading 2s linear infinite; } @keyframes labeled-button-icon-loading { from { transform: translateY(-50%) rotate(0deg); } to { transform: translateY(-50%) rotate(360deg); } } .bgs-theme .ui.labeled.icon.buttons .button > .icon { border-radius: 0em; } .bgs-theme .ui.labeled.icon.buttons .button:first-child > .icon { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .bgs-theme .ui.labeled.icon.buttons .button:last-child > .icon { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .bgs-theme .ui.vertical.labeled.icon.buttons .button:first-child > .icon { border-radius: 0em; border-top-left-radius: 0.1875rem; } .bgs-theme .ui.vertical.labeled.icon.buttons .button:last-child > .icon { border-radius: 0em; border-bottom-left-radius: 0.1875rem; } .bgs-theme .ui.fluid[class*="left labeled"].icon.button, .bgs-theme .ui.fluid[class*="right labeled"].icon.button { padding-left: 1.5em !important; padding-right: 1.5em !important; } .bgs-theme .ui.toggle.buttons .active.button, .bgs-theme .ui.buttons .button.toggle.active, .bgs-theme .ui.button.toggle.active { background-color: #50B83C !important; box-shadow: none !important; text-shadow: none; color: #FAFAFA !important; } .bgs-theme .ui.button.toggle.active:hover { background-color: #44aa30 !important; text-shadow: none; color: #FAFAFA !important; } .bgs-theme .ui.circular.button { border-radius: 10em; } .bgs-theme .ui.circular.button > .icon { width: 1em; vertical-align: baseline; } .bgs-theme .ui.buttons .or { position: relative; width: 0.3em; height: 2.375em; z-index: 3; } .bgs-theme .ui.buttons .or:before { position: absolute; text-align: center; border-radius: 500rem; content: 'or'; top: 50%; left: 50%; background-color: #FAFAFA; text-shadow: none; margin-top: -0.84375em; margin-left: -0.84375em; width: 1.6875em; height: 1.6875em; line-height: 1.6875em; color: rgba(0, 0, 0, 0.4); font-style: normal; font-weight: bold; box-shadow: 0px 0px 0px 1px transparent inset; } .bgs-theme .ui.buttons .or[data-text]:before { content: attr(data-text); } .bgs-theme .ui.fluid.buttons .or { width: 0em !important; } .bgs-theme .ui.fluid.buttons .or:after { display: none; } .bgs-theme .ui.attached.button { position: relative; display: block; margin: 0em; border-radius: 0em; box-shadow: 0px 0px 0px 1px #ABADB0 !important; } .bgs-theme .ui.attached.top.button { border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.attached.bottom.button { border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui.left.attached.button { display: inline-block; border-left: none; text-align: right; padding-right: 0.75em; border-radius: 0.1875rem 0em 0em 0.1875rem; } .bgs-theme .ui.right.attached.button { display: inline-block; text-align: left; padding-left: 0.75em; border-radius: 0em 0.1875rem 0.1875rem 0em; } .bgs-theme .ui.attached.buttons { position: relative; display: flex; border-radius: 0em; width: auto !important; z-index: 2; margin-left: -1px; margin-right: -1px; } .bgs-theme .ui.attached.buttons .button { margin: 0em; } .bgs-theme .ui.attached.buttons .button:first-child { border-radius: 0em; } .bgs-theme .ui.attached.buttons .button:last-child { border-radius: 0em; } .bgs-theme .ui[class*="top attached"].buttons { margin-bottom: -1px; border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui[class*="top attached"].buttons .button:first-child { border-radius: 0.1875rem 0em 0em 0em; } .bgs-theme .ui[class*="top attached"].buttons .button:last-child { border-radius: 0em 0.1875rem 0em 0em; } .bgs-theme .ui[class*="bottom attached"].buttons { margin-top: -1px; border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui[class*="bottom attached"].buttons .button:first-child { border-radius: 0em 0em 0em 0.1875rem; } .bgs-theme .ui[class*="bottom attached"].buttons .button:last-child { border-radius: 0em 0em 0.1875rem 0em; } .bgs-theme .ui[class*="left attached"].buttons { display: inline-flex; margin-right: 0em; margin-left: -1px; border-radius: 0em 0.1875rem 0.1875rem 0em; } .bgs-theme .ui[class*="left attached"].buttons .button:first-child { margin-left: -1px; border-radius: 0em 0.1875rem 0em 0em; } .bgs-theme .ui[class*="left attached"].buttons .button:last-child { margin-left: -1px; border-radius: 0em 0em 0.1875rem 0em; } .bgs-theme .ui[class*="right attached"].buttons { display: inline-flex; margin-left: 0em; margin-right: -1px; border-radius: 0.1875rem 0em 0em 0.1875rem; } .bgs-theme .ui[class*="right attached"].buttons .button:first-child { margin-left: -1px; border-radius: 0.1875rem 0em 0em 0em; } .bgs-theme .ui[class*="right attached"].buttons .button:last-child { margin-left: -1px; border-radius: 0em 0em 0em 0.1875rem; } .bgs-theme .ui.fluid.buttons, .bgs-theme .ui.fluid.button { width: 100%; } .bgs-theme .ui.fluid.button { display: block; } .bgs-theme .ui.two.buttons { width: 100%; } .bgs-theme .ui.two.buttons > .button { width: 50%; } .bgs-theme .ui.three.buttons { width: 100%; } .bgs-theme .ui.three.buttons > .button { width: 33.333%; } .bgs-theme .ui.four.buttons { width: 100%; } .bgs-theme .ui.four.buttons > .button { width: 25%; } .bgs-theme .ui.five.buttons { width: 100%; } .bgs-theme .ui.five.buttons > .button { width: 20%; } .bgs-theme .ui.six.buttons { width: 100%; } .bgs-theme .ui.six.buttons > .button { width: 16.666%; } .bgs-theme .ui.seven.buttons { width: 100%; } .bgs-theme .ui.seven.buttons > .button { width: 14.285%; } .bgs-theme .ui.eight.buttons { width: 100%; } .bgs-theme .ui.eight.buttons > .button { width: 12.500%; } .bgs-theme .ui.nine.buttons { width: 100%; } .bgs-theme .ui.nine.buttons > .button { width: 11.11%; } .bgs-theme .ui.ten.buttons { width: 100%; } .bgs-theme .ui.ten.buttons > .button { width: 10%; } .bgs-theme .ui.eleven.buttons { width: 100%; } .bgs-theme .ui.eleven.buttons > .button { width: 9.09%; } .bgs-theme .ui.twelve.buttons { width: 100%; } .bgs-theme .ui.twelve.buttons > .button { width: 8.3333%; } .bgs-theme .ui.fluid.vertical.buttons, .bgs-theme .ui.fluid.vertical.buttons > .button { display: flex; width: auto; } .bgs-theme .ui.two.vertical.buttons > .button { height: 50%; } .bgs-theme .ui.three.vertical.buttons > .button { height: 33.333%; } .bgs-theme .ui.four.vertical.buttons > .button { height: 25%; } .bgs-theme .ui.five.vertical.buttons > .button { height: 20%; } .bgs-theme .ui.six.vertical.buttons > .button { height: 16.666%; } .bgs-theme .ui.seven.vertical.buttons > .button { height: 14.285%; } .bgs-theme .ui.eight.vertical.buttons > .button { height: 12.500%; } .bgs-theme .ui.nine.vertical.buttons > .button { height: 11.11%; } .bgs-theme .ui.ten.vertical.buttons > .button { height: 10%; } .bgs-theme .ui.eleven.vertical.buttons > .button { height: 9.09%; } .bgs-theme .ui.twelve.vertical.buttons > .button { height: 8.3333%; } .bgs-theme .ui.black.buttons .button, .bgs-theme .ui.black.button { background-color: #2D3239; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.black.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.black.buttons .button:hover, .bgs-theme .ui.black.button:hover { background-color: #383f47; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.black.buttons .button:focus, .bgs-theme .ui.black.button:focus { background-color: #3f4650; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.black.buttons .button:active, .bgs-theme .ui.black.button:active { background-color: #444b56; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.black.buttons .active.button, .bgs-theme .ui.black.buttons .active.button:active, .bgs-theme .ui.black.active.button, .bgs-theme .ui.black.button .active.button:active { background-color: #22262b; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.black.buttons .button, .bgs-theme .ui.basic.black.button { box-shadow: 0px 0px 0px 1px #2D3239 inset !important; color: #2D3239 !important; } .bgs-theme .ui.basic.black.buttons .button:hover, .bgs-theme .ui.basic.black.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #383f47 inset !important; color: #383f47 !important; } .bgs-theme .ui.basic.black.buttons .button:focus, .bgs-theme .ui.basic.black.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #3f4650 inset !important; color: #383f47 !important; } .bgs-theme .ui.basic.black.buttons .active.button, .bgs-theme .ui.basic.black.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #22262b inset !important; color: #444b56 !important; } .bgs-theme .ui.basic.black.buttons .button:active, .bgs-theme .ui.basic.black.button:active { box-shadow: 0px 0px 0px 1px #444b56 inset !important; color: #444b56 !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.black.buttons .button, .bgs-theme .ui.inverted.black.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; color: #FAFAFA; } .bgs-theme .ui.inverted.black.buttons .button:hover, .bgs-theme .ui.inverted.black.button:hover, .bgs-theme .ui.inverted.black.buttons .button:focus, .bgs-theme .ui.inverted.black.button:focus, .bgs-theme .ui.inverted.black.buttons .button.active, .bgs-theme .ui.inverted.black.button.active, .bgs-theme .ui.inverted.black.buttons .button:active, .bgs-theme .ui.inverted.black.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.black.buttons .button:hover, .bgs-theme .ui.inverted.black.button:hover { background-color: #000000; } .bgs-theme .ui.inverted.black.buttons .button:focus, .bgs-theme .ui.inverted.black.button:focus { background-color: #000000; } .bgs-theme .ui.inverted.black.buttons .active.button, .bgs-theme .ui.inverted.black.active.button { background-color: #000000; } .bgs-theme .ui.inverted.black.buttons .button:active, .bgs-theme .ui.inverted.black.button:active { background-color: #000000; } .bgs-theme .ui.inverted.black.basic.buttons .button, .bgs-theme .ui.inverted.black.buttons .basic.button, .bgs-theme .ui.inverted.black.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.black.basic.buttons .button:hover, .bgs-theme .ui.inverted.black.buttons .basic.button:hover, .bgs-theme .ui.inverted.black.basic.button:hover { box-shadow: 0px 0px 0px 2px #000000 inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.black.basic.buttons .button:focus, .bgs-theme .ui.inverted.black.basic.buttons .button:focus, .bgs-theme .ui.inverted.black.basic.button:focus { box-shadow: 0px 0px 0px 2px #000000 inset !important; color: #545454 !important; } .bgs-theme .ui.inverted.black.basic.buttons .active.button, .bgs-theme .ui.inverted.black.buttons .basic.active.button, .bgs-theme .ui.inverted.black.basic.active.button { box-shadow: 0px 0px 0px 2px #000000 inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.black.basic.buttons .button:active, .bgs-theme .ui.inverted.black.buttons .basic.button:active, .bgs-theme .ui.inverted.black.basic.button:active { box-shadow: 0px 0px 0px 2px #000000 inset !important; color: #FAFAFA !important; } .bgs-theme .ui.grey.buttons .button, .bgs-theme .ui.grey.button { background-color: #ABADB0; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.grey.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.grey.buttons .button:hover, .bgs-theme .ui.grey.button:hover { background-color: #b8babc; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.grey.buttons .button:focus, .bgs-theme .ui.grey.button:focus { background-color: #c0c2c4; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.grey.buttons .button:active, .bgs-theme .ui.grey.button:active { background-color: #c5c7c9; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.grey.buttons .active.button, .bgs-theme .ui.grey.buttons .active.button:active, .bgs-theme .ui.grey.active.button, .bgs-theme .ui.grey.button .active.button:active { background-color: #9ea0a4; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.grey.buttons .button, .bgs-theme .ui.basic.grey.button { box-shadow: 0px 0px 0px 1px #ABADB0 inset !important; color: #ABADB0 !important; } .bgs-theme .ui.basic.grey.buttons .button:hover, .bgs-theme .ui.basic.grey.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #b8babc inset !important; color: #b8babc !important; } .bgs-theme .ui.basic.grey.buttons .button:focus, .bgs-theme .ui.basic.grey.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #c0c2c4 inset !important; color: #b8babc !important; } .bgs-theme .ui.basic.grey.buttons .active.button, .bgs-theme .ui.basic.grey.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #9ea0a4 inset !important; color: #c5c7c9 !important; } .bgs-theme .ui.basic.grey.buttons .button:active, .bgs-theme .ui.basic.grey.button:active { box-shadow: 0px 0px 0px 1px #c5c7c9 inset !important; color: #c5c7c9 !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.grey.buttons .button, .bgs-theme .ui.inverted.grey.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; color: #FAFAFA; } .bgs-theme .ui.inverted.grey.buttons .button:hover, .bgs-theme .ui.inverted.grey.button:hover, .bgs-theme .ui.inverted.grey.buttons .button:focus, .bgs-theme .ui.inverted.grey.button:focus, .bgs-theme .ui.inverted.grey.buttons .button.active, .bgs-theme .ui.inverted.grey.button.active, .bgs-theme .ui.inverted.grey.buttons .button:active, .bgs-theme .ui.inverted.grey.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.grey.buttons .button:hover, .bgs-theme .ui.inverted.grey.button:hover { background-color: #e4e4e4; } .bgs-theme .ui.inverted.grey.buttons .button:focus, .bgs-theme .ui.inverted.grey.button:focus { background-color: #dddddd; } .bgs-theme .ui.inverted.grey.buttons .active.button, .bgs-theme .ui.inverted.grey.active.button { background-color: #e4e4e4; } .bgs-theme .ui.inverted.grey.buttons .button:active, .bgs-theme .ui.inverted.grey.button:active { background-color: #d8d8d8; } .bgs-theme .ui.inverted.grey.basic.buttons .button, .bgs-theme .ui.inverted.grey.buttons .basic.button, .bgs-theme .ui.inverted.grey.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.grey.basic.buttons .button:hover, .bgs-theme .ui.inverted.grey.buttons .basic.button:hover, .bgs-theme .ui.inverted.grey.basic.button:hover { box-shadow: 0px 0px 0px 2px #e4e4e4 inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.grey.basic.buttons .button:focus, .bgs-theme .ui.inverted.grey.basic.buttons .button:focus, .bgs-theme .ui.inverted.grey.basic.button:focus { box-shadow: 0px 0px 0px 2px #dddddd inset !important; color: #F1F1F1 !important; } .bgs-theme .ui.inverted.grey.basic.buttons .active.button, .bgs-theme .ui.inverted.grey.buttons .basic.active.button, .bgs-theme .ui.inverted.grey.basic.active.button { box-shadow: 0px 0px 0px 2px #e4e4e4 inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.grey.basic.buttons .button:active, .bgs-theme .ui.inverted.grey.buttons .basic.button:active, .bgs-theme .ui.inverted.grey.basic.button:active { box-shadow: 0px 0px 0px 2px #d8d8d8 inset !important; color: #FAFAFA !important; } .bgs-theme .ui.brown.buttons .button, .bgs-theme .ui.brown.button { background-color: #A5673F; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.brown.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.brown.buttons .button:hover, .bgs-theme .ui.brown.button:hover { background-color: #975b33; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.brown.buttons .button:focus, .bgs-theme .ui.brown.button:focus { background-color: #90532b; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.brown.buttons .button:active, .bgs-theme .ui.brown.button:active { background-color: #805031; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.brown.buttons .active.button, .bgs-theme .ui.brown.buttons .active.button:active, .bgs-theme .ui.brown.active.button, .bgs-theme .ui.brown.button .active.button:active { background-color: #995a31; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.brown.buttons .button, .bgs-theme .ui.basic.brown.button { box-shadow: 0px 0px 0px 1px #A5673F inset !important; color: #A5673F !important; } .bgs-theme .ui.basic.brown.buttons .button:hover, .bgs-theme .ui.basic.brown.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #975b33 inset !important; color: #975b33 !important; } .bgs-theme .ui.basic.brown.buttons .button:focus, .bgs-theme .ui.basic.brown.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #90532b inset !important; color: #975b33 !important; } .bgs-theme .ui.basic.brown.buttons .active.button, .bgs-theme .ui.basic.brown.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #995a31 inset !important; color: #805031 !important; } .bgs-theme .ui.basic.brown.buttons .button:active, .bgs-theme .ui.basic.brown.button:active { box-shadow: 0px 0px 0px 1px #805031 inset !important; color: #805031 !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.brown.buttons .button, .bgs-theme .ui.inverted.brown.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #D67C1C inset !important; color: #D67C1C; } .bgs-theme .ui.inverted.brown.buttons .button:hover, .bgs-theme .ui.inverted.brown.button:hover, .bgs-theme .ui.inverted.brown.buttons .button:focus, .bgs-theme .ui.inverted.brown.button:focus, .bgs-theme .ui.inverted.brown.buttons .button.active, .bgs-theme .ui.inverted.brown.button.active, .bgs-theme .ui.inverted.brown.buttons .button:active, .bgs-theme .ui.inverted.brown.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.brown.buttons .button:hover, .bgs-theme .ui.inverted.brown.button:hover { background-color: #c86f11; } .bgs-theme .ui.inverted.brown.buttons .button:focus, .bgs-theme .ui.inverted.brown.button:focus { background-color: #c16808; } .bgs-theme .ui.inverted.brown.buttons .active.button, .bgs-theme .ui.inverted.brown.active.button { background-color: #cc6f0d; } .bgs-theme .ui.inverted.brown.buttons .button:active, .bgs-theme .ui.inverted.brown.button:active { background-color: #a96216; } .bgs-theme .ui.inverted.brown.basic.buttons .button, .bgs-theme .ui.inverted.brown.buttons .basic.button, .bgs-theme .ui.inverted.brown.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.brown.basic.buttons .button:hover, .bgs-theme .ui.inverted.brown.buttons .basic.button:hover, .bgs-theme .ui.inverted.brown.basic.button:hover { box-shadow: 0px 0px 0px 2px #c86f11 inset !important; color: #D67C1C !important; } .bgs-theme .ui.inverted.brown.basic.buttons .button:focus, .bgs-theme .ui.inverted.brown.basic.buttons .button:focus, .bgs-theme .ui.inverted.brown.basic.button:focus { box-shadow: 0px 0px 0px 2px #c16808 inset !important; color: #D67C1C !important; } .bgs-theme .ui.inverted.brown.basic.buttons .active.button, .bgs-theme .ui.inverted.brown.buttons .basic.active.button, .bgs-theme .ui.inverted.brown.basic.active.button { box-shadow: 0px 0px 0px 2px #cc6f0d inset !important; color: #D67C1C !important; } .bgs-theme .ui.inverted.brown.basic.buttons .button:active, .bgs-theme .ui.inverted.brown.buttons .basic.button:active, .bgs-theme .ui.inverted.brown.basic.button:active { box-shadow: 0px 0px 0px 2px #a96216 inset !important; color: #D67C1C !important; } .bgs-theme .ui.blue.buttons .button, .bgs-theme .ui.blue.button { background-color: #007ACE; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.blue.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.blue.buttons .button:hover, .bgs-theme .ui.blue.button:hover { background-color: #006bb5; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.blue.buttons .button:focus, .bgs-theme .ui.blue.button:focus { background-color: #0062a5; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.blue.buttons .button:active, .bgs-theme .ui.blue.button:active { background-color: #005c9b; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.blue.buttons .active.button, .bgs-theme .ui.blue.buttons .active.button:active, .bgs-theme .ui.blue.active.button, .bgs-theme .ui.blue.button .active.button:active { background-color: #006bb5; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.blue.buttons .button, .bgs-theme .ui.basic.blue.button { box-shadow: 0px 0px 0px 1px #007ACE inset !important; color: #007ACE !important; } .bgs-theme .ui.basic.blue.buttons .button:hover, .bgs-theme .ui.basic.blue.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #006bb5 inset !important; color: #006bb5 !important; } .bgs-theme .ui.basic.blue.buttons .button:focus, .bgs-theme .ui.basic.blue.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #0062a5 inset !important; color: #006bb5 !important; } .bgs-theme .ui.basic.blue.buttons .active.button, .bgs-theme .ui.basic.blue.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #006bb5 inset !important; color: #005c9b !important; } .bgs-theme .ui.basic.blue.buttons .button:active, .bgs-theme .ui.basic.blue.button:active { box-shadow: 0px 0px 0px 1px #005c9b inset !important; color: #005c9b !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.blue.buttons .button, .bgs-theme .ui.inverted.blue.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #B4E0FA inset !important; color: #B4E0FA; } .bgs-theme .ui.inverted.blue.buttons .button:hover, .bgs-theme .ui.inverted.blue.button:hover, .bgs-theme .ui.inverted.blue.buttons .button:focus, .bgs-theme .ui.inverted.blue.button:focus, .bgs-theme .ui.inverted.blue.buttons .button.active, .bgs-theme .ui.inverted.blue.button.active, .bgs-theme .ui.inverted.blue.buttons .button:active, .bgs-theme .ui.inverted.blue.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.blue.buttons .button:hover, .bgs-theme .ui.inverted.blue.button:hover { background-color: #97d7fd; } .bgs-theme .ui.inverted.blue.buttons .button:focus, .bgs-theme .ui.inverted.blue.button:focus { background-color: #86d2ff; } .bgs-theme .ui.inverted.blue.buttons .active.button, .bgs-theme .ui.inverted.blue.active.button { background-color: #96d8ff; } .bgs-theme .ui.inverted.blue.buttons .button:active, .bgs-theme .ui.inverted.blue.button:active { background-color: #84ccf7; } .bgs-theme .ui.inverted.blue.basic.buttons .button, .bgs-theme .ui.inverted.blue.buttons .basic.button, .bgs-theme .ui.inverted.blue.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.blue.basic.buttons .button:hover, .bgs-theme .ui.inverted.blue.buttons .basic.button:hover, .bgs-theme .ui.inverted.blue.basic.button:hover { box-shadow: 0px 0px 0px 2px #97d7fd inset !important; color: #B4E0FA !important; } .bgs-theme .ui.inverted.blue.basic.buttons .button:focus, .bgs-theme .ui.inverted.blue.basic.buttons .button:focus, .bgs-theme .ui.inverted.blue.basic.button:focus { box-shadow: 0px 0px 0px 2px #86d2ff inset !important; color: #B4E0FA !important; } .bgs-theme .ui.inverted.blue.basic.buttons .active.button, .bgs-theme .ui.inverted.blue.buttons .basic.active.button, .bgs-theme .ui.inverted.blue.basic.active.button { box-shadow: 0px 0px 0px 2px #96d8ff inset !important; color: #B4E0FA !important; } .bgs-theme .ui.inverted.blue.basic.buttons .button:active, .bgs-theme .ui.inverted.blue.buttons .basic.button:active, .bgs-theme .ui.inverted.blue.basic.button:active { box-shadow: 0px 0px 0px 2px #84ccf7 inset !important; color: #B4E0FA !important; } .bgs-theme .ui.green.buttons .button, .bgs-theme .ui.green.button { background-color: #50B83C; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.green.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.green.buttons .button:hover, .bgs-theme .ui.green.button:hover { background-color: #44aa30; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.green.buttons .button:focus, .bgs-theme .ui.green.button:focus { background-color: #3ca428; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.green.buttons .button:active, .bgs-theme .ui.green.button:active { background-color: #3f922f; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.green.buttons .active.button, .bgs-theme .ui.green.buttons .active.button:active, .bgs-theme .ui.green.active.button, .bgs-theme .ui.green.button .active.button:active { background-color: #42ad2d; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.green.buttons .button, .bgs-theme .ui.basic.green.button { box-shadow: 0px 0px 0px 1px #50B83C inset !important; color: #50B83C !important; } .bgs-theme .ui.basic.green.buttons .button:hover, .bgs-theme .ui.basic.green.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #44aa30 inset !important; color: #44aa30 !important; } .bgs-theme .ui.basic.green.buttons .button:focus, .bgs-theme .ui.basic.green.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #3ca428 inset !important; color: #44aa30 !important; } .bgs-theme .ui.basic.green.buttons .active.button, .bgs-theme .ui.basic.green.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #42ad2d inset !important; color: #3f922f !important; } .bgs-theme .ui.basic.green.buttons .button:active, .bgs-theme .ui.basic.green.button:active { box-shadow: 0px 0px 0px 1px #3f922f inset !important; color: #3f922f !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.green.buttons .button, .bgs-theme .ui.inverted.green.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #BBE5B3 inset !important; color: #BBE5B3; } .bgs-theme .ui.inverted.green.buttons .button:hover, .bgs-theme .ui.inverted.green.button:hover, .bgs-theme .ui.inverted.green.buttons .button:focus, .bgs-theme .ui.inverted.green.button:focus, .bgs-theme .ui.inverted.green.buttons .button.active, .bgs-theme .ui.inverted.green.button.active, .bgs-theme .ui.inverted.green.buttons .button:active, .bgs-theme .ui.inverted.green.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.green.buttons .button:hover, .bgs-theme .ui.inverted.green.button:hover { background-color: #a8e29d; } .bgs-theme .ui.inverted.green.buttons .button:focus, .bgs-theme .ui.inverted.green.button:focus { background-color: #9be28e; } .bgs-theme .ui.inverted.green.buttons .active.button, .bgs-theme .ui.inverted.green.active.button { background-color: #a7e39b; } .bgs-theme .ui.inverted.green.buttons .button:active, .bgs-theme .ui.inverted.green.button:active { background-color: #99d88d; } .bgs-theme .ui.inverted.green.basic.buttons .button, .bgs-theme .ui.inverted.green.buttons .basic.button, .bgs-theme .ui.inverted.green.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.green.basic.buttons .button:hover, .bgs-theme .ui.inverted.green.buttons .basic.button:hover, .bgs-theme .ui.inverted.green.basic.button:hover { box-shadow: 0px 0px 0px 2px #a8e29d inset !important; color: #BBE5B3 !important; } .bgs-theme .ui.inverted.green.basic.buttons .button:focus, .bgs-theme .ui.inverted.green.basic.buttons .button:focus, .bgs-theme .ui.inverted.green.basic.button:focus { box-shadow: 0px 0px 0px 2px #9be28e inset !important; color: #BBE5B3 !important; } .bgs-theme .ui.inverted.green.basic.buttons .active.button, .bgs-theme .ui.inverted.green.buttons .basic.active.button, .bgs-theme .ui.inverted.green.basic.active.button { box-shadow: 0px 0px 0px 2px #a7e39b inset !important; color: #BBE5B3 !important; } .bgs-theme .ui.inverted.green.basic.buttons .button:active, .bgs-theme .ui.inverted.green.buttons .basic.button:active, .bgs-theme .ui.inverted.green.basic.button:active { box-shadow: 0px 0px 0px 2px #99d88d inset !important; color: #BBE5B3 !important; } .bgs-theme .ui.orange.buttons .button, .bgs-theme .ui.orange.button { background-color: #FFA553; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.orange.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.orange.buttons .button:hover, .bgs-theme .ui.orange.button:hover { background-color: #ff9839; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.orange.buttons .button:focus, .bgs-theme .ui.orange.button:focus { background-color: #ff902a; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.orange.buttons .button:active, .bgs-theme .ui.orange.button:active { background-color: #ff8a20; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.orange.buttons .active.button, .bgs-theme .ui.orange.buttons .active.button:active, .bgs-theme .ui.orange.active.button, .bgs-theme .ui.orange.button .active.button:active { background-color: #ff9839; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.orange.buttons .button, .bgs-theme .ui.basic.orange.button { box-shadow: 0px 0px 0px 1px #FFA553 inset !important; color: #FFA553 !important; } .bgs-theme .ui.basic.orange.buttons .button:hover, .bgs-theme .ui.basic.orange.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #ff9839 inset !important; color: #ff9839 !important; } .bgs-theme .ui.basic.orange.buttons .button:focus, .bgs-theme .ui.basic.orange.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #ff902a inset !important; color: #ff9839 !important; } .bgs-theme .ui.basic.orange.buttons .active.button, .bgs-theme .ui.basic.orange.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #ff9839 inset !important; color: #ff8a20 !important; } .bgs-theme .ui.basic.orange.buttons .button:active, .bgs-theme .ui.basic.orange.button:active { box-shadow: 0px 0px 0px 1px #ff8a20 inset !important; color: #ff8a20 !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.orange.buttons .button, .bgs-theme .ui.inverted.orange.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #FFC48B inset !important; color: #FFC48B; } .bgs-theme .ui.inverted.orange.buttons .button:hover, .bgs-theme .ui.inverted.orange.button:hover, .bgs-theme .ui.inverted.orange.buttons .button:focus, .bgs-theme .ui.inverted.orange.button:focus, .bgs-theme .ui.inverted.orange.buttons .button.active, .bgs-theme .ui.inverted.orange.button.active, .bgs-theme .ui.inverted.orange.buttons .button:active, .bgs-theme .ui.inverted.orange.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.orange.buttons .button:hover, .bgs-theme .ui.inverted.orange.button:hover { background-color: #ffb771; } .bgs-theme .ui.inverted.orange.buttons .button:focus, .bgs-theme .ui.inverted.orange.button:focus { background-color: #ffaf62; } .bgs-theme .ui.inverted.orange.buttons .active.button, .bgs-theme .ui.inverted.orange.active.button { background-color: #ffb771; } .bgs-theme .ui.inverted.orange.buttons .button:active, .bgs-theme .ui.inverted.orange.button:active { background-color: #ffaa58; } .bgs-theme .ui.inverted.orange.basic.buttons .button, .bgs-theme .ui.inverted.orange.buttons .basic.button, .bgs-theme .ui.inverted.orange.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.orange.basic.buttons .button:hover, .bgs-theme .ui.inverted.orange.buttons .basic.button:hover, .bgs-theme .ui.inverted.orange.basic.button:hover { box-shadow: 0px 0px 0px 2px #ffb771 inset !important; color: #FFC48B !important; } .bgs-theme .ui.inverted.orange.basic.buttons .button:focus, .bgs-theme .ui.inverted.orange.basic.buttons .button:focus, .bgs-theme .ui.inverted.orange.basic.button:focus { box-shadow: 0px 0px 0px 2px #ffaf62 inset !important; color: #FFC48B !important; } .bgs-theme .ui.inverted.orange.basic.buttons .active.button, .bgs-theme .ui.inverted.orange.buttons .basic.active.button, .bgs-theme .ui.inverted.orange.basic.active.button { box-shadow: 0px 0px 0px 2px #ffb771 inset !important; color: #FFC48B !important; } .bgs-theme .ui.inverted.orange.basic.buttons .button:active, .bgs-theme .ui.inverted.orange.buttons .basic.button:active, .bgs-theme .ui.inverted.orange.basic.button:active { box-shadow: 0px 0px 0px 2px #ffaa58 inset !important; color: #FFC48B !important; } .bgs-theme .ui.pink.buttons .button, .bgs-theme .ui.pink.button { background-color: #E03997; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.pink.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.pink.buttons .button:hover, .bgs-theme .ui.pink.button:hover { background-color: #e61a8d; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.pink.buttons .button:focus, .bgs-theme .ui.pink.button:focus { background-color: #e10f85; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.pink.buttons .button:active, .bgs-theme .ui.pink.button:active { background-color: #c71f7e; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.pink.buttons .active.button, .bgs-theme .ui.pink.buttons .active.button:active, .bgs-theme .ui.pink.active.button, .bgs-theme .ui.pink.button .active.button:active { background-color: #ea158d; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.pink.buttons .button, .bgs-theme .ui.basic.pink.button { box-shadow: 0px 0px 0px 1px #E03997 inset !important; color: #E03997 !important; } .bgs-theme .ui.basic.pink.buttons .button:hover, .bgs-theme .ui.basic.pink.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #e61a8d inset !important; color: #e61a8d !important; } .bgs-theme .ui.basic.pink.buttons .button:focus, .bgs-theme .ui.basic.pink.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #e10f85 inset !important; color: #e61a8d !important; } .bgs-theme .ui.basic.pink.buttons .active.button, .bgs-theme .ui.basic.pink.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #ea158d inset !important; color: #c71f7e !important; } .bgs-theme .ui.basic.pink.buttons .button:active, .bgs-theme .ui.basic.pink.button:active { box-shadow: 0px 0px 0px 1px #c71f7e inset !important; color: #c71f7e !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.pink.buttons .button, .bgs-theme .ui.inverted.pink.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #FF8EDF inset !important; color: #FF8EDF; } .bgs-theme .ui.inverted.pink.buttons .button:hover, .bgs-theme .ui.inverted.pink.button:hover, .bgs-theme .ui.inverted.pink.buttons .button:focus, .bgs-theme .ui.inverted.pink.button:focus, .bgs-theme .ui.inverted.pink.buttons .button.active, .bgs-theme .ui.inverted.pink.button.active, .bgs-theme .ui.inverted.pink.buttons .button:active, .bgs-theme .ui.inverted.pink.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.pink.buttons .button:hover, .bgs-theme .ui.inverted.pink.button:hover { background-color: #ff74d8; } .bgs-theme .ui.inverted.pink.buttons .button:focus, .bgs-theme .ui.inverted.pink.button:focus { background-color: #ff65d3; } .bgs-theme .ui.inverted.pink.buttons .active.button, .bgs-theme .ui.inverted.pink.active.button { background-color: #ff74d8; } .bgs-theme .ui.inverted.pink.buttons .button:active, .bgs-theme .ui.inverted.pink.button:active { background-color: #ff5bd1; } .bgs-theme .ui.inverted.pink.basic.buttons .button, .bgs-theme .ui.inverted.pink.buttons .basic.button, .bgs-theme .ui.inverted.pink.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.pink.basic.buttons .button:hover, .bgs-theme .ui.inverted.pink.buttons .basic.button:hover, .bgs-theme .ui.inverted.pink.basic.button:hover { box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; color: #FF8EDF !important; } .bgs-theme .ui.inverted.pink.basic.buttons .button:focus, .bgs-theme .ui.inverted.pink.basic.buttons .button:focus, .bgs-theme .ui.inverted.pink.basic.button:focus { box-shadow: 0px 0px 0px 2px #ff65d3 inset !important; color: #FF8EDF !important; } .bgs-theme .ui.inverted.pink.basic.buttons .active.button, .bgs-theme .ui.inverted.pink.buttons .basic.active.button, .bgs-theme .ui.inverted.pink.basic.active.button { box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; color: #FF8EDF !important; } .bgs-theme .ui.inverted.pink.basic.buttons .button:active, .bgs-theme .ui.inverted.pink.buttons .basic.button:active, .bgs-theme .ui.inverted.pink.basic.button:active { box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important; color: #FF8EDF !important; } .bgs-theme .ui.violet.buttons .button, .bgs-theme .ui.violet.button { background-color: #6435C9; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.violet.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.violet.buttons .button:hover, .bgs-theme .ui.violet.button:hover { background-color: #5829bb; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.violet.buttons .button:focus, .bgs-theme .ui.violet.button:focus { background-color: #4f20b5; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.violet.buttons .button:active, .bgs-theme .ui.violet.button:active { background-color: #502aa1; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.violet.buttons .active.button, .bgs-theme .ui.violet.buttons .active.button:active, .bgs-theme .ui.violet.active.button, .bgs-theme .ui.violet.button .active.button:active { background-color: #5626bf; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.violet.buttons .button, .bgs-theme .ui.basic.violet.button { box-shadow: 0px 0px 0px 1px #6435C9 inset !important; color: #6435C9 !important; } .bgs-theme .ui.basic.violet.buttons .button:hover, .bgs-theme .ui.basic.violet.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #5829bb inset !important; color: #5829bb !important; } .bgs-theme .ui.basic.violet.buttons .button:focus, .bgs-theme .ui.basic.violet.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #4f20b5 inset !important; color: #5829bb !important; } .bgs-theme .ui.basic.violet.buttons .active.button, .bgs-theme .ui.basic.violet.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #5626bf inset !important; color: #502aa1 !important; } .bgs-theme .ui.basic.violet.buttons .button:active, .bgs-theme .ui.basic.violet.button:active { box-shadow: 0px 0px 0px 1px #502aa1 inset !important; color: #502aa1 !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.violet.buttons .button, .bgs-theme .ui.inverted.violet.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #A291FB inset !important; color: #A291FB; } .bgs-theme .ui.inverted.violet.buttons .button:hover, .bgs-theme .ui.inverted.violet.button:hover, .bgs-theme .ui.inverted.violet.buttons .button:focus, .bgs-theme .ui.inverted.violet.button:focus, .bgs-theme .ui.inverted.violet.buttons .button.active, .bgs-theme .ui.inverted.violet.button.active, .bgs-theme .ui.inverted.violet.buttons .button:active, .bgs-theme .ui.inverted.violet.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.violet.buttons .button:hover, .bgs-theme .ui.inverted.violet.button:hover { background-color: #8a73ff; } .bgs-theme .ui.inverted.violet.buttons .button:focus, .bgs-theme .ui.inverted.violet.button:focus { background-color: #7d64ff; } .bgs-theme .ui.inverted.violet.buttons .active.button, .bgs-theme .ui.inverted.violet.active.button { background-color: #8a73ff; } .bgs-theme .ui.inverted.violet.buttons .button:active, .bgs-theme .ui.inverted.violet.button:active { background-color: #7860f9; } .bgs-theme .ui.inverted.violet.basic.buttons .button, .bgs-theme .ui.inverted.violet.buttons .basic.button, .bgs-theme .ui.inverted.violet.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.violet.basic.buttons .button:hover, .bgs-theme .ui.inverted.violet.buttons .basic.button:hover, .bgs-theme .ui.inverted.violet.basic.button:hover { box-shadow: 0px 0px 0px 2px #8a73ff inset !important; color: #A291FB !important; } .bgs-theme .ui.inverted.violet.basic.buttons .button:focus, .bgs-theme .ui.inverted.violet.basic.buttons .button:focus, .bgs-theme .ui.inverted.violet.basic.button:focus { box-shadow: 0px 0px 0px 2px #7d64ff inset !important; color: #A291FB !important; } .bgs-theme .ui.inverted.violet.basic.buttons .active.button, .bgs-theme .ui.inverted.violet.buttons .basic.active.button, .bgs-theme .ui.inverted.violet.basic.active.button { box-shadow: 0px 0px 0px 2px #8a73ff inset !important; color: #A291FB !important; } .bgs-theme .ui.inverted.violet.basic.buttons .button:active, .bgs-theme .ui.inverted.violet.buttons .basic.button:active, .bgs-theme .ui.inverted.violet.basic.button:active { box-shadow: 0px 0px 0px 2px #7860f9 inset !important; color: #A291FB !important; } .bgs-theme .ui.purple.buttons .button, .bgs-theme .ui.purple.button { background-color: #CA7EEA; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.purple.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.purple.buttons .button:hover, .bgs-theme .ui.purple.button:hover { background-color: #c462ed; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.purple.buttons .button:focus, .bgs-theme .ui.purple.button:focus { background-color: #c14df2; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.purple.buttons .button:active, .bgs-theme .ui.purple.button:active { background-color: #b852e3; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.purple.buttons .active.button, .bgs-theme .ui.purple.buttons .active.button:active, .bgs-theme .ui.purple.active.button, .bgs-theme .ui.purple.button .active.button:active { background-color: #c55ff0; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.purple.buttons .button, .bgs-theme .ui.basic.purple.button { box-shadow: 0px 0px 0px 1px #CA7EEA inset !important; color: #CA7EEA !important; } .bgs-theme .ui.basic.purple.buttons .button:hover, .bgs-theme .ui.basic.purple.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #c462ed inset !important; color: #c462ed !important; } .bgs-theme .ui.basic.purple.buttons .button:focus, .bgs-theme .ui.basic.purple.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #c14df2 inset !important; color: #c462ed !important; } .bgs-theme .ui.basic.purple.buttons .active.button, .bgs-theme .ui.basic.purple.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #c55ff0 inset !important; color: #b852e3 !important; } .bgs-theme .ui.basic.purple.buttons .button:active, .bgs-theme .ui.basic.purple.button:active { box-shadow: 0px 0px 0px 1px #b852e3 inset !important; color: #b852e3 !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.purple.buttons .button, .bgs-theme .ui.inverted.purple.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #E9CBF6 inset !important; color: #E9CBF6; } .bgs-theme .ui.inverted.purple.buttons .button:hover, .bgs-theme .ui.inverted.purple.button:hover, .bgs-theme .ui.inverted.purple.buttons .button:focus, .bgs-theme .ui.inverted.purple.button:focus, .bgs-theme .ui.inverted.purple.buttons .button.active, .bgs-theme .ui.inverted.purple.button.active, .bgs-theme .ui.inverted.purple.buttons .button:active, .bgs-theme .ui.inverted.purple.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.purple.buttons .button:hover, .bgs-theme .ui.inverted.purple.button:hover { background-color: #e1b2f5; } .bgs-theme .ui.inverted.purple.buttons .button:focus, .bgs-theme .ui.inverted.purple.button:focus { background-color: #dda1f7; } .bgs-theme .ui.inverted.purple.buttons .active.button, .bgs-theme .ui.inverted.purple.active.button { background-color: #e2b1f7; } .bgs-theme .ui.inverted.purple.buttons .button:active, .bgs-theme .ui.inverted.purple.button:active { background-color: #d7a0ee; } .bgs-theme .ui.inverted.purple.basic.buttons .button, .bgs-theme .ui.inverted.purple.buttons .basic.button, .bgs-theme .ui.inverted.purple.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.purple.basic.buttons .button:hover, .bgs-theme .ui.inverted.purple.buttons .basic.button:hover, .bgs-theme .ui.inverted.purple.basic.button:hover { box-shadow: 0px 0px 0px 2px #e1b2f5 inset !important; color: #E9CBF6 !important; } .bgs-theme .ui.inverted.purple.basic.buttons .button:focus, .bgs-theme .ui.inverted.purple.basic.buttons .button:focus, .bgs-theme .ui.inverted.purple.basic.button:focus { box-shadow: 0px 0px 0px 2px #dda1f7 inset !important; color: #E9CBF6 !important; } .bgs-theme .ui.inverted.purple.basic.buttons .active.button, .bgs-theme .ui.inverted.purple.buttons .basic.active.button, .bgs-theme .ui.inverted.purple.basic.active.button { box-shadow: 0px 0px 0px 2px #e2b1f7 inset !important; color: #E9CBF6 !important; } .bgs-theme .ui.inverted.purple.basic.buttons .button:active, .bgs-theme .ui.inverted.purple.buttons .basic.button:active, .bgs-theme .ui.inverted.purple.basic.button:active { box-shadow: 0px 0px 0px 2px #d7a0ee inset !important; color: #E9CBF6 !important; } .bgs-theme .ui.red.buttons .button, .bgs-theme .ui.red.button { background-color: #F03535; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.red.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.red.buttons .button:hover, .bgs-theme .ui.red.button:hover { background-color: #f91313; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.red.buttons .button:focus, .bgs-theme .ui.red.button:focus { background-color: #fc0000; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.red.buttons .button:active, .bgs-theme .ui.red.button:active { background-color: #e11111; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.red.buttons .active.button, .bgs-theme .ui.red.buttons .active.button:active, .bgs-theme .ui.red.active.button, .bgs-theme .ui.red.button .active.button:active { background-color: #fe0e0e; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.red.buttons .button, .bgs-theme .ui.basic.red.button { box-shadow: 0px 0px 0px 1px #F03535 inset !important; color: #F03535 !important; } .bgs-theme .ui.basic.red.buttons .button:hover, .bgs-theme .ui.basic.red.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #f91313 inset !important; color: #f91313 !important; } .bgs-theme .ui.basic.red.buttons .button:focus, .bgs-theme .ui.basic.red.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #fc0000 inset !important; color: #f91313 !important; } .bgs-theme .ui.basic.red.buttons .active.button, .bgs-theme .ui.basic.red.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #fe0e0e inset !important; color: #e11111 !important; } .bgs-theme .ui.basic.red.buttons .button:active, .bgs-theme .ui.basic.red.button:active { box-shadow: 0px 0px 0px 1px #e11111 inset !important; color: #e11111 !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.red.buttons .button, .bgs-theme .ui.inverted.red.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #FF6E60 inset !important; color: #FF6E60; } .bgs-theme .ui.inverted.red.buttons .button:hover, .bgs-theme .ui.inverted.red.button:hover, .bgs-theme .ui.inverted.red.buttons .button:focus, .bgs-theme .ui.inverted.red.button:focus, .bgs-theme .ui.inverted.red.buttons .button.active, .bgs-theme .ui.inverted.red.button.active, .bgs-theme .ui.inverted.red.buttons .button:active, .bgs-theme .ui.inverted.red.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.red.buttons .button:hover, .bgs-theme .ui.inverted.red.button:hover { background-color: #ff5746; } .bgs-theme .ui.inverted.red.buttons .button:focus, .bgs-theme .ui.inverted.red.button:focus { background-color: #ff4937; } .bgs-theme .ui.inverted.red.buttons .active.button, .bgs-theme .ui.inverted.red.active.button { background-color: #ff5746; } .bgs-theme .ui.inverted.red.buttons .button:active, .bgs-theme .ui.inverted.red.button:active { background-color: #ff3f2d; } .bgs-theme .ui.inverted.red.basic.buttons .button, .bgs-theme .ui.inverted.red.buttons .basic.button, .bgs-theme .ui.inverted.red.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.red.basic.buttons .button:hover, .bgs-theme .ui.inverted.red.buttons .basic.button:hover, .bgs-theme .ui.inverted.red.basic.button:hover { box-shadow: 0px 0px 0px 2px #ff5746 inset !important; color: #FF6E60 !important; } .bgs-theme .ui.inverted.red.basic.buttons .button:focus, .bgs-theme .ui.inverted.red.basic.buttons .button:focus, .bgs-theme .ui.inverted.red.basic.button:focus { box-shadow: 0px 0px 0px 2px #ff4937 inset !important; color: #FF6E60 !important; } .bgs-theme .ui.inverted.red.basic.buttons .active.button, .bgs-theme .ui.inverted.red.buttons .basic.active.button, .bgs-theme .ui.inverted.red.basic.active.button { box-shadow: 0px 0px 0px 2px #ff5746 inset !important; color: #FF6E60 !important; } .bgs-theme .ui.inverted.red.basic.buttons .button:active, .bgs-theme .ui.inverted.red.buttons .basic.button:active, .bgs-theme .ui.inverted.red.basic.button:active { box-shadow: 0px 0px 0px 2px #ff3f2d inset !important; color: #FF6E60 !important; } .bgs-theme .ui.teal.buttons .button, .bgs-theme .ui.teal.button { background-color: #00B5AD; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.teal.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.teal.buttons .button:hover, .bgs-theme .ui.teal.button:hover { background-color: #009c95; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.teal.buttons .button:focus, .bgs-theme .ui.teal.button:focus { background-color: #008c86; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.teal.buttons .button:active, .bgs-theme .ui.teal.button:active { background-color: #00827c; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.teal.buttons .active.button, .bgs-theme .ui.teal.buttons .active.button:active, .bgs-theme .ui.teal.active.button, .bgs-theme .ui.teal.button .active.button:active { background-color: #009c95; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.teal.buttons .button, .bgs-theme .ui.basic.teal.button { box-shadow: 0px 0px 0px 1px #00B5AD inset !important; color: #00B5AD !important; } .bgs-theme .ui.basic.teal.buttons .button:hover, .bgs-theme .ui.basic.teal.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #009c95 inset !important; color: #009c95 !important; } .bgs-theme .ui.basic.teal.buttons .button:focus, .bgs-theme .ui.basic.teal.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #008c86 inset !important; color: #009c95 !important; } .bgs-theme .ui.basic.teal.buttons .active.button, .bgs-theme .ui.basic.teal.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #009c95 inset !important; color: #00827c !important; } .bgs-theme .ui.basic.teal.buttons .button:active, .bgs-theme .ui.basic.teal.button:active { box-shadow: 0px 0px 0px 1px #00827c inset !important; color: #00827c !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.teal.buttons .button, .bgs-theme .ui.inverted.teal.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #6DFFFF inset !important; color: #6DFFFF; } .bgs-theme .ui.inverted.teal.buttons .button:hover, .bgs-theme .ui.inverted.teal.button:hover, .bgs-theme .ui.inverted.teal.buttons .button:focus, .bgs-theme .ui.inverted.teal.button:focus, .bgs-theme .ui.inverted.teal.buttons .button.active, .bgs-theme .ui.inverted.teal.button.active, .bgs-theme .ui.inverted.teal.buttons .button:active, .bgs-theme .ui.inverted.teal.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.teal.buttons .button:hover, .bgs-theme .ui.inverted.teal.button:hover { background-color: #54ffff; } .bgs-theme .ui.inverted.teal.buttons .button:focus, .bgs-theme .ui.inverted.teal.button:focus { background-color: #44ffff; } .bgs-theme .ui.inverted.teal.buttons .active.button, .bgs-theme .ui.inverted.teal.active.button { background-color: #54ffff; } .bgs-theme .ui.inverted.teal.buttons .button:active, .bgs-theme .ui.inverted.teal.button:active { background-color: #3affff; } .bgs-theme .ui.inverted.teal.basic.buttons .button, .bgs-theme .ui.inverted.teal.buttons .basic.button, .bgs-theme .ui.inverted.teal.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.teal.basic.buttons .button:hover, .bgs-theme .ui.inverted.teal.buttons .basic.button:hover, .bgs-theme .ui.inverted.teal.basic.button:hover { box-shadow: 0px 0px 0px 2px #54ffff inset !important; color: #6DFFFF !important; } .bgs-theme .ui.inverted.teal.basic.buttons .button:focus, .bgs-theme .ui.inverted.teal.basic.buttons .button:focus, .bgs-theme .ui.inverted.teal.basic.button:focus { box-shadow: 0px 0px 0px 2px #44ffff inset !important; color: #6DFFFF !important; } .bgs-theme .ui.inverted.teal.basic.buttons .active.button, .bgs-theme .ui.inverted.teal.buttons .basic.active.button, .bgs-theme .ui.inverted.teal.basic.active.button { box-shadow: 0px 0px 0px 2px #54ffff inset !important; color: #6DFFFF !important; } .bgs-theme .ui.inverted.teal.basic.buttons .button:active, .bgs-theme .ui.inverted.teal.buttons .basic.button:active, .bgs-theme .ui.inverted.teal.basic.button:active { box-shadow: 0px 0px 0px 2px #3affff inset !important; color: #6DFFFF !important; } .bgs-theme .ui.olive.buttons .button, .bgs-theme .ui.olive.button { background-color: #B5CC18; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.olive.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.olive.buttons .button:hover, .bgs-theme .ui.olive.button:hover { background-color: #a7bd0d; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.olive.buttons .button:focus, .bgs-theme .ui.olive.button:focus { background-color: #a0b605; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.olive.buttons .button:active, .bgs-theme .ui.olive.button:active { background-color: #8d9e13; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.olive.buttons .active.button, .bgs-theme .ui.olive.buttons .active.button:active, .bgs-theme .ui.olive.active.button, .bgs-theme .ui.olive.button .active.button:active { background-color: #aac109; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.olive.buttons .button, .bgs-theme .ui.basic.olive.button { box-shadow: 0px 0px 0px 1px #B5CC18 inset !important; color: #B5CC18 !important; } .bgs-theme .ui.basic.olive.buttons .button:hover, .bgs-theme .ui.basic.olive.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #a7bd0d inset !important; color: #a7bd0d !important; } .bgs-theme .ui.basic.olive.buttons .button:focus, .bgs-theme .ui.basic.olive.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #a0b605 inset !important; color: #a7bd0d !important; } .bgs-theme .ui.basic.olive.buttons .active.button, .bgs-theme .ui.basic.olive.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #aac109 inset !important; color: #8d9e13 !important; } .bgs-theme .ui.basic.olive.buttons .button:active, .bgs-theme .ui.basic.olive.button:active { box-shadow: 0px 0px 0px 1px #8d9e13 inset !important; color: #8d9e13 !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.olive.buttons .button, .bgs-theme .ui.inverted.olive.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #D9E778 inset !important; color: #D9E778; } .bgs-theme .ui.inverted.olive.buttons .button:hover, .bgs-theme .ui.inverted.olive.button:hover, .bgs-theme .ui.inverted.olive.buttons .button:focus, .bgs-theme .ui.inverted.olive.button:focus, .bgs-theme .ui.inverted.olive.buttons .button.active, .bgs-theme .ui.inverted.olive.button.active, .bgs-theme .ui.inverted.olive.buttons .button:active, .bgs-theme .ui.inverted.olive.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.olive.buttons .button:hover, .bgs-theme .ui.inverted.olive.button:hover { background-color: #d8ea5c; } .bgs-theme .ui.inverted.olive.buttons .button:focus, .bgs-theme .ui.inverted.olive.button:focus { background-color: #daef47; } .bgs-theme .ui.inverted.olive.buttons .active.button, .bgs-theme .ui.inverted.olive.active.button { background-color: #daed59; } .bgs-theme .ui.inverted.olive.buttons .button:active, .bgs-theme .ui.inverted.olive.button:active { background-color: #cddf4d; } .bgs-theme .ui.inverted.olive.basic.buttons .button, .bgs-theme .ui.inverted.olive.buttons .basic.button, .bgs-theme .ui.inverted.olive.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.olive.basic.buttons .button:hover, .bgs-theme .ui.inverted.olive.buttons .basic.button:hover, .bgs-theme .ui.inverted.olive.basic.button:hover { box-shadow: 0px 0px 0px 2px #d8ea5c inset !important; color: #D9E778 !important; } .bgs-theme .ui.inverted.olive.basic.buttons .button:focus, .bgs-theme .ui.inverted.olive.basic.buttons .button:focus, .bgs-theme .ui.inverted.olive.basic.button:focus { box-shadow: 0px 0px 0px 2px #daef47 inset !important; color: #D9E778 !important; } .bgs-theme .ui.inverted.olive.basic.buttons .active.button, .bgs-theme .ui.inverted.olive.buttons .basic.active.button, .bgs-theme .ui.inverted.olive.basic.active.button { box-shadow: 0px 0px 0px 2px #daed59 inset !important; color: #D9E778 !important; } .bgs-theme .ui.inverted.olive.basic.buttons .button:active, .bgs-theme .ui.inverted.olive.buttons .basic.button:active, .bgs-theme .ui.inverted.olive.basic.button:active { box-shadow: 0px 0px 0px 2px #cddf4d inset !important; color: #D9E778 !important; } .bgs-theme .ui.yellow.buttons .button, .bgs-theme .ui.yellow.button { background-color: #FFDF45; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.yellow.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.yellow.buttons .button:hover, .bgs-theme .ui.yellow.button:hover { background-color: #ffdb2b; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.yellow.buttons .button:focus, .bgs-theme .ui.yellow.button:focus { background-color: #ffd81c; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.yellow.buttons .button:active, .bgs-theme .ui.yellow.button:active { background-color: #ffd612; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.yellow.buttons .active.button, .bgs-theme .ui.yellow.buttons .active.button:active, .bgs-theme .ui.yellow.active.button, .bgs-theme .ui.yellow.button .active.button:active { background-color: #ffdb2b; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.yellow.buttons .button, .bgs-theme .ui.basic.yellow.button { box-shadow: 0px 0px 0px 1px #FFDF45 inset !important; color: #FFDF45 !important; } .bgs-theme .ui.basic.yellow.buttons .button:hover, .bgs-theme .ui.basic.yellow.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #ffdb2b inset !important; color: #ffdb2b !important; } .bgs-theme .ui.basic.yellow.buttons .button:focus, .bgs-theme .ui.basic.yellow.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #ffd81c inset !important; color: #ffdb2b !important; } .bgs-theme .ui.basic.yellow.buttons .active.button, .bgs-theme .ui.basic.yellow.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #ffdb2b inset !important; color: #ffd612 !important; } .bgs-theme .ui.basic.yellow.buttons .button:active, .bgs-theme .ui.basic.yellow.button:active { box-shadow: 0px 0px 0px 1px #ffd612 inset !important; color: #ffd612 !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.yellow.buttons .button, .bgs-theme .ui.inverted.yellow.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #FBEB9F inset !important; color: #FBEB9F; } .bgs-theme .ui.inverted.yellow.buttons .button:hover, .bgs-theme .ui.inverted.yellow.button:hover, .bgs-theme .ui.inverted.yellow.buttons .button:focus, .bgs-theme .ui.inverted.yellow.button:focus, .bgs-theme .ui.inverted.yellow.buttons .button.active, .bgs-theme .ui.inverted.yellow.button.active, .bgs-theme .ui.inverted.yellow.buttons .button:active, .bgs-theme .ui.inverted.yellow.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.yellow.buttons .button:hover, .bgs-theme .ui.inverted.yellow.button:hover { background-color: #ffe982; } .bgs-theme .ui.inverted.yellow.buttons .button:focus, .bgs-theme .ui.inverted.yellow.button:focus { background-color: #ffe772; } .bgs-theme .ui.inverted.yellow.buttons .active.button, .bgs-theme .ui.inverted.yellow.active.button { background-color: #ffe982; } .bgs-theme .ui.inverted.yellow.buttons .button:active, .bgs-theme .ui.inverted.yellow.button:active { background-color: #f9e16e; } .bgs-theme .ui.inverted.yellow.basic.buttons .button, .bgs-theme .ui.inverted.yellow.buttons .basic.button, .bgs-theme .ui.inverted.yellow.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.yellow.basic.buttons .button:hover, .bgs-theme .ui.inverted.yellow.buttons .basic.button:hover, .bgs-theme .ui.inverted.yellow.basic.button:hover { box-shadow: 0px 0px 0px 2px #ffe982 inset !important; color: #FBEB9F !important; } .bgs-theme .ui.inverted.yellow.basic.buttons .button:focus, .bgs-theme .ui.inverted.yellow.basic.buttons .button:focus, .bgs-theme .ui.inverted.yellow.basic.button:focus { box-shadow: 0px 0px 0px 2px #ffe772 inset !important; color: #FBEB9F !important; } .bgs-theme .ui.inverted.yellow.basic.buttons .active.button, .bgs-theme .ui.inverted.yellow.buttons .basic.active.button, .bgs-theme .ui.inverted.yellow.basic.active.button { box-shadow: 0px 0px 0px 2px #ffe982 inset !important; color: #FBEB9F !important; } .bgs-theme .ui.inverted.yellow.basic.buttons .button:active, .bgs-theme .ui.inverted.yellow.buttons .basic.button:active, .bgs-theme .ui.inverted.yellow.basic.button:active { box-shadow: 0px 0px 0px 2px #f9e16e inset !important; color: #FBEB9F !important; } .bgs-theme .ui.primary.buttons .button, .bgs-theme .ui.primary.button { background-color: #50B83C; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.primary.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.primary.buttons .button:hover, .bgs-theme .ui.primary.button:hover { background-color: #44aa30; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.primary.buttons .button:focus, .bgs-theme .ui.primary.button:focus { background-color: #3ca428; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.primary.buttons .button:active, .bgs-theme .ui.primary.button:active { background-color: #3f922f; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.primary.buttons .active.button, .bgs-theme .ui.primary.buttons .active.button:active, .bgs-theme .ui.primary.active.button, .bgs-theme .ui.primary.button .active.button:active { background-color: #42ad2d; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.primary.buttons .button, .bgs-theme .ui.basic.primary.button { box-shadow: 0px 0px 0px 1px #50B83C inset !important; color: #50B83C !important; } .bgs-theme .ui.basic.primary.buttons .button:hover, .bgs-theme .ui.basic.primary.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #44aa30 inset !important; color: #44aa30 !important; } .bgs-theme .ui.basic.primary.buttons .button:focus, .bgs-theme .ui.basic.primary.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #3ca428 inset !important; color: #44aa30 !important; } .bgs-theme .ui.basic.primary.buttons .active.button, .bgs-theme .ui.basic.primary.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #42ad2d inset !important; color: #3f922f !important; } .bgs-theme .ui.basic.primary.buttons .button:active, .bgs-theme .ui.basic.primary.button:active { box-shadow: 0px 0px 0px 1px #3f922f inset !important; color: #3f922f !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.primary.buttons .button, .bgs-theme .ui.inverted.primary.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #BBE5B3 inset !important; color: #BBE5B3; } .bgs-theme .ui.inverted.primary.buttons .button:hover, .bgs-theme .ui.inverted.primary.button:hover, .bgs-theme .ui.inverted.primary.buttons .button:focus, .bgs-theme .ui.inverted.primary.button:focus, .bgs-theme .ui.inverted.primary.buttons .button.active, .bgs-theme .ui.inverted.primary.button.active, .bgs-theme .ui.inverted.primary.buttons .button:active, .bgs-theme .ui.inverted.primary.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.primary.buttons .button:hover, .bgs-theme .ui.inverted.primary.button:hover { background-color: #a8e29d; } .bgs-theme .ui.inverted.primary.buttons .button:focus, .bgs-theme .ui.inverted.primary.button:focus { background-color: #9be28e; } .bgs-theme .ui.inverted.primary.buttons .active.button, .bgs-theme .ui.inverted.primary.active.button { background-color: #a7e39b; } .bgs-theme .ui.inverted.primary.buttons .button:active, .bgs-theme .ui.inverted.primary.button:active { background-color: #99d88d; } .bgs-theme .ui.inverted.primary.basic.buttons .button, .bgs-theme .ui.inverted.primary.buttons .basic.button, .bgs-theme .ui.inverted.primary.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.primary.basic.buttons .button:hover, .bgs-theme .ui.inverted.primary.buttons .basic.button:hover, .bgs-theme .ui.inverted.primary.basic.button:hover { box-shadow: 0px 0px 0px 2px #a8e29d inset !important; color: #BBE5B3 !important; } .bgs-theme .ui.inverted.primary.basic.buttons .button:focus, .bgs-theme .ui.inverted.primary.basic.buttons .button:focus, .bgs-theme .ui.inverted.primary.basic.button:focus { box-shadow: 0px 0px 0px 2px #9be28e inset !important; color: #BBE5B3 !important; } .bgs-theme .ui.inverted.primary.basic.buttons .active.button, .bgs-theme .ui.inverted.primary.buttons .basic.active.button, .bgs-theme .ui.inverted.primary.basic.active.button { box-shadow: 0px 0px 0px 2px #a7e39b inset !important; color: #BBE5B3 !important; } .bgs-theme .ui.inverted.primary.basic.buttons .button:active, .bgs-theme .ui.inverted.primary.buttons .basic.button:active, .bgs-theme .ui.inverted.primary.basic.button:active { box-shadow: 0px 0px 0px 2px #99d88d inset !important; color: #BBE5B3 !important; } .bgs-theme .ui.secondary.buttons .button, .bgs-theme .ui.secondary.button { background-color: #ABADB0; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.secondary.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.secondary.buttons .button:hover, .bgs-theme .ui.secondary.button:hover { background-color: #9ea0a4; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.secondary.buttons .button:focus, .bgs-theme .ui.secondary.button:focus { background-color: #95989d; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.secondary.buttons .button:active, .bgs-theme .ui.secondary.button:active { background-color: #919397; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.secondary.buttons .active.button, .bgs-theme .ui.secondary.buttons .active.button:active, .bgs-theme .ui.secondary.active.button, .bgs-theme .ui.secondary.button .active.button:active { background-color: #9da0a4; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.secondary.buttons .button, .bgs-theme .ui.basic.secondary.button { box-shadow: 0px 0px 0px 1px #ABADB0 inset !important; color: #ABADB0 !important; } .bgs-theme .ui.basic.secondary.buttons .button:hover, .bgs-theme .ui.basic.secondary.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #9ea0a4 inset !important; color: #9ea0a4 !important; } .bgs-theme .ui.basic.secondary.buttons .button:focus, .bgs-theme .ui.basic.secondary.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #95989d inset !important; color: #9ea0a4 !important; } .bgs-theme .ui.basic.secondary.buttons .active.button, .bgs-theme .ui.basic.secondary.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #9da0a4 inset !important; color: #919397 !important; } .bgs-theme .ui.basic.secondary.buttons .button:active, .bgs-theme .ui.basic.secondary.button:active { box-shadow: 0px 0px 0px 1px #919397 inset !important; color: #919397 !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.inverted.secondary.buttons .button, .bgs-theme .ui.inverted.secondary.button { background-color: transparent; box-shadow: 0px 0px 0px 2px #F1F1F1 inset !important; color: #F1F1F1; } .bgs-theme .ui.inverted.secondary.buttons .button:hover, .bgs-theme .ui.inverted.secondary.button:hover, .bgs-theme .ui.inverted.secondary.buttons .button:focus, .bgs-theme .ui.inverted.secondary.button:focus, .bgs-theme .ui.inverted.secondary.buttons .button.active, .bgs-theme .ui.inverted.secondary.button.active, .bgs-theme .ui.inverted.secondary.buttons .button:active, .bgs-theme .ui.inverted.secondary.button:active { box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.inverted.secondary.buttons .button:hover, .bgs-theme .ui.inverted.secondary.button:hover { background-color: #fefefe; } .bgs-theme .ui.inverted.secondary.buttons .button:focus, .bgs-theme .ui.inverted.secondary.button:focus { background-color: #ffffff; } .bgs-theme .ui.inverted.secondary.buttons .active.button, .bgs-theme .ui.inverted.secondary.active.button { background-color: #fefefe; } .bgs-theme .ui.inverted.secondary.buttons .button:active, .bgs-theme .ui.inverted.secondary.button:active { background-color: #ffffff; } .bgs-theme .ui.inverted.secondary.basic.buttons .button, .bgs-theme .ui.inverted.secondary.buttons .basic.button, .bgs-theme .ui.inverted.secondary.basic.button { background-color: transparent; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; color: #FAFAFA !important; } .bgs-theme .ui.inverted.secondary.basic.buttons .button:hover, .bgs-theme .ui.inverted.secondary.buttons .basic.button:hover, .bgs-theme .ui.inverted.secondary.basic.button:hover { box-shadow: 0px 0px 0px 2px #fefefe inset !important; color: #F1F1F1 !important; } .bgs-theme .ui.inverted.secondary.basic.buttons .button:focus, .bgs-theme .ui.inverted.secondary.basic.buttons .button:focus, .bgs-theme .ui.inverted.secondary.basic.button:focus { box-shadow: 0px 0px 0px 2px #ffffff inset !important; color: #F1F1F1 !important; } .bgs-theme .ui.inverted.secondary.basic.buttons .active.button, .bgs-theme .ui.inverted.secondary.buttons .basic.active.button, .bgs-theme .ui.inverted.secondary.basic.active.button { box-shadow: 0px 0px 0px 2px #fefefe inset !important; color: #F1F1F1 !important; } .bgs-theme .ui.inverted.secondary.basic.buttons .button:active, .bgs-theme .ui.inverted.secondary.buttons .basic.button:active, .bgs-theme .ui.inverted.secondary.basic.button:active { box-shadow: 0px 0px 0px 2px #ffffff inset !important; color: #F1F1F1 !important; } .bgs-theme .ui.positive.buttons .button, .bgs-theme .ui.positive.button { background-color: #50B83C; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.positive.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.positive.buttons .button:hover, .bgs-theme .ui.positive.button:hover { background-color: #44aa30; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.positive.buttons .button:focus, .bgs-theme .ui.positive.button:focus { background-color: #3ca428; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.positive.buttons .button:active, .bgs-theme .ui.positive.button:active { background-color: #3f922f; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.positive.buttons .active.button, .bgs-theme .ui.positive.buttons .active.button:active, .bgs-theme .ui.positive.active.button, .bgs-theme .ui.positive.button .active.button:active { background-color: #42ad2d; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.positive.buttons .button, .bgs-theme .ui.basic.positive.button { box-shadow: 0px 0px 0px 1px #50B83C inset !important; color: #50B83C !important; } .bgs-theme .ui.basic.positive.buttons .button:hover, .bgs-theme .ui.basic.positive.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #44aa30 inset !important; color: #44aa30 !important; } .bgs-theme .ui.basic.positive.buttons .button:focus, .bgs-theme .ui.basic.positive.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #3ca428 inset !important; color: #44aa30 !important; } .bgs-theme .ui.basic.positive.buttons .active.button, .bgs-theme .ui.basic.positive.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #42ad2d inset !important; color: #3f922f !important; } .bgs-theme .ui.basic.positive.buttons .button:active, .bgs-theme .ui.basic.positive.button:active { box-shadow: 0px 0px 0px 1px #3f922f inset !important; color: #3f922f !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.negative.buttons .button, .bgs-theme .ui.negative.button { background-color: #F03535; color: #FAFAFA; text-shadow: none; background-image: none; } .bgs-theme .ui.negative.button { box-shadow: 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.negative.buttons .button:hover, .bgs-theme .ui.negative.button:hover { background-color: #ec0606; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.negative.buttons .button:focus, .bgs-theme .ui.negative.button:focus { background-color: #f20000; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.negative.buttons .button:active, .bgs-theme .ui.negative.button:active { background-color: #e11111; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.negative.buttons .active.button, .bgs-theme .ui.negative.buttons .active.button:active, .bgs-theme .ui.negative.active.button, .bgs-theme .ui.negative.button .active.button:active { background-color: #fe0e0e; color: #FAFAFA; text-shadow: none; } .bgs-theme .ui.basic.negative.buttons .button, .bgs-theme .ui.basic.negative.button { box-shadow: 0px 0px 0px 1px #F03535 inset !important; color: #F03535 !important; } .bgs-theme .ui.basic.negative.buttons .button:hover, .bgs-theme .ui.basic.negative.button:hover { background: transparent !important; box-shadow: 0px 0px 0px 1px #ec0606 inset !important; color: #ec0606 !important; } .bgs-theme .ui.basic.negative.buttons .button:focus, .bgs-theme .ui.basic.negative.button:focus { background: transparent !important; box-shadow: 0px 0px 0px 1px #f20000 inset !important; color: #ec0606 !important; } .bgs-theme .ui.basic.negative.buttons .active.button, .bgs-theme .ui.basic.negative.active.button { background: transparent !important; box-shadow: 0px 0px 0px 1px #fe0e0e inset !important; color: #e11111 !important; } .bgs-theme .ui.basic.negative.buttons .button:active, .bgs-theme .ui.basic.negative.button:active { box-shadow: 0px 0px 0px 1px #e11111 inset !important; color: #e11111 !important; } .bgs-theme .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { margin-left: -1px; } .bgs-theme .ui.buttons { display: inline-flex; flex-direction: row; font-size: 0em; vertical-align: baseline; margin: 0em 0.25em 0em 0em; } .bgs-theme .ui.buttons:not(.basic):not(.inverted) { box-shadow: none; } .bgs-theme .ui.buttons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .bgs-theme .ui.buttons .button { flex: 1 0 auto; margin: 0em; border-radius: 0em; margin: 0px 0px 0px 0px; } .bgs-theme .ui.buttons > .ui.button:not(.basic):not(.inverted), .bgs-theme .ui.buttons:not(.basic):not(.inverted) > .button { box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px #ABADB0 inset; } .bgs-theme .ui.buttons .button:first-child { border-left: none; margin-left: 0em; border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .bgs-theme .ui.buttons .button:last-child { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .bgs-theme .ui.vertical.buttons { display: inline-flex; flex-direction: column; } .bgs-theme .ui.vertical.buttons .button { display: block; float: none; width: 100%; margin: 0px 0px 0px 0px; box-shadow: none; border-radius: 0em; } .bgs-theme .ui.vertical.buttons .button:first-child { border-top-left-radius: 0.1875rem; border-top-right-radius: 0.1875rem; } .bgs-theme .ui.vertical.buttons .button:last-child { margin-bottom: 0px; border-bottom-left-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .bgs-theme .ui.vertical.buttons .button:only-child { border-radius: 0.1875rem; } .bgs-theme .ui.container { display: block; max-width: 100% !important; } @media only screen and (max-width: 767px) { .bgs-theme .ui.container { width: auto !important; margin-left: 1em !important; margin-right: 1em !important; } .bgs-theme .ui.grid.container { width: auto !important; } .bgs-theme .ui.relaxed.grid.container { width: auto !important; } .bgs-theme .ui.very.relaxed.grid.container { width: auto !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .bgs-theme .ui.container { width: 719px; margin-left: auto !important; margin-right: auto !important; } .bgs-theme .ui.grid.container { width: calc( 719px + 2rem ) !important; } .bgs-theme .ui.relaxed.grid.container { width: calc( 719px + 3rem ) !important; } .bgs-theme .ui.very.relaxed.grid.container { width: calc( 719px + 5rem ) !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .bgs-theme .ui.container { width: 927px; margin-left: auto !important; margin-right: auto !important; } .bgs-theme .ui.grid.container { width: calc( 927px + 2rem ) !important; } .bgs-theme .ui.relaxed.grid.container { width: calc( 927px + 3rem ) !important; } .bgs-theme .ui.very.relaxed.grid.container { width: calc( 927px + 5rem ) !important; } } @media only screen and (min-width: 1200px) { .bgs-theme .ui.container { width: 1119px; margin-left: auto !important; margin-right: auto !important; } .bgs-theme .ui.grid.container { width: calc( 1119px + 2rem ) !important; } .bgs-theme .ui.relaxed.grid.container { width: calc( 1119px + 3rem ) !important; } .bgs-theme .ui.very.relaxed.grid.container { width: calc( 1119px + 5rem ) !important; } } .bgs-theme .ui.text.container { font-family: 'proxima-nova', sans-serif; max-width: 700px !important; line-height: 1.5; } .bgs-theme .ui.text.container { font-size: 1.125rem; } .bgs-theme .ui.fluid.container { width: 100%; } .bgs-theme .ui[class*="left aligned"].container { text-align: left; } .bgs-theme .ui[class*="center aligned"].container { text-align: center; } .bgs-theme .ui[class*="right aligned"].container { text-align: right; } .bgs-theme .ui.justified.container { text-align: justify; hyphens: auto; } .bgs-theme .ui.divider { margin: 1rem 0rem; line-height: 1; height: 0em; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; color: rgba(0, 0, 0, 0.85); user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .bgs-theme .ui.divider:not(.vertical):not(.horizontal) { border-top: 1px solid #ABADB0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .bgs-theme .ui.grid > .column + .divider, .bgs-theme .ui.grid > .row > .column + .divider { left: auto; } .bgs-theme .ui.horizontal.divider { display: table; white-space: nowrap; height: auto; margin: ''; line-height: 1; text-align: center; } .bgs-theme .ui.horizontal.divider:before, .bgs-theme .ui.horizontal.divider:after { content: ''; display: table-cell; position: relative; top: 50%; width: 50%; background-repeat: no-repeat; } .bgs-theme .ui.horizontal.divider:before { background-position: right 1em top 50%; } .bgs-theme .ui.horizontal.divider:after { background-position: left 1em top 50%; } .bgs-theme .ui.vertical.divider { position: absolute; z-index: 2; top: 50%; left: 50%; margin: 0rem; padding: 0em; width: auto; height: 50%; line-height: 0em; text-align: center; transform: translateX(-50%); } .bgs-theme .ui.vertical.divider:before, .bgs-theme .ui.vertical.divider:after { position: absolute; left: 50%; content: ''; z-index: 3; border-left: 1px solid #ABADB0; border-right: 1px solid rgba(255, 255, 255, 0.1); width: 0%; height: calc(100% - 1rem ); } .bgs-theme .ui.vertical.divider:before { top: -100%; } .bgs-theme .ui.vertical.divider:after { top: auto; bottom: 0px; } @media only screen and (max-width: 767px) { .bgs-theme .ui.stackable.grid .ui.vertical.divider, .bgs-theme .ui.grid .stackable.row .ui.vertical.divider { display: table; white-space: nowrap; height: auto; margin: ''; overflow: hidden; line-height: 1; text-align: center; position: static; top: 0; left: 0; transform: none; } .bgs-theme .ui.stackable.grid .ui.vertical.divider:before, .bgs-theme .ui.grid .stackable.row .ui.vertical.divider:before, .bgs-theme .ui.stackable.grid .ui.vertical.divider:after, .bgs-theme .ui.grid .stackable.row .ui.vertical.divider:after { position: static; left: 0; border-left: none; border-right: none; content: ''; display: table-cell; position: relative; top: 50%; width: 50%; background-repeat: no-repeat; } .bgs-theme .ui.stackable.grid .ui.vertical.divider:before, .bgs-theme .ui.grid .stackable.row .ui.vertical.divider:before { background-position: right 1em top 50%; } .bgs-theme .ui.stackable.grid .ui.vertical.divider:after, .bgs-theme .ui.grid .stackable.row .ui.vertical.divider:after { background-position: left 1em top 50%; } } .bgs-theme .ui.divider > .icon { margin: 0rem; font-size: 1rem; height: 1em; vertical-align: middle; } .bgs-theme .ui.hidden.divider { border-color: transparent !important; } .bgs-theme .ui.hidden.divider:before, .bgs-theme .ui.hidden.divider:after { display: none; } .bgs-theme .ui.divider.inverted, .bgs-theme .ui.vertical.inverted.divider, .bgs-theme .ui.horizontal.inverted.divider { color: #FAFAFA; } .bgs-theme .ui.divider.inverted, .bgs-theme .ui.divider.inverted:after, .bgs-theme .ui.divider.inverted:before { border-top-color: #ABADB0 !important; border-left-color: #ABADB0 !important; border-bottom-color: rgba(255, 255, 255, 0.15) !important; border-right-color: rgba(255, 255, 255, 0.15) !important; } .bgs-theme .ui.fitted.divider { margin: 0em; } .bgs-theme .ui.clearing.divider { clear: both; } .bgs-theme .ui.section.divider { margin-top: 2rem; margin-bottom: 2rem; } .bgs-theme .ui.divider { font-size: 1rem; } .bgs-theme .ui.horizontal.divider:before, .bgs-theme .ui.horizontal.divider:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC'); } @media only screen and (max-width: 767px) { .bgs-theme .ui.stackable.grid .ui.vertical.divider:before, .bgs-theme .ui.grid .stackable.row .ui.vertical.divider:before, .bgs-theme .ui.stackable.grid .ui.vertical.divider:after, .bgs-theme .ui.grid .stackable.row .ui.vertical.divider:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC'); } } .bgs-theme i.flag:not(.icon) { display: inline-block; width: 16px; height: 11px; line-height: 11px; vertical-align: baseline; margin: 0em 0.5em 0em 0em; text-decoration: inherit; speak: none; font-smoothing: antialiased; backface-visibility: hidden; } .bgs-theme i.flag:not(.icon):before { display: inline-block; content: ''; background: url(flags.png) no-repeat -108px -1976px; width: 16px; height: 11px; } .bgs-theme i.flag.ad:before, .bgs-theme i.flag.andorra:before { background-position: 0px 0px; } .bgs-theme i.flag.ae:before, .bgs-theme i.flag.united.arab.emirates:before, .bgs-theme i.flag.uae:before { background-position: 0px -26px; } .bgs-theme i.flag.af:before, .bgs-theme i.flag.afghanistan:before { background-position: 0px -52px; } .bgs-theme i.flag.ag:before, .bgs-theme i.flag.antigua:before { background-position: 0px -78px; } .bgs-theme i.flag.ai:before, .bgs-theme i.flag.anguilla:before { background-position: 0px -104px; } .bgs-theme i.flag.al:before, .bgs-theme i.flag.albania:before { background-position: 0px -130px; } .bgs-theme i.flag.am:before, .bgs-theme i.flag.armenia:before { background-position: 0px -156px; } .bgs-theme i.flag.an:before, .bgs-theme i.flag.netherlands.antilles:before { background-position: 0px -182px; } .bgs-theme i.flag.ao:before, .bgs-theme i.flag.angola:before { background-position: 0px -208px; } .bgs-theme i.flag.ar:before, .bgs-theme i.flag.argentina:before { background-position: 0px -234px; } .bgs-theme i.flag.as:before, .bgs-theme i.flag.american.samoa:before { background-position: 0px -260px; } .bgs-theme i.flag.at:before, .bgs-theme i.flag.austria:before { background-position: 0px -286px; } .bgs-theme i.flag.au:before, .bgs-theme i.flag.australia:before { background-position: 0px -312px; } .bgs-theme i.flag.aw:before, .bgs-theme i.flag.aruba:before { background-position: 0px -338px; } .bgs-theme i.flag.ax:before, .bgs-theme i.flag.aland.islands:before { background-position: 0px -364px; } .bgs-theme i.flag.az:before, .bgs-theme i.flag.azerbaijan:before { background-position: 0px -390px; } .bgs-theme i.flag.ba:before, .bgs-theme i.flag.bosnia:before { background-position: 0px -416px; } .bgs-theme i.flag.bb:before, .bgs-theme i.flag.barbados:before { background-position: 0px -442px; } .bgs-theme i.flag.bd:before, .bgs-theme i.flag.bangladesh:before { background-position: 0px -468px; } .bgs-theme i.flag.be:before, .bgs-theme i.flag.belgium:before { background-position: 0px -494px; } .bgs-theme i.flag.bf:before, .bgs-theme i.flag.burkina.faso:before { background-position: 0px -520px; } .bgs-theme i.flag.bg:before, .bgs-theme i.flag.bulgaria:before { background-position: 0px -546px; } .bgs-theme i.flag.bh:before, .bgs-theme i.flag.bahrain:before { background-position: 0px -572px; } .bgs-theme i.flag.bi:before, .bgs-theme i.flag.burundi:before { background-position: 0px -598px; } .bgs-theme i.flag.bj:before, .bgs-theme i.flag.benin:before { background-position: 0px -624px; } .bgs-theme i.flag.bm:before, .bgs-theme i.flag.bermuda:before { background-position: 0px -650px; } .bgs-theme i.flag.bn:before, .bgs-theme i.flag.brunei:before { background-position: 0px -676px; } .bgs-theme i.flag.bo:before, .bgs-theme i.flag.bolivia:before { background-position: 0px -702px; } .bgs-theme i.flag.br:before, .bgs-theme i.flag.brazil:before { background-position: 0px -728px; } .bgs-theme i.flag.bs:before, .bgs-theme i.flag.bahamas:before { background-position: 0px -754px; } .bgs-theme i.flag.bt:before, .bgs-theme i.flag.bhutan:before { background-position: 0px -780px; } .bgs-theme i.flag.bv:before, .bgs-theme i.flag.bouvet.island:before { background-position: 0px -806px; } .bgs-theme i.flag.bw:before, .bgs-theme i.flag.botswana:before { background-position: 0px -832px; } .bgs-theme i.flag.by:before, .bgs-theme i.flag.belarus:before { background-position: 0px -858px; } .bgs-theme i.flag.bz:before, .bgs-theme i.flag.belize:before { background-position: 0px -884px; } .bgs-theme i.flag.ca:before, .bgs-theme i.flag.canada:before { background-position: 0px -910px; } .bgs-theme i.flag.cc:before, .bgs-theme i.flag.cocos.islands:before { background-position: 0px -962px; } .bgs-theme i.flag.cd:before, .bgs-theme i.flag.congo:before { background-position: 0px -988px; } .bgs-theme i.flag.cf:before, .bgs-theme i.flag.central.african.republic:before { background-position: 0px -1014px; } .bgs-theme i.flag.cg:before, .bgs-theme i.flag.congo.brazzaville:before { background-position: 0px -1040px; } .bgs-theme i.flag.ch:before, .bgs-theme i.flag.switzerland:before { background-position: 0px -1066px; } .bgs-theme i.flag.ci:before, .bgs-theme i.flag.cote.divoire:before { background-position: 0px -1092px; } .bgs-theme i.flag.ck:before, .bgs-theme i.flag.cook.islands:before { background-position: 0px -1118px; } .bgs-theme i.flag.cl:before, .bgs-theme i.flag.chile:before { background-position: 0px -1144px; } .bgs-theme i.flag.cm:before, .bgs-theme i.flag.cameroon:before { background-position: 0px -1170px; } .bgs-theme i.flag.cn:before, .bgs-theme i.flag.china:before { background-position: 0px -1196px; } .bgs-theme i.flag.co:before, .bgs-theme i.flag.colombia:before { background-position: 0px -1222px; } .bgs-theme i.flag.cr:before, .bgs-theme i.flag.costa.rica:before { background-position: 0px -1248px; } .bgs-theme i.flag.cs:before, .bgs-theme i.flag.serbia:before { background-position: 0px -1274px; } .bgs-theme i.flag.cu:before, .bgs-theme i.flag.cuba:before { background-position: 0px -1300px; } .bgs-theme i.flag.cv:before, .bgs-theme i.flag.cape.verde:before { background-position: 0px -1326px; } .bgs-theme i.flag.cx:before, .bgs-theme i.flag.christmas.island:before { background-position: 0px -1352px; } .bgs-theme i.flag.cy:before, .bgs-theme i.flag.cyprus:before { background-position: 0px -1378px; } .bgs-theme i.flag.cz:before, .bgs-theme i.flag.czech.republic:before { background-position: 0px -1404px; } .bgs-theme i.flag.de:before, .bgs-theme i.flag.germany:before { background-position: 0px -1430px; } .bgs-theme i.flag.dj:before, .bgs-theme i.flag.djibouti:before { background-position: 0px -1456px; } .bgs-theme i.flag.dk:before, .bgs-theme i.flag.denmark:before { background-position: 0px -1482px; } .bgs-theme i.flag.dm:before, .bgs-theme i.flag.dominica:before { background-position: 0px -1508px; } .bgs-theme i.flag.do:before, .bgs-theme i.flag.dominican.republic:before { background-position: 0px -1534px; } .bgs-theme i.flag.dz:before, .bgs-theme i.flag.algeria:before { background-position: 0px -1560px; } .bgs-theme i.flag.ec:before, .bgs-theme i.flag.ecuador:before { background-position: 0px -1586px; } .bgs-theme i.flag.ee:before, .bgs-theme i.flag.estonia:before { background-position: 0px -1612px; } .bgs-theme i.flag.eg:before, .bgs-theme i.flag.egypt:before { background-position: 0px -1638px; } .bgs-theme i.flag.eh:before, .bgs-theme i.flag.western.sahara:before { background-position: 0px -1664px; } .bgs-theme i.flag.gb.eng:before, .bgs-theme i.flag.england:before { background-position: 0px -1690px; } .bgs-theme i.flag.er:before, .bgs-theme i.flag.eritrea:before { background-position: 0px -1716px; } .bgs-theme i.flag.es:before, .bgs-theme i.flag.spain:before { background-position: 0px -1742px; } .bgs-theme i.flag.et:before, .bgs-theme i.flag.ethiopia:before { background-position: 0px -1768px; } .bgs-theme i.flag.eu:before, .bgs-theme i.flag.european.union:before { background-position: 0px -1794px; } .bgs-theme i.flag.fi:before, .bgs-theme i.flag.finland:before { background-position: 0px -1846px; } .bgs-theme i.flag.fj:before, .bgs-theme i.flag.fiji:before { background-position: 0px -1872px; } .bgs-theme i.flag.fk:before, .bgs-theme i.flag.falkland.islands:before { background-position: 0px -1898px; } .bgs-theme i.flag.fm:before, .bgs-theme i.flag.micronesia:before { background-position: 0px -1924px; } .bgs-theme i.flag.fo:before, .bgs-theme i.flag.faroe.islands:before { background-position: 0px -1950px; } .bgs-theme i.flag.fr:before, .bgs-theme i.flag.france:before { background-position: 0px -1976px; } .bgs-theme i.flag.ga:before, .bgs-theme i.flag.gabon:before { background-position: -36px 0px; } .bgs-theme i.flag.gb:before, .bgs-theme i.flag.uk:before, .bgs-theme i.flag.united.kingdom:before { background-position: -36px -26px; } .bgs-theme i.flag.gd:before, .bgs-theme i.flag.grenada:before { background-position: -36px -52px; } .bgs-theme i.flag.ge:before, .bgs-theme i.flag.georgia:before { background-position: -36px -78px; } .bgs-theme i.flag.gf:before, .bgs-theme i.flag.french.guiana:before { background-position: -36px -104px; } .bgs-theme i.flag.gh:before, .bgs-theme i.flag.ghana:before { background-position: -36px -130px; } .bgs-theme i.flag.gi:before, .bgs-theme i.flag.gibraltar:before { background-position: -36px -156px; } .bgs-theme i.flag.gl:before, .bgs-theme i.flag.greenland:before { background-position: -36px -182px; } .bgs-theme i.flag.gm:before, .bgs-theme i.flag.gambia:before { background-position: -36px -208px; } .bgs-theme i.flag.gn:before, .bgs-theme i.flag.guinea:before { background-position: -36px -234px; } .bgs-theme i.flag.gp:before, .bgs-theme i.flag.guadeloupe:before { background-position: -36px -260px; } .bgs-theme i.flag.gq:before, .bgs-theme i.flag.equatorial.guinea:before { background-position: -36px -286px; } .bgs-theme i.flag.gr:before, .bgs-theme i.flag.greece:before { background-position: -36px -312px; } .bgs-theme i.flag.gs:before, .bgs-theme i.flag.sandwich.islands:before { background-position: -36px -338px; } .bgs-theme i.flag.gt:before, .bgs-theme i.flag.guatemala:before { background-position: -36px -364px; } .bgs-theme i.flag.gu:before, .bgs-theme i.flag.guam:before { background-position: -36px -390px; } .bgs-theme i.flag.gw:before, .bgs-theme i.flag.guinea-bissau:before { background-position: -36px -416px; } .bgs-theme i.flag.gy:before, .bgs-theme i.flag.guyana:before { background-position: -36px -442px; } .bgs-theme i.flag.hk:before, .bgs-theme i.flag.hong.kong:before { background-position: -36px -468px; } .bgs-theme i.flag.hm:before, .bgs-theme i.flag.heard.island:before { background-position: -36px -494px; } .bgs-theme i.flag.hn:before, .bgs-theme i.flag.honduras:before { background-position: -36px -520px; } .bgs-theme i.flag.hr:before, .bgs-theme i.flag.croatia:before { background-position: -36px -546px; } .bgs-theme i.flag.ht:before, .bgs-theme i.flag.haiti:before { background-position: -36px -572px; } .bgs-theme i.flag.hu:before, .bgs-theme i.flag.hungary:before { background-position: -36px -598px; } .bgs-theme i.flag.id:before, .bgs-theme i.flag.indonesia:before { background-position: -36px -624px; } .bgs-theme i.flag.ie:before, .bgs-theme i.flag.ireland:before { background-position: -36px -650px; } .bgs-theme i.flag.il:before, .bgs-theme i.flag.israel:before { background-position: -36px -676px; } .bgs-theme i.flag.in:before, .bgs-theme i.flag.india:before { background-position: -36px -702px; } .bgs-theme i.flag.io:before, .bgs-theme i.flag.indian.ocean.territory:before { background-position: -36px -728px; } .bgs-theme i.flag.iq:before, .bgs-theme i.flag.iraq:before { background-position: -36px -754px; } .bgs-theme i.flag.ir:before, .bgs-theme i.flag.iran:before { background-position: -36px -780px; } .bgs-theme i.flag.is:before, .bgs-theme i.flag.iceland:before { background-position: -36px -806px; } .bgs-theme i.flag.it:before, .bgs-theme i.flag.italy:before { background-position: -36px -832px; } .bgs-theme i.flag.jm:before, .bgs-theme i.flag.jamaica:before { background-position: -36px -858px; } .bgs-theme i.flag.jo:before, .bgs-theme i.flag.jordan:before { background-position: -36px -884px; } .bgs-theme i.flag.jp:before, .bgs-theme i.flag.japan:before { background-position: -36px -910px; } .bgs-theme i.flag.ke:before, .bgs-theme i.flag.kenya:before { background-position: -36px -936px; } .bgs-theme i.flag.kg:before, .bgs-theme i.flag.kyrgyzstan:before { background-position: -36px -962px; } .bgs-theme i.flag.kh:before, .bgs-theme i.flag.cambodia:before { background-position: -36px -988px; } .bgs-theme i.flag.ki:before, .bgs-theme i.flag.kiribati:before { background-position: -36px -1014px; } .bgs-theme i.flag.km:before, .bgs-theme i.flag.comoros:before { background-position: -36px -1040px; } .bgs-theme i.flag.kn:before, .bgs-theme i.flag.saint.kitts.and.nevis:before { background-position: -36px -1066px; } .bgs-theme i.flag.kp:before, .bgs-theme i.flag.north.korea:before { background-position: -36px -1092px; } .bgs-theme i.flag.kr:before, .bgs-theme i.flag.south.korea:before { background-position: -36px -1118px; } .bgs-theme i.flag.kw:before, .bgs-theme i.flag.kuwait:before { background-position: -36px -1144px; } .bgs-theme i.flag.ky:before, .bgs-theme i.flag.cayman.islands:before { background-position: -36px -1170px; } .bgs-theme i.flag.kz:before, .bgs-theme i.flag.kazakhstan:before { background-position: -36px -1196px; } .bgs-theme i.flag.la:before, .bgs-theme i.flag.laos:before { background-position: -36px -1222px; } .bgs-theme i.flag.lb:before, .bgs-theme i.flag.lebanon:before { background-position: -36px -1248px; } .bgs-theme i.flag.lc:before, .bgs-theme i.flag.saint.lucia:before { background-position: -36px -1274px; } .bgs-theme i.flag.li:before, .bgs-theme i.flag.liechtenstein:before { background-position: -36px -1300px; } .bgs-theme i.flag.lk:before, .bgs-theme i.flag.sri.lanka:before { background-position: -36px -1326px; } .bgs-theme i.flag.lr:before, .bgs-theme i.flag.liberia:before { background-position: -36px -1352px; } .bgs-theme i.flag.ls:before, .bgs-theme i.flag.lesotho:before { background-position: -36px -1378px; } .bgs-theme i.flag.lt:before, .bgs-theme i.flag.lithuania:before { background-position: -36px -1404px; } .bgs-theme i.flag.lu:before, .bgs-theme i.flag.luxembourg:before { background-position: -36px -1430px; } .bgs-theme i.flag.lv:before, .bgs-theme i.flag.latvia:before { background-position: -36px -1456px; } .bgs-theme i.flag.ly:before, .bgs-theme i.flag.libya:before { background-position: -36px -1482px; } .bgs-theme i.flag.ma:before, .bgs-theme i.flag.morocco:before { background-position: -36px -1508px; } .bgs-theme i.flag.mc:before, .bgs-theme i.flag.monaco:before { background-position: -36px -1534px; } .bgs-theme i.flag.md:before, .bgs-theme i.flag.moldova:before { background-position: -36px -1560px; } .bgs-theme i.flag.me:before, .bgs-theme i.flag.montenegro:before { background-position: -36px -1586px; } .bgs-theme i.flag.mg:before, .bgs-theme i.flag.madagascar:before { background-position: -36px -1613px; } .bgs-theme i.flag.mh:before, .bgs-theme i.flag.marshall.islands:before { background-position: -36px -1639px; } .bgs-theme i.flag.mk:before, .bgs-theme i.flag.macedonia:before { background-position: -36px -1665px; } .bgs-theme i.flag.ml:before, .bgs-theme i.flag.mali:before { background-position: -36px -1691px; } .bgs-theme i.flag.mm:before, .bgs-theme i.flag.myanmar:before, .bgs-theme i.flag.burma:before { background-position: -73px -1821px; } .bgs-theme i.flag.mn:before, .bgs-theme i.flag.mongolia:before { background-position: -36px -1743px; } .bgs-theme i.flag.mo:before, .bgs-theme i.flag.macau:before { background-position: -36px -1769px; } .bgs-theme i.flag.mp:before, .bgs-theme i.flag.northern.mariana.islands:before { background-position: -36px -1795px; } .bgs-theme i.flag.mq:before, .bgs-theme i.flag.martinique:before { background-position: -36px -1821px; } .bgs-theme i.flag.mr:before, .bgs-theme i.flag.mauritania:before { background-position: -36px -1847px; } .bgs-theme i.flag.ms:before, .bgs-theme i.flag.montserrat:before { background-position: -36px -1873px; } .bgs-theme i.flag.mt:before, .bgs-theme i.flag.malta:before { background-position: -36px -1899px; } .bgs-theme i.flag.mu:before, .bgs-theme i.flag.mauritius:before { background-position: -36px -1925px; } .bgs-theme i.flag.mv:before, .bgs-theme i.flag.maldives:before { background-position: -36px -1951px; } .bgs-theme i.flag.mw:before, .bgs-theme i.flag.malawi:before { background-position: -36px -1977px; } .bgs-theme i.flag.mx:before, .bgs-theme i.flag.mexico:before { background-position: -72px 0px; } .bgs-theme i.flag.my:before, .bgs-theme i.flag.malaysia:before { background-position: -72px -26px; } .bgs-theme i.flag.mz:before, .bgs-theme i.flag.mozambique:before { background-position: -72px -52px; } .bgs-theme i.flag.na:before, .bgs-theme i.flag.namibia:before { background-position: -72px -78px; } .bgs-theme i.flag.nc:before, .bgs-theme i.flag.new.caledonia:before { background-position: -72px -104px; } .bgs-theme i.flag.ne:before, .bgs-theme i.flag.niger:before { background-position: -72px -130px; } .bgs-theme i.flag.nf:before, .bgs-theme i.flag.norfolk.island:before { background-position: -72px -156px; } .bgs-theme i.flag.ng:before, .bgs-theme i.flag.nigeria:before { background-position: -72px -182px; } .bgs-theme i.flag.ni:before, .bgs-theme i.flag.nicaragua:before { background-position: -72px -208px; } .bgs-theme i.flag.nl:before, .bgs-theme i.flag.netherlands:before { background-position: -72px -234px; } .bgs-theme i.flag.no:before, .bgs-theme i.flag.norway:before { background-position: -72px -260px; } .bgs-theme i.flag.np:before, .bgs-theme i.flag.nepal:before { background-position: -72px -286px; } .bgs-theme i.flag.nr:before, .bgs-theme i.flag.nauru:before { background-position: -72px -312px; } .bgs-theme i.flag.nu:before, .bgs-theme i.flag.niue:before { background-position: -72px -338px; } .bgs-theme i.flag.nz:before, .bgs-theme i.flag.new.zealand:before { background-position: -72px -364px; } .bgs-theme i.flag.om:before, .bgs-theme i.flag.oman:before { background-position: -72px -390px; } .bgs-theme i.flag.pa:before, .bgs-theme i.flag.panama:before { background-position: -72px -416px; } .bgs-theme i.flag.pe:before, .bgs-theme i.flag.peru:before { background-position: -72px -442px; } .bgs-theme i.flag.pf:before, .bgs-theme i.flag.french.polynesia:before { background-position: -72px -468px; } .bgs-theme i.flag.pg:before, .bgs-theme i.flag.new.guinea:before { background-position: -72px -494px; } .bgs-theme i.flag.ph:before, .bgs-theme i.flag.philippines:before { background-position: -72px -520px; } .bgs-theme i.flag.pk:before, .bgs-theme i.flag.pakistan:before { background-position: -72px -546px; } .bgs-theme i.flag.pl:before, .bgs-theme i.flag.poland:before { background-position: -72px -572px; } .bgs-theme i.flag.pm:before, .bgs-theme i.flag.saint.pierre:before { background-position: -72px -598px; } .bgs-theme i.flag.pn:before, .bgs-theme i.flag.pitcairn.islands:before { background-position: -72px -624px; } .bgs-theme i.flag.pr:before, .bgs-theme i.flag.puerto.rico:before { background-position: -72px -650px; } .bgs-theme i.flag.ps:before, .bgs-theme i.flag.palestine:before { background-position: -72px -676px; } .bgs-theme i.flag.pt:before, .bgs-theme i.flag.portugal:before { background-position: -72px -702px; } .bgs-theme i.flag.pw:before, .bgs-theme i.flag.palau:before { background-position: -72px -728px; } .bgs-theme i.flag.py:before, .bgs-theme i.flag.paraguay:before { background-position: -72px -754px; } .bgs-theme i.flag.qa:before, .bgs-theme i.flag.qatar:before { background-position: -72px -780px; } .bgs-theme i.flag.re:before, .bgs-theme i.flag.reunion:before { background-position: -72px -806px; } .bgs-theme i.flag.ro:before, .bgs-theme i.flag.romania:before { background-position: -72px -832px; } .bgs-theme i.flag.rs:before, .bgs-theme i.flag.serbia:before { background-position: -72px -858px; } .bgs-theme i.flag.ru:before, .bgs-theme i.flag.russia:before { background-position: -72px -884px; } .bgs-theme i.flag.rw:before, .bgs-theme i.flag.rwanda:before { background-position: -72px -910px; } .bgs-theme i.flag.sa:before, .bgs-theme i.flag.saudi.arabia:before { background-position: -72px -936px; } .bgs-theme i.flag.sb:before, .bgs-theme i.flag.solomon.islands:before { background-position: -72px -962px; } .bgs-theme i.flag.sc:before, .bgs-theme i.flag.seychelles:before { background-position: -72px -988px; } .bgs-theme i.flag.gb.sct:before, .bgs-theme i.flag.scotland:before { background-position: -72px -1014px; } .bgs-theme i.flag.sd:before, .bgs-theme i.flag.sudan:before { background-position: -72px -1040px; } .bgs-theme i.flag.se:before, .bgs-theme i.flag.sweden:before { background-position: -72px -1066px; } .bgs-theme i.flag.sg:before, .bgs-theme i.flag.singapore:before { background-position: -72px -1092px; } .bgs-theme i.flag.sh:before, .bgs-theme i.flag.saint.helena:before { background-position: -72px -1118px; } .bgs-theme i.flag.si:before, .bgs-theme i.flag.slovenia:before { background-position: -72px -1144px; } .bgs-theme i.flag.sj:before, .bgs-theme i.flag.svalbard:before, .bgs-theme i.flag.jan.mayen:before { background-position: -72px -1170px; } .bgs-theme i.flag.sk:before, .bgs-theme i.flag.slovakia:before { background-position: -72px -1196px; } .bgs-theme i.flag.sl:before, .bgs-theme i.flag.sierra.leone:before { background-position: -72px -1222px; } .bgs-theme i.flag.sm:before, .bgs-theme i.flag.san.marino:before { background-position: -72px -1248px; } .bgs-theme i.flag.sn:before, .bgs-theme i.flag.senegal:before { background-position: -72px -1274px; } .bgs-theme i.flag.so:before, .bgs-theme i.flag.somalia:before { background-position: -72px -1300px; } .bgs-theme i.flag.sr:before, .bgs-theme i.flag.suriname:before { background-position: -72px -1326px; } .bgs-theme i.flag.st:before, .bgs-theme i.flag.sao.tome:before { background-position: -72px -1352px; } .bgs-theme i.flag.sv:before, .bgs-theme i.flag.el.salvador:before { background-position: -72px -1378px; } .bgs-theme i.flag.sy:before, .bgs-theme i.flag.syria:before { background-position: -72px -1404px; } .bgs-theme i.flag.sz:before, .bgs-theme i.flag.swaziland:before { background-position: -72px -1430px; } .bgs-theme i.flag.tc:before, .bgs-theme i.flag.caicos.islands:before { background-position: -72px -1456px; } .bgs-theme i.flag.td:before, .bgs-theme i.flag.chad:before { background-position: -72px -1482px; } .bgs-theme i.flag.tf:before, .bgs-theme i.flag.french.territories:before { background-position: -72px -1508px; } .bgs-theme i.flag.tg:before, .bgs-theme i.flag.togo:before { background-position: -72px -1534px; } .bgs-theme i.flag.th:before, .bgs-theme i.flag.thailand:before { background-position: -72px -1560px; } .bgs-theme i.flag.tj:before, .bgs-theme i.flag.tajikistan:before { background-position: -72px -1586px; } .bgs-theme i.flag.tk:before, .bgs-theme i.flag.tokelau:before { background-position: -72px -1612px; } .bgs-theme i.flag.tl:before, .bgs-theme i.flag.timorleste:before { background-position: -72px -1638px; } .bgs-theme i.flag.tm:before, .bgs-theme i.flag.turkmenistan:before { background-position: -72px -1664px; } .bgs-theme i.flag.tn:before, .bgs-theme i.flag.tunisia:before { background-position: -72px -1690px; } .bgs-theme i.flag.to:before, .bgs-theme i.flag.tonga:before { background-position: -72px -1716px; } .bgs-theme i.flag.tr:before, .bgs-theme i.flag.turkey:before { background-position: -72px -1742px; } .bgs-theme i.flag.tt:before, .bgs-theme i.flag.trinidad:before { background-position: -72px -1768px; } .bgs-theme i.flag.tv:before, .bgs-theme i.flag.tuvalu:before { background-position: -72px -1794px; } .bgs-theme i.flag.tw:before, .bgs-theme i.flag.taiwan:before { background-position: -72px -1820px; } .bgs-theme i.flag.tz:before, .bgs-theme i.flag.tanzania:before { background-position: -72px -1846px; } .bgs-theme i.flag.ua:before, .bgs-theme i.flag.ukraine:before { background-position: -72px -1872px; } .bgs-theme i.flag.ug:before, .bgs-theme i.flag.uganda:before { background-position: -72px -1898px; } .bgs-theme i.flag.um:before, .bgs-theme i.flag.us.minor.islands:before { background-position: -72px -1924px; } .bgs-theme i.flag.us:before, .bgs-theme i.flag.america:before, .bgs-theme i.flag.united.states:before { background-position: -72px -1950px; } .bgs-theme i.flag.uy:before, .bgs-theme i.flag.uruguay:before { background-position: -72px -1976px; } .bgs-theme i.flag.uz:before, .bgs-theme i.flag.uzbekistan:before { background-position: -108px 0px; } .bgs-theme i.flag.va:before, .bgs-theme i.flag.vatican.city:before { background-position: -108px -26px; } .bgs-theme i.flag.vc:before, .bgs-theme i.flag.saint.vincent:before { background-position: -108px -52px; } .bgs-theme i.flag.ve:before, .bgs-theme i.flag.venezuela:before { background-position: -108px -78px; } .bgs-theme i.flag.vg:before, .bgs-theme i.flag.british.virgin.islands:before { background-position: -108px -104px; } .bgs-theme i.flag.vi:before, .bgs-theme i.flag.us.virgin.islands:before { background-position: -108px -130px; } .bgs-theme i.flag.vn:before, .bgs-theme i.flag.vietnam:before { background-position: -108px -156px; } .bgs-theme i.flag.vu:before, .bgs-theme i.flag.vanuatu:before { background-position: -108px -182px; } .bgs-theme i.flag.gb.wls:before, .bgs-theme i.flag.wales:before { background-position: -108px -208px; } .bgs-theme i.flag.wf:before, .bgs-theme i.flag.wallis.and.futuna:before { background-position: -108px -234px; } .bgs-theme i.flag.ws:before, .bgs-theme i.flag.samoa:before { background-position: -108px -260px; } .bgs-theme i.flag.ye:before, .bgs-theme i.flag.yemen:before { background-position: -108px -286px; } .bgs-theme i.flag.yt:before, .bgs-theme i.flag.mayotte:before { background-position: -108px -312px; } .bgs-theme i.flag.za:before, .bgs-theme i.flag.south.africa:before { background-position: -108px -338px; } .bgs-theme i.flag.zm:before, .bgs-theme i.flag.zambia:before { background-position: -108px -364px; } .bgs-theme i.flag.zw:before, .bgs-theme i.flag.zimbabwe:before { background-position: -108px -390px; } .bgs-theme .ui.header { border: none; margin: calc(2rem - 0.14285714em ) 0em 1rem; padding: 0em 0em; font-family: 'proxima-nova', sans-serif; font-weight: normal; line-height: 1.28571429em; text-transform: none; color: #2D3239; } .bgs-theme .ui.header:first-child { margin-top: -0.14285714em; } .bgs-theme .ui.header:last-child { margin-bottom: 0em; } .bgs-theme .ui.header .sub.header { display: block; font-weight: normal; padding: 0em; margin: 0em; font-size: 1rem; line-height: 1.2em; color: rgba(0, 0, 0, 0.6); } .bgs-theme .ui.header > .icon { display: table-cell; opacity: 1; font-size: 1.5em; padding-top: 0em; vertical-align: middle; } .bgs-theme .ui.header .icon:only-child { display: inline-block; padding: 0em; margin-right: 0.75rem; } .bgs-theme .ui.header > .image:not(.icon), .bgs-theme .ui.header > img { display: inline-block; margin-top: 0.14285714em; width: 2.5em; height: auto; vertical-align: middle; } .bgs-theme .ui.header > .image:not(.icon):only-child, .bgs-theme .ui.header > img:only-child { margin-right: 0.75rem; } .bgs-theme .ui.header .content { display: inline-block; vertical-align: top; } .bgs-theme .ui.header > img + .content, .bgs-theme .ui.header > .image + .content { padding-left: 0.75rem; vertical-align: middle; } .bgs-theme .ui.header > .icon + .content { padding-left: 0.75rem; display: table-cell; vertical-align: middle; } .bgs-theme .ui.header .ui.label { font-size: ''; margin-left: 0.5rem; vertical-align: middle; } .bgs-theme .ui.header + p { margin-top: 0em; } .bgs-theme h1.ui.header { font-size: 1.75em; } .bgs-theme h2.ui.header { font-size: 1.25em; } .bgs-theme h3.ui.header { font-size: 1em; } .bgs-theme h4.ui.header { font-size: 0.8125em; } .bgs-theme h5.ui.header { font-size: 0.625em; } .bgs-theme h1.ui.header .sub.header { font-size: 1.125rem; } .bgs-theme h2.ui.header .sub.header { font-size: 1.125rem; } .bgs-theme h3.ui.header .sub.header { font-size: 1rem; } .bgs-theme h4.ui.header .sub.header { font-size: 1rem; } .bgs-theme h5.ui.header .sub.header { font-size: 0.9375rem; } .bgs-theme .ui.huge.header { min-height: 1em; font-size: 1.75em; } .bgs-theme .ui.large.header { font-size: 1.125em; } .bgs-theme .ui.medium.header { font-size: 1em; } .bgs-theme .ui.small.header { font-size: 0.6875em; } .bgs-theme .ui.tiny.header { font-size: 0.625em; } .bgs-theme .ui.huge.header .sub.header { font-size: 1.125rem; } .bgs-theme .ui.large.header .sub.header { font-size: 1.125rem; } .bgs-theme .ui.header .sub.header { font-size: 1rem; } .bgs-theme .ui.small.header .sub.header { font-size: 1rem; } .bgs-theme .ui.tiny.header .sub.header { font-size: 0.9375rem; } .bgs-theme .ui.sub.header { padding: 0em; margin-bottom: 0.125rem; font-weight: bold; font-size: 0.875em; text-transform: uppercase; color: ''; } .bgs-theme .ui.small.sub.header { font-size: 0.8125em; } .bgs-theme .ui.sub.header { font-size: 0.875em; } .bgs-theme .ui.large.sub.header { font-size: 0.9375em; } .bgs-theme .ui.huge.sub.header { font-size: 1em; } .bgs-theme .ui.icon.header { display: inline-block; text-align: center; margin: 2rem 0em 1rem; } .bgs-theme .ui.icon.header:after { content: ''; display: block; height: 0px; clear: both; visibility: hidden; } .bgs-theme .ui.icon.header:first-child { margin-top: 0em; } .bgs-theme .ui.icon.header .icon { float: none; display: block; width: auto; height: auto; line-height: 1; padding: 0em; font-size: 3em; margin: 0em auto 0.5rem; opacity: 1; } .bgs-theme .ui.icon.header .content { display: block; padding: 0em; } .bgs-theme .ui.icon.header .circular.icon { font-size: 2em; } .bgs-theme .ui.icon.header .square.icon { font-size: 2em; } .bgs-theme .ui.block.icon.header .icon { margin-bottom: 0em; } .bgs-theme .ui.icon.header.aligned { margin-left: auto; margin-right: auto; display: block; } .bgs-theme .ui.disabled.header { opacity: 0.6; } .bgs-theme .ui.inverted.header { color: #FAFAFA; } .bgs-theme .ui.inverted.header .sub.header { color: rgba(255, 255, 255, 0.8); } .bgs-theme .ui.inverted.attached.header { background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); box-shadow: none; border-color: transparent; } .bgs-theme .ui.inverted.block.header { background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); box-shadow: none; } .bgs-theme .ui.inverted.block.header { border-bottom: none; } .bgs-theme .ui.red.header { color: #F03535 !important; } .bgs-theme a.ui.red.header:hover { color: #f91313 !important; } .bgs-theme .ui.red.dividing.header { border-bottom: 2px solid #F03535; } .bgs-theme .ui.inverted.red.header { color: #FF6E60 !important; } .bgs-theme a.ui.inverted.red.header:hover { color: #ff5746 !important; } .bgs-theme .ui.orange.header { color: #FFA553 !important; } .bgs-theme a.ui.orange.header:hover { color: #ff9839 !important; } .bgs-theme .ui.orange.dividing.header { border-bottom: 2px solid #FFA553; } .bgs-theme .ui.inverted.orange.header { color: #FFC48B !important; } .bgs-theme a.ui.inverted.orange.header:hover { color: #ffb771 !important; } .bgs-theme .ui.olive.header { color: #B5CC18 !important; } .bgs-theme a.ui.olive.header:hover { color: #a7bd0d !important; } .bgs-theme .ui.olive.dividing.header { border-bottom: 2px solid #B5CC18; } .bgs-theme .ui.inverted.olive.header { color: #D9E778 !important; } .bgs-theme a.ui.inverted.olive.header:hover { color: #d8ea5c !important; } .bgs-theme .ui.yellow.header { color: #FFDF45 !important; } .bgs-theme a.ui.yellow.header:hover { color: #ffdb2b !important; } .bgs-theme .ui.yellow.dividing.header { border-bottom: 2px solid #FFDF45; } .bgs-theme .ui.inverted.yellow.header { color: #FBEB9F !important; } .bgs-theme a.ui.inverted.yellow.header:hover { color: #ffe982 !important; } .bgs-theme .ui.green.header { color: #50B83C !important; } .bgs-theme a.ui.green.header:hover { color: #44aa30 !important; } .bgs-theme .ui.green.dividing.header { border-bottom: 2px solid #50B83C; } .bgs-theme .ui.inverted.green.header { color: #BBE5B3 !important; } .bgs-theme a.ui.inverted.green.header:hover { color: #a8e29d !important; } .bgs-theme .ui.teal.header { color: #00B5AD !important; } .bgs-theme a.ui.teal.header:hover { color: #009c95 !important; } .bgs-theme .ui.teal.dividing.header { border-bottom: 2px solid #00B5AD; } .bgs-theme .ui.inverted.teal.header { color: #6DFFFF !important; } .bgs-theme a.ui.inverted.teal.header:hover { color: #54ffff !important; } .bgs-theme .ui.blue.header { color: #007ACE !important; } .bgs-theme a.ui.blue.header:hover { color: #006bb5 !important; } .bgs-theme .ui.blue.dividing.header { border-bottom: 2px solid #007ACE; } .bgs-theme .ui.inverted.blue.header { color: #B4E0FA !important; } .bgs-theme a.ui.inverted.blue.header:hover { color: #97d7fd !important; } .bgs-theme .ui.violet.header { color: #6435C9 !important; } .bgs-theme a.ui.violet.header:hover { color: #5829bb !important; } .bgs-theme .ui.violet.dividing.header { border-bottom: 2px solid #6435C9; } .bgs-theme .ui.inverted.violet.header { color: #A291FB !important; } .bgs-theme a.ui.inverted.violet.header:hover { color: #8a73ff !important; } .bgs-theme .ui.purple.header { color: #CA7EEA !important; } .bgs-theme a.ui.purple.header:hover { color: #c462ed !important; } .bgs-theme .ui.purple.dividing.header { border-bottom: 2px solid #CA7EEA; } .bgs-theme .ui.inverted.purple.header { color: #E9CBF6 !important; } .bgs-theme a.ui.inverted.purple.header:hover { color: #e1b2f5 !important; } .bgs-theme .ui.pink.header { color: #E03997 !important; } .bgs-theme a.ui.pink.header:hover { color: #e61a8d !important; } .bgs-theme .ui.pink.dividing.header { border-bottom: 2px solid #E03997; } .bgs-theme .ui.inverted.pink.header { color: #FF8EDF !important; } .bgs-theme a.ui.inverted.pink.header:hover { color: #ff74d8 !important; } .bgs-theme .ui.brown.header { color: #A5673F !important; } .bgs-theme a.ui.brown.header:hover { color: #975b33 !important; } .bgs-theme .ui.brown.dividing.header { border-bottom: 2px solid #A5673F; } .bgs-theme .ui.inverted.brown.header { color: #D67C1C !important; } .bgs-theme a.ui.inverted.brown.header:hover { color: #c86f11 !important; } .bgs-theme .ui.grey.header { color: #ABADB0 !important; } .bgs-theme a.ui.grey.header:hover { color: #b8babc !important; } .bgs-theme .ui.grey.dividing.header { border-bottom: 2px solid #ABADB0; } .bgs-theme .ui.inverted.grey.header { color: #F1F1F1 !important; } .bgs-theme a.ui.inverted.grey.header:hover { color: #e4e4e4 !important; } .bgs-theme .ui.left.aligned.header { text-align: left; } .bgs-theme .ui.right.aligned.header { text-align: right; } .bgs-theme .ui.centered.header, .bgs-theme .ui.center.aligned.header { text-align: center; } .bgs-theme .ui.justified.header { text-align: justify; } .bgs-theme .ui.justified.header:after { display: inline-block; content: ''; width: 100%; } .bgs-theme .ui.floated.header, .bgs-theme .ui[class*="left floated"].header { float: left; margin-top: 0em; margin-right: 0.5em; } .bgs-theme .ui[class*="right floated"].header { float: right; margin-top: 0em; margin-left: 0.5em; } .bgs-theme .ui.fitted.header { padding: 0em; } .bgs-theme .ui.dividing.header { padding-bottom: 0.1875rem; border-bottom: 1px solid #ABADB0; } .bgs-theme .ui.dividing.header .sub.header { padding-bottom: 0.1875rem; } .bgs-theme .ui.dividing.header .icon { margin-bottom: 0em; } .bgs-theme .ui.inverted.dividing.header { border-bottom-color: rgba(255, 255, 255, 0.1); } .bgs-theme .ui.block.header { background: #F3F4F5; padding: 0.8125rem 1rem; box-shadow: none; border: 1px solid #D4D4D5; border-radius: 0.1875rem; } .bgs-theme .ui.tiny.block.header { font-size: 0.875rem; } .bgs-theme .ui.small.block.header { font-size: 0.9375rem; } .bgs-theme .ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { font-size: 1rem; } .bgs-theme .ui.large.block.header { font-size: 1.125rem; } .bgs-theme .ui.huge.block.header { font-size: 1.4375rem; } .bgs-theme .ui.attached.header { background: #FAFAFA; padding: 0.8125rem 1rem; margin-left: -1px; margin-right: -1px; box-shadow: none; border: 1px solid #D4D4D5; } .bgs-theme .ui.attached.block.header { background: #F3F4F5; } .bgs-theme .ui.attached:not(.top):not(.bottom).header { margin-top: 0em; margin-bottom: 0em; border-top: none; border-radius: 0em; } .bgs-theme .ui.top.attached.header { margin-bottom: 0em; border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.bottom.attached.header { margin-top: 0em; border-top: none; border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui.tiny.attached.header { font-size: 0.875em; } .bgs-theme .ui.small.attached.header { font-size: 0.9375em; } .bgs-theme .ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { font-size: 1em; } .bgs-theme .ui.large.attached.header { font-size: 1.125em; } .bgs-theme .ui.huge.attached.header { font-size: 1.4375em; } .bgs-theme .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { font-size: 1em; } .bgs-theme h1.ui.header, .bgs-theme .huge.ui.header { line-height: 2.125em; font-weight: 300; } .bgs-theme h2.ui.header { line-height: 1.5em; font-weight: 300; } .bgs-theme h3.ui.header { line-height: 1.25em; font-weight: 600; } .bgs-theme h4.ui.header { line-height: 1em; font-weight: 400; text-transform: uppercase; } .bgs-theme h5.ui.header { line-height: 0.75em; font-weight: 400; } .bgs-theme .large.ui.header { line-height: 1.375em; font-weight: 400; } .bgs-theme .medium.ui.header { line-height: 1.125em; font-weight: 400; } .bgs-theme .small.ui.header { line-height: 0.875em; font-weight: 400; } .bgs-theme h2.ui.header.bold { font-weight: 700; } @font-face { font-family: 'Icons'; src: url(icons.eot); src: url(icons.eot?#iefix) format('embedded-opentype'), url(icons.woff2) format('woff2'), url(icons.woff) format('woff'), url(icons.ttf) format('truetype'), url(icons.svg#icons) format('svg'); font-style: normal; font-weight: normal; font-variant: normal; text-decoration: inherit; text-transform: none; } .bgs-theme i.icon { display: inline-block; opacity: 1; margin: 0em 0.25rem 0em 0em; width: 1em; height: 1em; font-family: 'Icons'; font-style: normal; font-weight: normal; text-decoration: inherit; text-align: center; speak: none; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; backface-visibility: hidden; } .bgs-theme i.icon:before { background: none !important; } .bgs-theme i.icon.loading { height: 1em; line-height: 1; } .bgs-theme i.icon.loading { animation: icon-loading 2s linear infinite; } @keyframes icon-loading { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .bgs-theme i.icon.hover { opacity: 1 !important; } .bgs-theme i.icon.active { opacity: 1 !important; } .bgs-theme i.emphasized.icon { opacity: 1 !important; } .bgs-theme i.disabled.icon { opacity: 0.6 !important; } .bgs-theme i.fitted.icon { width: auto; margin: 0em !important; } .bgs-theme i.link.icon, .bgs-theme i.link.icons { cursor: pointer; opacity: 0.8; transition: opacity 0.1s ease; } .bgs-theme i.link.icon:hover, .bgs-theme i.link.icons:hover { opacity: 1 !important; } .bgs-theme i.circular.icon { border-radius: 500em !important; line-height: 1 !important; padding: 0.5em 0em !important; box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; width: 2em !important; height: 2em !important; } .bgs-theme i.circular.inverted.icon { border: none; box-shadow: none; } .bgs-theme i.flipped.icon, .bgs-theme i.horizontally.flipped.icon { transform: scale(-1, 1); } .bgs-theme i.vertically.flipped.icon { transform: scale(1, -1); } .bgs-theme i.rotated.icon, .bgs-theme i.right.rotated.icon, .bgs-theme i.clockwise.rotated.icon { transform: rotate(90deg); } .bgs-theme i.left.rotated.icon, .bgs-theme i.counterclockwise.rotated.icon { transform: rotate(-90deg); } .bgs-theme i.bordered.icon { line-height: 1; vertical-align: baseline; width: 2em; height: 2em; padding: 0.5em 0em !important; box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; } .bgs-theme i.bordered.inverted.icon { border: none; box-shadow: none; } .bgs-theme i.inverted.bordered.icon, .bgs-theme i.inverted.circular.icon { background-color: #2D3239 !important; color: #FAFAFA !important; } .bgs-theme i.inverted.icon { color: #FAFAFA; } .bgs-theme i.red.icon { color: #F03535 !important; } .bgs-theme i.inverted.red.icon { color: #FF6E60 !important; } .bgs-theme i.inverted.bordered.red.icon, .bgs-theme i.inverted.circular.red.icon { background-color: #F03535 !important; color: #FAFAFA !important; } .bgs-theme i.orange.icon { color: #FFA553 !important; } .bgs-theme i.inverted.orange.icon { color: #FFC48B !important; } .bgs-theme i.inverted.bordered.orange.icon, .bgs-theme i.inverted.circular.orange.icon { background-color: #FFA553 !important; color: #FAFAFA !important; } .bgs-theme i.yellow.icon { color: #FFDF45 !important; } .bgs-theme i.inverted.yellow.icon { color: #FBEB9F !important; } .bgs-theme i.inverted.bordered.yellow.icon, .bgs-theme i.inverted.circular.yellow.icon { background-color: #FFDF45 !important; color: #FAFAFA !important; } .bgs-theme i.olive.icon { color: #B5CC18 !important; } .bgs-theme i.inverted.olive.icon { color: #D9E778 !important; } .bgs-theme i.inverted.bordered.olive.icon, .bgs-theme i.inverted.circular.olive.icon { background-color: #B5CC18 !important; color: #FAFAFA !important; } .bgs-theme i.green.icon { color: #50B83C !important; } .bgs-theme i.inverted.green.icon { color: #BBE5B3 !important; } .bgs-theme i.inverted.bordered.green.icon, .bgs-theme i.inverted.circular.green.icon { background-color: #50B83C !important; color: #FAFAFA !important; } .bgs-theme i.teal.icon { color: #00B5AD !important; } .bgs-theme i.inverted.teal.icon { color: #6DFFFF !important; } .bgs-theme i.inverted.bordered.teal.icon, .bgs-theme i.inverted.circular.teal.icon { background-color: #00B5AD !important; color: #FAFAFA !important; } .bgs-theme i.blue.icon { color: #007ACE !important; } .bgs-theme i.inverted.blue.icon { color: #B4E0FA !important; } .bgs-theme i.inverted.bordered.blue.icon, .bgs-theme i.inverted.circular.blue.icon { background-color: #007ACE !important; color: #FAFAFA !important; } .bgs-theme i.violet.icon { color: #6435C9 !important; } .bgs-theme i.inverted.violet.icon { color: #A291FB !important; } .bgs-theme i.inverted.bordered.violet.icon, .bgs-theme i.inverted.circular.violet.icon { background-color: #6435C9 !important; color: #FAFAFA !important; } .bgs-theme i.purple.icon { color: #CA7EEA !important; } .bgs-theme i.inverted.purple.icon { color: #E9CBF6 !important; } .bgs-theme i.inverted.bordered.purple.icon, .bgs-theme i.inverted.circular.purple.icon { background-color: #CA7EEA !important; color: #FAFAFA !important; } .bgs-theme i.pink.icon { color: #E03997 !important; } .bgs-theme i.inverted.pink.icon { color: #FF8EDF !important; } .bgs-theme i.inverted.bordered.pink.icon, .bgs-theme i.inverted.circular.pink.icon { background-color: #E03997 !important; color: #FAFAFA !important; } .bgs-theme i.brown.icon { color: #A5673F !important; } .bgs-theme i.inverted.brown.icon { color: #D67C1C !important; } .bgs-theme i.inverted.bordered.brown.icon, .bgs-theme i.inverted.circular.brown.icon { background-color: #A5673F !important; color: #FAFAFA !important; } .bgs-theme i.grey.icon { color: #ABADB0 !important; } .bgs-theme i.inverted.grey.icon { color: #F1F1F1 !important; } .bgs-theme i.inverted.bordered.grey.icon, .bgs-theme i.inverted.circular.grey.icon { background-color: #ABADB0 !important; color: #FAFAFA !important; } .bgs-theme i.black.icon { color: #2D3239 !important; } .bgs-theme i.inverted.black.icon { color: #545454 !important; } .bgs-theme i.inverted.bordered.black.icon, .bgs-theme i.inverted.circular.black.icon { background-color: #2D3239 !important; color: #FAFAFA !important; } .bgs-theme i.mini.icon, .bgs-theme i.mini.icons { line-height: 1; font-size: 0.4em; } .bgs-theme i.tiny.icon, .bgs-theme i.tiny.icons { line-height: 1; font-size: 0.5em; } .bgs-theme i.small.icon, .bgs-theme i.small.icons { line-height: 1; font-size: 0.75em; } .bgs-theme i.icon, .bgs-theme i.icons { font-size: 1em; } .bgs-theme i.large.icon, .bgs-theme i.large.icons { line-height: 1; vertical-align: middle; font-size: 1.5em; } .bgs-theme i.big.icon, .bgs-theme i.big.icons { line-height: 1; vertical-align: middle; font-size: 2em; } .bgs-theme i.huge.icon, .bgs-theme i.huge.icons { line-height: 1; vertical-align: middle; font-size: 4em; } .bgs-theme i.massive.icon, .bgs-theme i.massive.icons { line-height: 1; vertical-align: middle; font-size: 8em; } .bgs-theme i.icons { display: inline-block; position: relative; line-height: 1; } .bgs-theme i.icons .icon { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0em; margin: 0; } .bgs-theme i.icons .icon:first-child { position: static; width: auto; height: auto; vertical-align: top; transform: none; margin-right: 0.25rem; } .bgs-theme i.icons .corner.icon { top: auto; left: auto; right: 0; bottom: 0; transform: none; font-size: 0.45em; text-shadow: -1px -1px 0 #FAFAFA, 1px -1px 0 #FAFAFA, -1px 1px 0 #FAFAFA, 1px 1px 0 #FAFAFA; } .bgs-theme i.icons .top.right.corner.icon { top: 0; left: auto; right: 0; bottom: auto; } .bgs-theme i.icons .top.left.corner.icon { top: 0; left: 0; right: auto; bottom: auto; } .bgs-theme i.icons .bottom.left.corner.icon { top: auto; left: 0; right: auto; bottom: 0; } .bgs-theme i.icons .bottom.right.corner.icon { top: auto; left: auto; right: 0; bottom: 0; } .bgs-theme i.icons .inverted.corner.icon { text-shadow: -1px -1px 0 #2D3239, 1px -1px 0 #2D3239, -1px 1px 0 #2D3239, 1px 1px 0 #2D3239; } .bgs-theme i.icon.linkedin.in:before { content: "\f0e1"; } .bgs-theme i.icon.zoom.in:before { content: "\f00e"; } .bgs-theme i.icon.zoom.out:before { content: "\f010"; } .bgs-theme i.icon.sign.in:before { content: "\f2f6"; } .bgs-theme i.icon.in.cart:before { content: "\f218"; } .bgs-theme i.icon.log.out:before { content: "\f2f5"; } .bgs-theme i.icon.sign.out:before { content: "\f2f5"; } .bgs-theme i.icon.\35 00px:before { content: "\f26e"; } .bgs-theme i.icon.accessible.icon:before { content: "\f368"; } .bgs-theme i.icon.accusoft:before { content: "\f369"; } .bgs-theme i.icon.address.book:before { content: "\f2b9"; } .bgs-theme i.icon.address.card:before { content: "\f2bb"; } .bgs-theme i.icon.adjust:before { content: "\f042"; } .bgs-theme i.icon.adn:before { content: "\f170"; } .bgs-theme i.icon.adversal:before { content: "\f36a"; } .bgs-theme i.icon.affiliatetheme:before { content: "\f36b"; } .bgs-theme i.icon.algolia:before { content: "\f36c"; } .bgs-theme i.icon.align.center:before { content: "\f037"; } .bgs-theme i.icon.align.justify:before { content: "\f039"; } .bgs-theme i.icon.align.left:before { content: "\f036"; } .bgs-theme i.icon.align.right:before { content: "\f038"; } .bgs-theme i.icon.amazon:before { content: "\f270"; } .bgs-theme i.icon.amazon.pay:before { content: "\f42c"; } .bgs-theme i.icon.ambulance:before { content: "\f0f9"; } .bgs-theme i.icon.american.sign.language.interpreting:before { content: "\f2a3"; } .bgs-theme i.icon.amilia:before { content: "\f36d"; } .bgs-theme i.icon.anchor:before { content: "\f13d"; } .bgs-theme i.icon.android:before { content: "\f17b"; } .bgs-theme i.icon.angellist:before { content: "\f209"; } .bgs-theme i.icon.angle.double.down:before { content: "\f103"; } .bgs-theme i.icon.angle.double.left:before { content: "\f100"; } .bgs-theme i.icon.angle.double.right:before { content: "\f101"; } .bgs-theme i.icon.angle.double.up:before { content: "\f102"; } .bgs-theme i.icon.angle.down:before { content: "\f107"; } .bgs-theme i.icon.angle.left:before { content: "\f104"; } .bgs-theme i.icon.angle.right:before { content: "\f105"; } .bgs-theme i.icon.angle.up:before { content: "\f106"; } .bgs-theme i.icon.angrycreative:before { content: "\f36e"; } .bgs-theme i.icon.angular:before { content: "\f420"; } .bgs-theme i.icon.app.store:before { content: "\f36f"; } .bgs-theme i.icon.app.store.ios:before { content: "\f370"; } .bgs-theme i.icon.apper:before { content: "\f371"; } .bgs-theme i.icon.apple:before { content: "\f179"; } .bgs-theme i.icon.apple.pay:before { content: "\f415"; } .bgs-theme i.icon.archive:before { content: "\f187"; } .bgs-theme i.icon.arrow.alternate.circle.down:before { content: "\f358"; } .bgs-theme i.icon.arrow.alternate.circle.left:before { content: "\f359"; } .bgs-theme i.icon.arrow.alternate.circle.right:before { content: "\f35a"; } .bgs-theme i.icon.arrow.alternate.circle.up:before { content: "\f35b"; } .bgs-theme i.icon.arrow.circle.down:before { content: "\f0ab"; } .bgs-theme i.icon.arrow.circle.left:before { content: "\f0a8"; } .bgs-theme i.icon.arrow.circle.right:before { content: "\f0a9"; } .bgs-theme i.icon.arrow.circle.up:before { content: "\f0aa"; } .bgs-theme i.icon.arrow.down:before { content: "\f063"; } .bgs-theme i.icon.arrow.left:before { content: "\f060"; } .bgs-theme i.icon.arrow.right:before { content: "\f061"; } .bgs-theme i.icon.arrow.up:before { content: "\f062"; } .bgs-theme i.icon.arrows.alternate:before { content: "\f0b2"; } .bgs-theme i.icon.arrows.alternate.horizontal:before { content: "\f337"; } .bgs-theme i.icon.arrows.alternate.vertical:before { content: "\f338"; } .bgs-theme i.icon.assistive.listening.systems:before { content: "\f2a2"; } .bgs-theme i.icon.asterisk:before { content: "\f069"; } .bgs-theme i.icon.asymmetrik:before { content: "\f372"; } .bgs-theme i.icon.at:before { content: "\f1fa"; } .bgs-theme i.icon.audible:before { content: "\f373"; } .bgs-theme i.icon.audio.description:before { content: "\f29e"; } .bgs-theme i.icon.autoprefixer:before { content: "\f41c"; } .bgs-theme i.icon.avianex:before { content: "\f374"; } .bgs-theme i.icon.aviato:before { content: "\f421"; } .bgs-theme i.icon.aws:before { content: "\f375"; } .bgs-theme i.icon.backward:before { content: "\f04a"; } .bgs-theme i.icon.balance.scale:before { content: "\f24e"; } .bgs-theme i.icon.ban:before { content: "\f05e"; } .bgs-theme i.icon.band.aid:before { content: "\f462"; } .bgs-theme i.icon.bandcamp:before { content: "\f2d5"; } .bgs-theme i.icon.barcode:before { content: "\f02a"; } .bgs-theme i.icon.bars:before { content: "\f0c9"; } .bgs-theme i.icon.baseball.ball:before { content: "\f433"; } .bgs-theme i.icon.basketball.ball:before { content: "\f434"; } .bgs-theme i.icon.bath:before { content: "\f2cd"; } .bgs-theme i.icon.battery.empty:before { content: "\f244"; } .bgs-theme i.icon.battery.full:before { content: "\f240"; } .bgs-theme i.icon.battery.half:before { content: "\f242"; } .bgs-theme i.icon.battery.quarter:before { content: "\f243"; } .bgs-theme i.icon.battery.three.quarters:before { content: "\f241"; } .bgs-theme i.icon.bed:before { content: "\f236"; } .bgs-theme i.icon.beer:before { content: "\f0fc"; } .bgs-theme i.icon.behance:before { content: "\f1b4"; } .bgs-theme i.icon.behance.square:before { content: "\f1b5"; } .bgs-theme i.icon.bell:before { content: "\f0f3"; } .bgs-theme i.icon.bell.slash:before { content: "\f1f6"; } .bgs-theme i.icon.bicycle:before { content: "\f206"; } .bgs-theme i.icon.bimobject:before { content: "\f378"; } .bgs-theme i.icon.binoculars:before { content: "\f1e5"; } .bgs-theme i.icon.birthday.cake:before { content: "\f1fd"; } .bgs-theme i.icon.bitbucket:before { content: "\f171"; } .bgs-theme i.icon.bitcoin:before { content: "\f379"; } .bgs-theme i.icon.bity:before { content: "\f37a"; } .bgs-theme i.icon.black.tie:before { content: "\f27e"; } .bgs-theme i.icon.blackberry:before { content: "\f37b"; } .bgs-theme i.icon.blind:before { content: "\f29d"; } .bgs-theme i.icon.blogger:before { content: "\f37c"; } .bgs-theme i.icon.blogger.b:before { content: "\f37d"; } .bgs-theme i.icon.bluetooth:before { content: "\f293"; } .bgs-theme i.icon.bluetooth.b:before { content: "\f294"; } .bgs-theme i.icon.bold:before { content: "\f032"; } .bgs-theme i.icon.bolt:before { content: "\f0e7"; } .bgs-theme i.icon.bomb:before { content: "\f1e2"; } .bgs-theme i.icon.book:before { content: "\f02d"; } .bgs-theme i.icon.bookmark:before { content: "\f02e"; } .bgs-theme i.icon.bowling.ball:before { content: "\f436"; } .bgs-theme i.icon.box:before { content: "\f466"; } .bgs-theme i.icon.boxes:before { content: "\f468"; } .bgs-theme i.icon.braille:before { content: "\f2a1"; } .bgs-theme i.icon.briefcase:before { content: "\f0b1"; } .bgs-theme i.icon.btc:before { content: "\f15a"; } .bgs-theme i.icon.bug:before { content: "\f188"; } .bgs-theme i.icon.building:before { content: "\f1ad"; } .bgs-theme i.icon.bullhorn:before { content: "\f0a1"; } .bgs-theme i.icon.bullseye:before { content: "\f140"; } .bgs-theme i.icon.buromobelexperte:before { content: "\f37f"; } .bgs-theme i.icon.bus:before { content: "\f207"; } .bgs-theme i.icon.buysellads:before { content: "\f20d"; } .bgs-theme i.icon.calculator:before { content: "\f1ec"; } .bgs-theme i.icon.calendar:before { content: "\f133"; } .bgs-theme i.icon.calendar.alternate:before { content: "\f073"; } .bgs-theme i.icon.calendar.check:before { content: "\f274"; } .bgs-theme i.icon.calendar.minus:before { content: "\f272"; } .bgs-theme i.icon.calendar.plus:before { content: "\f271"; } .bgs-theme i.icon.calendar.times:before { content: "\f273"; } .bgs-theme i.icon.camera:before { content: "\f030"; } .bgs-theme i.icon.camera.retro:before { content: "\f083"; } .bgs-theme i.icon.car:before { content: "\f1b9"; } .bgs-theme i.icon.caret.down:before { content: "\f0d7"; } .bgs-theme i.icon.caret.left:before { content: "\f0d9"; } .bgs-theme i.icon.caret.right:before { content: "\f0da"; } .bgs-theme i.icon.caret.square.down:before { content: "\f150"; } .bgs-theme i.icon.caret.square.left:before { content: "\f191"; } .bgs-theme i.icon.caret.square.right:before { content: "\f152"; } .bgs-theme i.icon.caret.square.up:before { content: "\f151"; } .bgs-theme i.icon.caret.up:before { content: "\f0d8"; } .bgs-theme i.icon.cart.arrow.down:before { content: "\f218"; } .bgs-theme i.icon.cart.plus:before { content: "\f217"; } .bgs-theme i.icon.cc.amazon.pay:before { content: "\f42d"; } .bgs-theme i.icon.cc.amex:before { content: "\f1f3"; } .bgs-theme i.icon.cc.apple.pay:before { content: "\f416"; } .bgs-theme i.icon.cc.diners.club:before { content: "\f24c"; } .bgs-theme i.icon.cc.discover:before { content: "\f1f2"; } .bgs-theme i.icon.cc.jcb:before { content: "\f24b"; } .bgs-theme i.icon.cc.mastercard:before { content: "\f1f1"; } .bgs-theme i.icon.cc.paypal:before { content: "\f1f4"; } .bgs-theme i.icon.cc.stripe:before { content: "\f1f5"; } .bgs-theme i.icon.cc.visa:before { content: "\f1f0"; } .bgs-theme i.icon.centercode:before { content: "\f380"; } .bgs-theme i.icon.certificate:before { content: "\f0a3"; } .bgs-theme i.icon.chart.area:before { content: "\f1fe"; } .bgs-theme i.icon.chart.bar:before { content: "\f080"; } .bgs-theme i.icon.chart.line:before { content: "\f201"; } .bgs-theme i.icon.chart.pie:before { content: "\f200"; } .bgs-theme i.icon.check:before { content: "\f00c"; } .bgs-theme i.icon.check.circle:before { content: "\f058"; } .bgs-theme i.icon.check.square:before { content: "\f14a"; } .bgs-theme i.icon.chess:before { content: "\f439"; } .bgs-theme i.icon.chess.bishop:before { content: "\f43a"; } .bgs-theme i.icon.chess.board:before { content: "\f43c"; } .bgs-theme i.icon.chess.king:before { content: "\f43f"; } .bgs-theme i.icon.chess.knight:before { content: "\f441"; } .bgs-theme i.icon.chess.pawn:before { content: "\f443"; } .bgs-theme i.icon.chess.queen:before { content: "\f445"; } .bgs-theme i.icon.chess.rook:before { content: "\f447"; } .bgs-theme i.icon.chevron.circle.down:before { content: "\f13a"; } .bgs-theme i.icon.chevron.circle.left:before { content: "\f137"; } .bgs-theme i.icon.chevron.circle.right:before { content: "\f138"; } .bgs-theme i.icon.chevron.circle.up:before { content: "\f139"; } .bgs-theme i.icon.chevron.down:before { content: "\f078"; } .bgs-theme i.icon.chevron.left:before { content: "\f053"; } .bgs-theme i.icon.chevron.right:before { content: "\f054"; } .bgs-theme i.icon.chevron.up:before { content: "\f077"; } .bgs-theme i.icon.child:before { content: "\f1ae"; } .bgs-theme i.icon.chrome:before { content: "\f268"; } .bgs-theme i.icon.circle:before { content: "\f111"; } .bgs-theme i.icon.circle.notch:before { content: "\f1ce"; } .bgs-theme i.icon.clipboard:before { content: "\f328"; } .bgs-theme i.icon.clipboard.check:before { content: "\f46c"; } .bgs-theme i.icon.clipboard.list:before { content: "\f46d"; } .bgs-theme i.icon.clock:before { content: "\f017"; } .bgs-theme i.icon.clone:before { content: "\f24d"; } .bgs-theme i.icon.closed.captioning:before { content: "\f20a"; } .bgs-theme i.icon.cloud:before { content: "\f0c2"; } .bgs-theme i.icon.cloudscale:before { content: "\f383"; } .bgs-theme i.icon.cloudsmith:before { content: "\f384"; } .bgs-theme i.icon.cloudversify:before { content: "\f385"; } .bgs-theme i.icon.code:before { content: "\f121"; } .bgs-theme i.icon.code.branch:before { content: "\f126"; } .bgs-theme i.icon.codepen:before { content: "\f1cb"; } .bgs-theme i.icon.codiepie:before { content: "\f284"; } .bgs-theme i.icon.coffee:before { content: "\f0f4"; } .bgs-theme i.icon.cog:before { content: "\f013"; } .bgs-theme i.icon.cogs:before { content: "\f085"; } .bgs-theme i.icon.columns:before { content: "\f0db"; } .bgs-theme i.icon.comment:before { content: "\f075"; } .bgs-theme i.icon.comment.alternate:before { content: "\f27a"; } .bgs-theme i.icon.comments:before { content: "\f086"; } .bgs-theme i.icon.compass:before { content: "\f14e"; } .bgs-theme i.icon.compress:before { content: "\f066"; } .bgs-theme i.icon.connectdevelop:before { content: "\f20e"; } .bgs-theme i.icon.contao:before { content: "\f26d"; } .bgs-theme i.icon.copy:before { content: "\f0c5"; } .bgs-theme i.icon.copyright:before { content: "\f1f9"; } .bgs-theme i.icon.cpanel:before { content: "\f388"; } .bgs-theme i.icon.creative.commons:before { content: "\f25e"; } .bgs-theme i.icon.credit.card:before { content: "\f09d"; } .bgs-theme i.icon.crop:before { content: "\f125"; } .bgs-theme i.icon.crosshairs:before { content: "\f05b"; } .bgs-theme i.icon.css3:before { content: "\f13c"; } .bgs-theme i.icon.css3.alternate:before { content: "\f38b"; } .bgs-theme i.icon.cube:before { content: "\f1b2"; } .bgs-theme i.icon.cubes:before { content: "\f1b3"; } .bgs-theme i.icon.cut:before { content: "\f0c4"; } .bgs-theme i.icon.cuttlefish:before { content: "\f38c"; } .bgs-theme i.icon.d.and.d:before { content: "\f38d"; } .bgs-theme i.icon.dashcube:before { content: "\f210"; } .bgs-theme i.icon.database:before { content: "\f1c0"; } .bgs-theme i.icon.deaf:before { content: "\f2a4"; } .bgs-theme i.icon.delicious:before { content: "\f1a5"; } .bgs-theme i.icon.deploydog:before { content: "\f38e"; } .bgs-theme i.icon.deskpro:before { content: "\f38f"; } .bgs-theme i.icon.desktop:before { content: "\f108"; } .bgs-theme i.icon.deviantart:before { content: "\f1bd"; } .bgs-theme i.icon.digg:before { content: "\f1a6"; } .bgs-theme i.icon.digital.ocean:before { content: "\f391"; } .bgs-theme i.icon.discord:before { content: "\f392"; } .bgs-theme i.icon.discourse:before { content: "\f393"; } .bgs-theme i.icon.dna:before { content: "\f471"; } .bgs-theme i.icon.dochub:before { content: "\f394"; } .bgs-theme i.icon.docker:before { content: "\f395"; } .bgs-theme i.icon.dollar.sign:before { content: "\f155"; } .bgs-theme i.icon.dolly:before { content: "\f472"; } .bgs-theme i.icon.dolly.flatbed:before { content: "\f474"; } .bgs-theme i.icon.dot.circle:before { content: "\f192"; } .bgs-theme i.icon.download:before { content: "\f019"; } .bgs-theme i.icon.draft2digital:before { content: "\f396"; } .bgs-theme i.icon.dribbble:before { content: "\f17d"; } .bgs-theme i.icon.dribbble.square:before { content: "\f397"; } .bgs-theme i.icon.dropbox:before { content: "\f16b"; } .bgs-theme i.icon.drupal:before { content: "\f1a9"; } .bgs-theme i.icon.dyalog:before { content: "\f399"; } .bgs-theme i.icon.earlybirds:before { content: "\f39a"; } .bgs-theme i.icon.edge:before { content: "\f282"; } .bgs-theme i.icon.edit:before { content: "\f044"; } .bgs-theme i.icon.eject:before { content: "\f052"; } .bgs-theme i.icon.elementor:before { content: "\f430"; } .bgs-theme i.icon.ellipsis.horizontal:before { content: "\f141"; } .bgs-theme i.icon.ellipsis.vertical:before { content: "\f142"; } .bgs-theme i.icon.ember:before { content: "\f423"; } .bgs-theme i.icon.empire:before { content: "\f1d1"; } .bgs-theme i.icon.envelope:before { content: "\f0e0"; } .bgs-theme i.icon.envelope.open:before { content: "\f2b6"; } .bgs-theme i.icon.envelope.square:before { content: "\f199"; } .bgs-theme i.icon.envira:before { content: "\f299"; } .bgs-theme i.icon.eraser:before { content: "\f12d"; } .bgs-theme i.icon.erlang:before { content: "\f39d"; } .bgs-theme i.icon.ethereum:before { content: "\f42e"; } .bgs-theme i.icon.etsy:before { content: "\f2d7"; } .bgs-theme i.icon.euro.sign:before { content: "\f153"; } .bgs-theme i.icon.exchange.alternate:before { content: "\f362"; } .bgs-theme i.icon.exclamation:before { content: "\f12a"; } .bgs-theme i.icon.exclamation.circle:before { content: "\f06a"; } .bgs-theme i.icon.exclamation.triangle:before { content: "\f071"; } .bgs-theme i.icon.expand:before { content: "\f065"; } .bgs-theme i.icon.expand.arrows.alternate:before { content: "\f31e"; } .bgs-theme i.icon.expeditedssl:before { content: "\f23e"; } .bgs-theme i.icon.external.alternate:before { content: "\f35d"; } .bgs-theme i.icon.external.square.alternate:before { content: "\f360"; } .bgs-theme i.icon.eye:before { content: "\f06e"; } .bgs-theme i.icon.eye.dropper:before { content: "\f1fb"; } .bgs-theme i.icon.eye.slash:before { content: "\f070"; } .bgs-theme i.icon.facebook:before { content: "\f09a"; } .bgs-theme i.icon.facebook.f:before { content: "\f39e"; } .bgs-theme i.icon.facebook.messenger:before { content: "\f39f"; } .bgs-theme i.icon.facebook.square:before { content: "\f082"; } .bgs-theme i.icon.fast.backward:before { content: "\f049"; } .bgs-theme i.icon.fast.forward:before { content: "\f050"; } .bgs-theme i.icon.fax:before { content: "\f1ac"; } .bgs-theme i.icon.female:before { content: "\f182"; } .bgs-theme i.icon.fighter.jet:before { content: "\f0fb"; } .bgs-theme i.icon.file:before { content: "\f15b"; } .bgs-theme i.icon.file.alternate:before { content: "\f15c"; } .bgs-theme i.icon.file.archive:before { content: "\f1c6"; } .bgs-theme i.icon.file.audio:before { content: "\f1c7"; } .bgs-theme i.icon.file.code:before { content: "\f1c9"; } .bgs-theme i.icon.file.excel:before { content: "\f1c3"; } .bgs-theme i.icon.file.image:before { content: "\f1c5"; } .bgs-theme i.icon.file.pdf:before { content: "\f1c1"; } .bgs-theme i.icon.file.powerpoint:before { content: "\f1c4"; } .bgs-theme i.icon.file.video:before { content: "\f1c8"; } .bgs-theme i.icon.file.word:before { content: "\f1c2"; } .bgs-theme i.icon.film:before { content: "\f008"; } .bgs-theme i.icon.filter:before { content: "\f0b0"; } .bgs-theme i.icon.fire:before { content: "\f06d"; } .bgs-theme i.icon.fire.extinguisher:before { content: "\f134"; } .bgs-theme i.icon.firefox:before { content: "\f269"; } .bgs-theme i.icon.first.aid:before { content: "\f479"; } .bgs-theme i.icon.first.order:before { content: "\f2b0"; } .bgs-theme i.icon.firstdraft:before { content: "\f3a1"; } .bgs-theme i.icon.flag:before { content: "\f024"; } .bgs-theme i.icon.flag.checkered:before { content: "\f11e"; } .bgs-theme i.icon.flask:before { content: "\f0c3"; } .bgs-theme i.icon.flickr:before { content: "\f16e"; } .bgs-theme i.icon.flipboard:before { content: "\f44d"; } .bgs-theme i.icon.fly:before { content: "\f417"; } .bgs-theme i.icon.folder:before { content: "\f07b"; } .bgs-theme i.icon.folder.open:before { content: "\f07c"; } .bgs-theme i.icon.font:before { content: "\f031"; } .bgs-theme i.icon.font.awesome:before { content: "\f2b4"; } .bgs-theme i.icon.font.awesome.alternate:before { content: "\f35c"; } .bgs-theme i.icon.font.awesome.flag:before { content: "\f425"; } .bgs-theme i.icon.fonticons:before { content: "\f280"; } .bgs-theme i.icon.fonticons.fi:before { content: "\f3a2"; } .bgs-theme i.icon.football.ball:before { content: "\f44e"; } .bgs-theme i.icon.fort.awesome:before { content: "\f286"; } .bgs-theme i.icon.fort.awesome.alternate:before { content: "\f3a3"; } .bgs-theme i.icon.forumbee:before { content: "\f211"; } .bgs-theme i.icon.forward:before { content: "\f04e"; } .bgs-theme i.icon.foursquare:before { content: "\f180"; } .bgs-theme i.icon.free.code.camp:before { content: "\f2c5"; } .bgs-theme i.icon.freebsd:before { content: "\f3a4"; } .bgs-theme i.icon.frown:before { content: "\f119"; } .bgs-theme i.icon.futbol:before { content: "\f1e3"; } .bgs-theme i.icon.gamepad:before { content: "\f11b"; } .bgs-theme i.icon.gavel:before { content: "\f0e3"; } .bgs-theme i.icon.gem:before { content: "\f3a5"; } .bgs-theme i.icon.genderless:before { content: "\f22d"; } .bgs-theme i.icon.get.pocket:before { content: "\f265"; } .bgs-theme i.icon.gg:before { content: "\f260"; } .bgs-theme i.icon.gg.circle:before { content: "\f261"; } .bgs-theme i.icon.gift:before { content: "\f06b"; } .bgs-theme i.icon.git:before { content: "\f1d3"; } .bgs-theme i.icon.git.square:before { content: "\f1d2"; } .bgs-theme i.icon.github:before { content: "\f09b"; } .bgs-theme i.icon.github.alternate:before { content: "\f113"; } .bgs-theme i.icon.github.square:before { content: "\f092"; } .bgs-theme i.icon.gitkraken:before { content: "\f3a6"; } .bgs-theme i.icon.gitlab:before { content: "\f296"; } .bgs-theme i.icon.gitter:before { content: "\f426"; } .bgs-theme i.icon.glass.martini:before { content: "\f000"; } .bgs-theme i.icon.glide:before { content: "\f2a5"; } .bgs-theme i.icon.glide.g:before { content: "\f2a6"; } .bgs-theme i.icon.globe:before { content: "\f0ac"; } .bgs-theme i.icon.gofore:before { content: "\f3a7"; } .bgs-theme i.icon.golf.ball:before { content: "\f450"; } .bgs-theme i.icon.goodreads:before { content: "\f3a8"; } .bgs-theme i.icon.goodreads.g:before { content: "\f3a9"; } .bgs-theme i.icon.google:before { content: "\f1a0"; } .bgs-theme i.icon.google.drive:before { content: "\f3aa"; } .bgs-theme i.icon.google.play:before { content: "\f3ab"; } .bgs-theme i.icon.google.plus:before { content: "\f2b3"; } .bgs-theme i.icon.google.plus.g:before { content: "\f0d5"; } .bgs-theme i.icon.google.plus.square:before { content: "\f0d4"; } .bgs-theme i.icon.google.wallet:before { content: "\f1ee"; } .bgs-theme i.icon.graduation.cap:before { content: "\f19d"; } .bgs-theme i.icon.gratipay:before { content: "\f184"; } .bgs-theme i.icon.grav:before { content: "\f2d6"; } .bgs-theme i.icon.gripfire:before { content: "\f3ac"; } .bgs-theme i.icon.grunt:before { content: "\f3ad"; } .bgs-theme i.icon.gulp:before { content: "\f3ae"; } .bgs-theme i.icon.h.square:before { content: "\f0fd"; } .bgs-theme i.icon.hacker.news:before { content: "\f1d4"; } .bgs-theme i.icon.hacker.news.square:before { content: "\f3af"; } .bgs-theme i.icon.hand.lizard:before { content: "\f258"; } .bgs-theme i.icon.hand.paper:before { content: "\f256"; } .bgs-theme i.icon.hand.peace:before { content: "\f25b"; } .bgs-theme i.icon.hand.point.down:before { content: "\f0a7"; } .bgs-theme i.icon.hand.point.left:before { content: "\f0a5"; } .bgs-theme i.icon.hand.point.right:before { content: "\f0a4"; } .bgs-theme i.icon.hand.point.up:before { content: "\f0a6"; } .bgs-theme i.icon.hand.pointer:before { content: "\f25a"; } .bgs-theme i.icon.hand.rock:before { content: "\f255"; } .bgs-theme i.icon.hand.scissors:before { content: "\f257"; } .bgs-theme i.icon.hand.spock:before { content: "\f259"; } .bgs-theme i.icon.handshake:before { content: "\f2b5"; } .bgs-theme i.icon.hashtag:before { content: "\f292"; } .bgs-theme i.icon.hdd:before { content: "\f0a0"; } .bgs-theme i.icon.heading:before { content: "\f1dc"; } .bgs-theme i.icon.headphones:before { content: "\f025"; } .bgs-theme i.icon.heart:before { content: "\f004"; } .bgs-theme i.icon.heartbeat:before { content: "\f21e"; } .bgs-theme i.icon.hips:before { content: "\f452"; } .bgs-theme i.icon.hire.a.helper:before { content: "\f3b0"; } .bgs-theme i.icon.history:before { content: "\f1da"; } .bgs-theme i.icon.hockey.puck:before { content: "\f453"; } .bgs-theme i.icon.home:before { content: "\f015"; } .bgs-theme i.icon.hooli:before { content: "\f427"; } .bgs-theme i.icon.hospital:before { content: "\f0f8"; } .bgs-theme i.icon.hospital.symbol:before { content: "\f47e"; } .bgs-theme i.icon.hotjar:before { content: "\f3b1"; } .bgs-theme i.icon.hourglass:before { content: "\f254"; } .bgs-theme i.icon.hourglass.end:before { content: "\f253"; } .bgs-theme i.icon.hourglass.half:before { content: "\f252"; } .bgs-theme i.icon.hourglass.start:before { content: "\f251"; } .bgs-theme i.icon.houzz:before { content: "\f27c"; } .bgs-theme i.icon.html5:before { content: "\f13b"; } .bgs-theme i.icon.hubspot:before { content: "\f3b2"; } .bgs-theme i.icon.i.cursor:before { content: "\f246"; } .bgs-theme i.icon.id.badge:before { content: "\f2c1"; } .bgs-theme i.icon.id.card:before { content: "\f2c2"; } .bgs-theme i.icon.image:before { content: "\f03e"; } .bgs-theme i.icon.images:before { content: "\f302"; } .bgs-theme i.icon.imdb:before { content: "\f2d8"; } .bgs-theme i.icon.inbox:before { content: "\f01c"; } .bgs-theme i.icon.indent:before { content: "\f03c"; } .bgs-theme i.icon.industry:before { content: "\f275"; } .bgs-theme i.icon.info:before { content: "\f129"; } .bgs-theme i.icon.info.circle:before { content: "\f05a"; } .bgs-theme i.icon.instagram:before { content: "\f16d"; } .bgs-theme i.icon.internet.explorer:before { content: "\f26b"; } .bgs-theme i.icon.ioxhost:before { content: "\f208"; } .bgs-theme i.icon.italic:before { content: "\f033"; } .bgs-theme i.icon.itunes:before { content: "\f3b4"; } .bgs-theme i.icon.itunes.note:before { content: "\f3b5"; } .bgs-theme i.icon.jenkins:before { content: "\f3b6"; } .bgs-theme i.icon.joget:before { content: "\f3b7"; } .bgs-theme i.icon.joomla:before { content: "\f1aa"; } .bgs-theme i.icon.js:before { content: "\f3b8"; } .bgs-theme i.icon.js.square:before { content: "\f3b9"; } .bgs-theme i.icon.jsfiddle:before { content: "\f1cc"; } .bgs-theme i.icon.key:before { content: "\f084"; } .bgs-theme i.icon.keyboard:before { content: "\f11c"; } .bgs-theme i.icon.keycdn:before { content: "\f3ba"; } .bgs-theme i.icon.kickstarter:before { content: "\f3bb"; } .bgs-theme i.icon.kickstarter.k:before { content: "\f3bc"; } .bgs-theme i.icon.korvue:before { content: "\f42f"; } .bgs-theme i.icon.language:before { content: "\f1ab"; } .bgs-theme i.icon.laptop:before { content: "\f109"; } .bgs-theme i.icon.laravel:before { content: "\f3bd"; } .bgs-theme i.icon.lastfm:before { content: "\f202"; } .bgs-theme i.icon.lastfm.square:before { content: "\f203"; } .bgs-theme i.icon.leaf:before { content: "\f06c"; } .bgs-theme i.icon.leanpub:before { content: "\f212"; } .bgs-theme i.icon.lemon:before { content: "\f094"; } .bgs-theme i.icon.less:before { content: "\f41d"; } .bgs-theme i.icon.level.down.alternate:before { content: "\f3be"; } .bgs-theme i.icon.level.up.alternate:before { content: "\f3bf"; } .bgs-theme i.icon.life.ring:before { content: "\f1cd"; } .bgs-theme i.icon.lightbulb:before { content: "\f0eb"; } .bgs-theme i.icon.linechat:before { content: "\f3c0"; } .bgs-theme i.icon.linkify:before { content: "\f0c1"; } .bgs-theme i.icon.linkedin:before { content: "\f08c"; } .bgs-theme i.icon.linkedin.alt:before { content: "\f0e1"; } .bgs-theme i.icon.linode:before { content: "\f2b8"; } .bgs-theme i.icon.linux:before { content: "\f17c"; } .bgs-theme i.icon.lira.sign:before { content: "\f195"; } .bgs-theme i.icon.list:before { content: "\f03a"; } .bgs-theme i.icon.list.alternate:before { content: "\f022"; } .bgs-theme i.icon.list.ol:before { content: "\f0cb"; } .bgs-theme i.icon.list.ul:before { content: "\f0ca"; } .bgs-theme i.icon.location.arrow:before { content: "\f124"; } .bgs-theme i.icon.lock:before { content: "\f023"; } .bgs-theme i.icon.lock.open:before { content: "\f3c1"; } .bgs-theme i.icon.long.arrow.alternate.down:before { content: "\f309"; } .bgs-theme i.icon.long.arrow.alternate.left:before { content: "\f30a"; } .bgs-theme i.icon.long.arrow.alternate.right:before { content: "\f30b"; } .bgs-theme i.icon.long.arrow.alternate.up:before { content: "\f30c"; } .bgs-theme i.icon.low.vision:before { content: "\f2a8"; } .bgs-theme i.icon.lyft:before { content: "\f3c3"; } .bgs-theme i.icon.magento:before { content: "\f3c4"; } .bgs-theme i.icon.magic:before { content: "\f0d0"; } .bgs-theme i.icon.magnet:before { content: "\f076"; } .bgs-theme i.icon.male:before { content: "\f183"; } .bgs-theme i.icon.map:before { content: "\f279"; } .bgs-theme i.icon.map.marker:before { content: "\f041"; } .bgs-theme i.icon.map.marker.alternate:before { content: "\f3c5"; } .bgs-theme i.icon.map.pin:before { content: "\f276"; } .bgs-theme i.icon.map.signs:before { content: "\f277"; } .bgs-theme i.icon.mars:before { content: "\f222"; } .bgs-theme i.icon.mars.double:before { content: "\f227"; } .bgs-theme i.icon.mars.stroke:before { content: "\f229"; } .bgs-theme i.icon.mars.stroke.horizontal:before { content: "\f22b"; } .bgs-theme i.icon.mars.stroke.vertical:before { content: "\f22a"; } .bgs-theme i.icon.maxcdn:before { content: "\f136"; } .bgs-theme i.icon.medapps:before { content: "\f3c6"; } .bgs-theme i.icon.medium:before { content: "\f23a"; } .bgs-theme i.icon.medium.m:before { content: "\f3c7"; } .bgs-theme i.icon.medkit:before { content: "\f0fa"; } .bgs-theme i.icon.medrt:before { content: "\f3c8"; } .bgs-theme i.icon.meetup:before { content: "\f2e0"; } .bgs-theme i.icon.meh:before { content: "\f11a"; } .bgs-theme i.icon.mercury:before { content: "\f223"; } .bgs-theme i.icon.microchip:before { content: "\f2db"; } .bgs-theme i.icon.microphone:before { content: "\f130"; } .bgs-theme i.icon.microphone.slash:before { content: "\f131"; } .bgs-theme i.icon.microsoft:before { content: "\f3ca"; } .bgs-theme i.icon.minus:before { content: "\f068"; } .bgs-theme i.icon.minus.circle:before { content: "\f056"; } .bgs-theme i.icon.minus.square:before { content: "\f146"; } .bgs-theme i.icon.mix:before { content: "\f3cb"; } .bgs-theme i.icon.mixcloud:before { content: "\f289"; } .bgs-theme i.icon.mizuni:before { content: "\f3cc"; } .bgs-theme i.icon.mobile:before { content: "\f10b"; } .bgs-theme i.icon.mobile.alternate:before { content: "\f3cd"; } .bgs-theme i.icon.modx:before { content: "\f285"; } .bgs-theme i.icon.monero:before { content: "\f3d0"; } .bgs-theme i.icon.money.bill.alternate:before { content: "\f3d1"; } .bgs-theme i.icon.moon:before { content: "\f186"; } .bgs-theme i.icon.motorcycle:before { content: "\f21c"; } .bgs-theme i.icon.mouse.pointer:before { content: "\f245"; } .bgs-theme i.icon.music:before { content: "\f001"; } .bgs-theme i.icon.napster:before { content: "\f3d2"; } .bgs-theme i.icon.neuter:before { content: "\f22c"; } .bgs-theme i.icon.newspaper:before { content: "\f1ea"; } .bgs-theme i.icon.nintendo.switch:before { content: "\f418"; } .bgs-theme i.icon.node:before { content: "\f419"; } .bgs-theme i.icon.node.js:before { content: "\f3d3"; } .bgs-theme i.icon.npm:before { content: "\f3d4"; } .bgs-theme i.icon.ns8:before { content: "\f3d5"; } .bgs-theme i.icon.nutritionix:before { content: "\f3d6"; } .bgs-theme i.icon.object.group:before { content: "\f247"; } .bgs-theme i.icon.object.ungroup:before { content: "\f248"; } .bgs-theme i.icon.odnoklassniki:before { content: "\f263"; } .bgs-theme i.icon.odnoklassniki.square:before { content: "\f264"; } .bgs-theme i.icon.opencart:before { content: "\f23d"; } .bgs-theme i.icon.openid:before { content: "\f19b"; } .bgs-theme i.icon.opera:before { content: "\f26a"; } .bgs-theme i.icon.optin.monster:before { content: "\f23c"; } .bgs-theme i.icon.osi:before { content: "\f41a"; } .bgs-theme i.icon.outdent:before { content: "\f03b"; } .bgs-theme i.icon.page4:before { content: "\f3d7"; } .bgs-theme i.icon.pagelines:before { content: "\f18c"; } .bgs-theme i.icon.paint.brush:before { content: "\f1fc"; } .bgs-theme i.icon.palfed:before { content: "\f3d8"; } .bgs-theme i.icon.pallet:before { content: "\f482"; } .bgs-theme i.icon.paper.plane:before { content: "\f1d8"; } .bgs-theme i.icon.paperclip:before { content: "\f0c6"; } .bgs-theme i.icon.paragraph:before { content: "\f1dd"; } .bgs-theme i.icon.paste:before { content: "\f0ea"; } .bgs-theme i.icon.patreon:before { content: "\f3d9"; } .bgs-theme i.icon.pause:before { content: "\f04c"; } .bgs-theme i.icon.pause.circle:before { content: "\f28b"; } .bgs-theme i.icon.paw:before { content: "\f1b0"; } .bgs-theme i.icon.paypal:before { content: "\f1ed"; } .bgs-theme i.icon.pen.square:before { content: "\f14b"; } .bgs-theme i.icon.pencil.alternate:before { content: "\f303"; } .bgs-theme i.icon.percent:before { content: "\f295"; } .bgs-theme i.icon.periscope:before { content: "\f3da"; } .bgs-theme i.icon.phabricator:before { content: "\f3db"; } .bgs-theme i.icon.phoenix.framework:before { content: "\f3dc"; } .bgs-theme i.icon.phone:before { content: "\f095"; } .bgs-theme i.icon.phone.square:before { content: "\f098"; } .bgs-theme i.icon.phone.volume:before { content: "\f2a0"; } .bgs-theme i.icon.php:before { content: "\f457"; } .bgs-theme i.icon.pied.piper:before { content: "\f2ae"; } .bgs-theme i.icon.pied.piper.alternate:before { content: "\f1a8"; } .bgs-theme i.icon.pied.piper.pp:before { content: "\f1a7"; } .bgs-theme i.icon.pills:before { content: "\f484"; } .bgs-theme i.icon.pinterest:before { content: "\f0d2"; } .bgs-theme i.icon.pinterest.p:before { content: "\f231"; } .bgs-theme i.icon.pinterest.square:before { content: "\f0d3"; } .bgs-theme i.icon.plane:before { content: "\f072"; } .bgs-theme i.icon.play:before { content: "\f04b"; } .bgs-theme i.icon.play.circle:before { content: "\f144"; } .bgs-theme i.icon.playstation:before { content: "\f3df"; } .bgs-theme i.icon.plug:before { content: "\f1e6"; } .bgs-theme i.icon.plus:before { content: "\f067"; } .bgs-theme i.icon.plus.circle:before { content: "\f055"; } .bgs-theme i.icon.plus.square:before { content: "\f0fe"; } .bgs-theme i.icon.podcast:before { content: "\f2ce"; } .bgs-theme i.icon.pound.sign:before { content: "\f154"; } .bgs-theme i.icon.power.off:before { content: "\f011"; } .bgs-theme i.icon.print:before { content: "\f02f"; } .bgs-theme i.icon.product.hunt:before { content: "\f288"; } .bgs-theme i.icon.pushed:before { content: "\f3e1"; } .bgs-theme i.icon.puzzle.piece:before { content: "\f12e"; } .bgs-theme i.icon.python:before { content: "\f3e2"; } .bgs-theme i.icon.qq:before { content: "\f1d6"; } .bgs-theme i.icon.qrcode:before { content: "\f029"; } .bgs-theme i.icon.question:before { content: "\f128"; } .bgs-theme i.icon.question.circle:before { content: "\f059"; } .bgs-theme i.icon.quidditch:before { content: "\f458"; } .bgs-theme i.icon.quinscape:before { content: "\f459"; } .bgs-theme i.icon.quora:before { content: "\f2c4"; } .bgs-theme i.icon.quote.left:before { content: "\f10d"; } .bgs-theme i.icon.quote.right:before { content: "\f10e"; } .bgs-theme i.icon.random:before { content: "\f074"; } .bgs-theme i.icon.ravelry:before { content: "\f2d9"; } .bgs-theme i.icon.react:before { content: "\f41b"; } .bgs-theme i.icon.rebel:before { content: "\f1d0"; } .bgs-theme i.icon.recycle:before { content: "\f1b8"; } .bgs-theme i.icon.redriver:before { content: "\f3e3"; } .bgs-theme i.icon.reddit:before { content: "\f1a1"; } .bgs-theme i.icon.reddit.alien:before { content: "\f281"; } .bgs-theme i.icon.reddit.square:before { content: "\f1a2"; } .bgs-theme i.icon.redo:before { content: "\f01e"; } .bgs-theme i.icon.redo.alternate:before { content: "\f2f9"; } .bgs-theme i.icon.registered:before { content: "\f25d"; } .bgs-theme i.icon.rendact:before { content: "\f3e4"; } .bgs-theme i.icon.renren:before { content: "\f18b"; } .bgs-theme i.icon.reply:before { content: "\f3e5"; } .bgs-theme i.icon.reply.all:before { content: "\f122"; } .bgs-theme i.icon.replyd:before { content: "\f3e6"; } .bgs-theme i.icon.resolving:before { content: "\f3e7"; } .bgs-theme i.icon.retweet:before { content: "\f079"; } .bgs-theme i.icon.road:before { content: "\f018"; } .bgs-theme i.icon.rocket:before { content: "\f135"; } .bgs-theme i.icon.rocketchat:before { content: "\f3e8"; } .bgs-theme i.icon.rockrms:before { content: "\f3e9"; } .bgs-theme i.icon.rss:before { content: "\f09e"; } .bgs-theme i.icon.rss.square:before { content: "\f143"; } .bgs-theme i.icon.ruble.sign:before { content: "\f158"; } .bgs-theme i.icon.rupee.sign:before { content: "\f156"; } .bgs-theme i.icon.safari:before { content: "\f267"; } .bgs-theme i.icon.sass:before { content: "\f41e"; } .bgs-theme i.icon.save:before { content: "\f0c7"; } .bgs-theme i.icon.schlix:before { content: "\f3ea"; } .bgs-theme i.icon.scribd:before { content: "\f28a"; } .bgs-theme i.icon.search:before { content: "\f002"; } .bgs-theme i.icon.search.minus:before { content: "\f010"; } .bgs-theme i.icon.search.plus:before { content: "\f00e"; } .bgs-theme i.icon.searchengin:before { content: "\f3eb"; } .bgs-theme i.icon.sellcast:before { content: "\f2da"; } .bgs-theme i.icon.sellsy:before { content: "\f213"; } .bgs-theme i.icon.server:before { content: "\f233"; } .bgs-theme i.icon.servicestack:before { content: "\f3ec"; } .bgs-theme i.icon.share:before { content: "\f064"; } .bgs-theme i.icon.share.alternate:before { content: "\f1e0"; } .bgs-theme i.icon.share.alternate.square:before { content: "\f1e1"; } .bgs-theme i.icon.share.square:before { content: "\f14d"; } .bgs-theme i.icon.shekel.sign:before { content: "\f20b"; } .bgs-theme i.icon.shield.alternate:before { content: "\f3ed"; } .bgs-theme i.icon.ship:before { content: "\f21a"; } .bgs-theme i.icon.shipping.fast:before { content: "\f48b"; } .bgs-theme i.icon.shirtsinbulk:before { content: "\f214"; } .bgs-theme i.icon.shopping.bag:before { content: "\f290"; } .bgs-theme i.icon.shopping.basket:before { content: "\f291"; } .bgs-theme i.icon.shopping.cart:before { content: "\f07a"; } .bgs-theme i.icon.shower:before { content: "\f2cc"; } .bgs-theme i.icon.sign.language:before { content: "\f2a7"; } .bgs-theme i.icon.signal:before { content: "\f012"; } .bgs-theme i.icon.simplybuilt:before { content: "\f215"; } .bgs-theme i.icon.sistrix:before { content: "\f3ee"; } .bgs-theme i.icon.sitemap:before { content: "\f0e8"; } .bgs-theme i.icon.skyatlas:before { content: "\f216"; } .bgs-theme i.icon.skype:before { content: "\f17e"; } .bgs-theme i.icon.slack:before { content: "\f198"; } .bgs-theme i.icon.slack.hash:before { content: "\f3ef"; } .bgs-theme i.icon.sliders.horizontal:before { content: "\f1de"; } .bgs-theme i.icon.slideshare:before { content: "\f1e7"; } .bgs-theme i.icon.smile:before { content: "\f118"; } .bgs-theme i.icon.snapchat:before { content: "\f2ab"; } .bgs-theme i.icon.snapchat.ghost:before { content: "\f2ac"; } .bgs-theme i.icon.snapchat.square:before { content: "\f2ad"; } .bgs-theme i.icon.snowflake:before { content: "\f2dc"; } .bgs-theme i.icon.sort:before { content: "\f0dc"; } .bgs-theme i.icon.sort.alphabet.down:before { content: "\f15d"; } .bgs-theme i.icon.sort.alphabet.up:before { content: "\f15e"; } .bgs-theme i.icon.sort.amount.down:before { content: "\f160"; } .bgs-theme i.icon.sort.amount.up:before { content: "\f161"; } .bgs-theme i.icon.sort.down:before { content: "\f0dd"; } .bgs-theme i.icon.sort.numeric.down:before { content: "\f162"; } .bgs-theme i.icon.sort.numeric.up:before { content: "\f163"; } .bgs-theme i.icon.sort.up:before { content: "\f0de"; } .bgs-theme i.icon.soundcloud:before { content: "\f1be"; } .bgs-theme i.icon.space.shuttle:before { content: "\f197"; } .bgs-theme i.icon.speakap:before { content: "\f3f3"; } .bgs-theme i.icon.spinner:before { content: "\f110"; } .bgs-theme i.icon.spotify:before { content: "\f1bc"; } .bgs-theme i.icon.square:before { content: "\f0c8"; } .bgs-theme i.icon.square.full:before { content: "\f45c"; } .bgs-theme i.icon.stack.exchange:before { content: "\f18d"; } .bgs-theme i.icon.stack.overflow:before { content: "\f16c"; } .bgs-theme i.icon.star:before { content: "\f005"; } .bgs-theme i.icon.star.half:before { content: "\f089"; } .bgs-theme i.icon.staylinked:before { content: "\f3f5"; } .bgs-theme i.icon.steam:before { content: "\f1b6"; } .bgs-theme i.icon.steam.square:before { content: "\f1b7"; } .bgs-theme i.icon.steam.symbol:before { content: "\f3f6"; } .bgs-theme i.icon.step.backward:before { content: "\f048"; } .bgs-theme i.icon.step.forward:before { content: "\f051"; } .bgs-theme i.icon.stethoscope:before { content: "\f0f1"; } .bgs-theme i.icon.sticker.mule:before { content: "\f3f7"; } .bgs-theme i.icon.sticky.note:before { content: "\f249"; } .bgs-theme i.icon.stop:before { content: "\f04d"; } .bgs-theme i.icon.stop.circle:before { content: "\f28d"; } .bgs-theme i.icon.stopwatch:before { content: "\f2f2"; } .bgs-theme i.icon.strava:before { content: "\f428"; } .bgs-theme i.icon.street.view:before { content: "\f21d"; } .bgs-theme i.icon.strikethrough:before { content: "\f0cc"; } .bgs-theme i.icon.stripe:before { content: "\f429"; } .bgs-theme i.icon.stripe.s:before { content: "\f42a"; } .bgs-theme i.icon.studiovinari:before { content: "\f3f8"; } .bgs-theme i.icon.stumbleupon:before { content: "\f1a4"; } .bgs-theme i.icon.stumbleupon.circle:before { content: "\f1a3"; } .bgs-theme i.icon.subscript:before { content: "\f12c"; } .bgs-theme i.icon.subway:before { content: "\f239"; } .bgs-theme i.icon.suitcase:before { content: "\f0f2"; } .bgs-theme i.icon.sun:before { content: "\f185"; } .bgs-theme i.icon.superpowers:before { content: "\f2dd"; } .bgs-theme i.icon.superscript:before { content: "\f12b"; } .bgs-theme i.icon.supple:before { content: "\f3f9"; } .bgs-theme i.icon.sync:before { content: "\f021"; } .bgs-theme i.icon.sync.alternate:before { content: "\f2f1"; } .bgs-theme i.icon.syringe:before { content: "\f48e"; } .bgs-theme i.icon.table:before { content: "\f0ce"; } .bgs-theme i.icon.table.tennis:before { content: "\f45d"; } .bgs-theme i.icon.tablet:before { content: "\f10a"; } .bgs-theme i.icon.tablet.alternate:before { content: "\f3fa"; } .bgs-theme i.icon.tachometer.alternate:before { content: "\f3fd"; } .bgs-theme i.icon.tag:before { content: "\f02b"; } .bgs-theme i.icon.tags:before { content: "\f02c"; } .bgs-theme i.icon.tasks:before { content: "\f0ae"; } .bgs-theme i.icon.taxi:before { content: "\f1ba"; } .bgs-theme i.icon.telegram:before { content: "\f2c6"; } .bgs-theme i.icon.telegram.plane:before { content: "\f3fe"; } .bgs-theme i.icon.tencent.weibo:before { content: "\f1d5"; } .bgs-theme i.icon.terminal:before { content: "\f120"; } .bgs-theme i.icon.text.height:before { content: "\f034"; } .bgs-theme i.icon.text.width:before { content: "\f035"; } .bgs-theme i.icon.th:before { content: "\f00a"; } .bgs-theme i.icon.th.large:before { content: "\f009"; } .bgs-theme i.icon.th.list:before { content: "\f00b"; } .bgs-theme i.icon.themeisle:before { content: "\f2b2"; } .bgs-theme i.icon.thermometer:before { content: "\f491"; } .bgs-theme i.icon.thermometer.empty:before { content: "\f2cb"; } .bgs-theme i.icon.thermometer.full:before { content: "\f2c7"; } .bgs-theme i.icon.thermometer.half:before { content: "\f2c9"; } .bgs-theme i.icon.thermometer.quarter:before { content: "\f2ca"; } .bgs-theme i.icon.thermometer.three.quarters:before { content: "\f2c8"; } .bgs-theme i.icon.thumbs.down:before { content: "\f165"; } .bgs-theme i.icon.thumbs.up:before { content: "\f164"; } .bgs-theme i.icon.thumbtack:before { content: "\f08d"; } .bgs-theme i.icon.ticket.alternate:before { content: "\f3ff"; } .bgs-theme i.icon.times:before { content: "\f00d"; } .bgs-theme i.icon.times.circle:before { content: "\f057"; } .bgs-theme i.icon.tint:before { content: "\f043"; } .bgs-theme i.icon.toggle.off:before { content: "\f204"; } .bgs-theme i.icon.toggle.on:before { content: "\f205"; } .bgs-theme i.icon.trademark:before { content: "\f25c"; } .bgs-theme i.icon.train:before { content: "\f238"; } .bgs-theme i.icon.transgender:before { content: "\f224"; } .bgs-theme i.icon.transgender.alternate:before { content: "\f225"; } .bgs-theme i.icon.trash:before { content: "\f1f8"; } .bgs-theme i.icon.trash.alternate:before { content: "\f2ed"; } .bgs-theme i.icon.tree:before { content: "\f1bb"; } .bgs-theme i.icon.trello:before { content: "\f181"; } .bgs-theme i.icon.tripadvisor:before { content: "\f262"; } .bgs-theme i.icon.trophy:before { content: "\f091"; } .bgs-theme i.icon.truck:before { content: "\f0d1"; } .bgs-theme i.icon.tty:before { content: "\f1e4"; } .bgs-theme i.icon.tumblr:before { content: "\f173"; } .bgs-theme i.icon.tumblr.square:before { content: "\f174"; } .bgs-theme i.icon.tv:before { content: "\f26c"; } .bgs-theme i.icon.twitch:before { content: "\f1e8"; } .bgs-theme i.icon.twitter:before { content: "\f099"; } .bgs-theme i.icon.twitter.square:before { content: "\f081"; } .bgs-theme i.icon.typo3:before { content: "\f42b"; } .bgs-theme i.icon.uber:before { content: "\f402"; } .bgs-theme i.icon.uikit:before { content: "\f403"; } .bgs-theme i.icon.umbrella:before { content: "\f0e9"; } .bgs-theme i.icon.underline:before { content: "\f0cd"; } .bgs-theme i.icon.undo:before { content: "\f0e2"; } .bgs-theme i.icon.undo.alternate:before { content: "\f2ea"; } .bgs-theme i.icon.uniregistry:before { content: "\f404"; } .bgs-theme i.icon.universal.access:before { content: "\f29a"; } .bgs-theme i.icon.university:before { content: "\f19c"; } .bgs-theme i.icon.unlink:before { content: "\f127"; } .bgs-theme i.icon.unlock:before { content: "\f09c"; } .bgs-theme i.icon.unlock.alternate:before { content: "\f13e"; } .bgs-theme i.icon.untappd:before { content: "\f405"; } .bgs-theme i.icon.upload:before { content: "\f093"; } .bgs-theme i.icon.usb:before { content: "\f287"; } .bgs-theme i.icon.user:before { content: "\f007"; } .bgs-theme i.icon.user.circle:before { content: "\f2bd"; } .bgs-theme i.icon.user.md:before { content: "\f0f0"; } .bgs-theme i.icon.user.plus:before { content: "\f234"; } .bgs-theme i.icon.user.secret:before { content: "\f21b"; } .bgs-theme i.icon.user.times:before { content: "\f235"; } .bgs-theme i.icon.users:before { content: "\f0c0"; } .bgs-theme i.icon.ussunnah:before { content: "\f407"; } .bgs-theme i.icon.utensil.spoon:before { content: "\f2e5"; } .bgs-theme i.icon.utensils:before { content: "\f2e7"; } .bgs-theme i.icon.vaadin:before { content: "\f408"; } .bgs-theme i.icon.venus:before { content: "\f221"; } .bgs-theme i.icon.venus.double:before { content: "\f226"; } .bgs-theme i.icon.venus.mars:before { content: "\f228"; } .bgs-theme i.icon.viacoin:before { content: "\f237"; } .bgs-theme i.icon.viadeo:before { content: "\f2a9"; } .bgs-theme i.icon.viadeo.square:before { content: "\f2aa"; } .bgs-theme i.icon.viber:before { content: "\f409"; } .bgs-theme i.icon.video:before { content: "\f03d"; } .bgs-theme i.icon.vimeo:before { content: "\f40a"; } .bgs-theme i.icon.vimeo.square:before { content: "\f194"; } .bgs-theme i.icon.vimeo.v:before { content: "\f27d"; } .bgs-theme i.icon.vine:before { content: "\f1ca"; } .bgs-theme i.icon.vk:before { content: "\f189"; } .bgs-theme i.icon.vnv:before { content: "\f40b"; } .bgs-theme i.icon.volleyball.ball:before { content: "\f45f"; } .bgs-theme i.icon.volume.down:before { content: "\f027"; } .bgs-theme i.icon.volume.off:before { content: "\f026"; } .bgs-theme i.icon.volume.up:before { content: "\f028"; } .bgs-theme i.icon.vuejs:before { content: "\f41f"; } .bgs-theme i.icon.warehouse:before { content: "\f494"; } .bgs-theme i.icon.weibo:before { content: "\f18a"; } .bgs-theme i.icon.weight:before { content: "\f496"; } .bgs-theme i.icon.weixin:before { content: "\f1d7"; } .bgs-theme i.icon.whatsapp:before { content: "\f232"; } .bgs-theme i.icon.whatsapp.square:before { content: "\f40c"; } .bgs-theme i.icon.wheelchair:before { content: "\f193"; } .bgs-theme i.icon.whmcs:before { content: "\f40d"; } .bgs-theme i.icon.wifi:before { content: "\f1eb"; } .bgs-theme i.icon.wikipedia.w:before { content: "\f266"; } .bgs-theme i.icon.window.close:before { content: "\f410"; } .bgs-theme i.icon.window.maximize:before { content: "\f2d0"; } .bgs-theme i.icon.window.minimize:before { content: "\f2d1"; } .bgs-theme i.icon.window.restore:before { content: "\f2d2"; } .bgs-theme i.icon.windows:before { content: "\f17a"; } .bgs-theme i.icon.won.sign:before { content: "\f159"; } .bgs-theme i.icon.wordpress:before { content: "\f19a"; } .bgs-theme i.icon.wordpress.simple:before { content: "\f411"; } .bgs-theme i.icon.wpbeginner:before { content: "\f297"; } .bgs-theme i.icon.wpexplorer:before { content: "\f2de"; } .bgs-theme i.icon.wpforms:before { content: "\f298"; } .bgs-theme i.icon.wrench:before { content: "\f0ad"; } .bgs-theme i.icon.xbox:before { content: "\f412"; } .bgs-theme i.icon.xing:before { content: "\f168"; } .bgs-theme i.icon.xing.square:before { content: "\f169"; } .bgs-theme i.icon.y.combinator:before { content: "\f23b"; } .bgs-theme i.icon.yahoo:before { content: "\f19e"; } .bgs-theme i.icon.yandex:before { content: "\f413"; } .bgs-theme i.icon.yandex.international:before { content: "\f414"; } .bgs-theme i.icon.yelp:before { content: "\f1e9"; } .bgs-theme i.icon.yen.sign:before { content: "\f157"; } .bgs-theme i.icon.yoast:before { content: "\f2b1"; } .bgs-theme i.icon.youtube:before { content: "\f167"; } .bgs-theme i.icon.youtube.square:before { content: "\f431"; } .bgs-theme i.icon.chess.rock:before { content: "\f447"; } .bgs-theme i.icon.ordered.list:before { content: "\f0cb"; } .bgs-theme i.icon.unordered.list:before { content: "\f0ca"; } .bgs-theme i.icon.user.doctor:before { content: "\f0f0"; } .bgs-theme i.icon.shield:before { content: "\f3ed"; } .bgs-theme i.icon.puzzle:before { content: "\f12e"; } .bgs-theme i.icon.credit.card.amazon.pay:before { content: "\f42d"; } .bgs-theme i.icon.credit.card.american.express:before { content: "\f1f3"; } .bgs-theme i.icon.credit.card.diners.club:before { content: "\f24c"; } .bgs-theme i.icon.credit.card.discover:before { content: "\f1f2"; } .bgs-theme i.icon.credit.card.jcb:before { content: "\f24b"; } .bgs-theme i.icon.credit.card.mastercard:before { content: "\f1f1"; } .bgs-theme i.icon.credit.card.paypal:before { content: "\f1f4"; } .bgs-theme i.icon.credit.card.stripe:before { content: "\f1f5"; } .bgs-theme i.icon.credit.card.visa:before { content: "\f1f0"; } .bgs-theme i.icon.add.circle:before { content: "\f055"; } .bgs-theme i.icon.add.square:before { content: "\f0fe"; } .bgs-theme i.icon.add.to.calendar:before { content: "\f271"; } .bgs-theme i.icon.add.to.cart:before { content: "\f217"; } .bgs-theme i.icon.add.user:before { content: "\f234"; } .bgs-theme i.icon.add:before { content: "\f067"; } .bgs-theme i.icon.alarm.mute:before { content: "\f1f6"; } .bgs-theme i.icon.alarm:before { content: "\f0f3"; } .bgs-theme i.icon.ald:before { content: "\f2a2"; } .bgs-theme i.icon.als:before { content: "\f2a2"; } .bgs-theme i.icon.american.express.card:before { content: "\f1f3"; } .bgs-theme i.icon.american.express:before { content: "\f1f3"; } .bgs-theme i.icon.amex:before { content: "\f1f3"; } .bgs-theme i.icon.announcement:before { content: "\f0a1"; } .bgs-theme i.icon.area.chart:before { content: "\f1fe"; } .bgs-theme i.icon.area.graph:before { content: "\f1fe"; } .bgs-theme i.icon.arrow.down.cart:before { content: "\f218"; } .bgs-theme i.icon.asexual:before { content: "\f22d"; } .bgs-theme i.icon.asl.interpreting:before { content: "\f2a3"; } .bgs-theme i.icon.asl:before { content: "\f2a3"; } .bgs-theme i.icon.assistive.listening.devices:before { content: "\f2a2"; } .bgs-theme i.icon.attach:before { content: "\f0c6"; } .bgs-theme i.icon.attention:before { content: "\f06a"; } .bgs-theme i.icon.balance:before { content: "\f24e"; } .bgs-theme i.icon.bar:before { content: "\f0fc"; } .bgs-theme i.icon.bathtub:before { content: "\f2cd"; } .bgs-theme i.icon.battery.four:before { content: "\f240"; } .bgs-theme i.icon.battery.high:before { content: "\f241"; } .bgs-theme i.icon.battery.low:before { content: "\f243"; } .bgs-theme i.icon.battery.medium:before { content: "\f242"; } .bgs-theme i.icon.battery.one:before { content: "\f243"; } .bgs-theme i.icon.battery.three:before { content: "\f241"; } .bgs-theme i.icon.battery.two:before { content: "\f242"; } .bgs-theme i.icon.battery.zero:before { content: "\f244"; } .bgs-theme i.icon.birthday:before { content: "\f1fd"; } .bgs-theme i.icon.block.layout:before { content: "\f009"; } .bgs-theme i.icon.bluetooth.alternative:before { content: "\f294"; } .bgs-theme i.icon.broken.chain:before { content: "\f127"; } .bgs-theme i.icon.browser:before { content: "\f022"; } .bgs-theme i.icon.call.square:before { content: "\f098"; } .bgs-theme i.icon.call:before { content: "\f095"; } .bgs-theme i.icon.cancel:before { content: "\f00d"; } .bgs-theme i.icon.cart:before { content: "\f07a"; } .bgs-theme i.icon.cc:before { content: "\f20a"; } .bgs-theme i.icon.chain:before { content: "\f0c1"; } .bgs-theme i.icon.chat:before { content: "\f075"; } .bgs-theme i.icon.checked.calendar:before { content: "\f274"; } .bgs-theme i.icon.checkmark:before { content: "\f00c"; } .bgs-theme i.icon.circle.notched:before { content: "\f1ce"; } .bgs-theme i.icon.close:before { content: "\f00d"; } .bgs-theme i.icon.cny:before { content: "\f157"; } .bgs-theme i.icon.cocktail:before { content: "\f000"; } .bgs-theme i.icon.commenting:before { content: "\f27a"; } .bgs-theme i.icon.computer:before { content: "\f108"; } .bgs-theme i.icon.configure:before { content: "\f0ad"; } .bgs-theme i.icon.content:before { content: "\f0c9"; } .bgs-theme i.icon.deafness:before { content: "\f2a4"; } .bgs-theme i.icon.delete.calendar:before { content: "\f273"; } .bgs-theme i.icon.delete:before { content: "\f00d"; } .bgs-theme i.icon.detective:before { content: "\f21b"; } .bgs-theme i.icon.diners.club.card:before { content: "\f24c"; } .bgs-theme i.icon.diners.club:before { content: "\f24c"; } .bgs-theme i.icon.discover.card:before { content: "\f1f2"; } .bgs-theme i.icon.discover:before { content: "\f1f2"; } .bgs-theme i.icon.discussions:before { content: "\f086"; } .bgs-theme i.icon.doctor:before { content: "\f0f0"; } .bgs-theme i.icon.dollar:before { content: "\f155"; } .bgs-theme i.icon.dont:before { content: "\f05e"; } .bgs-theme i.icon.dribble:before { content: "\f17d"; } .bgs-theme i.icon.drivers.license:before { content: "\f2c2"; } .bgs-theme i.icon.dropdown:before { content: "\f0d7"; } .bgs-theme i.icon.eercast:before { content: "\f2da"; } .bgs-theme i.icon.emergency:before { content: "\f0f9"; } .bgs-theme i.icon.envira.gallery:before { content: "\f299"; } .bgs-theme i.icon.erase:before { content: "\f12d"; } .bgs-theme i.icon.eur:before { content: "\f153"; } .bgs-theme i.icon.euro:before { content: "\f153"; } .bgs-theme i.icon.eyedropper:before { content: "\f1fb"; } .bgs-theme i.icon.fa:before { content: "\f2b4"; } .bgs-theme i.icon.factory:before { content: "\f275"; } .bgs-theme i.icon.favorite:before { content: "\f005"; } .bgs-theme i.icon.feed:before { content: "\f09e"; } .bgs-theme i.icon.female.homosexual:before { content: "\f226"; } .bgs-theme i.icon.file.text:before { content: "\f15c"; } .bgs-theme i.icon.find:before { content: "\f1e5"; } .bgs-theme i.icon.first.aid:before { content: "\f0fa"; } .bgs-theme i.icon.five.hundred.pixels:before { content: "\f26e"; } .bgs-theme i.icon.fork:before { content: "\f126"; } .bgs-theme i.icon.game:before { content: "\f11b"; } .bgs-theme i.icon.gay:before { content: "\f227"; } .bgs-theme i.icon.gbp:before { content: "\f154"; } .bgs-theme i.icon.gittip:before { content: "\f184"; } .bgs-theme i.icon.google.plus.circle:before { content: "\f2b3"; } .bgs-theme i.icon.google.plus.official:before { content: "\f2b3"; } .bgs-theme i.icon.grab:before { content: "\f255"; } .bgs-theme i.icon.graduation:before { content: "\f19d"; } .bgs-theme i.icon.grid.layout:before { content: "\f00a"; } .bgs-theme i.icon.group:before { content: "\f0c0"; } .bgs-theme i.icon.h:before { content: "\f0fd"; } .bgs-theme i.icon.hand.victory:before { content: "\f25b"; } .bgs-theme i.icon.handicap:before { content: "\f193"; } .bgs-theme i.icon.hard.of.hearing:before { content: "\f2a4"; } .bgs-theme i.icon.header:before { content: "\f1dc"; } .bgs-theme i.icon.help.circle:before { content: "\f059"; } .bgs-theme i.icon.help:before { content: "\f128"; } .bgs-theme i.icon.heterosexual:before { content: "\f228"; } .bgs-theme i.icon.hide:before { content: "\f070"; } .bgs-theme i.icon.hotel:before { content: "\f236"; } .bgs-theme i.icon.hourglass.four:before { content: "\f254"; } .bgs-theme i.icon.hourglass.full:before { content: "\f254"; } .bgs-theme i.icon.hourglass.one:before { content: "\f251"; } .bgs-theme i.icon.hourglass.three:before { content: "\f253"; } .bgs-theme i.icon.hourglass.two:before { content: "\f252"; } .bgs-theme i.icon.idea:before { content: "\f0eb"; } .bgs-theme i.icon.ils:before { content: "\f20b"; } .bgs-theme i.icon.in-cart:before { content: "\f218"; } .bgs-theme i.icon.inr:before { content: "\f156"; } .bgs-theme i.icon.intergender:before { content: "\f224"; } .bgs-theme i.icon.intersex:before { content: "\f224"; } .bgs-theme i.icon.japan.credit.bureau.card:before { content: "\f24b"; } .bgs-theme i.icon.japan.credit.bureau:before { content: "\f24b"; } .bgs-theme i.icon.jcb:before { content: "\f24b"; } .bgs-theme i.icon.jpy:before { content: "\f157"; } .bgs-theme i.icon.krw:before { content: "\f159"; } .bgs-theme i.icon.lab:before { content: "\f0c3"; } .bgs-theme i.icon.law:before { content: "\f24e"; } .bgs-theme i.icon.legal:before { content: "\f0e3"; } .bgs-theme i.icon.lesbian:before { content: "\f226"; } .bgs-theme i.icon.lightning:before { content: "\f0e7"; } .bgs-theme i.icon.like:before { content: "\f004"; } .bgs-theme i.icon.line.graph:before { content: "\f201"; } .bgs-theme i.icon.linkedin.square:before { content: "\f08c"; } .bgs-theme i.icon.linkify:before { content: "\f0c1"; } .bgs-theme i.icon.lira:before { content: "\f195"; } .bgs-theme i.icon.list.layout:before { content: "\f00b"; } .bgs-theme i.icon.magnify:before { content: "\f00e"; } .bgs-theme i.icon.mail.forward:before { content: "\f064"; } .bgs-theme i.icon.mail.square:before { content: "\f199"; } .bgs-theme i.icon.mail:before { content: "\f0e0"; } .bgs-theme i.icon.male.homosexual:before { content: "\f227"; } .bgs-theme i.icon.man:before { content: "\f222"; } .bgs-theme i.icon.marker:before { content: "\f041"; } .bgs-theme i.icon.mars.alternate:before { content: "\f229"; } .bgs-theme i.icon.mars.horizontal:before { content: "\f22b"; } .bgs-theme i.icon.mars.vertical:before { content: "\f22a"; } .bgs-theme i.icon.mastercard.card:before { content: "\f1f1"; } .bgs-theme i.icon.mastercard:before { content: "\f1f1"; } .bgs-theme i.icon.microsoft.edge:before { content: "\f282"; } .bgs-theme i.icon.military:before { content: "\f0fb"; } .bgs-theme i.icon.ms.edge:before { content: "\f282"; } .bgs-theme i.icon.mute:before { content: "\f131"; } .bgs-theme i.icon.new.pied.piper:before { content: "\f2ae"; } .bgs-theme i.icon.non.binary.transgender:before { content: "\f223"; } .bgs-theme i.icon.numbered.list:before { content: "\f0cb"; } .bgs-theme i.icon.optinmonster:before { content: "\f23c"; } .bgs-theme i.icon.options:before { content: "\f1de"; } .bgs-theme i.icon.other.gender.horizontal:before { content: "\f22b"; } .bgs-theme i.icon.other.gender.vertical:before { content: "\f22a"; } .bgs-theme i.icon.other.gender:before { content: "\f229"; } .bgs-theme i.icon.payment:before { content: "\f09d"; } .bgs-theme i.icon.paypal.card:before { content: "\f1f4"; } .bgs-theme i.icon.pencil.square:before { content: "\f14b"; } .bgs-theme i.icon.photo:before { content: "\f030"; } .bgs-theme i.icon.picture:before { content: "\f03e"; } .bgs-theme i.icon.pie.chart:before { content: "\f200"; } .bgs-theme i.icon.pie.graph:before { content: "\f200"; } .bgs-theme i.icon.pied.piper.hat:before { content: "\f2ae"; } .bgs-theme i.icon.pin:before { content: "\f08d"; } .bgs-theme i.icon.plus.cart:before { content: "\f217"; } .bgs-theme i.icon.pocket:before { content: "\f265"; } .bgs-theme i.icon.point:before { content: "\f041"; } .bgs-theme i.icon.pointing.down:before { content: "\f0a7"; } .bgs-theme i.icon.pointing.left:before { content: "\f0a5"; } .bgs-theme i.icon.pointing.right:before { content: "\f0a4"; } .bgs-theme i.icon.pointing.up:before { content: "\f0a6"; } .bgs-theme i.icon.pound:before { content: "\f154"; } .bgs-theme i.icon.power.cord:before { content: "\f1e6"; } .bgs-theme i.icon.power:before { content: "\f011"; } .bgs-theme i.icon.privacy:before { content: "\f084"; } .bgs-theme i.icon.r.circle:before { content: "\f25d"; } .bgs-theme i.icon.rain:before { content: "\f0e9"; } .bgs-theme i.icon.record:before { content: "\f03d"; } .bgs-theme i.icon.refresh:before { content: "\f021"; } .bgs-theme i.icon.remove.circle:before { content: "\f057"; } .bgs-theme i.icon.remove.from.calendar:before { content: "\f272"; } .bgs-theme i.icon.remove.user:before { content: "\f235"; } .bgs-theme i.icon.remove:before { content: "\f00d"; } .bgs-theme i.icon.repeat:before { content: "\f01e"; } .bgs-theme i.icon.rmb:before { content: "\f157"; } .bgs-theme i.icon.rouble:before { content: "\f158"; } .bgs-theme i.icon.rub:before { content: "\f158"; } .bgs-theme i.icon.ruble:before { content: "\f158"; } .bgs-theme i.icon.rupee:before { content: "\f156"; } .bgs-theme i.icon.s15:before { content: "\f2cd"; } .bgs-theme i.icon.selected.radio:before { content: "\f192"; } .bgs-theme i.icon.send:before { content: "\f1d8"; } .bgs-theme i.icon.setting:before { content: "\f013"; } .bgs-theme i.icon.settings:before { content: "\f085"; } .bgs-theme i.icon.shekel:before { content: "\f20b"; } .bgs-theme i.icon.sheqel:before { content: "\f20b"; } .bgs-theme i.icon.shipping:before { content: "\f0d1"; } .bgs-theme i.icon.shop:before { content: "\f07a"; } .bgs-theme i.icon.shuffle:before { content: "\f074"; } .bgs-theme i.icon.shutdown:before { content: "\f011"; } .bgs-theme i.icon.sidebar:before { content: "\f0c9"; } .bgs-theme i.icon.signing:before { content: "\f2a7"; } .bgs-theme i.icon.signup:before { content: "\f044"; } .bgs-theme i.icon.sliders:before { content: "\f1de"; } .bgs-theme i.icon.soccer:before { content: "\f1e3"; } .bgs-theme i.icon.sort.alphabet.ascending:before { content: "\f15d"; } .bgs-theme i.icon.sort.alphabet.descending:before { content: "\f15e"; } .bgs-theme i.icon.sort.ascending:before { content: "\f0de"; } .bgs-theme i.icon.sort.content.ascending:before { content: "\f160"; } .bgs-theme i.icon.sort.content.descending:before { content: "\f161"; } .bgs-theme i.icon.sort.descending:before { content: "\f0dd"; } .bgs-theme i.icon.sort.numeric.ascending:before { content: "\f162"; } .bgs-theme i.icon.sort.numeric.descending:before { content: "\f163"; } .bgs-theme i.icon.sound:before { content: "\f025"; } .bgs-theme i.icon.spy:before { content: "\f21b"; } .bgs-theme i.icon.stripe.card:before { content: "\f1f5"; } .bgs-theme i.icon.student:before { content: "\f19d"; } .bgs-theme i.icon.talk:before { content: "\f27a"; } .bgs-theme i.icon.target:before { content: "\f140"; } .bgs-theme i.icon.teletype:before { content: "\f1e4"; } .bgs-theme i.icon.television:before { content: "\f26c"; } .bgs-theme i.icon.text.cursor:before { content: "\f246"; } .bgs-theme i.icon.text.telephone:before { content: "\f1e4"; } .bgs-theme i.icon.theme.isle:before { content: "\f2b2"; } .bgs-theme i.icon.theme:before { content: "\f043"; } .bgs-theme i.icon.thermometer:before { content: "\f2c7"; } .bgs-theme i.icon.thumb.tack:before { content: "\f08d"; } .bgs-theme i.icon.time:before { content: "\f017"; } .bgs-theme i.icon.tm:before { content: "\f25c"; } .bgs-theme i.icon.toggle.down:before { content: "\f150"; } .bgs-theme i.icon.toggle.left:before { content: "\f191"; } .bgs-theme i.icon.toggle.right:before { content: "\f152"; } .bgs-theme i.icon.toggle.up:before { content: "\f151"; } .bgs-theme i.icon.translate:before { content: "\f1ab"; } .bgs-theme i.icon.travel:before { content: "\f0b1"; } .bgs-theme i.icon.treatment:before { content: "\f0f1"; } .bgs-theme i.icon.triangle.down:before { content: "\f0d7"; } .bgs-theme i.icon.triangle.left:before { content: "\f0d9"; } .bgs-theme i.icon.triangle.right:before { content: "\f0da"; } .bgs-theme i.icon.triangle.up:before { content: "\f0d8"; } .bgs-theme i.icon.try:before { content: "\f195"; } .bgs-theme i.icon.unhide:before { content: "\f06e"; } .bgs-theme i.icon.unlinkify:before { content: "\f127"; } .bgs-theme i.icon.unmute:before { content: "\f130"; } .bgs-theme i.icon.usd:before { content: "\f155"; } .bgs-theme i.icon.user.cancel:before { content: "\f235"; } .bgs-theme i.icon.user.close:before { content: "\f235"; } .bgs-theme i.icon.user.delete:before { content: "\f235"; } .bgs-theme i.icon.user.x:before { content: "\f235"; } .bgs-theme i.icon.vcard:before { content: "\f2bb"; } .bgs-theme i.icon.video.camera:before { content: "\f03d"; } .bgs-theme i.icon.video.play:before { content: "\f144"; } .bgs-theme i.icon.visa.card:before { content: "\f1f0"; } .bgs-theme i.icon.visa:before { content: "\f1f0"; } .bgs-theme i.icon.volume.control.phone:before { content: "\f2a0"; } .bgs-theme i.icon.wait:before { content: "\f017"; } .bgs-theme i.icon.warning.circle:before { content: "\f06a"; } .bgs-theme i.icon.warning.sign:before { content: "\f071"; } .bgs-theme i.icon.warning:before { content: "\f12a"; } .bgs-theme i.icon.wechat:before { content: "\f1d7"; } .bgs-theme i.icon.wi-fi:before { content: "\f1eb"; } .bgs-theme i.icon.wikipedia:before { content: "\f266"; } .bgs-theme i.icon.winner:before { content: "\f091"; } .bgs-theme i.icon.wizard:before { content: "\f0d0"; } .bgs-theme i.icon.woman:before { content: "\f221"; } .bgs-theme i.icon.won:before { content: "\f159"; } .bgs-theme i.icon.wordpress.beginner:before { content: "\f297"; } .bgs-theme i.icon.wordpress.forms:before { content: "\f298"; } .bgs-theme i.icon.world:before { content: "\f0ac"; } .bgs-theme i.icon.write.square:before { content: "\f14b"; } .bgs-theme i.icon.x:before { content: "\f00d"; } .bgs-theme i.icon.yc:before { content: "\f23b"; } .bgs-theme i.icon.ycombinator:before { content: "\f23b"; } .bgs-theme i.icon.yen:before { content: "\f157"; } .bgs-theme i.icon.zip:before { content: "\f187"; } .bgs-theme i.icon.zoom-in:before { content: "\f00e"; } .bgs-theme i.icon.zoom-out:before { content: "\f010"; } .bgs-theme i.icon.zoom:before { content: "\f00e"; } .bgs-theme i.icon.bitbucket.square:before { content: "\f171"; } .bgs-theme i.icon.checkmark.box:before { content: "\f14a"; } .bgs-theme i.icon.circle.thin:before { content: "\f111"; } .bgs-theme i.icon.cloud.download:before { content: "\f381"; } .bgs-theme i.icon.cloud.upload:before { content: "\f382"; } .bgs-theme i.icon.compose:before { content: "\f303"; } .bgs-theme i.icon.conversation:before { content: "\f086"; } .bgs-theme i.icon.credit.card.alternative:before { content: "\f09d"; } .bgs-theme i.icon.currency:before { content: "\f3d1"; } .bgs-theme i.icon.dashboard:before { content: "\f3fd"; } .bgs-theme i.icon.diamond:before { content: "\f3a5"; } .bgs-theme i.icon.disk:before { content: "\f0a0"; } .bgs-theme i.icon.exchange:before { content: "\f362"; } .bgs-theme i.icon.external.share:before { content: "\f14d"; } .bgs-theme i.icon.external.square:before { content: "\f360"; } .bgs-theme i.icon.external:before { content: "\f35d"; } .bgs-theme i.icon.facebook.official:before { content: "\f082"; } .bgs-theme i.icon.food:before { content: "\f2e7"; } .bgs-theme i.icon.hourglass.zero:before { content: "\f253"; } .bgs-theme i.icon.level.down:before { content: "\f3be"; } .bgs-theme i.icon.level.up:before { content: "\f3bf"; } .bgs-theme i.icon.logout:before { content: "\f2f5"; } .bgs-theme i.icon.meanpath:before { content: "\f0c8"; } .bgs-theme i.icon.money:before { content: "\f3d1"; } .bgs-theme i.icon.move:before { content: "\f0b2"; } .bgs-theme i.icon.pencil:before { content: "\f303"; } .bgs-theme i.icon.protect:before { content: "\f023"; } .bgs-theme i.icon.radio:before { content: "\f192"; } .bgs-theme i.icon.remove.bookmark:before { content: "\f02e"; } .bgs-theme i.icon.resize.horizontal:before { content: "\f337"; } .bgs-theme i.icon.resize.vertical:before { content: "\f338"; } .bgs-theme i.icon.sign-in:before { content: "\f2f6"; } .bgs-theme i.icon.sign-out:before { content: "\f2f5"; } .bgs-theme i.icon.spoon:before { content: "\f2e5"; } .bgs-theme i.icon.star.half.empty:before { content: "\f089"; } .bgs-theme i.icon.star.half.full:before { content: "\f089"; } .bgs-theme i.icon.ticket:before { content: "\f3ff"; } .bgs-theme i.icon.times.rectangle:before { content: "\f410"; } .bgs-theme i.icon.write:before { content: "\f303"; } .bgs-theme i.icon.youtube.play:before { content: "\f167"; } @font-face { font-family: 'outline-icons'; src: url(outline-icons.eot); src: url(outline-icons.eot?#iefix) format('embedded-opentype'), url(outline-icons.woff2) format('woff2'), url(outline-icons.woff) format('woff'), url(outline-icons.ttf) format('truetype'), url(outline-icons.svg#icons) format('svg'); font-style: normal; font-weight: normal; font-variant: normal; text-decoration: inherit; text-transform: none; } .bgs-theme i.icon.outline { font-family: 'outline-icons'; } .bgs-theme i.icon.address.book.outline:before { content: "\f2b9"; } .bgs-theme i.icon.address.card.outline:before { content: "\f2bb"; } .bgs-theme i.icon.arrow.alternate.circle.down.outline:before { content: "\f358"; } .bgs-theme i.icon.arrow.alternate.circle.left.outline:before { content: "\f359"; } .bgs-theme i.icon.arrow.alternate.circle.right.outline:before { content: "\f35a"; } .bgs-theme i.icon.arrow.alternate.circle.up.outline:before { content: "\f35b"; } .bgs-theme i.icon.bell.outline:before { content: "\f0f3"; } .bgs-theme i.icon.bell.slash.outline:before { content: "\f1f6"; } .bgs-theme i.icon.bookmark.outline:before { content: "\f02e"; } .bgs-theme i.icon.building.outline:before { content: "\f1ad"; } .bgs-theme i.icon.calendar.outline:before { content: "\f133"; } .bgs-theme i.icon.calendar.alternate.outline:before { content: "\f073"; } .bgs-theme i.icon.calendar.check.outline:before { content: "\f274"; } .bgs-theme i.icon.calendar.minus.outline:before { content: "\f272"; } .bgs-theme i.icon.calendar.plus.outline:before { content: "\f271"; } .bgs-theme i.icon.calendar.times.outline:before { content: "\f273"; } .bgs-theme i.icon.caret.square.down.outline:before { content: "\f150"; } .bgs-theme i.icon.caret.square.left.outline:before { content: "\f191"; } .bgs-theme i.icon.caret.square.right.outline:before { content: "\f152"; } .bgs-theme i.icon.caret.square.up.outline:before { content: "\f151"; } .bgs-theme i.icon.chart.bar.outline:before { content: "\f080"; } .bgs-theme i.icon.check.circle.outline:before { content: "\f058"; } .bgs-theme i.icon.check.square.outline:before { content: "\f14a"; } .bgs-theme i.icon.circle.outline:before { content: "\f111"; } .bgs-theme i.icon.clipboard.outline:before { content: "\f328"; } .bgs-theme i.icon.clock.outline:before { content: "\f017"; } .bgs-theme i.icon.clone.outline:before { content: "\f24d"; } .bgs-theme i.icon.closed.captioning.outline:before { content: "\f20a"; } .bgs-theme i.icon.comment.outline:before { content: "\f075"; } .bgs-theme i.icon.comment.alternate.outline:before { content: "\f27a"; } .bgs-theme i.icon.comments.outline:before { content: "\f086"; } .bgs-theme i.icon.compass.outline:before { content: "\f14e"; } .bgs-theme i.icon.copy.outline:before { content: "\f0c5"; } .bgs-theme i.icon.copyright.outline:before { content: "\f1f9"; } .bgs-theme i.icon.credit.card.outline:before { content: "\f09d"; } .bgs-theme i.icon.dot.circle.outline:before { content: "\f192"; } .bgs-theme i.icon.edit.outline:before { content: "\f044"; } .bgs-theme i.icon.envelope.outline:before { content: "\f0e0"; } .bgs-theme i.icon.envelope.open.outline:before { content: "\f2b6"; } .bgs-theme i.icon.eye.slash.outline:before { content: "\f070"; } .bgs-theme i.icon.file.outline:before { content: "\f15b"; } .bgs-theme i.icon.file.alternate.outline:before { content: "\f15c"; } .bgs-theme i.icon.file.archive.outline:before { content: "\f1c6"; } .bgs-theme i.icon.file.audio.outline:before { content: "\f1c7"; } .bgs-theme i.icon.file.code.outline:before { content: "\f1c9"; } .bgs-theme i.icon.file.excel.outline:before { content: "\f1c3"; } .bgs-theme i.icon.file.image.outline:before { content: "\f1c5"; } .bgs-theme i.icon.file.pdf.outline:before { content: "\f1c1"; } .bgs-theme i.icon.file.powerpoint.outline:before { content: "\f1c4"; } .bgs-theme i.icon.file.video.outline:before { content: "\f1c8"; } .bgs-theme i.icon.file.word.outline:before { content: "\f1c2"; } .bgs-theme i.icon.flag.outline:before { content: "\f024"; } .bgs-theme i.icon.folder.outline:before { content: "\f07b"; } .bgs-theme i.icon.folder.open.outline:before { content: "\f07c"; } .bgs-theme i.icon.frown.outline:before { content: "\f119"; } .bgs-theme i.icon.futbol.outline:before { content: "\f1e3"; } .bgs-theme i.icon.gem.outline:before { content: "\f3a5"; } .bgs-theme i.icon.hand.lizard.outline:before { content: "\f258"; } .bgs-theme i.icon.hand.paper.outline:before { content: "\f256"; } .bgs-theme i.icon.hand.peace.outline:before { content: "\f25b"; } .bgs-theme i.icon.hand.point.down.outline:before { content: "\f0a7"; } .bgs-theme i.icon.hand.point.left.outline:before { content: "\f0a5"; } .bgs-theme i.icon.hand.point.right.outline:before { content: "\f0a4"; } .bgs-theme i.icon.hand.point.up.outline:before { content: "\f0a6"; } .bgs-theme i.icon.hand.pointer.outline:before { content: "\f25a"; } .bgs-theme i.icon.hand.rock.outline:before { content: "\f255"; } .bgs-theme i.icon.hand.scissors.outline:before { content: "\f257"; } .bgs-theme i.icon.hand.spock.outline:before { content: "\f259"; } .bgs-theme i.icon.handshake.outline:before { content: "\f2b5"; } .bgs-theme i.icon.hdd.outline:before { content: "\f0a0"; } .bgs-theme i.icon.heart.outline:before { content: "\f004"; } .bgs-theme i.icon.hospital.outline:before { content: "\f0f8"; } .bgs-theme i.icon.hourglass.outline:before { content: "\f254"; } .bgs-theme i.icon.id.badge.outline:before { content: "\f2c1"; } .bgs-theme i.icon.id.card.outline:before { content: "\f2c2"; } .bgs-theme i.icon.image.outline:before { content: "\f03e"; } .bgs-theme i.icon.images.outline:before { content: "\f302"; } .bgs-theme i.icon.keyboard.outline:before { content: "\f11c"; } .bgs-theme i.icon.lemon.outline:before { content: "\f094"; } .bgs-theme i.icon.life.ring.outline:before { content: "\f1cd"; } .bgs-theme i.icon.lightbulb.outline:before { content: "\f0eb"; } .bgs-theme i.icon.list.alternate.outline:before { content: "\f022"; } .bgs-theme i.icon.map.outline:before { content: "\f279"; } .bgs-theme i.icon.meh.outline:before { content: "\f11a"; } .bgs-theme i.icon.minus.square.outline:before { content: "\f146"; } .bgs-theme i.icon.money.bill.alternate.outline:before { content: "\f3d1"; } .bgs-theme i.icon.moon.outline:before { content: "\f186"; } .bgs-theme i.icon.newspaper.outline:before { content: "\f1ea"; } .bgs-theme i.icon.object.group.outline:before { content: "\f247"; } .bgs-theme i.icon.object.ungroup.outline:before { content: "\f248"; } .bgs-theme i.icon.paper.plane.outline:before { content: "\f1d8"; } .bgs-theme i.icon.pause.circle.outline:before { content: "\f28b"; } .bgs-theme i.icon.play.circle.outline:before { content: "\f144"; } .bgs-theme i.icon.plus.square.outline:before { content: "\f0fe"; } .bgs-theme i.icon.question.circle.outline:before { content: "\f059"; } .bgs-theme i.icon.registered.outline:before { content: "\f25d"; } .bgs-theme i.icon.save.outline:before { content: "\f0c7"; } .bgs-theme i.icon.share.square.outline:before { content: "\f14d"; } .bgs-theme i.icon.smile.outline:before { content: "\f118"; } .bgs-theme i.icon.snowflake.outline:before { content: "\f2dc"; } .bgs-theme i.icon.square.outline:before { content: "\f0c8"; } .bgs-theme i.icon.star.outline:before { content: "\f005"; } .bgs-theme i.icon.star.half.outline:before { content: "\f089"; } .bgs-theme i.icon.sticky.note.outline:before { content: "\f249"; } .bgs-theme i.icon.stop.circle.outline:before { content: "\f28d"; } .bgs-theme i.icon.sun.outline:before { content: "\f185"; } .bgs-theme i.icon.thumbs.down.outline:before { content: "\f165"; } .bgs-theme i.icon.thumbs.up.outline:before { content: "\f164"; } .bgs-theme i.icon.times.circle.outline:before { content: "\f057"; } .bgs-theme i.icon.trash.alternate.outline:before { content: "\f2ed"; } .bgs-theme i.icon.user.outline:before { content: "\f007"; } .bgs-theme i.icon.user.circle.outline:before { content: "\f2bd"; } .bgs-theme i.icon.window.close.outline:before { content: "\f410"; } .bgs-theme i.icon.window.maximize.outline:before { content: "\f2d0"; } .bgs-theme i.icon.window.minimize.outline:before { content: "\f2d1"; } .bgs-theme i.icon.window.restore.outline:before { content: "\f2d2"; } .bgs-theme i.icon.disk.outline:before { content: "\f0a0"; } .bgs-theme i.icon.heart.empty, .bgs-theme i.icon.star.empty { font-family: 'outline-icons'; } .bgs-theme i.icon.heart.empty:before { content: "\f004"; } .bgs-theme i.icon.star.empty:before { content: "\f089"; } @font-face { font-family: 'brand-icons'; src: url(brand-icons.eot); src: url(brand-icons.eot?#iefix) format('embedded-opentype'), url(brand-icons.woff2) format('woff2'), url(brand-icons.woff) format('woff'), url(brand-icons.ttf) format('truetype'), url(brand-icons.svg#icons) format('svg'); font-style: normal; font-weight: normal; font-variant: normal; text-decoration: inherit; text-transform: none; } .bgs-theme i.icon.\35 00px, .bgs-theme i.icon.accessible.icon, .bgs-theme i.icon.accusoft, .bgs-theme i.icon.adn, .bgs-theme i.icon.adversal, .bgs-theme i.icon.affiliatetheme, .bgs-theme i.icon.algolia, .bgs-theme i.icon.amazon, .bgs-theme i.icon.amazon.pay, .bgs-theme i.icon.amilia, .bgs-theme i.icon.android, .bgs-theme i.icon.angellist, .bgs-theme i.icon.angrycreative, .bgs-theme i.icon.angular, .bgs-theme i.icon.app.store, .bgs-theme i.icon.app.store.ios, .bgs-theme i.icon.apper, .bgs-theme i.icon.apple, .bgs-theme i.icon.apple.pay, .bgs-theme i.icon.asymmetrik, .bgs-theme i.icon.audible, .bgs-theme i.icon.autoprefixer, .bgs-theme i.icon.avianex, .bgs-theme i.icon.aviato, .bgs-theme i.icon.aws, .bgs-theme i.icon.bandcamp, .bgs-theme i.icon.behance, .bgs-theme i.icon.behance.square, .bgs-theme i.icon.bimobject, .bgs-theme i.icon.bitbucket, .bgs-theme i.icon.bitcoin, .bgs-theme i.icon.bity, .bgs-theme i.icon.black.tie, .bgs-theme i.icon.blackberry, .bgs-theme i.icon.blogger, .bgs-theme i.icon.blogger.b, .bgs-theme i.icon.bluetooth, .bgs-theme i.icon.bluetooth.b, .bgs-theme i.icon.btc, .bgs-theme i.icon.buromobelexperte, .bgs-theme i.icon.buysellads, .bgs-theme i.icon.cc.amazon.pay, .bgs-theme i.icon.cc.amex, .bgs-theme i.icon.cc.apple.pay, .bgs-theme i.icon.cc.diners.club, .bgs-theme i.icon.cc.discover, .bgs-theme i.icon.cc.jcb, .bgs-theme i.icon.cc.mastercard, .bgs-theme i.icon.cc.paypal, .bgs-theme i.icon.cc.stripe, .bgs-theme i.icon.cc.visa, .bgs-theme i.icon.centercode, .bgs-theme i.icon.chrome, .bgs-theme i.icon.cloudscale, .bgs-theme i.icon.cloudsmith, .bgs-theme i.icon.cloudversify, .bgs-theme i.icon.codepen, .bgs-theme i.icon.codiepie, .bgs-theme i.icon.connectdevelop, .bgs-theme i.icon.contao, .bgs-theme i.icon.cpanel, .bgs-theme i.icon.creative.commons, .bgs-theme i.icon.css3, .bgs-theme i.icon.css3.alternate, .bgs-theme i.icon.cuttlefish, .bgs-theme i.icon.d.and.d, .bgs-theme i.icon.dashcube, .bgs-theme i.icon.delicious, .bgs-theme i.icon.deploydog, .bgs-theme i.icon.deskpro, .bgs-theme i.icon.deviantart, .bgs-theme i.icon.digg, .bgs-theme i.icon.digital.ocean, .bgs-theme i.icon.discord, .bgs-theme i.icon.discourse, .bgs-theme i.icon.dochub, .bgs-theme i.icon.docker, .bgs-theme i.icon.draft2digital, .bgs-theme i.icon.dribbble, .bgs-theme i.icon.dribbble.square, .bgs-theme i.icon.dropbox, .bgs-theme i.icon.drupal, .bgs-theme i.icon.dyalog, .bgs-theme i.icon.earlybirds, .bgs-theme i.icon.edge, .bgs-theme i.icon.elementor, .bgs-theme i.icon.ember, .bgs-theme i.icon.empire, .bgs-theme i.icon.envira, .bgs-theme i.icon.erlang, .bgs-theme i.icon.ethereum, .bgs-theme i.icon.etsy, .bgs-theme i.icon.expeditedssl, .bgs-theme i.icon.facebook, .bgs-theme i.icon.facebook.f, .bgs-theme i.icon.facebook.messenger, .bgs-theme i.icon.facebook.square, .bgs-theme i.icon.firefox, .bgs-theme i.icon.first.order, .bgs-theme i.icon.firstdraft, .bgs-theme i.icon.flickr, .bgs-theme i.icon.flipboard, .bgs-theme i.icon.fly, .bgs-theme i.icon.font.awesome, .bgs-theme i.icon.font.awesome.alternate, .bgs-theme i.icon.font.awesome.flag, .bgs-theme i.icon.fonticons, .bgs-theme i.icon.fonticons.fi, .bgs-theme i.icon.fort.awesome, .bgs-theme i.icon.fort.awesome.alternate, .bgs-theme i.icon.forumbee, .bgs-theme i.icon.foursquare, .bgs-theme i.icon.free.code.camp, .bgs-theme i.icon.freebsd, .bgs-theme i.icon.get.pocket, .bgs-theme i.icon.gg, .bgs-theme i.icon.gg.circle, .bgs-theme i.icon.git, .bgs-theme i.icon.git.square, .bgs-theme i.icon.github, .bgs-theme i.icon.github.alternate, .bgs-theme i.icon.github.square, .bgs-theme i.icon.gitkraken, .bgs-theme i.icon.gitlab, .bgs-theme i.icon.gitter, .bgs-theme i.icon.glide, .bgs-theme i.icon.glide.g, .bgs-theme i.icon.gofore, .bgs-theme i.icon.goodreads, .bgs-theme i.icon.goodreads.g, .bgs-theme i.icon.google, .bgs-theme i.icon.google.drive, .bgs-theme i.icon.google.play, .bgs-theme i.icon.google.plus, .bgs-theme i.icon.google.plus.g, .bgs-theme i.icon.google.plus.square, .bgs-theme i.icon.google.wallet, .bgs-theme i.icon.gratipay, .bgs-theme i.icon.grav, .bgs-theme i.icon.gripfire, .bgs-theme i.icon.grunt, .bgs-theme i.icon.gulp, .bgs-theme i.icon.hacker.news, .bgs-theme i.icon.hacker.news.square, .bgs-theme i.icon.hips, .bgs-theme i.icon.hire.a.helper, .bgs-theme i.icon.hooli, .bgs-theme i.icon.hotjar, .bgs-theme i.icon.houzz, .bgs-theme i.icon.html5, .bgs-theme i.icon.hubspot, .bgs-theme i.icon.imdb, .bgs-theme i.icon.instagram, .bgs-theme i.icon.internet.explorer, .bgs-theme i.icon.ioxhost, .bgs-theme i.icon.itunes, .bgs-theme i.icon.itunes.note, .bgs-theme i.icon.jenkins, .bgs-theme i.icon.joget, .bgs-theme i.icon.joomla, .bgs-theme i.icon.js, .bgs-theme i.icon.js.square, .bgs-theme i.icon.jsfiddle, .bgs-theme i.icon.keycdn, .bgs-theme i.icon.kickstarter, .bgs-theme i.icon.kickstarter.k, .bgs-theme i.icon.korvue, .bgs-theme i.icon.laravel, .bgs-theme i.icon.lastfm, .bgs-theme i.icon.lastfm.square, .bgs-theme i.icon.leanpub, .bgs-theme i.icon.less, .bgs-theme i.icon.linechat, .bgs-theme i.icon.linkedin, .bgs-theme i.icon.linkedin.alternate, .bgs-theme i.icon.linkedin.in, .bgs-theme i.icon.linode, .bgs-theme i.icon.linux, .bgs-theme i.icon.lyft, .bgs-theme i.icon.magento, .bgs-theme i.icon.maxcdn, .bgs-theme i.icon.medapps, .bgs-theme i.icon.medium, .bgs-theme i.icon.medium.m, .bgs-theme i.icon.medrt, .bgs-theme i.icon.meetup, .bgs-theme i.icon.microsoft, .bgs-theme i.icon.mix, .bgs-theme i.icon.mixcloud, .bgs-theme i.icon.mizuni, .bgs-theme i.icon.modx, .bgs-theme i.icon.monero, .bgs-theme i.icon.napster, .bgs-theme i.icon.nintendo.switch, .bgs-theme i.icon.node, .bgs-theme i.icon.node.js, .bgs-theme i.icon.npm, .bgs-theme i.icon.ns8, .bgs-theme i.icon.nutritionix, .bgs-theme i.icon.odnoklassniki, .bgs-theme i.icon.odnoklassniki.square, .bgs-theme i.icon.opencart, .bgs-theme i.icon.openid, .bgs-theme i.icon.opera, .bgs-theme i.icon.optin.monster, .bgs-theme i.icon.osi, .bgs-theme i.icon.page4, .bgs-theme i.icon.pagelines, .bgs-theme i.icon.palfed, .bgs-theme i.icon.patreon, .bgs-theme i.icon.paypal, .bgs-theme i.icon.periscope, .bgs-theme i.icon.phabricator, .bgs-theme i.icon.phoenix.framework, .bgs-theme i.icon.php, .bgs-theme i.icon.pied.piper, .bgs-theme i.icon.pied.piper.alternate, .bgs-theme i.icon.pied.piper.pp, .bgs-theme i.icon.pinterest, .bgs-theme i.icon.pinterest.p, .bgs-theme i.icon.pinterest.square, .bgs-theme i.icon.playstation, .bgs-theme i.icon.product.hunt, .bgs-theme i.icon.pushed, .bgs-theme i.icon.python, .bgs-theme i.icon.qq, .bgs-theme i.icon.quinscape, .bgs-theme i.icon.quora, .bgs-theme i.icon.ravelry, .bgs-theme i.icon.react, .bgs-theme i.icon.rebel, .bgs-theme i.icon.redriver, .bgs-theme i.icon.reddit, .bgs-theme i.icon.reddit.alien, .bgs-theme i.icon.reddit.square, .bgs-theme i.icon.rendact, .bgs-theme i.icon.renren, .bgs-theme i.icon.replyd, .bgs-theme i.icon.resolving, .bgs-theme i.icon.rocketchat, .bgs-theme i.icon.rockrms, .bgs-theme i.icon.safari, .bgs-theme i.icon.sass, .bgs-theme i.icon.schlix, .bgs-theme i.icon.scribd, .bgs-theme i.icon.searchengin, .bgs-theme i.icon.sellcast, .bgs-theme i.icon.sellsy, .bgs-theme i.icon.servicestack, .bgs-theme i.icon.shirtsinbulk, .bgs-theme i.icon.simplybuilt, .bgs-theme i.icon.sistrix, .bgs-theme i.icon.skyatlas, .bgs-theme i.icon.skype, .bgs-theme i.icon.slack, .bgs-theme i.icon.slack.hash, .bgs-theme i.icon.slideshare, .bgs-theme i.icon.snapchat, .bgs-theme i.icon.snapchat.ghost, .bgs-theme i.icon.snapchat.square, .bgs-theme i.icon.soundcloud, .bgs-theme i.icon.speakap, .bgs-theme i.icon.spotify, .bgs-theme i.icon.stack.exchange, .bgs-theme i.icon.stack.overflow, .bgs-theme i.icon.staylinked, .bgs-theme i.icon.steam, .bgs-theme i.icon.steam.square, .bgs-theme i.icon.steam.symbol, .bgs-theme i.icon.sticker.mule, .bgs-theme i.icon.strava, .bgs-theme i.icon.stripe, .bgs-theme i.icon.stripe.s, .bgs-theme i.icon.studiovinari, .bgs-theme i.icon.stumbleupon, .bgs-theme i.icon.stumbleupon.circle, .bgs-theme i.icon.superpowers, .bgs-theme i.icon.supple, .bgs-theme i.icon.telegram, .bgs-theme i.icon.telegram.plane, .bgs-theme i.icon.tencent.weibo, .bgs-theme i.icon.themeisle, .bgs-theme i.icon.trello, .bgs-theme i.icon.tripadvisor, .bgs-theme i.icon.tumblr, .bgs-theme i.icon.tumblr.square, .bgs-theme i.icon.twitch, .bgs-theme i.icon.twitter, .bgs-theme i.icon.twitter.square, .bgs-theme i.icon.typo3, .bgs-theme i.icon.uber, .bgs-theme i.icon.uikit, .bgs-theme i.icon.uniregistry, .bgs-theme i.icon.untappd, .bgs-theme i.icon.usb, .bgs-theme i.icon.ussunnah, .bgs-theme i.icon.vaadin, .bgs-theme i.icon.viacoin, .bgs-theme i.icon.viadeo, .bgs-theme i.icon.viadeo.square, .bgs-theme i.icon.viber, .bgs-theme i.icon.vimeo, .bgs-theme i.icon.vimeo.square, .bgs-theme i.icon.vimeo.v, .bgs-theme i.icon.vine, .bgs-theme i.icon.vk, .bgs-theme i.icon.vnv, .bgs-theme i.icon.vuejs, .bgs-theme i.icon.wechat, .bgs-theme i.icon.weibo, .bgs-theme i.icon.weixin, .bgs-theme i.icon.whatsapp, .bgs-theme i.icon.whatsapp.square, .bgs-theme i.icon.whmcs, .bgs-theme i.icon.wikipedia.w, .bgs-theme i.icon.windows, .bgs-theme i.icon.wordpress, .bgs-theme i.icon.wordpress.simple, .bgs-theme i.icon.wpbeginner, .bgs-theme i.icon.wpexplorer, .bgs-theme i.icon.wpforms, .bgs-theme i.icon.xbox, .bgs-theme i.icon.xing, .bgs-theme i.icon.xing.square, .bgs-theme i.icon.y.combinator, .bgs-theme i.icon.yahoo, .bgs-theme i.icon.yandex, .bgs-theme i.icon.yandex.international, .bgs-theme i.icon.yelp, .bgs-theme i.icon.yoast, .bgs-theme i.icon.youtube, .bgs-theme i.icon.youtube.square { font-family: 'brand-icons'; } .bgs-theme .ui.image { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; background-color: transparent; } .bgs-theme img.ui.image { display: block; } .bgs-theme .ui.image svg, .bgs-theme .ui.image img { display: block; max-width: 100%; height: auto; } .bgs-theme .ui.hidden.images, .bgs-theme .ui.hidden.image { display: none; } .bgs-theme .ui.hidden.transition.images, .bgs-theme .ui.hidden.transition.image { display: block; visibility: hidden; } .bgs-theme .ui.images > .hidden.transition { display: inline-block; visibility: hidden; } .bgs-theme .ui.disabled.images, .bgs-theme .ui.disabled.image { cursor: default; opacity: 0.6; } .bgs-theme .ui.inline.image, .bgs-theme .ui.inline.image svg, .bgs-theme .ui.inline.image img { display: inline-block; } .bgs-theme .ui.top.aligned.images .image, .bgs-theme .ui.top.aligned.image, .bgs-theme .ui.top.aligned.image svg, .bgs-theme .ui.top.aligned.image img { display: inline-block; vertical-align: top; } .bgs-theme .ui.middle.aligned.images .image, .bgs-theme .ui.middle.aligned.image, .bgs-theme .ui.middle.aligned.image svg, .bgs-theme .ui.middle.aligned.image img { display: inline-block; vertical-align: middle; } .bgs-theme .ui.bottom.aligned.images .image, .bgs-theme .ui.bottom.aligned.image, .bgs-theme .ui.bottom.aligned.image svg, .bgs-theme .ui.bottom.aligned.image img { display: inline-block; vertical-align: bottom; } .bgs-theme .ui.rounded.images .image, .bgs-theme .ui.rounded.image, .bgs-theme .ui.rounded.images .image > *, .bgs-theme .ui.rounded.image > * { border-radius: 0.3125em; } .bgs-theme .ui.bordered.images .image, .bgs-theme .ui.bordered.images img, .bgs-theme .ui.bordered.images svg, .bgs-theme .ui.bordered.image img, .bgs-theme .ui.bordered.image svg, .bgs-theme img.ui.bordered.image { border: 1px solid rgba(0, 0, 0, 0.1); } .bgs-theme .ui.circular.images, .bgs-theme .ui.circular.image { overflow: hidden; } .bgs-theme .ui.circular.images .image, .bgs-theme .ui.circular.image, .bgs-theme .ui.circular.images .image > *, .bgs-theme .ui.circular.image > * { -webkit-border-radius: 500rem; -moz-border-radius: 500rem; border-radius: 500rem; } .bgs-theme .ui.fluid.images, .bgs-theme .ui.fluid.image, .bgs-theme .ui.fluid.images img, .bgs-theme .ui.fluid.images svg, .bgs-theme .ui.fluid.image svg, .bgs-theme .ui.fluid.image img { display: block; width: 100%; height: auto; } .bgs-theme .ui.avatar.images .image, .bgs-theme .ui.avatar.images img, .bgs-theme .ui.avatar.images svg, .bgs-theme .ui.avatar.image img, .bgs-theme .ui.avatar.image svg, .bgs-theme .ui.avatar.image { margin-right: 0.25em; display: inline-block; width: 2em; height: 2em; -webkit-border-radius: 500rem; -moz-border-radius: 500rem; border-radius: 500rem; } .bgs-theme .ui.spaced.image { display: inline-block !important; margin-left: 0.5em; margin-right: 0.5em; } .bgs-theme .ui[class*="left spaced"].image { margin-left: 0.5em; margin-right: 0em; } .bgs-theme .ui[class*="right spaced"].image { margin-left: 0em; margin-right: 0.5em; } .bgs-theme .ui.floated.image, .bgs-theme .ui.floated.images { float: left; margin-right: 1em; margin-bottom: 1em; } .bgs-theme .ui.right.floated.images, .bgs-theme .ui.right.floated.image { float: right; margin-right: 0em; margin-bottom: 1em; margin-left: 1em; } .bgs-theme .ui.floated.images:last-child, .bgs-theme .ui.floated.image:last-child { margin-bottom: 0em; } .bgs-theme .ui.centered.images, .bgs-theme .ui.centered.image { margin-left: auto; margin-right: auto; } .bgs-theme .ui.mini.images .image, .bgs-theme .ui.mini.images img, .bgs-theme .ui.mini.images svg, .bgs-theme .ui.mini.image { width: 35px; height: auto; font-size: 0.8125rem; } .bgs-theme .ui.tiny.images .image, .bgs-theme .ui.tiny.images img, .bgs-theme .ui.tiny.images svg, .bgs-theme .ui.tiny.image { width: 80px; height: auto; font-size: 0.875rem; } .bgs-theme .ui.small.images .image, .bgs-theme .ui.small.images img, .bgs-theme .ui.small.images svg, .bgs-theme .ui.small.image { width: 150px; height: auto; font-size: 0.9375rem; } .bgs-theme .ui.medium.images .image, .bgs-theme .ui.medium.images img, .bgs-theme .ui.medium.images svg, .bgs-theme .ui.medium.image { width: 300px; height: auto; font-size: 1rem; } .bgs-theme .ui.large.images .image, .bgs-theme .ui.large.images img, .bgs-theme .ui.large.images svg, .bgs-theme .ui.large.image { width: 450px; height: auto; font-size: 1.125rem; } .bgs-theme .ui.big.images .image, .bgs-theme .ui.big.images img, .bgs-theme .ui.big.images svg, .bgs-theme .ui.big.image { width: 600px; height: auto; font-size: 1.3125rem; } .bgs-theme .ui.huge.images .image, .bgs-theme .ui.huge.images img, .bgs-theme .ui.huge.images svg, .bgs-theme .ui.huge.image { width: 800px; height: auto; font-size: 1.4375rem; } .bgs-theme .ui.massive.images .image, .bgs-theme .ui.massive.images img, .bgs-theme .ui.massive.images svg, .bgs-theme .ui.massive.image { width: 960px; height: auto; font-size: 1.6875rem; } .bgs-theme .ui.images { font-size: 0em; margin: 0em -0.25rem 0rem; } .bgs-theme .ui.images .image, .bgs-theme .ui.images > img, .bgs-theme .ui.images > svg { display: inline-block; margin: 0em 0.25rem 0.5rem; } .bgs-theme .ui.input { position: relative; font-weight: normal; font-style: normal; display: inline-flex; color: #2D3239; } .bgs-theme .ui.input > input { margin: 0em; max-width: 100%; flex: 1 0 auto; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); text-align: left; line-height: 1.21428571em; font-family: 'proxima-nova', sans-serif; padding: 0.58035714em 0.875em; background: #FAFAFA; border: 1px solid #ABADB0; color: #2D3239; border-radius: 0.1875rem; transition: box-shadow 0.1s ease, border-color 0.1s ease; box-shadow: none; } .bgs-theme .ui.input > input::-webkit-input-placeholder { color: #ABADB0; } .bgs-theme .ui.input > input::-moz-placeholder { color: #ABADB0; } .bgs-theme .ui.input > input:-ms-input-placeholder { color: #ABADB0; } .bgs-theme .ui.disabled.input, .bgs-theme .ui.input:not(.disabled) input[disabled] { opacity: 0.6; } .bgs-theme .ui.disabled.input > input, .bgs-theme .ui.input:not(.disabled) input[disabled] { pointer-events: none; } .bgs-theme .ui.input > input:active, .bgs-theme .ui.input.down input { border-color: rgba(0, 0, 0, 0.3); background: #FAFAFA; color: #2D3239; box-shadow: none; } .bgs-theme .ui.loading.loading.input > i.icon:before { position: absolute; content: ''; top: 50%; left: 50%; margin: -0.65625em 0em 0em -0.65625em; width: 1.3125em; height: 1.3125em; border-radius: 500rem; border: 0.25em solid rgba(187, 229, 179, 0.5); } .bgs-theme .ui.loading.loading.input > i.icon:after { position: absolute; content: ''; top: 50%; left: 50%; margin: -0.65625em 0em 0em -0.65625em; width: 1.3125em; height: 1.3125em; animation: button-spin 0.8s linear; animation-iteration-count: infinite; border-radius: 500rem; border-color: #50B83C transparent transparent; border-style: solid; border-width: 0.25em; box-shadow: 0px 0px 0px 1px transparent; } .bgs-theme .ui.input.focus > input, .bgs-theme .ui.input > input:focus { border-color: #434B55; background: #FAFAFA; color: rgba(0, 0, 0, 0.8); box-shadow: none; } .bgs-theme .ui.input.focus > input::-webkit-input-placeholder, .bgs-theme .ui.input > input:focus::-webkit-input-placeholder { color: #9ba4b0; } .bgs-theme .ui.input.focus > input::-moz-placeholder, .bgs-theme .ui.input > input:focus::-moz-placeholder { color: #9ba4b0; } .bgs-theme .ui.input.focus > input:-ms-input-placeholder, .bgs-theme .ui.input > input:focus:-ms-input-placeholder { color: #9ba4b0; } .bgs-theme .ui.input.error > input { background-color: #FDEAEA; border-color: #F03535; color: #F03535; box-shadow: none; } .bgs-theme .ui.input.error > input::-webkit-input-placeholder { color: #fef3f3; } .bgs-theme .ui.input.error > input::-moz-placeholder { color: #fef3f3; } .bgs-theme .ui.input.error > input:-ms-input-placeholder { color: #fef3f3 !important; } .bgs-theme .ui.input.error > input:focus::-webkit-input-placeholder { color: #fbc3c3; } .bgs-theme .ui.input.error > input:focus::-moz-placeholder { color: #fbc3c3; } .bgs-theme .ui.input.error > input:focus:-ms-input-placeholder { color: #fbc3c3 !important; } .bgs-theme .ui.transparent.input > input { border-color: transparent !important; background-color: transparent !important; padding: 0em !important; box-shadow: none !important; border-radius: 0px !important; } .bgs-theme .ui.transparent.icon.input > i.icon { width: 1.1em; } .bgs-theme .ui.transparent.icon.input > input { padding-left: 0em !important; padding-right: 2em !important; } .bgs-theme .ui.transparent[class*="left icon"].input > input { padding-left: 2em !important; padding-right: 0em !important; } .bgs-theme .ui.transparent.inverted.input { color: #FAFAFA; } .bgs-theme .ui.transparent.inverted.input > input { color: inherit; } .bgs-theme .ui.transparent.inverted.input > input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .bgs-theme .ui.transparent.inverted.input > input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .bgs-theme .ui.transparent.inverted.input > input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .bgs-theme .ui.icon.input > i.icon { cursor: default; position: absolute; line-height: 1; text-align: center; top: 0px; right: 0px; margin: 0em; height: 100%; width: 2.475em; opacity: 0.5; border-radius: 0em 0.1875rem 0.1875rem 0em; transition: opacity 0.3s ease; } .bgs-theme .ui.icon.input > i.icon:not(.link) { pointer-events: none; } .bgs-theme .ui.icon.input > input { padding-right: 2.475em !important; } .bgs-theme .ui.icon.input > i.icon:before, .bgs-theme .ui.icon.input > i.icon:after { left: 0; position: absolute; text-align: center; top: 50%; width: 100%; margin-top: -0.5em; } .bgs-theme .ui.icon.input > i.link.icon { cursor: pointer; } .bgs-theme .ui.icon.input > i.circular.icon { top: 0.35em; right: 0.5em; } .bgs-theme .ui[class*="left icon"].input > i.icon { right: auto; left: 1px; border-radius: 0.1875rem 0em 0em 0.1875rem; } .bgs-theme .ui[class*="left icon"].input > i.circular.icon { right: auto; left: 0.5em; } .bgs-theme .ui[class*="left icon"].input > input { padding-left: 2.475em !important; padding-right: 0.875em !important; } .bgs-theme .ui.icon.input > input:focus ~ i.icon { opacity: 1; } .bgs-theme .ui.labeled.input > .label { flex: 0 0 auto; margin: 0; font-size: 1em; } .bgs-theme .ui.labeled.input > .label:not(.corner) { padding-top: 0.6875em; padding-bottom: 0.6875em; } .bgs-theme .ui.labeled.input:not([class*="corner labeled"]) .label:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .bgs-theme .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-left-color: transparent; } .bgs-theme .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus { border-left-color: #434B55; } .bgs-theme .ui[class*="right labeled"].input > input { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: transparent !important; } .bgs-theme .ui[class*="right labeled"].input > input + .label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .bgs-theme .ui[class*="right labeled"].input > input:focus { border-right-color: #434B55 !important; } .bgs-theme .ui.labeled.input .corner.label { top: 1px; right: 1px; font-size: 0.5625em; border-radius: 0em 0.1875rem 0em 0em; } .bgs-theme .ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input { padding-right: 2.5em !important; } .bgs-theme .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input { padding-right: 3.25em !important; } .bgs-theme .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon { margin-right: 1.25em; } .bgs-theme .ui[class*="left corner labeled"].labeled.input > input { padding-left: 2.5em !important; } .bgs-theme .ui[class*="left corner labeled"].icon.input > input { padding-left: 3.25em !important; } .bgs-theme .ui[class*="left corner labeled"].icon.input > .icon { margin-left: 1.25em; } .bgs-theme .ui.input > .ui.corner.label { top: 1px; right: 1px; } .bgs-theme .ui.input > .ui.left.corner.label { right: auto; left: 1px; } .bgs-theme .ui.action.input > .button, .bgs-theme .ui.action.input > .buttons { display: flex; align-items: center; flex: 0 0 auto; } .bgs-theme .ui.action.input > .button, .bgs-theme .ui.action.input > .buttons > .button { padding-top: 0.6875em; padding-bottom: 0.6875em; margin: 0; } .bgs-theme .ui.action.input:not([class*="left action"]) > input { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: transparent !important; } .bgs-theme .ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child), .bgs-theme .ui.action.input:not([class*="left action"]) > .button:not(:first-child), .bgs-theme .ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button { border-radius: 0px; } .bgs-theme .ui.action.input:not([class*="left action"]) > .dropdown:last-child, .bgs-theme .ui.action.input:not([class*="left action"]) > .button:last-child, .bgs-theme .ui.action.input:not([class*="left action"]) > .buttons:last-child > .button { border-radius: 0px 0.1875rem 0.1875rem 0px; } .bgs-theme .ui.action.input:not([class*="left action"]) > input:focus { border-right-color: #434B55 !important; } .bgs-theme .ui[class*="left action"].input > input { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border-left-color: transparent !important; } .bgs-theme .ui[class*="left action"].input > .dropdown, .bgs-theme .ui[class*="left action"].input > .button, .bgs-theme .ui[class*="left action"].input > .buttons > .button { border-radius: 0px; } .bgs-theme .ui[class*="left action"].input > .dropdown:first-child, .bgs-theme .ui[class*="left action"].input > .button:first-child, .bgs-theme .ui[class*="left action"].input > .buttons:first-child > .button { border-radius: 0.1875rem 0px 0px 0.1875rem; } .bgs-theme .ui[class*="left action"].input > input:focus { border-left-color: #434B55 !important; } .bgs-theme .ui.inverted.input > input { border: none; } .bgs-theme .ui.fluid.input { display: flex; } .bgs-theme .ui.fluid.input > input { width: 0px !important; } .bgs-theme .ui.mini.input { font-size: 0.8125em; } .bgs-theme .ui.small.input { font-size: 0.9375em; } .bgs-theme .ui.input { font-size: 1em; } .bgs-theme .ui.large.input { font-size: 1.125em; } .bgs-theme .ui.big.input { font-size: 1.3125em; } .bgs-theme .ui.huge.input { font-size: 1.4375em; } .bgs-theme .ui.massive.input { font-size: 1.6875em; } .bgs-theme .ui.input.error input { background-color: transparent !important; } .bgs-theme .ui.form .error.field .ui.icon.input > i.icon, .bgs-theme .ui.icon.input.error > i.icon { opacity: 1; } .bgs-theme .ui.label { display: inline-block; line-height: 1; vertical-align: baseline; margin: 0em 0.125em; background-color: #E8E8E8; background-image: none; padding: 0.5833em 0.833em; color: rgba(0, 0, 0, 0.6); text-transform: none; font-weight: bold; border: 0px solid transparent; border-radius: 0.1875rem; transition: background 0.1s ease; } .bgs-theme .ui.label:first-child { margin-left: 0em; } .bgs-theme .ui.label:last-child { margin-right: 0em; } .bgs-theme a.ui.label { cursor: pointer; } .bgs-theme .ui.label > a { cursor: pointer; color: inherit; opacity: 0.5; transition: 0.1s opacity ease; } .bgs-theme .ui.label > a:hover { opacity: 1; } .bgs-theme .ui.label > img { width: auto !important; vertical-align: middle; height: 2.1666em !important; } .bgs-theme .ui.label > .icon { width: auto; margin: 0em 0.75em 0em 0em; } .bgs-theme .ui.label > .detail { display: inline-block; vertical-align: top; font-weight: bold; margin-left: 1em; opacity: 0.8; } .bgs-theme .ui.label > .detail .icon { margin: 0em 0.25em 0em 0em; } .bgs-theme .ui.label > .close.icon, .bgs-theme .ui.label > .delete.icon { cursor: pointer; margin-right: 0em; margin-left: 0.5em; font-size: 0.9375em; opacity: 0.5; transition: background 0.1s ease; } .bgs-theme .ui.label > .delete.icon:hover { opacity: 1; } .bgs-theme .ui.labels > .label { margin: 0em 0.5em 0.5em 0em; } .bgs-theme .ui.header > .ui.label { margin-top: -0.29165em; } .bgs-theme .ui.attached.segment > .ui.top.left.attached.label, .bgs-theme .ui.bottom.attached.segment > .ui.top.left.attached.label { border-top-left-radius: 0; } .bgs-theme .ui.attached.segment > .ui.top.right.attached.label, .bgs-theme .ui.bottom.attached.segment > .ui.top.right.attached.label { border-top-right-radius: 0; } .bgs-theme .ui.top.attached.segment > .ui.bottom.left.attached.label { border-bottom-left-radius: 0; } .bgs-theme .ui.top.attached.segment > .ui.bottom.right.attached.label { border-bottom-right-radius: 0; } .bgs-theme .ui.top.attached.label:first-child + :not(.attached), .bgs-theme .ui.top.attached.label + [class*="right floated"] + * { margin-top: 2rem !important; } .bgs-theme .ui.bottom.attached.label:first-child ~ :last-child:not(.attached) { margin-top: 0em; margin-bottom: 2rem !important; } .bgs-theme .ui.image.label { width: auto !important; margin-top: 0em; margin-bottom: 0em; max-width: 9999px; vertical-align: baseline; text-transform: none; background: #E8E8E8; padding: 0.5833em 0.833em 0.5833em 0.5em; border-radius: 0.1875rem; box-shadow: none; } .bgs-theme .ui.image.label img { display: inline-block; vertical-align: top; height: 2.1666em; margin: -0.5833em 0.5em -0.5833em -0.5em; border-radius: 0.1875rem 0em 0em 0.1875rem; } .bgs-theme .ui.image.label .detail { background: rgba(0, 0, 0, 0.1); margin: -0.5833em -0.833em -0.5833em 0.5em; padding: 0.5833em 0.833em; border-radius: 0em 0.1875rem 0.1875rem 0em; } .bgs-theme .ui.tag.labels .label, .bgs-theme .ui.tag.label { margin-left: 1em; position: relative; padding-left: 1.5em; padding-right: 1.5em; border-radius: 0em 0.1875rem 0.1875rem 0em; transition: none; } .bgs-theme .ui.tag.labels .label:before, .bgs-theme .ui.tag.label:before { position: absolute; transform: translateY(-50%) translateX(50%) rotate(-45deg); top: 50%; right: 100%; content: ''; background-color: inherit; background-image: none; width: 1.56em; height: 1.56em; transition: none; } .bgs-theme .ui.tag.labels .label:after, .bgs-theme .ui.tag.label:after { position: absolute; content: ''; top: 50%; left: -0.25em; margin-top: -0.25em; background-color: #FAFAFA !important; width: 0.5em; height: 0.5em; box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); border-radius: 500rem; } .bgs-theme .ui.corner.label { position: absolute; top: 0em; right: 0em; margin: 0em; padding: 0em; text-align: center; border-color: #E8E8E8; width: 4em; height: 4em; z-index: 1; transition: border-color 0.1s ease; } .bgs-theme .ui.corner.label { background-color: transparent !important; } .bgs-theme .ui.corner.label:after { position: absolute; content: ""; right: 0em; top: 0em; z-index: -1; width: 0em; height: 0em; background-color: transparent !important; border-top: 0em solid transparent; border-right: 4em solid transparent; border-bottom: 4em solid transparent; border-left: 0em solid transparent; border-right-color: inherit; transition: border-color 0.1s ease; } .bgs-theme .ui.corner.label .icon { cursor: default; position: relative; top: 0.5625em; left: 0.6875em; font-size: 1.125em; margin: 0em; } .bgs-theme .ui.left.corner.label, .bgs-theme .ui.left.corner.label:after { right: auto; left: 0em; } .bgs-theme .ui.left.corner.label:after { border-top: 4em solid transparent; border-right: 4em solid transparent; border-bottom: 0em solid transparent; border-left: 0em solid transparent; border-top-color: inherit; } .bgs-theme .ui.left.corner.label .icon { left: -0.6875em; } .bgs-theme .ui.segment > .ui.corner.label { top: -1px; right: -1px; } .bgs-theme .ui.segment > .ui.left.corner.label { right: auto; left: -1px; } .bgs-theme .ui.ribbon.label { position: relative; margin: 0em; min-width: max-content; border-radius: 0em 0.1875rem 0.1875rem 0em; border-color: rgba(0, 0, 0, 0.15); } .bgs-theme .ui.ribbon.label:after { position: absolute; content: ''; top: 100%; left: 0%; background-color: transparent !important; border-style: solid; border-width: 0em 1.2em 1.2em 0em; border-color: transparent; border-right-color: inherit; width: 0em; height: 0em; } .bgs-theme .ui.ribbon.label { left: calc(-2.2rem); margin-right: -1.2em; padding-left: calc(2.2rem); padding-right: 1.2em; } .bgs-theme .ui[class*="right ribbon"].label { left: calc(102.2%); padding-left: 1.2em; padding-right: calc(2.2rem); } .bgs-theme .ui[class*="right ribbon"].label { text-align: left; transform: translateX(-100%); border-radius: 0.1875rem 0em 0em 0.1875rem; } .bgs-theme .ui[class*="right ribbon"].label:after { left: auto; right: 0%; border-style: solid; border-width: 1.2em 1.2em 0em 0em; border-color: transparent; border-top-color: inherit; } .bgs-theme .ui.image > .ribbon.label, .bgs-theme .ui.card .image > .ribbon.label { position: absolute; top: 1rem; } .bgs-theme .ui.card .image > .ui.ribbon.label, .bgs-theme .ui.image > .ui.ribbon.label { left: calc(-1.15rem); } .bgs-theme .ui.card .image > .ui[class*="right ribbon"].label, .bgs-theme .ui.image > .ui[class*="right ribbon"].label { left: calc(101.15%); padding-left: 0.833em; } .bgs-theme .ui.table td > .ui.ribbon.label { left: calc(-2.0125em); } .bgs-theme .ui.table td > .ui[class*="right ribbon"].label { left: calc(102.0125%); padding-left: 0.833em; } .bgs-theme .ui[class*="top attached"].label, .bgs-theme .ui.attached.label { width: 100%; position: absolute; margin: 0em; top: 0em; left: 0em; padding: 0.75em 1em; border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui[class*="bottom attached"].label { top: auto; bottom: 0em; border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui[class*="top left attached"].label { width: auto; margin-top: 0em !important; border-radius: 0.1875rem 0em 0.1875rem 0em; } .bgs-theme .ui[class*="top right attached"].label { width: auto; left: auto; right: 0em; border-radius: 0em 0.1875rem 0em 0.1875rem; } .bgs-theme .ui[class*="bottom left attached"].label { width: auto; top: auto; bottom: 0em; border-radius: 0em 0.1875rem 0em 0.1875rem; } .bgs-theme .ui[class*="bottom right attached"].label { top: auto; bottom: 0em; left: auto; right: 0em; width: auto; border-radius: 0.1875rem 0em 0.1875rem 0em; } .bgs-theme .ui.label.disabled { opacity: 0.5; } .bgs-theme a.ui.labels .label:hover, .bgs-theme a.ui.label:hover { background-color: #E0E0E0; border-color: #E0E0E0; background-image: none; color: rgba(0, 0, 0, 0.8); } .bgs-theme .ui.labels a.label:hover:before, .bgs-theme a.ui.label:hover:before { color: rgba(0, 0, 0, 0.8); } .bgs-theme .ui.active.label { background-color: #D0D0D0; border-color: #D0D0D0; background-image: none; color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.active.label:before { background-color: #D0D0D0; background-image: none; color: rgba(0, 0, 0, 0.95); } .bgs-theme a.ui.labels .active.label:hover, .bgs-theme a.ui.active.label:hover { background-color: #C8C8C8; border-color: #C8C8C8; background-image: none; color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.labels a.active.label:ActiveHover:before, .bgs-theme a.ui.active.label:ActiveHover:before { background-color: #C8C8C8; background-image: none; color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.labels.visible .label, .bgs-theme .ui.label.visible:not(.dropdown) { display: inline-block !important; } .bgs-theme .ui.labels.hidden .label, .bgs-theme .ui.label.hidden { display: none !important; } .bgs-theme .ui.red.labels .label, .bgs-theme .ui.red.label { background-color: #F03535 !important; border-color: #F03535 !important; color: #FAFAFA !important; } .bgs-theme .ui.red.labels .label:hover, .bgs-theme a.ui.red.label:hover { background-color: #f91313 !important; border-color: #f91313 !important; color: #FAFAFA !important; } .bgs-theme .ui.red.corner.label, .bgs-theme .ui.red.corner.label:hover { background-color: transparent !important; } .bgs-theme .ui.red.ribbon.label { border-color: #e11111 !important; } .bgs-theme .ui.basic.red.label { background: none #FAFAFA !important; color: #F03535 !important; border-color: #F03535 !important; } .bgs-theme .ui.basic.red.labels a.label:hover, .bgs-theme a.ui.basic.red.label:hover { background-color: #FAFAFA !important; color: #f91313 !important; border-color: #f91313 !important; } .bgs-theme .ui.orange.labels .label, .bgs-theme .ui.orange.label { background-color: #FFA553 !important; border-color: #FFA553 !important; color: #FAFAFA !important; } .bgs-theme .ui.orange.labels .label:hover, .bgs-theme a.ui.orange.label:hover { background-color: #ff9839 !important; border-color: #ff9839 !important; color: #FAFAFA !important; } .bgs-theme .ui.orange.corner.label, .bgs-theme .ui.orange.corner.label:hover { background-color: transparent !important; } .bgs-theme .ui.orange.ribbon.label { border-color: #ff8a20 !important; } .bgs-theme .ui.basic.orange.label { background: none #FAFAFA !important; color: #FFA553 !important; border-color: #FFA553 !important; } .bgs-theme .ui.basic.orange.labels a.label:hover, .bgs-theme a.ui.basic.orange.label:hover { background-color: #FAFAFA !important; color: #ff9839 !important; border-color: #ff9839 !important; } .bgs-theme .ui.yellow.labels .label, .bgs-theme .ui.yellow.label { background-color: #FFDF45 !important; border-color: #FFDF45 !important; color: #FAFAFA !important; } .bgs-theme .ui.yellow.labels .label:hover, .bgs-theme a.ui.yellow.label:hover { background-color: #ffdb2b !important; border-color: #ffdb2b !important; color: #FAFAFA !important; } .bgs-theme .ui.yellow.corner.label, .bgs-theme .ui.yellow.corner.label:hover { background-color: transparent !important; } .bgs-theme .ui.yellow.ribbon.label { border-color: #ffd612 !important; } .bgs-theme .ui.basic.yellow.label { background: none #FAFAFA !important; color: #FFDF45 !important; border-color: #FFDF45 !important; } .bgs-theme .ui.basic.yellow.labels a.label:hover, .bgs-theme a.ui.basic.yellow.label:hover { background-color: #FAFAFA !important; color: #ffdb2b !important; border-color: #ffdb2b !important; } .bgs-theme .ui.olive.labels .label, .bgs-theme .ui.olive.label { background-color: #B5CC18 !important; border-color: #B5CC18 !important; color: #FAFAFA !important; } .bgs-theme .ui.olive.labels .label:hover, .bgs-theme a.ui.olive.label:hover { background-color: #a7bd0d !important; border-color: #a7bd0d !important; color: #FAFAFA !important; } .bgs-theme .ui.olive.corner.label, .bgs-theme .ui.olive.corner.label:hover { background-color: transparent !important; } .bgs-theme .ui.olive.ribbon.label { border-color: #3f922f !important; } .bgs-theme .ui.basic.olive.label { background: none #FAFAFA !important; color: #B5CC18 !important; border-color: #B5CC18 !important; } .bgs-theme .ui.basic.olive.labels a.label:hover, .bgs-theme a.ui.basic.olive.label:hover { background-color: #FAFAFA !important; color: #a7bd0d !important; border-color: #a7bd0d !important; } .bgs-theme .ui.green.labels .label, .bgs-theme .ui.green.label { background-color: #50B83C !important; border-color: #50B83C !important; color: #FAFAFA !important; } .bgs-theme .ui.green.labels .label:hover, .bgs-theme a.ui.green.label:hover { background-color: #44aa30 !important; border-color: #44aa30 !important; color: #FAFAFA !important; } .bgs-theme .ui.green.corner.label, .bgs-theme .ui.green.corner.label:hover { background-color: transparent !important; } .bgs-theme .ui.green.ribbon.label { border-color: #3f922f !important; } .bgs-theme .ui.basic.green.label { background: none #FAFAFA !important; color: #50B83C !important; border-color: #50B83C !important; } .bgs-theme .ui.basic.green.labels a.label:hover, .bgs-theme a.ui.basic.green.label:hover { background-color: #FAFAFA !important; color: #44aa30 !important; border-color: #44aa30 !important; } .bgs-theme .ui.teal.labels .label, .bgs-theme .ui.teal.label { background-color: #00B5AD !important; border-color: #00B5AD !important; color: #FAFAFA !important; } .bgs-theme .ui.teal.labels .label:hover, .bgs-theme a.ui.teal.label:hover { background-color: #009c95 !important; border-color: #009c95 !important; color: #FAFAFA !important; } .bgs-theme .ui.teal.corner.label, .bgs-theme .ui.teal.corner.label:hover { background-color: transparent !important; } .bgs-theme .ui.teal.ribbon.label { border-color: #00827c !important; } .bgs-theme .ui.basic.teal.label { background: none #FAFAFA !important; color: #00B5AD !important; border-color: #00B5AD !important; } .bgs-theme .ui.basic.teal.labels a.label:hover, .bgs-theme a.ui.basic.teal.label:hover { background-color: #FAFAFA !important; color: #009c95 !important; border-color: #009c95 !important; } .bgs-theme .ui.blue.labels .label, .bgs-theme .ui.blue.label { background-color: #007ACE !important; border-color: #007ACE !important; color: #FAFAFA !important; } .bgs-theme .ui.blue.labels .label:hover, .bgs-theme a.ui.blue.label:hover { background-color: #006bb5 !important; border-color: #006bb5 !important; color: #FAFAFA !important; } .bgs-theme .ui.blue.corner.label, .bgs-theme .ui.blue.corner.label:hover { background-color: transparent !important; } .bgs-theme .ui.blue.ribbon.label { border-color: #005c9b !important; } .bgs-theme .ui.basic.blue.label { background: none #FAFAFA !important; color: #007ACE !important; border-color: #007ACE !important; } .bgs-theme .ui.basic.blue.labels a.label:hover, .bgs-theme a.ui.basic.blue.label:hover { background-color: #FAFAFA !important; color: #006bb5 !important; border-color: #006bb5 !important; } .bgs-theme .ui.violet.labels .label, .bgs-theme .ui.violet.label { background-color: #6435C9 !important; border-color: #6435C9 !important; color: #FAFAFA !important; } .bgs-theme .ui.violet.labels .label:hover, .bgs-theme a.ui.violet.label:hover { background-color: #5829bb !important; border-color: #5829bb !important; color: #FAFAFA !important; } .bgs-theme .ui.violet.corner.label, .bgs-theme .ui.violet.corner.label:hover { background-color: transparent !important; } .bgs-theme .ui.violet.ribbon.label { border-color: #502aa1 !important; } .bgs-theme .ui.basic.violet.label { background: none #FAFAFA !important; color: #6435C9 !important; border-color: #6435C9 !important; } .bgs-theme .ui.basic.violet.labels a.label:hover, .bgs-theme a.ui.basic.violet.label:hover { background-color: #FAFAFA !important; color: #5829bb !important; border-color: #5829bb !important; } .bgs-theme .ui.purple.labels .label, .bgs-theme .ui.purple.label { background-color: #CA7EEA !important; border-color: #CA7EEA !important; color: #FAFAFA !important; } .bgs-theme .ui.purple.labels .label:hover, .bgs-theme a.ui.purple.label:hover { background-color: #c462ed !important; border-color: #c462ed !important; color: #FAFAFA !important; } .bgs-theme .ui.purple.corner.label, .bgs-theme .ui.purple.corner.label:hover { background-color: transparent !important; } .bgs-theme .ui.purple.ribbon.label { border-color: #b852e3 !important; } .bgs-theme .ui.basic.purple.label { background: none #FAFAFA !important; color: #CA7EEA !important; border-color: #CA7EEA !important; } .bgs-theme .ui.basic.purple.labels a.label:hover, .bgs-theme a.ui.basic.purple.label:hover { background-color: #FAFAFA !important; color: #c462ed !important; border-color: #c462ed !important; } .bgs-theme .ui.pink.labels .label, .bgs-theme .ui.pink.label { background-color: #E03997 !important; border-color: #E03997 !important; color: #FAFAFA !important; } .bgs-theme .ui.pink.labels .label:hover, .bgs-theme a.ui.pink.label:hover { background-color: #e61a8d !important; border-color: #e61a8d !important; color: #FAFAFA !important; } .bgs-theme .ui.pink.corner.label, .bgs-theme .ui.pink.corner.label:hover { background-color: transparent !important; } .bgs-theme .ui.pink.ribbon.label { border-color: #c71f7e !important; } .bgs-theme .ui.basic.pink.label { background: none #FAFAFA !important; color: #E03997 !important; border-color: #E03997 !important; } .bgs-theme .ui.basic.pink.labels a.label:hover, .bgs-theme a.ui.basic.pink.label:hover { background-color: #FAFAFA !important; color: #e61a8d !important; border-color: #e61a8d !important; } .bgs-theme .ui.brown.labels .label, .bgs-theme .ui.brown.label { background-color: #A5673F !important; border-color: #A5673F !important; color: #FAFAFA !important; } .bgs-theme .ui.brown.labels .label:hover, .bgs-theme a.ui.brown.label:hover { background-color: #975b33 !important; border-color: #975b33 !important; color: #FAFAFA !important; } .bgs-theme .ui.brown.corner.label, .bgs-theme .ui.brown.corner.label:hover { background-color: transparent !important; } .bgs-theme .ui.brown.ribbon.label { border-color: #805031 !important; } .bgs-theme .ui.basic.brown.label { background: none #FAFAFA !important; color: #A5673F !important; border-color: #A5673F !important; } .bgs-theme .ui.basic.brown.labels a.label:hover, .bgs-theme a.ui.basic.brown.label:hover { background-color: #FAFAFA !important; color: #975b33 !important; border-color: #975b33 !important; } .bgs-theme .ui.grey.labels .label, .bgs-theme .ui.grey.label { background-color: #ABADB0 !important; border-color: #ABADB0 !important; color: #FAFAFA !important; } .bgs-theme .ui.grey.labels .label:hover, .bgs-theme a.ui.grey.label:hover { background-color: #b8babc !important; border-color: #b8babc !important; color: #FAFAFA !important; } .bgs-theme .ui.grey.corner.label, .bgs-theme .ui.grey.corner.label:hover { background-color: transparent !important; } .bgs-theme .ui.grey.ribbon.label { border-color: #805031 !important; } .bgs-theme .ui.basic.grey.label { background: none #FAFAFA !important; color: #ABADB0 !important; border-color: #ABADB0 !important; } .bgs-theme .ui.basic.grey.labels a.label:hover, .bgs-theme a.ui.basic.grey.label:hover { background-color: #FAFAFA !important; color: #b8babc !important; border-color: #b8babc !important; } .bgs-theme .ui.black.labels .label, .bgs-theme .ui.black.label { background-color: #2D3239 !important; border-color: #2D3239 !important; color: #FAFAFA !important; } .bgs-theme .ui.black.labels .label:hover, .bgs-theme a.ui.black.label:hover { background-color: #383f47 !important; border-color: #383f47 !important; color: #FAFAFA !important; } .bgs-theme .ui.black.corner.label, .bgs-theme .ui.black.corner.label:hover { background-color: transparent !important; } .bgs-theme .ui.black.ribbon.label { border-color: #805031 !important; } .bgs-theme .ui.basic.black.label { background: none #FAFAFA !important; color: #2D3239 !important; border-color: #2D3239 !important; } .bgs-theme .ui.basic.black.labels a.label:hover, .bgs-theme a.ui.basic.black.label:hover { background-color: #FAFAFA !important; color: #383f47 !important; border-color: #383f47 !important; } .bgs-theme .ui.basic.label { background: none #FAFAFA; border: 1px solid #ABADB0; color: #2D3239; box-shadow: none; } .bgs-theme a.ui.basic.label:hover { text-decoration: none; background: none #FAFAFA; color: #004F9C; box-shadow: 1px solid #ABADB0; box-shadow: none; } .bgs-theme .ui.basic.pointing.label:before { border-color: inherit; } .bgs-theme .ui.label.fluid, .bgs-theme .ui.fluid.labels > .label { width: 100%; box-sizing: border-box; } .bgs-theme .ui.inverted.labels .label, .bgs-theme .ui.inverted.label { color: rgba(255, 255, 255, 0.9) !important; } .bgs-theme .ui.horizontal.labels .label, .bgs-theme .ui.horizontal.label { margin: 0em 0.5em 0em 0em; padding: 0.4em 0.833em; min-width: 3em; text-align: center; } .bgs-theme .ui.circular.labels .label, .bgs-theme .ui.circular.label { min-width: 2em; min-height: 2em; padding: 0.5em !important; line-height: 1em; text-align: center; border-radius: 500rem; } .bgs-theme .ui.empty.circular.labels .label, .bgs-theme .ui.empty.circular.label { min-width: 0em; min-height: 0em; overflow: hidden; width: 0.5em; height: 0.5em; vertical-align: baseline; } .bgs-theme .ui.pointing.label { position: relative; } .bgs-theme .ui.attached.pointing.label { position: absolute; } .bgs-theme .ui.pointing.label:before { background-color: inherit; background-image: inherit; border-width: none; border-style: solid; border-color: inherit; } .bgs-theme .ui.pointing.label:before { position: absolute; content: ''; transform: rotate(45deg); background-image: none; z-index: 2; width: 0.6666em; height: 0.6666em; transition: background 0.1s ease; } .bgs-theme .ui.pointing.label, .bgs-theme .ui[class*="pointing above"].label { margin-top: 1em; } .bgs-theme .ui.pointing.label:before, .bgs-theme .ui[class*="pointing above"].label:before { border-width: 1px 0px 0px 1px; transform: translateX(-50%) translateY(-50%) rotate(45deg); top: 0%; left: 50%; } .bgs-theme .ui[class*="bottom pointing"].label, .bgs-theme .ui[class*="pointing below"].label { margin-top: 0em; margin-bottom: 1em; } .bgs-theme .ui[class*="bottom pointing"].label:before, .bgs-theme .ui[class*="pointing below"].label:before { border-width: 0px 1px 1px 0px; top: auto; right: auto; transform: translateX(-50%) translateY(-50%) rotate(45deg); top: 100%; left: 50%; } .bgs-theme .ui[class*="left pointing"].label { margin-top: 0em; margin-left: 0.6666em; } .bgs-theme .ui[class*="left pointing"].label:before { border-width: 0px 0px 1px 1px; transform: translateX(-50%) translateY(-50%) rotate(45deg); bottom: auto; right: auto; top: 50%; left: 0em; } .bgs-theme .ui[class*="right pointing"].label { margin-top: 0em; margin-right: 0.6666em; } .bgs-theme .ui[class*="right pointing"].label:before { border-width: 1px 1px 0px 0px; transform: translateX(50%) translateY(-50%) rotate(45deg); top: 50%; right: 0%; bottom: auto; left: auto; } .bgs-theme .ui.basic.pointing.label:before, .bgs-theme .ui.basic[class*="pointing above"].label:before { margin-top: -1px; } .bgs-theme .ui.basic[class*="bottom pointing"].label:before, .bgs-theme .ui.basic[class*="pointing below"].label:before { bottom: auto; top: 100%; margin-top: 1px; } .bgs-theme .ui.basic[class*="left pointing"].label:before { top: 50%; left: -1px; } .bgs-theme .ui.basic[class*="right pointing"].label:before { top: 50%; right: -1px; } .bgs-theme .ui.floating.label { position: absolute; z-index: 100; top: -1em; left: 100%; margin: 0em 0em 0em -1.5em !important; } .bgs-theme .ui.mini.labels .label, .bgs-theme .ui.mini.label { font-size: 0.5625rem; } .bgs-theme .ui.tiny.labels .label, .bgs-theme .ui.tiny.label { font-size: 0.625rem; } .bgs-theme .ui.small.labels .label, .bgs-theme .ui.small.label { font-size: 0.6875rem; } .bgs-theme .ui.labels .label, .bgs-theme .ui.label { font-size: 0.75rem; } .bgs-theme .ui.large.labels .label, .bgs-theme .ui.large.label { font-size: 1rem; } .bgs-theme .ui.big.labels .label, .bgs-theme .ui.big.label { font-size: 1.3125rem; } .bgs-theme .ui.huge.labels .label, .bgs-theme .ui.huge.label { font-size: 1.4375rem; } .bgs-theme .ui.massive.labels .label, .bgs-theme .ui.massive.label { font-size: 1.6875rem; } .bgs-theme ul.ui.list, .bgs-theme ol.ui.list, .bgs-theme .ui.list { list-style-type: none; margin: 1em 0em; padding: 0em 0em; } .bgs-theme ul.ui.list:first-child, .bgs-theme ol.ui.list:first-child, .bgs-theme .ui.list:first-child { margin-top: 0em; padding-top: 0em; } .bgs-theme ul.ui.list:last-child, .bgs-theme ol.ui.list:last-child, .bgs-theme .ui.list:last-child { margin-bottom: 0em; padding-bottom: 0em; } .bgs-theme ul.ui.list li, .bgs-theme ol.ui.list li, .bgs-theme .ui.list > .item, .bgs-theme .ui.list .list > .item { display: list-item; table-layout: fixed; list-style-type: none; list-style-position: outside; padding: 0.1875em 0em; line-height: 1.125em; } .bgs-theme ul.ui.list > li:first-child:after, .bgs-theme ol.ui.list > li:first-child:after, .bgs-theme .ui.list > .list > .item, .bgs-theme .ui.list > .item:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .bgs-theme ul.ui.list li:first-child, .bgs-theme ol.ui.list li:first-child, .bgs-theme .ui.list .list > .item:first-child, .bgs-theme .ui.list > .item:first-child { padding-top: 0em; } .bgs-theme ul.ui.list li:last-child, .bgs-theme ol.ui.list li:last-child, .bgs-theme .ui.list .list > .item:last-child, .bgs-theme .ui.list > .item:last-child { padding-bottom: 0em; } .bgs-theme ul.ui.list ul, .bgs-theme ol.ui.list ol, .bgs-theme .ui.list .list { clear: both; margin: 0em; padding: 0.75em 0em 0.25em 0.5em; } .bgs-theme ul.ui.list ul li, .bgs-theme ol.ui.list ol li, .bgs-theme .ui.list .list > .item { padding: 0.125em 0em; line-height: inherit; } .bgs-theme .ui.list .list > .item > i.icon, .bgs-theme .ui.list > .item > i.icon { display: table-cell; margin: 0em; padding-top: 0em; padding-right: 0.25em; vertical-align: top; transition: color 0.1s ease; } .bgs-theme .ui.list .list > .item > i.icon:only-child, .bgs-theme .ui.list > .item > i.icon:only-child { display: inline-block; vertical-align: top; } .bgs-theme .ui.list .list > .item > .image, .bgs-theme .ui.list > .item > .image { display: table-cell; background-color: transparent; margin: 0em; vertical-align: top; } .bgs-theme .ui.list .list > .item > .image:not(:only-child):not(img), .bgs-theme .ui.list > .item > .image:not(:only-child):not(img) { padding-right: 0.5em; } .bgs-theme .ui.list .list > .item > .image img, .bgs-theme .ui.list > .item > .image img { vertical-align: top; } .bgs-theme .ui.list .list > .item > img.image, .bgs-theme .ui.list .list > .item > .image:only-child, .bgs-theme .ui.list > .item > img.image, .bgs-theme .ui.list > .item > .image:only-child { display: inline-block; } .bgs-theme .ui.list .list > .item > .content, .bgs-theme .ui.list > .item > .content { line-height: 1.125em; } .bgs-theme .ui.list .list > .item > .image + .content, .bgs-theme .ui.list .list > .item > .icon + .content, .bgs-theme .ui.list > .item > .image + .content, .bgs-theme .ui.list > .item > .icon + .content { display: table-cell; width: 100%; padding: 0em 0em 0em 0.5em; vertical-align: top; } .bgs-theme .ui.list .list > .item > img.image + .content, .bgs-theme .ui.list > .item > img.image + .content { display: inline-block; width: auto; } .bgs-theme .ui.list .list > .item > .content > .list, .bgs-theme .ui.list > .item > .content > .list { margin-left: 0em; padding-left: 0em; } .bgs-theme .ui.list .list > .item .header, .bgs-theme .ui.list > .item .header { display: block; margin: 0em; font-family: 'proxima-nova', sans-serif; font-weight: bold; color: #2D3239; } .bgs-theme .ui.list .list > .item .description, .bgs-theme .ui.list > .item .description { display: block; color: rgba(0, 0, 0, 0.7); } .bgs-theme .ui.list > .item a, .bgs-theme .ui.list .list > .item a { cursor: pointer; } .bgs-theme .ui.list .list > a.item, .bgs-theme .ui.list > a.item { cursor: pointer; color: #007ACE; } .bgs-theme .ui.list .list > a.item:hover, .bgs-theme .ui.list > a.item:hover { color: #004F9C; } .bgs-theme .ui.list .list > a.item i.icon, .bgs-theme .ui.list > a.item i.icon { color: rgba(0, 0, 0, 0.4); } .bgs-theme .ui.list .list > .item a.header, .bgs-theme .ui.list > .item a.header { cursor: pointer; color: #007ACE !important; } .bgs-theme .ui.list .list > .item a.header:hover, .bgs-theme .ui.list > .item a.header:hover { color: #004F9C !important; } .bgs-theme .ui[class*="left floated"].list { float: left; } .bgs-theme .ui[class*="right floated"].list { float: right; } .bgs-theme .ui.list .list > .item [class*="left floated"], .bgs-theme .ui.list > .item [class*="left floated"] { float: left; margin: 0em 1em 0em 0em; } .bgs-theme .ui.list .list > .item [class*="right floated"], .bgs-theme .ui.list > .item [class*="right floated"] { float: right; margin: 0em 0em 0em 1em; } .bgs-theme .ui.menu .ui.list > .item, .bgs-theme .ui.menu .ui.list .list > .item { display: list-item; table-layout: fixed; background-color: transparent; list-style-type: none; list-style-position: outside; padding: 0.1875em 0em; line-height: 1.125em; } .bgs-theme .ui.menu .ui.list .list > .item:before, .bgs-theme .ui.menu .ui.list > .item:before { border: none; background: none; } .bgs-theme .ui.menu .ui.list .list > .item:first-child, .bgs-theme .ui.menu .ui.list > .item:first-child { padding-top: 0em; } .bgs-theme .ui.menu .ui.list .list > .item:last-child, .bgs-theme .ui.menu .ui.list > .item:last-child { padding-bottom: 0em; } .bgs-theme .ui.horizontal.list { display: inline-block; font-size: 0em; } .bgs-theme .ui.horizontal.list > .item { display: inline-block; margin-left: 1em; font-size: 1rem; } .bgs-theme .ui.horizontal.list:not(.celled) > .item:first-child { margin-left: 0em !important; padding-left: 0em !important; } .bgs-theme .ui.horizontal.list .list { padding-left: 0em; padding-bottom: 0em; } .bgs-theme .ui.horizontal.list > .item > .image, .bgs-theme .ui.horizontal.list .list > .item > .image, .bgs-theme .ui.horizontal.list > .item > .icon, .bgs-theme .ui.horizontal.list .list > .item > .icon, .bgs-theme .ui.horizontal.list > .item > .content, .bgs-theme .ui.horizontal.list .list > .item > .content { vertical-align: middle; } .bgs-theme .ui.horizontal.list > .item:first-child, .bgs-theme .ui.horizontal.list > .item:last-child { padding-top: 0.1875em; padding-bottom: 0.1875em; } .bgs-theme .ui.horizontal.list > .item > i.icon { margin: 0em; padding: 0em 0.25em 0em 0em; } .bgs-theme .ui.horizontal.list > .item > .icon, .bgs-theme .ui.horizontal.list > .item > .icon + .content { float: none; display: inline-block; } .bgs-theme .ui.list .list > .disabled.item, .bgs-theme .ui.list > .disabled.item { pointer-events: none; color: rgba(67, 75, 85, 0.3) !important; } .bgs-theme .ui.inverted.list .list > .disabled.item, .bgs-theme .ui.inverted.list > .disabled.item { color: rgba(250, 250, 250, 0.3) !important; } .bgs-theme .ui.list .list > a.item:hover .icon, .bgs-theme .ui.list > a.item:hover .icon { color: #2D3239; } .bgs-theme .ui.inverted.list .list > a.item > .icon, .bgs-theme .ui.inverted.list > a.item > .icon { color: rgba(255, 255, 255, 0.7); } .bgs-theme .ui.inverted.list .list > .item .header, .bgs-theme .ui.inverted.list > .item .header { color: rgba(255, 255, 255, 0.9); } .bgs-theme .ui.inverted.list .list > .item .description, .bgs-theme .ui.inverted.list > .item .description { color: rgba(255, 255, 255, 0.7); } .bgs-theme .ui.inverted.list .list > a.item, .bgs-theme .ui.inverted.list > a.item { cursor: pointer; color: rgba(255, 255, 255, 0.9); } .bgs-theme .ui.inverted.list .list > a.item:hover, .bgs-theme .ui.inverted.list > a.item:hover { color: #004F9C; } .bgs-theme .ui.inverted.list .item a:not(.ui) { color: rgba(255, 255, 255, 0.9) !important; } .bgs-theme .ui.inverted.list .item a:not(.ui):hover { color: #004F9C !important; } .bgs-theme .ui.list[class*="top aligned"] .image, .bgs-theme .ui.list[class*="top aligned"] .content, .bgs-theme .ui.list [class*="top aligned"] { vertical-align: top !important; } .bgs-theme .ui.list[class*="middle aligned"] .image, .bgs-theme .ui.list[class*="middle aligned"] .content, .bgs-theme .ui.list [class*="middle aligned"] { vertical-align: middle !important; } .bgs-theme .ui.list[class*="bottom aligned"] .image, .bgs-theme .ui.list[class*="bottom aligned"] .content, .bgs-theme .ui.list [class*="bottom aligned"] { vertical-align: bottom !important; } .bgs-theme .ui.link.list .item, .bgs-theme .ui.link.list a.item, .bgs-theme .ui.link.list .item a:not(.ui) { color: rgba(0, 0, 0, 0.4); transition: 0.1s color ease; } .bgs-theme .ui.link.list.list a.item:hover, .bgs-theme .ui.link.list.list .item a:not(.ui):hover { color: rgba(0, 0, 0, 0.8); } .bgs-theme .ui.link.list.list a.item:active, .bgs-theme .ui.link.list.list .item a:not(.ui):active { color: rgba(0, 0, 0, 0.9); } .bgs-theme .ui.link.list.list .active.item, .bgs-theme .ui.link.list.list .active.item a:not(.ui) { color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.inverted.link.list .item, .bgs-theme .ui.inverted.link.list a.item, .bgs-theme .ui.inverted.link.list .item a:not(.ui) { color: rgba(255, 255, 255, 0.5); } .bgs-theme .ui.inverted.link.list.list a.item:hover, .bgs-theme .ui.inverted.link.list.list .item a:not(.ui):hover { color: #ffffff; } .bgs-theme .ui.inverted.link.list.list a.item:active, .bgs-theme .ui.inverted.link.list.list .item a:not(.ui):active { color: #ffffff; } .bgs-theme .ui.inverted.link.list.list a.active.item, .bgs-theme .ui.inverted.link.list.list .active.item a:not(.ui) { color: #ffffff; } .bgs-theme .ui.selection.list .list > .item, .bgs-theme .ui.selection.list > .item { cursor: pointer; background: transparent; padding: 0.5em 0.5em; margin: 0em; color: rgba(0, 0, 0, 0.4); border-radius: 0.5em; transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease; } .bgs-theme .ui.selection.list .list > .item:last-child, .bgs-theme .ui.selection.list > .item:last-child { margin-bottom: 0em; } .bgs-theme .ui.selection.list.list > .item:hover, .bgs-theme .ui.selection.list > .item:hover { background: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.8); } .bgs-theme .ui.selection.list .list > .item:active, .bgs-theme .ui.selection.list > .item:active { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.9); } .bgs-theme .ui.selection.list .list > .item.active, .bgs-theme .ui.selection.list > .item.active { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.inverted.selection.list > .item, .bgs-theme .ui.inverted.selection.list > .item { background: transparent; color: rgba(255, 255, 255, 0.5); } .bgs-theme .ui.inverted.selection.list > .item:hover, .bgs-theme .ui.inverted.selection.list > .item:hover { background: rgba(255, 255, 255, 0.02); color: #ffffff; } .bgs-theme .ui.inverted.selection.list > .item:active, .bgs-theme .ui.inverted.selection.list > .item:active { background: rgba(255, 255, 255, 0.08); color: #ffffff; } .bgs-theme .ui.inverted.selection.list > .item.active, .bgs-theme .ui.inverted.selection.list > .item.active { background: rgba(255, 255, 255, 0.08); color: #ffffff; } .bgs-theme .ui.celled.selection.list .list > .item, .bgs-theme .ui.divided.selection.list .list > .item, .bgs-theme .ui.celled.selection.list > .item, .bgs-theme .ui.divided.selection.list > .item { border-radius: 0em; } .bgs-theme .ui.animated.list > .item { transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s; } .bgs-theme .ui.animated.list:not(.horizontal) > .item:hover { padding-left: 1em; } .bgs-theme .ui.fitted.list:not(.selection) .list > .item, .bgs-theme .ui.fitted.list:not(.selection) > .item { padding-left: 0em; padding-right: 0em; } .bgs-theme .ui.fitted.selection.list .list > .item, .bgs-theme .ui.fitted.selection.list > .item { margin-left: -0.5em; margin-right: -0.5em; } .bgs-theme ul.ui.list, .bgs-theme .ui.bulleted.list { margin-left: 1.25rem; } .bgs-theme ul.ui.list li, .bgs-theme .ui.bulleted.list .list > .item, .bgs-theme .ui.bulleted.list > .item { position: relative; } .bgs-theme ul.ui.list li:before, .bgs-theme .ui.bulleted.list .list > .item:before, .bgs-theme .ui.bulleted.list > .item:before { user-select: none; pointer-events: none; position: absolute; top: auto; left: auto; font-weight: normal; margin-left: -1.25rem; content: '•'; opacity: 1; color: inherit; vertical-align: top; } .bgs-theme ul.ui.list li:before, .bgs-theme .ui.bulleted.list .list > a.item:before, .bgs-theme .ui.bulleted.list > a.item:before { color: #2D3239; } .bgs-theme ul.ui.list ul, .bgs-theme .ui.bulleted.list .list { padding-left: 1.25rem; } .bgs-theme ul.ui.horizontal.bulleted.list, .bgs-theme .ui.horizontal.bulleted.list { margin-left: 0em; } .bgs-theme ul.ui.horizontal.bulleted.list li, .bgs-theme .ui.horizontal.bulleted.list > .item { margin-left: 1.75rem; } .bgs-theme ul.ui.horizontal.bulleted.list li:first-child, .bgs-theme .ui.horizontal.bulleted.list > .item:first-child { margin-left: 0em; } .bgs-theme ul.ui.horizontal.bulleted.list li::before, .bgs-theme .ui.horizontal.bulleted.list > .item::before { color: #2D3239; } .bgs-theme ul.ui.horizontal.bulleted.list li:first-child::before, .bgs-theme .ui.horizontal.bulleted.list > .item:first-child::before { display: none; } .bgs-theme ol.ui.list, .bgs-theme .ui.ordered.list, .bgs-theme .ui.ordered.list .list, .bgs-theme ol.ui.list ol { counter-reset: ordered; margin-left: 1.25rem; list-style-type: none; } .bgs-theme ol.ui.list li, .bgs-theme .ui.ordered.list .list > .item, .bgs-theme .ui.ordered.list > .item { list-style-type: none; position: relative; } .bgs-theme ol.ui.list li:before, .bgs-theme .ui.ordered.list .list > .item:before, .bgs-theme .ui.ordered.list > .item:before { position: absolute; top: auto; left: auto; user-select: none; pointer-events: none; margin-left: -1.25rem; counter-increment: ordered; content: counters(ordered, ".") " "; text-align: right; color: #2D3239; vertical-align: middle; opacity: 0.8; } .bgs-theme ol.ui.inverted.list li:before, .bgs-theme .ui.ordered.inverted.list .list > .item:before, .bgs-theme .ui.ordered.inverted.list > .item:before { color: rgba(255, 255, 255, 0.7); } .bgs-theme .ui.ordered.list > .list > .item[data-value], .bgs-theme .ui.ordered.list > .item[data-value] { content: attr(data-value); } .bgs-theme ol.ui.list li[value]:before { content: attr(value); } .bgs-theme ol.ui.list ol, .bgs-theme .ui.ordered.list .list { margin-left: 1em; } .bgs-theme ol.ui.list ol li:before, .bgs-theme .ui.ordered.list .list > .item:before { margin-left: -2em; } .bgs-theme ol.ui.horizontal.list, .bgs-theme .ui.ordered.horizontal.list { margin-left: 0em; } .bgs-theme ol.ui.horizontal.list li:before, .bgs-theme .ui.ordered.horizontal.list .list > .item:before, .bgs-theme .ui.ordered.horizontal.list > .item:before { position: static; margin: 0em 0.5em 0em 0em; } .bgs-theme .ui.divided.list > .item { border-top: 1px solid #ABADB0; } .bgs-theme .ui.divided.list .list > .item { border-top: none; } .bgs-theme .ui.divided.list .item .list > .item { border-top: none; } .bgs-theme .ui.divided.list .list > .item:first-child, .bgs-theme .ui.divided.list > .item:first-child { border-top: none; } .bgs-theme .ui.divided.list:not(.horizontal) .list > .item:first-child { border-top-width: 1px; } .bgs-theme .ui.divided.bulleted.list:not(.horizontal), .bgs-theme .ui.divided.bulleted.list .list { margin-left: 0em; padding-left: 0em; } .bgs-theme .ui.divided.bulleted.list > .item:not(.horizontal) { padding-left: 1.25rem; } .bgs-theme .ui.divided.ordered.list { margin-left: 0em; } .bgs-theme .ui.divided.ordered.list .list > .item, .bgs-theme .ui.divided.ordered.list > .item { padding-left: 1.25rem; } .bgs-theme .ui.divided.ordered.list .item .list { margin-left: 0em; margin-right: 0em; padding-bottom: 0.1875em; } .bgs-theme .ui.divided.ordered.list .item .list > .item { padding-left: 1em; } .bgs-theme .ui.divided.selection.list .list > .item, .bgs-theme .ui.divided.selection.list > .item { margin: 0em; border-radius: 0em; } .bgs-theme .ui.divided.horizontal.list { margin-left: 0em; } .bgs-theme .ui.divided.horizontal.list > .item:not(:first-child) { padding-left: 0.5em; } .bgs-theme .ui.divided.horizontal.list > .item:not(:last-child) { padding-right: 0.5em; } .bgs-theme .ui.divided.horizontal.list > .item { border-top: none; border-left: 1px solid #ABADB0; margin: 0em; line-height: 0.6; } .bgs-theme .ui.horizontal.divided.list > .item:first-child { border-left: none; } .bgs-theme .ui.divided.inverted.list > .item, .bgs-theme .ui.divided.inverted.list > .list, .bgs-theme .ui.divided.inverted.horizontal.list > .item { border-color: rgba(255, 255, 255, 0.1); } .bgs-theme .ui.celled.list > .item, .bgs-theme .ui.celled.list > .list { border-top: 1px solid #ABADB0; padding-left: 0.5em; padding-right: 0.5em; } .bgs-theme .ui.celled.list > .item:last-child { border-bottom: 1px solid #ABADB0; } .bgs-theme .ui.celled.list > .item:first-child, .bgs-theme .ui.celled.list > .item:last-child { padding-top: 0.1875em; padding-bottom: 0.1875em; } .bgs-theme .ui.celled.list .item .list > .item { border-width: 0px; } .bgs-theme .ui.celled.list .list > .item:first-child { border-top-width: 0px; } .bgs-theme .ui.celled.bulleted.list { margin-left: 0em; } .bgs-theme .ui.celled.bulleted.list .list > .item, .bgs-theme .ui.celled.bulleted.list > .item { padding-left: 1.25rem; } .bgs-theme .ui.celled.bulleted.list .item .list { margin-left: -1.25rem; margin-right: -1.25rem; padding-bottom: 0.1875em; } .bgs-theme .ui.celled.ordered.list { margin-left: 0em; } .bgs-theme .ui.celled.ordered.list .list > .item, .bgs-theme .ui.celled.ordered.list > .item { padding-left: 1.25rem; } .bgs-theme .ui.celled.ordered.list .item .list { margin-left: 0em; margin-right: 0em; padding-bottom: 0.1875em; } .bgs-theme .ui.celled.ordered.list .list > .item { padding-left: 1em; } .bgs-theme .ui.horizontal.celled.list { margin-left: 0em; } .bgs-theme .ui.horizontal.celled.list .list > .item, .bgs-theme .ui.horizontal.celled.list > .item { border-top: none; border-left: 1px solid #ABADB0; margin: 0em; padding-left: 0.5em; padding-right: 0.5em; line-height: 0.6; } .bgs-theme .ui.horizontal.celled.list .list > .item:last-child, .bgs-theme .ui.horizontal.celled.list > .item:last-child { border-bottom: none; border-right: 1px solid #ABADB0; } .bgs-theme .ui.celled.inverted.list > .item, .bgs-theme .ui.celled.inverted.list > .list { border-color: 1px solid rgba(255, 255, 255, 0.1); } .bgs-theme .ui.celled.inverted.horizontal.list .list > .item, .bgs-theme .ui.celled.inverted.horizontal.list > .item { border-color: 1px solid rgba(255, 255, 255, 0.1); } .bgs-theme .ui.relaxed.list:not(.horizontal) > .item:not(:first-child) { padding-top: 0.375em; } .bgs-theme .ui.relaxed.list:not(.horizontal) > .item:not(:last-child) { padding-bottom: 0.375em; } .bgs-theme .ui.horizontal.relaxed.list .list > .item:not(:first-child), .bgs-theme .ui.horizontal.relaxed.list > .item:not(:first-child) { padding-left: 1rem; } .bgs-theme .ui.horizontal.relaxed.list .list > .item:not(:last-child), .bgs-theme .ui.horizontal.relaxed.list > .item:not(:last-child) { padding-right: 1rem; } .bgs-theme .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) { padding-top: 0.75em; } .bgs-theme .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) { padding-bottom: 0.75em; } .bgs-theme .ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child), .bgs-theme .ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) { padding-left: 1.5rem; } .bgs-theme .ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child), .bgs-theme .ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) { padding-right: 1.5rem; } .bgs-theme .ui.mini.list { font-size: 0.8125em; } .bgs-theme .ui.tiny.list { font-size: 0.875em; } .bgs-theme .ui.small.list { font-size: 0.9375em; } .bgs-theme .ui.list { font-size: 1em; } .bgs-theme .ui.large.list { font-size: 1.125em; } .bgs-theme .ui.big.list { font-size: 1.3125em; } .bgs-theme .ui.huge.list { font-size: 1.4375em; } .bgs-theme .ui.massive.list { font-size: 1.6875em; } .bgs-theme .ui.mini.horizontal.list .list > .item, .bgs-theme .ui.mini.horizontal.list > .item { font-size: 0.8125rem; } .bgs-theme .ui.tiny.horizontal.list .list > .item, .bgs-theme .ui.tiny.horizontal.list > .item { font-size: 0.875rem; } .bgs-theme .ui.small.horizontal.list .list > .item, .bgs-theme .ui.small.horizontal.list > .item { font-size: 0.9375rem; } .bgs-theme .ui.horizontal.list .list > .item, .bgs-theme .ui.horizontal.list > .item { font-size: 1rem; } .bgs-theme .ui.large.horizontal.list .list > .item, .bgs-theme .ui.large.horizontal.list > .item { font-size: 1.125rem; } .bgs-theme .ui.big.horizontal.list .list > .item, .bgs-theme .ui.big.horizontal.list > .item { font-size: 1.3125rem; } .bgs-theme .ui.huge.horizontal.list .list > .item, .bgs-theme .ui.huge.horizontal.list > .item { font-size: 1.4375rem; } .bgs-theme .ui.massive.horizontal.list .list > .item, .bgs-theme .ui.massive.horizontal.list > .item { font-size: 1.6875rem; } .bgs-theme .ui.loader { display: none; position: absolute; top: 50%; left: 50%; margin: 0px; text-align: center; z-index: 1000; transform: translateX(-50%) translateY(-50%); } .bgs-theme .ui.loader:before { position: absolute; content: ''; top: 0%; left: 50%; width: 100%; height: 100%; border-radius: 500rem; border: 0.25em solid rgba(187, 229, 179, 0.5); } .bgs-theme .ui.loader:after { position: absolute; content: ''; top: 0%; left: 50%; width: 100%; height: 100%; animation: loader 0.8s linear; animation-iteration-count: infinite; border-radius: 500rem; border-color: #50B83C transparent transparent; border-style: solid; border-width: 0.25em; box-shadow: 0px 0px 0px 1px transparent; } @keyframes loader { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .bgs-theme .ui.mini.loader:before, .bgs-theme .ui.mini.loader:after { width: 0.875rem; height: 0.875rem; margin: 0em 0em 0em -0.4375rem; } .bgs-theme .ui.tiny.loader:before, .bgs-theme .ui.tiny.loader:after { width: 1rem; height: 1rem; margin: 0em 0em 0em -0.5rem; } .bgs-theme .ui.small.loader:before, .bgs-theme .ui.small.loader:after { width: 1.5rem; height: 1.5rem; margin: 0em 0em 0em -0.75rem; } .bgs-theme .ui.loader:before, .bgs-theme .ui.loader:after { width: 2rem; height: 2rem; margin: 0em 0em 0em -1rem; } .bgs-theme .ui.large.loader:before, .bgs-theme .ui.large.loader:after { width: 3rem; height: 3rem; margin: 0em 0em 0em -1.5rem; } .bgs-theme .ui.big.loader:before, .bgs-theme .ui.big.loader:after { width: 3.25rem; height: 3.25rem; margin: 0em 0em 0em -1.625rem; } .bgs-theme .ui.huge.loader:before, .bgs-theme .ui.huge.loader:after { width: 3.625rem; height: 3.625rem; margin: 0em 0em 0em -1.8125rem; } .bgs-theme .ui.massive.loader:before, .bgs-theme .ui.massive.loader:after { width: 4rem; height: 4rem; margin: 0em 0em 0em -2rem; } .bgs-theme .ui.dimmer .loader { display: block; } .bgs-theme .ui.dimmer .ui.loader { color: rgba(255, 255, 255, 0.9); } .bgs-theme .ui.dimmer .ui.loader:before { border-color: rgba(250, 250, 250, 0.15); } .bgs-theme .ui.dimmer .ui.loader:after { border-color: #FAFAFA transparent transparent; } .bgs-theme .ui.inverted.dimmer .ui.loader { color: #ABADB0; } .bgs-theme .ui.inverted.dimmer .ui.loader:before { border-color: rgba(187, 229, 179, 0.5); } .bgs-theme .ui.inverted.dimmer .ui.loader:after { border-color: #50B83C transparent transparent; } .bgs-theme .ui.text.loader { width: auto !important; height: auto !important; text-align: center; font-style: normal; } .bgs-theme .ui.indeterminate.loader:after { animation-direction: reverse; animation-duration: 1.6s; } .bgs-theme .ui.loader.active, .bgs-theme .ui.loader.visible { display: block; } .bgs-theme .ui.loader.disabled, .bgs-theme .ui.loader.hidden { display: none; } .bgs-theme .ui.inverted.dimmer .ui.mini.loader, .bgs-theme .ui.mini.loader { width: 0.875rem; height: 0.875rem; font-size: 0.8125em; } .bgs-theme .ui.inverted.dimmer .ui.tiny.loader, .bgs-theme .ui.tiny.loader { width: 1rem; height: 1rem; font-size: 0.875em; } .bgs-theme .ui.inverted.dimmer .ui.small.loader, .bgs-theme .ui.small.loader { width: 1.5rem; height: 1.5rem; font-size: 0.9375em; } .bgs-theme .ui.inverted.dimmer .ui.loader, .bgs-theme .ui.loader { width: 2rem; height: 2rem; font-size: 1em; } .bgs-theme .ui.inverted.dimmer .ui.large.loader, .bgs-theme .ui.large.loader { width: 3rem; height: 3rem; font-size: 1.125em; } .bgs-theme .ui.inverted.dimmer .ui.big.loader, .bgs-theme .ui.big.loader { width: 3.25rem; height: 3.25rem; font-size: 1.3125em; } .bgs-theme .ui.inverted.dimmer .ui.huge.loader, .bgs-theme .ui.huge.loader { width: 3.625rem; height: 3.625rem; font-size: 1.4375em; } .bgs-theme .ui.inverted.dimmer .ui.massive.loader, .bgs-theme .ui.massive.loader { width: 4rem; height: 4rem; font-size: 1.6875em; } .bgs-theme .ui.mini.text.loader { min-width: 0.875rem; padding-top: 1.6875rem; } .bgs-theme .ui.tiny.text.loader { min-width: 1rem; padding-top: 1.8125rem; } .bgs-theme .ui.small.text.loader { min-width: 1.5rem; padding-top: 2.3125rem; } .bgs-theme .ui.text.loader { min-width: 2rem; padding-top: 2.8125rem; } .bgs-theme .ui.large.text.loader { min-width: 3rem; padding-top: 3.8125rem; } .bgs-theme .ui.big.text.loader { min-width: 3.25rem; padding-top: 4.0625rem; } .bgs-theme .ui.huge.text.loader { min-width: 3.625rem; padding-top: 4.4375rem; } .bgs-theme .ui.massive.text.loader { min-width: 4rem; padding-top: 4.8125rem; } .bgs-theme .ui.inverted.loader { color: rgba(255, 255, 255, 0.9); } .bgs-theme .ui.inverted.loader:before { border-color: rgba(250, 250, 250, 0.15); } .bgs-theme .ui.inverted.loader:after { border-top-color: #FAFAFA; } .bgs-theme .ui.inline.loader { position: relative; vertical-align: middle; margin: 0em; left: 0em; top: 0em; transform: none; } .bgs-theme .ui.inline.loader.active, .bgs-theme .ui.inline.loader.visible { display: inline-block; } .bgs-theme .ui.centered.inline.loader.active, .bgs-theme .ui.centered.inline.loader.visible { display: block; margin-left: auto; margin-right: auto; } .bgs-theme .ui.rail { position: absolute; top: 0%; width: 300px; height: 100%; } .bgs-theme .ui.left.rail { left: auto; right: 100%; padding: 0em 2rem 0em 0em; margin: 0em 2rem 0em 0em; } .bgs-theme .ui.right.rail { left: 100%; right: auto; padding: 0em 0em 0em 2rem; margin: 0em 0em 0em 2rem; } .bgs-theme .ui.left.internal.rail { left: 0%; right: auto; padding: 0em 0em 0em 2rem; margin: 0em 0em 0em 2rem; } .bgs-theme .ui.right.internal.rail { left: auto; right: 0%; padding: 0em 2rem 0em 0em; margin: 0em 2rem 0em 0em; } .bgs-theme .ui.dividing.rail { width: 302.5px; } .bgs-theme .ui.left.dividing.rail { padding: 0em 2.5rem 0em 0em; margin: 0em 2.5rem 0em 0em; border-right: 1px solid #ABADB0; } .bgs-theme .ui.right.dividing.rail { border-left: 1px solid #ABADB0; padding: 0em 0em 0em 2.5rem; margin: 0em 0em 0em 2.5rem; } .bgs-theme .ui.close.rail { width: calc( 300px + 1em ); } .bgs-theme .ui.close.left.rail { padding: 0em 1em 0em 0em; margin: 0em 1em 0em 0em; } .bgs-theme .ui.close.right.rail { padding: 0em 0em 0em 1em; margin: 0em 0em 0em 1em; } .bgs-theme .ui.very.close.rail { width: calc( 300px + 0.5em ); } .bgs-theme .ui.very.close.left.rail { padding: 0em 0.5em 0em 0em; margin: 0em 0.5em 0em 0em; } .bgs-theme .ui.very.close.right.rail { padding: 0em 0em 0em 0.5em; margin: 0em 0em 0em 0.5em; } .bgs-theme .ui.attached.left.rail, .bgs-theme .ui.attached.right.rail { padding: 0em; margin: 0em; } .bgs-theme .ui.mini.rail { font-size: 0.8125rem; } .bgs-theme .ui.tiny.rail { font-size: 0.875rem; } .bgs-theme .ui.small.rail { font-size: 0.9375rem; } .bgs-theme .ui.rail { font-size: 1rem; } .bgs-theme .ui.large.rail { font-size: 1.125rem; } .bgs-theme .ui.big.rail { font-size: 1.3125rem; } .bgs-theme .ui.huge.rail { font-size: 1.4375rem; } .bgs-theme .ui.massive.rail { font-size: 1.6875rem; } .bgs-theme .ui.reveal { display: inherit; position: relative !important; font-size: 0em !important; } .bgs-theme .ui.reveal > .visible.content { position: absolute !important; top: 0em !important; left: 0em !important; z-index: 3 !important; transition: all 0.5s ease 0.1s; } .bgs-theme .ui.reveal > .hidden.content { position: relative !important; z-index: 2 !important; } .bgs-theme .ui.active.reveal .visible.content, .bgs-theme .ui.reveal:hover .visible.content { z-index: 4 !important; } .bgs-theme .ui.slide.reveal { position: relative !important; overflow: hidden !important; white-space: nowrap; } .bgs-theme .ui.slide.reveal > .content { display: block; width: 100%; white-space: normal; float: left; margin: 0em; transition: transform 0.5s ease 0.1s; } .bgs-theme .ui.slide.reveal > .visible.content { position: relative !important; } .bgs-theme .ui.slide.reveal > .hidden.content { position: absolute !important; left: 0% !important; width: 100% !important; transform: translateX(100%) !important; } .bgs-theme .ui.slide.active.reveal > .visible.content, .bgs-theme .ui.slide.reveal:hover > .visible.content { transform: translateX(-100%) !important; } .bgs-theme .ui.slide.active.reveal > .hidden.content, .bgs-theme .ui.slide.reveal:hover > .hidden.content { transform: translateX(0%) !important; } .bgs-theme .ui.slide.right.reveal > .visible.content { transform: translateX(0%) !important; } .bgs-theme .ui.slide.right.reveal > .hidden.content { transform: translateX(-100%) !important; } .bgs-theme .ui.slide.right.active.reveal > .visible.content, .bgs-theme .ui.slide.right.reveal:hover > .visible.content { transform: translateX(100%) !important; } .bgs-theme .ui.slide.right.active.reveal > .hidden.content, .bgs-theme .ui.slide.right.reveal:hover > .hidden.content { transform: translateX(0%) !important; } .bgs-theme .ui.slide.up.reveal > .hidden.content { transform: translateY(100%) !important; } .bgs-theme .ui.slide.up.active.reveal > .visible.content, .bgs-theme .ui.slide.up.reveal:hover > .visible.content { transform: translateY(-100%) !important; } .bgs-theme .ui.slide.up.active.reveal > .hidden.content, .bgs-theme .ui.slide.up.reveal:hover > .hidden.content { transform: translateY(0%) !important; } .bgs-theme .ui.slide.down.reveal > .hidden.content { transform: translateY(-100%) !important; } .bgs-theme .ui.slide.down.active.reveal > .visible.content, .bgs-theme .ui.slide.down.reveal:hover > .visible.content { transform: translateY(100%) !important; } .bgs-theme .ui.slide.down.active.reveal > .hidden.content, .bgs-theme .ui.slide.down.reveal:hover > .hidden.content { transform: translateY(0%) !important; } .bgs-theme .ui.fade.reveal > .visible.content { opacity: 1; } .bgs-theme .ui.fade.active.reveal > .visible.content, .bgs-theme .ui.fade.reveal:hover > .visible.content { opacity: 0; } .bgs-theme .ui.move.reveal { position: relative !important; overflow: hidden !important; white-space: nowrap; } .bgs-theme .ui.move.reveal > .content { display: block; float: left; white-space: normal; margin: 0em; transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; } .bgs-theme .ui.move.reveal > .visible.content { position: relative !important; } .bgs-theme .ui.move.reveal > .hidden.content { position: absolute !important; left: 0% !important; width: 100% !important; } .bgs-theme .ui.move.active.reveal > .visible.content, .bgs-theme .ui.move.reveal:hover > .visible.content { transform: translateX(-100%) !important; } .bgs-theme .ui.move.right.active.reveal > .visible.content, .bgs-theme .ui.move.right.reveal:hover > .visible.content { transform: translateX(100%) !important; } .bgs-theme .ui.move.up.active.reveal > .visible.content, .bgs-theme .ui.move.up.reveal:hover > .visible.content { transform: translateY(-100%) !important; } .bgs-theme .ui.move.down.active.reveal > .visible.content, .bgs-theme .ui.move.down.reveal:hover > .visible.content { transform: translateY(100%) !important; } .bgs-theme .ui.rotate.reveal > .visible.content { transition-duration: 0.5s; transform: rotate(0deg); } .bgs-theme .ui.rotate.reveal > .visible.content, .bgs-theme .ui.rotate.right.reveal > .visible.content { transform-origin: bottom right; } .bgs-theme .ui.rotate.active.reveal > .visible.content, .bgs-theme .ui.rotate.reveal:hover > .visible.content, .bgs-theme .ui.rotate.right.active.reveal > .visible.content, .bgs-theme .ui.rotate.right.reveal:hover > .visible.content { transform: rotate(110deg); } .bgs-theme .ui.rotate.left.reveal > .visible.content { transform-origin: bottom left; } .bgs-theme .ui.rotate.left.active.reveal > .visible.content, .bgs-theme .ui.rotate.left.reveal:hover > .visible.content { transform: rotate(-110deg); } .bgs-theme .ui.disabled.reveal:hover > .visible.visible.content { position: static !important; display: block !important; opacity: 1 !important; top: 0 !important; left: 0 !important; right: auto !important; bottom: auto !important; transform: none !important; } .bgs-theme .ui.disabled.reveal:hover > .hidden.hidden.content { display: none !important; } .bgs-theme .ui.reveal > .ui.ribbon.label { z-index: 5; } .bgs-theme .ui.visible.reveal { overflow: visible; } .bgs-theme .ui.instant.reveal > .content { transition-delay: 0s !important; } .bgs-theme .ui.reveal > .content { font-size: 1rem !important; } .bgs-theme .ui.segment { position: relative; background: #FAFAFA; box-shadow: 0px 1px 2px 0 #ABADB0; margin: 1rem 0em; padding: 1em 1em; border-radius: 0.1875rem; border: 1px solid #ABADB0; } .bgs-theme .ui.segment:first-child { margin-top: 0em; } .bgs-theme .ui.segment:last-child { margin-bottom: 0em; } .bgs-theme .ui.vertical.segment { margin: 0em; padding-left: 0em; padding-right: 0em; background: none transparent; border-radius: 0px; box-shadow: none; border: none; border-bottom: 1px solid #ABADB0; } .bgs-theme .ui.vertical.segment:last-child { border-bottom: none; } .bgs-theme .ui.inverted.segment > .ui.header { color: #FAFAFA; } .bgs-theme .ui[class*="bottom attached"].segment > [class*="top attached"].label { border-top-left-radius: 0em; border-top-right-radius: 0em; } .bgs-theme .ui[class*="top attached"].segment > [class*="bottom attached"].label { border-bottom-left-radius: 0em; border-bottom-right-radius: 0em; } .bgs-theme .ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label { border-top-left-radius: 0em; border-top-right-radius: 0em; } .bgs-theme .ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label { border-bottom-left-radius: 0em; border-bottom-right-radius: 0em; } .bgs-theme .ui.page.grid.segment, .bgs-theme .ui.grid > .row > .ui.segment.column, .bgs-theme .ui.grid > .ui.segment.column { padding-top: 2em; padding-bottom: 2em; } .bgs-theme .ui.grid.segment { margin: 1rem 0em; border-radius: 0.1875rem; } .bgs-theme .ui.basic.table.segment { background: #FAFAFA; border: 1px solid #ABADB0; box-shadow: 0px 1px 2px 0 #ABADB0; } .bgs-theme .ui[class*="very basic"].table.segment { padding: 1em 1em; } .bgs-theme .ui.placeholder.segment { display: flex; flex-direction: column; justify-content: center; align-items: stretch; max-width: initial; animation: none; overflow: visible; padding: 1em 1em; min-height: 18rem; background: #F9FAFB; border-color: #ABADB0; box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset; } .bgs-theme .ui.placeholder.segment .button, .bgs-theme .ui.placeholder.segment textarea { display: block; } .bgs-theme .ui.placeholder.segment .field, .bgs-theme .ui.placeholder.segment textarea, .bgs-theme .ui.placeholder.segment > .ui.input, .bgs-theme .ui.placeholder.segment .button { max-width: 15rem; margin-left: auto; margin-right: auto; } .bgs-theme .ui.placeholder.segment .column .button, .bgs-theme .ui.placeholder.segment .column .field, .bgs-theme .ui.placeholder.segment .column textarea, .bgs-theme .ui.placeholder.segment .column > .ui.input { max-width: 15rem; margin-left: auto; margin-right: auto; } .bgs-theme .ui.placeholder.segment > .inline { align-self: center; } .bgs-theme .ui.placeholder.segment > .inline > .button { display: inline-block; width: auto; margin: 0px 0.3125rem 0px 0px; } .bgs-theme .ui.placeholder.segment > .inline > .button:last-child { margin-right: 0px; } .bgs-theme .ui.piled.segments, .bgs-theme .ui.piled.segment { margin: 3em 0em; box-shadow: ''; z-index: auto; } .bgs-theme .ui.piled.segment:first-child { margin-top: 0em; } .bgs-theme .ui.piled.segment:last-child { margin-bottom: 0em; } .bgs-theme .ui.piled.segments:after, .bgs-theme .ui.piled.segments:before, .bgs-theme .ui.piled.segment:after, .bgs-theme .ui.piled.segment:before { background-color: #FAFAFA; visibility: visible; content: ''; display: block; height: 100%; left: 0px; position: absolute; width: 100%; border: 1px solid #ABADB0; box-shadow: ''; } .bgs-theme .ui.piled.segments:before, .bgs-theme .ui.piled.segment:before { transform: rotate(-1.2deg); top: 0; z-index: -2; } .bgs-theme .ui.piled.segments:after, .bgs-theme .ui.piled.segment:after { transform: rotate(1.2deg); top: 0; z-index: -1; } .bgs-theme .ui[class*="top attached"].piled.segment { margin-top: 3em; margin-bottom: 0em; } .bgs-theme .ui.piled.segment[class*="top attached"]:first-child { margin-top: 0em; } .bgs-theme .ui.piled.segment[class*="bottom attached"] { margin-top: 0em; margin-bottom: 3em; } .bgs-theme .ui.piled.segment[class*="bottom attached"]:last-child { margin-bottom: 0em; } .bgs-theme .ui.stacked.segment { padding-bottom: 1.4em; } .bgs-theme .ui.stacked.segments:before, .bgs-theme .ui.stacked.segments:after, .bgs-theme .ui.stacked.segment:before, .bgs-theme .ui.stacked.segment:after { content: ''; position: absolute; bottom: -3px; left: 0%; border-top: 1px solid #ABADB0; background: rgba(0, 0, 0, 0.03); width: 100%; height: 6px; visibility: visible; } .bgs-theme .ui.stacked.segments:before, .bgs-theme .ui.stacked.segment:before { display: none; } .bgs-theme .ui.tall.stacked.segments:before, .bgs-theme .ui.tall.stacked.segment:before { display: block; bottom: 0px; } .bgs-theme .ui.stacked.inverted.segments:before, .bgs-theme .ui.stacked.inverted.segments:after, .bgs-theme .ui.stacked.inverted.segment:before, .bgs-theme .ui.stacked.inverted.segment:after { background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(34, 36, 38, 0.35); } .bgs-theme .ui.padded.segment { padding: 1.5em; } .bgs-theme .ui[class*="very padded"].segment { padding: 3em; } .bgs-theme .ui.padded.segment.vertical.segment, .bgs-theme .ui[class*="very padded"].vertical.segment { padding-left: 0px; padding-right: 0px; } .bgs-theme .ui.compact.segment { display: table; } .bgs-theme .ui.compact.segments { display: inline-flex; } .bgs-theme .ui.compact.segments .segment, .bgs-theme .ui.segments .compact.segment { display: block; flex: 0 1 auto; } .bgs-theme .ui.circular.segment { display: table-cell; padding: 2em; text-align: center; vertical-align: middle; border-radius: 500em; } .bgs-theme .ui.raised.segments, .bgs-theme .ui.raised.segment { box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); } .bgs-theme .ui.segments { flex-direction: column; position: relative; margin: 1rem 0em; border: 1px solid #ABADB0; box-shadow: 0px 1px 2px 0 #ABADB0; border-radius: 0.1875rem; } .bgs-theme .ui.segments:first-child { margin-top: 0em; } .bgs-theme .ui.segments:last-child { margin-bottom: 0em; } .bgs-theme .ui.segments > .segment { top: 0px; bottom: 0px; border-radius: 0px; margin: 0em; width: auto; box-shadow: none; border: none; border-top: 1px solid #ABADB0; } .bgs-theme .ui.segments:not(.horizontal) > .segment:first-child { border-top: none; margin-top: 0em; bottom: 0px; margin-bottom: 0em; top: 0px; border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.segments:not(.horizontal) > .segment:last-child { top: 0px; bottom: 0px; margin-top: 0em; margin-bottom: 0em; box-shadow: 0px 1px 2px 0 #ABADB0, none; border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui.segments:not(.horizontal) > .segment:only-child { border-radius: 0.1875rem; } .bgs-theme .ui.segments > .ui.segments { border-top: 1px solid #ABADB0; margin: 1rem 1rem; } .bgs-theme .ui.segments > .segments:first-child { border-top: none; } .bgs-theme .ui.segments > .segment + .segments:not(.horizontal) { margin-top: 0em; } .bgs-theme .ui.horizontal.segments { display: flex; flex-direction: row; background-color: transparent; border-radius: 0px; padding: 0em; background-color: #FAFAFA; box-shadow: 0px 1px 2px 0 #ABADB0; margin: 1rem 0em; border-radius: 0.1875rem; border: 1px solid #ABADB0; } .bgs-theme .ui.segments > .horizontal.segments { margin: 0em; background-color: transparent; border-radius: 0px; border: none; box-shadow: none; border-top: 1px solid #ABADB0; } .bgs-theme .ui.horizontal.segments > .segment { flex: 1 1 auto; -ms-flex: 1 1 0px; /* Solves #2550 MS Flex */ margin: 0em; min-width: 0px; background-color: transparent; border-radius: 0px; border: none; box-shadow: none; border-left: 1px solid #ABADB0; } .bgs-theme .ui.segments > .horizontal.segments:first-child { border-top: none; } .bgs-theme .ui.horizontal.segments > .segment:first-child { border-left: none; } .bgs-theme .ui.disabled.segment { opacity: 0.6; color: rgba(67, 75, 85, 0.3); } .bgs-theme .ui.loading.segment { position: relative; cursor: default; pointer-events: none; text-shadow: none !important; color: transparent !important; transition: all 0s linear; } .bgs-theme .ui.loading.segment:before { position: absolute; content: ''; top: 0%; left: 0%; background: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; border-radius: 0.1875rem; z-index: 100; } .bgs-theme .ui.loading.segment:after { position: absolute; content: ''; top: 50%; left: 50%; margin: -1.5em 0em 0em -1.5em; width: 3em; height: 3em; animation: segment-spin 0.8s linear; animation-iteration-count: infinite; border-radius: 500rem; border-color: #50B83C rgba(187, 229, 179, 0.5) rgba(187, 229, 179, 0.5) rgba(187, 229, 179, 0.5); border-style: solid; border-width: 0.25em; box-shadow: 0px 0px 0px 1px transparent; visibility: visible; z-index: 101; } @keyframes segment-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .bgs-theme .ui.basic.segment { background: none transparent; box-shadow: none; border: none; border-radius: 0px; } .bgs-theme .ui.clearing.segment:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .bgs-theme .ui.red.segment:not(.inverted) { border-top: 2px solid #F03535 !important; } .bgs-theme .ui.inverted.red.segment { background-color: #F03535 !important; color: #FAFAFA !important; } .bgs-theme .ui.orange.segment:not(.inverted) { border-top: 2px solid #FFA553 !important; } .bgs-theme .ui.inverted.orange.segment { background-color: #FFA553 !important; color: #FAFAFA !important; } .bgs-theme .ui.yellow.segment:not(.inverted) { border-top: 2px solid #FFDF45 !important; } .bgs-theme .ui.inverted.yellow.segment { background-color: #FFDF45 !important; color: #FAFAFA !important; } .bgs-theme .ui.olive.segment:not(.inverted) { border-top: 2px solid #B5CC18 !important; } .bgs-theme .ui.inverted.olive.segment { background-color: #B5CC18 !important; color: #FAFAFA !important; } .bgs-theme .ui.green.segment:not(.inverted) { border-top: 2px solid #50B83C !important; } .bgs-theme .ui.inverted.green.segment { background-color: #50B83C !important; color: #FAFAFA !important; } .bgs-theme .ui.teal.segment:not(.inverted) { border-top: 2px solid #00B5AD !important; } .bgs-theme .ui.inverted.teal.segment { background-color: #00B5AD !important; color: #FAFAFA !important; } .bgs-theme .ui.blue.segment:not(.inverted) { border-top: 2px solid #007ACE !important; } .bgs-theme .ui.inverted.blue.segment { background-color: #007ACE !important; color: #FAFAFA !important; } .bgs-theme .ui.violet.segment:not(.inverted) { border-top: 2px solid #6435C9 !important; } .bgs-theme .ui.inverted.violet.segment { background-color: #6435C9 !important; color: #FAFAFA !important; } .bgs-theme .ui.purple.segment:not(.inverted) { border-top: 2px solid #CA7EEA !important; } .bgs-theme .ui.inverted.purple.segment { background-color: #CA7EEA !important; color: #FAFAFA !important; } .bgs-theme .ui.pink.segment:not(.inverted) { border-top: 2px solid #E03997 !important; } .bgs-theme .ui.inverted.pink.segment { background-color: #E03997 !important; color: #FAFAFA !important; } .bgs-theme .ui.brown.segment:not(.inverted) { border-top: 2px solid #A5673F !important; } .bgs-theme .ui.inverted.brown.segment { background-color: #A5673F !important; color: #FAFAFA !important; } .bgs-theme .ui.grey.segment:not(.inverted) { border-top: 2px solid #ABADB0 !important; } .bgs-theme .ui.inverted.grey.segment { background-color: #ABADB0 !important; color: #FAFAFA !important; } .bgs-theme .ui.black.segment:not(.inverted) { border-top: 2px solid #2D3239 !important; } .bgs-theme .ui.inverted.black.segment { background-color: #2D3239 !important; color: #FAFAFA !important; } .bgs-theme .ui[class*="left aligned"].segment { text-align: left; } .bgs-theme .ui[class*="right aligned"].segment { text-align: right; } .bgs-theme .ui[class*="center aligned"].segment { text-align: center; } .bgs-theme .ui.floated.segment, .bgs-theme .ui[class*="left floated"].segment { float: left; margin-right: 1em; } .bgs-theme .ui[class*="right floated"].segment { float: right; margin-left: 1em; } .bgs-theme .ui.inverted.segment { border: none; box-shadow: none; } .bgs-theme .ui.inverted.segment, .bgs-theme .ui.primary.inverted.segment { background: #2D3239; color: rgba(255, 255, 255, 0.9); } .bgs-theme .ui.inverted.segment .segment { color: #2D3239; } .bgs-theme .ui.inverted.segment .inverted.segment { color: rgba(255, 255, 255, 0.9); } .bgs-theme .ui.inverted.attached.segment { border-color: #555555; } .bgs-theme .ui.secondary.segment { background: #F3F4F5; color: rgba(0, 0, 0, 0.6); } .bgs-theme .ui.secondary.inverted.segment { background: #5a6472 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%); color: rgba(255, 255, 255, 0.8); } .bgs-theme .ui.tertiary.segment { background: #DCDDDE; color: rgba(0, 0, 0, 0.6); } .bgs-theme .ui.tertiary.inverted.segment { background: #7f8a9a linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%); color: rgba(255, 255, 255, 0.8); } .bgs-theme .ui.attached.segment { top: 0px; bottom: 0px; border-radius: 0px; margin: 0em -1px; width: calc(102%); max-width: calc(102%); box-shadow: none; border: 1px solid #D4D4D5; } .bgs-theme .ui.attached:not(.message) + .ui.attached.segment:not(.top) { border-top: none; } .bgs-theme .ui[class*="top attached"].segment { bottom: 0px; margin-bottom: 0em; top: 0px; margin-top: 1rem; border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.segment[class*="top attached"]:first-child { margin-top: 0em; } .bgs-theme .ui.segment[class*="bottom attached"] { bottom: 0px; margin-top: 0em; top: 0px; margin-bottom: 1rem; box-shadow: 0px 1px 2px 0 #ABADB0, none; border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui.segment[class*="bottom attached"]:last-child { margin-bottom: 0em; } .bgs-theme .ui.mini.segments .segment, .bgs-theme .ui.mini.segment { font-size: 0.8125rem; } .bgs-theme .ui.tiny.segments .segment, .bgs-theme .ui.tiny.segment { font-size: 0.875rem; } .bgs-theme .ui.small.segments .segment, .bgs-theme .ui.small.segment { font-size: 0.9375rem; } .bgs-theme .ui.segments .segment, .bgs-theme .ui.segment { font-size: 1rem; } .bgs-theme .ui.large.segments .segment, .bgs-theme .ui.large.segment { font-size: 1.125rem; } .bgs-theme .ui.big.segments .segment, .bgs-theme .ui.big.segment { font-size: 1.3125rem; } .bgs-theme .ui.huge.segments .segment, .bgs-theme .ui.huge.segment { font-size: 1.4375rem; } .bgs-theme .ui.massive.segments .segment, .bgs-theme .ui.massive.segment { font-size: 1.6875rem; } .bgs-theme .ui.lighter.green.segment:not(.inverted) { border-top: 2px solid #E3F1DF !important; } .bgs-theme .ui.inverted.lighter.green.segment { background-color: #E3F1DF !important; color: #2D3239 !important; } .bgs-theme .ui.light.green.segment:not(.inverted) { border-top: 2px solid #BBE5B3 !important; } .bgs-theme .ui.inverted.light.green.segment { background-color: #BBE5B3 !important; color: #2D3239 !important; } .bgs-theme .ui.green.segment:not(.inverted) { border-top: 2px solid #50B83C !important; } .bgs-theme .ui.inverted.green.segment { background-color: #50B83C !important; color: #FAFAFA !important; } .bgs-theme .ui.dark.green.segment:not(.inverted) { border-top: 2px solid #088700 !important; } .bgs-theme .ui.inverted.dark.green.segment { background-color: #088700 !important; color: #FAFAFA !important; } .bgs-theme .ui.darker.green.segment:not(.inverted) { border-top: 2px solid #108043 !important; } .bgs-theme .ui.inverted.darker.green.segment { background-color: #108043 !important; color: #FAFAFA !important; } .bgs-theme .ui.darkest.green.segment:not(.inverted) { border-top: 2px solid #173630 !important; } .bgs-theme .ui.inverted.darkest.green.segment { background-color: #173630 !important; color: #FAFAFA !important; } .bgs-theme .ui.lighter.purple.segment:not(.inverted) { border-top: 2px solid #F9F2FC !important; } .bgs-theme .ui.inverted.lighter.purple.segment { background-color: #F9F2FC !important; color: #2D3239 !important; } .bgs-theme .ui.light.purple.segment:not(.inverted) { border-top: 2px solid #E9CBF6 !important; } .bgs-theme .ui.inverted.light.purple.segment { background-color: #E9CBF6 !important; color: #2D3239 !important; } .bgs-theme .ui.purple.segment:not(.inverted) { border-top: 2px solid #CA7EEA !important; } .bgs-theme .ui.inverted.purple.segment { background-color: #CA7EEA !important; color: #FAFAFA !important; } .bgs-theme .ui.dark.purple.segment:not(.inverted) { border-top: 2px solid #7C25A0 !important; } .bgs-theme .ui.inverted.dark.purple.segment { background-color: #7C25A0 !important; color: #FAFAFA !important; } .bgs-theme .ui.darker.purple.segment:not(.inverted) { border-top: 2px solid #4F0F69 !important; } .bgs-theme .ui.inverted.darker.purple.segment { background-color: #4F0F69 !important; color: #FAFAFA !important; } .bgs-theme .ui.darkest.purple.segment:not(.inverted) { border-top: 2px solid #230051 !important; } .bgs-theme .ui.inverted.darkest.purple.segment { background-color: #230051 !important; color: #FAFAFA !important; } .bgs-theme .ui.lighter.indigo.segment:not(.inverted) { border-top: 2px solid #F3F4FA !important; } .bgs-theme .ui.inverted.lighter.indigo.segment { background-color: #F3F4FA !important; color: #2D3239 !important; } .bgs-theme .ui.light.indigo.segment:not(.inverted) { border-top: 2px solid #B3BCF5 !important; } .bgs-theme .ui.inverted.light.indigo.segment { background-color: #B3BCF5 !important; color: #2D3239 !important; } .bgs-theme .ui.indigo.segment:not(.inverted) { border-top: 2px solid #5C6AC4 !important; } .bgs-theme .ui.inverted.indigo.segment { background-color: #5C6AC4 !important; color: #FAFAFA !important; } .bgs-theme .ui.dark.indigo.segment:not(.inverted) { border-top: 2px solid #202E78 !important; } .bgs-theme .ui.inverted.dark.indigo.segment { background-color: #202E78 !important; color: #FAFAFA !important; } .bgs-theme .ui.darker.indigo.segment:not(.inverted) { border-top: 2px solid #06145D !important; } .bgs-theme .ui.inverted.darker.indigo.segment { background-color: #06145D !important; color: #FAFAFA !important; } .bgs-theme .ui.darkest.indigo.segment:not(.inverted) { border-top: 2px solid #000639 !important; } .bgs-theme .ui.inverted.darkest.indigo.segment { background-color: #000639 !important; color: #FAFAFA !important; } .bgs-theme .ui.lighter.blue.segment:not(.inverted) { border-top: 2px solid #EBF4FA !important; } .bgs-theme .ui.inverted.lighter.blue.segment { background-color: #EBF4FA !important; color: #2D3239 !important; } .bgs-theme .ui.light.blue.segment:not(.inverted) { border-top: 2px solid #B4E0FA !important; } .bgs-theme .ui.inverted.light.blue.segment { background-color: #B4E0FA !important; color: #2D3239 !important; } .bgs-theme .ui.blue.segment:not(.inverted) { border-top: 2px solid #007ACE !important; } .bgs-theme .ui.inverted.blue.segment { background-color: #007ACE !important; color: #FAFAFA !important; } .bgs-theme .ui.dark.blue.segment:not(.inverted) { border-top: 2px solid #004F9C !important; } .bgs-theme .ui.inverted.dark.blue.segment { background-color: #004F9C !important; color: #FAFAFA !important; } .bgs-theme .ui.darker.blue.segment:not(.inverted) { border-top: 2px solid #00286D !important; } .bgs-theme .ui.inverted.darker.blue.segment { background-color: #00286D !important; color: #FAFAFA !important; } .bgs-theme .ui.darkest.blue.segment:not(.inverted) { border-top: 2px solid #00152A !important; } .bgs-theme .ui.inverted.darkest.blue.segment { background-color: #00152A !important; color: #FAFAFA !important; } .bgs-theme .ui.lighter.yellow.segment:not(.inverted) { border-top: 2px solid #FCF0CD !important; } .bgs-theme .ui.inverted.lighter.yellow.segment { background-color: #FCF0CD !important; color: #2D3239 !important; } .bgs-theme .ui.light.yellow.segment:not(.inverted) { border-top: 2px solid #FBEB9F !important; } .bgs-theme .ui.inverted.light.yellow.segment { background-color: #FBEB9F !important; color: #2D3239 !important; } .bgs-theme .ui.yellow.segment:not(.inverted) { border-top: 2px solid #FFDF45 !important; } .bgs-theme .ui.inverted.yellow.segment { background-color: #FFDF45 !important; color: #2D3239 !important; } .bgs-theme .ui.dark.yellow.segment:not(.inverted) { border-top: 2px solid #FFD643 !important; } .bgs-theme .ui.inverted.dark.yellow.segment { background-color: #FFD643 !important; color: #2D3239 !important; } .bgs-theme .ui.darker.yellow.segment:not(.inverted) { border-top: 2px solid #F7B904 !important; } .bgs-theme .ui.inverted.darker.yellow.segment { background-color: #F7B904 !important; color: #2D3239 !important; } .bgs-theme .ui.darkest.yellow.segment:not(.inverted) { border-top: 2px solid #C49407 !important; } .bgs-theme .ui.inverted.darkest.yellow.segment { background-color: #C49407 !important; color: #2D3239 !important; } .bgs-theme .ui.lighter.orange.segment:not(.inverted) { border-top: 2px solid #FCEBDB !important; } .bgs-theme .ui.inverted.lighter.orange.segment { background-color: #FCEBDB !important; color: #2D3239 !important; } .bgs-theme .ui.light.orange.segment:not(.inverted) { border-top: 2px solid #FFC48B !important; } .bgs-theme .ui.inverted.light.orange.segment { background-color: #FFC48B !important; color: #2D3239 !important; } .bgs-theme .ui.orange.segment:not(.inverted) { border-top: 2px solid #FFA553 !important; } .bgs-theme .ui.inverted.orange.segment { background-color: #FFA553 !important; color: #2D3239 !important; } .bgs-theme .ui.dark.orange.segment:not(.inverted) { border-top: 2px solid #EB770E !important; } .bgs-theme .ui.inverted.dark.orange.segment { background-color: #EB770E !important; color: #FAFAFA !important; } .bgs-theme .ui.darker.orange.segment:not(.inverted) { border-top: 2px solid #9B4A02 !important; } .bgs-theme .ui.inverted.darker.orange.segment { background-color: #9B4A02 !important; color: #FAFAFA !important; } .bgs-theme .ui.darkest.orange.segment:not(.inverted) { border-top: 2px solid #351A02 !important; } .bgs-theme .ui.inverted.darkest.orange.segment { background-color: #351A02 !important; color: #FAFAFA !important; } .bgs-theme .ui.lighter.red.segment:not(.inverted) { border-top: 2px solid #FDEAEA !important; } .bgs-theme .ui.inverted.lighter.red.segment { background-color: #FDEAEA !important; color: #2D3239 !important; } .bgs-theme .ui.light.red.segment:not(.inverted) { border-top: 2px solid #FF6E60 !important; } .bgs-theme .ui.inverted.light.red.segment { background-color: #FF6E60 !important; color: #2D3239 !important; } .bgs-theme .ui.red.segment:not(.inverted) { border-top: 2px solid #F03535 !important; } .bgs-theme .ui.inverted.red.segment { background-color: #F03535 !important; color: #FAFAFA !important; } .bgs-theme .ui.dark.red.segment:not(.inverted) { border-top: 2px solid #B5000D !important; } .bgs-theme .ui.inverted.dark.red.segment { background-color: #B5000D !important; color: #FAFAFA !important; } .bgs-theme .ui.darker.red.segment:not(.inverted) { border-top: 2px solid #6F030B !important; } .bgs-theme .ui.inverted.darker.red.segment { background-color: #6F030B !important; color: #FAFAFA !important; } .bgs-theme .ui.darkest.red.segment:not(.inverted) { border-top: 2px solid #3C0004 !important; } .bgs-theme .ui.inverted.darkest.red.segment { background-color: #3C0004 !important; color: #FAFAFA !important; } .bgs-theme .ui.white.segment:not(.inverted) { border-top: 2px solid #FAFAFA !important; } .bgs-theme .ui.inverted.white.segment { background-color: #FAFAFA !important; color: #2D3239 !important; } .bgs-theme .ui.light.grey.segment:not(.inverted) { border-top: 2px solid #F1F1F1 !important; } .bgs-theme .ui.inverted.light.grey.segment { background-color: #F1F1F1 !important; color: #2D3239 !important; } .bgs-theme .ui.mid.grey.segment:not(.inverted) { border-top: 2px solid #D8D8D8 !important; } .bgs-theme .ui.inverted.mid.grey.segment { background-color: #D8D8D8 !important; color: #2D3239 !important; } .bgs-theme .ui.charcoal.segment:not(.inverted) { border-top: 2px solid #434B55 !important; } .bgs-theme .ui.inverted.charcoal.segment { background-color: #434B55 !important; color: #FAFAFA !important; } .bgs-theme .ui.steps { display: inline-flex; flex-direction: row; align-items: stretch; margin: 1em 0em; background: ''; box-shadow: none; line-height: 1.125em; border-radius: 0.1875rem; border: 1px solid #ABADB0; } .bgs-theme .ui.steps:first-child { margin-top: 0em; } .bgs-theme .ui.steps:last-child { margin-bottom: 0em; } .bgs-theme .ui.steps .step { position: relative; display: flex; flex: 1 0 auto; flex-wrap: wrap; flex-direction: row; vertical-align: middle; align-items: center; justify-content: center; margin: 0em 0em; padding: 1.125em 2em; background: #FAFAFA; color: #2D3239; box-shadow: none; border-radius: 0em; border: none; border-right: 1px solid #ABADB0; transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; } .bgs-theme .ui.steps .step:after { display: none; position: absolute; z-index: 2; content: ''; top: 50%; right: 0%; border: medium none; background-color: #FAFAFA; width: 1.125em; height: 1.125em; border-style: solid; border-color: #ABADB0; border-width: 0px 1px 1px 0px; transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; transform: translateY(-50%) translateX(50%) rotate(-45deg); } .bgs-theme .ui.steps .step:first-child { padding-left: 2em; border-radius: 0.1875rem 0em 0em 0.1875rem; } .bgs-theme .ui.steps .step:last-child { border-radius: 0em 0.1875rem 0.1875rem 0em; } .bgs-theme .ui.steps .step:last-child { border-right: none; margin-right: 0em; } .bgs-theme .ui.steps .step:only-child { border-radius: 0.1875rem; } .bgs-theme .ui.steps .step .title { font-family: 'proxima-nova', sans-serif; font-size: 1.125em; font-weight: bold; } .bgs-theme .ui.steps .step > .title { width: 100%; } .bgs-theme .ui.steps .step .description { font-weight: normal; font-size: 0.9375em; color: #2D3239; } .bgs-theme .ui.steps .step > .description { width: 100%; } .bgs-theme .ui.steps .step .title ~ .description { margin-top: 0.25em; } .bgs-theme .ui.steps .step > .icon { line-height: 1; font-size: 2.5em; margin: 0em 1rem 0em 0em; } .bgs-theme .ui.steps .step > .icon, .bgs-theme .ui.steps .step > .icon ~ .content { display: block; flex: 0 1 auto; align-self: middle; } .bgs-theme .ui.steps .step > .icon ~ .content { flex-grow: 1 0 auto; } .bgs-theme .ui.steps:not(.vertical) .step > .icon { width: auto; } .bgs-theme .ui.steps .link.step, .bgs-theme .ui.steps a.step { cursor: pointer; } .bgs-theme .ui.ordered.steps { counter-reset: ordered; } .bgs-theme .ui.ordered.steps .step:before { display: block; position: static; text-align: center; content: counters(ordered, "."); align-self: middle; margin-right: 1rem; font-size: 2.5em; counter-increment: ordered; font-family: inherit; font-weight: bold; } .bgs-theme .ui.ordered.steps .step > * { display: block; align-self: middle; } .bgs-theme .ui.vertical.steps { display: inline-flex; flex-direction: column; overflow: visible; } .bgs-theme .ui.vertical.steps .step { justify-content: flex-start; border-radius: 0em; padding: 1.125em 2em; border-right: none; border-bottom: 1px solid #ABADB0; } .bgs-theme .ui.vertical.steps .step:first-child { padding: 1.125em 2em; border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.vertical.steps .step:last-child { border-bottom: none; border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui.vertical.steps .step:only-child { border-radius: 0.1875rem; } .bgs-theme .ui.vertical.steps .step:after { display: none; } .bgs-theme .ui.vertical.steps .step:after { top: 50%; right: 0%; border-width: 0px 1px 1px 0px; } .bgs-theme .ui.vertical.steps .step:after { display: none; } .bgs-theme .ui.vertical.steps .active.step:after { display: block; } .bgs-theme .ui.vertical.steps .step:last-child:after { display: none; } .bgs-theme .ui.vertical.steps .active.step:last-child:after { display: block; } @media only screen and (max-width: 767px) { .bgs-theme { /* Arrow */ /* Content */ /* Icon */ } .bgs-theme .ui.steps:not(.unstackable) { display: inline-flex; overflow: visible; flex-direction: column; } .bgs-theme .ui.steps:not(.unstackable) .step { width: 100% !important; flex-direction: column; border-radius: 0em; padding: 1.125em 2em; } .bgs-theme .ui.steps:not(.unstackable) .step:first-child { padding: 1.125em 2em; border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.steps:not(.unstackable) .step:last-child { border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui.steps:not(.unstackable) .step:after { display: none !important; } .bgs-theme .ui.steps:not(.unstackable) .step .content { text-align: center; } .bgs-theme .ui.steps:not(.unstackable) .step > .icon, .bgs-theme .ui.ordered.steps:not(.unstackable) .step:before { margin: 0em 0em 1rem 0em; } } .bgs-theme .ui.steps .link.step:hover::after, .bgs-theme .ui.steps .link.step:hover, .bgs-theme .ui.steps a.step:hover::after, .bgs-theme .ui.steps a.step:hover { background: #F9FAFB; color: rgba(0, 0, 0, 0.8); } .bgs-theme .ui.steps .link.step:active::after, .bgs-theme .ui.steps .link.step:active, .bgs-theme .ui.steps a.step:active::after, .bgs-theme .ui.steps a.step:active { background: #F3F4F5; color: rgba(0, 0, 0, 0.9); } .bgs-theme .ui.steps .step.active { cursor: auto; background: #F3F4F5; } .bgs-theme .ui.steps .step.active:after { background: #F3F4F5; } .bgs-theme .ui.steps .step.active .title { color: #007ACE; } .bgs-theme .ui.ordered.steps .step.active:before, .bgs-theme .ui.steps .active.step .icon { color: rgba(0, 0, 0, 0.85); } .bgs-theme .ui.steps .step:after { display: block; } .bgs-theme .ui.steps .active.step:after { display: block; } .bgs-theme .ui.steps .step:last-child:after { display: none; } .bgs-theme .ui.steps .active.step:last-child:after { display: none; } .bgs-theme .ui.steps .link.active.step:hover::after, .bgs-theme .ui.steps .link.active.step:hover, .bgs-theme .ui.steps a.active.step:hover::after, .bgs-theme .ui.steps a.active.step:hover { cursor: pointer; background: #F1F1F1; color: #2D3239; } .bgs-theme .ui.steps .step.completed > .icon:before, .bgs-theme .ui.ordered.steps .step.completed:before { color: #50B83C; } .bgs-theme .ui.steps .disabled.step { cursor: auto; background: #FAFAFA; pointer-events: none; } .bgs-theme .ui.steps .disabled.step, .bgs-theme .ui.steps .disabled.step .title, .bgs-theme .ui.steps .disabled.step .description { color: rgba(67, 75, 85, 0.3); } .bgs-theme .ui.steps .disabled.step:after { background: #FAFAFA; } @media only screen and (max-width: 991px) { .bgs-theme { /* Steps */ /* Arrow */ /* Content */ /* Icon */ } .bgs-theme .ui[class*="tablet stackable"].steps { display: inline-flex; overflow: visible; flex-direction: column; } .bgs-theme .ui[class*="tablet stackable"].steps .step { flex-direction: column; border-radius: 0em; padding: 1.125em 2em; } .bgs-theme .ui[class*="tablet stackable"].steps .step:first-child { padding: 1.125em 2em; border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui[class*="tablet stackable"].steps .step:last-child { border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui[class*="tablet stackable"].steps .step:after { display: none !important; } .bgs-theme .ui[class*="tablet stackable"].steps .step .content { text-align: center; } .bgs-theme .ui[class*="tablet stackable"].steps .step > .icon, .bgs-theme .ui[class*="tablet stackable"].ordered.steps .step:before { margin: 0em 0em 1rem 0em; } } .bgs-theme .ui.fluid.steps { display: flex; width: 100%; } .bgs-theme .ui.attached.steps { width: calc(102%) !important; margin: 0em -1px 0; max-width: calc(102%); border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.attached.steps .step:first-child { border-radius: 0.1875rem 0em 0em 0em; } .bgs-theme .ui.attached.steps .step:last-child { border-radius: 0em 0.1875rem 0em 0em; } .bgs-theme .ui.bottom.attached.steps { margin: 0 -1px 0em; border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui.bottom.attached.steps .step:first-child { border-radius: 0em 0em 0em 0.1875rem; } .bgs-theme .ui.bottom.attached.steps .step:last-child { border-radius: 0em 0em 0.1875rem 0em; } .bgs-theme .ui.one.steps, .bgs-theme .ui.two.steps, .bgs-theme .ui.three.steps, .bgs-theme .ui.four.steps, .bgs-theme .ui.five.steps, .bgs-theme .ui.six.steps, .bgs-theme .ui.seven.steps, .bgs-theme .ui.eight.steps { width: 100%; } .bgs-theme .ui.one.steps > .step, .bgs-theme .ui.two.steps > .step, .bgs-theme .ui.three.steps > .step, .bgs-theme .ui.four.steps > .step, .bgs-theme .ui.five.steps > .step, .bgs-theme .ui.six.steps > .step, .bgs-theme .ui.seven.steps > .step, .bgs-theme .ui.eight.steps > .step { flex-wrap: nowrap; } .bgs-theme .ui.one.steps > .step { width: 100%; } .bgs-theme .ui.two.steps > .step { width: 50%; } .bgs-theme .ui.three.steps > .step { width: 33.333%; } .bgs-theme .ui.four.steps > .step { width: 25%; } .bgs-theme .ui.five.steps > .step { width: 20%; } .bgs-theme .ui.six.steps > .step { width: 16.666%; } .bgs-theme .ui.seven.steps > .step { width: 14.285%; } .bgs-theme .ui.eight.steps > .step { width: 12.500%; } .bgs-theme .ui.mini.steps .step, .bgs-theme .ui.mini.step { font-size: 0.8125rem; } .bgs-theme .ui.tiny.steps .step, .bgs-theme .ui.tiny.step { font-size: 0.875rem; } .bgs-theme .ui.small.steps .step, .bgs-theme .ui.small.step { font-size: 0.9375rem; } .bgs-theme .ui.steps .step, .bgs-theme .ui.step { font-size: 1rem; } .bgs-theme .ui.large.steps .step, .bgs-theme .ui.large.step { font-size: 1.125rem; } .bgs-theme .ui.big.steps .step, .bgs-theme .ui.big.step { font-size: 1.3125rem; } .bgs-theme .ui.huge.steps .step, .bgs-theme .ui.huge.step { font-size: 1.4375rem; } .bgs-theme .ui.massive.steps .step, .bgs-theme .ui.massive.step { font-size: 1.6875rem; } @font-face { font-family: 'Step'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format('woff'); } .bgs-theme .ui.steps .step.completed > .icon:before, .bgs-theme .ui.ordered.steps .step.completed:before { font-family: 'Step'; content: '\e800'; /* '' */ } .bgs-theme .ui.breadcrumb { line-height: 1; display: inline-block; margin: 0em 0em; vertical-align: middle; } .bgs-theme .ui.breadcrumb:first-child { margin-top: 0em; } .bgs-theme .ui.breadcrumb:last-child { margin-bottom: 0em; } .bgs-theme .ui.breadcrumb .divider { display: inline-block; opacity: 0.7; margin: 0em 0.1875rem 0em; font-size: 0.9375em; color: rgba(0, 0, 0, 0.4); vertical-align: baseline; } .bgs-theme .ui.breadcrumb a { color: #007ACE; } .bgs-theme .ui.breadcrumb a:hover { color: #004F9C; } .bgs-theme .ui.breadcrumb .icon.divider { font-size: 0.875em; vertical-align: baseline; } .bgs-theme .ui.breadcrumb a.section { cursor: pointer; } .bgs-theme .ui.breadcrumb .section { display: inline-block; margin: 0em; padding: 0em; } .bgs-theme .ui.breadcrumb.segment { display: inline-block; padding: 0.8125em 1em; } .bgs-theme .ui.breadcrumb .active.section { font-weight: bold; } .bgs-theme .ui.mini.breadcrumb { font-size: 0.8125rem; } .bgs-theme .ui.tiny.breadcrumb { font-size: 0.875rem; } .bgs-theme .ui.small.breadcrumb { font-size: 0.9375rem; } .bgs-theme .ui.breadcrumb { font-size: 1rem; } .bgs-theme .ui.large.breadcrumb { font-size: 1.125rem; } .bgs-theme .ui.big.breadcrumb { font-size: 1.3125rem; } .bgs-theme .ui.huge.breadcrumb { font-size: 1.4375rem; } .bgs-theme .ui.massive.breadcrumb { font-size: 1.6875rem; } .bgs-theme .ui.form { position: relative; max-width: 100%; } .bgs-theme .ui.form > p { margin: 1em 0em; } .bgs-theme .ui.form .field { clear: both; margin: 0em 0em 1em; } .bgs-theme .ui.form .field:last-child, .bgs-theme .ui.form .fields:last-child .field { margin-bottom: 0em; } .bgs-theme .ui.form .fields .field { clear: both; margin: 0em; } .bgs-theme .ui.form .field > label { display: block; margin: 0em 0em 0.25rem 0em; color: #2D3239; font-size: 0.9375em; font-weight: bold; text-transform: none; } .bgs-theme .ui.form textarea, .bgs-theme .ui.form input:not([type]), .bgs-theme .ui.form input[type="date"], .bgs-theme .ui.form input[type="datetime-local"], .bgs-theme .ui.form input[type="email"], .bgs-theme .ui.form input[type="number"], .bgs-theme .ui.form input[type="password"], .bgs-theme .ui.form input[type="search"], .bgs-theme .ui.form input[type="tel"], .bgs-theme .ui.form input[type="time"], .bgs-theme .ui.form input[type="text"], .bgs-theme .ui.form input[type="file"], .bgs-theme .ui.form input[type="url"] { width: 100%; vertical-align: top; } .bgs-theme .ui.form ::-webkit-datetime-edit, .bgs-theme .ui.form ::-webkit-inner-spin-button { height: 1.21428571em; } .bgs-theme .ui.form input:not([type]), .bgs-theme .ui.form input[type="date"], .bgs-theme .ui.form input[type="datetime-local"], .bgs-theme .ui.form input[type="email"], .bgs-theme .ui.form input[type="number"], .bgs-theme .ui.form input[type="password"], .bgs-theme .ui.form input[type="search"], .bgs-theme .ui.form input[type="tel"], .bgs-theme .ui.form input[type="time"], .bgs-theme .ui.form input[type="text"], .bgs-theme .ui.form input[type="file"], .bgs-theme .ui.form input[type="url"] { font-family: 'proxima-nova', sans-serif; margin: 0em; outline: none; -webkit-appearance: none; tap-highlight-color: rgba(255, 255, 255, 0); line-height: 1.21428571em; padding: 0.58035714em 0.875em; font-size: 1em; background: #FAFAFA; border: 1px solid #ABADB0; color: #2D3239; border-radius: 0.1875rem; box-shadow: 0em 0em 0em 0em transparent inset; transition: color 0.1s ease, border-color 0.1s ease; } .bgs-theme .ui.form textarea { margin: 0em; -webkit-appearance: none; tap-highlight-color: rgba(255, 255, 255, 0); padding: 0.6875em 0.875em; background: #FAFAFA; border: 1px solid #ABADB0; outline: none; color: #2D3239; border-radius: 0.1875rem; box-shadow: 0em 0em 0em 0em transparent inset; transition: color 0.1s ease, border-color 0.1s ease; font-size: 1em; line-height: 1.2857; resize: vertical; } .bgs-theme .ui.form textarea:not([rows]) { height: 12em; min-height: 8em; max-height: 24em; } .bgs-theme .ui.form textarea, .bgs-theme .ui.form input[type="checkbox"] { vertical-align: top; } .bgs-theme .ui.form input.attached { width: auto; } .bgs-theme .ui.form select { display: block; height: auto; width: 100%; background: #FAFAFA; border: 1px solid #ABADB0; border-radius: 0.1875rem; box-shadow: 0em 0em 0em 0em transparent inset; padding: 0.62em 0.875em; color: #2D3239; transition: color 0.1s ease, border-color 0.1s ease; } .bgs-theme .ui.form .field > .selection.dropdown { width: 100%; } .bgs-theme .ui.form .field > .selection.dropdown > .dropdown.icon { float: right; } .bgs-theme .ui.form .inline.fields .field > .selection.dropdown, .bgs-theme .ui.form .inline.field > .selection.dropdown { width: auto; } .bgs-theme .ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon, .bgs-theme .ui.form .inline.field > .selection.dropdown > .dropdown.icon { float: none; } .bgs-theme .ui.form .field .ui.input, .bgs-theme .ui.form .fields .field .ui.input, .bgs-theme .ui.form .wide.field .ui.input { width: 100%; } .bgs-theme .ui.form .inline.fields .field:not(.wide) .ui.input, .bgs-theme .ui.form .inline.field:not(.wide) .ui.input { width: auto; vertical-align: middle; } .bgs-theme .ui.form .fields .field .ui.input input, .bgs-theme .ui.form .field .ui.input input { width: auto; } .bgs-theme .ui.form .ten.fields .ui.input input, .bgs-theme .ui.form .nine.fields .ui.input input, .bgs-theme .ui.form .eight.fields .ui.input input, .bgs-theme .ui.form .seven.fields .ui.input input, .bgs-theme .ui.form .six.fields .ui.input input, .bgs-theme .ui.form .five.fields .ui.input input, .bgs-theme .ui.form .four.fields .ui.input input, .bgs-theme .ui.form .three.fields .ui.input input, .bgs-theme .ui.form .two.fields .ui.input input, .bgs-theme .ui.form .wide.field .ui.input input { flex: 1 0 auto; width: 0px; } .bgs-theme .ui.form .success.message, .bgs-theme .ui.form .warning.message, .bgs-theme .ui.form .error.message { display: none; } .bgs-theme .ui.form .message:first-child { margin-top: 0px; } .bgs-theme .ui.form .field .prompt.label { white-space: normal; background: #FAFAFA !important; border: 1px solid #F03535 !important; color: #F03535 !important; } .bgs-theme .ui.form .inline.fields .field .prompt, .bgs-theme .ui.form .inline.field .prompt { vertical-align: top; margin: -0.25em 0em -0.5em 0.5em; } .bgs-theme .ui.form .inline.fields .field .prompt:before, .bgs-theme .ui.form .inline.field .prompt:before { border-width: 0px 0px 1px 1px; bottom: auto; right: auto; top: 50%; left: 0em; } .bgs-theme .ui.form .field.field input:-webkit-autofill { box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; border-color: #E5DFA1 !important; } .bgs-theme .ui.form .field.field input:-webkit-autofill:focus { box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; border-color: #D5C315 !important; } .bgs-theme .ui.form .error.error input:-webkit-autofill { box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important; border-color: #E0B4B4 !important; } .bgs-theme .ui.form ::-webkit-input-placeholder { color: #f1f2f4; } .bgs-theme .ui.form :-ms-input-placeholder { color: #f1f2f4 !important; } .bgs-theme .ui.form ::-moz-placeholder { color: #f1f2f4; } .bgs-theme .ui.form :focus::-webkit-input-placeholder { color: #9ba4b0; } .bgs-theme .ui.form :focus:-ms-input-placeholder { color: #9ba4b0 !important; } .bgs-theme .ui.form :focus::-moz-placeholder { color: #9ba4b0; } .bgs-theme .ui.form .error ::-webkit-input-placeholder { color: #fef3f3; } .bgs-theme .ui.form .error :-ms-input-placeholder { color: #fef3f3 !important; } .bgs-theme .ui.form .error ::-moz-placeholder { color: #fef3f3; } .bgs-theme .ui.form .error :focus::-webkit-input-placeholder { color: #fbc3c3; } .bgs-theme .ui.form .error :focus:-ms-input-placeholder { color: #fbc3c3 !important; } .bgs-theme .ui.form .error :focus::-moz-placeholder { color: #fbc3c3; } .bgs-theme .ui.form input:not([type]):focus, .bgs-theme .ui.form input[type="date"]:focus, .bgs-theme .ui.form input[type="datetime-local"]:focus, .bgs-theme .ui.form input[type="email"]:focus, .bgs-theme .ui.form input[type="number"]:focus, .bgs-theme .ui.form input[type="password"]:focus, .bgs-theme .ui.form input[type="search"]:focus, .bgs-theme .ui.form input[type="tel"]:focus, .bgs-theme .ui.form input[type="time"]:focus, .bgs-theme .ui.form input[type="text"]:focus, .bgs-theme .ui.form input[type="file"]:focus, .bgs-theme .ui.form input[type="url"]:focus { color: rgba(0, 0, 0, 0.95); border-color: #434B55; border-radius: 0.1875rem; background: #FAFAFA; box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; } .bgs-theme .ui.form textarea:focus { color: rgba(0, 0, 0, 0.95); border-color: #434B55; border-radius: 0.1875rem; background: #FAFAFA; box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; -webkit-appearance: none; } .bgs-theme .ui.form.success .success.message:not(:empty) { display: block; } .bgs-theme .ui.form.success .compact.success.message:not(:empty) { display: inline-block; } .bgs-theme .ui.form.success .icon.success.message:not(:empty) { display: flex; } .bgs-theme .ui.form.warning .warning.message:not(:empty) { display: block; } .bgs-theme .ui.form.warning .compact.warning.message:not(:empty) { display: inline-block; } .bgs-theme .ui.form.warning .icon.warning.message:not(:empty) { display: flex; } .bgs-theme .ui.form.error .error.message:not(:empty) { display: block; } .bgs-theme .ui.form.error .compact.error.message:not(:empty) { display: inline-block; } .bgs-theme .ui.form.error .icon.error.message:not(:empty) { display: flex; } .bgs-theme .ui.form .fields.error .field label, .bgs-theme .ui.form .field.error label, .bgs-theme .ui.form .fields.error .field .input, .bgs-theme .ui.form .field.error .input { color: #F03535; } .bgs-theme .ui.form .fields.error .field .corner.label, .bgs-theme .ui.form .field.error .corner.label { border-color: #F03535; color: #FAFAFA; } .bgs-theme .ui.form .fields.error .field textarea, .bgs-theme .ui.form .fields.error .field select, .bgs-theme .ui.form .fields.error .field input:not([type]), .bgs-theme .ui.form .fields.error .field input[type="date"], .bgs-theme .ui.form .fields.error .field input[type="datetime-local"], .bgs-theme .ui.form .fields.error .field input[type="email"], .bgs-theme .ui.form .fields.error .field input[type="number"], .bgs-theme .ui.form .fields.error .field input[type="password"], .bgs-theme .ui.form .fields.error .field input[type="search"], .bgs-theme .ui.form .fields.error .field input[type="tel"], .bgs-theme .ui.form .fields.error .field input[type="time"], .bgs-theme .ui.form .fields.error .field input[type="text"], .bgs-theme .ui.form .fields.error .field input[type="file"], .bgs-theme .ui.form .fields.error .field input[type="url"], .bgs-theme .ui.form .field.error textarea, .bgs-theme .ui.form .field.error select, .bgs-theme .ui.form .field.error input:not([type]), .bgs-theme .ui.form .field.error input[type="date"], .bgs-theme .ui.form .field.error input[type="datetime-local"], .bgs-theme .ui.form .field.error input[type="email"], .bgs-theme .ui.form .field.error input[type="number"], .bgs-theme .ui.form .field.error input[type="password"], .bgs-theme .ui.form .field.error input[type="search"], .bgs-theme .ui.form .field.error input[type="tel"], .bgs-theme .ui.form .field.error input[type="time"], .bgs-theme .ui.form .field.error input[type="text"], .bgs-theme .ui.form .field.error input[type="file"], .bgs-theme .ui.form .field.error input[type="url"] { background: transparent; border-color: #F03535; color: #F03535; border-radius: ''; box-shadow: none; } .bgs-theme .ui.form .field.error textarea:focus, .bgs-theme .ui.form .field.error select:focus, .bgs-theme .ui.form .field.error input:not([type]):focus, .bgs-theme .ui.form .field.error input[type="date"]:focus, .bgs-theme .ui.form .field.error input[type="datetime-local"]:focus, .bgs-theme .ui.form .field.error input[type="email"]:focus, .bgs-theme .ui.form .field.error input[type="number"]:focus, .bgs-theme .ui.form .field.error input[type="password"]:focus, .bgs-theme .ui.form .field.error input[type="search"]:focus, .bgs-theme .ui.form .field.error input[type="tel"]:focus, .bgs-theme .ui.form .field.error input[type="time"]:focus, .bgs-theme .ui.form .field.error input[type="text"]:focus, .bgs-theme .ui.form .field.error input[type="file"]:focus, .bgs-theme .ui.form .field.error input[type="url"]:focus { background: transparent; border-color: #F03535; color: #F03535; -webkit-appearance: none; box-shadow: none; } .bgs-theme .ui.form .field.error select { -webkit-appearance: menulist-button; } .bgs-theme .ui.form .fields.error .field .ui.dropdown, .bgs-theme .ui.form .fields.error .field .ui.dropdown .item, .bgs-theme .ui.form .field.error .ui.dropdown, .bgs-theme .ui.form .field.error .ui.dropdown .text, .bgs-theme .ui.form .field.error .ui.dropdown .item { background: transparent; color: #F03535; } .bgs-theme .ui.form .fields.error .field .ui.dropdown, .bgs-theme .ui.form .field.error .ui.dropdown { border-color: #F03535 !important; } .bgs-theme .ui.form .fields.error .field .ui.dropdown:hover, .bgs-theme .ui.form .field.error .ui.dropdown:hover { border-color: #F03535 !important; } .bgs-theme .ui.form .fields.error .field .ui.dropdown:hover .menu, .bgs-theme .ui.form .field.error .ui.dropdown:hover .menu { border-color: #F03535; } .bgs-theme .ui.form .fields.error .field .ui.multiple.selection.dropdown > .label, .bgs-theme .ui.form .field.error .ui.multiple.selection.dropdown > .label { background-color: #EACBCB; color: #F03535; } .bgs-theme .ui.form .fields.error .field .ui.dropdown .menu .item:hover, .bgs-theme .ui.form .field.error .ui.dropdown .menu .item:hover { background-color: transparent; } .bgs-theme .ui.form .fields.error .field .ui.dropdown .menu .selected.item, .bgs-theme .ui.form .field.error .ui.dropdown .menu .selected.item { background-color: transparent; } .bgs-theme .ui.form .fields.error .field .ui.dropdown .menu .active.item, .bgs-theme .ui.form .field.error .ui.dropdown .menu .active.item { background-color: transparent !important; } .bgs-theme .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label, .bgs-theme .ui.form .field.error .checkbox:not(.toggle):not(.slider) label, .bgs-theme .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, .bgs-theme .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box { color: #F03535; } .bgs-theme .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before, .bgs-theme .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before, .bgs-theme .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before, .bgs-theme .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before { background: transparent; border-color: #F03535; } .bgs-theme .ui.form .fields.error .field .checkbox label:after, .bgs-theme .ui.form .field.error .checkbox label:after, .bgs-theme .ui.form .fields.error .field .checkbox .box:after, .bgs-theme .ui.form .field.error .checkbox .box:after { color: #F03535; } .bgs-theme .ui.form .disabled.fields .field, .bgs-theme .ui.form .disabled.field, .bgs-theme .ui.form .field :disabled { pointer-events: none; opacity: 0.6; } .bgs-theme .ui.form .field.disabled > label, .bgs-theme .ui.form .fields.disabled > label { opacity: 0.6; } .bgs-theme .ui.form .field.disabled :disabled { opacity: 1; } .bgs-theme .ui.loading.form { position: relative; cursor: default; pointer-events: none; } .bgs-theme .ui.loading.form:before { position: absolute; content: ''; top: 0%; left: 0%; background: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; z-index: 100; } .bgs-theme .ui.loading.form:after { position: absolute; content: ''; top: 50%; left: 50%; margin: -1.5em 0em 0em -1.5em; width: 3em; height: 3em; animation: form-spin 0.8s linear; animation-iteration-count: infinite; border-radius: 500rem; border-color: #50B83C rgba(187, 229, 179, 0.5) rgba(187, 229, 179, 0.5) rgba(187, 229, 179, 0.5); border-style: solid; border-width: 0.25em; box-shadow: 0px 0px 0px 1px transparent; visibility: visible; z-index: 101; } @keyframes form-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .bgs-theme .ui.form .required.fields:not(.grouped) > .field > label:after, .bgs-theme .ui.form .required.fields.grouped > label:after, .bgs-theme .ui.form .required.field > label:after, .bgs-theme .ui.form .required.fields:not(.grouped) > .field > .checkbox:after, .bgs-theme .ui.form .required.field > .checkbox:after { margin: -0.2em 0em 0em 0.2em; content: '*'; color: #F03535; } .bgs-theme .ui.form .required.fields:not(.grouped) > .field > label:after, .bgs-theme .ui.form .required.fields.grouped > label:after, .bgs-theme .ui.form .required.field > label:after { display: inline-block; vertical-align: top; } .bgs-theme .ui.form .required.fields:not(.grouped) > .field > .checkbox:after, .bgs-theme .ui.form .required.field > .checkbox:after { position: absolute; top: 0%; left: 100%; } .bgs-theme .ui.inverted.form label, .bgs-theme .ui.form .inverted.segment label, .bgs-theme .ui.form .inverted.segment .ui.checkbox label, .bgs-theme .ui.form .inverted.segment .ui.checkbox .box, .bgs-theme .ui.inverted.form .ui.checkbox label, .bgs-theme .ui.inverted.form .ui.checkbox .box, .bgs-theme .ui.inverted.form .inline.fields > label, .bgs-theme .ui.inverted.form .inline.fields .field > label, .bgs-theme .ui.inverted.form .inline.fields .field > p, .bgs-theme .ui.inverted.form .inline.field > label, .bgs-theme .ui.inverted.form .inline.field > p { color: rgba(255, 255, 255, 0.9); } .bgs-theme .ui.inverted.form input:not([type]), .bgs-theme .ui.inverted.form input[type="date"], .bgs-theme .ui.inverted.form input[type="datetime-local"], .bgs-theme .ui.inverted.form input[type="email"], .bgs-theme .ui.inverted.form input[type="number"], .bgs-theme .ui.inverted.form input[type="password"], .bgs-theme .ui.inverted.form input[type="search"], .bgs-theme .ui.inverted.form input[type="tel"], .bgs-theme .ui.inverted.form input[type="time"], .bgs-theme .ui.inverted.form input[type="text"], .bgs-theme .ui.inverted.form input[type="file"], .bgs-theme .ui.inverted.form input[type="url"] { background: #FAFAFA; border-color: rgba(255, 255, 255, 0.1); color: #2D3239; box-shadow: none; } .bgs-theme .ui.form .grouped.fields { display: block; margin: 0em 0em 1em; } .bgs-theme .ui.form .grouped.fields:last-child { margin-bottom: 0em; } .bgs-theme .ui.form .grouped.fields > label { margin: 0em 0em 0.25rem 0em; color: #2D3239; font-size: 0.9375em; font-weight: bold; text-transform: none; } .bgs-theme .ui.form .grouped.fields .field, .bgs-theme .ui.form .grouped.inline.fields .field { display: block; margin: 0.5em 0em; padding: 0em; } .bgs-theme .ui.form .fields { display: flex; flex-direction: row; margin: 0em -0.5em 1em; } .bgs-theme .ui.form .fields > .field { flex: 0 1 auto; padding-left: 0.5em; padding-right: 0.5em; } .bgs-theme .ui.form .fields > .field:first-child { border-left: none; box-shadow: none; } .bgs-theme .ui.form .two.fields > .fields, .bgs-theme .ui.form .two.fields > .field { width: 50%; } .bgs-theme .ui.form .three.fields > .fields, .bgs-theme .ui.form .three.fields > .field { width: 33.33333333%; } .bgs-theme .ui.form .four.fields > .fields, .bgs-theme .ui.form .four.fields > .field { width: 25%; } .bgs-theme .ui.form .five.fields > .fields, .bgs-theme .ui.form .five.fields > .field { width: 20%; } .bgs-theme .ui.form .six.fields > .fields, .bgs-theme .ui.form .six.fields > .field { width: 16.66666667%; } .bgs-theme .ui.form .seven.fields > .fields, .bgs-theme .ui.form .seven.fields > .field { width: 14.28571429%; } .bgs-theme .ui.form .eight.fields > .fields, .bgs-theme .ui.form .eight.fields > .field { width: 12.5%; } .bgs-theme .ui.form .nine.fields > .fields, .bgs-theme .ui.form .nine.fields > .field { width: 11.11111111%; } .bgs-theme .ui.form .ten.fields > .fields, .bgs-theme .ui.form .ten.fields > .field { width: 10%; } @media only screen and (max-width: 767px) { .bgs-theme .ui.form .fields { flex-wrap: wrap; } .bgs-theme .ui[class*="equal width"].form:not(.unstackable) .fields > .field, .bgs-theme .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field, .bgs-theme .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields, .bgs-theme .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, .bgs-theme .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, .bgs-theme .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, .bgs-theme .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, .bgs-theme .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, .bgs-theme .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, .bgs-theme .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, .bgs-theme .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields, .bgs-theme .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field, .bgs-theme .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields, .bgs-theme .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field, .bgs-theme .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields, .bgs-theme .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field, .bgs-theme .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields, .bgs-theme .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field, .bgs-theme .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields, .bgs-theme .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field { width: 100% !important; margin: 0em 0em 1em; } } .bgs-theme .ui.form .fields .wide.field { width: 6.25%; padding-left: 0.5em; padding-right: 0.5em; } .bgs-theme .ui.form .one.wide.field { width: 6.25% !important; } .bgs-theme .ui.form .two.wide.field { width: 12.5% !important; } .bgs-theme .ui.form .three.wide.field { width: 18.75% !important; } .bgs-theme .ui.form .four.wide.field { width: 25% !important; } .bgs-theme .ui.form .five.wide.field { width: 31.25% !important; } .bgs-theme .ui.form .six.wide.field { width: 37.5% !important; } .bgs-theme .ui.form .seven.wide.field { width: 43.75% !important; } .bgs-theme .ui.form .eight.wide.field { width: 50% !important; } .bgs-theme .ui.form .nine.wide.field { width: 56.25% !important; } .bgs-theme .ui.form .ten.wide.field { width: 62.5% !important; } .bgs-theme .ui.form .eleven.wide.field { width: 68.75% !important; } .bgs-theme .ui.form .twelve.wide.field { width: 75% !important; } .bgs-theme .ui.form .thirteen.wide.field { width: 81.25% !important; } .bgs-theme .ui.form .fourteen.wide.field { width: 87.5% !important; } .bgs-theme .ui.form .fifteen.wide.field { width: 93.75% !important; } .bgs-theme .ui.form .sixteen.wide.field { width: 100% !important; } @media only screen and (max-width: 767px) { .bgs-theme .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields, .bgs-theme .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, .bgs-theme .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, .bgs-theme .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, .bgs-theme .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, .bgs-theme .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, .bgs-theme .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, .bgs-theme .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field, .bgs-theme .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field { width: 100% !important; } .bgs-theme .ui.form .fields { margin-bottom: 0em; } } .bgs-theme .ui[class*="equal width"].form .fields > .field, .bgs-theme .ui.form [class*="equal width"].fields > .field { width: 100%; flex: 1 1 auto; } .bgs-theme .ui.form .inline.fields { margin: 0em 0em 1em; align-items: center; } .bgs-theme .ui.form .inline.fields .field { margin: 0em; padding: 0em 1em 0em 0em; } .bgs-theme .ui.form .inline.fields > label, .bgs-theme .ui.form .inline.fields .field > label, .bgs-theme .ui.form .inline.fields .field > p, .bgs-theme .ui.form .inline.field > label, .bgs-theme .ui.form .inline.field > p { display: inline-block; width: auto; margin-top: 0em; margin-bottom: 0em; vertical-align: baseline; font-size: 0.9375em; font-weight: bold; color: #2D3239; text-transform: none; } .bgs-theme .ui.form .inline.fields > label { margin: 0.035714em 1em 0em 0em; } .bgs-theme .ui.form .inline.fields .field > input, .bgs-theme .ui.form .inline.fields .field > select, .bgs-theme .ui.form .inline.field > input, .bgs-theme .ui.form .inline.field > select { display: inline-block; width: auto; margin-top: 0em; margin-bottom: 0em; vertical-align: middle; font-size: 1em; } .bgs-theme .ui.form .inline.fields .field > :first-child, .bgs-theme .ui.form .inline.field > :first-child { margin: 0em 0.875em 0em 0em; } .bgs-theme .ui.form .inline.fields .field > :only-child, .bgs-theme .ui.form .inline.field > :only-child { margin: 0em; } .bgs-theme .ui.form .inline.fields .wide.field { display: flex; align-items: center; } .bgs-theme .ui.form .inline.fields .wide.field > input, .bgs-theme .ui.form .inline.fields .wide.field > select { width: 100%; } .bgs-theme .ui.mini.form { font-size: 0.8125rem; } .bgs-theme .ui.tiny.form { font-size: 0.875rem; } .bgs-theme .ui.small.form { font-size: 0.9375rem; } .bgs-theme .ui.form { font-size: 1rem; } .bgs-theme .ui.large.form { font-size: 1.125rem; } .bgs-theme .ui.big.form { font-size: 1.3125rem; } .bgs-theme .ui.huge.form { font-size: 1.4375rem; } .bgs-theme .ui.massive.form { font-size: 1.6875rem; } .bgs-theme .ui.grid { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; padding: 0em; } .bgs-theme .ui.grid { margin-top: -1rem; margin-bottom: -1rem; margin-left: -1rem; margin-right: -1rem; } .bgs-theme .ui.relaxed.grid { margin-left: -1.5rem; margin-right: -1.5rem; } .bgs-theme .ui[class*="very relaxed"].grid { margin-left: -2.5rem; margin-right: -2.5rem; } .bgs-theme .ui.grid + .grid { margin-top: 1rem; } .bgs-theme .ui.grid > .column:not(.row), .bgs-theme .ui.grid > .row > .column { position: relative; display: inline-block; width: 6.25%; padding-left: 1rem; padding-right: 1rem; vertical-align: top; } .bgs-theme .ui.grid > * { padding-left: 1rem; padding-right: 1rem; } .bgs-theme .ui.grid > .row { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: inherit; align-items: stretch; width: 100% !important; padding: 0rem; padding-top: 1rem; padding-bottom: 1rem; } .bgs-theme .ui.grid > .column:not(.row) { padding-top: 1rem; padding-bottom: 1rem; } .bgs-theme .ui.grid > .row > .column { margin-top: 0em; margin-bottom: 0em; } .bgs-theme .ui.grid > .row > img, .bgs-theme .ui.grid > .row > .column > img { max-width: 100%; } .bgs-theme .ui.grid > .ui.grid:first-child { margin-top: 0em; } .bgs-theme .ui.grid > .ui.grid:last-child { margin-bottom: 0em; } .bgs-theme .ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached), .bgs-theme .ui.aligned.grid .column > .segment:not(.compact):not(.attached) { width: 100%; } .bgs-theme .ui.grid .row + .ui.divider { flex-grow: 1; margin: 1rem 1rem; } .bgs-theme .ui.grid .column + .ui.vertical.divider { height: calc(49%); } .bgs-theme .ui.grid > .row > .column:last-child > .horizontal.segment, .bgs-theme .ui.grid > .column:last-child > .horizontal.segment { box-shadow: none; } @media only screen and (max-width: 767px) { .bgs-theme .ui.page.grid { width: auto; padding-left: 0em; padding-right: 0em; margin-left: 0em; margin-right: 0em; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .bgs-theme .ui.page.grid { width: auto; margin-left: 0em; margin-right: 0em; padding-left: 2em; padding-right: 2em; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .bgs-theme .ui.page.grid { width: auto; margin-left: 0em; margin-right: 0em; padding-left: 3%; padding-right: 3%; } } @media only screen and (min-width: 1200px) and (max-width: 1919px) { .bgs-theme .ui.page.grid { width: auto; margin-left: 0em; margin-right: 0em; padding-left: 15%; padding-right: 15%; } } @media only screen and (min-width: 1920px) { .bgs-theme .ui.page.grid { width: auto; margin-left: 0em; margin-right: 0em; padding-left: 23%; padding-right: 23%; } } .bgs-theme .ui.grid > .column:only-child, .bgs-theme .ui.grid > .row > .column:only-child { width: 100%; } .bgs-theme .ui[class*="one column"].grid > .row > .column, .bgs-theme .ui[class*="one column"].grid > .column:not(.row) { width: 100%; } .bgs-theme .ui[class*="two column"].grid > .row > .column, .bgs-theme .ui[class*="two column"].grid > .column:not(.row) { width: 50%; } .bgs-theme .ui[class*="three column"].grid > .row > .column, .bgs-theme .ui[class*="three column"].grid > .column:not(.row) { width: 33.33333333%; } .bgs-theme .ui[class*="four column"].grid > .row > .column, .bgs-theme .ui[class*="four column"].grid > .column:not(.row) { width: 25%; } .bgs-theme .ui[class*="five column"].grid > .row > .column, .bgs-theme .ui[class*="five column"].grid > .column:not(.row) { width: 20%; } .bgs-theme .ui[class*="six column"].grid > .row > .column, .bgs-theme .ui[class*="six column"].grid > .column:not(.row) { width: 16.66666667%; } .bgs-theme .ui[class*="seven column"].grid > .row > .column, .bgs-theme .ui[class*="seven column"].grid > .column:not(.row) { width: 14.28571429%; } .bgs-theme .ui[class*="eight column"].grid > .row > .column, .bgs-theme .ui[class*="eight column"].grid > .column:not(.row) { width: 12.5%; } .bgs-theme .ui[class*="nine column"].grid > .row > .column, .bgs-theme .ui[class*="nine column"].grid > .column:not(.row) { width: 11.11111111%; } .bgs-theme .ui[class*="ten column"].grid > .row > .column, .bgs-theme .ui[class*="ten column"].grid > .column:not(.row) { width: 10%; } .bgs-theme .ui[class*="eleven column"].grid > .row > .column, .bgs-theme .ui[class*="eleven column"].grid > .column:not(.row) { width: 9.09090909%; } .bgs-theme .ui[class*="twelve column"].grid > .row > .column, .bgs-theme .ui[class*="twelve column"].grid > .column:not(.row) { width: 8.33333333%; } .bgs-theme .ui[class*="thirteen column"].grid > .row > .column, .bgs-theme .ui[class*="thirteen column"].grid > .column:not(.row) { width: 7.69230769%; } .bgs-theme .ui[class*="fourteen column"].grid > .row > .column, .bgs-theme .ui[class*="fourteen column"].grid > .column:not(.row) { width: 7.14285714%; } .bgs-theme .ui[class*="fifteen column"].grid > .row > .column, .bgs-theme .ui[class*="fifteen column"].grid > .column:not(.row) { width: 6.66666667%; } .bgs-theme .ui[class*="sixteen column"].grid > .row > .column, .bgs-theme .ui[class*="sixteen column"].grid > .column:not(.row) { width: 6.25%; } .bgs-theme .ui.grid > [class*="one column"].row > .column { width: 100% !important; } .bgs-theme .ui.grid > [class*="two column"].row > .column { width: 50% !important; } .bgs-theme .ui.grid > [class*="three column"].row > .column { width: 33.33333333% !important; } .bgs-theme .ui.grid > [class*="four column"].row > .column { width: 25% !important; } .bgs-theme .ui.grid > [class*="five column"].row > .column { width: 20% !important; } .bgs-theme .ui.grid > [class*="six column"].row > .column { width: 16.66666667% !important; } .bgs-theme .ui.grid > [class*="seven column"].row > .column { width: 14.28571429% !important; } .bgs-theme .ui.grid > [class*="eight column"].row > .column { width: 12.5% !important; } .bgs-theme .ui.grid > [class*="nine column"].row > .column { width: 11.11111111% !important; } .bgs-theme .ui.grid > [class*="ten column"].row > .column { width: 10% !important; } .bgs-theme .ui.grid > [class*="eleven column"].row > .column { width: 9.09090909% !important; } .bgs-theme .ui.grid > [class*="twelve column"].row > .column { width: 8.33333333% !important; } .bgs-theme .ui.grid > [class*="thirteen column"].row > .column { width: 7.69230769% !important; } .bgs-theme .ui.grid > [class*="fourteen column"].row > .column { width: 7.14285714% !important; } .bgs-theme .ui.grid > [class*="fifteen column"].row > .column { width: 6.66666667% !important; } .bgs-theme .ui.grid > [class*="sixteen column"].row > .column { width: 6.25% !important; } .bgs-theme .ui.celled.page.grid { box-shadow: none; } .bgs-theme .ui.grid > .row > [class*="one wide"].column, .bgs-theme .ui.grid > .column.row > [class*="one wide"].column, .bgs-theme .ui.grid > [class*="one wide"].column, .bgs-theme .ui.column.grid > [class*="one wide"].column { width: 6.25% !important; } .bgs-theme .ui.grid > .row > [class*="two wide"].column, .bgs-theme .ui.grid > .column.row > [class*="two wide"].column, .bgs-theme .ui.grid > [class*="two wide"].column, .bgs-theme .ui.column.grid > [class*="two wide"].column { width: 12.5% !important; } .bgs-theme .ui.grid > .row > [class*="three wide"].column, .bgs-theme .ui.grid > .column.row > [class*="three wide"].column, .bgs-theme .ui.grid > [class*="three wide"].column, .bgs-theme .ui.column.grid > [class*="three wide"].column { width: 18.75% !important; } .bgs-theme .ui.grid > .row > [class*="four wide"].column, .bgs-theme .ui.grid > .column.row > [class*="four wide"].column, .bgs-theme .ui.grid > [class*="four wide"].column, .bgs-theme .ui.column.grid > [class*="four wide"].column { width: 25% !important; } .bgs-theme .ui.grid > .row > [class*="five wide"].column, .bgs-theme .ui.grid > .column.row > [class*="five wide"].column, .bgs-theme .ui.grid > [class*="five wide"].column, .bgs-theme .ui.column.grid > [class*="five wide"].column { width: 31.25% !important; } .bgs-theme .ui.grid > .row > [class*="six wide"].column, .bgs-theme .ui.grid > .column.row > [class*="six wide"].column, .bgs-theme .ui.grid > [class*="six wide"].column, .bgs-theme .ui.column.grid > [class*="six wide"].column { width: 37.5% !important; } .bgs-theme .ui.grid > .row > [class*="seven wide"].column, .bgs-theme .ui.grid > .column.row > [class*="seven wide"].column, .bgs-theme .ui.grid > [class*="seven wide"].column, .bgs-theme .ui.column.grid > [class*="seven wide"].column { width: 43.75% !important; } .bgs-theme .ui.grid > .row > [class*="eight wide"].column, .bgs-theme .ui.grid > .column.row > [class*="eight wide"].column, .bgs-theme .ui.grid > [class*="eight wide"].column, .bgs-theme .ui.column.grid > [class*="eight wide"].column { width: 50% !important; } .bgs-theme .ui.grid > .row > [class*="nine wide"].column, .bgs-theme .ui.grid > .column.row > [class*="nine wide"].column, .bgs-theme .ui.grid > [class*="nine wide"].column, .bgs-theme .ui.column.grid > [class*="nine wide"].column { width: 56.25% !important; } .bgs-theme .ui.grid > .row > [class*="ten wide"].column, .bgs-theme .ui.grid > .column.row > [class*="ten wide"].column, .bgs-theme .ui.grid > [class*="ten wide"].column, .bgs-theme .ui.column.grid > [class*="ten wide"].column { width: 62.5% !important; } .bgs-theme .ui.grid > .row > [class*="eleven wide"].column, .bgs-theme .ui.grid > .column.row > [class*="eleven wide"].column, .bgs-theme .ui.grid > [class*="eleven wide"].column, .bgs-theme .ui.column.grid > [class*="eleven wide"].column { width: 68.75% !important; } .bgs-theme .ui.grid > .row > [class*="twelve wide"].column, .bgs-theme .ui.grid > .column.row > [class*="twelve wide"].column, .bgs-theme .ui.grid > [class*="twelve wide"].column, .bgs-theme .ui.column.grid > [class*="twelve wide"].column { width: 75% !important; } .bgs-theme .ui.grid > .row > [class*="thirteen wide"].column, .bgs-theme .ui.grid > .column.row > [class*="thirteen wide"].column, .bgs-theme .ui.grid > [class*="thirteen wide"].column, .bgs-theme .ui.column.grid > [class*="thirteen wide"].column { width: 81.25% !important; } .bgs-theme .ui.grid > .row > [class*="fourteen wide"].column, .bgs-theme .ui.grid > .column.row > [class*="fourteen wide"].column, .bgs-theme .ui.grid > [class*="fourteen wide"].column, .bgs-theme .ui.column.grid > [class*="fourteen wide"].column { width: 87.5% !important; } .bgs-theme .ui.grid > .row > [class*="fifteen wide"].column, .bgs-theme .ui.grid > .column.row > [class*="fifteen wide"].column, .bgs-theme .ui.grid > [class*="fifteen wide"].column, .bgs-theme .ui.column.grid > [class*="fifteen wide"].column { width: 93.75% !important; } .bgs-theme .ui.grid > .row > [class*="sixteen wide"].column, .bgs-theme .ui.grid > .column.row > [class*="sixteen wide"].column, .bgs-theme .ui.grid > [class*="sixteen wide"].column, .bgs-theme .ui.column.grid > [class*="sixteen wide"].column { width: 100% !important; } @media only screen and (min-width: 320px) and (max-width: 767px) { .bgs-theme .ui.grid > .row > [class*="one wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="one wide mobile"].column, .bgs-theme .ui.grid > [class*="one wide mobile"].column, .bgs-theme .ui.column.grid > [class*="one wide mobile"].column { width: 6.25% !important; } .bgs-theme .ui.grid > .row > [class*="two wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="two wide mobile"].column, .bgs-theme .ui.grid > [class*="two wide mobile"].column, .bgs-theme .ui.column.grid > [class*="two wide mobile"].column { width: 12.5% !important; } .bgs-theme .ui.grid > .row > [class*="three wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="three wide mobile"].column, .bgs-theme .ui.grid > [class*="three wide mobile"].column, .bgs-theme .ui.column.grid > [class*="three wide mobile"].column { width: 18.75% !important; } .bgs-theme .ui.grid > .row > [class*="four wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="four wide mobile"].column, .bgs-theme .ui.grid > [class*="four wide mobile"].column, .bgs-theme .ui.column.grid > [class*="four wide mobile"].column { width: 25% !important; } .bgs-theme .ui.grid > .row > [class*="five wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="five wide mobile"].column, .bgs-theme .ui.grid > [class*="five wide mobile"].column, .bgs-theme .ui.column.grid > [class*="five wide mobile"].column { width: 31.25% !important; } .bgs-theme .ui.grid > .row > [class*="six wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="six wide mobile"].column, .bgs-theme .ui.grid > [class*="six wide mobile"].column, .bgs-theme .ui.column.grid > [class*="six wide mobile"].column { width: 37.5% !important; } .bgs-theme .ui.grid > .row > [class*="seven wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="seven wide mobile"].column, .bgs-theme .ui.grid > [class*="seven wide mobile"].column, .bgs-theme .ui.column.grid > [class*="seven wide mobile"].column { width: 43.75% !important; } .bgs-theme .ui.grid > .row > [class*="eight wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="eight wide mobile"].column, .bgs-theme .ui.grid > [class*="eight wide mobile"].column, .bgs-theme .ui.column.grid > [class*="eight wide mobile"].column { width: 50% !important; } .bgs-theme .ui.grid > .row > [class*="nine wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="nine wide mobile"].column, .bgs-theme .ui.grid > [class*="nine wide mobile"].column, .bgs-theme .ui.column.grid > [class*="nine wide mobile"].column { width: 56.25% !important; } .bgs-theme .ui.grid > .row > [class*="ten wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="ten wide mobile"].column, .bgs-theme .ui.grid > [class*="ten wide mobile"].column, .bgs-theme .ui.column.grid > [class*="ten wide mobile"].column { width: 62.5% !important; } .bgs-theme .ui.grid > .row > [class*="eleven wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="eleven wide mobile"].column, .bgs-theme .ui.grid > [class*="eleven wide mobile"].column, .bgs-theme .ui.column.grid > [class*="eleven wide mobile"].column { width: 68.75% !important; } .bgs-theme .ui.grid > .row > [class*="twelve wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="twelve wide mobile"].column, .bgs-theme .ui.grid > [class*="twelve wide mobile"].column, .bgs-theme .ui.column.grid > [class*="twelve wide mobile"].column { width: 75% !important; } .bgs-theme .ui.grid > .row > [class*="thirteen wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="thirteen wide mobile"].column, .bgs-theme .ui.grid > [class*="thirteen wide mobile"].column, .bgs-theme .ui.column.grid > [class*="thirteen wide mobile"].column { width: 81.25% !important; } .bgs-theme .ui.grid > .row > [class*="fourteen wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="fourteen wide mobile"].column, .bgs-theme .ui.grid > [class*="fourteen wide mobile"].column, .bgs-theme .ui.column.grid > [class*="fourteen wide mobile"].column { width: 87.5% !important; } .bgs-theme .ui.grid > .row > [class*="fifteen wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="fifteen wide mobile"].column, .bgs-theme .ui.grid > [class*="fifteen wide mobile"].column, .bgs-theme .ui.column.grid > [class*="fifteen wide mobile"].column { width: 93.75% !important; } .bgs-theme .ui.grid > .row > [class*="sixteen wide mobile"].column, .bgs-theme .ui.grid > .column.row > [class*="sixteen wide mobile"].column, .bgs-theme .ui.grid > [class*="sixteen wide mobile"].column, .bgs-theme .ui.column.grid > [class*="sixteen wide mobile"].column { width: 100% !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .bgs-theme .ui.grid > .row > [class*="one wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="one wide tablet"].column, .bgs-theme .ui.grid > [class*="one wide tablet"].column, .bgs-theme .ui.column.grid > [class*="one wide tablet"].column { width: 6.25% !important; } .bgs-theme .ui.grid > .row > [class*="two wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="two wide tablet"].column, .bgs-theme .ui.grid > [class*="two wide tablet"].column, .bgs-theme .ui.column.grid > [class*="two wide tablet"].column { width: 12.5% !important; } .bgs-theme .ui.grid > .row > [class*="three wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="three wide tablet"].column, .bgs-theme .ui.grid > [class*="three wide tablet"].column, .bgs-theme .ui.column.grid > [class*="three wide tablet"].column { width: 18.75% !important; } .bgs-theme .ui.grid > .row > [class*="four wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="four wide tablet"].column, .bgs-theme .ui.grid > [class*="four wide tablet"].column, .bgs-theme .ui.column.grid > [class*="four wide tablet"].column { width: 25% !important; } .bgs-theme .ui.grid > .row > [class*="five wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="five wide tablet"].column, .bgs-theme .ui.grid > [class*="five wide tablet"].column, .bgs-theme .ui.column.grid > [class*="five wide tablet"].column { width: 31.25% !important; } .bgs-theme .ui.grid > .row > [class*="six wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="six wide tablet"].column, .bgs-theme .ui.grid > [class*="six wide tablet"].column, .bgs-theme .ui.column.grid > [class*="six wide tablet"].column { width: 37.5% !important; } .bgs-theme .ui.grid > .row > [class*="seven wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="seven wide tablet"].column, .bgs-theme .ui.grid > [class*="seven wide tablet"].column, .bgs-theme .ui.column.grid > [class*="seven wide tablet"].column { width: 43.75% !important; } .bgs-theme .ui.grid > .row > [class*="eight wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="eight wide tablet"].column, .bgs-theme .ui.grid > [class*="eight wide tablet"].column, .bgs-theme .ui.column.grid > [class*="eight wide tablet"].column { width: 50% !important; } .bgs-theme .ui.grid > .row > [class*="nine wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="nine wide tablet"].column, .bgs-theme .ui.grid > [class*="nine wide tablet"].column, .bgs-theme .ui.column.grid > [class*="nine wide tablet"].column { width: 56.25% !important; } .bgs-theme .ui.grid > .row > [class*="ten wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="ten wide tablet"].column, .bgs-theme .ui.grid > [class*="ten wide tablet"].column, .bgs-theme .ui.column.grid > [class*="ten wide tablet"].column { width: 62.5% !important; } .bgs-theme .ui.grid > .row > [class*="eleven wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="eleven wide tablet"].column, .bgs-theme .ui.grid > [class*="eleven wide tablet"].column, .bgs-theme .ui.column.grid > [class*="eleven wide tablet"].column { width: 68.75% !important; } .bgs-theme .ui.grid > .row > [class*="twelve wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="twelve wide tablet"].column, .bgs-theme .ui.grid > [class*="twelve wide tablet"].column, .bgs-theme .ui.column.grid > [class*="twelve wide tablet"].column { width: 75% !important; } .bgs-theme .ui.grid > .row > [class*="thirteen wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="thirteen wide tablet"].column, .bgs-theme .ui.grid > [class*="thirteen wide tablet"].column, .bgs-theme .ui.column.grid > [class*="thirteen wide tablet"].column { width: 81.25% !important; } .bgs-theme .ui.grid > .row > [class*="fourteen wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="fourteen wide tablet"].column, .bgs-theme .ui.grid > [class*="fourteen wide tablet"].column, .bgs-theme .ui.column.grid > [class*="fourteen wide tablet"].column { width: 87.5% !important; } .bgs-theme .ui.grid > .row > [class*="fifteen wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="fifteen wide tablet"].column, .bgs-theme .ui.grid > [class*="fifteen wide tablet"].column, .bgs-theme .ui.column.grid > [class*="fifteen wide tablet"].column { width: 93.75% !important; } .bgs-theme .ui.grid > .row > [class*="sixteen wide tablet"].column, .bgs-theme .ui.grid > .column.row > [class*="sixteen wide tablet"].column, .bgs-theme .ui.grid > [class*="sixteen wide tablet"].column, .bgs-theme .ui.column.grid > [class*="sixteen wide tablet"].column { width: 100% !important; } } @media only screen and (min-width: 992px) { .bgs-theme .ui.grid > .row > [class*="one wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="one wide computer"].column, .bgs-theme .ui.grid > [class*="one wide computer"].column, .bgs-theme .ui.column.grid > [class*="one wide computer"].column { width: 6.25% !important; } .bgs-theme .ui.grid > .row > [class*="two wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="two wide computer"].column, .bgs-theme .ui.grid > [class*="two wide computer"].column, .bgs-theme .ui.column.grid > [class*="two wide computer"].column { width: 12.5% !important; } .bgs-theme .ui.grid > .row > [class*="three wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="three wide computer"].column, .bgs-theme .ui.grid > [class*="three wide computer"].column, .bgs-theme .ui.column.grid > [class*="three wide computer"].column { width: 18.75% !important; } .bgs-theme .ui.grid > .row > [class*="four wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="four wide computer"].column, .bgs-theme .ui.grid > [class*="four wide computer"].column, .bgs-theme .ui.column.grid > [class*="four wide computer"].column { width: 25% !important; } .bgs-theme .ui.grid > .row > [class*="five wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="five wide computer"].column, .bgs-theme .ui.grid > [class*="five wide computer"].column, .bgs-theme .ui.column.grid > [class*="five wide computer"].column { width: 31.25% !important; } .bgs-theme .ui.grid > .row > [class*="six wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="six wide computer"].column, .bgs-theme .ui.grid > [class*="six wide computer"].column, .bgs-theme .ui.column.grid > [class*="six wide computer"].column { width: 37.5% !important; } .bgs-theme .ui.grid > .row > [class*="seven wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="seven wide computer"].column, .bgs-theme .ui.grid > [class*="seven wide computer"].column, .bgs-theme .ui.column.grid > [class*="seven wide computer"].column { width: 43.75% !important; } .bgs-theme .ui.grid > .row > [class*="eight wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="eight wide computer"].column, .bgs-theme .ui.grid > [class*="eight wide computer"].column, .bgs-theme .ui.column.grid > [class*="eight wide computer"].column { width: 50% !important; } .bgs-theme .ui.grid > .row > [class*="nine wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="nine wide computer"].column, .bgs-theme .ui.grid > [class*="nine wide computer"].column, .bgs-theme .ui.column.grid > [class*="nine wide computer"].column { width: 56.25% !important; } .bgs-theme .ui.grid > .row > [class*="ten wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="ten wide computer"].column, .bgs-theme .ui.grid > [class*="ten wide computer"].column, .bgs-theme .ui.column.grid > [class*="ten wide computer"].column { width: 62.5% !important; } .bgs-theme .ui.grid > .row > [class*="eleven wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="eleven wide computer"].column, .bgs-theme .ui.grid > [class*="eleven wide computer"].column, .bgs-theme .ui.column.grid > [class*="eleven wide computer"].column { width: 68.75% !important; } .bgs-theme .ui.grid > .row > [class*="twelve wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="twelve wide computer"].column, .bgs-theme .ui.grid > [class*="twelve wide computer"].column, .bgs-theme .ui.column.grid > [class*="twelve wide computer"].column { width: 75% !important; } .bgs-theme .ui.grid > .row > [class*="thirteen wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="thirteen wide computer"].column, .bgs-theme .ui.grid > [class*="thirteen wide computer"].column, .bgs-theme .ui.column.grid > [class*="thirteen wide computer"].column { width: 81.25% !important; } .bgs-theme .ui.grid > .row > [class*="fourteen wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="fourteen wide computer"].column, .bgs-theme .ui.grid > [class*="fourteen wide computer"].column, .bgs-theme .ui.column.grid > [class*="fourteen wide computer"].column { width: 87.5% !important; } .bgs-theme .ui.grid > .row > [class*="fifteen wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="fifteen wide computer"].column, .bgs-theme .ui.grid > [class*="fifteen wide computer"].column, .bgs-theme .ui.column.grid > [class*="fifteen wide computer"].column { width: 93.75% !important; } .bgs-theme .ui.grid > .row > [class*="sixteen wide computer"].column, .bgs-theme .ui.grid > .column.row > [class*="sixteen wide computer"].column, .bgs-theme .ui.grid > [class*="sixteen wide computer"].column, .bgs-theme .ui.column.grid > [class*="sixteen wide computer"].column { width: 100% !important; } } @media only screen and (min-width: 1200px) and (max-width: 1919px) { .bgs-theme .ui.grid > .row > [class*="one wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="one wide large screen"].column, .bgs-theme .ui.grid > [class*="one wide large screen"].column, .bgs-theme .ui.column.grid > [class*="one wide large screen"].column { width: 6.25% !important; } .bgs-theme .ui.grid > .row > [class*="two wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="two wide large screen"].column, .bgs-theme .ui.grid > [class*="two wide large screen"].column, .bgs-theme .ui.column.grid > [class*="two wide large screen"].column { width: 12.5% !important; } .bgs-theme .ui.grid > .row > [class*="three wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="three wide large screen"].column, .bgs-theme .ui.grid > [class*="three wide large screen"].column, .bgs-theme .ui.column.grid > [class*="three wide large screen"].column { width: 18.75% !important; } .bgs-theme .ui.grid > .row > [class*="four wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="four wide large screen"].column, .bgs-theme .ui.grid > [class*="four wide large screen"].column, .bgs-theme .ui.column.grid > [class*="four wide large screen"].column { width: 25% !important; } .bgs-theme .ui.grid > .row > [class*="five wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="five wide large screen"].column, .bgs-theme .ui.grid > [class*="five wide large screen"].column, .bgs-theme .ui.column.grid > [class*="five wide large screen"].column { width: 31.25% !important; } .bgs-theme .ui.grid > .row > [class*="six wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="six wide large screen"].column, .bgs-theme .ui.grid > [class*="six wide large screen"].column, .bgs-theme .ui.column.grid > [class*="six wide large screen"].column { width: 37.5% !important; } .bgs-theme .ui.grid > .row > [class*="seven wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="seven wide large screen"].column, .bgs-theme .ui.grid > [class*="seven wide large screen"].column, .bgs-theme .ui.column.grid > [class*="seven wide large screen"].column { width: 43.75% !important; } .bgs-theme .ui.grid > .row > [class*="eight wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="eight wide large screen"].column, .bgs-theme .ui.grid > [class*="eight wide large screen"].column, .bgs-theme .ui.column.grid > [class*="eight wide large screen"].column { width: 50% !important; } .bgs-theme .ui.grid > .row > [class*="nine wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="nine wide large screen"].column, .bgs-theme .ui.grid > [class*="nine wide large screen"].column, .bgs-theme .ui.column.grid > [class*="nine wide large screen"].column { width: 56.25% !important; } .bgs-theme .ui.grid > .row > [class*="ten wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="ten wide large screen"].column, .bgs-theme .ui.grid > [class*="ten wide large screen"].column, .bgs-theme .ui.column.grid > [class*="ten wide large screen"].column { width: 62.5% !important; } .bgs-theme .ui.grid > .row > [class*="eleven wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="eleven wide large screen"].column, .bgs-theme .ui.grid > [class*="eleven wide large screen"].column, .bgs-theme .ui.column.grid > [class*="eleven wide large screen"].column { width: 68.75% !important; } .bgs-theme .ui.grid > .row > [class*="twelve wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="twelve wide large screen"].column, .bgs-theme .ui.grid > [class*="twelve wide large screen"].column, .bgs-theme .ui.column.grid > [class*="twelve wide large screen"].column { width: 75% !important; } .bgs-theme .ui.grid > .row > [class*="thirteen wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="thirteen wide large screen"].column, .bgs-theme .ui.grid > [class*="thirteen wide large screen"].column, .bgs-theme .ui.column.grid > [class*="thirteen wide large screen"].column { width: 81.25% !important; } .bgs-theme .ui.grid > .row > [class*="fourteen wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="fourteen wide large screen"].column, .bgs-theme .ui.grid > [class*="fourteen wide large screen"].column, .bgs-theme .ui.column.grid > [class*="fourteen wide large screen"].column { width: 87.5% !important; } .bgs-theme .ui.grid > .row > [class*="fifteen wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="fifteen wide large screen"].column, .bgs-theme .ui.grid > [class*="fifteen wide large screen"].column, .bgs-theme .ui.column.grid > [class*="fifteen wide large screen"].column { width: 93.75% !important; } .bgs-theme .ui.grid > .row > [class*="sixteen wide large screen"].column, .bgs-theme .ui.grid > .column.row > [class*="sixteen wide large screen"].column, .bgs-theme .ui.grid > [class*="sixteen wide large screen"].column, .bgs-theme .ui.column.grid > [class*="sixteen wide large screen"].column { width: 100% !important; } } @media only screen and (min-width: 1920px) { .bgs-theme .ui.grid > .row > [class*="one wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="one wide widescreen"].column, .bgs-theme .ui.grid > [class*="one wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="one wide widescreen"].column { width: 6.25% !important; } .bgs-theme .ui.grid > .row > [class*="two wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="two wide widescreen"].column, .bgs-theme .ui.grid > [class*="two wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="two wide widescreen"].column { width: 12.5% !important; } .bgs-theme .ui.grid > .row > [class*="three wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="three wide widescreen"].column, .bgs-theme .ui.grid > [class*="three wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="three wide widescreen"].column { width: 18.75% !important; } .bgs-theme .ui.grid > .row > [class*="four wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="four wide widescreen"].column, .bgs-theme .ui.grid > [class*="four wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="four wide widescreen"].column { width: 25% !important; } .bgs-theme .ui.grid > .row > [class*="five wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="five wide widescreen"].column, .bgs-theme .ui.grid > [class*="five wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="five wide widescreen"].column { width: 31.25% !important; } .bgs-theme .ui.grid > .row > [class*="six wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="six wide widescreen"].column, .bgs-theme .ui.grid > [class*="six wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="six wide widescreen"].column { width: 37.5% !important; } .bgs-theme .ui.grid > .row > [class*="seven wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="seven wide widescreen"].column, .bgs-theme .ui.grid > [class*="seven wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="seven wide widescreen"].column { width: 43.75% !important; } .bgs-theme .ui.grid > .row > [class*="eight wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="eight wide widescreen"].column, .bgs-theme .ui.grid > [class*="eight wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="eight wide widescreen"].column { width: 50% !important; } .bgs-theme .ui.grid > .row > [class*="nine wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="nine wide widescreen"].column, .bgs-theme .ui.grid > [class*="nine wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="nine wide widescreen"].column { width: 56.25% !important; } .bgs-theme .ui.grid > .row > [class*="ten wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="ten wide widescreen"].column, .bgs-theme .ui.grid > [class*="ten wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="ten wide widescreen"].column { width: 62.5% !important; } .bgs-theme .ui.grid > .row > [class*="eleven wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="eleven wide widescreen"].column, .bgs-theme .ui.grid > [class*="eleven wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="eleven wide widescreen"].column { width: 68.75% !important; } .bgs-theme .ui.grid > .row > [class*="twelve wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="twelve wide widescreen"].column, .bgs-theme .ui.grid > [class*="twelve wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="twelve wide widescreen"].column { width: 75% !important; } .bgs-theme .ui.grid > .row > [class*="thirteen wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="thirteen wide widescreen"].column, .bgs-theme .ui.grid > [class*="thirteen wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="thirteen wide widescreen"].column { width: 81.25% !important; } .bgs-theme .ui.grid > .row > [class*="fourteen wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="fourteen wide widescreen"].column, .bgs-theme .ui.grid > [class*="fourteen wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="fourteen wide widescreen"].column { width: 87.5% !important; } .bgs-theme .ui.grid > .row > [class*="fifteen wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="fifteen wide widescreen"].column, .bgs-theme .ui.grid > [class*="fifteen wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="fifteen wide widescreen"].column { width: 93.75% !important; } .bgs-theme .ui.grid > .row > [class*="sixteen wide widescreen"].column, .bgs-theme .ui.grid > .column.row > [class*="sixteen wide widescreen"].column, .bgs-theme .ui.grid > [class*="sixteen wide widescreen"].column, .bgs-theme .ui.column.grid > [class*="sixteen wide widescreen"].column { width: 100% !important; } } .bgs-theme .ui.centered.grid, .bgs-theme .ui.centered.grid > .row, .bgs-theme .ui.grid > .centered.row { text-align: center; justify-content: center; } .bgs-theme .ui.centered.grid > .column:not(.aligned):not(.justified):not(.row), .bgs-theme .ui.centered.grid > .row > .column:not(.aligned):not(.justified), .bgs-theme .ui.grid .centered.row > .column:not(.aligned):not(.justified) { text-align: left; } .bgs-theme .ui.grid > .centered.column, .bgs-theme .ui.grid > .row > .centered.column { display: block; margin-left: auto; margin-right: auto; } .bgs-theme .ui.relaxed.grid > .column:not(.row), .bgs-theme .ui.relaxed.grid > .row > .column, .bgs-theme .ui.grid > .relaxed.row > .column { padding-left: 1.5rem; padding-right: 1.5rem; } .bgs-theme .ui[class*="very relaxed"].grid > .column:not(.row), .bgs-theme .ui[class*="very relaxed"].grid > .row > .column, .bgs-theme .ui.grid > [class*="very relaxed"].row > .column { padding-left: 2.5rem; padding-right: 2.5rem; } .bgs-theme .ui.relaxed.grid .row + .ui.divider, .bgs-theme .ui.grid .relaxed.row + .ui.divider { margin-left: 1.5rem; margin-right: 1.5rem; } .bgs-theme .ui[class*="very relaxed"].grid .row + .ui.divider, .bgs-theme .ui.grid [class*="very relaxed"].row + .ui.divider { margin-left: 2.5rem; margin-right: 2.5rem; } .bgs-theme .ui.padded.grid:not(.vertically):not(.horizontally) { margin: 0em !important; } .bgs-theme [class*="horizontally padded"].ui.grid { margin-left: 0em !important; margin-right: 0em !important; } .bgs-theme [class*="vertically padded"].ui.grid { margin-top: 0em !important; margin-bottom: 0em !important; } .bgs-theme .ui.grid [class*="left floated"].column { margin-right: auto; } .bgs-theme .ui.grid [class*="right floated"].column { margin-left: auto; } .bgs-theme .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .bgs-theme .ui.divided.grid:not([class*="vertically divided"]) > .row > .column { box-shadow: -1px 0px 0px 0px #ABADB0; } .bgs-theme .ui[class*="vertically divided"].grid > .column:not(.row), .bgs-theme .ui[class*="vertically divided"].grid > .row > .column { margin-top: 1rem; margin-bottom: 1rem; padding-top: 0rem; padding-bottom: 0rem; } .bgs-theme .ui[class*="vertically divided"].grid > .row { margin-top: 0em; margin-bottom: 0em; } .bgs-theme .ui.divided.grid:not([class*="vertically divided"]) > .column:first-child, .bgs-theme .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { box-shadow: none; } .bgs-theme .ui[class*="vertically divided"].grid > .row:first-child > .column { margin-top: 0em; } .bgs-theme .ui.grid > .divided.row > .column { box-shadow: -1px 0px 0px 0px #ABADB0; } .bgs-theme .ui.grid > .divided.row > .column:first-child { box-shadow: none; } .bgs-theme .ui[class*="vertically divided"].grid > .row { position: relative; } .bgs-theme .ui[class*="vertically divided"].grid > .row:before { position: absolute; content: ""; top: 0em; left: 0px; width: calc(98%); height: 1px; margin: 0% 1rem; box-shadow: 0px -1px 0px 0px #ABADB0; } .bgs-theme [class*="horizontally padded"].ui.divided.grid, .bgs-theme .ui.padded.divided.grid:not(.vertically):not(.horizontally) { width: 100%; } .bgs-theme .ui[class*="vertically divided"].grid > .row:first-child:before { box-shadow: none; } .bgs-theme .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .bgs-theme .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column { box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1); } .bgs-theme .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, .bgs-theme .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { box-shadow: none; } .bgs-theme .ui.inverted[class*="vertically divided"].grid > .row:before { box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); } .bgs-theme .ui.relaxed[class*="vertically divided"].grid > .row:before { margin-left: 1.5rem; margin-right: 1.5rem; width: calc(97%); } .bgs-theme .ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before { margin-left: 2.5rem; margin-right: 2.5rem; width: calc(95%); } .bgs-theme .ui.celled.grid { width: 100%; margin: 1em 0em; box-shadow: 0px 0px 0px 1px #D4D4D5; } .bgs-theme .ui.celled.grid > .row { width: 100% !important; margin: 0em; padding: 0em; box-shadow: 0px -1px 0px 0px #D4D4D5; } .bgs-theme .ui.celled.grid > .column:not(.row), .bgs-theme .ui.celled.grid > .row > .column { box-shadow: -1px 0px 0px 0px #D4D4D5; } .bgs-theme .ui.celled.grid > .column:first-child, .bgs-theme .ui.celled.grid > .row > .column:first-child { box-shadow: none; } .bgs-theme .ui.celled.grid > .column:not(.row), .bgs-theme .ui.celled.grid > .row > .column { padding: 1em; } .bgs-theme .ui.relaxed.celled.grid > .column:not(.row), .bgs-theme .ui.relaxed.celled.grid > .row > .column { padding: 1.5em; } .bgs-theme .ui[class*="very relaxed"].celled.grid > .column:not(.row), .bgs-theme .ui[class*="very relaxed"].celled.grid > .row > .column { padding: 2em; } .bgs-theme .ui[class*="internally celled"].grid { box-shadow: none; margin: 0em; } .bgs-theme .ui[class*="internally celled"].grid > .row:first-child { box-shadow: none; } .bgs-theme .ui[class*="internally celled"].grid > .row > .column:first-child { box-shadow: none; } .bgs-theme .ui[class*="top aligned"].grid > .column:not(.row), .bgs-theme .ui[class*="top aligned"].grid > .row > .column, .bgs-theme .ui.grid > [class*="top aligned"].row > .column, .bgs-theme .ui.grid > [class*="top aligned"].column:not(.row), .bgs-theme .ui.grid > .row > [class*="top aligned"].column { flex-direction: column; vertical-align: top; align-self: flex-start !important; } .bgs-theme .ui[class*="middle aligned"].grid > .column:not(.row), .bgs-theme .ui[class*="middle aligned"].grid > .row > .column, .bgs-theme .ui.grid > [class*="middle aligned"].row > .column, .bgs-theme .ui.grid > [class*="middle aligned"].column:not(.row), .bgs-theme .ui.grid > .row > [class*="middle aligned"].column { flex-direction: column; vertical-align: middle; align-self: center !important; } .bgs-theme .ui[class*="bottom aligned"].grid > .column:not(.row), .bgs-theme .ui[class*="bottom aligned"].grid > .row > .column, .bgs-theme .ui.grid > [class*="bottom aligned"].row > .column, .bgs-theme .ui.grid > [class*="bottom aligned"].column:not(.row), .bgs-theme .ui.grid > .row > [class*="bottom aligned"].column { flex-direction: column; vertical-align: bottom; align-self: flex-end !important; } .bgs-theme .ui.stretched.grid > .row > .column, .bgs-theme .ui.stretched.grid > .column, .bgs-theme .ui.grid > .stretched.row > .column, .bgs-theme .ui.grid > .stretched.column:not(.row), .bgs-theme .ui.grid > .row > .stretched.column { display: inline-flex !important; align-self: stretch; flex-direction: column; } .bgs-theme .ui.stretched.grid > .row > .column > *, .bgs-theme .ui.stretched.grid > .column > *, .bgs-theme .ui.grid > .stretched.row > .column > *, .bgs-theme .ui.grid > .stretched.column:not(.row) > *, .bgs-theme .ui.grid > .row > .stretched.column > * { flex-grow: 1; } .bgs-theme .ui[class*="left aligned"].grid > .column, .bgs-theme .ui[class*="left aligned"].grid > .row > .column, .bgs-theme .ui.grid > [class*="left aligned"].row > .column, .bgs-theme .ui.grid > [class*="left aligned"].column.column, .bgs-theme .ui.grid > .row > [class*="left aligned"].column.column { text-align: left; align-self: inherit; } .bgs-theme .ui[class*="center aligned"].grid > .column, .bgs-theme .ui[class*="center aligned"].grid > .row > .column, .bgs-theme .ui.grid > [class*="center aligned"].row > .column, .bgs-theme .ui.grid > [class*="center aligned"].column.column, .bgs-theme .ui.grid > .row > [class*="center aligned"].column.column { text-align: center; align-self: inherit; } .bgs-theme .ui[class*="center aligned"].grid { justify-content: center; } .bgs-theme .ui[class*="right aligned"].grid > .column, .bgs-theme .ui[class*="right aligned"].grid > .row > .column, .bgs-theme .ui.grid > [class*="right aligned"].row > .column, .bgs-theme .ui.grid > [class*="right aligned"].column.column, .bgs-theme .ui.grid > .row > [class*="right aligned"].column.column { text-align: right; align-self: inherit; } .bgs-theme .ui.justified.grid > .column, .bgs-theme .ui.justified.grid > .row > .column, .bgs-theme .ui.grid > .justified.row > .column, .bgs-theme .ui.grid > .justified.column.column, .bgs-theme .ui.grid > .row > .justified.column.column { text-align: justify; hyphens: auto; } .bgs-theme .ui.grid > .row > .red.column, .bgs-theme .ui.grid > .row > .orange.column, .bgs-theme .ui.grid > .row > .yellow.column, .bgs-theme .ui.grid > .row > .olive.column, .bgs-theme .ui.grid > .row > .green.column, .bgs-theme .ui.grid > .row > .teal.column, .bgs-theme .ui.grid > .row > .blue.column, .bgs-theme .ui.grid > .row > .violet.column, .bgs-theme .ui.grid > .row > .purple.column, .bgs-theme .ui.grid > .row > .pink.column, .bgs-theme .ui.grid > .row > .brown.column, .bgs-theme .ui.grid > .row > .grey.column, .bgs-theme .ui.grid > .row > .black.column { margin-top: -1rem; margin-bottom: -1rem; padding-top: 1rem; padding-bottom: 1rem; } .bgs-theme .ui.grid > .red.row, .bgs-theme .ui.grid > .red.column, .bgs-theme .ui.grid > .row > .red.column { background-color: #F03535 !important; color: #FAFAFA; } .bgs-theme .ui.grid > .orange.row, .bgs-theme .ui.grid > .orange.column, .bgs-theme .ui.grid > .row > .orange.column { background-color: #FFA553 !important; color: #FAFAFA; } .bgs-theme .ui.grid > .yellow.row, .bgs-theme .ui.grid > .yellow.column, .bgs-theme .ui.grid > .row > .yellow.column { background-color: #FFDF45 !important; color: #FAFAFA; } .bgs-theme .ui.grid > .olive.row, .bgs-theme .ui.grid > .olive.column, .bgs-theme .ui.grid > .row > .olive.column { background-color: #B5CC18 !important; color: #FAFAFA; } .bgs-theme .ui.grid > .green.row, .bgs-theme .ui.grid > .green.column, .bgs-theme .ui.grid > .row > .green.column { background-color: #50B83C !important; color: #FAFAFA; } .bgs-theme .ui.grid > .teal.row, .bgs-theme .ui.grid > .teal.column, .bgs-theme .ui.grid > .row > .teal.column { background-color: #00B5AD !important; color: #FAFAFA; } .bgs-theme .ui.grid > .blue.row, .bgs-theme .ui.grid > .blue.column, .bgs-theme .ui.grid > .row > .blue.column { background-color: #007ACE !important; color: #FAFAFA; } .bgs-theme .ui.grid > .violet.row, .bgs-theme .ui.grid > .violet.column, .bgs-theme .ui.grid > .row > .violet.column { background-color: #6435C9 !important; color: #FAFAFA; } .bgs-theme .ui.grid > .purple.row, .bgs-theme .ui.grid > .purple.column, .bgs-theme .ui.grid > .row > .purple.column { background-color: #CA7EEA !important; color: #FAFAFA; } .bgs-theme .ui.grid > .pink.row, .bgs-theme .ui.grid > .pink.column, .bgs-theme .ui.grid > .row > .pink.column { background-color: #E03997 !important; color: #FAFAFA; } .bgs-theme .ui.grid > .brown.row, .bgs-theme .ui.grid > .brown.column, .bgs-theme .ui.grid > .row > .brown.column { background-color: #A5673F !important; color: #FAFAFA; } .bgs-theme .ui.grid > .grey.row, .bgs-theme .ui.grid > .grey.column, .bgs-theme .ui.grid > .row > .grey.column { background-color: #ABADB0 !important; color: #FAFAFA; } .bgs-theme .ui.grid > .black.row, .bgs-theme .ui.grid > .black.column, .bgs-theme .ui.grid > .row > .black.column { background-color: #2D3239 !important; color: #FAFAFA; } .bgs-theme .ui[class*="equal width"].grid > .column:not(.row), .bgs-theme .ui[class*="equal width"].grid > .row > .column, .bgs-theme .ui.grid > [class*="equal width"].row > .column { display: inline-block; flex-grow: 1; } .bgs-theme .ui[class*="equal width"].grid > .wide.column, .bgs-theme .ui[class*="equal width"].grid > .row > .wide.column, .bgs-theme .ui.grid > [class*="equal width"].row > .wide.column { flex-grow: 0; } @media only screen and (max-width: 767px) { .bgs-theme { /* Divided Reversed */ /* Vertically Divided Reversed */ /* Celled Reversed */ } .bgs-theme .ui[class*="mobile reversed"].grid, .bgs-theme .ui[class*="mobile reversed"].grid > .row, .bgs-theme .ui.grid > [class*="mobile reversed"].row { flex-direction: row-reverse; } .bgs-theme .ui[class*="mobile vertically reversed"].grid, .bgs-theme .ui.stackable[class*="mobile reversed"] { flex-direction: column-reverse; } .bgs-theme .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .bgs-theme .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { box-shadow: -1px 0px 0px 0px #ABADB0; } .bgs-theme .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .bgs-theme .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { box-shadow: none; } .bgs-theme .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before { box-shadow: 0px -1px 0px 0px #ABADB0; } .bgs-theme .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before { box-shadow: none; } .bgs-theme .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child { box-shadow: -1px 0px 0px 0px #D4D4D5; } .bgs-theme .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .bgs-theme { /* Divided Reversed */ /* Vertically Divided Reversed */ /* Celled Reversed */ } .bgs-theme .ui[class*="tablet reversed"].grid, .bgs-theme .ui[class*="tablet reversed"].grid > .row, .bgs-theme .ui.grid > [class*="tablet reversed"].row { flex-direction: row-reverse; } .bgs-theme .ui[class*="tablet vertically reversed"].grid { flex-direction: column-reverse; } .bgs-theme .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .bgs-theme .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { box-shadow: -1px 0px 0px 0px #ABADB0; } .bgs-theme .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .bgs-theme .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { box-shadow: none; } .bgs-theme .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before { box-shadow: 0px -1px 0px 0px #ABADB0; } .bgs-theme .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before { box-shadow: none; } .bgs-theme .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child { box-shadow: -1px 0px 0px 0px #D4D4D5; } .bgs-theme .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child { box-shadow: none; } } @media only screen and (min-width: 992px) { .bgs-theme { /* Divided Reversed */ /* Vertically Divided Reversed */ /* Celled Reversed */ } .bgs-theme .ui[class*="computer reversed"].grid, .bgs-theme .ui[class*="computer reversed"].grid > .row, .bgs-theme .ui.grid > [class*="computer reversed"].row { flex-direction: row-reverse; } .bgs-theme .ui[class*="computer vertically reversed"].grid { flex-direction: column-reverse; } .bgs-theme .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .bgs-theme .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { box-shadow: -1px 0px 0px 0px #ABADB0; } .bgs-theme .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .bgs-theme .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { box-shadow: none; } .bgs-theme .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before { box-shadow: 0px -1px 0px 0px #ABADB0; } .bgs-theme .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before { box-shadow: none; } .bgs-theme .ui[class*="computer reversed"].celled.grid > .row > .column:first-child { box-shadow: -1px 0px 0px 0px #D4D4D5; } .bgs-theme .ui[class*="computer reversed"].celled.grid > .row > .column:last-child { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .bgs-theme .ui.doubling.grid { width: auto; } .bgs-theme .ui.grid > .doubling.row, .bgs-theme .ui.doubling.grid > .row { margin: 0em !important; padding: 0em !important; } .bgs-theme .ui.grid > .doubling.row > .column, .bgs-theme .ui.doubling.grid > .row > .column { display: inline-block !important; padding-top: 1rem !important; padding-bottom: 1rem !important; box-shadow: none !important; margin: 0em; } .bgs-theme .ui[class*="two column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="two column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="two column"].doubling.row.row > .column { width: 100% !important; } .bgs-theme .ui[class*="three column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="three column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="three column"].doubling.row.row > .column { width: 50% !important; } .bgs-theme .ui[class*="four column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="four column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="four column"].doubling.row.row > .column { width: 50% !important; } .bgs-theme .ui[class*="five column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="five column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="five column"].doubling.row.row > .column { width: 33.33333333% !important; } .bgs-theme .ui[class*="six column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="six column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="six column"].doubling.row.row > .column { width: 33.33333333% !important; } .bgs-theme .ui[class*="seven column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="seven column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="seven column"].doubling.row.row > .column { width: 33.33333333% !important; } .bgs-theme .ui[class*="eight column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="eight column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="eight column"].doubling.row.row > .column { width: 25% !important; } .bgs-theme .ui[class*="nine column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="nine column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="nine column"].doubling.row.row > .column { width: 25% !important; } .bgs-theme .ui[class*="ten column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="ten column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="ten column"].doubling.row.row > .column { width: 20% !important; } .bgs-theme .ui[class*="eleven column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="eleven column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="eleven column"].doubling.row.row > .column { width: 20% !important; } .bgs-theme .ui[class*="twelve column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="twelve column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="twelve column"].doubling.row.row > .column { width: 16.66666667% !important; } .bgs-theme .ui[class*="thirteen column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="thirteen column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="thirteen column"].doubling.row.row > .column { width: 16.66666667% !important; } .bgs-theme .ui[class*="fourteen column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="fourteen column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="fourteen column"].doubling.row.row > .column { width: 14.28571429% !important; } .bgs-theme .ui[class*="fifteen column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="fifteen column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="fifteen column"].doubling.row.row > .column { width: 14.28571429% !important; } .bgs-theme .ui[class*="sixteen column"].doubling.grid > .row > .column, .bgs-theme .ui[class*="sixteen column"].doubling.grid > .column:not(.row), .bgs-theme .ui.grid > [class*="sixteen column"].doubling.row.row > .column { width: 12.5% !important; } } @media only screen and (max-width: 767px) { .bgs-theme .ui.grid > .doubling.row, .bgs-theme .ui.doubling.grid > .row { margin: 0em !important; padding: 0em !important; } .bgs-theme .ui.grid > .doubling.row > .column, .bgs-theme .ui.doubling.grid > .row > .column { padding-top: 1rem !important; padding-bottom: 1rem !important; margin: 0em !important; box-shadow: none !important; } .bgs-theme .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column { width: 100% !important; } .bgs-theme .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column { width: 50% !important; } .bgs-theme .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column { width: 50% !important; } .bgs-theme .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column { width: 50% !important; } .bgs-theme .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column { width: 50% !important; } .bgs-theme .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column { width: 50% !important; } .bgs-theme .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column { width: 50% !important; } .bgs-theme .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column { width: 33.33333333% !important; } .bgs-theme .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column { width: 33.33333333% !important; } .bgs-theme .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column { width: 33.33333333% !important; } .bgs-theme .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column { width: 33.33333333% !important; } .bgs-theme .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column { width: 33.33333333% !important; } .bgs-theme .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column { width: 25% !important; } .bgs-theme .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column { width: 25% !important; } .bgs-theme .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column, .bgs-theme .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row), .bgs-theme .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column { width: 25% !important; } } @media only screen and (max-width: 767px) { .bgs-theme { /* Coupling */ /* Don't pad inside segment or nested grid */ /* Divided Stackable */ } .bgs-theme .ui.stackable.grid { width: auto; margin-left: 0em !important; margin-right: 0em !important; } .bgs-theme .ui.stackable.grid > .row > .wide.column, .bgs-theme .ui.stackable.grid > .wide.column, .bgs-theme .ui.stackable.grid > .column.grid > .column, .bgs-theme .ui.stackable.grid > .column.row > .column, .bgs-theme .ui.stackable.grid > .row > .column, .bgs-theme .ui.stackable.grid > .column:not(.row), .bgs-theme .ui.grid > .stackable.stackable.row > .column { width: 100% !important; margin: 0em 0em !important; box-shadow: none !important; padding: 1rem 1rem !important; } .bgs-theme .ui.stackable.grid:not(.vertically) > .row { margin: 0em; padding: 0em; } .bgs-theme .ui.container > .ui.stackable.grid > .column, .bgs-theme .ui.container > .ui.stackable.grid > .row > .column { padding-left: 0em !important; padding-right: 0em !important; } .bgs-theme .ui.grid .ui.stackable.grid, .bgs-theme .ui.segment:not(.vertical) .ui.stackable.page.grid { margin-left: -1rem !important; margin-right: -1rem !important; } .bgs-theme .ui.stackable.divided.grid > .row:first-child > .column:first-child, .bgs-theme .ui.stackable.celled.grid > .row:first-child > .column:first-child, .bgs-theme .ui.stackable.divided.grid > .column:not(.row):first-child, .bgs-theme .ui.stackable.celled.grid > .column:not(.row):first-child { border-top: none !important; } .bgs-theme .ui.inverted.stackable.celled.grid > .column:not(.row), .bgs-theme .ui.inverted.stackable.divided.grid > .column:not(.row), .bgs-theme .ui.inverted.stackable.celled.grid > .row > .column, .bgs-theme .ui.inverted.stackable.divided.grid > .row > .column { border-top: 1px solid rgba(255, 255, 255, 0.1); } .bgs-theme .ui.stackable.celled.grid > .column:not(.row), .bgs-theme .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .bgs-theme .ui.stackable.celled.grid > .row > .column, .bgs-theme .ui.stackable.divided:not(.vertically).grid > .row > .column { border-top: 1px solid #ABADB0; box-shadow: none !important; padding-top: 2rem !important; padding-bottom: 2rem !important; } .bgs-theme .ui.stackable.celled.grid > .row { box-shadow: none !important; } .bgs-theme .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .bgs-theme .ui.stackable.divided:not(.vertically).grid > .row > .column { padding-left: 0em !important; padding-right: 0em !important; } } @media only screen and (max-width: 767px) { .bgs-theme .ui[class*="tablet only"].grid.grid.grid:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile), .bgs-theme .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) { display: none !important; } .bgs-theme .ui[class*="computer only"].grid.grid.grid:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile), .bgs-theme .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) { display: none !important; } .bgs-theme .ui[class*="large screen only"].grid.grid.grid:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .bgs-theme .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) { display: none !important; } .bgs-theme .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .bgs-theme .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .bgs-theme .ui[class*="mobile only"].grid.grid.grid:not(.tablet), .bgs-theme .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet), .bgs-theme .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet), .bgs-theme .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) { display: none !important; } .bgs-theme .ui[class*="computer only"].grid.grid.grid:not(.tablet), .bgs-theme .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet), .bgs-theme .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet), .bgs-theme .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) { display: none !important; } .bgs-theme .ui[class*="large screen only"].grid.grid.grid:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .bgs-theme .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) { display: none !important; } .bgs-theme .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .bgs-theme .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) { display: none !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .bgs-theme .ui[class*="mobile only"].grid.grid.grid:not(.computer), .bgs-theme .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .bgs-theme .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .bgs-theme .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) { display: none !important; } .bgs-theme .ui[class*="tablet only"].grid.grid.grid:not(.computer), .bgs-theme .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .bgs-theme .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .bgs-theme .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) { display: none !important; } .bgs-theme .ui[class*="large screen only"].grid.grid.grid:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .bgs-theme .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) { display: none !important; } .bgs-theme .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .bgs-theme .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) { display: none !important; } } @media only screen and (min-width: 1200px) and (max-width: 1919px) { .bgs-theme .ui[class*="mobile only"].grid.grid.grid:not(.computer), .bgs-theme .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .bgs-theme .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .bgs-theme .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) { display: none !important; } .bgs-theme .ui[class*="tablet only"].grid.grid.grid:not(.computer), .bgs-theme .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .bgs-theme .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .bgs-theme .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) { display: none !important; } .bgs-theme .ui[class*="widescreen only"].grid.grid.grid:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .bgs-theme .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .bgs-theme .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) { display: none !important; } } @media only screen and (min-width: 1920px) { .bgs-theme .ui[class*="mobile only"].grid.grid.grid:not(.computer), .bgs-theme .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .bgs-theme .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .bgs-theme .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) { display: none !important; } .bgs-theme .ui[class*="tablet only"].grid.grid.grid:not(.computer), .bgs-theme .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .bgs-theme .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .bgs-theme .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) { display: none !important; } } .bgs-theme .ui.menu { display: flex; margin: 1rem 0em; font-family: 'proxima-nova', sans-serif; background: #FFFFFF; font-weight: normal; border: 1px solid #ABADB0; box-shadow: 0px 1px 2px 0 #ABADB0; border-radius: 0.1875rem; min-height: 2.875em; } .bgs-theme .ui.menu:after { content: ''; display: block; height: 0px; clear: both; visibility: hidden; } .bgs-theme .ui.menu:first-child { margin-top: 0rem; } .bgs-theme .ui.menu:last-child { margin-bottom: 0rem; } .bgs-theme .ui.menu .menu { margin: 0em; } .bgs-theme .ui.menu:not(.vertical) > .menu { display: flex; } .bgs-theme .ui.menu:not(.vertical) .item { display: flex; align-items: center; } .bgs-theme .ui.menu .item { position: relative; vertical-align: middle; line-height: 1; text-decoration: none; -webkit-tap-highlight-color: transparent; flex: 0 0 auto; user-select: none; background: none; padding: 0.9375em 1.125em; text-transform: none; color: #2D3239; font-weight: normal; transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease; } .bgs-theme .ui.menu > .item:first-child { border-radius: 0.1875rem 0px 0px 0.1875rem; } .bgs-theme .ui.menu .item:before { position: absolute; content: ''; top: 0%; right: 0px; height: 100%; width: 1px; background: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.menu .text.item > *, .bgs-theme .ui.menu .item > a:not(.ui), .bgs-theme .ui.menu .item > p:only-child { user-select: text; line-height: 1.3; } .bgs-theme .ui.menu .item > p:first-child { margin-top: 0; } .bgs-theme .ui.menu .item > p:last-child { margin-bottom: 0; } .bgs-theme .ui.menu .item > i.icon { opacity: 0.9; float: none; margin: 0em 0.3125em 0em 0em; } .bgs-theme .ui.menu:not(.vertical) .item > .button { position: relative; top: 0em; margin: -0.5em 0em; padding-bottom: 0.8125em; padding-top: 0.8125em; font-size: 1em; } .bgs-theme .ui.menu > .grid, .bgs-theme .ui.menu > .container { display: flex; align-items: inherit; flex-direction: inherit; } .bgs-theme .ui.menu .item > .input { width: 100%; } .bgs-theme .ui.menu:not(.vertical) .item > .input { position: relative; top: 0em; margin: -0.5em 0em; } .bgs-theme .ui.menu .item > .input input { font-size: 1em; padding-top: 0.5em; padding-bottom: 0.5em; } .bgs-theme .ui.menu .header.item, .bgs-theme .ui.vertical.menu .header.item { margin: 0em; background: ''; text-transform: normal; font-weight: bold; } .bgs-theme .ui.vertical.menu .item > .header:not(.ui) { margin: 0em 0em 0.5em; font-size: 1em; font-weight: bold; } .bgs-theme .ui.menu .item > i.dropdown.icon { padding: 0em; float: right; margin: 0em 0em 0em 1em; } .bgs-theme .ui.menu .dropdown.item .menu { min-width: calc(99%); border-radius: 0em 0em 0.1875rem 0.1875rem; background: #FFFFFF; margin: 0em 0px 0px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); flex-direction: column !important; } .bgs-theme .ui.menu .ui.dropdown .menu > .item { margin: 0; text-align: left; font-size: 1em !important; padding: 0.8125em 1.125em !important; background: transparent !important; color: #2D3239 !important; text-transform: none !important; font-weight: normal !important; box-shadow: none !important; transition: none !important; } .bgs-theme .ui.menu .ui.dropdown .menu > .item:hover { background: rgba(0, 0, 0, 0.05) !important; color: rgba(0, 0, 0, 0.95) !important; } .bgs-theme .ui.menu .ui.dropdown .menu > .selected.item { background: rgba(0, 0, 0, 0.05) !important; color: rgba(0, 0, 0, 0.95) !important; } .bgs-theme .ui.menu .ui.dropdown .menu > .active.item { background: rgba(0, 0, 0, 0.03) !important; font-weight: bold !important; color: rgba(0, 0, 0, 0.95) !important; } .bgs-theme .ui.menu .ui.dropdown.item .menu .item:not(.filtered) { display: block; } .bgs-theme .ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) { display: inline-block; font-size: 1em !important; float: none; margin: 0em 0.75em 0em 0em !important; } .bgs-theme .ui.secondary.menu .dropdown.item > .menu, .bgs-theme .ui.text.menu .dropdown.item > .menu { border-radius: 0.1875rem; margin-top: 0.3125em; } .bgs-theme .ui.menu .pointing.dropdown.item .menu { margin-top: 0.75em; } .bgs-theme .ui.inverted.menu .search.dropdown.item > .search, .bgs-theme .ui.inverted.menu .search.dropdown.item > .text { color: rgba(255, 255, 255, 0.9); } .bgs-theme .ui.vertical.menu .dropdown.item > .icon { float: right; content: "\f0da"; margin-left: 1em; } .bgs-theme .ui.vertical.menu .dropdown.item .menu { left: 100%; min-width: 0; margin: 0em 0em 0em 0em; box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08); border-radius: 0em 0.1875rem 0.1875rem 0.1875rem; } .bgs-theme .ui.vertical.menu .dropdown.item.upward .menu { bottom: 0; } .bgs-theme .ui.vertical.menu .dropdown.item:not(.upward) .menu { top: 0; } .bgs-theme .ui.vertical.menu .active.dropdown.item { border-top-right-radius: 0em; border-bottom-right-radius: 0em; } .bgs-theme .ui.vertical.menu .dropdown.active.item { box-shadow: none; } .bgs-theme .ui.item.menu .dropdown .menu .item { width: 100%; } .bgs-theme .ui.menu .item > .label { background: #999999; color: #FAFAFA; margin-left: 1em; padding: 0.3em 0.8125em; } .bgs-theme .ui.vertical.menu .item > .label { background: #999999; color: #FAFAFA; margin-top: -0.15em; margin-bottom: -0.15em; padding: 0.3em 0.8125em; } .bgs-theme .ui.menu .item > .floating.label { padding: 0.3em 0.8125em; } .bgs-theme .ui.menu .item > img:not(.ui) { display: inline-block; vertical-align: middle; margin: -0.3em 0em; width: 2.5em; } .bgs-theme .ui.vertical.menu .item > img:not(.ui):only-child { display: block; max-width: 100%; width: auto; } .bgs-theme .ui.menu .list .item:before { background: none !important; } .bgs-theme .ui.vertical.sidebar.menu > .item:first-child:before { display: block !important; } .bgs-theme .ui.vertical.sidebar.menu > .item::before { top: auto; bottom: 0px; } @media only screen and (max-width: 767px) { .bgs-theme .ui.menu > .ui.container { width: 100% !important; margin-left: 0em !important; margin-right: 0em !important; } } @media only screen and (min-width: 768px) { .bgs-theme .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child { border-left: 1px solid rgba(34, 36, 38, 0.1); } } .bgs-theme .ui.link.menu .item:hover, .bgs-theme .ui.menu .dropdown.item:hover, .bgs-theme .ui.menu .link.item:hover, .bgs-theme .ui.menu a.item:hover { cursor: pointer; background: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.link.menu .item:active, .bgs-theme .ui.menu .link.item:active, .bgs-theme .ui.menu a.item:active { background: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.menu .active.item { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); font-weight: normal; box-shadow: none; } .bgs-theme .ui.menu .active.item > i.icon { opacity: 1; } .bgs-theme .ui.menu .active.item:hover, .bgs-theme .ui.vertical.menu .active.item:hover { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.menu .item.disabled, .bgs-theme .ui.menu .item.disabled:hover { cursor: default !important; background-color: transparent !important; color: rgba(67, 75, 85, 0.3) !important; } .bgs-theme .ui.menu:not(.vertical) .left.item, .bgs-theme .ui.menu:not(.vertical) :not(.dropdown) > .left.menu { display: flex; margin-right: auto !important; } .bgs-theme .ui.menu:not(.vertical) .right.item, .bgs-theme .ui.menu:not(.vertical) .right.menu { display: flex; margin-left: auto !important; } .bgs-theme .ui.menu .right.item::before, .bgs-theme .ui.menu .right.menu > .item::before { right: auto; left: 0; } .bgs-theme .ui.vertical.menu { display: block; flex-direction: column; background: #FFFFFF; box-shadow: 0px 1px 2px 0 #ABADB0; } .bgs-theme .ui.vertical.menu .item { display: block; background: none; border-top: none; border-right: none; } .bgs-theme .ui.vertical.menu > .item:first-child { border-radius: 0.1875rem 0.1875rem 0px 0px; } .bgs-theme .ui.vertical.menu > .item:last-child { border-radius: 0px 0px 0.1875rem 0.1875rem; } .bgs-theme .ui.vertical.menu .item > .label { float: right; text-align: center; } .bgs-theme .ui.vertical.menu .item > i.icon { width: 1em; float: right; margin: 0em 0em 0em 0.5em; } .bgs-theme .ui.vertical.menu .item > .label + i.icon { float: none; margin: 0em 0.5em 0em 0em; } .bgs-theme .ui.vertical.menu .item:before { position: absolute; content: ''; top: 0%; left: 0px; width: 100%; height: 1px; background: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.vertical.menu .item:first-child:before { display: none !important; } .bgs-theme .ui.vertical.menu .item > .menu { margin: 0.5em -1.125em 0em; } .bgs-theme .ui.vertical.menu .menu .item { background: none; padding: 0.5em 1.3125em; font-size: 0.875em; color: rgba(0, 0, 0, 0.5); } .bgs-theme .ui.vertical.menu .item .menu a.item:hover, .bgs-theme .ui.vertical.menu .item .menu .link.item:hover { color: rgba(0, 0, 0, 0.85); } .bgs-theme .ui.vertical.menu .menu .item:before { display: none; } .bgs-theme .ui.vertical.menu .active.item { background: rgba(0, 0, 0, 0.05); border-radius: 0em; box-shadow: none; } .bgs-theme .ui.vertical.menu > .active.item:first-child { border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.vertical.menu > .active.item:last-child { border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui.vertical.menu > .active.item:only-child { border-radius: 0.1875rem; } .bgs-theme .ui.vertical.menu .active.item .menu .active.item { border-left: none; } .bgs-theme .ui.vertical.menu .item .menu .active.item { background-color: transparent; font-weight: bold; color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.tabular.menu { border-radius: 0em; box-shadow: none !important; border: none; background: none transparent; border-bottom: 1px solid #D4D4D5; } .bgs-theme .ui.tabular.fluid.menu { width: calc(102%) !important; } .bgs-theme .ui.tabular.menu .item { background: transparent; border-bottom: none; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 2px solid transparent; padding: 0.9375em 1.4375em; color: #2D3239; } .bgs-theme .ui.tabular.menu .item:before { display: none; } .bgs-theme .ui.tabular.menu .item:hover { background-color: transparent; color: rgba(0, 0, 0, 0.8); } .bgs-theme .ui.tabular.menu .active.item { background: none #FAFAFA; color: rgba(0, 0, 0, 0.95); border-top-width: 1px; border-color: #D4D4D5; font-weight: bold; margin-bottom: -1px; box-shadow: none; border-radius: 0.1875rem 0.1875rem 0px 0px !important; } .bgs-theme .ui.tabular.menu + .attached:not(.top).segment, .bgs-theme .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment { border-top: none; margin-left: 0px; margin-top: 0px; margin-right: 0px; width: 100%; } .bgs-theme .top.attached.segment + .ui.bottom.tabular.menu { position: relative; width: calc(102%); left: -1px; } .bgs-theme .ui.bottom.tabular.menu { background: none transparent; border-radius: 0em; box-shadow: none !important; border-bottom: none; border-top: 1px solid #D4D4D5; } .bgs-theme .ui.bottom.tabular.menu .item { background: none; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; border-top: none; } .bgs-theme .ui.bottom.tabular.menu .active.item { background: none #FAFAFA; color: rgba(0, 0, 0, 0.95); border-color: #D4D4D5; margin: -1px 0px 0px 0px; border-radius: 0px 0px 0.1875rem 0.1875rem !important; } .bgs-theme .ui.vertical.tabular.menu { background: none transparent; border-radius: 0em; box-shadow: none !important; border-bottom: none; border-right: 1px solid #D4D4D5; } .bgs-theme .ui.vertical.tabular.menu .item { background: none; border-left: 1px solid transparent; border-bottom: 1px solid transparent; border-top: 1px solid transparent; border-right: none; } .bgs-theme .ui.vertical.tabular.menu .active.item { background: none #FAFAFA; color: rgba(0, 0, 0, 0.95); border-color: #D4D4D5; margin: 0px -1px 0px 0px; border-radius: 0.1875rem 0px 0px 0.1875rem !important; } .bgs-theme .ui.vertical.right.tabular.menu { background: none transparent; border-radius: 0em; box-shadow: none !important; border-bottom: none; border-right: none; border-left: 1px solid #D4D4D5; } .bgs-theme .ui.vertical.right.tabular.menu .item { background: none; border-right: 1px solid transparent; border-bottom: 1px solid transparent; border-top: 1px solid transparent; border-left: none; } .bgs-theme .ui.vertical.right.tabular.menu .active.item { background: none #FAFAFA; color: rgba(0, 0, 0, 0.95); border-color: #D4D4D5; margin: 0px 0px 0px -1px; border-radius: 0px 0.1875rem 0.1875rem 0px !important; } .bgs-theme .ui.tabular.menu .active.dropdown.item { margin-bottom: 0px; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 2px solid transparent; border-bottom: none; } .bgs-theme .ui.pagination.menu { margin: 0em; display: inline-flex; vertical-align: middle; } .bgs-theme .ui.pagination.menu .item:last-child { border-radius: 0em 0.1875rem 0.1875rem 0em; } .bgs-theme .ui.compact.menu .item:last-child { border-radius: 0em 0.1875rem 0.1875rem 0em; } .bgs-theme .ui.pagination.menu .item:last-child:before { display: none; } .bgs-theme .ui.pagination.menu .item { min-width: 3em; text-align: center; } .bgs-theme .ui.pagination.menu .icon.item i.icon { vertical-align: top; } .bgs-theme .ui.pagination.menu .active.item { border-top: none; padding-top: 0.9375em; background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); box-shadow: none; } .bgs-theme .ui.secondary.menu { background: none; margin-left: -0.3125em; margin-right: -0.3125em; border-radius: 0em; border: none; box-shadow: none; } .bgs-theme .ui.secondary.menu .item { align-self: center; box-shadow: none; border: none; padding: 0.8125em 0.9375em; margin: 0em 0.3125em; background: none; transition: color 0.1s ease; border-radius: 0.1875rem; } .bgs-theme .ui.secondary.menu .item:before { display: none !important; } .bgs-theme .ui.secondary.menu .header.item { border-radius: 0em; border-right: none; background: none transparent; } .bgs-theme .ui.secondary.menu .item > img:not(.ui) { margin: 0em; } .bgs-theme .ui.secondary.menu .dropdown.item:hover, .bgs-theme .ui.secondary.menu .link.item:hover, .bgs-theme .ui.secondary.menu a.item:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.secondary.menu .active.item { box-shadow: none; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); border-radius: 0.1875rem; } .bgs-theme .ui.secondary.menu .active.item:hover { box-shadow: none; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.secondary.inverted.menu .link.item, .bgs-theme .ui.secondary.inverted.menu a.item { color: rgba(255, 255, 255, 0.7) !important; } .bgs-theme .ui.secondary.inverted.menu .dropdown.item:hover, .bgs-theme .ui.secondary.inverted.menu .link.item:hover, .bgs-theme .ui.secondary.inverted.menu a.item:hover { background: rgba(255, 255, 255, 0.08); color: #ffffff !important; } .bgs-theme .ui.secondary.inverted.menu .active.item { background: rgba(255, 255, 255, 0.15); color: #ffffff !important; } .bgs-theme .ui.secondary.item.menu { margin-left: 0em; margin-right: 0em; } .bgs-theme .ui.secondary.item.menu .item:last-child { margin-right: 0em; } .bgs-theme .ui.secondary.attached.menu { box-shadow: none; } .bgs-theme .ui.vertical.secondary.menu .item:not(.dropdown) > .menu { margin: 0em -0.9375em; } .bgs-theme .ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item { margin: 0em; padding: 0.4375em 1.3125em; } .bgs-theme .ui.secondary.vertical.menu > .item { border: none; margin: 0em 0em 0.3125em; border-radius: 0.1875rem !important; } .bgs-theme .ui.secondary.vertical.menu > .header.item { border-radius: 0em; } .bgs-theme .ui.vertical.secondary.menu .item > .menu .item { background-color: transparent; } .bgs-theme .ui.secondary.inverted.menu { background-color: transparent; } .bgs-theme .ui.secondary.pointing.menu { margin-left: 0em; margin-right: 0em; border-bottom: 2px solid #ABADB0; } .bgs-theme .ui.secondary.pointing.menu .item { border-bottom-color: transparent; border-bottom-style: solid; border-radius: 0em; align-self: flex-end; margin: 0em 0em -2px; padding: 0.875em 1.125em; border-bottom-width: 2px; transition: color 0.1s ease; } .bgs-theme .ui.secondary.pointing.menu .header.item { color: rgba(0, 0, 0, 0.85) !important; } .bgs-theme .ui.secondary.pointing.menu .text.item { box-shadow: none !important; } .bgs-theme .ui.secondary.pointing.menu .item:after { display: none; } .bgs-theme .ui.secondary.pointing.menu .dropdown.item:hover, .bgs-theme .ui.secondary.pointing.menu .link.item:hover, .bgs-theme .ui.secondary.pointing.menu a.item:hover { background-color: transparent; color: #2D3239; } .bgs-theme .ui.secondary.pointing.menu .dropdown.item:active, .bgs-theme .ui.secondary.pointing.menu .link.item:active, .bgs-theme .ui.secondary.pointing.menu a.item:active { background-color: transparent; border-color: #ABADB0; } .bgs-theme .ui.secondary.pointing.menu .active.item { background-color: transparent; box-shadow: none; border-color: #2D3239; font-weight: bold; color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.secondary.pointing.menu .active.item:hover { border-color: #2D3239; color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.secondary.pointing.menu .active.dropdown.item { border-color: transparent; } .bgs-theme .ui.secondary.vertical.pointing.menu { border-bottom-width: 0px; border-right-width: 2px; border-right-style: solid; border-right-color: #ABADB0; } .bgs-theme .ui.secondary.vertical.pointing.menu .item { border-bottom: none; border-right-style: solid; border-right-color: transparent; border-radius: 0em !important; margin: 0em -2px 0em 0em; border-right-width: 2px; } .bgs-theme .ui.secondary.vertical.pointing.menu .active.item { border-color: #2D3239; } .bgs-theme .ui.secondary.inverted.pointing.menu { border-color: rgba(255, 255, 255, 0.1); } .bgs-theme .ui.secondary.inverted.pointing.menu { border-width: 2px; border-color: #ABADB0; } .bgs-theme .ui.secondary.inverted.pointing.menu .item { color: rgba(255, 255, 255, 0.9); } .bgs-theme .ui.secondary.inverted.pointing.menu .header.item { color: #FAFAFA !important; } .bgs-theme .ui.secondary.inverted.pointing.menu .link.item:hover, .bgs-theme .ui.secondary.inverted.pointing.menu a.item:hover { color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.secondary.inverted.pointing.menu .active.item { border-color: #FAFAFA; color: #ffffff; } .bgs-theme .ui.text.menu { background: none transparent; border-radius: 0px; box-shadow: none; border: none; margin: 1em -0.4375em; } .bgs-theme .ui.text.menu .item { border-radius: 0px; box-shadow: none; align-self: center; margin: 0em 0em; padding: 0.3125em 0.4375em; font-weight: normal; color: rgba(0, 0, 0, 0.6); transition: opacity 0.1s ease; } .bgs-theme .ui.text.menu .item:before, .bgs-theme .ui.text.menu .menu .item:before { display: none !important; } .bgs-theme .ui.text.menu .header.item { background-color: transparent; opacity: 1; color: rgba(0, 0, 0, 0.85); font-size: 0.9375em; text-transform: uppercase; font-weight: bold; } .bgs-theme .ui.text.menu .item > img:not(.ui) { margin: 0em; } .bgs-theme .ui.text.item.menu .item { margin: 0em; } .bgs-theme .ui.vertical.text.menu { margin: 1em 0em; } .bgs-theme .ui.vertical.text.menu:first-child { margin-top: 0rem; } .bgs-theme .ui.vertical.text.menu:last-child { margin-bottom: 0rem; } .bgs-theme .ui.vertical.text.menu .item { margin: 0.5em 0em; padding-left: 0em; padding-right: 0em; } .bgs-theme .ui.vertical.text.menu .item > i.icon { float: none; margin: 0em 0.3125em 0em 0em; } .bgs-theme .ui.vertical.text.menu .header.item { margin: 0.5em 0em 0.625em; } .bgs-theme .ui.vertical.text.menu .item:not(.dropdown) > .menu { margin: 0em; } .bgs-theme .ui.vertical.text.menu .item:not(.dropdown) > .menu > .item { margin: 0em; padding: 0.4375em 0em; } .bgs-theme .ui.text.menu .item:hover { opacity: 1; background-color: transparent; } .bgs-theme .ui.text.menu .active.item { background-color: transparent; border: none; box-shadow: none; font-weight: normal; color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.text.menu .active.item:hover { background-color: transparent; } .bgs-theme .ui.text.pointing.menu .active.item:after { box-shadow: none; } .bgs-theme .ui.text.attached.menu { box-shadow: none; } .bgs-theme .ui.inverted.text.menu, .bgs-theme .ui.inverted.text.menu .item, .bgs-theme .ui.inverted.text.menu .item:hover, .bgs-theme .ui.inverted.text.menu .active.item { background-color: transparent !important; } .bgs-theme .ui.fluid.text.menu { margin-left: 0em; margin-right: 0em; } .bgs-theme .ui.vertical.icon.menu { display: inline-block; width: auto; } .bgs-theme .ui.icon.menu .item { height: auto; text-align: center; color: #2D3239; } .bgs-theme .ui.icon.menu .item > .icon:not(.dropdown) { margin: 0; opacity: 1; } .bgs-theme .ui.icon.menu .icon:before { opacity: 1; } .bgs-theme .ui.menu .icon.item > .icon { width: auto; margin: 0em auto; } .bgs-theme .ui.vertical.icon.menu .item > .icon:not(.dropdown) { display: block; opacity: 1; margin: 0em auto; float: none; } .bgs-theme .ui.inverted.icon.menu .item { color: #FAFAFA; } .bgs-theme .ui.labeled.icon.menu { text-align: center; } .bgs-theme .ui.labeled.icon.menu .item { min-width: 6em; flex-direction: column; } .bgs-theme .ui.labeled.icon.menu .item > .icon:not(.dropdown) { height: 1em; display: block; font-size: 1.6875em !important; margin: 0em auto 0.5rem !important; } .bgs-theme .ui.fluid.labeled.icon.menu > .item { min-width: 0em; } @media only screen and (max-width: 767px) { .bgs-theme .ui.stackable.menu { flex-direction: column; } .bgs-theme .ui.stackable.menu .item { width: 100% !important; } .bgs-theme .ui.stackable.menu .item:before { position: absolute; content: ''; top: auto; bottom: 0px; left: 0px; width: 100%; height: 1px; background: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.stackable.menu .left.menu, .bgs-theme .ui.stackable.menu .left.item { margin-right: 0 !important; } .bgs-theme .ui.stackable.menu .right.menu, .bgs-theme .ui.stackable.menu .right.item { margin-left: 0 !important; } .bgs-theme .ui.stackable.menu .right.menu, .bgs-theme .ui.stackable.menu .left.menu { flex-direction: column; } } .bgs-theme .ui.menu .red.active.item, .bgs-theme .ui.red.menu .active.item { border-color: #F03535 !important; color: #F03535 !important; } .bgs-theme .ui.menu .orange.active.item, .bgs-theme .ui.orange.menu .active.item { border-color: #FFA553 !important; color: #FFA553 !important; } .bgs-theme .ui.menu .yellow.active.item, .bgs-theme .ui.yellow.menu .active.item { border-color: #FFDF45 !important; color: #FFDF45 !important; } .bgs-theme .ui.menu .olive.active.item, .bgs-theme .ui.olive.menu .active.item { border-color: #B5CC18 !important; color: #B5CC18 !important; } .bgs-theme .ui.menu .green.active.item, .bgs-theme .ui.green.menu .active.item { border-color: #50B83C !important; color: #50B83C !important; } .bgs-theme .ui.menu .teal.active.item, .bgs-theme .ui.teal.menu .active.item { border-color: #00B5AD !important; color: #00B5AD !important; } .bgs-theme .ui.menu .blue.active.item, .bgs-theme .ui.blue.menu .active.item { border-color: #007ACE !important; color: #007ACE !important; } .bgs-theme .ui.menu .violet.active.item, .bgs-theme .ui.violet.menu .active.item { border-color: #6435C9 !important; color: #6435C9 !important; } .bgs-theme .ui.menu .purple.active.item, .bgs-theme .ui.purple.menu .active.item { border-color: #CA7EEA !important; color: #CA7EEA !important; } .bgs-theme .ui.menu .pink.active.item, .bgs-theme .ui.pink.menu .active.item { border-color: #E03997 !important; color: #E03997 !important; } .bgs-theme .ui.menu .brown.active.item, .bgs-theme .ui.brown.menu .active.item { border-color: #A5673F !important; color: #A5673F !important; } .bgs-theme .ui.menu .grey.active.item, .bgs-theme .ui.grey.menu .active.item { border-color: #ABADB0 !important; color: #ABADB0 !important; } .bgs-theme .ui.inverted.menu { border: 0px solid transparent; background: #2D3239; box-shadow: none; } .bgs-theme .ui.inverted.menu .item, .bgs-theme .ui.inverted.menu .item > a:not(.ui) { background: transparent; color: rgba(255, 255, 255, 0.9); } .bgs-theme .ui.inverted.menu .item.menu { background: transparent; } .bgs-theme .ui.inverted.menu .item:before { background: rgba(255, 255, 255, 0.08); } .bgs-theme .ui.vertical.inverted.menu .item:before { background: rgba(255, 255, 255, 0.08); } .bgs-theme .ui.vertical.inverted.menu .menu .item, .bgs-theme .ui.vertical.inverted.menu .menu .item a:not(.ui) { color: rgba(255, 255, 255, 0.5); } .bgs-theme .ui.inverted.menu .header.item { margin: 0em; background: transparent; box-shadow: none; } .bgs-theme .ui.inverted.menu .item.disabled, .bgs-theme .ui.inverted.menu .item.disabled:hover { color: rgba(250, 250, 250, 0.3); } .bgs-theme .ui.link.inverted.menu .item:hover, .bgs-theme .ui.inverted.menu .dropdown.item:hover, .bgs-theme .ui.inverted.menu .link.item:hover, .bgs-theme .ui.inverted.menu a.item:hover { background: rgba(255, 255, 255, 0.08); color: #ffffff; } .bgs-theme .ui.vertical.inverted.menu .item .menu a.item:hover, .bgs-theme .ui.vertical.inverted.menu .item .menu .link.item:hover { background: transparent; color: #ffffff; } .bgs-theme .ui.inverted.menu a.item:active, .bgs-theme .ui.inverted.menu .link.item:active { background: rgba(255, 255, 255, 0.08); color: #ffffff; } .bgs-theme .ui.inverted.menu .active.item { background: rgba(255, 255, 255, 0.15); color: #ffffff !important; } .bgs-theme .ui.inverted.vertical.menu .item .menu .active.item { background: transparent; color: #FAFAFA; } .bgs-theme .ui.inverted.pointing.menu .active.item:after { background: #3D3E3F !important; margin: 0em !important; box-shadow: none !important; border: none !important; } .bgs-theme .ui.inverted.menu .active.item:hover { background: rgba(255, 255, 255, 0.15); color: #FAFAFA !important; } .bgs-theme .ui.inverted.pointing.menu .active.item:hover:after { background: #3D3E3F !important; } .bgs-theme .ui.floated.menu { float: left; margin: 0rem 0.5rem 0rem 0rem; } .bgs-theme .ui.floated.menu .item:last-child:before { display: none; } .bgs-theme .ui.right.floated.menu { float: right; margin: 0rem 0rem 0rem 0.5rem; } .bgs-theme .ui.inverted.menu .red.active.item, .bgs-theme .ui.inverted.red.menu { background-color: #F03535; } .bgs-theme .ui.inverted.red.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.inverted.red.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .bgs-theme .ui.inverted.menu .orange.active.item, .bgs-theme .ui.inverted.orange.menu { background-color: #FFA553; } .bgs-theme .ui.inverted.orange.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.inverted.orange.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .bgs-theme .ui.inverted.menu .yellow.active.item, .bgs-theme .ui.inverted.yellow.menu { background-color: #FFDF45; } .bgs-theme .ui.inverted.yellow.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.inverted.yellow.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .bgs-theme .ui.inverted.menu .olive.active.item, .bgs-theme .ui.inverted.olive.menu { background-color: #B5CC18; } .bgs-theme .ui.inverted.olive.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.inverted.olive.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .bgs-theme .ui.inverted.menu .green.active.item, .bgs-theme .ui.inverted.green.menu { background-color: #50B83C; } .bgs-theme .ui.inverted.green.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.inverted.green.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .bgs-theme .ui.inverted.menu .teal.active.item, .bgs-theme .ui.inverted.teal.menu { background-color: #00B5AD; } .bgs-theme .ui.inverted.teal.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.inverted.teal.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .bgs-theme .ui.inverted.menu .blue.active.item, .bgs-theme .ui.inverted.blue.menu { background-color: #007ACE; } .bgs-theme .ui.inverted.blue.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.inverted.blue.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .bgs-theme .ui.inverted.menu .violet.active.item, .bgs-theme .ui.inverted.violet.menu { background-color: #6435C9; } .bgs-theme .ui.inverted.violet.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.inverted.violet.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .bgs-theme .ui.inverted.menu .purple.active.item, .bgs-theme .ui.inverted.purple.menu { background-color: #CA7EEA; } .bgs-theme .ui.inverted.purple.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.inverted.purple.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .bgs-theme .ui.inverted.menu .pink.active.item, .bgs-theme .ui.inverted.pink.menu { background-color: #E03997; } .bgs-theme .ui.inverted.pink.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.inverted.pink.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .bgs-theme .ui.inverted.menu .brown.active.item, .bgs-theme .ui.inverted.brown.menu { background-color: #A5673F; } .bgs-theme .ui.inverted.brown.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.inverted.brown.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .bgs-theme .ui.inverted.menu .grey.active.item, .bgs-theme .ui.inverted.grey.menu { background-color: #ABADB0; } .bgs-theme .ui.inverted.grey.menu .item:before { background-color: rgba(34, 36, 38, 0.1); } .bgs-theme .ui.inverted.grey.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .bgs-theme .ui.fitted.menu .item, .bgs-theme .ui.fitted.menu .item .menu .item, .bgs-theme .ui.menu .fitted.item { padding: 0em; } .bgs-theme .ui.horizontally.fitted.menu .item, .bgs-theme .ui.horizontally.fitted.menu .item .menu .item, .bgs-theme .ui.menu .horizontally.fitted.item { padding-top: 0.9375em; padding-bottom: 0.9375em; } .bgs-theme .ui.vertically.fitted.menu .item, .bgs-theme .ui.vertically.fitted.menu .item .menu .item, .bgs-theme .ui.menu .vertically.fitted.item { padding-left: 1.125em; padding-right: 1.125em; } .bgs-theme .ui.borderless.menu .item:before, .bgs-theme .ui.borderless.menu .item .menu .item:before, .bgs-theme .ui.menu .borderless.item:before { background: none !important; } .bgs-theme .ui.compact.menu { display: inline-flex; margin: 0em; vertical-align: middle; } .bgs-theme .ui.compact.vertical.menu { display: inline-block; } .bgs-theme .ui.compact.menu .item:last-child { border-radius: 0em 0.1875rem 0.1875rem 0em; } .bgs-theme .ui.compact.menu .item:last-child:before { display: none; } .bgs-theme .ui.compact.vertical.menu { width: auto !important; } .bgs-theme .ui.compact.vertical.menu .item:last-child::before { display: block; } .bgs-theme .ui.menu.fluid, .bgs-theme .ui.vertical.menu.fluid { width: 100% !important; } .bgs-theme .ui.item.menu, .bgs-theme .ui.item.menu .item { width: 100%; padding-left: 0em !important; padding-right: 0em !important; margin-left: 0em !important; margin-right: 0em !important; text-align: center; justify-content: center; } .bgs-theme .ui.attached.item.menu { margin: 0em -1px !important; } .bgs-theme .ui.item.menu .item:last-child:before { display: none; } .bgs-theme .ui.menu.two.item .item { width: 50%; } .bgs-theme .ui.menu.three.item .item { width: 33.333%; } .bgs-theme .ui.menu.four.item .item { width: 25%; } .bgs-theme .ui.menu.five.item .item { width: 20%; } .bgs-theme .ui.menu.six.item .item { width: 16.666%; } .bgs-theme .ui.menu.seven.item .item { width: 14.285%; } .bgs-theme .ui.menu.eight.item .item { width: 12.500%; } .bgs-theme .ui.menu.nine.item .item { width: 11.11%; } .bgs-theme .ui.menu.ten.item .item { width: 10.0%; } .bgs-theme .ui.menu.eleven.item .item { width: 9.09%; } .bgs-theme .ui.menu.twelve.item .item { width: 8.333%; } .bgs-theme .ui.menu.fixed { position: fixed; z-index: 101; margin: 0em; width: 100%; } .bgs-theme .ui.menu.fixed, .bgs-theme .ui.menu.fixed .item:first-child, .bgs-theme .ui.menu.fixed .item:last-child { border-radius: 0px !important; } .bgs-theme .ui.fixed.menu, .bgs-theme .ui[class*="top fixed"].menu { top: 0px; left: 0px; right: auto; bottom: auto; } .bgs-theme .ui[class*="top fixed"].menu { border-top: none; border-left: none; border-right: none; } .bgs-theme .ui[class*="right fixed"].menu { border-top: none; border-bottom: none; border-right: none; top: 0px; right: 0px; left: auto; bottom: auto; width: auto; height: 100%; } .bgs-theme .ui[class*="bottom fixed"].menu { border-bottom: none; border-left: none; border-right: none; bottom: 0px; left: 0px; top: auto; right: auto; } .bgs-theme .ui[class*="left fixed"].menu { border-top: none; border-bottom: none; border-left: none; top: 0px; left: 0px; right: auto; bottom: auto; width: auto; height: 100%; } .bgs-theme .ui.fixed.menu + .ui.grid { padding-top: 2.75rem; } .bgs-theme .ui.pointing.menu .item:after { visibility: hidden; position: absolute; content: ''; top: 100%; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); background: none; margin: 0.5px 0em 0em; width: 0.5em; height: 0.5em; border: none; border-bottom: 1px solid #D4D4D5; border-right: 1px solid #D4D4D5; z-index: 2; transition: background 0.1s ease; } .bgs-theme .ui.vertical.pointing.menu .item:after { position: absolute; top: 50%; right: 0%; bottom: auto; left: auto; transform: translateX(50%) translateY(-50%) rotate(45deg); margin: 0em -0.5px 0em 0em; border: none; border-top: 1px solid #D4D4D5; border-right: 1px solid #D4D4D5; } .bgs-theme .ui.pointing.menu .active.item:after { visibility: visible; } .bgs-theme .ui.pointing.menu .active.dropdown.item:after { visibility: hidden; } .bgs-theme .ui.pointing.menu .dropdown.active.item:after, .bgs-theme .ui.pointing.menu .active.item .menu .active.item:after { display: none; } .bgs-theme .ui.pointing.menu .active.item:hover:after { background-color: #F2F2F2; } .bgs-theme .ui.pointing.menu .active.item:after { background-color: #F2F2F2; } .bgs-theme .ui.pointing.menu .active.item:hover:after { background-color: #F2F2F2; } .bgs-theme .ui.vertical.pointing.menu .active.item:hover:after { background-color: #F2F2F2; } .bgs-theme .ui.vertical.pointing.menu .active.item:after { background-color: #F2F2F2; } .bgs-theme .ui.vertical.pointing.menu .menu .active.item:after { background-color: #FAFAFA; } .bgs-theme .ui.attached.menu { top: 0px; bottom: 0px; border-radius: 0px; margin: 0em -1px; width: calc(102%); max-width: calc(102%); box-shadow: none; } .bgs-theme .ui.attached + .ui.attached.menu:not(.top) { border-top: none; } .bgs-theme .ui[class*="top attached"].menu { bottom: 0px; margin-bottom: 0em; top: 0px; margin-top: 1rem; border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.menu[class*="top attached"]:first-child { margin-top: 0em; } .bgs-theme .ui[class*="bottom attached"].menu { bottom: 0px; margin-top: 0em; top: 0px; margin-bottom: 1rem; box-shadow: 0px 1px 2px 0 #ABADB0, none; border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui[class*="bottom attached"].menu:last-child { margin-bottom: 0em; } .bgs-theme .ui.top.attached.menu > .item:first-child { border-radius: 0.1875rem 0em 0em 0em; } .bgs-theme .ui.bottom.attached.menu > .item:first-child { border-radius: 0em 0em 0em 0.1875rem; } .bgs-theme .ui.attached.menu:not(.tabular) { border: 1px solid #D4D4D5; } .bgs-theme .ui.attached.inverted.menu { border: none; } .bgs-theme .ui.attached.tabular.menu { margin-left: 0; margin-right: 0; width: 100%; } .bgs-theme .ui.mini.menu { font-size: 0.6875rem; } .bgs-theme .ui.mini.vertical.menu { width: 9rem; } .bgs-theme .ui.tiny.menu { font-size: 0.75rem; } .bgs-theme .ui.tiny.vertical.menu { width: 11rem; } .bgs-theme .ui.small.menu { font-size: 0.8125rem; } .bgs-theme .ui.small.vertical.menu { width: 13rem; } .bgs-theme .ui.menu { font-size: 1rem; } .bgs-theme .ui.vertical.menu { width: 15rem; } .bgs-theme .ui.large.menu { font-size: 0.9375rem; } .bgs-theme .ui.large.vertical.menu { width: 18rem; } .bgs-theme .ui.huge.menu { font-size: 1.0625rem; } .bgs-theme .ui.huge.vertical.menu { width: 22rem; } .bgs-theme .ui.big.menu { font-size: 1rem; } .bgs-theme .ui.big.vertical.menu { width: 20rem; } .bgs-theme .ui.massive.menu { font-size: 1.125rem; } .bgs-theme .ui.massive.vertical.menu { width: 25rem; } .bgs-theme .ui.message { position: relative; min-height: 1em; margin: 1em 0em; background: #F8F8F9; padding: 1em 1.5em; line-height: 1.375em; color: #2D3239; transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; border-radius: 0.1875rem; box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.message:first-child { margin-top: 0em; } .bgs-theme .ui.message:last-child { margin-bottom: 0em; } .bgs-theme .ui.message .header { display: block; font-family: 'proxima-nova', sans-serif; font-weight: bold; margin: -0.14285714em 0em 0rem 0em; } .bgs-theme .ui.message .header:not(.ui) { font-size: 1.125em; } .bgs-theme .ui.message p { opacity: 0.85; margin: 0.75em 0em; } .bgs-theme .ui.message p:first-child { margin-top: 0em; } .bgs-theme .ui.message p:last-child { margin-bottom: 0em; } .bgs-theme .ui.message .header + p { margin-top: 0.25em; } .bgs-theme .ui.message .list:not(.ui) { text-align: left; padding: 0em; opacity: 0.85; list-style-position: inside; margin: 0.5em 0em 0em; } .bgs-theme .ui.message .list:not(.ui):first-child { margin-top: 0em; } .bgs-theme .ui.message .list:not(.ui):last-child { margin-bottom: 0em; } .bgs-theme .ui.message .list:not(.ui) li { position: relative; list-style-type: none; margin: 0em 0em 0.3em 1em; padding: 0em; } .bgs-theme .ui.message .list:not(.ui) li:before { position: absolute; content: '•'; left: -1em; height: 100%; vertical-align: baseline; } .bgs-theme .ui.message .list:not(.ui) li:last-child { margin-bottom: 0em; } .bgs-theme .ui.message > .icon { margin-right: 0.6em; } .bgs-theme .ui.message > .close.icon { cursor: pointer; position: absolute; margin: 0em; top: 0.8125em; right: 0.5em; opacity: 0.7; transition: opacity 0.1s ease; } .bgs-theme .ui.message > .close.icon:hover { opacity: 1; } .bgs-theme .ui.message > :first-child { margin-top: 0em; } .bgs-theme .ui.message > :last-child { margin-bottom: 0em; } .bgs-theme .ui.dropdown .menu > .message { margin: 0px -1px; } .bgs-theme .ui.visible.visible.visible.visible.message { display: block; } .bgs-theme .ui.icon.visible.visible.visible.visible.message { display: flex; } .bgs-theme .ui.hidden.hidden.hidden.hidden.message { display: none; } .bgs-theme .ui.compact.message { display: inline-block; } .bgs-theme .ui.compact.icon.message { display: inline-flex; } .bgs-theme .ui.attached.message { margin-bottom: -1px; border-radius: 0.1875rem 0.1875rem 0em 0em; box-shadow: 0em 0em 0em 1px #ABADB0 inset; margin-left: -1px; margin-right: -1px; } .bgs-theme .ui.attached + .ui.attached.message:not(.top):not(.bottom) { margin-top: -1px; border-radius: 0em; } .bgs-theme .ui.bottom.attached.message { margin-top: -1px; border-radius: 0em 0em 0.1875rem 0.1875rem; box-shadow: 0em 0em 0em 1px #ABADB0 inset, 0px 1px 2px 0 #ABADB0; } .bgs-theme .ui.bottom.attached.message:not(:last-child) { margin-bottom: 1em; } .bgs-theme .ui.attached.icon.message { width: auto; } .bgs-theme .ui.icon.message { display: flex; width: 100%; align-items: center; } .bgs-theme .ui.icon.message > .icon:not(.close) { display: block; flex: 0 0 auto; width: auto; line-height: 1; vertical-align: middle; font-size: 3em; opacity: 0.8; } .bgs-theme .ui.icon.message > .content { display: block; flex: 1 1 auto; vertical-align: middle; } .bgs-theme .ui.icon.message .icon:not(.close) + .content { padding-left: 0rem; } .bgs-theme .ui.icon.message .circular.icon { width: 1em; } .bgs-theme .ui.floating.message { box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); } .bgs-theme .ui.black.message { background-color: #2D3239; color: rgba(255, 255, 255, 0.9); } .bgs-theme .ui.positive.message { background-color: #E3F1DF; color: #088700; } .bgs-theme .ui.positive.message, .bgs-theme .ui.attached.positive.message { box-shadow: 0px 0px 0px 1px #50B83C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.positive.message .header { color: #108043; } .bgs-theme .ui.negative.message { background-color: #FDEAEA; color: #F03535; } .bgs-theme .ui.negative.message, .bgs-theme .ui.attached.negative.message { box-shadow: 0px 0px 0px 1px #F03535 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.negative.message .header { color: #B5000D; } .bgs-theme .ui.info.message { background-color: #EBF4FA; color: #004F9C; } .bgs-theme .ui.info.message, .bgs-theme .ui.attached.info.message { box-shadow: 0px 0px 0px 1px #007ACE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.info.message .header { color: #00286D; } .bgs-theme .ui.warning.message { background-color: #FCF0CD; color: #ab8106; } .bgs-theme .ui.warning.message, .bgs-theme .ui.attached.warning.message { box-shadow: 0px 0px 0px 1px #C49407 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.warning.message .header { color: #ab8106; } .bgs-theme .ui.error.message { background-color: transparent; color: #F03535; } .bgs-theme .ui.error.message, .bgs-theme .ui.attached.error.message { box-shadow: 0px 0px 0px 1px #F03535 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.error.message .header { color: #B5000D; } .bgs-theme .ui.success.message { background-color: #E3F1DF; color: #088700; } .bgs-theme .ui.success.message, .bgs-theme .ui.attached.success.message { box-shadow: 0px 0px 0px 1px #50B83C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.success.message .header { color: #108043; } .bgs-theme .ui.inverted.message, .bgs-theme .ui.black.message { background-color: #2D3239; color: rgba(255, 255, 255, 0.9); } .bgs-theme .ui.red.message { background-color: #FDEAEA; color: #F03535; box-shadow: 0px 0px 0px 1px #F03535 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.red.message .header { color: #ee1d1d; } .bgs-theme .ui.orange.message { background-color: #FCEBDB; color: #FFA553; box-shadow: 0px 0px 0px 1px #FFA553 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.orange.message .header { color: #ff9839; } .bgs-theme .ui.yellow.message { background-color: #FCF0CD; color: #FFD643; box-shadow: 0px 0px 0px 1px #FFD643 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.yellow.message .header { color: #ffd029; } .bgs-theme .ui.olive.message { background-color: #FBFDEF; color: #8ABC1E; box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.olive.message .header { color: #7aa61a; } .bgs-theme .ui.green.message { background-color: #E3F1DF; color: #50B83C; box-shadow: 0px 0px 0px 1px #50B83C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.green.message .header { color: #48a536; } .bgs-theme .ui.teal.message { background-color: #E1F7F7; color: #10A3A3; box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.teal.message .header { color: #0e8c8c; } .bgs-theme .ui.blue.message { background-color: #EBF4FA; color: #007ACE; box-shadow: 0px 0px 0px 1px #007ACE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.blue.message .header { color: #006bb5; } .bgs-theme .ui.violet.message { background-color: #EAE7FF; color: #6435C9; box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.violet.message .header { color: #5a30b5; } .bgs-theme .ui.purple.message { background-color: #F9F2FC; color: #CA7EEA; box-shadow: 0px 0px 0px 1px #CA7EEA inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.purple.message .header { color: #c168e6; } .bgs-theme .ui.pink.message { background-color: #FFE3FB; color: #E03997; box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.pink.message .header { color: #dd238b; } .bgs-theme .ui.brown.message { background-color: #F1E2D3; color: #A5673F; box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); } .bgs-theme .ui.brown.message .header { color: #935b38; } .bgs-theme .ui.mini.message { font-size: 0.8125em; } .bgs-theme .ui.tiny.message { font-size: 0.875em; } .bgs-theme .ui.small.message { font-size: 0.9375em; } .bgs-theme .ui.message { font-size: 1em; } .bgs-theme .ui.large.message { font-size: 1.125em; } .bgs-theme .ui.big.message { font-size: 1.3125em; } .bgs-theme .ui.huge.message { font-size: 1.4375em; } .bgs-theme .ui.massive.message { font-size: 1.6875em; } .bgs-theme .ui.table { width: 100%; background: #FAFAFA; margin: 1em 0em; border: 0; box-shadow: none; border-radius: 0.1875rem; text-align: left; color: #2D3239; border-collapse: separate; border-spacing: 0px; } .bgs-theme .ui.table:first-child { margin-top: 0em; } .bgs-theme .ui.table:last-child { margin-bottom: 0em; } .bgs-theme .ui.table th, .bgs-theme .ui.table td { transition: background 0.1s ease, color 0.1s ease; } .bgs-theme .ui.table thead { box-shadow: none; } .bgs-theme .ui.table thead th { cursor: auto; background: rgba(171, 173, 176, 0.1); text-align: inherit; color: #2D3239; padding: 0.9375em 0.8125em; vertical-align: inherit; font-style: none; font-weight: 600; text-transform: none; border-bottom: 1px solid rgba(34, 36, 38, 0.1); border-left: none; } .bgs-theme .ui.table thead tr > th:first-child { border-left: none; } .bgs-theme .ui.table thead tr:first-child > th:first-child { border-radius: 0.1875rem 0em 0em 0em; } .bgs-theme .ui.table thead tr:first-child > th:last-child { border-radius: 0em 0.1875rem 0em 0em; } .bgs-theme .ui.table thead tr:first-child > th:only-child { border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.table tfoot { box-shadow: none; } .bgs-theme .ui.table tfoot th { cursor: auto; border-top: 1px solid #ABADB0; background: #F9FAFB; text-align: inherit; color: #2D3239; padding: 0.8125em 0.8125em; vertical-align: middle; font-style: normal; font-weight: normal; text-transform: none; } .bgs-theme .ui.table tfoot tr > th:first-child { border-left: none; } .bgs-theme .ui.table tfoot tr:first-child > th:first-child { border-radius: 0em 0em 0em 0.1875rem; } .bgs-theme .ui.table tfoot tr:first-child > th:last-child { border-radius: 0em 0em 0.1875rem 0em; } .bgs-theme .ui.table tfoot tr:first-child > th:only-child { border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui.table tr td { border-top: 1px solid rgba(34, 36, 38, 0.1); } .bgs-theme .ui.table tr:first-child td { border-top: none; } .bgs-theme .ui.table tbody + tbody tr:first-child td { border-top: 1px solid rgba(34, 36, 38, 0.1); } .bgs-theme .ui.table td { padding: 0.8125em 0.8125em; text-align: inherit; } .bgs-theme .ui.table > .icon { vertical-align: baseline; } .bgs-theme .ui.table > .icon:only-child { margin: 0em; } .bgs-theme .ui.table.segment { padding: 0em; } .bgs-theme .ui.table.segment:after { display: none; } .bgs-theme .ui.table.segment.stacked:after { display: block; } @media only screen and (max-width: 767px) { .bgs-theme { /* Definition Table */ } .bgs-theme .ui.table:not(.unstackable) { width: 100%; } .bgs-theme .ui.table:not(.unstackable) tbody, .bgs-theme .ui.table:not(.unstackable) tr, .bgs-theme .ui.table:not(.unstackable) tr > th, .bgs-theme .ui.table:not(.unstackable) tr > td { width: auto !important; display: block !important; } .bgs-theme .ui.table:not(.unstackable) { padding: 0em; } .bgs-theme .ui.table:not(.unstackable) thead { display: block; } .bgs-theme .ui.table:not(.unstackable) tfoot { display: block; } .bgs-theme .ui.table:not(.unstackable) tr { padding-top: 1em; padding-bottom: 1em; box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; } .bgs-theme .ui.table:not(.unstackable) tr > th, .bgs-theme .ui.table:not(.unstackable) tr > td { background: none; border: none !important; padding: 0.25em 0.75em !important; box-shadow: none !important; } .bgs-theme .ui.table:not(.unstackable) th:first-child, .bgs-theme .ui.table:not(.unstackable) td:first-child { font-weight: bold; } .bgs-theme .ui.definition.table:not(.unstackable) thead th:first-child { box-shadow: none !important; } } .bgs-theme .ui.table th .image, .bgs-theme .ui.table th .image img, .bgs-theme .ui.table td .image, .bgs-theme .ui.table td .image img { max-width: none; } .bgs-theme .ui.structured.table { border-collapse: collapse; } .bgs-theme .ui.structured.table thead th { border-left: none; border-right: none; } .bgs-theme .ui.structured.sortable.table thead th { border-left: 1px solid #ABADB0; border-right: 1px solid #ABADB0; } .bgs-theme .ui.structured.basic.table th { border-left: none; border-right: none; } .bgs-theme .ui.structured.celled.table tr th, .bgs-theme .ui.structured.celled.table tr td { border-left: 1px solid rgba(34, 36, 38, 0.1); border-right: 1px solid rgba(34, 36, 38, 0.1); } .bgs-theme .ui.definition.table thead:not(.full-width) th:first-child { pointer-events: none; background: transparent; font-weight: normal; color: rgba(0, 0, 0, 0.4); box-shadow: -1px -1px 0px 1px #FAFAFA; } .bgs-theme .ui.definition.table tfoot:not(.full-width) th:first-child { pointer-events: none; background: transparent; font-weight: rgba(0, 0, 0, 0.4); color: normal; box-shadow: 1px 1px 0px 1px #FAFAFA; } .bgs-theme .ui.celled.definition.table thead:not(.full-width) th:first-child { box-shadow: 0px -1px 0px 1px #FAFAFA; } .bgs-theme .ui.celled.definition.table tfoot:not(.full-width) th:first-child { box-shadow: 0px 1px 0px 1px #FAFAFA; } .bgs-theme .ui.definition.table tr td:first-child:not(.ignored), .bgs-theme .ui.definition.table tr td.definition { background: rgba(0, 0, 0, 0.03); font-weight: bold; color: rgba(0, 0, 0, 0.95); text-transform: ''; box-shadow: ''; text-align: ''; font-size: 1em; padding-left: ''; padding-right: ''; } .bgs-theme .ui.definition.table thead:not(.full-width) th:nth-child(2) { border-left: 1px solid #ABADB0; } .bgs-theme .ui.definition.table tfoot:not(.full-width) th:nth-child(2) { border-left: 1px solid #ABADB0; } .bgs-theme .ui.definition.table td:nth-child(2) { border-left: 1px solid #ABADB0; } .bgs-theme .ui.table tr.positive, .bgs-theme .ui.table td.positive { box-shadow: 0px 0px 0px #50B83C inset; } .bgs-theme .ui.table tr.positive, .bgs-theme .ui.table td.positive { background: #E3F1DF !important; color: #088700 !important; } .bgs-theme .ui.table tr.negative, .bgs-theme .ui.table td.negative { box-shadow: 0px 0px 0px #F03535 inset; } .bgs-theme .ui.table tr.negative, .bgs-theme .ui.table td.negative { background: #FDEAEA !important; color: #F03535 !important; } .bgs-theme .ui.table tr.error, .bgs-theme .ui.table td.error { box-shadow: 0px 0px 0px #F03535 inset; } .bgs-theme .ui.table tr.error, .bgs-theme .ui.table td.error { background: transparent !important; color: #F03535 !important; } .bgs-theme .ui.table tr.warning, .bgs-theme .ui.table td.warning { box-shadow: 0px 0px 0px #C49407 inset; } .bgs-theme .ui.table tr.warning, .bgs-theme .ui.table td.warning { background: #FCF0CD !important; color: #ab8106 !important; } .bgs-theme .ui.table tr.active, .bgs-theme .ui.table td.active { box-shadow: 0px 0px 0px #2D3239 inset; } .bgs-theme .ui.table tr.active, .bgs-theme .ui.table td.active { background: rgba(171, 173, 176, 0.2) !important; color: #2D3239 !important; } .bgs-theme .ui.table tr.disabled td, .bgs-theme .ui.table tr td.disabled, .bgs-theme .ui.table tr.disabled:hover, .bgs-theme .ui.table tr:hover td.disabled { pointer-events: none; color: rgba(67, 75, 85, 0.3); } @media only screen and (max-width: 991px) { .bgs-theme { /* Definition Table */ } .bgs-theme .ui[class*="tablet stackable"].table, .bgs-theme .ui[class*="tablet stackable"].table tbody, .bgs-theme .ui[class*="tablet stackable"].table tr, .bgs-theme .ui[class*="tablet stackable"].table tr > th, .bgs-theme .ui[class*="tablet stackable"].table tr > td { width: 100% !important; display: block !important; } .bgs-theme .ui[class*="tablet stackable"].table { padding: 0em; } .bgs-theme .ui[class*="tablet stackable"].table thead { display: block; } .bgs-theme .ui[class*="tablet stackable"].table tfoot { display: block; } .bgs-theme .ui[class*="tablet stackable"].table tr { padding-top: 1em; padding-bottom: 1em; box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; } .bgs-theme .ui[class*="tablet stackable"].table tr > th, .bgs-theme .ui[class*="tablet stackable"].table tr > td { background: none; border: none !important; padding: 0.25em 0.75em; box-shadow: none !important; } .bgs-theme .ui.definition[class*="tablet stackable"].table thead th:first-child { box-shadow: none !important; } } .bgs-theme .ui.table[class*="left aligned"], .bgs-theme .ui.table [class*="left aligned"] { text-align: left; } .bgs-theme .ui.table[class*="center aligned"], .bgs-theme .ui.table [class*="center aligned"] { text-align: center; } .bgs-theme .ui.table[class*="right aligned"], .bgs-theme .ui.table [class*="right aligned"] { text-align: right; } .bgs-theme .ui.table[class*="top aligned"], .bgs-theme .ui.table [class*="top aligned"] { vertical-align: top; } .bgs-theme .ui.table[class*="middle aligned"], .bgs-theme .ui.table [class*="middle aligned"] { vertical-align: middle; } .bgs-theme .ui.table[class*="bottom aligned"], .bgs-theme .ui.table [class*="bottom aligned"] { vertical-align: bottom; } .bgs-theme .ui.table th.collapsing, .bgs-theme .ui.table td.collapsing { width: 1px; white-space: nowrap; } .bgs-theme .ui.fixed.table { table-layout: fixed; } .bgs-theme .ui.fixed.table th, .bgs-theme .ui.fixed.table td { overflow: hidden; text-overflow: ellipsis; } .bgs-theme .ui.selectable.table tbody tr:hover, .bgs-theme .ui.table tbody tr td.selectable:hover { background: rgba(171, 173, 176, 0.15) !important; color: rgba(0, 0, 0, 0.95) !important; } .bgs-theme .ui.selectable.inverted.table tbody tr:hover, .bgs-theme .ui.inverted.table tbody tr td.selectable:hover { background: rgba(255, 255, 255, 0.08) !important; color: #ffffff !important; } .bgs-theme .ui.table tbody tr td.selectable { padding: 0em; } .bgs-theme .ui.table tbody tr td.selectable > a:not(.ui) { display: block; color: inherit; padding: 0.8125em 0.8125em; } .bgs-theme .ui.selectable.table tr.error:hover, .bgs-theme .ui.table tr td.selectable.error:hover, .bgs-theme .ui.selectable.table tr:hover td.error { background: rgba(0, 0, 0, 0) !important; color: #ef2727 !important; } .bgs-theme .ui.selectable.table tr.warning:hover, .bgs-theme .ui.table tr td.selectable.warning:hover, .bgs-theme .ui.selectable.table tr:hover td.warning { background: #fbecbf !important; color: #9d7606 !important; } .bgs-theme .ui.selectable.table tr.active:hover, .bgs-theme .ui.table tr td.selectable.active:hover, .bgs-theme .ui.selectable.table tr:hover td.active { background: rgba(171, 173, 176, 0.2) !important; color: #2D3239 !important; } .bgs-theme .ui.selectable.table tr.positive:hover, .bgs-theme .ui.table tr td.selectable.positive:hover, .bgs-theme .ui.selectable.table tr:hover td.positive { background: #daecd4 !important; color: #077800 !important; } .bgs-theme .ui.selectable.table tr.negative:hover, .bgs-theme .ui.table tr td.selectable.negative:hover, .bgs-theme .ui.selectable.table tr:hover td.negative { background: #fcdcdc !important; color: #ef2727 !important; } .bgs-theme .ui.attached.table { top: 0px; bottom: 0px; border-radius: 0px; margin: 0em -1px; width: calc(102%); max-width: calc(102%); box-shadow: none; border: 1px solid #D4D4D5; } .bgs-theme .ui.attached + .ui.attached.table:not(.top) { border-top: none; } .bgs-theme .ui[class*="top attached"].table { bottom: 0px; margin-bottom: 0em; top: 0px; margin-top: 1em; border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.table[class*="top attached"]:first-child { margin-top: 0em; } .bgs-theme .ui[class*="bottom attached"].table { bottom: 0px; margin-top: 0em; top: 0px; margin-bottom: 1em; box-shadow: none, none; border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui[class*="bottom attached"].table:last-child { margin-bottom: 0em; } .bgs-theme .ui.striped.table > tr:nth-child(2n), .bgs-theme .ui.striped.table tbody tr:nth-child(2n) { background-color: rgba(0, 122, 206, 0.05); } .bgs-theme .ui.inverted.striped.table > tr:nth-child(2n), .bgs-theme .ui.inverted.striped.table tbody tr:nth-child(2n) { background-color: rgba(255, 255, 255, 0.05); } .bgs-theme .ui.striped.selectable.selectable.selectable.table tbody tr.active:hover { background: rgba(171, 173, 176, 0.22) !important; color: rgba(0, 0, 0, 0.95) !important; } .bgs-theme .ui.table[class*="single line"], .bgs-theme .ui.table [class*="single line"] { white-space: nowrap; } .bgs-theme .ui.table[class*="single line"], .bgs-theme .ui.table [class*="single line"] { white-space: nowrap; } .bgs-theme .ui.red.table { border-top: 0.2em solid #F03535; } .bgs-theme .ui.inverted.red.table { background-color: #F03535 !important; color: #FAFAFA !important; } .bgs-theme .ui.orange.table { border-top: 0.2em solid #FFA553; } .bgs-theme .ui.inverted.orange.table { background-color: #FFA553 !important; color: #FAFAFA !important; } .bgs-theme .ui.yellow.table { border-top: 0.2em solid #FFDF45; } .bgs-theme .ui.inverted.yellow.table { background-color: #FFDF45 !important; color: #FAFAFA !important; } .bgs-theme .ui.olive.table { border-top: 0.2em solid #B5CC18; } .bgs-theme .ui.inverted.olive.table { background-color: #B5CC18 !important; color: #FAFAFA !important; } .bgs-theme .ui.green.table { border-top: 0.2em solid #50B83C; } .bgs-theme .ui.inverted.green.table { background-color: #50B83C !important; color: #FAFAFA !important; } .bgs-theme .ui.teal.table { border-top: 0.2em solid #00B5AD; } .bgs-theme .ui.inverted.teal.table { background-color: #00B5AD !important; color: #FAFAFA !important; } .bgs-theme .ui.blue.table { border-top: 0.2em solid #007ACE; } .bgs-theme .ui.inverted.blue.table { background-color: #007ACE !important; color: #FAFAFA !important; } .bgs-theme .ui.violet.table { border-top: 0.2em solid #6435C9; } .bgs-theme .ui.inverted.violet.table { background-color: #6435C9 !important; color: #FAFAFA !important; } .bgs-theme .ui.purple.table { border-top: 0.2em solid #CA7EEA; } .bgs-theme .ui.inverted.purple.table { background-color: #CA7EEA !important; color: #FAFAFA !important; } .bgs-theme .ui.pink.table { border-top: 0.2em solid #E03997; } .bgs-theme .ui.inverted.pink.table { background-color: #E03997 !important; color: #FAFAFA !important; } .bgs-theme .ui.brown.table { border-top: 0.2em solid #A5673F; } .bgs-theme .ui.inverted.brown.table { background-color: #A5673F !important; color: #FAFAFA !important; } .bgs-theme .ui.grey.table { border-top: 0.2em solid #ABADB0; } .bgs-theme .ui.inverted.grey.table { background-color: #ABADB0 !important; color: #FAFAFA !important; } .bgs-theme .ui.black.table { border-top: 0.2em solid #2D3239; } .bgs-theme .ui.inverted.black.table { background-color: #2D3239 !important; color: #FAFAFA !important; } .bgs-theme .ui.one.column.table td { width: 100%; } .bgs-theme .ui.two.column.table td { width: 50%; } .bgs-theme .ui.three.column.table td { width: 33.33333333%; } .bgs-theme .ui.four.column.table td { width: 25%; } .bgs-theme .ui.five.column.table td { width: 20%; } .bgs-theme .ui.six.column.table td { width: 16.66666667%; } .bgs-theme .ui.seven.column.table td { width: 14.28571429%; } .bgs-theme .ui.eight.column.table td { width: 12.5%; } .bgs-theme .ui.nine.column.table td { width: 11.11111111%; } .bgs-theme .ui.ten.column.table td { width: 10%; } .bgs-theme .ui.eleven.column.table td { width: 9.09090909%; } .bgs-theme .ui.twelve.column.table td { width: 8.33333333%; } .bgs-theme .ui.thirteen.column.table td { width: 7.69230769%; } .bgs-theme .ui.fourteen.column.table td { width: 7.14285714%; } .bgs-theme .ui.fifteen.column.table td { width: 6.66666667%; } .bgs-theme .ui.sixteen.column.table td { width: 6.25%; } .bgs-theme .ui.table th.one.wide, .bgs-theme .ui.table td.one.wide { width: 6.25%; } .bgs-theme .ui.table th.two.wide, .bgs-theme .ui.table td.two.wide { width: 12.5%; } .bgs-theme .ui.table th.three.wide, .bgs-theme .ui.table td.three.wide { width: 18.75%; } .bgs-theme .ui.table th.four.wide, .bgs-theme .ui.table td.four.wide { width: 25%; } .bgs-theme .ui.table th.five.wide, .bgs-theme .ui.table td.five.wide { width: 31.25%; } .bgs-theme .ui.table th.six.wide, .bgs-theme .ui.table td.six.wide { width: 37.5%; } .bgs-theme .ui.table th.seven.wide, .bgs-theme .ui.table td.seven.wide { width: 43.75%; } .bgs-theme .ui.table th.eight.wide, .bgs-theme .ui.table td.eight.wide { width: 50%; } .bgs-theme .ui.table th.nine.wide, .bgs-theme .ui.table td.nine.wide { width: 56.25%; } .bgs-theme .ui.table th.ten.wide, .bgs-theme .ui.table td.ten.wide { width: 62.5%; } .bgs-theme .ui.table th.eleven.wide, .bgs-theme .ui.table td.eleven.wide { width: 68.75%; } .bgs-theme .ui.table th.twelve.wide, .bgs-theme .ui.table td.twelve.wide { width: 75%; } .bgs-theme .ui.table th.thirteen.wide, .bgs-theme .ui.table td.thirteen.wide { width: 81.25%; } .bgs-theme .ui.table th.fourteen.wide, .bgs-theme .ui.table td.fourteen.wide { width: 87.5%; } .bgs-theme .ui.table th.fifteen.wide, .bgs-theme .ui.table td.fifteen.wide { width: 93.75%; } .bgs-theme .ui.table th.sixteen.wide, .bgs-theme .ui.table td.sixteen.wide { width: 100%; } .bgs-theme .ui.sortable.table thead th { cursor: pointer; white-space: nowrap; border-left: 1px solid #ABADB0; color: #2D3239; } .bgs-theme .ui.sortable.table thead th:first-child { border-left: none; } .bgs-theme .ui.sortable.table thead th.sorted, .bgs-theme .ui.sortable.table thead th.sorted:hover { user-select: none; } .bgs-theme .ui.sortable.table thead th:after { display: none; font-style: normal; font-weight: normal; text-decoration: inherit; content: ''; height: 1em; width: auto; opacity: 0.8; margin: 0em 0em 0em 0.5em; font-family: 'Icons'; } .bgs-theme .ui.sortable.table thead th.ascending:after { content: '\f0d8'; } .bgs-theme .ui.sortable.table thead th.descending:after { content: '\f0d7'; } .bgs-theme .ui.sortable.table th.disabled:hover { cursor: auto; color: rgba(67, 75, 85, 0.3); } .bgs-theme .ui.sortable.table thead th:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); } .bgs-theme .ui.sortable.table thead th.sorted { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.sortable.table thead th.sorted:after { display: inline-block; } .bgs-theme .ui.sortable.table thead th.sorted:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.inverted.sortable.table thead th.sorted { background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); color: #ffffff; } .bgs-theme .ui.inverted.sortable.table thead th:hover { background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); color: #ffffff; } .bgs-theme .ui.inverted.sortable.table thead th { border-left-color: transparent; border-right-color: transparent; } .bgs-theme .ui.inverted.table { background: #333333; color: rgba(255, 255, 255, 0.9); border: none; } .bgs-theme .ui.inverted.table th { background-color: rgba(0, 0, 0, 0.15); border-color: rgba(255, 255, 255, 0.1) !important; color: rgba(255, 255, 255, 0.9) !important; } .bgs-theme .ui.inverted.table tr td { border-color: rgba(255, 255, 255, 0.1) !important; } .bgs-theme .ui.inverted.table tr.disabled td, .bgs-theme .ui.inverted.table tr td.disabled, .bgs-theme .ui.inverted.table tr.disabled:hover td, .bgs-theme .ui.inverted.table tr:hover td.disabled { pointer-events: none; color: rgba(250, 250, 250, 0.3); } .bgs-theme .ui.inverted.definition.table tfoot:not(.full-width) th:first-child, .bgs-theme .ui.inverted.definition.table thead:not(.full-width) th:first-child { background: #FAFAFA; } .bgs-theme .ui.inverted.definition.table tr td:first-child { background: rgba(255, 255, 255, 0.02); color: #ffffff; } .bgs-theme .ui.collapsing.table { width: auto; } .bgs-theme .ui.basic.table { background: transparent; border: 1px solid #ABADB0; box-shadow: none; } .bgs-theme .ui.basic.table thead, .bgs-theme .ui.basic.table tfoot { box-shadow: none; } .bgs-theme .ui.basic.table th { background: transparent; border-left: none; } .bgs-theme .ui.basic.table tbody tr { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .bgs-theme .ui.basic.table td { background: transparent; } .bgs-theme .ui.basic.striped.table tbody tr:nth-child(2n) { background-color: rgba(0, 0, 0, 0.05) !important; } .bgs-theme .ui[class*="very basic"].table { border: none; } .bgs-theme .ui[class*="very basic"].table:not(.sortable):not(.striped) th, .bgs-theme .ui[class*="very basic"].table:not(.sortable):not(.striped) td { padding: ''; } .bgs-theme .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child, .bgs-theme .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child { padding-left: 0em; } .bgs-theme .ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child, .bgs-theme .ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child { padding-right: 0em; } .bgs-theme .ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th { padding-top: 0em; } .bgs-theme .ui.celled.table tr th, .bgs-theme .ui.celled.table tr td { border-left: 1px solid rgba(34, 36, 38, 0.1); } .bgs-theme .ui.celled.table tr th:first-child, .bgs-theme .ui.celled.table tr td:first-child { border-left: none; } .bgs-theme .ui.padded.table th { padding-left: 1em; padding-right: 1em; } .bgs-theme .ui.padded.table th, .bgs-theme .ui.padded.table td { padding: 1em 1em; } .bgs-theme .ui[class*="very padded"].table th { padding-left: 1.5em; padding-right: 1.5em; } .bgs-theme .ui[class*="very padded"].table td { padding: 1.5em 1.5em; } .bgs-theme .ui.compact.table th { padding-left: 0.7em; padding-right: 0.7em; } .bgs-theme .ui.compact.table td { padding: 0.5em 0.7em; } .bgs-theme .ui[class*="very compact"].table th { padding-left: 0.6em; padding-right: 0.6em; } .bgs-theme .ui[class*="very compact"].table td { padding: 0.4em 0.6em; } .bgs-theme .ui.small.table { font-size: 0.9em; } .bgs-theme .ui.table { font-size: 1em; } .bgs-theme .ui.large.table { font-size: 1.1em; } .bgs-theme .ui.table thead th { font-size: 1em; } .bgs-theme .ui.ad { display: block; overflow: hidden; margin: 1em 0em; } .bgs-theme .ui.ad:first-child { margin: 0em; } .bgs-theme .ui.ad:last-child { margin: 0em; } .bgs-theme .ui.ad iframe { margin: 0em; padding: 0em; border: none; overflow: hidden; } .bgs-theme .ui.leaderboard.ad { width: 728px; height: 90px; } .bgs-theme .ui[class*="medium rectangle"].ad { width: 300px; height: 250px; } .bgs-theme .ui[class*="large rectangle"].ad { width: 336px; height: 280px; } .bgs-theme .ui[class*="half page"].ad { width: 300px; height: 600px; } .bgs-theme .ui.square.ad { width: 250px; height: 250px; } .bgs-theme .ui[class*="small square"].ad { width: 200px; height: 200px; } .bgs-theme .ui[class*="small rectangle"].ad { width: 180px; height: 150px; } .bgs-theme .ui[class*="vertical rectangle"].ad { width: 240px; height: 400px; } .bgs-theme .ui.button.ad { width: 120px; height: 90px; } .bgs-theme .ui[class*="square button"].ad { width: 125px; height: 125px; } .bgs-theme .ui[class*="small button"].ad { width: 120px; height: 60px; } .bgs-theme .ui.skyscraper.ad { width: 120px; height: 600px; } .bgs-theme .ui[class*="wide skyscraper"].ad { width: 160px; } .bgs-theme .ui.banner.ad { width: 468px; height: 60px; } .bgs-theme .ui[class*="vertical banner"].ad { width: 120px; height: 240px; } .bgs-theme .ui[class*="top banner"].ad { width: 930px; height: 180px; } .bgs-theme .ui[class*="half banner"].ad { width: 234px; height: 60px; } .bgs-theme .ui[class*="large leaderboard"].ad { width: 970px; height: 90px; } .bgs-theme .ui.billboard.ad { width: 970px; height: 250px; } .bgs-theme .ui.panorama.ad { width: 980px; height: 120px; } .bgs-theme .ui.netboard.ad { width: 580px; height: 400px; } .bgs-theme .ui[class*="large mobile banner"].ad { width: 320px; height: 100px; } .bgs-theme .ui[class*="mobile leaderboard"].ad { width: 320px; height: 50px; } .bgs-theme .ui.mobile.ad { display: none; } @media only screen and (max-width: 767px) { .bgs-theme .ui.mobile.ad { display: block; } } .bgs-theme .ui.centered.ad { margin-left: auto; margin-right: auto; } .bgs-theme .ui.test.ad { position: relative; background: #545454; } .bgs-theme .ui.test.ad:after { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translateX(-50%) translateY(-50%); content: 'Ad'; color: #FAFAFA; font-size: 1em; font-weight: bold; } .bgs-theme .ui.mobile.test.ad:after { font-size: 0.875em; } .bgs-theme .ui.test.ad[data-text]:after { content: attr(data-text); } .bgs-theme .ui.cards > .card, .bgs-theme .ui.card { max-width: 100%; position: relative; display: flex; flex-direction: column; width: 290px; min-height: 0px; background: #FAFAFA; padding: 0em; border: none; border-radius: 0.1875rem; box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5; transition: box-shadow 0.1s ease, transform 0.1s ease; z-index: ''; } .bgs-theme .ui.card { margin: 1em 0em; } .bgs-theme .ui.cards > .card a, .bgs-theme .ui.card a { cursor: pointer; } .bgs-theme .ui.card:first-child { margin-top: 0em; } .bgs-theme .ui.card:last-child { margin-bottom: 0em; } .bgs-theme .ui.cards { display: flex; margin: -0.875em -0.5em; flex-wrap: wrap; } .bgs-theme .ui.cards > .card { display: flex; margin: 0.875em 0.5em; float: none; } .bgs-theme .ui.cards:after, .bgs-theme .ui.card:after { display: block; content: ' '; height: 0px; clear: both; overflow: hidden; visibility: hidden; } .bgs-theme .ui.cards ~ .ui.cards { margin-top: 0.875em; } .bgs-theme .ui.cards > .card > :first-child, .bgs-theme .ui.card > :first-child { border-radius: 0.1875rem 0.1875rem 0em 0em !important; border-top: none !important; } .bgs-theme .ui.cards > .card > :last-child, .bgs-theme .ui.card > :last-child { border-radius: 0em 0em 0.1875rem 0.1875rem !important; } .bgs-theme .ui.cards > .card > :only-child, .bgs-theme .ui.card > :only-child { border-radius: 0.1875rem !important; } .bgs-theme .ui.cards > .card > .image, .bgs-theme .ui.card > .image { position: relative; display: block; flex: 0 0 auto; padding: 0em; background: rgba(0, 0, 0, 0.05); } .bgs-theme .ui.cards > .card > .image > img, .bgs-theme .ui.card > .image > img { display: block; width: 100%; height: auto; border-radius: inherit; } .bgs-theme .ui.cards > .card > .image:not(.ui) > img, .bgs-theme .ui.card > .image:not(.ui) > img { border: none; } .bgs-theme .ui.cards > .card > .content, .bgs-theme .ui.card > .content { flex-grow: 1; border: none; border-top: 1px solid rgba(34, 36, 38, 0.1); background: none; margin: 0em; padding: 1em 1em; box-shadow: none; font-size: 1em; border-radius: 0em; } .bgs-theme .ui.cards > .card > .content:after, .bgs-theme .ui.card > .content:after { display: block; content: ' '; height: 0px; clear: both; overflow: hidden; visibility: hidden; } .bgs-theme .ui.cards > .card > .content > .header, .bgs-theme .ui.card > .content > .header { display: block; margin: ''; font-family: 'proxima-nova', sans-serif; color: rgba(0, 0, 0, 0.85); } .bgs-theme .ui.cards > .card > .content > .header:not(.ui), .bgs-theme .ui.card > .content > .header:not(.ui) { font-weight: bold; font-size: 1.3125em; margin-top: -0.1875em; line-height: 1.28571429em; } .bgs-theme .ui.cards > .card > .content > .meta + .description, .bgs-theme .ui.cards > .card > .content > .header + .description, .bgs-theme .ui.card > .content > .meta + .description, .bgs-theme .ui.card > .content > .header + .description { margin-top: 0.5em; } .bgs-theme .ui.cards > .card [class*="left floated"], .bgs-theme .ui.card [class*="left floated"] { float: left; } .bgs-theme .ui.cards > .card [class*="right floated"], .bgs-theme .ui.card [class*="right floated"] { float: right; } .bgs-theme .ui.cards > .card [class*="left aligned"], .bgs-theme .ui.card [class*="left aligned"] { text-align: left; } .bgs-theme .ui.cards > .card [class*="center aligned"], .bgs-theme .ui.card [class*="center aligned"] { text-align: center; } .bgs-theme .ui.cards > .card [class*="right aligned"], .bgs-theme .ui.card [class*="right aligned"] { text-align: right; } .bgs-theme .ui.cards > .card .content img, .bgs-theme .ui.card .content img { display: inline-block; vertical-align: middle; width: ''; } .bgs-theme .ui.cards > .card img.avatar, .bgs-theme .ui.cards > .card .avatar img, .bgs-theme .ui.card img.avatar, .bgs-theme .ui.card .avatar img { width: 2em; height: 2em; border-radius: 500rem; } .bgs-theme .ui.cards > .card > .content > .description, .bgs-theme .ui.card > .content > .description { clear: both; color: rgba(0, 0, 0, 0.68); } .bgs-theme .ui.cards > .card > .content p, .bgs-theme .ui.card > .content p { margin: 0em 0em 0.5em; } .bgs-theme .ui.cards > .card > .content p:last-child, .bgs-theme .ui.card > .content p:last-child { margin-bottom: 0em; } .bgs-theme .ui.cards > .card .meta, .bgs-theme .ui.card .meta { font-size: 1em; color: rgba(0, 0, 0, 0.4); } .bgs-theme .ui.cards > .card .meta *, .bgs-theme .ui.card .meta * { margin-right: 0.3em; } .bgs-theme .ui.cards > .card .meta :last-child, .bgs-theme .ui.card .meta :last-child { margin-right: 0em; } .bgs-theme .ui.cards > .card .meta [class*="right floated"], .bgs-theme .ui.card .meta [class*="right floated"] { margin-right: 0em; margin-left: 0.3em; } .bgs-theme .ui.cards > .card > .content a:not(.ui), .bgs-theme .ui.card > .content a:not(.ui) { color: ''; transition: color 0.1s ease; } .bgs-theme .ui.cards > .card > .content a:not(.ui):hover, .bgs-theme .ui.card > .content a:not(.ui):hover { color: ''; } .bgs-theme .ui.cards > .card > .content > a.header, .bgs-theme .ui.card > .content > a.header { color: rgba(0, 0, 0, 0.85); } .bgs-theme .ui.cards > .card > .content > a.header:hover, .bgs-theme .ui.card > .content > a.header:hover { color: #004F9C; } .bgs-theme .ui.cards > .card .meta > a:not(.ui), .bgs-theme .ui.card .meta > a:not(.ui) { color: rgba(0, 0, 0, 0.4); } .bgs-theme .ui.cards > .card .meta > a:not(.ui):hover, .bgs-theme .ui.card .meta > a:not(.ui):hover { color: #2D3239; } .bgs-theme .ui.cards > .card > .buttons, .bgs-theme .ui.card > .buttons, .bgs-theme .ui.cards > .card > .button, .bgs-theme .ui.card > .button { margin: 0px -1px; width: calc(100% + 2px ); } .bgs-theme .ui.cards > .card .dimmer, .bgs-theme .ui.card .dimmer { background-color: ''; z-index: 10; } .bgs-theme .ui.cards > .card > .content .star.icon, .bgs-theme .ui.card > .content .star.icon { cursor: pointer; opacity: 0.75; transition: color 0.1s ease; } .bgs-theme .ui.cards > .card > .content .star.icon:hover, .bgs-theme .ui.card > .content .star.icon:hover { opacity: 1; color: #FFB70A; } .bgs-theme .ui.cards > .card > .content .active.star.icon, .bgs-theme .ui.card > .content .active.star.icon { color: #FFE623; } .bgs-theme .ui.cards > .card > .content .like.icon, .bgs-theme .ui.card > .content .like.icon { cursor: pointer; opacity: 0.75; transition: color 0.1s ease; } .bgs-theme .ui.cards > .card > .content .like.icon:hover, .bgs-theme .ui.card > .content .like.icon:hover { opacity: 1; color: #FF2733; } .bgs-theme .ui.cards > .card > .content .active.like.icon, .bgs-theme .ui.card > .content .active.like.icon { color: #FF2733; } .bgs-theme .ui.cards > .card > .extra, .bgs-theme .ui.card > .extra { max-width: 100%; min-height: 0em !important; flex-grow: 0; border-top: 1px solid rgba(0, 0, 0, 0.05) !important; position: static; background: none; width: auto; margin: 0em 0em; padding: 0.75em 1em; top: 0em; left: 0em; color: rgba(0, 0, 0, 0.4); box-shadow: none; transition: color 0.1s ease; } .bgs-theme .ui.cards > .card > .extra a:not(.ui), .bgs-theme .ui.card > .extra a:not(.ui) { color: rgba(0, 0, 0, 0.4); } .bgs-theme .ui.cards > .card > .extra a:not(.ui):hover, .bgs-theme .ui.card > .extra a:not(.ui):hover { color: #004F9C; } .bgs-theme .ui.raised.cards > .card, .bgs-theme .ui.raised.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); } .bgs-theme .ui.raised.cards a.card:hover, .bgs-theme .ui.link.cards .raised.card:hover, .bgs-theme a.ui.raised.card:hover, .bgs-theme .ui.link.raised.card:hover { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25); } .bgs-theme .ui.raised.cards > .card, .bgs-theme .ui.raised.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); } .bgs-theme .ui.centered.cards { justify-content: center; } .bgs-theme .ui.centered.card { margin-left: auto; margin-right: auto; } .bgs-theme .ui.fluid.card { width: 100%; max-width: 9999px; } .bgs-theme .ui.cards a.card, .bgs-theme .ui.link.cards .card, .bgs-theme a.ui.card, .bgs-theme .ui.link.card { transform: none; } .bgs-theme .ui.cards a.card:hover, .bgs-theme .ui.link.cards .card:hover, .bgs-theme a.ui.card:hover, .bgs-theme .ui.link.card:hover { cursor: pointer; z-index: 5; background: #FAFAFA; border: none; box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5; transform: translateY(-3px); } .bgs-theme .ui.red.cards > .card, .bgs-theme .ui.cards > .red.card, .bgs-theme .ui.red.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F03535, 0px 1px 3px 0px #D4D4D5; } .bgs-theme .ui.red.cards > .card:hover, .bgs-theme .ui.cards > .red.card:hover, .bgs-theme .ui.red.card:hover { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f91313, 0px 1px 3px 0px #BCBDBD; } .bgs-theme .ui.orange.cards > .card, .bgs-theme .ui.cards > .orange.card, .bgs-theme .ui.orange.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FFA553, 0px 1px 3px 0px #D4D4D5; } .bgs-theme .ui.orange.cards > .card:hover, .bgs-theme .ui.cards > .orange.card:hover, .bgs-theme .ui.orange.card:hover { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #ff9839, 0px 1px 3px 0px #BCBDBD; } .bgs-theme .ui.yellow.cards > .card, .bgs-theme .ui.cards > .yellow.card, .bgs-theme .ui.yellow.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FFDF45, 0px 1px 3px 0px #D4D4D5; } .bgs-theme .ui.yellow.cards > .card:hover, .bgs-theme .ui.cards > .yellow.card:hover, .bgs-theme .ui.yellow.card:hover { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #ffdb2b, 0px 1px 3px 0px #BCBDBD; } .bgs-theme .ui.olive.cards > .card, .bgs-theme .ui.cards > .olive.card, .bgs-theme .ui.olive.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5; } .bgs-theme .ui.olive.cards > .card:hover, .bgs-theme .ui.cards > .olive.card:hover, .bgs-theme .ui.olive.card:hover { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD; } .bgs-theme .ui.green.cards > .card, .bgs-theme .ui.cards > .green.card, .bgs-theme .ui.green.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #50B83C, 0px 1px 3px 0px #D4D4D5; } .bgs-theme .ui.green.cards > .card:hover, .bgs-theme .ui.cards > .green.card:hover, .bgs-theme .ui.green.card:hover { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #44aa30, 0px 1px 3px 0px #BCBDBD; } .bgs-theme .ui.teal.cards > .card, .bgs-theme .ui.cards > .teal.card, .bgs-theme .ui.teal.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5; } .bgs-theme .ui.teal.cards > .card:hover, .bgs-theme .ui.cards > .teal.card:hover, .bgs-theme .ui.teal.card:hover { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD; } .bgs-theme .ui.blue.cards > .card, .bgs-theme .ui.cards > .blue.card, .bgs-theme .ui.blue.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #007ACE, 0px 1px 3px 0px #D4D4D5; } .bgs-theme .ui.blue.cards > .card:hover, .bgs-theme .ui.cards > .blue.card:hover, .bgs-theme .ui.blue.card:hover { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #006bb5, 0px 1px 3px 0px #BCBDBD; } .bgs-theme .ui.violet.cards > .card, .bgs-theme .ui.cards > .violet.card, .bgs-theme .ui.violet.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5; } .bgs-theme .ui.violet.cards > .card:hover, .bgs-theme .ui.cards > .violet.card:hover, .bgs-theme .ui.violet.card:hover { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD; } .bgs-theme .ui.purple.cards > .card, .bgs-theme .ui.cards > .purple.card, .bgs-theme .ui.purple.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #CA7EEA, 0px 1px 3px 0px #D4D4D5; } .bgs-theme .ui.purple.cards > .card:hover, .bgs-theme .ui.cards > .purple.card:hover, .bgs-theme .ui.purple.card:hover { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #c462ed, 0px 1px 3px 0px #BCBDBD; } .bgs-theme .ui.pink.cards > .card, .bgs-theme .ui.cards > .pink.card, .bgs-theme .ui.pink.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5; } .bgs-theme .ui.pink.cards > .card:hover, .bgs-theme .ui.cards > .pink.card:hover, .bgs-theme .ui.pink.card:hover { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD; } .bgs-theme .ui.brown.cards > .card, .bgs-theme .ui.cards > .brown.card, .bgs-theme .ui.brown.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5; } .bgs-theme .ui.brown.cards > .card:hover, .bgs-theme .ui.cards > .brown.card:hover, .bgs-theme .ui.brown.card:hover { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD; } .bgs-theme .ui.grey.cards > .card, .bgs-theme .ui.cards > .grey.card, .bgs-theme .ui.grey.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #ABADB0, 0px 1px 3px 0px #D4D4D5; } .bgs-theme .ui.grey.cards > .card:hover, .bgs-theme .ui.cards > .grey.card:hover, .bgs-theme .ui.grey.card:hover { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #b8babc, 0px 1px 3px 0px #BCBDBD; } .bgs-theme .ui.black.cards > .card, .bgs-theme .ui.cards > .black.card, .bgs-theme .ui.black.card { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2D3239, 0px 1px 3px 0px #D4D4D5; } .bgs-theme .ui.black.cards > .card:hover, .bgs-theme .ui.cards > .black.card:hover, .bgs-theme .ui.black.card:hover { box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #383f47, 0px 1px 3px 0px #BCBDBD; } .bgs-theme .ui.one.cards { margin-left: 0em; margin-right: 0em; } .bgs-theme .ui.one.cards > .card { width: 100%; } .bgs-theme .ui.two.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.two.cards > .card { width: calc( 50% - 2em ); margin-left: 1em; margin-right: 1em; } .bgs-theme .ui.three.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.three.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } .bgs-theme .ui.four.cards { margin-left: -0.75em; margin-right: -0.75em; } .bgs-theme .ui.four.cards > .card { width: calc( 25% - 1.5em ); margin-left: 0.75em; margin-right: 0.75em; } .bgs-theme .ui.five.cards { margin-left: -0.75em; margin-right: -0.75em; } .bgs-theme .ui.five.cards > .card { width: calc( 20% - 1.5em ); margin-left: 0.75em; margin-right: 0.75em; } .bgs-theme .ui.six.cards { margin-left: -0.75em; margin-right: -0.75em; } .bgs-theme .ui.six.cards > .card { width: calc( 16.66666667% - 1.5em ); margin-left: 0.75em; margin-right: 0.75em; } .bgs-theme .ui.seven.cards { margin-left: -0.5em; margin-right: -0.5em; } .bgs-theme .ui.seven.cards > .card { width: calc( 14.28571429% - 1em ); margin-left: 0.5em; margin-right: 0.5em; } .bgs-theme .ui.eight.cards { margin-left: -0.5em; margin-right: -0.5em; } .bgs-theme .ui.eight.cards > .card { width: calc( 12.5% - 1em ); margin-left: 0.5em; margin-right: 0.5em; font-size: 11px; } .bgs-theme .ui.nine.cards { margin-left: -0.5em; margin-right: -0.5em; } .bgs-theme .ui.nine.cards > .card { width: calc( 11.11111111% - 1em ); margin-left: 0.5em; margin-right: 0.5em; font-size: 10px; } .bgs-theme .ui.ten.cards { margin-left: -0.5em; margin-right: -0.5em; } .bgs-theme .ui.ten.cards > .card { width: calc( 10% - 1em ); margin-left: 0.5em; margin-right: 0.5em; } @media only screen and (max-width: 767px) { .bgs-theme .ui.two.doubling.cards { margin-left: 0em; margin-right: 0em; } .bgs-theme .ui.two.doubling.cards > .card { width: 100%; margin-left: 0em; margin-right: 0em; } .bgs-theme .ui.three.doubling.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.three.doubling.cards > .card { width: calc( 50% - 2em ); margin-left: 1em; margin-right: 1em; } .bgs-theme .ui.four.doubling.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.four.doubling.cards > .card { width: calc( 50% - 2em ); margin-left: 1em; margin-right: 1em; } .bgs-theme .ui.five.doubling.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.five.doubling.cards > .card { width: calc( 50% - 2em ); margin-left: 1em; margin-right: 1em; } .bgs-theme .ui.six.doubling.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.six.doubling.cards > .card { width: calc( 50% - 2em ); margin-left: 1em; margin-right: 1em; } .bgs-theme .ui.seven.doubling.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.seven.doubling.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } .bgs-theme .ui.eight.doubling.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.eight.doubling.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } .bgs-theme .ui.nine.doubling.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.nine.doubling.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } .bgs-theme .ui.ten.doubling.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.ten.doubling.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .bgs-theme .ui.two.doubling.cards { margin-left: 0em; margin-right: 0em; } .bgs-theme .ui.two.doubling.cards > .card { width: 100%; margin-left: 0em; margin-right: 0em; } .bgs-theme .ui.three.doubling.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.three.doubling.cards > .card { width: calc( 50% - 2em ); margin-left: 1em; margin-right: 1em; } .bgs-theme .ui.four.doubling.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.four.doubling.cards > .card { width: calc( 50% - 2em ); margin-left: 1em; margin-right: 1em; } .bgs-theme .ui.five.doubling.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.five.doubling.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } .bgs-theme .ui.six.doubling.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.six.doubling.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } .bgs-theme .ui.eight.doubling.cards { margin-left: -1em; margin-right: -1em; } .bgs-theme .ui.eight.doubling.cards > .card { width: calc( 33.33333333% - 2em ); margin-left: 1em; margin-right: 1em; } .bgs-theme .ui.eight.doubling.cards { margin-left: -0.75em; margin-right: -0.75em; } .bgs-theme .ui.eight.doubling.cards > .card { width: calc( 25% - 1.5em ); margin-left: 0.75em; margin-right: 0.75em; } .bgs-theme .ui.nine.doubling.cards { margin-left: -0.75em; margin-right: -0.75em; } .bgs-theme .ui.nine.doubling.cards > .card { width: calc( 25% - 1.5em ); margin-left: 0.75em; margin-right: 0.75em; } .bgs-theme .ui.ten.doubling.cards { margin-left: -0.75em; margin-right: -0.75em; } .bgs-theme .ui.ten.doubling.cards > .card { width: calc( 20% - 1.5em ); margin-left: 0.75em; margin-right: 0.75em; } } @media only screen and (max-width: 767px) { .bgs-theme .ui.stackable.cards { display: block !important; } .bgs-theme .ui.stackable.cards .card:first-child { margin-top: 0em !important; } .bgs-theme .ui.stackable.cards > .card { display: block !important; height: auto !important; margin: 1em 1em; padding: 0 !important; width: calc( 100% - 2em ) !important; } } .bgs-theme .ui.cards > .card { font-size: 1em; } .bgs-theme .ui.comments { margin: 1.5em 0em; max-width: 650px; } .bgs-theme .ui.comments:first-child { margin-top: 0em; } .bgs-theme .ui.comments:last-child { margin-bottom: 0em; } .bgs-theme .ui.comments .comment { position: relative; background: none; margin: 0.5em 0em 0em; padding: 0.5em 0em 0em; border: none; border-top: none; line-height: 1.2; } .bgs-theme .ui.comments .comment:first-child { margin-top: 0em; padding-top: 0em; } .bgs-theme .ui.comments .comment .comments { margin: 0em 0em 0.5em 0.5em; padding: 1em 0em 1em 1em; } .bgs-theme .ui.comments .comment .comments:before { position: absolute; top: 0px; left: 0px; } .bgs-theme .ui.comments .comment .comments .comment { border: none; border-top: none; background: none; } .bgs-theme .ui.comments .comment .avatar { display: block; width: 2.5em; height: auto; float: left; margin: 0.2em 0em 0em; } .bgs-theme .ui.comments .comment img.avatar, .bgs-theme .ui.comments .comment .avatar img { display: block; margin: 0em auto; width: 100%; height: 100%; border-radius: 0.25rem; } .bgs-theme .ui.comments .comment > .content { display: block; } .bgs-theme .ui.comments .comment > .avatar ~ .content { margin-left: 3.5em; } .bgs-theme .ui.comments .comment .author { font-size: 1em; color: #2D3239; font-weight: bold; } .bgs-theme .ui.comments .comment a.author { cursor: pointer; } .bgs-theme .ui.comments .comment a.author:hover { color: #004F9C; } .bgs-theme .ui.comments .comment .metadata { display: inline-block; margin-left: 0.5em; color: rgba(0, 0, 0, 0.4); font-size: 0.875em; } .bgs-theme .ui.comments .comment .metadata > * { display: inline-block; margin: 0em 0.5em 0em 0em; } .bgs-theme .ui.comments .comment .metadata > :last-child { margin-right: 0em; } .bgs-theme .ui.comments .comment .text { margin: 0.25em 0em 0.5em; font-size: 1em; word-wrap: break-word; color: #2D3239; line-height: 1.3; } .bgs-theme .ui.comments .comment .actions { font-size: 0.875em; } .bgs-theme .ui.comments .comment .actions a { cursor: pointer; display: inline-block; margin: 0em 0.75em 0em 0em; color: rgba(0, 0, 0, 0.4); } .bgs-theme .ui.comments .comment .actions a:last-child { margin-right: 0em; } .bgs-theme .ui.comments .comment .actions a.active, .bgs-theme .ui.comments .comment .actions a:hover { color: rgba(0, 0, 0, 0.8); } .bgs-theme .ui.comments > .reply.form { margin-top: 1em; } .bgs-theme .ui.comments .comment .reply.form { width: 100%; margin-top: 1em; } .bgs-theme .ui.comments .reply.form textarea { font-size: 1em; height: 12em; } .bgs-theme .ui.collapsed.comments, .bgs-theme .ui.comments .collapsed.comments, .bgs-theme .ui.comments .collapsed.comment { display: none; } .bgs-theme .ui.threaded.comments .comment .comments { margin: -1.5em 0 -1em 1.25em; padding: 3em 0em 2em 2.25em; box-shadow: -1px 0px 0px #ABADB0; } .bgs-theme .ui.minimal.comments .comment .actions { opacity: 0; position: absolute; top: 0px; right: 0px; left: auto; transition: opacity 0.2s ease; transition-delay: 0.1s; } .bgs-theme .ui.minimal.comments .comment > .content:hover > .actions { opacity: 1; } .bgs-theme .ui.mini.comments { font-size: 0.8125rem; } .bgs-theme .ui.tiny.comments { font-size: 0.875rem; } .bgs-theme .ui.small.comments { font-size: 0.9375rem; } .bgs-theme .ui.comments { font-size: 1rem; } .bgs-theme .ui.large.comments { font-size: 1.125rem; } .bgs-theme .ui.big.comments { font-size: 1.3125rem; } .bgs-theme .ui.huge.comments { font-size: 1.4375rem; } .bgs-theme .ui.massive.comments { font-size: 1.6875rem; } .bgs-theme .ui.feed { margin: 1em 0em; } .bgs-theme .ui.feed:first-child { margin-top: 0em; } .bgs-theme .ui.feed:last-child { margin-bottom: 0em; } .bgs-theme .ui.feed > .event { display: flex; flex-direction: row; width: 100%; padding: 0.1875rem 0em; margin: 0em; background: none; border-top: none; } .bgs-theme .ui.feed > .event:first-child { border-top: 0px; padding-top: 0em; } .bgs-theme .ui.feed > .event:last-child { padding-bottom: 0em; } .bgs-theme .ui.feed > .event > .label { display: block; flex: 0 0 auto; width: 2.5em; height: auto; align-self: stretch; text-align: left; } .bgs-theme .ui.feed > .event > .label .icon { opacity: 1; font-size: 1.5em; width: 100%; padding: 0.25em; background: none; border: none; border-radius: none; color: rgba(0, 0, 0, 0.6); } .bgs-theme .ui.feed > .event > .label img { width: 100%; height: auto; border-radius: 500rem; } .bgs-theme .ui.feed > .event > .label + .content { margin: 0.5em 0em 0.3125em 1.125em; } .bgs-theme .ui.feed > .event > .content { display: block; flex: 1 1 auto; align-self: stretch; text-align: left; word-wrap: break-word; } .bgs-theme .ui.feed > .event:last-child > .content { padding-bottom: 0em; } .bgs-theme .ui.feed > .event > .content a { cursor: pointer; } .bgs-theme .ui.feed > .event > .content .date { margin: -0.5rem 0em 0em; padding: 0em; font-weight: normal; font-size: 1em; font-style: normal; color: rgba(0, 0, 0, 0.4); } .bgs-theme .ui.feed > .event > .content .summary { margin: 0em; font-size: 1em; font-weight: bold; color: #2D3239; } .bgs-theme .ui.feed > .event > .content .summary img { display: inline-block; width: auto; height: 10em; margin: -0.25em 0.25em 0em 0em; border-radius: 0.25em; vertical-align: middle; } .bgs-theme .ui.feed > .event > .content .user { display: inline-block; font-weight: bold; margin-right: 0em; vertical-align: baseline; } .bgs-theme .ui.feed > .event > .content .user img { margin: -0.25em 0.25em 0em 0em; width: auto; height: 10em; vertical-align: middle; } .bgs-theme .ui.feed > .event > .content .summary > .date { display: inline-block; float: none; font-weight: normal; font-size: 0.875em; font-style: normal; margin: 0em 0em 0em 0.5em; padding: 0em; color: rgba(0, 0, 0, 0.4); } .bgs-theme .ui.feed > .event > .content .extra { margin: 0.5em 0em 0em; background: none; padding: 0em; color: #2D3239; } .bgs-theme .ui.feed > .event > .content .extra.images img { display: inline-block; margin: 0em 0.25em 0em 0em; width: 6em; } .bgs-theme .ui.feed > .event > .content .extra.text { padding: 0em; border-left: none; font-size: 1em; max-width: 500px; line-height: 1.375em; } .bgs-theme .ui.feed > .event > .content .meta { display: inline-block; font-size: 0.875em; margin: 0.5em 0em 0em; background: none; border: none; border-radius: 0; box-shadow: none; padding: 0em; color: rgba(0, 0, 0, 0.6); } .bgs-theme .ui.feed > .event > .content .meta > * { position: relative; margin-left: 0.75em; } .bgs-theme .ui.feed > .event > .content .meta > *:after { content: ''; color: rgba(0, 0, 0, 0.2); top: 0em; left: -1em; opacity: 1; position: absolute; vertical-align: top; } .bgs-theme .ui.feed > .event > .content .meta .like { color: ''; transition: 0.2s color ease; } .bgs-theme .ui.feed > .event > .content .meta .like:hover .icon { color: #FF2733; } .bgs-theme .ui.feed > .event > .content .meta .active.like .icon { color: #EF404A; } .bgs-theme .ui.feed > .event > .content .meta > :first-child { margin-left: 0em; } .bgs-theme .ui.feed > .event > .content .meta > :first-child::after { display: none; } .bgs-theme .ui.feed > .event > .content .meta a, .bgs-theme .ui.feed > .event > .content .meta > .icon { cursor: pointer; opacity: 1; color: rgba(0, 0, 0, 0.5); transition: color 0.1s ease; } .bgs-theme .ui.feed > .event > .content .meta a:hover, .bgs-theme .ui.feed > .event > .content .meta a:hover .icon, .bgs-theme .ui.feed > .event > .content .meta > .icon:hover { color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.small.feed { font-size: 0.9375rem; } .bgs-theme .ui.feed { font-size: 1rem; } .bgs-theme .ui.large.feed { font-size: 1.125rem; } .bgs-theme .ui.items > .item { display: flex; margin: 1em 0em; width: 100%; min-height: 0px; background: transparent; padding: 0em; border: none; border-radius: 0rem; box-shadow: none; transition: box-shadow 0.1s ease; z-index: ''; } .bgs-theme .ui.items > .item a { cursor: pointer; } .bgs-theme .ui.items { margin: 1.5em 0em; } .bgs-theme .ui.items:first-child { margin-top: 0em !important; } .bgs-theme .ui.items:last-child { margin-bottom: 0em !important; } .bgs-theme .ui.items > .item:after { display: block; content: ' '; height: 0px; clear: both; overflow: hidden; visibility: hidden; } .bgs-theme .ui.items > .item:first-child { margin-top: 0em; } .bgs-theme .ui.items > .item:last-child { margin-bottom: 0em; } .bgs-theme .ui.items > .item > .image { position: relative; flex: 0 0 auto; display: block; float: none; margin: 0em; padding: 0em; max-height: ''; align-self: top; } .bgs-theme .ui.items > .item > .image > img { display: block; width: 100%; height: auto; border-radius: 0.125rem; border: none; } .bgs-theme .ui.items > .item > .image:only-child > img { border-radius: 0rem; } .bgs-theme .ui.items > .item > .content { display: block; flex: 1 1 auto; background: none; margin: 0em; padding: 0em; box-shadow: none; font-size: 1em; border: none; border-radius: 0em; } .bgs-theme .ui.items > .item > .content:after { display: block; content: ' '; height: 0px; clear: both; overflow: hidden; visibility: hidden; } .bgs-theme .ui.items > .item > .image + .content { min-width: 0; width: auto; display: block; margin-left: 0em; align-self: top; padding-left: 1.5em; } .bgs-theme .ui.items > .item > .content > .header { display: inline-block; margin: -0.1875em 0em 0em; font-family: 'proxima-nova', sans-serif; font-weight: bold; color: rgba(0, 0, 0, 0.85); } .bgs-theme .ui.items > .item > .content > .header:not(.ui) { font-size: 1.3125em; } .bgs-theme .ui.items > .item [class*="left floated"] { float: left; } .bgs-theme .ui.items > .item [class*="right floated"] { float: right; } .bgs-theme .ui.items > .item .content img { align-self: middle; width: ''; } .bgs-theme .ui.items > .item img.avatar, .bgs-theme .ui.items > .item .avatar img { width: ''; height: ''; border-radius: 500rem; } .bgs-theme .ui.items > .item > .content > .description { margin-top: 0.6em; max-width: auto; font-size: 1em; line-height: 1.375em; color: #2D3239; } .bgs-theme .ui.items > .item > .content p { margin: 0em 0em 0.5em; } .bgs-theme .ui.items > .item > .content p:last-child { margin-bottom: 0em; } .bgs-theme .ui.items > .item .meta { margin: 0.5em 0em 0.5em; font-size: 1em; line-height: 1em; color: rgba(0, 0, 0, 0.6); } .bgs-theme .ui.items > .item .meta * { margin-right: 0.3em; } .bgs-theme .ui.items > .item .meta :last-child { margin-right: 0em; } .bgs-theme .ui.items > .item .meta [class*="right floated"] { margin-right: 0em; margin-left: 0.3em; } .bgs-theme .ui.items > .item > .content a:not(.ui) { color: ''; transition: color 0.1s ease; } .bgs-theme .ui.items > .item > .content a:not(.ui):hover { color: ''; } .bgs-theme .ui.items > .item > .content > a.header { color: rgba(0, 0, 0, 0.85); } .bgs-theme .ui.items > .item > .content > a.header:hover { color: #004F9C; } .bgs-theme .ui.items > .item .meta > a:not(.ui) { color: rgba(0, 0, 0, 0.4); } .bgs-theme .ui.items > .item .meta > a:not(.ui):hover { color: #2D3239; } .bgs-theme .ui.items > .item > .content .favorite.icon { cursor: pointer; opacity: 0.75; transition: color 0.1s ease; } .bgs-theme .ui.items > .item > .content .favorite.icon:hover { opacity: 1; color: #FFB70A; } .bgs-theme .ui.items > .item > .content .active.favorite.icon { color: #FFE623; } .bgs-theme .ui.items > .item > .content .like.icon { cursor: pointer; opacity: 0.75; transition: color 0.1s ease; } .bgs-theme .ui.items > .item > .content .like.icon:hover { opacity: 1; color: #FF2733; } .bgs-theme .ui.items > .item > .content .active.like.icon { color: #FF2733; } .bgs-theme .ui.items > .item .extra { display: block; position: relative; background: none; margin: 0.5rem 0em 0em; width: 100%; padding: 0em 0em 0em; top: 0em; left: 0em; color: rgba(0, 0, 0, 0.4); box-shadow: none; transition: color 0.1s ease; border-top: none; } .bgs-theme .ui.items > .item .extra > * { margin: 0.25rem 0.5rem 0.25rem 0em; } .bgs-theme .ui.items > .item .extra > [class*="right floated"] { margin: 0.25rem 0em 0.25rem 0.5rem; } .bgs-theme .ui.items > .item .extra:after { display: block; content: ' '; height: 0px; clear: both; overflow: hidden; visibility: hidden; } .bgs-theme .ui.items > .item > .image:not(.ui) { width: 175px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .bgs-theme .ui.items > .item { margin: 1em 0em; } .bgs-theme .ui.items > .item > .image:not(.ui) { width: 150px; } .bgs-theme .ui.items > .item > .image + .content { display: block; padding: 0em 0em 0em 1em; } } @media only screen and (max-width: 767px) { .bgs-theme .ui.items:not(.unstackable) > .item { flex-direction: column; margin: 2em 0em; } .bgs-theme .ui.items:not(.unstackable) > .item > .image { display: block; margin-left: auto; margin-right: auto; } .bgs-theme .ui.items:not(.unstackable) > .item > .image, .bgs-theme .ui.items:not(.unstackable) > .item > .image > img { max-width: 100% !important; width: auto !important; max-height: 250px !important; } .bgs-theme .ui.items:not(.unstackable) > .item > .image + .content { display: block; padding: 1.5em 0em 0em; } } .bgs-theme .ui.items > .item > .image + [class*="top aligned"].content { align-self: flex-start; } .bgs-theme .ui.items > .item > .image + [class*="middle aligned"].content { align-self: center; } .bgs-theme .ui.items > .item > .image + [class*="bottom aligned"].content { align-self: flex-end; } .bgs-theme .ui.relaxed.items > .item { margin: 1.5em 0em; } .bgs-theme .ui[class*="very relaxed"].items > .item { margin: 2em 0em; } .bgs-theme .ui.divided.items > .item { border-top: 1px solid #ABADB0; margin: 0em; padding: 1em 0em; } .bgs-theme .ui.divided.items > .item:first-child { border-top: none; margin-top: 0em !important; padding-top: 0em !important; } .bgs-theme .ui.divided.items > .item:last-child { margin-bottom: 0em !important; padding-bottom: 0em !important; } .bgs-theme .ui.relaxed.divided.items > .item { margin: 0em; padding: 1.5em 0em; } .bgs-theme .ui[class*="very relaxed"].divided.items > .item { margin: 0em; padding: 2em 0em; } .bgs-theme .ui.items a.item:hover, .bgs-theme .ui.link.items > .item:hover { cursor: pointer; } .bgs-theme .ui.items a.item:hover .content .header, .bgs-theme .ui.link.items > .item:hover .content .header { color: #004F9C; } .bgs-theme .ui.items > .item { font-size: 1em; } @media only screen and (max-width: 767px) { .bgs-theme .ui.unstackable.items > .item > .image, .bgs-theme .ui.unstackable.items > .item > .image > img { width: 125px !important; } } .bgs-theme .ui.statistic { display: inline-flex; flex-direction: column; margin: 1em 0em; max-width: auto; } .bgs-theme .ui.statistic + .ui.statistic { margin: 0em 0em 0em 1.5em; } .bgs-theme .ui.statistic:first-child { margin-top: 0em; } .bgs-theme .ui.statistic:last-child { margin-bottom: 0em; } .bgs-theme .ui.statistics { display: flex; align-items: flex-start; flex-wrap: wrap; } .bgs-theme .ui.statistics > .statistic { display: inline-flex; flex: 0 1 auto; flex-direction: column; margin: 0em 1.5em 1em; max-width: auto; } .bgs-theme .ui.statistics { display: flex; margin: 1em -1.5em -1em; } .bgs-theme .ui.statistics:after { display: block; content: ' '; height: 0px; clear: both; overflow: hidden; visibility: hidden; } .bgs-theme .ui.statistics:first-child { margin-top: 0em; } .bgs-theme .ui.statistics .statistic > .value, .bgs-theme .ui.statistic > .value { font-family: 'proxima-nova', sans-serif; font-size: 4rem; font-weight: normal; line-height: 1em; color: #2D3239; text-transform: uppercase; text-align: center; } .bgs-theme .ui.statistics .statistic > .label, .bgs-theme .ui.statistic > .label { font-family: 'proxima-nova', sans-serif; font-size: 1em; font-weight: bold; color: #2D3239; text-transform: uppercase; text-align: center; } .bgs-theme .ui.statistics .statistic > .label ~ .value, .bgs-theme .ui.statistic > .label ~ .value { margin-top: 0rem; } .bgs-theme .ui.statistics .statistic > .value ~ .label, .bgs-theme .ui.statistic > .value ~ .label { margin-top: 0rem; } .bgs-theme .ui.statistics .statistic > .value .icon, .bgs-theme .ui.statistic > .value .icon { opacity: 1; width: auto; margin: 0em; } .bgs-theme .ui.statistics .statistic > .text.value, .bgs-theme .ui.statistic > .text.value { line-height: 1em; min-height: 2em; font-weight: bold; text-align: center; } .bgs-theme .ui.statistics .statistic > .text.value + .label, .bgs-theme .ui.statistic > .text.value + .label { text-align: center; } .bgs-theme .ui.statistics .statistic > .value img, .bgs-theme .ui.statistic > .value img { max-height: 3rem; vertical-align: baseline; } .bgs-theme .ui.ten.statistics { margin: 0em 0em -1em; } .bgs-theme .ui.ten.statistics .statistic { min-width: 10%; margin: 0em 0em 1em; } .bgs-theme .ui.nine.statistics { margin: 0em 0em -1em; } .bgs-theme .ui.nine.statistics .statistic { min-width: 11.11111111%; margin: 0em 0em 1em; } .bgs-theme .ui.eight.statistics { margin: 0em 0em -1em; } .bgs-theme .ui.eight.statistics .statistic { min-width: 12.5%; margin: 0em 0em 1em; } .bgs-theme .ui.seven.statistics { margin: 0em 0em -1em; } .bgs-theme .ui.seven.statistics .statistic { min-width: 14.28571429%; margin: 0em 0em 1em; } .bgs-theme .ui.six.statistics { margin: 0em 0em -1em; } .bgs-theme .ui.six.statistics .statistic { min-width: 16.66666667%; margin: 0em 0em 1em; } .bgs-theme .ui.five.statistics { margin: 0em 0em -1em; } .bgs-theme .ui.five.statistics .statistic { min-width: 20%; margin: 0em 0em 1em; } .bgs-theme .ui.four.statistics { margin: 0em 0em -1em; } .bgs-theme .ui.four.statistics .statistic { min-width: 25%; margin: 0em 0em 1em; } .bgs-theme .ui.three.statistics { margin: 0em 0em -1em; } .bgs-theme .ui.three.statistics .statistic { min-width: 33.33333333%; margin: 0em 0em 1em; } .bgs-theme .ui.two.statistics { margin: 0em 0em -1em; } .bgs-theme .ui.two.statistics .statistic { min-width: 50%; margin: 0em 0em 1em; } .bgs-theme .ui.one.statistics { margin: 0em 0em -1em; } .bgs-theme .ui.one.statistics .statistic { min-width: 100%; margin: 0em 0em 1em; } .bgs-theme .ui.horizontal.statistic { flex-direction: row; align-items: center; } .bgs-theme .ui.horizontal.statistics { flex-direction: column; margin: 0em; max-width: none; } .bgs-theme .ui.horizontal.statistics .statistic { flex-direction: row; align-items: center; max-width: none; margin: 1em 0em; } .bgs-theme .ui.horizontal.statistic > .text.value, .bgs-theme .ui.horizontal.statistics > .statistic > .text.value { min-height: 0em !important; } .bgs-theme .ui.horizontal.statistics .statistic > .value .icon, .bgs-theme .ui.horizontal.statistic > .value .icon { width: 1em; } .bgs-theme .ui.horizontal.statistics .statistic > .value, .bgs-theme .ui.horizontal.statistic > .value { display: inline-block; vertical-align: middle; } .bgs-theme .ui.horizontal.statistics .statistic > .label, .bgs-theme .ui.horizontal.statistic > .label { display: inline-block; vertical-align: middle; margin: 0em 0em 0em 0.75em; } .bgs-theme .ui.red.statistics .statistic > .value, .bgs-theme .ui.statistics .red.statistic > .value, .bgs-theme .ui.red.statistic > .value { color: #F03535; } .bgs-theme .ui.orange.statistics .statistic > .value, .bgs-theme .ui.statistics .orange.statistic > .value, .bgs-theme .ui.orange.statistic > .value { color: #FFA553; } .bgs-theme .ui.yellow.statistics .statistic > .value, .bgs-theme .ui.statistics .yellow.statistic > .value, .bgs-theme .ui.yellow.statistic > .value { color: #FFDF45; } .bgs-theme .ui.olive.statistics .statistic > .value, .bgs-theme .ui.statistics .olive.statistic > .value, .bgs-theme .ui.olive.statistic > .value { color: #B5CC18; } .bgs-theme .ui.green.statistics .statistic > .value, .bgs-theme .ui.statistics .green.statistic > .value, .bgs-theme .ui.green.statistic > .value { color: #50B83C; } .bgs-theme .ui.teal.statistics .statistic > .value, .bgs-theme .ui.statistics .teal.statistic > .value, .bgs-theme .ui.teal.statistic > .value { color: #00B5AD; } .bgs-theme .ui.blue.statistics .statistic > .value, .bgs-theme .ui.statistics .blue.statistic > .value, .bgs-theme .ui.blue.statistic > .value { color: #007ACE; } .bgs-theme .ui.violet.statistics .statistic > .value, .bgs-theme .ui.statistics .violet.statistic > .value, .bgs-theme .ui.violet.statistic > .value { color: #6435C9; } .bgs-theme .ui.purple.statistics .statistic > .value, .bgs-theme .ui.statistics .purple.statistic > .value, .bgs-theme .ui.purple.statistic > .value { color: #CA7EEA; } .bgs-theme .ui.pink.statistics .statistic > .value, .bgs-theme .ui.statistics .pink.statistic > .value, .bgs-theme .ui.pink.statistic > .value { color: #E03997; } .bgs-theme .ui.brown.statistics .statistic > .value, .bgs-theme .ui.statistics .brown.statistic > .value, .bgs-theme .ui.brown.statistic > .value { color: #A5673F; } .bgs-theme .ui.grey.statistics .statistic > .value, .bgs-theme .ui.statistics .grey.statistic > .value, .bgs-theme .ui.grey.statistic > .value { color: #ABADB0; } .bgs-theme .ui.inverted.statistics .statistic > .value, .bgs-theme .ui.inverted.statistic .value { color: #FAFAFA; } .bgs-theme .ui.inverted.statistics .statistic > .label, .bgs-theme .ui.inverted.statistic .label { color: rgba(255, 255, 255, 0.9); } .bgs-theme .ui.inverted.red.statistics .statistic > .value, .bgs-theme .ui.statistics .inverted.red.statistic > .value, .bgs-theme .ui.inverted.red.statistic > .value { color: #FF6E60; } .bgs-theme .ui.inverted.orange.statistics .statistic > .value, .bgs-theme .ui.statistics .inverted.orange.statistic > .value, .bgs-theme .ui.inverted.orange.statistic > .value { color: #FFC48B; } .bgs-theme .ui.inverted.yellow.statistics .statistic > .value, .bgs-theme .ui.statistics .inverted.yellow.statistic > .value, .bgs-theme .ui.inverted.yellow.statistic > .value { color: #FBEB9F; } .bgs-theme .ui.inverted.olive.statistics .statistic > .value, .bgs-theme .ui.statistics .inverted.olive.statistic > .value, .bgs-theme .ui.inverted.olive.statistic > .value { color: #D9E778; } .bgs-theme .ui.inverted.green.statistics .statistic > .value, .bgs-theme .ui.statistics .inverted.green.statistic > .value, .bgs-theme .ui.inverted.green.statistic > .value { color: #BBE5B3; } .bgs-theme .ui.inverted.teal.statistics .statistic > .value, .bgs-theme .ui.statistics .inverted.teal.statistic > .value, .bgs-theme .ui.inverted.teal.statistic > .value { color: #6DFFFF; } .bgs-theme .ui.inverted.blue.statistics .statistic > .value, .bgs-theme .ui.statistics .inverted.blue.statistic > .value, .bgs-theme .ui.inverted.blue.statistic > .value { color: #B4E0FA; } .bgs-theme .ui.inverted.violet.statistics .statistic > .value, .bgs-theme .ui.statistics .inverted.violet.statistic > .value, .bgs-theme .ui.inverted.violet.statistic > .value { color: #A291FB; } .bgs-theme .ui.inverted.purple.statistics .statistic > .value, .bgs-theme .ui.statistics .inverted.purple.statistic > .value, .bgs-theme .ui.inverted.purple.statistic > .value { color: #E9CBF6; } .bgs-theme .ui.inverted.pink.statistics .statistic > .value, .bgs-theme .ui.statistics .inverted.pink.statistic > .value, .bgs-theme .ui.inverted.pink.statistic > .value { color: #FF8EDF; } .bgs-theme .ui.inverted.brown.statistics .statistic > .value, .bgs-theme .ui.statistics .inverted.brown.statistic > .value, .bgs-theme .ui.inverted.brown.statistic > .value { color: #D67C1C; } .bgs-theme .ui.inverted.grey.statistics .statistic > .value, .bgs-theme .ui.statistics .inverted.grey.statistic > .value, .bgs-theme .ui.inverted.grey.statistic > .value { color: #F1F1F1; } .bgs-theme .ui[class*="left floated"].statistic { float: left; margin: 0em 2em 1em 0em; } .bgs-theme .ui[class*="right floated"].statistic { float: right; margin: 0em 0em 1em 2em; } .bgs-theme .ui.floated.statistic:last-child { margin-bottom: 0em; } .bgs-theme .ui.mini.statistics .statistic > .value, .bgs-theme .ui.mini.statistic > .value { font-size: 1.5rem !important; } .bgs-theme .ui.mini.horizontal.statistics .statistic > .value, .bgs-theme .ui.mini.horizontal.statistic > .value { font-size: 1.5rem !important; } .bgs-theme .ui.mini.statistics .statistic > .text.value, .bgs-theme .ui.mini.statistic > .text.value { font-size: 1rem !important; } .bgs-theme .ui.tiny.statistics .statistic > .value, .bgs-theme .ui.tiny.statistic > .value { font-size: 2rem !important; } .bgs-theme .ui.tiny.horizontal.statistics .statistic > .value, .bgs-theme .ui.tiny.horizontal.statistic > .value { font-size: 2rem !important; } .bgs-theme .ui.tiny.statistics .statistic > .text.value, .bgs-theme .ui.tiny.statistic > .text.value { font-size: 1rem !important; } .bgs-theme .ui.small.statistics .statistic > .value, .bgs-theme .ui.small.statistic > .value { font-size: 3rem !important; } .bgs-theme .ui.small.horizontal.statistics .statistic > .value, .bgs-theme .ui.small.horizontal.statistic > .value { font-size: 2rem !important; } .bgs-theme .ui.small.statistics .statistic > .text.value, .bgs-theme .ui.small.statistic > .text.value { font-size: 1rem !important; } .bgs-theme .ui.statistics .statistic > .value, .bgs-theme .ui.statistic > .value { font-size: 4rem !important; } .bgs-theme .ui.horizontal.statistics .statistic > .value, .bgs-theme .ui.horizontal.statistic > .value { font-size: 3rem !important; } .bgs-theme .ui.statistics .statistic > .text.value, .bgs-theme .ui.statistic > .text.value { font-size: 2rem !important; } .bgs-theme .ui.large.statistics .statistic > .value, .bgs-theme .ui.large.statistic > .value { font-size: 5rem !important; } .bgs-theme .ui.large.horizontal.statistics .statistic > .value, .bgs-theme .ui.large.horizontal.statistic > .value { font-size: 4rem !important; } .bgs-theme .ui.large.statistics .statistic > .text.value, .bgs-theme .ui.large.statistic > .text.value { font-size: 2.5rem !important; } .bgs-theme .ui.huge.statistics .statistic > .value, .bgs-theme .ui.huge.statistic > .value { font-size: 6rem !important; } .bgs-theme .ui.huge.horizontal.statistics .statistic > .value, .bgs-theme .ui.huge.horizontal.statistic > .value { font-size: 5rem !important; } .bgs-theme .ui.huge.statistics .statistic > .text.value, .bgs-theme .ui.huge.statistic > .text.value { font-size: 2.5rem !important; } .bgs-theme .ui.accordion, .bgs-theme .ui.accordion .accordion { max-width: 100%; } .bgs-theme .ui.accordion .accordion { margin: 1em 0em 0em; padding: 0em; } .bgs-theme .ui.accordion .title, .bgs-theme .ui.accordion .accordion .title { cursor: pointer; } .bgs-theme .ui.accordion .title:not(.ui) { padding: 0.5em 0em; font-family: 'proxima-nova', sans-serif; font-size: 1em; color: #2D3239; } .bgs-theme .ui.accordion .title ~ .content, .bgs-theme .ui.accordion .accordion .title ~ .content { display: none; } .bgs-theme .ui.accordion:not(.styled) .title ~ .content:not(.ui), .bgs-theme .ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) { margin: ''; padding: 0.5em 0em 1em; } .bgs-theme .ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child { padding-bottom: 0em; } .bgs-theme .ui.accordion .title .dropdown.icon, .bgs-theme .ui.accordion .accordion .title .dropdown.icon { display: inline-block; float: none; opacity: 1; width: 1.25em; height: 1em; margin: 0em 0.25rem 0em 0rem; padding: 0em; font-size: 1em; transition: transform 0.1s ease, opacity 0.1s ease; vertical-align: baseline; transform: none; } .bgs-theme .ui.accordion.menu .item .title { display: block; padding: 0em; } .bgs-theme .ui.accordion.menu .item .title > .dropdown.icon { float: right; margin: 0.1875em 0em 0em 1em; transform: rotate(180deg); } .bgs-theme .ui.accordion .ui.header .dropdown.icon { font-size: 1em; margin: 0em 0.25rem 0em 0rem; } .bgs-theme .ui.accordion .active.title .dropdown.icon, .bgs-theme .ui.accordion .accordion .active.title .dropdown.icon { transform: rotate(90deg); } .bgs-theme .ui.accordion.menu .item .active.title > .dropdown.icon { transform: rotate(90deg); } .bgs-theme .ui.styled.accordion { width: 600px; } .bgs-theme .ui.styled.accordion, .bgs-theme .ui.styled.accordion .accordion { border-radius: 0.1875rem; background: #FAFAFA; box-shadow: 0px 1px 2px 0 #ABADB0, 0px 0px 0px 1px #ABADB0; } .bgs-theme .ui.styled.accordion .title, .bgs-theme .ui.styled.accordion .accordion .title { margin: 0em; padding: 0.75em 1em; color: rgba(0, 0, 0, 0.4); font-weight: bold; border-top: 1px solid #ABADB0; transition: background 0.1s ease, color 0.1s ease; } .bgs-theme .ui.styled.accordion > .title:first-child, .bgs-theme .ui.styled.accordion .accordion .title:first-child { border-top: none; } .bgs-theme .ui.styled.accordion .content, .bgs-theme .ui.styled.accordion .accordion .content { margin: 0em; padding: 0.5em 1em 1.5em; } .bgs-theme .ui.styled.accordion .accordion .content { padding: 0em; padding: 0.5em 1em 1.5em; } .bgs-theme .ui.styled.accordion .title:hover, .bgs-theme .ui.styled.accordion .active.title, .bgs-theme .ui.styled.accordion .accordion .title:hover, .bgs-theme .ui.styled.accordion .accordion .active.title { background: transparent; color: #2D3239; } .bgs-theme .ui.styled.accordion .accordion .title:hover, .bgs-theme .ui.styled.accordion .accordion .active.title { background: transparent; color: #2D3239; } .bgs-theme .ui.styled.accordion .active.title { background: transparent; color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.styled.accordion .accordion .active.title { background: transparent; color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.accordion .active.content, .bgs-theme .ui.accordion .accordion .active.content { display: block; } .bgs-theme .ui.fluid.accordion, .bgs-theme .ui.fluid.accordion .accordion { width: 100%; } .bgs-theme .ui.inverted.accordion .title:not(.ui) { color: rgba(255, 255, 255, 0.9); } @font-face { font-family: 'Accordion'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff'); font-weight: normal; font-style: normal; } .bgs-theme .ui.accordion .title .dropdown.icon, .bgs-theme .ui.accordion .accordion .title .dropdown.icon { font-family: Accordion; line-height: 1; backface-visibility: hidden; font-weight: normal; font-style: normal; text-align: center; } .bgs-theme .ui.accordion .title .dropdown.icon:before, .bgs-theme .ui.accordion .accordion .title .dropdown.icon:before { content: '\f0da' /*rtl:'\f0d9'*/; } .bgs-theme .ui.checkbox { position: relative; display: inline-block; backface-visibility: hidden; outline: none; vertical-align: baseline; font-style: normal; min-height: 17px; font-size: 1rem; line-height: 17px; min-width: 17px; } .bgs-theme .ui.checkbox input[type="checkbox"], .bgs-theme .ui.checkbox input[type="radio"] { cursor: pointer; position: absolute; top: 0px; left: 0px; opacity: 0 !important; outline: none; z-index: 3; width: 17px; height: 17px; } .bgs-theme .ui.checkbox .box, .bgs-theme .ui.checkbox label { cursor: auto; position: relative; display: block; padding-left: 1.85714em; outline: none; font-size: 1em; } .bgs-theme .ui.checkbox .box:before, .bgs-theme .ui.checkbox label:before { position: absolute; top: 0px; left: 0px; width: 17px; height: 17px; content: ''; background: #FAFAFA; border-radius: 0.1875rem; transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; border: 1px solid #ABADB0; } .bgs-theme .ui.checkbox .box:after, .bgs-theme .ui.checkbox label:after { position: absolute; font-size: 14px; top: 0px; left: 0px; width: 17px; height: 17px; text-align: center; opacity: 0; color: #ABADB0; transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; } .bgs-theme .ui.checkbox label, .bgs-theme .ui.checkbox + label { color: #2D3239; transition: color 0.1s ease; } .bgs-theme .ui.checkbox + label { vertical-align: middle; } .bgs-theme .ui.checkbox .box:hover::before, .bgs-theme .ui.checkbox label:hover::before { background: #FAFAFA; border-color: #ABADB0; } .bgs-theme .ui.checkbox label:hover, .bgs-theme .ui.checkbox + label:hover { color: rgba(0, 0, 0, 0.8); } .bgs-theme .ui.checkbox .box:active::before, .bgs-theme .ui.checkbox label:active::before { background: #F9FAFB; border-color: #ABADB0; } .bgs-theme .ui.checkbox .box:active::after, .bgs-theme .ui.checkbox label:active::after { color: #ABADB0; } .bgs-theme .ui.checkbox input:active ~ label { color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.checkbox input:focus ~ .box:before, .bgs-theme .ui.checkbox input:focus ~ label:before { background: #FAFAFA; border-color: #ABADB0; } .bgs-theme .ui.checkbox input:focus ~ .box:after, .bgs-theme .ui.checkbox input:focus ~ label:after { color: #ABADB0; } .bgs-theme .ui.checkbox input:focus ~ label { color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.checkbox input:checked ~ .box:before, .bgs-theme .ui.checkbox input:checked ~ label:before { background: #FAFAFA; border-color: #50B83C; } .bgs-theme .ui.checkbox input:checked ~ .box:after, .bgs-theme .ui.checkbox input:checked ~ label:after { opacity: 1; color: #50B83C; } .bgs-theme .ui.checkbox input:not([type=radio]):indeterminate ~ .box:before, .bgs-theme .ui.checkbox input:not([type=radio]):indeterminate ~ label:before { background: #FAFAFA; border-color: #50B83C; } .bgs-theme .ui.checkbox input:not([type=radio]):indeterminate ~ .box:after, .bgs-theme .ui.checkbox input:not([type=radio]):indeterminate ~ label:after { opacity: 1; color: #50B83C; } .bgs-theme .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before, .bgs-theme .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before, .bgs-theme .ui.checkbox input:checked:focus ~ .box:before, .bgs-theme .ui.checkbox input:checked:focus ~ label:before { background: #FAFAFA; border-color: #50B83C; } .bgs-theme .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, .bgs-theme .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after, .bgs-theme .ui.checkbox input:checked:focus ~ .box:after, .bgs-theme .ui.checkbox input:checked:focus ~ label:after { color: #50B83C; } .bgs-theme .ui.read-only.checkbox, .bgs-theme .ui.read-only.checkbox label { cursor: default; } .bgs-theme .ui.disabled.checkbox .box:after, .bgs-theme .ui.disabled.checkbox label, .bgs-theme .ui.checkbox input[disabled] ~ .box:after, .bgs-theme .ui.checkbox input[disabled] ~ label { cursor: default !important; opacity: 0.5; color: #000000; } .bgs-theme .ui.checkbox input.hidden { z-index: -1; } .bgs-theme .ui.checkbox input.hidden + label { cursor: pointer; user-select: none; } .bgs-theme .ui.radio.checkbox { min-height: 15px; } .bgs-theme .ui.radio.checkbox .box, .bgs-theme .ui.radio.checkbox label { padding-left: 1.85714em; } .bgs-theme .ui.radio.checkbox .box:before, .bgs-theme .ui.radio.checkbox label:before { content: ''; transform: none; width: 15px; height: 15px; border-radius: 500rem; top: 1px; left: 0px; } .bgs-theme .ui.radio.checkbox .box:after, .bgs-theme .ui.radio.checkbox label:after { border: none; content: '' !important; width: 15px; height: 15px; line-height: 15px; } .bgs-theme .ui.radio.checkbox .box:after, .bgs-theme .ui.radio.checkbox label:after { top: 1px; left: 0px; width: 15px; height: 15px; border-radius: 500rem; transform: scale(0.46666667); background-color: #ABADB0; } .bgs-theme .ui.radio.checkbox input:focus ~ .box:before, .bgs-theme .ui.radio.checkbox input:focus ~ label:before { background-color: #FAFAFA; } .bgs-theme .ui.radio.checkbox input:focus ~ .box:after, .bgs-theme .ui.radio.checkbox input:focus ~ label:after { background-color: #ABADB0; } .bgs-theme .ui.radio.checkbox input:indeterminate ~ .box:after, .bgs-theme .ui.radio.checkbox input:indeterminate ~ label:after { opacity: 0; } .bgs-theme .ui.radio.checkbox input:checked ~ .box:before, .bgs-theme .ui.radio.checkbox input:checked ~ label:before { background-color: #FAFAFA; } .bgs-theme .ui.radio.checkbox input:checked ~ .box:after, .bgs-theme .ui.radio.checkbox input:checked ~ label:after { background-color: #50B83C; } .bgs-theme .ui.radio.checkbox input:focus:checked ~ .box:before, .bgs-theme .ui.radio.checkbox input:focus:checked ~ label:before { background-color: #FAFAFA; } .bgs-theme .ui.radio.checkbox input:focus:checked ~ .box:after, .bgs-theme .ui.radio.checkbox input:focus:checked ~ label:after { background-color: #50B83C; } .bgs-theme .ui.slider.checkbox { min-height: 1.25rem; } .bgs-theme .ui.slider.checkbox input { width: 3.5rem; height: 1.25rem; } .bgs-theme .ui.slider.checkbox .box, .bgs-theme .ui.slider.checkbox label { padding-left: 4.5rem; line-height: 1rem; color: rgba(0, 0, 0, 0.4); } .bgs-theme .ui.slider.checkbox .box:before, .bgs-theme .ui.slider.checkbox label:before { display: block; position: absolute; content: ''; border: none !important; left: 0em; z-index: 1; top: 0.4rem; background-color: rgba(0, 0, 0, 0.05); width: 3.5rem; height: 0.1875rem; transform: none; border-radius: 500rem; transition: background 0.3s ease; } .bgs-theme .ui.slider.checkbox .box:after, .bgs-theme .ui.slider.checkbox label:after { background: #FAFAFA linear-gradient(transparent, rgba(0, 0, 0, 0.05)); position: absolute; content: '' !important; opacity: 1; z-index: 2; border: none; box-shadow: 0px 1px 2px 0 #ABADB0, 0px 0px 0px 1px #ABADB0 inset; width: 1.5rem; height: 1.5rem; top: -0.25rem; left: 0em; transform: none; border-radius: 500rem; transition: left 0.3s ease; } .bgs-theme .ui.slider.checkbox input:focus ~ .box:before, .bgs-theme .ui.slider.checkbox input:focus ~ label:before { background-color: rgba(0, 0, 0, 0.15); border: none; } .bgs-theme .ui.slider.checkbox .box:hover, .bgs-theme .ui.slider.checkbox label:hover { color: rgba(0, 0, 0, 0.8); } .bgs-theme .ui.slider.checkbox .box:hover::before, .bgs-theme .ui.slider.checkbox label:hover::before { background: rgba(0, 0, 0, 0.15); } .bgs-theme .ui.slider.checkbox input:checked ~ .box, .bgs-theme .ui.slider.checkbox input:checked ~ label { color: rgba(0, 0, 0, 0.95) !important; } .bgs-theme .ui.slider.checkbox input:checked ~ .box:before, .bgs-theme .ui.slider.checkbox input:checked ~ label:before { background-color: #545454 !important; } .bgs-theme .ui.slider.checkbox input:checked ~ .box:after, .bgs-theme .ui.slider.checkbox input:checked ~ label:after { left: 2rem; } .bgs-theme .ui.slider.checkbox input:focus:checked ~ .box, .bgs-theme .ui.slider.checkbox input:focus:checked ~ label { color: rgba(0, 0, 0, 0.95) !important; } .bgs-theme .ui.slider.checkbox input:focus:checked ~ .box:before, .bgs-theme .ui.slider.checkbox input:focus:checked ~ label:before { background-color: #000000 !important; } .bgs-theme .ui.toggle.checkbox { min-height: 1.5rem; } .bgs-theme .ui.toggle.checkbox input { width: 3.5rem; height: 1.5rem; } .bgs-theme .ui.toggle.checkbox .box, .bgs-theme .ui.toggle.checkbox label { min-height: 1.5rem; padding-left: 4.5rem; color: #ABADB0; } .bgs-theme .ui.toggle.checkbox label { padding-top: 0.15em; } .bgs-theme .ui.toggle.checkbox .box:before, .bgs-theme .ui.toggle.checkbox label:before { display: block; position: absolute; content: ''; z-index: 1; transform: none; border: none; top: 0rem; background: rgba(0, 0, 0, 0.05); box-shadow: none; width: 3.5rem; height: 1.5rem; border-radius: 500rem; } .bgs-theme .ui.toggle.checkbox .box:after, .bgs-theme .ui.toggle.checkbox label:after { background: #FAFAFA linear-gradient(transparent, rgba(0, 0, 0, 0.05)); position: absolute; content: '' !important; opacity: 1; z-index: 2; border: none; box-shadow: 0px 1px 2px 0 #ABADB0, 0px 0px 0px 1px #ABADB0 inset; width: 1.5rem; height: 1.5rem; top: 0rem; left: 0em; border-radius: 500rem; transition: background 0.3s ease, left 0.3s ease; } .bgs-theme .ui.toggle.checkbox input ~ .box:after, .bgs-theme .ui.toggle.checkbox input ~ label:after { left: -0.05rem; box-shadow: 0px 1px 2px 0 #ABADB0, 0px 0px 0px 1px #ABADB0 inset; } .bgs-theme .ui.toggle.checkbox input:focus ~ .box:before, .bgs-theme .ui.toggle.checkbox input:focus ~ label:before { background-color: rgba(0, 0, 0, 0.15); border: none; } .bgs-theme .ui.toggle.checkbox .box:hover::before, .bgs-theme .ui.toggle.checkbox label:hover::before { background-color: rgba(0, 0, 0, 0.15); border: none; } .bgs-theme .ui.toggle.checkbox input:checked ~ .box, .bgs-theme .ui.toggle.checkbox input:checked ~ label { color: rgba(0, 0, 0, 0.95) !important; } .bgs-theme .ui.toggle.checkbox input:checked ~ .box:before, .bgs-theme .ui.toggle.checkbox input:checked ~ label:before { background-color: #50B83C !important; } .bgs-theme .ui.toggle.checkbox input:checked ~ .box:after, .bgs-theme .ui.toggle.checkbox input:checked ~ label:after { left: 2.15rem; box-shadow: 0px 1px 2px 0 #ABADB0, 0px 0px 0px 1px #ABADB0 inset; } .bgs-theme .ui.toggle.checkbox input:focus:checked ~ .box, .bgs-theme .ui.toggle.checkbox input:focus:checked ~ label { color: rgba(0, 0, 0, 0.95) !important; } .bgs-theme .ui.toggle.checkbox input:focus:checked ~ .box:before, .bgs-theme .ui.toggle.checkbox input:focus:checked ~ label:before { background-color: #3ca428 !important; } .bgs-theme .ui.fitted.checkbox .box, .bgs-theme .ui.fitted.checkbox label { padding-left: 0em !important; } .bgs-theme .ui.fitted.toggle.checkbox, .bgs-theme .ui.fitted.toggle.checkbox { width: 3.5rem; } .bgs-theme .ui.fitted.slider.checkbox, .bgs-theme .ui.fitted.slider.checkbox { width: 3.5rem; } @font-face { font-family: 'Checkbox'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'); } .bgs-theme .ui.checkbox label:after, .bgs-theme .ui.checkbox .box:after { font-family: 'Checkbox'; } .bgs-theme .ui.checkbox input:checked ~ .box:after, .bgs-theme .ui.checkbox input:checked ~ label:after { content: '\e800'; } .bgs-theme .ui.checkbox input:indeterminate ~ .box:after, .bgs-theme .ui.checkbox input:indeterminate ~ label:after { font-size: 12px; content: '\e801'; } .bgs-theme .ui.checkbox.negative.checked:not(.radio) label:before, .bgs-theme .ui.checkbox.negative.checked:not(.radio) label:after { color: #F03535 !important; border-color: #F03535 !important; } .bgs-theme .dimmable:not(body) { position: relative; } .bgs-theme .ui.dimmer { display: none; position: absolute; top: 0em !important; left: 0em !important; width: 100%; height: 100%; text-align: center; vertical-align: middle; padding: 1em; background-color: rgba(45, 50, 57, 0.85); opacity: 0; line-height: 1; animation-fill-mode: both; animation-duration: 0.5s; transition: background-color 0.5s linear; flex-direction: column; align-items: center; justify-content: center; user-select: none; will-change: opacity; z-index: 1000; } .bgs-theme .ui.dimmer > .content { user-select: text; color: #FAFAFA; } .bgs-theme .ui.segment > .ui.dimmer { border-radius: inherit !important; } .bgs-theme .ui.dimmer:not(.inverted)::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); } .bgs-theme .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.25); } .bgs-theme .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.15); } .bgs-theme .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.35); } .bgs-theme .animating.dimmable:not(body), .bgs-theme .dimmed.dimmable:not(body) { overflow: hidden; } .bgs-theme .dimmed.dimmable > .ui.animating.dimmer, .bgs-theme .dimmed.dimmable > .ui.visible.dimmer, .bgs-theme .ui.active.dimmer { display: flex; opacity: 1; } .bgs-theme .ui.disabled.dimmer { width: 0 !important; height: 0 !important; } .bgs-theme .dimmed.dimmable > .ui.animating.legacy.dimmer, .bgs-theme .dimmed.dimmable > .ui.visible.legacy.dimmer, .bgs-theme .ui.active.legacy.dimmer { display: block; } .bgs-theme .ui[class*="top aligned"].dimmer { justify-content: flex-start; } .bgs-theme .ui[class*="bottom aligned"].dimmer { justify-content: flex-end; } .bgs-theme .ui.page.dimmer { position: fixed; transform-style: ''; perspective: 2000px; transform-origin: center center; } .bgs-theme body.animating.in.dimmable, .bgs-theme body.dimmed.dimmable { overflow: hidden; } .bgs-theme body.dimmable > .dimmer { position: fixed; } .bgs-theme .blurring.dimmable > :not(.dimmer) { filter: blur(0px) grayscale(0); transition: 800ms filter ease; } .bgs-theme .blurring.dimmed.dimmable > :not(.dimmer) { filter: blur(5px) grayscale(0.7); } .bgs-theme .blurring.dimmable > .dimmer { background-color: rgba(45, 50, 57, 0.6); } .bgs-theme .blurring.dimmable > .inverted.dimmer { background-color: rgba(250, 250, 250, 0.6); } .bgs-theme .ui.dimmer > .top.aligned.content > * { vertical-align: top; } .bgs-theme .ui.dimmer > .bottom.aligned.content > * { vertical-align: bottom; } .bgs-theme .ui.inverted.dimmer { background-color: rgba(250, 250, 250, 0.85); } .bgs-theme .ui.inverted.dimmer > .content > * { color: #FAFAFA; } .bgs-theme .ui.simple.dimmer { display: block; overflow: hidden; opacity: 1; width: 0%; height: 0%; z-index: -100; background-color: rgba(45, 50, 57, 0); } .bgs-theme .dimmed.dimmable > .ui.simple.dimmer { overflow: visible; opacity: 1; width: 100%; height: 100%; background-color: rgba(45, 50, 57, 0.85); z-index: 1; } .bgs-theme .ui.simple.inverted.dimmer { background-color: rgba(250, 250, 250, 0); } .bgs-theme .dimmed.dimmable > .ui.simple.inverted.dimmer { background-color: rgba(250, 250, 250, 0.85); } .bgs-theme .ui.dropdown { cursor: pointer; position: relative; display: inline-block; outline: none; text-align: left; transition: box-shadow 0.1s ease, width 0.1s ease; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .bgs-theme .ui.dropdown .menu { cursor: auto; position: absolute; display: none; outline: none; top: 100%; min-width: max-content; margin: 0em; padding: 0em 0em; background: #FAFAFA; font-size: 1em; text-shadow: none; text-align: left; box-shadow: 0px 2px 3px 0px #ABADB0; border: 1px solid rgba(171, 173, 176, 0.4); border-radius: 0.1875rem; transition: opacity 0.1s ease; z-index: 11; will-change: transform, opacity; } .bgs-theme .ui.dropdown .menu > * { white-space: nowrap; } .bgs-theme .ui.dropdown > input:not(.search):first-child, .bgs-theme .ui.dropdown > select { display: none !important; } .bgs-theme .ui.dropdown > .dropdown.icon { position: relative; width: auto; font-size: 0.75em; margin: 0em 0em 0em 1em; } .bgs-theme .ui.dropdown .menu > .item .dropdown.icon { width: auto; float: right; margin: 0em 0em 0em 1em; } .bgs-theme .ui.dropdown .menu > .item .dropdown.icon + .text { margin-right: 1em; } .bgs-theme .ui.dropdown > .text { display: inline-block; transition: none; } .bgs-theme .ui.dropdown .menu > .item { position: relative; cursor: pointer; display: block; border: none; height: auto; text-align: left; border-top: none; line-height: 1.125em; color: #2D3239; padding: 0.8125rem 1.125rem !important; font-size: 1rem; text-transform: none; font-weight: normal; box-shadow: none; -webkit-touch-callout: none; } .bgs-theme .ui.dropdown .menu > .item:first-child { border-top-width: 0px; } .bgs-theme .ui.dropdown > .text > [class*="right floated"], .bgs-theme .ui.dropdown .menu .item > [class*="right floated"] { float: right !important; margin-right: 0em !important; margin-left: 1em !important; } .bgs-theme .ui.dropdown > .text > [class*="left floated"], .bgs-theme .ui.dropdown .menu .item > [class*="left floated"] { float: left !important; margin-left: 0em !important; margin-right: 1em !important; } .bgs-theme .ui.dropdown .menu .item > .icon.floated, .bgs-theme .ui.dropdown .menu .item > .flag.floated, .bgs-theme .ui.dropdown .menu .item > .image.floated, .bgs-theme .ui.dropdown .menu .item > img.floated { margin-top: 0em; } .bgs-theme .ui.dropdown .menu > .header { margin: 1rem 0rem 0.75rem; padding: 0em 1.125rem; color: rgba(0, 0, 0, 0.85); font-size: 0.6875em; font-weight: bold; text-transform: uppercase; } .bgs-theme .ui.dropdown .menu > .divider { border-top: 1px solid rgba(34, 36, 38, 0.1); height: 0em; margin: 0.5em 0em; } .bgs-theme .ui.dropdown.dropdown .menu > .input { width: auto; display: flex; margin: 1.125rem 0.8125rem; min-width: 10rem; } .bgs-theme .ui.dropdown .menu > .header + .input { margin-top: 0em; } .bgs-theme .ui.dropdown .menu > .input:not(.transparent) input { padding: 0.5em 0.875em; } .bgs-theme .ui.dropdown .menu > .input:not(.transparent) .button, .bgs-theme .ui.dropdown .menu > .input:not(.transparent) .icon, .bgs-theme .ui.dropdown .menu > .input:not(.transparent) .label { padding-top: 0.5em; padding-bottom: 0.5em; } .bgs-theme .ui.dropdown > .text > .description, .bgs-theme .ui.dropdown .menu > .item > .description { float: right; margin: 0em 0em 0em 1em; color: rgba(0, 0, 0, 0.4); } .bgs-theme .ui.dropdown .menu > .message { padding: 0.8125rem 1.125rem; font-weight: normal; } .bgs-theme .ui.dropdown .menu > .message:not(.ui) { color: rgba(0, 0, 0, 0.4); } .bgs-theme .ui.dropdown .menu .menu { top: 0% !important; left: 100%; right: auto; margin: 0em 0em 0em -0.5em !important; border-radius: 0.1875rem !important; z-index: 21 !important; } .bgs-theme .ui.dropdown .menu .menu:after { display: none; } .bgs-theme .ui.dropdown > .text > .icon, .bgs-theme .ui.dropdown > .text > .label, .bgs-theme .ui.dropdown > .text > .flag, .bgs-theme .ui.dropdown > .text > img, .bgs-theme .ui.dropdown > .text > .image { margin-top: 0em; } .bgs-theme .ui.dropdown .menu > .item > .icon, .bgs-theme .ui.dropdown .menu > .item > .label, .bgs-theme .ui.dropdown .menu > .item > .flag, .bgs-theme .ui.dropdown .menu > .item > .image, .bgs-theme .ui.dropdown .menu > .item > img { margin-top: 0em; } .bgs-theme .ui.dropdown > .text > .icon, .bgs-theme .ui.dropdown > .text > .label, .bgs-theme .ui.dropdown > .text > .flag, .bgs-theme .ui.dropdown > .text > img, .bgs-theme .ui.dropdown > .text > .image, .bgs-theme .ui.dropdown .menu > .item > .icon, .bgs-theme .ui.dropdown .menu > .item > .label, .bgs-theme .ui.dropdown .menu > .item > .flag, .bgs-theme .ui.dropdown .menu > .item > .image, .bgs-theme .ui.dropdown .menu > .item > img { margin-left: 0em; float: none; margin-right: 0.8125rem; } .bgs-theme .ui.dropdown > .text > img, .bgs-theme .ui.dropdown > .text > .image, .bgs-theme .ui.dropdown .menu > .item > .image, .bgs-theme .ui.dropdown .menu > .item > img { display: inline-block; vertical-align: top; width: auto; margin-top: -0.5em; margin-bottom: -0.5em; max-height: 2em; } .bgs-theme .ui.dropdown .ui.menu > .item:before, .bgs-theme .ui.menu .ui.dropdown .menu > .item:before { display: none; } .bgs-theme .ui.menu .ui.dropdown .menu .active.item { border-left: none; } .bgs-theme .ui.menu .right.menu .dropdown:last-child > .menu, .bgs-theme .ui.menu .right.dropdown.item > .menu, .bgs-theme .ui.buttons > .ui.dropdown:last-child > .menu { left: auto; right: 0em; } .bgs-theme .ui.label.dropdown .menu { min-width: 100%; } .bgs-theme .ui.dropdown.icon.button > .dropdown.icon { margin: 0em; } .bgs-theme .ui.button.dropdown .menu { min-width: 100%; } .bgs-theme .ui.selection.dropdown { cursor: pointer; word-wrap: break-word; line-height: 1em; white-space: normal; outline: 0; transform: rotateZ(0deg); min-width: 14em; min-height: 2.52678571em; background: #FAFAFA; display: inline-block; padding: 0.6875em 1.975em 0.6875em 0.875em; color: #2D3239; box-shadow: none; border: 1px solid #ABADB0; border-radius: 0.1875rem; transition: box-shadow 0.1s ease, width 0.1s ease; } .bgs-theme .ui.selection.dropdown.visible, .bgs-theme .ui.selection.dropdown.active { z-index: 10; } .bgs-theme select.ui.dropdown { height: 38px; padding: 0.5em; border: 1px solid #ABADB0; visibility: visible; } .bgs-theme .ui.selection.dropdown > .search.icon, .bgs-theme .ui.selection.dropdown > .delete.icon, .bgs-theme .ui.selection.dropdown > .dropdown.icon { cursor: pointer; position: absolute; width: auto; height: auto; line-height: 1.21428571em; top: 0.6875em; right: 0.875em; z-index: 3; margin: -0.6875em; padding: 0.91666667em; opacity: 0.8; transition: opacity 0.1s ease; } .bgs-theme .ui.compact.selection.dropdown { min-width: 0px; } .bgs-theme .ui.selection.dropdown .menu { overflow-x: hidden; overflow-y: auto; backface-visibility: hidden; -webkit-overflow-scrolling: touch; border-top-width: 0px !important; width: auto; outline: none; margin: 0px -1px; min-width: calc(100% + 2px ); width: calc(100% + 2px ); border-radius: 0em 0em 0.1875rem 0.1875rem; box-shadow: 0px 2px 3px 0px #ABADB0; transition: opacity 0.1s ease; } .bgs-theme .ui.selection.dropdown .menu:after, .bgs-theme .ui.selection.dropdown .menu:before { display: none; } .bgs-theme .ui.selection.dropdown .menu > .message { padding: 0.8125rem 1.125rem; } @media only screen and (max-width: 767px) { .bgs-theme .ui.selection.dropdown .menu { max-height: 8.55rem; } } @media only screen and (min-width: 768px) { .bgs-theme .ui.selection.dropdown .menu { max-height: 11.4rem; } } @media only screen and (min-width: 992px) { .bgs-theme .ui.selection.dropdown .menu { max-height: 17.1rem; } } @media only screen and (min-width: 1920px) { .bgs-theme .ui.selection.dropdown .menu { max-height: 22.8rem; } } .bgs-theme .ui.selection.dropdown .menu > .item { border-top: 1px solid #FAFAFA; padding: 0.8125rem 1.125rem !important; white-space: normal; word-wrap: normal; } .bgs-theme .ui.selection.dropdown .menu > .hidden.addition.item { display: none; } .bgs-theme .ui.selection.dropdown:hover { border-color: rgba(34, 36, 38, 0.35); box-shadow: none; } .bgs-theme .ui.selection.active.dropdown { border-color: #96C8DA; box-shadow: 0px 2px 3px 0px #ABADB0; } .bgs-theme .ui.selection.active.dropdown .menu { border-color: #96C8DA; box-shadow: 0px 2px 3px 0px #ABADB0; } .bgs-theme .ui.selection.dropdown:focus { border-color: #96C8DA; box-shadow: none; } .bgs-theme .ui.selection.dropdown:focus .menu { border-color: #96C8DA; box-shadow: 0px 2px 3px 0px #ABADB0; } .bgs-theme .ui.selection.visible.dropdown > .text:not(.default) { font-weight: normal; color: rgba(0, 0, 0, 0.8); } .bgs-theme .ui.selection.active.dropdown:hover { border-color: #96C8DA; box-shadow: 0px 2px 3px 0px #ABADB0; } .bgs-theme .ui.selection.active.dropdown:hover .menu { border-color: #96C8DA; box-shadow: 0px 2px 3px 0px #ABADB0; } .bgs-theme .ui.active.selection.dropdown > .dropdown.icon, .bgs-theme .ui.visible.selection.dropdown > .dropdown.icon { opacity: ''; z-index: 3; } .bgs-theme .ui.active.selection.dropdown { border-bottom-left-radius: 0em !important; border-bottom-right-radius: 0em !important; } .bgs-theme .ui.active.empty.selection.dropdown { border-radius: 0.1875rem !important; box-shadow: none !important; } .bgs-theme .ui.active.empty.selection.dropdown .menu { border: none !important; box-shadow: none !important; } .bgs-theme .ui.search.dropdown { min-width: ''; } .bgs-theme .ui.search.dropdown > input.search { background: none transparent !important; border: none !important; box-shadow: none !important; cursor: text; top: 0em; left: 1px; width: 100%; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); padding: inherit; } .bgs-theme .ui.search.dropdown > input.search { position: absolute; z-index: 2; } .bgs-theme .ui.search.dropdown > .text { cursor: text; position: relative; left: 1px; z-index: 3; } .bgs-theme .ui.search.selection.dropdown > input.search { line-height: 1.21428571em; padding: 0.58035714em 1.975em 0.58035714em 0.875em; } .bgs-theme .ui.search.selection.dropdown > span.sizer { line-height: 1.21428571em; padding: 0.58035714em 1.975em 0.58035714em 0.875em; display: none; white-space: pre; } .bgs-theme .ui.search.dropdown.active > input.search, .bgs-theme .ui.search.dropdown.visible > input.search { cursor: auto; } .bgs-theme .ui.search.dropdown.active > .text, .bgs-theme .ui.search.dropdown.visible > .text { pointer-events: none; } .bgs-theme .ui.active.search.dropdown input.search:focus + .text .icon, .bgs-theme .ui.active.search.dropdown input.search:focus + .text .flag { opacity: 0.6; } .bgs-theme .ui.active.search.dropdown input.search:focus + .text { color: #9ba4b0 !important; } .bgs-theme .ui.search.dropdown .menu { overflow-x: hidden; overflow-y: auto; backface-visibility: hidden; -webkit-overflow-scrolling: touch; } @media only screen and (max-width: 767px) { .bgs-theme .ui.search.dropdown .menu { max-height: 8.55rem; } } @media only screen and (min-width: 768px) { .bgs-theme .ui.search.dropdown .menu { max-height: 11.4rem; } } @media only screen and (min-width: 992px) { .bgs-theme .ui.search.dropdown .menu { max-height: 17.1rem; } } @media only screen and (min-width: 1920px) { .bgs-theme .ui.search.dropdown .menu { max-height: 22.8rem; } } .bgs-theme .ui.multiple.dropdown { padding: 0.19345238em 1.975em 0.19345238em 0.3125em; } .bgs-theme .ui.multiple.dropdown .menu { cursor: auto; } .bgs-theme .ui.multiple.search.dropdown, .bgs-theme .ui.multiple.search.dropdown > input.search { cursor: text; } .bgs-theme .ui.multiple.dropdown > .label { user-select: none; display: inline-block; vertical-align: top; white-space: normal; font-size: 1em; padding: 0.3125em 0.8125em; margin: 0.125rem 0.25rem 0.125rem 0em; box-shadow: 0px 0px 0px 1px #ABADB0 inset; } .bgs-theme .ui.multiple.dropdown .dropdown.icon { margin: ''; padding: ''; } .bgs-theme .ui.multiple.dropdown > .text { position: static; padding: 0; max-width: 100%; margin: 0.38690476em 0em 0.38690476em 0.5625em; line-height: 1.0625em; } .bgs-theme .ui.multiple.dropdown > .label ~ input.search { margin-left: 0.125em !important; } .bgs-theme .ui.multiple.dropdown > .label ~ .text { display: none; } .bgs-theme .ui.multiple.search.dropdown > .text { display: inline-block; position: absolute; top: 0; left: 0; padding: inherit; margin: 0.38690476em 0em 0.38690476em 0.5625em; line-height: 1.0625em; } .bgs-theme .ui.multiple.search.dropdown > .label ~ .text { display: none; } .bgs-theme .ui.multiple.search.dropdown > input.search { position: static; padding: 0; max-width: 100%; margin: 0.38690476em 0em 0.38690476em 0.5625em; width: 2.2em; line-height: 1.0625em; } .bgs-theme .ui.inline.dropdown { cursor: pointer; display: inline-block; color: inherit; } .bgs-theme .ui.inline.dropdown .dropdown.icon { margin: 0em 0.1875em 0em 0.1875em; vertical-align: baseline; } .bgs-theme .ui.inline.dropdown > .text { font-weight: bold; } .bgs-theme .ui.inline.dropdown .menu { cursor: auto; margin-top: 0.1875em; border-radius: 0.1875rem; } .bgs-theme .ui.dropdown .menu .active.item { background: transparent; font-weight: bold; color: rgba(0, 0, 0, 0.95); box-shadow: none; z-index: 12; } .bgs-theme .ui.dropdown .menu > .item:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.95); z-index: 13; } .bgs-theme .ui.loading.dropdown > i.icon { height: 0.875em !important; } .bgs-theme .ui.loading.selection.dropdown > i.icon { padding: 1.3125em 1.125em !important; } .bgs-theme .ui.loading.dropdown > i.icon:before { position: absolute; content: ''; top: 50%; left: 50%; margin: -0.65625em 0em 0em -0.65625em; width: 1.3125em; height: 1.3125em; border-radius: 500rem; border: 0.25em solid rgba(187, 229, 179, 0.5); } .bgs-theme .ui.loading.dropdown > i.icon:after { position: absolute; content: ''; top: 50%; left: 50%; box-shadow: 0px 0px 0px 1px transparent; margin: -0.65625em 0em 0em -0.65625em; width: 1.3125em; height: 1.3125em; animation: dropdown-spin 0.8s linear; animation-iteration-count: infinite; border-radius: 500rem; border-color: #50B83C transparent transparent; border-style: solid; border-width: 0.25em; } .bgs-theme .ui.loading.dropdown.button > i.icon:before, .bgs-theme .ui.loading.dropdown.button > i.icon:after { display: none; } @keyframes dropdown-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .bgs-theme .ui.dropdown:not(.button) > .default.text, .bgs-theme .ui.default.dropdown:not(.button) > .text { color: #ABADB0; } .bgs-theme .ui.dropdown:not(.button) > input:focus ~ .default.text, .bgs-theme .ui.default.dropdown:not(.button) > input:focus ~ .text { color: #9ba4b0; } .bgs-theme .ui.loading.dropdown > .text { transition: none; } .bgs-theme .ui.dropdown .loading.menu { display: block; visibility: hidden; z-index: -1; } .bgs-theme .ui.dropdown > .loading.menu { left: 0px !important; right: auto !important; } .bgs-theme .ui.dropdown > .menu .loading.menu { left: 100% !important; right: auto !important; } .bgs-theme .ui.dropdown.selected, .bgs-theme .ui.dropdown .menu .selected.item { background: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.dropdown > .filtered.text { visibility: hidden; } .bgs-theme .ui.dropdown .filtered.item { display: none !important; } .bgs-theme .ui.dropdown.error, .bgs-theme .ui.dropdown.error > .text, .bgs-theme .ui.dropdown.error > .default.text { color: #F03535; } .bgs-theme .ui.selection.dropdown.error { background: transparent; border-color: #F03535; } .bgs-theme .ui.selection.dropdown.error:hover { border-color: #F03535; } .bgs-theme .ui.dropdown.error > .menu, .bgs-theme .ui.dropdown.error > .menu .menu { border-color: #F03535; } .bgs-theme .ui.dropdown.error > .menu > .item { color: #F03535; } .bgs-theme .ui.multiple.selection.error.dropdown > .label { border-color: #F03535; } .bgs-theme .ui.dropdown.error > .menu > .item:hover { background-color: #FFF2F2; } .bgs-theme .ui.dropdown.error > .menu .active.item { background-color: #FDCFCF; } .bgs-theme .ui.dropdown > .clear.dropdown.icon { opacity: 0.8; transition: opacity 0.1s ease; } .bgs-theme .ui.dropdown > .clear.dropdown.icon:hover { opacity: 1; } .bgs-theme .ui.disabled.dropdown, .bgs-theme .ui.dropdown .menu > .disabled.item { cursor: default; pointer-events: none; opacity: 0.6; } .bgs-theme .ui.dropdown .menu { left: 0px; } .bgs-theme .ui.dropdown .right.menu > .menu, .bgs-theme .ui.dropdown .menu .right.menu { left: 100% !important; right: auto !important; border-radius: 0.1875rem !important; } .bgs-theme .ui.dropdown > .left.menu { left: auto !important; right: 0px !important; } .bgs-theme .ui.dropdown > .left.menu .menu, .bgs-theme .ui.dropdown .menu .left.menu { left: auto; right: 100%; margin: 0em -0.5em 0em 0em !important; border-radius: 0.1875rem !important; } .bgs-theme .ui.dropdown .item .left.dropdown.icon, .bgs-theme .ui.dropdown .left.menu .item .dropdown.icon { width: auto; float: left; margin: 0em 0em 0em 0em; } .bgs-theme .ui.dropdown .item .left.dropdown.icon, .bgs-theme .ui.dropdown .left.menu .item .dropdown.icon { width: auto; float: left; margin: 0em 0em 0em 0em; } .bgs-theme .ui.dropdown .item .left.dropdown.icon + .text, .bgs-theme .ui.dropdown .left.menu .item .dropdown.icon + .text { margin-left: 1em; margin-right: 0em; } .bgs-theme .ui.upward.dropdown > .menu { top: auto; bottom: 100%; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.dropdown .upward.menu { top: auto !important; bottom: 0 !important; } .bgs-theme .ui.simple.upward.active.dropdown, .bgs-theme .ui.simple.upward.dropdown:hover { border-radius: 0.1875rem 0.1875rem 0em 0em !important; } .bgs-theme .ui.upward.dropdown.button:not(.pointing):not(.floating).active { border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.upward.selection.dropdown .menu { border-top-width: 1px !important; border-bottom-width: 0px !important; box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); } .bgs-theme .ui.upward.selection.dropdown:hover { box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); } .bgs-theme .ui.active.upward.selection.dropdown { border-radius: 0em 0em 0.1875rem 0.1875rem !important; } .bgs-theme .ui.upward.selection.dropdown.visible { box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); border-radius: 0em 0em 0.1875rem 0.1875rem !important; } .bgs-theme .ui.upward.active.selection.dropdown:hover { box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); } .bgs-theme .ui.upward.active.selection.dropdown:hover .menu { box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); } .bgs-theme .ui.scrolling.dropdown .menu, .bgs-theme .ui.dropdown .scrolling.menu { overflow-x: hidden; overflow-y: auto; } .bgs-theme .ui.scrolling.dropdown .menu { overflow-x: hidden; overflow-y: auto; backface-visibility: hidden; -webkit-overflow-scrolling: touch; min-width: 100% !important; width: auto !important; } .bgs-theme .ui.dropdown .scrolling.menu { position: static; overflow-y: auto; border: none; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; min-width: 100% !important; width: auto !important; border-top: 1px solid rgba(171, 173, 176, 0.4); } .bgs-theme .ui.scrolling.dropdown .menu .item.item.item, .bgs-theme .ui.dropdown .scrolling.menu > .item.item.item { border-top: none; } .bgs-theme .ui.scrolling.dropdown .menu .item:first-child, .bgs-theme .ui.dropdown .scrolling.menu .item:first-child { border-top: none; } .bgs-theme .ui.dropdown > .animating.menu .scrolling.menu, .bgs-theme .ui.dropdown > .visible.menu .scrolling.menu { display: block; } @media all and (-ms-high-contrast: none) { .bgs-theme .ui.scrolling.dropdown .menu, .bgs-theme .ui.dropdown .scrolling.menu { min-width: calc(83%); } } @media only screen and (max-width: 767px) { .bgs-theme .ui.scrolling.dropdown .menu, .bgs-theme .ui.dropdown .scrolling.menu { max-height: 11rem; } } @media only screen and (min-width: 768px) { .bgs-theme .ui.scrolling.dropdown .menu, .bgs-theme .ui.dropdown .scrolling.menu { max-height: 16.5rem; } } @media only screen and (min-width: 992px) { .bgs-theme .ui.scrolling.dropdown .menu, .bgs-theme .ui.dropdown .scrolling.menu { max-height: 22rem; } } @media only screen and (min-width: 1920px) { .bgs-theme .ui.scrolling.dropdown .menu, .bgs-theme .ui.dropdown .scrolling.menu { max-height: 22rem; } } .bgs-theme .ui.simple.dropdown .menu:before, .bgs-theme .ui.simple.dropdown .menu:after { display: none; } .bgs-theme .ui.simple.dropdown .menu { position: absolute; display: block; overflow: hidden; top: -9999px !important; opacity: 0; width: 0; height: 0; transition: opacity 0.1s ease; } .bgs-theme .ui.simple.active.dropdown, .bgs-theme .ui.simple.dropdown:hover { border-bottom-left-radius: 0em !important; border-bottom-right-radius: 0em !important; } .bgs-theme .ui.simple.active.dropdown > .menu, .bgs-theme .ui.simple.dropdown:hover > .menu { overflow: visible; width: auto; height: auto; top: 100% !important; opacity: 1; } .bgs-theme .ui.simple.dropdown > .menu > .item:active > .menu, .bgs-theme .ui.simple.dropdown:hover > .menu > .item:hover > .menu { overflow: visible; width: auto; height: auto; top: 0% !important; left: 100% !important; opacity: 1; } .bgs-theme .ui.simple.disabled.dropdown:hover .menu { display: none; height: 0px; width: 0px; overflow: hidden; } .bgs-theme .ui.simple.visible.dropdown > .menu { display: block; } .bgs-theme .ui.fluid.dropdown { display: block; width: 100%; min-width: 0em; } .bgs-theme .ui.fluid.dropdown > .dropdown.icon { float: right; } .bgs-theme .ui.floating.dropdown .menu { left: 0; right: auto; box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; border-radius: 0.1875rem !important; } .bgs-theme .ui.floating.dropdown > .menu { margin-top: 0.5em !important; border-radius: 0.1875rem !important; } .bgs-theme .ui.pointing.dropdown > .menu { top: 100%; margin-top: 0.8125rem; border-radius: 0.1875rem; } .bgs-theme .ui.pointing.dropdown > .menu:after { display: block; position: absolute; pointer-events: none; content: ''; visibility: visible; transform: rotate(45deg); width: 0.4375em; height: 0.4375em; box-shadow: -1px -1px 0px 0px rgba(171, 173, 176, 0.4); background: #FAFAFA; z-index: 2; } .bgs-theme .ui.pointing.dropdown > .menu:after { top: -0.21875em; left: 50%; margin: 0em 0em 0em -0.21875em; } .bgs-theme .ui.top.left.pointing.dropdown > .menu { top: 100%; bottom: auto; left: 0%; right: auto; margin: 1em 0em 0em; } .bgs-theme .ui.top.left.pointing.dropdown > .menu { top: 100%; bottom: auto; left: 0%; right: auto; margin: 1em 0em 0em; } .bgs-theme .ui.top.left.pointing.dropdown > .menu:after { top: -0.21875em; left: 1em; right: auto; margin: 0em; transform: rotate(45deg); } .bgs-theme .ui.top.right.pointing.dropdown > .menu { top: 100%; bottom: auto; right: 0%; left: auto; margin: 1em 0em 0em; } .bgs-theme .ui.top.pointing.dropdown > .left.menu:after, .bgs-theme .ui.top.right.pointing.dropdown > .menu:after { top: -0.21875em; left: auto !important; right: 1em !important; margin: 0em; transform: rotate(45deg); } .bgs-theme .ui.left.pointing.dropdown > .menu { top: 0%; left: 100%; right: auto; margin: 0em 0em 0em 1em; } .bgs-theme .ui.left.pointing.dropdown > .menu:after { top: 1em; left: -0.21875em; margin: 0em 0em 0em 0em; transform: rotate(-45deg); } .bgs-theme .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu { left: auto !important; right: 100% !important; margin: 0em 1em 0em 0em; } .bgs-theme .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after { top: 1em; left: auto; right: -0.21875em; margin: 0em 0em 0em 0em; transform: rotate(135deg); } .bgs-theme .ui.right.pointing.dropdown > .menu { top: 0%; left: auto; right: 100%; margin: 0em 1em 0em 0em; } .bgs-theme .ui.right.pointing.dropdown > .menu:after { top: 1em; left: auto; right: -0.21875em; margin: 0em 0em 0em 0em; transform: rotate(135deg); } .bgs-theme .ui.bottom.pointing.dropdown > .menu { top: auto; bottom: 100%; left: 0%; right: auto; margin: 0em 0em 1em; } .bgs-theme .ui.bottom.pointing.dropdown > .menu:after { top: auto; bottom: -0.21875em; right: auto; margin: 0em; transform: rotate(-135deg); } .bgs-theme .ui.bottom.pointing.dropdown > .menu .menu { top: auto !important; bottom: 0px !important; } .bgs-theme .ui.bottom.left.pointing.dropdown > .menu { left: 0%; right: auto; } .bgs-theme .ui.bottom.left.pointing.dropdown > .menu:after { left: 1em; right: auto; } .bgs-theme .ui.bottom.right.pointing.dropdown > .menu { right: 0%; left: auto; } .bgs-theme .ui.bottom.right.pointing.dropdown > .menu:after { left: auto; right: 1em; } .bgs-theme .ui.pointing.upward.dropdown .menu, .bgs-theme .ui.top.pointing.upward.dropdown .menu { top: auto !important; bottom: 100% !important; margin: 0em 0em 0.8125rem; border-radius: 0.1875rem; } .bgs-theme .ui.pointing.upward.dropdown .menu:after, .bgs-theme .ui.top.pointing.upward.dropdown .menu:after { top: 100% !important; bottom: auto !important; box-shadow: 1px 1px 0px 0px rgba(171, 173, 176, 0.4); margin: -0.21875em 0em 0em; } .bgs-theme .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu { top: auto !important; bottom: 0 !important; margin: 0em 1em 0em 0em; } .bgs-theme .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { top: auto !important; bottom: 0 !important; margin: 0em 0em 1em 0em; box-shadow: -1px -1px 0px 0px rgba(171, 173, 176, 0.4); } .bgs-theme .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu { top: auto !important; bottom: 0 !important; margin: 0em 0em 0em 1em; } .bgs-theme .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { top: auto !important; bottom: 0 !important; margin: 0em 0em 1em 0em; box-shadow: -1px -1px 0px 0px rgba(171, 173, 176, 0.4); } @font-face { font-family: 'Dropdown'; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff'); font-weight: normal; font-style: normal; } .bgs-theme .ui.dropdown > .dropdown.icon { font-family: 'Dropdown'; line-height: 1; height: 1em; width: 1.23em; backface-visibility: hidden; font-weight: normal; font-style: normal; text-align: center; } .bgs-theme .ui.dropdown > .dropdown.icon { width: auto; } .bgs-theme .ui.dropdown > .dropdown.icon:before { content: '\f0d7'; } .bgs-theme .ui.dropdown .menu .item .dropdown.icon:before { content: '\f0da' /*rtl:'\f0d9'*/; } .bgs-theme .ui.dropdown .item .left.dropdown.icon:before, .bgs-theme .ui.dropdown .left.menu .item .dropdown.icon:before { content: "\f0d9" /*rtl:"\f0da"*/; } .bgs-theme .ui.vertical.menu .dropdown.item > .dropdown.icon:before { content: "\f0da" /*rtl:"\f0d9"*/; } .bgs-theme .ui.dropdown > .clear.icon:before { content: "\f00d"; } .bgs-theme .ui.dropdown .menu > .menu { box-shadow: none !important; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } .bgs-theme .ui.dropdown.hierarchy .menu > .header ~ .item { padding: 0.8125rem 1.125rem 0.8125rem 1.875rem !important; } .bgs-theme .ui.selection.dropdown > .search.icon, .bgs-theme .ui.selection.dropdown > .delete.icon { padding: 0.625em !important; } .bgs-theme .ui.dropdown .menu .negative.item { color: #F03535; } .bgs-theme .ui.dropdown .menu > .negative.item:hover { background: #FDEAEA; color: #F03535; } .bgs-theme .ui.embed { position: relative; max-width: 100%; height: 0px; overflow: hidden; background: #F1F1F1; padding-bottom: 56.25%; } .bgs-theme .ui.embed iframe, .bgs-theme .ui.embed embed, .bgs-theme .ui.embed object { position: absolute; border: none; width: 100%; height: 100%; top: 0px; left: 0px; margin: 0em; padding: 0em; } .bgs-theme .ui.embed > .embed { display: none; } .bgs-theme .ui.embed > .placeholder { position: absolute; cursor: pointer; top: 0px; left: 0px; display: block; width: 100%; height: 100%; background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); } .bgs-theme .ui.embed > .icon { cursor: pointer; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; } .bgs-theme .ui.embed > .icon:after { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index: 3; content: ''; background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); opacity: 0.5; transition: opacity 0.5s ease; } .bgs-theme .ui.embed > .icon:before { position: absolute; top: 50%; left: 50%; z-index: 4; transform: translateX(-50%) translateY(-50%); color: #FAFAFA; font-size: 6rem; text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2); transition: opacity 0.5s ease, color 0.5s ease; z-index: 10; } .bgs-theme .ui.embed .icon:hover:after { background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); opacity: 1; } .bgs-theme .ui.embed .icon:hover:before { color: #FAFAFA; } .bgs-theme .ui.active.embed > .icon, .bgs-theme .ui.active.embed > .placeholder { display: none; } .bgs-theme .ui.active.embed > .embed { display: block; } .bgs-theme .ui.square.embed { padding-bottom: 100%; } .bgs-theme .ui[class*="4:3"].embed { padding-bottom: 75%; } .bgs-theme .ui[class*="16:9"].embed { padding-bottom: 56.25%; } .bgs-theme .ui[class*="21:9"].embed { padding-bottom: 42.85714286%; } .bgs-theme .ui.modal { position: absolute; display: none; z-index: 1001; text-align: left; background: #FAFAFA; border: none; box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2); transform-origin: 50% 25%; flex: 0 0 auto; border-radius: 0.1875rem; user-select: text; will-change: top, left, margin, transform, opacity; } .bgs-theme .ui.modal > :first-child:not(.icon), .bgs-theme .ui.modal > .icon:first-child + * { border-top-left-radius: 0.1875rem; border-top-right-radius: 0.1875rem; } .bgs-theme .ui.modal > :last-child { border-bottom-left-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .bgs-theme .ui.modal > .close { cursor: pointer; position: absolute; top: 0.75rem; right: 0.75rem; z-index: 1; opacity: 1; font-size: 1.25rem; color: #FAFAFA; width: 2.25rem; height: 2.25rem; padding: 0.625rem 0rem 0rem 0rem; } .bgs-theme .ui.modal > .close:hover { opacity: 1; } .bgs-theme .ui.modal > .header { display: block; font-family: 'proxima-nova', sans-serif; background: #434B55; margin: 0em; padding: 1.125rem 1.375rem; box-shadow: none; color: #FAFAFA !important; border-bottom: 1px solid #434B55; } .bgs-theme .ui.modal > .header:not(.ui) { font-size: 1.4375rem; line-height: 1.28571429em; font-weight: 700; } .bgs-theme .ui.modal > .content { display: block; width: 100%; font-size: 1em; line-height: 1.4; padding: 2.5rem 2.5rem 0 2.5rem; background: #FAFAFA; } .bgs-theme .ui.modal > .image.content { display: flex; flex-direction: row; } .bgs-theme .ui.modal > .content > .image { display: block; flex: 0 1 auto; width: ''; align-self: top; } .bgs-theme .ui.modal > [class*="top aligned"] { align-self: top; } .bgs-theme .ui.modal > [class*="middle aligned"] { align-self: middle; } .bgs-theme .ui.modal > [class*="stretched"] { align-self: stretch; } .bgs-theme .ui.modal > .content > .description { display: block; flex: 1 0 auto; min-width: 0px; align-self: top; } .bgs-theme .ui.modal > .content > .icon + .description, .bgs-theme .ui.modal > .content > .image + .description { flex: 0 1 auto; min-width: ''; width: auto; padding-left: 2em; } .bgs-theme .ui.modal > .content > .image > i.icon { margin: 0em; opacity: 1; width: auto; line-height: 1; font-size: 8rem; } .bgs-theme .ui.modal > .actions { background: #FAFAFA; padding: 2.5rem; border-top: 0; text-align: center; } .bgs-theme .ui.modal .actions > .button { margin-left: 0.75em; } @media only screen and (max-width: 767px) { .bgs-theme .ui.modal { width: 95%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 768px) { .bgs-theme .ui.modal { width: 88%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 992px) { .bgs-theme .ui.modal { width: 850px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1200px) { .bgs-theme .ui.modal { width: 900px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1920px) { .bgs-theme .ui.modal { width: 950px; margin: 0em 0em 0em 0em; } } @media only screen and (max-width: 991px) { .bgs-theme .ui.modal > .header { padding-right: 2.25rem; } .bgs-theme .ui.modal > .close { top: 0.75rem; right: 0.75rem; color: #FAFAFA; } } @media only screen and (max-width: 767px) { .bgs-theme { /*rtl:ignore*/ /*rtl:ignore*/ /* Let Buttons Stack */ } .bgs-theme .ui.modal > .header { padding: 0.75rem 1rem !important; padding-right: 2.25rem !important; } .bgs-theme .ui.modal > .content { display: block; padding: 1rem !important; } .bgs-theme .ui.modal > .close { top: 0.4375rem !important; right: 0.4375rem !important; } .bgs-theme .ui.modal .image.content { flex-direction: column; } .bgs-theme .ui.modal .content > .image { display: block; max-width: 100%; margin: 0em auto !important; text-align: center; padding: 0rem 0rem 1rem !important; } .bgs-theme .ui.modal > .content > .image > i.icon { font-size: 5rem; text-align: center; } .bgs-theme .ui.modal .content > .description { display: block; width: 100% !important; margin: 0em !important; padding: 1rem 0rem !important; box-shadow: none; } .bgs-theme .ui.modal > .actions { padding: 1rem 1rem 0rem !important; } .bgs-theme .ui.modal .actions > .buttons, .bgs-theme .ui.modal .actions > .button { margin-bottom: 1rem; } } .bgs-theme .ui.inverted.dimmer > .ui.modal { box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2); } .bgs-theme .ui.basic.modal { background-color: transparent; border: none; border-radius: 0em; box-shadow: none !important; color: #FAFAFA; } .bgs-theme .ui.basic.modal > .header, .bgs-theme .ui.basic.modal > .content, .bgs-theme .ui.basic.modal > .actions { background-color: transparent; } .bgs-theme .ui.basic.modal > .header { color: #FAFAFA; } .bgs-theme .ui.basic.modal > .close { top: 1rem; right: 1.5rem; } .bgs-theme .ui.inverted.dimmer > .basic.modal { color: #2D3239; } .bgs-theme .ui.inverted.dimmer > .ui.basic.modal > .header { color: rgba(0, 0, 0, 0.85); } .bgs-theme .ui.legacy.modal, .bgs-theme .ui.legacy.page.dimmer > .ui.modal { top: 50%; left: 50%; } .bgs-theme .ui.legacy.page.dimmer > .ui.scrolling.modal, .bgs-theme .ui.page.dimmer > .ui.scrolling.legacy.modal, .bgs-theme .ui.top.aligned.legacy.page.dimmer > .ui.modal, .bgs-theme .ui.top.aligned.dimmer > .ui.legacy.modal { top: auto; } @media only screen and (max-width: 991px) { .bgs-theme .ui.basic.modal > .close { color: #FAFAFA; } } .bgs-theme .ui.loading.modal { display: block; visibility: hidden; z-index: -1; } .bgs-theme .ui.active.modal { display: block; } .bgs-theme .modals.dimmer[class*="top aligned"] .modal { margin: 5vh auto; } @media only screen and (max-width: 767px) { .bgs-theme .modals.dimmer[class*="top aligned"] .modal { margin: 1rem auto; } } .bgs-theme .legacy.modals.dimmer[class*="top aligned"] { padding-top: 5vh; } @media only screen and (max-width: 767px) { .bgs-theme .legacy.modals.dimmer[class*="top aligned"] { padding-top: 1rem; } } .bgs-theme .scrolling.dimmable.dimmed { overflow: hidden; } .bgs-theme .scrolling.dimmable > .dimmer { justify-content: flex-start; } .bgs-theme .scrolling.dimmable.dimmed > .dimmer { overflow: auto; -webkit-overflow-scrolling: touch; } .bgs-theme .scrolling.dimmable > .dimmer { position: fixed; } .bgs-theme .modals.dimmer .ui.scrolling.modal { margin: 1rem auto; } .bgs-theme .scrolling.undetached.dimmable.dimmed { overflow: auto; -webkit-overflow-scrolling: touch; } .bgs-theme .scrolling.undetached.dimmable.dimmed > .dimmer { overflow: hidden; } .bgs-theme .scrolling.undetached.dimmable .ui.scrolling.modal { position: absolute; left: 50%; margin-top: 1rem !important; } .bgs-theme .ui.modal .scrolling.content { max-height: calc(70vh); overflow: auto; } .bgs-theme .ui.fullscreen.modal { width: 95% !important; margin: 1em auto; } .bgs-theme .ui.fullscreen.modal > .header { padding-right: 2.25rem; } .bgs-theme .ui.fullscreen.modal > .close { top: 0.75rem; right: 0.75rem; color: #FAFAFA; } .bgs-theme .ui.modal { font-size: 1rem; } .bgs-theme .ui.mini.modal > .header:not(.ui) { font-size: 1.3em; } @media only screen and (max-width: 767px) { .bgs-theme .ui.mini.modal { width: 95%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 768px) { .bgs-theme .ui.mini.modal { width: 35.2%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 992px) { .bgs-theme .ui.mini.modal { width: 340px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1200px) { .bgs-theme .ui.mini.modal { width: 360px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1920px) { .bgs-theme .ui.mini.modal { width: 380px; margin: 0em 0em 0em 0em; } } .bgs-theme .ui.small.modal > .header:not(.ui) { font-size: 1.3em; } @media only screen and (max-width: 767px) { .bgs-theme .ui.tiny.modal { width: 95%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 768px) { .bgs-theme .ui.tiny.modal { width: 52.8%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 992px) { .bgs-theme .ui.tiny.modal { width: 510px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1200px) { .bgs-theme .ui.tiny.modal { width: 540px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1920px) { .bgs-theme .ui.tiny.modal { width: 570px; margin: 0em 0em 0em 0em; } } .bgs-theme .ui.small.modal > .header:not(.ui) { font-size: 1.3em; } @media only screen and (max-width: 767px) { .bgs-theme .ui.small.modal { width: 95%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 768px) { .bgs-theme .ui.small.modal { width: 70.4%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 992px) { .bgs-theme .ui.small.modal { width: 680px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1200px) { .bgs-theme .ui.small.modal { width: 720px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1920px) { .bgs-theme .ui.small.modal { width: 760px; margin: 0em 0em 0em 0em; } } .bgs-theme .ui.large.modal > .header { font-size: 1.6em; } @media only screen and (max-width: 767px) { .bgs-theme .ui.large.modal { width: 95%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 768px) { .bgs-theme .ui.large.modal { width: 88%; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 992px) { .bgs-theme .ui.large.modal { width: 1020px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1200px) { .bgs-theme .ui.large.modal { width: 1080px; margin: 0em 0em 0em 0em; } } @media only screen and (min-width: 1920px) { .bgs-theme .ui.large.modal { width: 1140px; margin: 0em 0em 0em 0em; } } .bgs-theme .ui.nag { display: none; opacity: 0.95; position: relative; top: 0em; left: 0px; z-index: 999; min-height: 0em; width: 100%; margin: 0em; padding: 0.75em 1em; background: #555555; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); font-size: 1rem; text-align: center; color: #2D3239; border-radius: 0em 0em 0.1875rem 0.1875rem; transition: 0.2s background ease; } .bgs-theme a.ui.nag { cursor: pointer; } .bgs-theme .ui.nag > .title { display: inline-block; margin: 0em 0.5em; color: #FAFAFA; } .bgs-theme .ui.nag > .close.icon { cursor: pointer; opacity: 0.4; position: absolute; top: 50%; right: 1em; font-size: 1em; margin: -0.5em 0em 0em; color: #FAFAFA; transition: opacity 0.2s ease; } .bgs-theme .ui.nag:hover { background: #555555; opacity: 1; } .bgs-theme .ui.nag .close:hover { opacity: 1; } .bgs-theme .ui.overlay.nag { position: absolute; display: block; } .bgs-theme .ui.fixed.nag { position: fixed; } .bgs-theme .ui.bottom.nags, .bgs-theme .ui.bottom.nag { border-radius: 0.1875rem 0.1875rem 0em 0em; top: auto; bottom: 0em; } .bgs-theme .ui.inverted.nags .nag, .bgs-theme .ui.inverted.nag { background-color: #F3F4F5; color: rgba(0, 0, 0, 0.85); } .bgs-theme .ui.inverted.nags .nag .close, .bgs-theme .ui.inverted.nags .nag .title, .bgs-theme .ui.inverted.nag .close, .bgs-theme .ui.inverted.nag .title { color: rgba(0, 0, 0, 0.4); } .bgs-theme .ui.nags .nag { border-radius: 0em !important; } .bgs-theme .ui.nags .nag:last-child { border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui.bottom.nags .nag:last-child { border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.popup { display: none; position: absolute; top: 0px; right: 0px; /* Fixes content being squished when inline (moz only) */ min-width: min-content; z-index: 1900; border: 1px solid #434B55; line-height: 1.375em; max-width: 250px; background: #434B55; padding: 0.833em 1em; font-weight: normal; font-style: normal; color: #FAFAFA; border-radius: 0.1875rem; box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); } .bgs-theme .ui.popup > .header { padding: 0em; font-family: 'proxima-nova', sans-serif; font-size: 1.125em; line-height: 1.2; font-weight: bold; } .bgs-theme .ui.popup > .header + .content { padding-top: 0.4375em; } .bgs-theme .ui.popup:before { position: absolute; content: ''; width: 0.625em; height: 0.625em; background: #434B55; transform: rotate(45deg); z-index: 2; box-shadow: 1px 1px 0px 0px #2d3238; } .bgs-theme [data-tooltip] { position: relative; } .bgs-theme [data-tooltip]:before { pointer-events: none; position: absolute; content: ''; font-size: 1rem; width: 0.625em; height: 0.625em; background: #434B55; transform: rotate(45deg); z-index: 2; box-shadow: 1px 1px 0px 0px #2d3238; } .bgs-theme [data-tooltip]:after { pointer-events: none; content: attr(data-tooltip); position: absolute; text-transform: none; text-align: left; white-space: nowrap; font-size: 1rem; border: 1px solid #434B55; line-height: 1.375em; max-width: none; background: #434B55; padding: 0.833em 1em; font-weight: normal; font-style: normal; color: #FAFAFA; border-radius: 0.1875rem; box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); z-index: 1; } .bgs-theme [data-tooltip]:not([data-position]):before { top: auto; right: auto; bottom: 100%; left: 50%; background: #434B55; margin-left: -0.0625rem; margin-bottom: 0.125rem; } .bgs-theme [data-tooltip]:not([data-position]):after { left: 50%; transform: translateX(-50%); bottom: 100%; margin-bottom: 0.4375em; } .bgs-theme [data-tooltip]:before, .bgs-theme [data-tooltip]:after { pointer-events: none; visibility: hidden; } .bgs-theme [data-tooltip]:before { opacity: 0; transform: rotate(45deg) scale(0) !important; transform-origin: center top; transition: all 0.1s ease; } .bgs-theme [data-tooltip]:after { opacity: 1; transform-origin: center bottom; transition: all 0.1s ease; } .bgs-theme [data-tooltip]:hover:before, .bgs-theme [data-tooltip]:hover:after { visibility: visible; pointer-events: auto; } .bgs-theme [data-tooltip]:hover:before { transform: rotate(45deg) scale(1) !important; opacity: 1; } .bgs-theme [data-tooltip]:after, .bgs-theme [data-tooltip][data-position="top center"]:after, .bgs-theme [data-tooltip][data-position="bottom center"]:after { transform: translateX(-50%) scale(0) !important; } .bgs-theme [data-tooltip]:hover:after, .bgs-theme [data-tooltip][data-position="bottom center"]:hover:after { transform: translateX(-50%) scale(1) !important; } .bgs-theme [data-tooltip][data-position="left center"]:after, .bgs-theme [data-tooltip][data-position="right center"]:after { transform: translateY(-50%) scale(0) !important; } .bgs-theme [data-tooltip][data-position="left center"]:hover:after, .bgs-theme [data-tooltip][data-position="right center"]:hover:after { transform: translateY(-50%) scale(1) !important; } .bgs-theme [data-tooltip][data-position="top left"]:after, .bgs-theme [data-tooltip][data-position="top right"]:after, .bgs-theme [data-tooltip][data-position="bottom left"]:after, .bgs-theme [data-tooltip][data-position="bottom right"]:after { transform: scale(0) !important; } .bgs-theme [data-tooltip][data-position="top left"]:hover:after, .bgs-theme [data-tooltip][data-position="top right"]:hover:after, .bgs-theme [data-tooltip][data-position="bottom left"]:hover:after, .bgs-theme [data-tooltip][data-position="bottom right"]:hover:after { transform: scale(1) !important; } .bgs-theme [data-tooltip][data-inverted]:before { box-shadow: none !important; } .bgs-theme [data-tooltip][data-inverted]:before { background: #FAFAFA; } .bgs-theme [data-tooltip][data-inverted]:after { background: #FAFAFA; color: #434B55; border: 1px solid #D4D4D5; box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); } .bgs-theme [data-tooltip][data-inverted]:after .header { background-color: none; color: #434B55; } .bgs-theme [data-position="top center"][data-tooltip]:after { top: auto; right: auto; left: 50%; bottom: 100%; transform: translateX(-50%); margin-bottom: 0.4375em; } .bgs-theme [data-position="top center"][data-tooltip]:before { top: auto; right: auto; bottom: 100%; left: 50%; background: #434B55; margin-left: -0.0625rem; margin-bottom: 0.125rem; } .bgs-theme [data-position="top left"][data-tooltip]:after { top: auto; right: auto; left: 0; bottom: 100%; margin-bottom: 0.4375em; } .bgs-theme [data-position="top left"][data-tooltip]:before { top: auto; right: auto; bottom: 100%; left: 1em; margin-left: -0.0625rem; margin-bottom: 0.125rem; } .bgs-theme [data-position="top right"][data-tooltip]:after { top: auto; left: auto; right: 0; bottom: 100%; margin-bottom: 0.4375em; } .bgs-theme [data-position="top right"][data-tooltip]:before { top: auto; left: auto; bottom: 100%; right: 1em; margin-left: -0.0625rem; margin-bottom: 0.125rem; } .bgs-theme [data-position="bottom center"][data-tooltip]:after { bottom: auto; right: auto; left: 50%; top: 100%; transform: translateX(-50%); margin-top: 0.4375em; } .bgs-theme [data-position="bottom center"][data-tooltip]:before { bottom: auto; right: auto; top: 100%; left: 50%; margin-left: -0.0625rem; margin-top: 0.125rem; } .bgs-theme [data-position="bottom left"][data-tooltip]:after { left: 0; top: 100%; margin-top: 0.4375em; } .bgs-theme [data-position="bottom left"][data-tooltip]:before { bottom: auto; right: auto; top: 100%; left: 1em; margin-left: -0.0625rem; margin-top: 0.125rem; } .bgs-theme [data-position="bottom right"][data-tooltip]:after { right: 0; top: 100%; margin-top: 0.4375em; } .bgs-theme [data-position="bottom right"][data-tooltip]:before { bottom: auto; left: auto; top: 100%; right: 1em; margin-left: -0.125rem; margin-top: 0.0625rem; } .bgs-theme [data-position="left center"][data-tooltip]:after { right: 100%; top: 50%; margin-right: 0.4375em; transform: translateY(-50%); } .bgs-theme [data-position="left center"][data-tooltip]:before { right: 100%; top: 50%; margin-top: -0.125rem; margin-right: -0.0625rem; } .bgs-theme [data-position="right center"][data-tooltip]:after { left: 100%; top: 50%; margin-left: 0.4375em; transform: translateY(-50%); } .bgs-theme [data-position="right center"][data-tooltip]:before { left: 100%; top: 50%; margin-top: -0.0625rem; margin-left: 0.125rem; } .bgs-theme [data-position~="bottom"][data-tooltip]:before { background: #434B55; box-shadow: -1px -1px 0px 0px #2d3238; } .bgs-theme [data-position="left center"][data-tooltip]:before { background: #434B55; box-shadow: 1px -1px 0px 0px #2d3238; } .bgs-theme [data-position="right center"][data-tooltip]:before { background: #434B55; box-shadow: -1px 1px 0px 0px #2d3238; } .bgs-theme [data-position~="top"][data-tooltip]:before { background: #434B55; } .bgs-theme [data-inverted][data-position~="bottom"][data-tooltip]:before { background: #FAFAFA; box-shadow: -1px -1px 0px 0px #2d3238; } .bgs-theme [data-inverted][data-position="left center"][data-tooltip]:before { background: #FAFAFA; box-shadow: 1px -1px 0px 0px #2d3238; } .bgs-theme [data-inverted][data-position="right center"][data-tooltip]:before { background: #FAFAFA; box-shadow: -1px 1px 0px 0px #2d3238; } .bgs-theme [data-inverted][data-position~="top"][data-tooltip]:before { background: #FAFAFA; } .bgs-theme [data-position~="bottom"][data-tooltip]:before { transform-origin: center bottom; } .bgs-theme [data-position~="bottom"][data-tooltip]:after { transform-origin: center top; } .bgs-theme [data-position="left center"][data-tooltip]:before { transform-origin: top center; } .bgs-theme [data-position="left center"][data-tooltip]:after { transform-origin: right center; } .bgs-theme [data-position="right center"][data-tooltip]:before { transform-origin: right center; } .bgs-theme [data-position="right center"][data-tooltip]:after { transform-origin: left center; } .bgs-theme .ui.popup { margin: 0em; } .bgs-theme .ui.top.popup { margin: 0em 0em 0.625em; } .bgs-theme .ui.top.left.popup { transform-origin: left bottom; } .bgs-theme .ui.top.center.popup { transform-origin: center bottom; } .bgs-theme .ui.top.right.popup { transform-origin: right bottom; } .bgs-theme .ui.left.center.popup { margin: 0em 0.625em 0em 0em; transform-origin: right 50%; } .bgs-theme .ui.right.center.popup { margin: 0em 0em 0em 0.625em; transform-origin: left 50%; } .bgs-theme .ui.bottom.popup { margin: 0.625em 0em 0em; } .bgs-theme .ui.bottom.left.popup { transform-origin: left top; } .bgs-theme .ui.bottom.center.popup { transform-origin: center top; } .bgs-theme .ui.bottom.right.popup { transform-origin: right top; } .bgs-theme .ui.bottom.center.popup:before { margin-left: -0.2625em; top: -0.2625em; left: 50%; right: auto; bottom: auto; box-shadow: -1px -1px 0px 0px #2d3238; } .bgs-theme .ui.bottom.left.popup { margin-left: 0em; } .bgs-theme .ui.bottom.left.popup:before { top: -0.2625em; left: 1em; right: auto; bottom: auto; margin-left: 0em; box-shadow: -1px -1px 0px 0px #2d3238; } .bgs-theme .ui.bottom.right.popup { margin-right: 0em; } .bgs-theme .ui.bottom.right.popup:before { top: -0.2625em; right: 1em; bottom: auto; left: auto; margin-left: 0em; box-shadow: -1px -1px 0px 0px #2d3238; } .bgs-theme .ui.top.center.popup:before { top: auto; right: auto; bottom: -0.2625em; left: 50%; margin-left: -0.2625em; } .bgs-theme .ui.top.left.popup { margin-left: 0em; } .bgs-theme .ui.top.left.popup:before { bottom: -0.2625em; left: 1em; top: auto; right: auto; margin-left: 0em; } .bgs-theme .ui.top.right.popup { margin-right: 0em; } .bgs-theme .ui.top.right.popup:before { bottom: -0.2625em; right: 1em; top: auto; left: auto; margin-left: 0em; } .bgs-theme .ui.left.center.popup:before { top: 50%; right: -0.2625em; bottom: auto; left: auto; margin-top: -0.2625em; box-shadow: 1px -1px 0px 0px #2d3238; } .bgs-theme .ui.right.center.popup:before { top: 50%; left: -0.2625em; bottom: auto; right: auto; margin-top: -0.2625em; box-shadow: -1px 1px 0px 0px #2d3238; } .bgs-theme .ui.bottom.popup:before { background: #434B55; } .bgs-theme .ui.right.center.popup:before, .bgs-theme .ui.left.center.popup:before { background: #434B55; } .bgs-theme .ui.top.popup:before { background: #434B55; } .bgs-theme .ui.inverted.bottom.popup:before { background: #FAFAFA; } .bgs-theme .ui.inverted.right.center.popup:before, .bgs-theme .ui.inverted.left.center.popup:before { background: #FAFAFA; } .bgs-theme .ui.inverted.top.popup:before { background: #FAFAFA; } .bgs-theme .ui.popup > .ui.grid:not(.padded) { width: calc(100% + 1.75rem); margin: -0.7rem -0.875rem; } .bgs-theme .ui.loading.popup { display: block; visibility: hidden; z-index: -1; } .bgs-theme .ui.animating.popup, .bgs-theme .ui.visible.popup { display: block; } .bgs-theme .ui.visible.popup { transform: translateZ(0px); backface-visibility: hidden; } .bgs-theme .ui.basic.popup:before { display: none; } .bgs-theme .ui.wide.popup { max-width: 350px; } .bgs-theme .ui[class*="very wide"].popup { max-width: 550px; } @media only screen and (max-width: 767px) { .bgs-theme .ui.wide.popup, .bgs-theme .ui[class*="very wide"].popup { max-width: 250px; } } .bgs-theme .ui.fluid.popup { width: 100%; max-width: none; } .bgs-theme .ui.inverted.popup { background: #FAFAFA; color: #434B55; border: 1px solid #D4D4D5; box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); } .bgs-theme .ui.inverted.popup .header { background-color: none; color: #434B55; } .bgs-theme .ui.inverted.popup:before { background-color: #D4D4D5; box-shadow: none !important; } .bgs-theme .ui.flowing.popup { max-width: none; } .bgs-theme .ui.mini.popup { font-size: 0.8125rem; } .bgs-theme .ui.tiny.popup { font-size: 0.875rem; } .bgs-theme .ui.small.popup { font-size: 0.9375rem; } .bgs-theme .ui.popup { font-size: 1rem; } .bgs-theme .ui.large.popup { font-size: 1.125rem; } .bgs-theme .ui.huge.popup { font-size: 1.4375rem; } .bgs-theme .ui.progress { position: relative; display: block; max-width: 100%; border: none; margin: 1em 0em 2.5em; box-shadow: none; background: rgba(0, 0, 0, 0.1); padding: 0em; border-radius: 0.1875rem; } .bgs-theme .ui.progress:first-child { margin: 0em 0em 2.5em; } .bgs-theme .ui.progress:last-child { margin: 0em 0em 1.5em; } .bgs-theme .ui.progress .bar { display: block; line-height: 1; position: relative; width: 0%; min-width: 2em; background: #888888; border-radius: 0.1875rem; transition: width 0.1s ease, background-color 0.1s ease; } .bgs-theme .ui.progress .bar > .progress { white-space: nowrap; position: absolute; width: auto; font-size: 0.9375em; top: 50%; right: 0.5em; left: auto; bottom: auto; color: rgba(255, 255, 255, 0.7); text-shadow: none; margin-top: -0.5em; font-weight: bold; text-align: left; } .bgs-theme .ui.progress > .label { position: absolute; width: 100%; font-size: 1em; top: 100%; right: auto; left: 0%; bottom: auto; color: #2D3239; font-weight: bold; text-shadow: none; margin-top: 0.2em; text-align: center; transition: color 0.4s ease; } .bgs-theme .ui.indicating.progress[data-percent^="1"] .bar, .bgs-theme .ui.indicating.progress[data-percent^="2"] .bar { background-color: #D95C5C; } .bgs-theme .ui.indicating.progress[data-percent^="3"] .bar { background-color: #EFBC72; } .bgs-theme .ui.indicating.progress[data-percent^="4"] .bar, .bgs-theme .ui.indicating.progress[data-percent^="5"] .bar { background-color: #E6BB48; } .bgs-theme .ui.indicating.progress[data-percent^="6"] .bar { background-color: #DDC928; } .bgs-theme .ui.indicating.progress[data-percent^="7"] .bar, .bgs-theme .ui.indicating.progress[data-percent^="8"] .bar { background-color: #B4D95C; } .bgs-theme .ui.indicating.progress[data-percent^="9"] .bar, .bgs-theme .ui.indicating.progress[data-percent^="100"] .bar { background-color: #66DA81; } .bgs-theme .ui.indicating.progress[data-percent^="1"] .label, .bgs-theme .ui.indicating.progress[data-percent^="2"] .label { color: #2D3239; } .bgs-theme .ui.indicating.progress[data-percent^="3"] .label { color: #2D3239; } .bgs-theme .ui.indicating.progress[data-percent^="4"] .label, .bgs-theme .ui.indicating.progress[data-percent^="5"] .label { color: #2D3239; } .bgs-theme .ui.indicating.progress[data-percent^="6"] .label { color: #2D3239; } .bgs-theme .ui.indicating.progress[data-percent^="7"] .label, .bgs-theme .ui.indicating.progress[data-percent^="8"] .label { color: #2D3239; } .bgs-theme .ui.indicating.progress[data-percent^="9"] .label, .bgs-theme .ui.indicating.progress[data-percent^="100"] .label { color: #2D3239; } .bgs-theme .ui.indicating.progress[data-percent="1"] .bar, .bgs-theme .ui.indicating.progress[data-percent="2"] .bar, .bgs-theme .ui.indicating.progress[data-percent="3"] .bar, .bgs-theme .ui.indicating.progress[data-percent="4"] .bar, .bgs-theme .ui.indicating.progress[data-percent="5"] .bar, .bgs-theme .ui.indicating.progress[data-percent="6"] .bar, .bgs-theme .ui.indicating.progress[data-percent="7"] .bar, .bgs-theme .ui.indicating.progress[data-percent="8"] .bar, .bgs-theme .ui.indicating.progress[data-percent="9"] .bar { background-color: #D95C5C; } .bgs-theme .ui.indicating.progress[data-percent="1"] .label, .bgs-theme .ui.indicating.progress[data-percent="2"] .label, .bgs-theme .ui.indicating.progress[data-percent="3"] .label, .bgs-theme .ui.indicating.progress[data-percent="4"] .label, .bgs-theme .ui.indicating.progress[data-percent="5"] .label, .bgs-theme .ui.indicating.progress[data-percent="6"] .label, .bgs-theme .ui.indicating.progress[data-percent="7"] .label, .bgs-theme .ui.indicating.progress[data-percent="8"] .label, .bgs-theme .ui.indicating.progress[data-percent="9"] .label { color: #2D3239; } .bgs-theme .ui.indicating.progress.success .label { color: #108043; } .bgs-theme .ui.progress.success .bar { background-color: #50B83C !important; } .bgs-theme .ui.progress.success .bar, .bgs-theme .ui.progress.success .bar::after { animation: none !important; } .bgs-theme .ui.progress.success > .label { color: #108043; } .bgs-theme .ui.progress.warning .bar { background-color: #C49407 !important; } .bgs-theme .ui.progress.warning .bar, .bgs-theme .ui.progress.warning .bar::after { animation: none !important; } .bgs-theme .ui.progress.warning > .label { color: #ab8106; } .bgs-theme .ui.progress.error .bar { background-color: #F03535 !important; } .bgs-theme .ui.progress.error .bar, .bgs-theme .ui.progress.error .bar::after { animation: none !important; } .bgs-theme .ui.progress.error > .label { color: #B5000D; } .bgs-theme .ui.active.progress .bar { position: relative; min-width: 2em; } .bgs-theme .ui.active.progress .bar::after { content: ''; opacity: 0; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #FAFAFA; border-radius: 0.1875rem; animation: progress-active 2s ease infinite; } @keyframes progress-active { 0% { opacity: 0.3; width: 0; } 100% { opacity: 0; width: 100%; } } .bgs-theme .ui.disabled.progress { opacity: 0.35; } .bgs-theme .ui.disabled.progress .bar, .bgs-theme .ui.disabled.progress .bar::after { animation: none !important; } .bgs-theme .ui.inverted.progress { background: rgba(255, 255, 255, 0.08); border: none; } .bgs-theme .ui.inverted.progress .bar { background: #888888; } .bgs-theme .ui.inverted.progress .bar > .progress { color: #F9FAFB; } .bgs-theme .ui.inverted.progress > .label { color: #FAFAFA; } .bgs-theme .ui.inverted.progress.success > .label { color: #50B83C; } .bgs-theme .ui.inverted.progress.warning > .label { color: #C49407; } .bgs-theme .ui.inverted.progress.error > .label { color: #F03535; } .bgs-theme .ui.progress.attached { background: transparent; position: relative; border: none; margin: 0em; } .bgs-theme .ui.progress.attached, .bgs-theme .ui.progress.attached .bar { display: block; height: 0.2rem; padding: 0px; overflow: hidden; border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui.progress.attached .bar { border-radius: 0em; } .bgs-theme .ui.progress.top.attached, .bgs-theme .ui.progress.top.attached .bar { top: 0px; border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.progress.top.attached .bar { border-radius: 0em; } .bgs-theme .ui.segment > .ui.attached.progress, .bgs-theme .ui.card > .ui.attached.progress { position: absolute; top: auto; left: 0; bottom: 100%; width: 100%; } .bgs-theme .ui.segment > .ui.bottom.attached.progress, .bgs-theme .ui.card > .ui.bottom.attached.progress { top: 100%; bottom: auto; } .bgs-theme .ui.red.progress .bar { background-color: #F03535; } .bgs-theme .ui.red.inverted.progress .bar { background-color: #FF6E60; } .bgs-theme .ui.orange.progress .bar { background-color: #FFA553; } .bgs-theme .ui.orange.inverted.progress .bar { background-color: #FFC48B; } .bgs-theme .ui.yellow.progress .bar { background-color: #FFDF45; } .bgs-theme .ui.yellow.inverted.progress .bar { background-color: #FBEB9F; } .bgs-theme .ui.olive.progress .bar { background-color: #B5CC18; } .bgs-theme .ui.olive.inverted.progress .bar { background-color: #D9E778; } .bgs-theme .ui.green.progress .bar { background-color: #50B83C; } .bgs-theme .ui.green.inverted.progress .bar { background-color: #BBE5B3; } .bgs-theme .ui.teal.progress .bar { background-color: #00B5AD; } .bgs-theme .ui.teal.inverted.progress .bar { background-color: #6DFFFF; } .bgs-theme .ui.blue.progress .bar { background-color: #007ACE; } .bgs-theme .ui.blue.inverted.progress .bar { background-color: #B4E0FA; } .bgs-theme .ui.violet.progress .bar { background-color: #6435C9; } .bgs-theme .ui.violet.inverted.progress .bar { background-color: #A291FB; } .bgs-theme .ui.purple.progress .bar { background-color: #CA7EEA; } .bgs-theme .ui.purple.inverted.progress .bar { background-color: #E9CBF6; } .bgs-theme .ui.pink.progress .bar { background-color: #E03997; } .bgs-theme .ui.pink.inverted.progress .bar { background-color: #FF8EDF; } .bgs-theme .ui.brown.progress .bar { background-color: #A5673F; } .bgs-theme .ui.brown.inverted.progress .bar { background-color: #D67C1C; } .bgs-theme .ui.grey.progress .bar { background-color: #ABADB0; } .bgs-theme .ui.grey.inverted.progress .bar { background-color: #F1F1F1; } .bgs-theme .ui.black.progress .bar { background-color: #2D3239; } .bgs-theme .ui.black.inverted.progress .bar { background-color: #545454; } .bgs-theme .ui.tiny.progress { font-size: 0.875rem; } .bgs-theme .ui.tiny.progress .bar { height: 0.5em; } .bgs-theme .ui.small.progress { font-size: 0.9375rem; } .bgs-theme .ui.small.progress .bar { height: 1em; } .bgs-theme .ui.progress { font-size: 1rem; } .bgs-theme .ui.progress .bar { height: 1.75em; } .bgs-theme .ui.large.progress { font-size: 1.125rem; } .bgs-theme .ui.large.progress .bar { height: 2.5em; } .bgs-theme .ui.big.progress { font-size: 1.3125rem; } .bgs-theme .ui.big.progress .bar { height: 3.5em; } .bgs-theme .ui.rating { display: inline-flex; white-space: nowrap; vertical-align: baseline; } .bgs-theme .ui.rating:last-child { margin-right: 0em; } .bgs-theme .ui.rating .icon { padding: 0em; margin: 0em; text-align: center; font-weight: normal; font-style: normal; flex: 1 0 auto; cursor: pointer; width: 1.25em; height: auto; transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease; } .bgs-theme .ui.rating .icon { background: transparent; color: rgba(0, 0, 0, 0.15); } .bgs-theme .ui.rating .active.icon { background: transparent; color: rgba(0, 0, 0, 0.85); } .bgs-theme .ui.rating .icon.selected, .bgs-theme .ui.rating .icon.selected.active { background: transparent; color: #2D3239; } .bgs-theme .ui.star.rating .icon { width: 1.25em; height: auto; background: transparent; color: rgba(0, 0, 0, 0.15); text-shadow: none; } .bgs-theme .ui.star.rating .active.icon { background: transparent !important; color: #FFE623 !important; text-shadow: 0px -1px 0px #DDC507, -1px 0px 0px #DDC507, 0px 1px 0px #DDC507, 1px 0px 0px #DDC507 !important; } .bgs-theme .ui.star.rating .icon.selected, .bgs-theme .ui.star.rating .icon.selected.active { background: transparent !important; color: #FFCC00 !important; text-shadow: 0px -1px 0px #E6A200, -1px 0px 0px #E6A200, 0px 1px 0px #E6A200, 1px 0px 0px #E6A200 !important; } .bgs-theme .ui.heart.rating .icon { width: 1.4em; height: auto; background: transparent; color: rgba(0, 0, 0, 0.15); text-shadow: none !important; } .bgs-theme .ui.heart.rating .active.icon { background: transparent !important; color: #FF6D75 !important; text-shadow: 0px -1px 0px #CD0707, -1px 0px 0px #CD0707, 0px 1px 0px #CD0707, 1px 0px 0px #CD0707 !important; } .bgs-theme .ui.heart.rating .icon.selected, .bgs-theme .ui.heart.rating .icon.selected.active { background: transparent !important; color: #FF3000 !important; text-shadow: 0px -1px 0px #AA0101, -1px 0px 0px #AA0101, 0px 1px 0px #AA0101, 1px 0px 0px #AA0101 !important; } .bgs-theme .ui.disabled.rating .icon { cursor: default; } .bgs-theme .ui.rating.selected .active.icon { opacity: 1; } .bgs-theme .ui.rating.selected .icon.selected, .bgs-theme .ui.rating .icon.selected { opacity: 1; } .bgs-theme .ui.mini.rating { font-size: 0.8125rem; } .bgs-theme .ui.tiny.rating { font-size: 0.875rem; } .bgs-theme .ui.small.rating { font-size: 0.9375rem; } .bgs-theme .ui.rating { font-size: 1rem; } .bgs-theme .ui.large.rating { font-size: 1.125rem; } .bgs-theme .ui.huge.rating { font-size: 1.4375rem; } .bgs-theme .ui.massive.rating { font-size: 2rem; } @font-face { font-family: 'Rating'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff'); font-weight: normal; font-style: normal; } .bgs-theme .ui.rating .icon { font-family: 'Rating'; line-height: 1; backface-visibility: hidden; font-weight: normal; font-style: normal; text-align: center; } .bgs-theme .ui.rating .icon:before { content: '\f005'; } .bgs-theme .ui.rating .active.icon:before { content: '\f005'; } .bgs-theme .ui.star.rating .icon:before { content: '\f005'; } .bgs-theme .ui.star.rating .active.icon:before { content: '\f005'; } .bgs-theme .ui.star.rating .partial.icon:before { content: '\f006'; } .bgs-theme .ui.star.rating .partial.icon { content: '\f005'; } .bgs-theme .ui.heart.rating .icon:before { content: '\f004'; } .bgs-theme .ui.heart.rating .active.icon:before { content: '\f004'; } .bgs-theme .ui.search { position: relative; } .bgs-theme .ui.search > .prompt { margin: 0em; outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); text-shadow: none; font-style: normal; font-weight: normal; line-height: 1.21428571em; padding: 0.58035714em 0.875em; font-size: 1em; background: #FAFAFA; border: 1px solid #ABADB0; color: #2D3239; box-shadow: 0em 0em 0em 0em transparent inset; transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease; } .bgs-theme .ui.search .prompt { border-radius: 500rem; } .bgs-theme .ui.search .prompt ~ .search.icon { cursor: pointer; } .bgs-theme .ui.search > .results { display: none; position: absolute; top: 100%; left: 0%; transform-origin: center top; white-space: normal; text-align: left; text-transform: none; background: #FFFFFF; margin-top: 0.5em; width: 18em; border-radius: 0.1875rem; box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); border: 1px solid #D4D4D5; z-index: 998; } .bgs-theme .ui.search > .results > :first-child { border-radius: 0.1875rem 0.1875rem 0em 0em; } .bgs-theme .ui.search > .results > :last-child { border-radius: 0em 0em 0.1875rem 0.1875rem; } .bgs-theme .ui.search > .results .result { cursor: pointer; display: block; overflow: hidden; font-size: 1em; padding: 0.875em 1.125em; color: #2D3239; line-height: 1.33; border-bottom: 1px solid rgba(34, 36, 38, 0.1); } .bgs-theme .ui.search > .results .result:last-child { border-bottom: none !important; } .bgs-theme .ui.search > .results .result .image { float: right; overflow: hidden; background: none; width: 5em; height: 3em; border-radius: 0.25em; } .bgs-theme .ui.search > .results .result .image img { display: block; width: auto; height: 100%; } .bgs-theme .ui.search > .results .result .image + .content { margin: 0em 6em 0em 0em; } .bgs-theme .ui.search > .results .result .title { margin: -0.14285714em 0em 0em; font-family: 'proxima-nova', sans-serif; font-weight: bold; font-size: 1em; color: rgba(0, 0, 0, 0.85); } .bgs-theme .ui.search > .results .result .description { margin-top: 0; font-size: 0.9375em; color: rgba(0, 0, 0, 0.4); } .bgs-theme .ui.search > .results .result .price { float: right; color: #50B83C; } .bgs-theme .ui.search > .results > .message { padding: 1em 1em; } .bgs-theme .ui.search > .results > .message .header { font-family: 'proxima-nova', sans-serif; font-size: 1rem; font-weight: bold; color: #2D3239; } .bgs-theme .ui.search > .results > .message .description { margin-top: 0.25rem; font-size: 1em; color: #2D3239; } .bgs-theme .ui.search > .results > .action { display: block; border-top: none; background: #F3F4F5; padding: 0.9375em 1em; color: #2D3239; font-weight: bold; text-align: center; } .bgs-theme .ui.search > .prompt:focus { border-color: rgba(34, 36, 38, 0.35); background: #FAFAFA; color: rgba(0, 0, 0, 0.95); } .bgs-theme .ui.loading.search .input > i.icon:before { position: absolute; content: ''; top: 50%; left: 50%; margin: -0.65625em 0em 0em -0.65625em; width: 1.3125em; height: 1.3125em; border-radius: 500rem; border: 0.25em solid rgba(187, 229, 179, 0.5); } .bgs-theme .ui.loading.search .input > i.icon:after { position: absolute; content: ''; top: 50%; left: 50%; margin: -0.65625em 0em 0em -0.65625em; width: 1.3125em; height: 1.3125em; animation: button-spin 0.8s linear; animation-iteration-count: infinite; border-radius: 500rem; border-color: #50B83C transparent transparent; border-style: solid; border-width: 0.25em; box-shadow: 0px 0px 0px 1px transparent; } .bgs-theme .ui.search > .results .result:hover, .bgs-theme .ui.category.search > .results .category .result:hover { background: #F9FAFB; } .bgs-theme .ui.search .action:hover { background: #E0E0E0; } .bgs-theme .ui.category.search > .results .category.active { background: #F3F4F5; } .bgs-theme .ui.category.search > .results .category.active > .name { color: #2D3239; } .bgs-theme .ui.search > .results .result.active, .bgs-theme .ui.category.search > .results .category .result.active { position: relative; border-left-color: rgba(34, 36, 38, 0.1); background: #F3F4F5; box-shadow: none; } .bgs-theme .ui.search > .results .result.active .title { color: rgba(0, 0, 0, 0.85); } .bgs-theme .ui.search > .results .result.active .description { color: rgba(0, 0, 0, 0.85); } .bgs-theme .ui.disabled.search { cursor: default; pointer-events: none; opacity: 0.6; } .bgs-theme .ui.search.selection .prompt { border-radius: 0.1875rem; } .bgs-theme .ui.search.selection > .icon.input > .remove.icon { pointer-events: none; position: absolute; left: auto; opacity: 0; color: ''; top: 0em; right: 0em; transition: color 0.1s ease, opacity 0.1s ease; } .bgs-theme .ui.search.selection > .icon.input > .active.remove.icon { cursor: pointer; opacity: 0.8; pointer-events: auto; } .bgs-theme .ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon { right: 1.85714em; } .bgs-theme .ui.search.selection > .icon.input > .remove.icon:hover { opacity: 1; color: #F03535; } .bgs-theme .ui.category.search .results { width: 28em; } .bgs-theme .ui.category.search .results.animating, .bgs-theme .ui.category.search .results.visible { display: table; } .bgs-theme .ui.category.search > .results .category { display: table-row; background: #F3F4F5; box-shadow: none; transition: background 0.1s ease, border-color 0.1s ease; } .bgs-theme .ui.category.search > .results .category:last-child { border-bottom: none; } .bgs-theme .ui.category.search > .results .category:first-child .name + .result { border-radius: 0em 0.1875rem 0em 0em; } .bgs-theme .ui.category.search > .results .category:last-child .result:last-child { border-radius: 0em 0em 0.1875rem 0em; } .bgs-theme .ui.category.search > .results .category > .name { display: table-cell; text-overflow: ellipsis; width: 100px; white-space: nowrap; background: transparent; font-family: 'proxima-nova', sans-serif; font-size: 1em; padding: 0.4em 1em; font-weight: bold; color: rgba(0, 0, 0, 0.4); border-bottom: 1px solid rgba(34, 36, 38, 0.1); } .bgs-theme .ui.category.search > .results .category .results { display: table-cell; background: #FAFAFA; border-left: 1px solid #ABADB0; border-bottom: 1px solid rgba(34, 36, 38, 0.1); } .bgs-theme .ui.category.search > .results .category .result { border-bottom: 1px solid rgba(34, 36, 38, 0.1); transition: background 0.1s ease, border-color 0.1s ease; padding: 0.875em 1.125em; } .bgs-theme .ui[class*="left aligned"].search > .results { right: auto; left: 0%; } .bgs-theme .ui[class*="right aligned"].search > .results { right: 0%; left: auto; } .bgs-theme .ui.fluid.search .results { width: 100%; } .bgs-theme .ui.mini.search { font-size: 0.8125em; } .bgs-theme .ui.small.search { font-size: 0.9375em; } .bgs-theme .ui.search { font-size: 1em; } .bgs-theme .ui.large.search { font-size: 1.125em; } .bgs-theme .ui.big.search { font-size: 1.3125em; } .bgs-theme .ui.huge.search { font-size: 1.4375em; } .bgs-theme .ui.massive.search { font-size: 1.6875em; } @media only screen and (max-width: 767px) { .bgs-theme .ui.search .results { max-width: calc(100vw - 2rem); } } .bgs-theme .ui.shape { position: relative; vertical-align: top; display: inline-block; perspective: 2000px; transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out; } .bgs-theme .ui.shape .sides { transform-style: preserve-3d; } .bgs-theme .ui.shape .side { opacity: 1; width: 100%; margin: 0em !important; backface-visibility: hidden; } .bgs-theme .ui.shape .side { display: none; } .bgs-theme .ui.shape .side * { backface-visibility: visible !important; } .bgs-theme .ui.cube.shape .side { min-width: 15em; height: 15em; padding: 2em; background-color: #E6E6E6; color: #2D3239; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); } .bgs-theme .ui.cube.shape .side > .content { width: 100%; height: 100%; display: table; text-align: center; user-select: text; } .bgs-theme .ui.cube.shape .side > .content > div { display: table-cell; vertical-align: middle; font-size: 2em; } .bgs-theme .ui.text.shape.animating .sides { position: static; } .bgs-theme .ui.text.shape .side { white-space: nowrap; } .bgs-theme .ui.text.shape .side > * { white-space: normal; } .bgs-theme .ui.loading.shape { position: absolute; top: -9999px; left: -9999px; } .bgs-theme .ui.shape .animating.side { position: absolute; top: 0px; left: 0px; display: block; z-index: 100; } .bgs-theme .ui.shape .hidden.side { opacity: 0.6; } .bgs-theme .ui.shape.animating .sides { position: absolute; } .bgs-theme .ui.shape.animating .sides { transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out; } .bgs-theme .ui.shape.animating .side { transition: opacity 0.6s ease-in-out; } .bgs-theme .ui.shape .active.side { display: block; } .bgs-theme .ui.sidebar { position: fixed; top: 0; left: 0; backface-visibility: hidden; transition: none; will-change: transform; transform: translate3d(0, 0, 0); visibility: hidden; -webkit-overflow-scrolling: touch; height: 100% !important; max-height: 100%; border-radius: 0em !important; margin: 0em !important; overflow-y: auto !important; z-index: 102; } .bgs-theme .ui.sidebar > * { backface-visibility: hidden; } .bgs-theme .ui.left.sidebar { right: auto; left: 0px; transform: translate3d(-100%, 0, 0); } .bgs-theme .ui.right.sidebar { right: 0px !important; left: auto !important; transform: translate3d(100%, 0%, 0); } .bgs-theme .ui.top.sidebar, .bgs-theme .ui.bottom.sidebar { width: 100% !important; height: auto !important; } .bgs-theme .ui.top.sidebar { top: 0px !important; bottom: auto !important; transform: translate3d(0, -100%, 0); } .bgs-theme .ui.bottom.sidebar { top: auto !important; bottom: 0px !important; transform: translate3d(0, 100%, 0); } .bgs-theme .pushable { height: 100%; overflow-x: hidden; padding: 0em !important; } .bgs-theme body.pushable { background: #545454 !important; } .bgs-theme .pushable:not(body) { transform: translate3d(0, 0, 0); } .bgs-theme .pushable:not(body) > .ui.sidebar, .bgs-theme .pushable:not(body) > .fixed, .bgs-theme .pushable:not(body) > .pusher:after { position: absolute; } .bgs-theme .pushable > .fixed { position: fixed; backface-visibility: hidden; transition: transform 500ms ease; will-change: transform; z-index: 101; } .bgs-theme .pushable > .pusher { position: relative; backface-visibility: hidden; overflow: hidden; min-height: 100%; transition: transform 500ms ease; z-index: 2; } .bgs-theme body.pushable > .pusher { background: #FAFAFA; } .bgs-theme .pushable > .pusher { background: inherit; } .bgs-theme .pushable > .pusher:after { position: fixed; top: 0px; right: 0px; content: ''; background-color: rgba(0, 0, 0, 0.4); overflow: hidden; opacity: 0; transition: opacity 500ms; will-change: opacity; z-index: 1000; } .bgs-theme .ui.sidebar.menu .item { border-radius: 0em !important; } .bgs-theme .pushable > .pusher.dimmed:after { width: 100% !important; height: 100% !important; opacity: 1 !important; } .bgs-theme .ui.animating.sidebar { visibility: visible; } .bgs-theme .ui.visible.sidebar { visibility: visible; transform: translate3d(0, 0, 0); } .bgs-theme .ui.left.visible.sidebar, .bgs-theme .ui.right.visible.sidebar { box-shadow: 0px 0px 20px #ABADB0; } .bgs-theme .ui.top.visible.sidebar, .bgs-theme .ui.bottom.visible.sidebar { box-shadow: 0px 0px 20px #ABADB0; } .bgs-theme .ui.visible.left.sidebar ~ .fixed, .bgs-theme .ui.visible.left.sidebar ~ .pusher { transform: translate3d(260px, 0, 0); } .bgs-theme .ui.visible.right.sidebar ~ .fixed, .bgs-theme .ui.visible.right.sidebar ~ .pusher { transform: translate3d(-260px, 0, 0); } .bgs-theme .ui.visible.top.sidebar ~ .fixed, .bgs-theme .ui.visible.top.sidebar ~ .pusher { transform: translate3d(0, 36px, 0); } .bgs-theme .ui.visible.bottom.sidebar ~ .fixed, .bgs-theme .ui.visible.bottom.sidebar ~ .pusher { transform: translate3d(0, -36px, 0); } .bgs-theme .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed, .bgs-theme .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher, .bgs-theme .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed, .bgs-theme .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher { transform: translate3d(0, 0, 0); } .bgs-theme .ui.thin.left.sidebar, .bgs-theme .ui.thin.right.sidebar { width: 150px; } .bgs-theme .ui[class*="very thin"].left.sidebar, .bgs-theme .ui[class*="very thin"].right.sidebar { width: 60px; } .bgs-theme .ui.left.sidebar, .bgs-theme .ui.right.sidebar { width: 260px; } .bgs-theme .ui.wide.left.sidebar, .bgs-theme .ui.wide.right.sidebar { width: 350px; } .bgs-theme .ui[class*="very wide"].left.sidebar, .bgs-theme .ui[class*="very wide"].right.sidebar { width: 475px; } .bgs-theme .ui.visible.thin.left.sidebar ~ .fixed, .bgs-theme .ui.visible.thin.left.sidebar ~ .pusher { transform: translate3d(150px, 0, 0); } .bgs-theme .ui.visible[class*="very thin"].left.sidebar ~ .fixed, .bgs-theme .ui.visible[class*="very thin"].left.sidebar ~ .pusher { transform: translate3d(60px, 0, 0); } .bgs-theme .ui.visible.wide.left.sidebar ~ .fixed, .bgs-theme .ui.visible.wide.left.sidebar ~ .pusher { transform: translate3d(350px, 0, 0); } .bgs-theme .ui.visible[class*="very wide"].left.sidebar ~ .fixed, .bgs-theme .ui.visible[class*="very wide"].left.sidebar ~ .pusher { transform: translate3d(475px, 0, 0); } .bgs-theme .ui.visible.thin.right.sidebar ~ .fixed, .bgs-theme .ui.visible.thin.right.sidebar ~ .pusher { transform: translate3d(-150px, 0, 0); } .bgs-theme .ui.visible[class*="very thin"].right.sidebar ~ .fixed, .bgs-theme .ui.visible[class*="very thin"].right.sidebar ~ .pusher { transform: translate3d(-60px, 0, 0); } .bgs-theme .ui.visible.wide.right.sidebar ~ .fixed, .bgs-theme .ui.visible.wide.right.sidebar ~ .pusher { transform: translate3d(-350px, 0, 0); } .bgs-theme .ui.visible[class*="very wide"].right.sidebar ~ .fixed, .bgs-theme .ui.visible[class*="very wide"].right.sidebar ~ .pusher { transform: translate3d(-475px, 0, 0); } .bgs-theme .ui.overlay.sidebar { z-index: 102; } .bgs-theme .ui.left.overlay.sidebar { transform: translate3d(-100%, 0%, 0); } .bgs-theme .ui.right.overlay.sidebar { transform: translate3d(100%, 0%, 0); } .bgs-theme .ui.top.overlay.sidebar { transform: translate3d(0%, -100%, 0); } .bgs-theme .ui.bottom.overlay.sidebar { transform: translate3d(0%, 100%, 0); } .bgs-theme .animating.ui.overlay.sidebar, .bgs-theme .ui.visible.overlay.sidebar { transition: transform 500ms ease; } .bgs-theme .ui.visible.left.overlay.sidebar { transform: translate3d(0%, 0%, 0); } .bgs-theme .ui.visible.right.overlay.sidebar { transform: translate3d(0%, 0%, 0); } .bgs-theme .ui.visible.top.overlay.sidebar { transform: translate3d(0%, 0%, 0); } .bgs-theme .ui.visible.bottom.overlay.sidebar { transform: translate3d(0%, 0%, 0); } .bgs-theme .ui.visible.overlay.sidebar ~ .fixed, .bgs-theme .ui.visible.overlay.sidebar ~ .pusher { transform: none !important; } .bgs-theme .ui.push.sidebar { transition: transform 500ms ease; z-index: 102; } .bgs-theme .ui.left.push.sidebar { transform: translate3d(-100%, 0, 0); } .bgs-theme .ui.right.push.sidebar { transform: translate3d(100%, 0, 0); } .bgs-theme .ui.top.push.sidebar { transform: translate3d(0%, -100%, 0); } .bgs-theme .ui.bottom.push.sidebar { transform: translate3d(0%, 100%, 0); } .bgs-theme .ui.visible.push.sidebar { transform: translate3d(0%, 0, 0); } .bgs-theme .ui.uncover.sidebar { transform: translate3d(0, 0, 0); z-index: 1; } .bgs-theme .ui.visible.uncover.sidebar { transform: translate3d(0, 0, 0); transition: transform 500ms ease; } .bgs-theme .ui.slide.along.sidebar { z-index: 1; } .bgs-theme .ui.left.slide.along.sidebar { transform: translate3d(-50%, 0, 0); } .bgs-theme .ui.right.slide.along.sidebar { transform: translate3d(50%, 0, 0); } .bgs-theme .ui.top.slide.along.sidebar { transform: translate3d(0, -50%, 0); } .bgs-theme .ui.bottom.slide.along.sidebar { transform: translate3d(0%, 50%, 0); } .bgs-theme .ui.animating.slide.along.sidebar { transition: transform 500ms ease; } .bgs-theme .ui.visible.slide.along.sidebar { transform: translate3d(0%, 0, 0); } .bgs-theme .ui.slide.out.sidebar { z-index: 1; } .bgs-theme .ui.left.slide.out.sidebar { transform: translate3d(50%, 0, 0); } .bgs-theme .ui.right.slide.out.sidebar { transform: translate3d(-50%, 0, 0); } .bgs-theme .ui.top.slide.out.sidebar { transform: translate3d(0%, 50%, 0); } .bgs-theme .ui.bottom.slide.out.sidebar { transform: translate3d(0%, -50%, 0); } .bgs-theme .ui.animating.slide.out.sidebar { transition: transform 500ms ease; } .bgs-theme .ui.visible.slide.out.sidebar { transform: translate3d(0%, 0, 0); } .bgs-theme .ui.scale.down.sidebar { transition: transform 500ms ease; z-index: 102; } .bgs-theme .ui.left.scale.down.sidebar { transform: translate3d(-100%, 0, 0); } .bgs-theme .ui.right.scale.down.sidebar { transform: translate3d(100%, 0, 0); } .bgs-theme .ui.top.scale.down.sidebar { transform: translate3d(0%, -100%, 0); } .bgs-theme .ui.bottom.scale.down.sidebar { transform: translate3d(0%, 100%, 0); } .bgs-theme .ui.scale.down.left.sidebar ~ .pusher { transform-origin: 75% 50%; } .bgs-theme .ui.scale.down.right.sidebar ~ .pusher { transform-origin: 25% 50%; } .bgs-theme .ui.scale.down.top.sidebar ~ .pusher { transform-origin: 50% 75%; } .bgs-theme .ui.scale.down.bottom.sidebar ~ .pusher { transform-origin: 50% 25%; } .bgs-theme .ui.animating.scale.down > .visible.ui.sidebar { transition: transform 500ms ease; } .bgs-theme .ui.visible.scale.down.sidebar ~ .pusher, .bgs-theme .ui.animating.scale.down.sidebar ~ .pusher { display: block !important; width: 100%; height: 100%; overflow: hidden !important; } .bgs-theme .ui.visible.scale.down.sidebar { transform: translate3d(0, 0, 0); } .bgs-theme .ui.visible.scale.down.sidebar ~ .pusher { transform: scale(0.75); } .bgs-theme .ui.sticky { position: static; transition: none; z-index: 800; } .bgs-theme .ui.sticky.bound { position: absolute; left: auto; right: auto; } .bgs-theme .ui.sticky.fixed { position: fixed; left: auto; right: auto; } .bgs-theme .ui.sticky.bound.top, .bgs-theme .ui.sticky.fixed.top { top: 0px; bottom: auto; } .bgs-theme .ui.sticky.bound.bottom, .bgs-theme .ui.sticky.fixed.bottom { top: auto; bottom: 0px; } .bgs-theme .ui.native.sticky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; } .bgs-theme .ui.tab { display: none; } .bgs-theme .ui.tab.active, .bgs-theme .ui.tab.open { display: block; } .bgs-theme .ui.tab.loading { position: relative; overflow: hidden; display: block; min-height: 250px; } .bgs-theme .ui.tab.loading * { position: relative !important; left: -10000px !important; } .bgs-theme .ui.tab.loading:before, .bgs-theme .ui.tab.loading.segment:before { position: absolute; content: ''; top: 100px; left: 50%; margin: -1.25em 0em 0em -1.25em; width: 2.5em; height: 2.5em; border-radius: 500rem; border: 0.25em solid rgba(187, 229, 179, 0.5); } .bgs-theme .ui.tab.loading:after, .bgs-theme .ui.tab.loading.segment:after { position: absolute; content: ''; top: 100px; left: 50%; margin: -1.25em 0em 0em -1.25em; width: 2.5em; height: 2.5em; animation: button-spin 0.8s linear; animation-iteration-count: infinite; border-radius: 500rem; border-color: #50B83C transparent transparent; border-style: solid; border-width: 0.25em; box-shadow: 0px 0px 0px 1px transparent; } .bgs-theme .transition { animation-iteration-count: 1; animation-duration: 300ms; animation-timing-function: ease; animation-fill-mode: both; } .bgs-theme .animating.transition { backface-visibility: hidden; visibility: visible !important; } .bgs-theme .loading.transition { position: absolute; top: -99999px; left: -99999px; } .bgs-theme .hidden.transition { display: none; visibility: hidden; } .bgs-theme .visible.transition { display: block !important; visibility: visible !important; /* backface-visibility: @backfaceVisibility; transform: @use3DAcceleration;*/ } .bgs-theme .disabled.transition { animation-play-state: paused; } .bgs-theme .looping.transition { animation-iteration-count: infinite; } .bgs-theme .transition.browse { animation-duration: 500ms; } .bgs-theme .transition.browse.in { animation-name: browseIn; } .bgs-theme .transition.browse.out, .bgs-theme .transition.browse.left.out { animation-name: browseOutLeft; } .bgs-theme .transition.browse.right.out { animation-name: browseOutRight; } @keyframes browseIn { 0% { transform: scale(0.8) translateZ(0px); z-index: -1; } 10% { transform: scale(0.8) translateZ(0px); z-index: -1; opacity: 0.7; } 80% { transform: scale(1.05) translateZ(0px); opacity: 1; z-index: 999; } 100% { transform: scale(1) translateZ(0px); z-index: 999; } } @keyframes browseOutLeft { 0% { z-index: 999; transform: translateX(0%) rotateY(0deg) rotateX(0deg); } 50% { z-index: -1; transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); } 80% { opacity: 1; } 100% { z-index: -1; transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } } @keyframes browseOutRight { 0% { z-index: 999; transform: translateX(0%) rotateY(0deg) rotateX(0deg); } 50% { z-index: 1; transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); } 80% { opacity: 1; } 100% { z-index: 1; transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } } .bgs-theme .drop.transition { transform-origin: top center; animation-duration: 400ms; animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); } .bgs-theme .drop.transition.in { animation-name: dropIn; } .bgs-theme .drop.transition.out { animation-name: dropOut; } @keyframes dropIn { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @keyframes dropOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0); } } .bgs-theme .transition.fade.in { animation-name: fadeIn; } .bgs-theme .transition[class*="fade up"].in { animation-name: fadeInUp; } .bgs-theme .transition[class*="fade down"].in { animation-name: fadeInDown; } .bgs-theme .transition[class*="fade left"].in { animation-name: fadeInLeft; } .bgs-theme .transition[class*="fade right"].in { animation-name: fadeInRight; } .bgs-theme .transition.fade.out { animation-name: fadeOut; } .bgs-theme .transition[class*="fade up"].out { animation-name: fadeOutUp; } .bgs-theme .transition[class*="fade down"].out { animation-name: fadeOutDown; } .bgs-theme .transition[class*="fade left"].out { animation-name: fadeOutLeft; } .bgs-theme .transition[class*="fade right"].out { animation-name: fadeOutRight; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(10%); } 100% { opacity: 1; transform: translateY(0%); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-10%); } 100% { opacity: 1; transform: translateY(0%); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(10%); } 100% { opacity: 1; transform: translateX(0%); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(-10%); } 100% { opacity: 1; transform: translateX(0%); } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0%); } 100% { opacity: 0; transform: translateY(5%); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0%); } 100% { opacity: 0; transform: translateY(-5%); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0%); } 100% { opacity: 0; transform: translateX(5%); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0%); } 100% { opacity: 0; transform: translateX(-5%); } } .bgs-theme .flip.transition.in, .bgs-theme .flip.transition.out { animation-duration: 600ms; } .bgs-theme .horizontal.flip.transition.in { animation-name: horizontalFlipIn; } .bgs-theme .horizontal.flip.transition.out { animation-name: horizontalFlipOut; } .bgs-theme .vertical.flip.transition.in { animation-name: verticalFlipIn; } .bgs-theme .vertical.flip.transition.out { animation-name: verticalFlipOut; } @keyframes horizontalFlipIn { 0% { transform: perspective(2000px) rotateY(-90deg); opacity: 0; } 100% { transform: perspective(2000px) rotateY(0deg); opacity: 1; } } @keyframes verticalFlipIn { 0% { transform: perspective(2000px) rotateX(-90deg); opacity: 0; } 100% { transform: perspective(2000px) rotateX(0deg); opacity: 1; } } @keyframes horizontalFlipOut { 0% { transform: perspective(2000px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(2000px) rotateY(90deg); opacity: 0; } } @keyframes verticalFlipOut { 0% { transform: perspective(2000px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(2000px) rotateX(-90deg); opacity: 0; } } .bgs-theme .scale.transition.in { animation-name: scaleIn; } .bgs-theme .scale.transition.out { animation-name: scaleOut; } @keyframes scaleIn { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } @keyframes scaleOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.9); } } .bgs-theme .transition.fly { animation-duration: 0.6s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .bgs-theme .transition.fly.in { animation-name: flyIn; } .bgs-theme .transition[class*="fly up"].in { animation-name: flyInUp; } .bgs-theme .transition[class*="fly down"].in { animation-name: flyInDown; } .bgs-theme .transition[class*="fly left"].in { animation-name: flyInLeft; } .bgs-theme .transition[class*="fly right"].in { animation-name: flyInRight; } .bgs-theme .transition.fly.out { animation-name: flyOut; } .bgs-theme .transition[class*="fly up"].out { animation-name: flyOutUp; } .bgs-theme .transition[class*="fly down"].out { animation-name: flyOutDown; } .bgs-theme .transition[class*="fly left"].out { animation-name: flyOutLeft; } .bgs-theme .transition[class*="fly right"].out { animation-name: flyOutRight; } @keyframes flyIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes flyInUp { 0% { opacity: 0; transform: translate3d(0, 1500px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } 100% { transform: translate3d(0, 0, 0); } } @keyframes flyInDown { 0% { opacity: 0; transform: translate3d(0, -1500px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } 100% { transform: none; } } @keyframes flyInLeft { 0% { opacity: 0; transform: translate3d(1500px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } 100% { transform: none; } } @keyframes flyInRight { 0% { opacity: 0; transform: translate3d(-1500px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } 100% { transform: none; } } @keyframes flyOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes flyOutUp { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } 100% { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes flyOutDown { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } 100% { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes flyOutRight { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } 100% { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes flyOutLeft { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bgs-theme .transition.slide.in, .bgs-theme .transition[class*="slide down"].in { animation-name: slideInY; transform-origin: top center; } .bgs-theme .transition[class*="slide up"].in { animation-name: slideInY; transform-origin: bottom center; } .bgs-theme .transition[class*="slide left"].in { animation-name: slideInX; transform-origin: center right; } .bgs-theme .transition[class*="slide right"].in { animation-name: slideInX; transform-origin: center left; } .bgs-theme .transition.slide.out, .bgs-theme .transition[class*="slide down"].out { animation-name: slideOutY; transform-origin: top center; } .bgs-theme .transition[class*="slide up"].out { animation-name: slideOutY; transform-origin: bottom center; } .bgs-theme .transition[class*="slide left"].out { animation-name: slideOutX; transform-origin: center right; } .bgs-theme .transition[class*="slide right"].out { animation-name: slideOutX; transform-origin: center left; } @keyframes slideInY { 0% { opacity: 0; transform: scaleY(0); } 100% { opacity: 1; transform: scaleY(1); } } @keyframes slideInX { 0% { opacity: 0; transform: scaleX(0); } 100% { opacity: 1; transform: scaleX(1); } } @keyframes slideOutY { 0% { opacity: 1; transform: scaleY(1); } 100% { opacity: 0; transform: scaleY(0); } } @keyframes slideOutX { 0% { opacity: 1; transform: scaleX(1); } 100% { opacity: 0; transform: scaleX(0); } } .bgs-theme .transition.swing { animation-duration: 800ms; } .bgs-theme .transition[class*="swing down"].in { animation-name: swingInX; transform-origin: top center; } .bgs-theme .transition[class*="swing up"].in { animation-name: swingInX; transform-origin: bottom center; } .bgs-theme .transition[class*="swing left"].in { animation-name: swingInY; transform-origin: center right; } .bgs-theme .transition[class*="swing right"].in { animation-name: swingInY; transform-origin: center left; } .bgs-theme .transition.swing.out, .bgs-theme .transition[class*="swing down"].out { animation-name: swingOutX; transform-origin: top center; } .bgs-theme .transition[class*="swing up"].out { animation-name: swingOutX; transform-origin: bottom center; } .bgs-theme .transition[class*="swing left"].out { animation-name: swingOutY; transform-origin: center right; } .bgs-theme .transition[class*="swing right"].out { animation-name: swingOutY; transform-origin: center left; } @keyframes swingInX { 0% { transform: perspective(1000px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(1000px) rotateX(-30deg); opacity: 1; } 60% { transform: perspective(1000px) rotateX(15deg); } 80% { transform: perspective(1000px) rotateX(-7.5deg); } 100% { transform: perspective(1000px) rotateX(0deg); } } @keyframes swingInY { 0% { transform: perspective(1000px) rotateY(-90deg); opacity: 0; } 40% { transform: perspective(1000px) rotateY(30deg); opacity: 1; } 60% { transform: perspective(1000px) rotateY(-17.5deg); } 80% { transform: perspective(1000px) rotateY(7.5deg); } 100% { transform: perspective(1000px) rotateY(0deg); } } @keyframes swingOutX { 0% { transform: perspective(1000px) rotateX(0deg); } 40% { transform: perspective(1000px) rotateX(-7.5deg); } 60% { transform: perspective(1000px) rotateX(17.5deg); } 80% { transform: perspective(1000px) rotateX(-30deg); opacity: 1; } 100% { transform: perspective(1000px) rotateX(90deg); opacity: 0; } } @keyframes swingOutY { 0% { transform: perspective(1000px) rotateY(0deg); } 40% { transform: perspective(1000px) rotateY(7.5deg); } 60% { transform: perspective(1000px) rotateY(-10deg); } 80% { transform: perspective(1000px) rotateY(30deg); opacity: 1; } 100% { transform: perspective(1000px) rotateY(-90deg); opacity: 0; } } .bgs-theme .transition.zoom.in { animation-name: zoomIn; } .bgs-theme .transition.zoom.out { animation-name: zoomOut; } @keyframes zoomIn { 0% { opacity: 1; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @keyframes zoomOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 1; transform: scale(0); } } .bgs-theme .flash.transition { animation-duration: 750ms; animation-name: flash; } .bgs-theme .shake.transition { animation-duration: 750ms; animation-name: shake; } .bgs-theme .bounce.transition { animation-duration: 750ms; animation-name: bounce; } .bgs-theme .tada.transition { animation-duration: 750ms; animation-name: tada; } .bgs-theme .pulse.transition { animation-duration: 500ms; animation-name: pulse; } .bgs-theme .jiggle.transition { animation-duration: 750ms; animation-name: jiggle; } .bgs-theme .transition.glow { animation-duration: 2000ms; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .bgs-theme .transition.glow { animation-name: glow; } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(0.9); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } @keyframes jiggle { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scale3d(1, 1, 1); } } @keyframes glow { 0% { background-color: #FCFCFD; } 30% { background-color: #FFF6CD; } 100% { background-color: #FCFCFD; } } .bgs.accordion.selector { max-height: 350px; min-height: 350px; overflow: auto; transform: translate3d(0, 0, 0); } .bgs.accordion.selector.nested { max-height: 100%; min-height: 100%; border: none; margin: 0; box-shadow: none; background-color: inherit; } .bgs.accordion.selector.nested .tab.item { padding-right: 0; overflow-x: hidden; } .bgs.accordion.selector.nested .tab.item .ui.list { padding-top: 0; } .bgs.accordion.selector .tab.item { border-top: 1px solid #d3d4d6; border-radius: 0; } .bgs.accordion.selector .tab.item > .title { font-size: 20px; } .bgs.accordion.selector .tab.item > .title > .selectable.wrapper > .ui.checkbox { margin: 0.1875em 0em 0em 0em; } .bgs.accordion.selector .tab.item.selected { background-color: #E0E1E2; } .bgs.accordion.selector .tab.item.selected > .title { font-weight: bold; font-style: italic; } .bgs.accordion.selector .tab.item .content > .list > .item { font-size: 14px; } .bgs.accordion.selector .tab.item .content.active { background-color: inherit !important; padding-top: 1em !important; } .bgs.accordion.selector .tab.item .content.active .ui.list { padding: initial; } .bgs.accordion.selector .tab.item .selectable.wrapper { display: flex; } .bgs.accordion.selector .tab.item .selectable.wrapper > .label { width: 100%; padding-left: 13px; } .bgs.accordion.selector .tab.item.hide-options > .title > i.icon { display: none; }