| DIR: /home/aissorg/public_html/fonts/qzfcvsedcv/werwcwsfs /home/aissorg/public_html/fonts/qzfcvsedcv/werwcwsfs/ |
| Current File : /home/aissorg/public_html/fonts/qzfcvsedcv/werwcwsfs/scss.tar |
bootstrap/_modal.scss 0000644 00000011267 15116221763 0010724 0 ustar 00 // .modal-open - body class for killing the scroll
// .modal - container to scroll within
// .modal-dialog - positioning shell for the actual modal
// .modal-content - actual modal w/ bg and corners and stuff
// Kill the scroll on the body
.modal-open {
overflow: hidden;
}
// Container that the modal scrolls within
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: $zindex-modal;
display: none;
overflow: hidden;
// Prevent Chrome on Windows from adding a focus outline. For details, see
// https://github.com/twbs/bootstrap/pull/10951.
outline: 0;
// We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
// gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
// See also https://github.com/twbs/bootstrap/issues/17695
.modal-open & {
overflow-x: hidden;
overflow-y: auto;
}
}
// Shell div to position the modal with bottom padding
.modal-dialog {
position: relative;
width: auto;
margin: $modal-dialog-margin;
// allow clicks to pass through for custom click handling to close modal
pointer-events: none;
// When fading in the modal, animate it to slide down
.modal.fade & {
@include transition($modal-transition);
transform: translate(0, -25%);
}
.modal.show & {
transform: translate(0, 0);
}
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - (#{$modal-dialog-margin} * 2));
}
// Actual modal
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
// counteract the pointer-events: none; in the .modal-dialog
pointer-events: auto;
background-color: $modal-content-bg;
background-clip: padding-box;
border: $modal-content-border-width solid $modal-content-border-color;
@include border-radius($border-radius-lg);
@include box-shadow($modal-content-box-shadow-xs);
// Remove focus outline from opened modal
outline: 0;
}
// Modal background
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: $zindex-modal-backdrop;
background-color: $modal-backdrop-bg;
// Fade for backdrop
&.fade { opacity: 0; }
&.show { opacity: $modal-backdrop-opacity; }
}
// Modal header
// Top section of the modal w/ title and dismiss
.modal-header {
display: flex;
align-items: flex-start; // so the close btn always stays on the upper right corner
justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
padding: $modal-header-padding;
border-bottom: $modal-header-border-width solid $modal-header-border-color;
@include border-top-radius($border-radius-lg);
.close {
padding: $modal-header-padding;
// auto on the left force icon to the right even when there is no .modal-title
margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto;
}
}
// Title text within header
.modal-title {
margin-bottom: 0;
line-height: $modal-title-line-height;
}
// Modal body
// Where all modal content resides (sibling of .modal-header and .modal-footer)
.modal-body {
position: relative;
// Enable `flex-grow: 1` so that the body take up as much space as possible
// when should there be a fixed height on `.modal-dialog`.
flex: 1 1 auto;
padding: $modal-inner-padding;
}
// Footer (for actions)
.modal-footer {
display: flex;
align-items: center; // vertically center
justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
padding: $modal-inner-padding;
border-top: $modal-footer-border-width solid $modal-footer-border-color;
// Easily place margin between footer elements
> :not(:first-child) { margin-left: .25rem; }
> :not(:last-child) { margin-right: .25rem; }
}
// Measure scrollbar width for padding body during modal show/hide
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
// Scale up the modal
@include media-breakpoint-up(sm) {
// Automatically set modal's width for larger viewports
.modal-dialog {
max-width: $modal-md;
margin: $modal-dialog-margin-y-sm-up auto;
}
.modal-dialog-centered {
min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2));
}
.modal-content {
@include box-shadow($modal-content-box-shadow-sm-up);
}
.modal-sm { max-width: $modal-sm; }
}
@include media-breakpoint-up(lg) {
.modal-lg { max-width: $modal-lg; }
}
bootstrap/_breadcrumb.scss 0000644 00000002407 15116221763 0011732 0 ustar 00 .breadcrumb {
display: flex;
flex-wrap: wrap;
padding: $breadcrumb-padding-y $breadcrumb-padding-x;
margin-bottom: $breadcrumb-margin-bottom;
list-style: none;
background-color: $breadcrumb-bg;
@include border-radius($border-radius);
}
.breadcrumb-item {
// The separator between breadcrumbs (by default, a forward-slash: "/")
+ .breadcrumb-item::before {
display: inline-block; // Suppress underlining of the separator in modern browsers
padding-right: $breadcrumb-item-padding;
padding-left: $breadcrumb-item-padding;
color: $breadcrumb-divider-color;
content: "#{$breadcrumb-divider}";
}
// IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
// without `<ul>`s. The `::before` pseudo-element generates an element
// *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
//
// To trick IE into suppressing the underline, we give the pseudo-element an
// underline and then immediately remove it.
+ .breadcrumb-item:hover::before {
text-decoration: underline;
}
// stylelint-disable-next-line no-duplicate-selectors
+ .breadcrumb-item:hover::before {
text-decoration: none;
}
&.active {
color: $breadcrumb-active-color;
}
}
bootstrap/_print.scss 0000644 00000005514 15116221763 0010762 0 ustar 00 // stylelint-disable declaration-no-important, selector-no-qualifying-type
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
// ==========================================================================
// Print styles.
// Inlined to avoid the additional HTTP request:
// http://www.phpied.com/delay-loading-your-print-css/
// ==========================================================================
@if $enable-print-styles {
@media print {
*,
*::before,
*::after {
// Bootstrap specific; comment out `color` and `background`
//color: #000 !important; // Black prints faster: http://www.sanbeiji.com/archives/953
text-shadow: none !important;
//background: transparent !important;
box-shadow: none !important;
}
a {
&:not(.btn) {
text-decoration: underline;
}
}
// Bootstrap specific; comment the following selector out
//a[href]::after {
// content: " (" attr(href) ")";
//}
abbr[title]::after {
content: " (" attr(title) ")";
}
// Bootstrap specific; comment the following selector out
//
// Don't show links that are fragment identifiers,
// or use the `javascript:` pseudo protocol
//
//a[href^="#"]::after,
//a[href^="javascript:"]::after {
// content: "";
//}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: $border-width solid #999; // Bootstrap custom code; using `$border-width` instead of 1px
page-break-inside: avoid;
}
//
// Printing Tables:
// http://css-discuss.incutio.com/wiki/Printing_Tables
//
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
// Bootstrap specific changes start
// Specify a size and min-width to make printing closer across browsers.
// We don't set margin here because it breaks `size` in Chrome. We also
// don't use `!important` on `size` as it breaks in Chrome.
@page {
size: $print-page-size;
}
body {
min-width: $print-body-min-width !important;
}
.container {
min-width: $print-body-min-width !important;
}
// Bootstrap components
.navbar {
display: none;
}
.badge {
border: $border-width solid #000;
}
.table {
border-collapse: collapse !important;
td,
th {
background-color: #fff !important;
}
}
.table-bordered {
th,
td {
border: 1px solid #ddd !important;
}
}
// Bootstrap specific changes end
}
}
bootstrap/_forms.scss 0000644 00000021613 15116221763 0010752 0 ustar 00 // stylelint-disable selector-no-qualifying-type
//
// Textual form controls
//
.form-control {
display: block;
width: 100%;
padding: $input-padding-y $input-padding-x;
font-size: $font-size-base;
line-height: $input-line-height;
color: $input-color;
background-color: $input-bg;
background-clip: padding-box;
border: $input-border-width solid $input-border-color;
// Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
@if $enable-rounded {
// Manually use the if/else instead of the mixin to account for iOS override
border-radius: $input-border-radius;
} @else {
// Otherwise undo the iOS default
border-radius: 0;
}
@include box-shadow($input-box-shadow);
@include transition($input-transition);
// Unstyle the caret on `<select>`s in IE10+.
&::-ms-expand {
background-color: transparent;
border: 0;
}
// Customize the `:focus` state to imitate native WebKit styles.
@include form-control-focus();
// Placeholder
&::placeholder {
color: $input-placeholder-color;
// Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
opacity: 1;
}
// Disabled and read-only inputs
//
// HTML5 says that controls under a fieldset > legend:first-child won't be
// disabled if the fieldset is disabled. Due to implementation difficulty, we
// don't honor that edge case; we style them as disabled anyway.
&:disabled,
&[readonly] {
background-color: $input-disabled-bg;
// iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
opacity: 1;
}
}
select.form-control {
&:not([size]):not([multiple]) {
height: $input-height;
}
&:focus::-ms-value {
// Suppress the nested default white text on blue background highlight given to
// the selected option text when the (still closed) <select> receives focus
// in IE and (under certain conditions) Edge, as it looks bad and cannot be made to
// match the appearance of the native widget.
// See https://github.com/twbs/bootstrap/issues/19398.
color: $input-color;
background-color: $input-bg;
}
}
// Make file inputs better match text inputs by forcing them to new lines.
.form-control-file,
.form-control-range {
display: block;
width: 100%;
}
//
// Labels
//
// For use with horizontal and inline forms, when you need the label (or legend)
// text to align with the form controls.
.col-form-label {
padding-top: calc(#{$input-padding-y} + #{$input-border-width});
padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});
margin-bottom: 0; // Override the `<label>/<legend>` default
font-size: inherit; // Override the `<legend>` default
line-height: $input-line-height;
}
.col-form-label-lg {
padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
font-size: $font-size-lg;
line-height: $input-line-height-lg;
}
.col-form-label-sm {
padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
font-size: $font-size-sm;
line-height: $input-line-height-sm;
}
// Readonly controls as plain text
//
// Apply class to a readonly input to make it appear like regular plain
// text (without any border, background color, focus indicator)
.form-control-plaintext {
display: block;
width: 100%;
padding-top: $input-padding-y;
padding-bottom: $input-padding-y;
margin-bottom: 0; // match inputs if this class comes on inputs with default margins
line-height: $input-line-height;
background-color: transparent;
border: solid transparent;
border-width: $input-border-width 0;
&.form-control-sm,
&.form-control-lg {
padding-right: 0;
padding-left: 0;
}
}
// Form control sizing
//
// Build on `.form-control` with modifier classes to decrease or increase the
// height and font-size of form controls.
//
// The `.form-group-* form-control` variations are sadly duplicated to avoid the
// issue documented in https://github.com/twbs/bootstrap/issues/15074.
.form-control-sm {
padding: $input-padding-y-sm $input-padding-x-sm;
font-size: $font-size-sm;
line-height: $input-line-height-sm;
@include border-radius($input-border-radius-sm);
}
select.form-control-sm {
&:not([size]):not([multiple]) {
height: $input-height-sm;
}
}
.form-control-lg {
padding: $input-padding-y-lg $input-padding-x-lg;
font-size: $font-size-lg;
line-height: $input-line-height-lg;
@include border-radius($input-border-radius-lg);
}
select.form-control-lg {
&:not([size]):not([multiple]) {
height: $input-height-lg;
}
}
// Form groups
//
// Designed to help with the organization and spacing of vertical forms. For
// horizontal forms, use the predefined grid classes.
.form-group {
margin-bottom: $form-group-margin-bottom;
}
.form-text {
display: block;
margin-top: $form-text-margin-top;
}
// Form grid
//
// Special replacement for our grid system's `.row` for tighter form layouts.
.form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
> .col,
> [class*="col-"] {
padding-right: 5px;
padding-left: 5px;
}
}
// Checkboxes and radios
//
// Indent the labels to position radios/checkboxes as hanging controls.
.form-check {
position: relative;
display: block;
padding-left: $form-check-input-gutter;
}
.form-check-input {
position: absolute;
margin-top: $form-check-input-margin-y;
margin-left: -$form-check-input-gutter;
&:disabled ~ .form-check-label {
color: $text-muted;
}
}
.form-check-label {
margin-bottom: 0; // Override default `<label>` bottom margin
}
.form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0; // Override base .form-check
margin-right: $form-check-inline-margin-x;
// Undo .form-check-input defaults and add some `margin-right`.
.form-check-input {
position: static;
margin-top: 0;
margin-right: $form-check-inline-input-margin-x;
margin-left: 0;
}
}
// Form validation
//
// Provide feedback to users when form field values are valid or invalid. Works
// primarily for client-side validation via scoped `:invalid` and `:valid`
// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
// server side validation.
@include form-validation-state("valid", $form-feedback-valid-color);
@include form-validation-state("invalid", $form-feedback-invalid-color);
// Inline forms
//
// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
// forms begin stacked on extra small (mobile) devices and then go inline when
// viewports reach <768px.
//
// Requires wrapping inputs and labels with `.form-group` for proper display of
// default HTML form controls and our custom form controls (e.g., input groups).
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)
// Because we use flex, the initial sizing of checkboxes is collapsed and
// doesn't occupy the full-width (which is what we want for xs grid tier),
// so we force that here.
.form-check {
width: 100%;
}
// Kick in the inline
@include media-breakpoint-up(sm) {
label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
// Inline-block all the things for "inline"
.form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0;
}
// Allow folks to *not* use `.form-group`
.form-control {
display: inline-block;
width: auto; // Prevent labels from stacking above inputs in `.form-group`
vertical-align: middle;
}
// Make static controls behave like regular ones
.form-control-plaintext {
display: inline-block;
}
.input-group {
width: auto;
}
// Remove default margin on radios/checkboxes that were used for stacking, and
// then undo the floating of radios and checkboxes to match.
.form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0;
}
.form-check-input {
position: relative;
margin-top: 0;
margin-right: $form-check-input-margin-x;
margin-left: 0;
}
.custom-control {
align-items: center;
justify-content: center;
}
.custom-control-label {
margin-bottom: 0;
}
}
}
bootstrap/_input-group.scss 0000644 00000011637 15116221763 0012122 0 ustar 00 // stylelint-disable selector-no-qualifying-type
//
// Base styles
//
.input-group {
position: relative;
display: flex;
flex-wrap: wrap; // For form validation feedback
align-items: stretch;
width: 100%;
> .form-control,
> .custom-select,
> .custom-file {
position: relative; // For focus state's z-index
flex: 1 1 auto;
// Add width 1% and flex-basis auto to ensure that button will not wrap out
// the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
width: 1%;
margin-bottom: 0;
// Bring the "active" form control to the top of surrounding elements
&:focus {
z-index: 3;
}
+ .form-control,
+ .custom-select,
+ .custom-file {
margin-left: -$input-border-width;
}
}
> .form-control,
> .custom-select {
&:not(:last-child) { @include border-right-radius(0); }
&:not(:first-child) { @include border-left-radius(0); }
}
// Custom file inputs have more complex markup, thus requiring different
// border-radius overrides.
> .custom-file {
display: flex;
align-items: center;
&:not(:last-child) .custom-file-label,
&:not(:last-child) .custom-file-label::before { @include border-right-radius(0); }
&:not(:first-child) .custom-file-label,
&:not(:first-child) .custom-file-label::before { @include border-left-radius(0); }
}
}
// Prepend and append
//
// While it requires one extra layer of HTML for each, dedicated prepend and
// append elements allow us to 1) be less clever, 2) simplify our selectors, and
// 3) support HTML5 form validation.
.input-group-prepend,
.input-group-append {
display: flex;
// Ensure buttons are always above inputs for more visually pleasing borders.
// This isn't needed for `.input-group-text` since it shares the same border-color
// as our inputs.
.btn {
position: relative;
z-index: 2;
}
.btn + .btn,
.btn + .input-group-text,
.input-group-text + .input-group-text,
.input-group-text + .btn {
margin-left: -$input-border-width;
}
}
.input-group-prepend { margin-right: -$input-border-width; }
.input-group-append { margin-left: -$input-border-width; }
// Textual addons
//
// Serves as a catch-all element for any text or radio/checkbox input you wish
// to prepend or append to an input.
.input-group-text {
display: flex;
align-items: center;
padding: $input-padding-y $input-padding-x;
margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
font-size: $font-size-base; // Match inputs
font-weight: $font-weight-normal;
line-height: $input-line-height;
color: $input-group-addon-color;
text-align: center;
white-space: nowrap;
background-color: $input-group-addon-bg;
border: $input-border-width solid $input-group-addon-border-color;
@include border-radius($input-border-radius);
// Nuke default margins from checkboxes and radios to vertically center within.
input[type="radio"],
input[type="checkbox"] {
margin-top: 0;
}
}
// Sizing
//
// Remix the default form control sizing classes into new ones for easier
// manipulation.
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
@extend .form-control-lg;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
@extend .form-control-sm;
}
// Prepend and append rounded corners
//
// These rulesets must come after the sizing ones to properly override sm and lg
// border-radius values when extending. They're more specific than we'd like
// with the `.input-group >` part, but without it, we cannot override the sizing.
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
@include border-right-radius(0);
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
@include border-left-radius(0);
}
bootstrap/_tooltip.scss 0000644 00000005072 15116221763 0011317 0 ustar 00 // Base class
.tooltip {
position: absolute;
z-index: $zindex-tooltip;
display: block;
margin: $tooltip-margin;
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
// So reset our font and text properties to avoid inheriting weird values.
@include reset-text();
font-size: $tooltip-font-size;
// Allow breaking very long words so they don't overflow the tooltip's bounds
word-wrap: break-word;
opacity: 0;
&.show { opacity: $tooltip-opacity; }
.arrow {
position: absolute;
display: block;
width: $tooltip-arrow-width;
height: $tooltip-arrow-height;
&::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
}
}
.bs-tooltip-top {
padding: $tooltip-arrow-height 0;
.arrow {
bottom: 0;
&::before {
top: 0;
border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
border-top-color: $tooltip-arrow-color;
}
}
}
.bs-tooltip-right {
padding: 0 $tooltip-arrow-height;
.arrow {
left: 0;
width: $tooltip-arrow-height;
height: $tooltip-arrow-width;
&::before {
right: 0;
border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
border-right-color: $tooltip-arrow-color;
}
}
}
.bs-tooltip-bottom {
padding: $tooltip-arrow-height 0;
.arrow {
top: 0;
&::before {
bottom: 0;
border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
border-bottom-color: $tooltip-arrow-color;
}
}
}
.bs-tooltip-left {
padding: 0 $tooltip-arrow-height;
.arrow {
right: 0;
width: $tooltip-arrow-height;
height: $tooltip-arrow-width;
&::before {
left: 0;
border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
border-left-color: $tooltip-arrow-color;
}
}
}
.bs-tooltip-auto {
&[x-placement^="top"] {
@extend .bs-tooltip-top;
}
&[x-placement^="right"] {
@extend .bs-tooltip-right;
}
&[x-placement^="bottom"] {
@extend .bs-tooltip-bottom;
}
&[x-placement^="left"] {
@extend .bs-tooltip-left;
}
}
// Wrapper for the tooltip content
.tooltip-inner {
max-width: $tooltip-max-width;
padding: $tooltip-padding-y $tooltip-padding-x;
color: $tooltip-color;
text-align: center;
background-color: $tooltip-bg;
@include border-radius($tooltip-border-radius);
}
bootstrap/bootstrap.scss 0000644 00000001713 15116221763 0011501 0 ustar 00 /*!
* Bootstrap v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@import "functions";
@import "variables";
@import "../custom-styles/variables-custom";
@import "mixins";
@import "root";
@import "reboot";
@import "type";
@import "images";
@import "code";
@import "grid";
@import "tables";
@import "forms";
@import "buttons";
@import "transitions";
@import "dropdown";
@import "button-group";
@import "input-group";
@import "custom-forms";
@import "nav";
@import "navbar";
@import "card";
@import "breadcrumb";
@import "pagination";
@import "badge";
@import "jumbotron";
@import "alert";
@import "progress";
@import "media";
@import "list-group";
@import "close";
@import "modal";
@import "tooltip";
@import "popover";
@import "carousel";
@import "utilities";
@import "print";
bootstrap/_root.scss 0000644 00000001117 15116221763 0010604 0 ustar 00 :root {
// Custom variable values only support SassScript inside `#{}`.
@each $color, $value in $colors {
--#{$color}: #{$value};
}
@each $color, $value in $theme-colors {
--#{$color}: #{$value};
}
@each $bp, $value in $grid-breakpoints {
--breakpoint-#{$bp}: #{$value};
}
// Use `inspect` for lists so that quoted items keep the quotes.
// See https://github.com/sass/sass/issues/2383#issuecomment-336349172
--font-family-sans-serif: #{inspect($font-family-sans-serif)};
--font-family-monospace: #{inspect($font-family-monospace)};
}
bootstrap/_list-group.scss 0000644 00000005672 15116221763 0011740 0 ustar 00 // Base class
//
// Easily usable on <ul>, <ol>, or <div>.
.list-group {
display: flex;
flex-direction: column;
// No need to set list-style: none; since .list-group-item is block level
padding-left: 0; // reset padding because ul and ol
margin-bottom: 0;
}
// Interactive list items
//
// Use anchor or button elements instead of `li`s or `div`s to create interactive
// list items. Includes an extra `.active` modifier class for selected items.
.list-group-item-action {
width: 100%; // For `<button>`s (anchors become 100% by default though)
color: $list-group-action-color;
text-align: inherit; // For `<button>`s (anchors inherit)
// Hover state
@include hover-focus {
color: $list-group-action-hover-color;
text-decoration: none;
background-color: $list-group-hover-bg;
}
&:active {
color: $list-group-action-active-color;
background-color: $list-group-action-active-bg;
}
}
// Individual list items
//
// Use on `li`s or `div`s within the `.list-group` parent.
.list-group-item {
position: relative;
display: block;
padding: $list-group-item-padding-y $list-group-item-padding-x;
// Place the border on the list items and negative margin up for better styling
margin-bottom: -$list-group-border-width;
background-color: $list-group-bg;
border: $list-group-border-width solid $list-group-border-color;
&:first-child {
@include border-top-radius($list-group-border-radius);
}
&:last-child {
margin-bottom: 0;
@include border-bottom-radius($list-group-border-radius);
}
@include hover-focus {
z-index: 1; // Place hover/active items above their siblings for proper border styling
text-decoration: none;
}
&.disabled,
&:disabled {
color: $list-group-disabled-color;
background-color: $list-group-disabled-bg;
}
// Include both here for `<a>`s and `<button>`s
&.active {
z-index: 2; // Place active items above their siblings for proper border styling
color: $list-group-active-color;
background-color: $list-group-active-bg;
border-color: $list-group-active-border-color;
}
}
// Flush list items
//
// Remove borders and border-radius to keep list group items edge-to-edge. Most
// useful within other components (e.g., cards).
.list-group-flush {
.list-group-item {
border-right: 0;
border-left: 0;
@include border-radius(0);
}
&:first-child {
.list-group-item:first-child {
border-top: 0;
}
}
&:last-child {
.list-group-item:last-child {
border-bottom: 0;
}
}
}
// Contextual variants
//
// Add modifier classes to change text and background color on individual items.
// Organizationally, this must come after the `:hover` states.
@each $color, $value in $theme-colors {
@include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
}
bootstrap/_images.scss 0000644 00000002244 15116221763 0011070 0 ustar 00 // Responsive images (ensure images don't scale beyond their parents)
//
// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
// We previously tried the "images are responsive by default" approach in Bootstrap v2,
// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
// which weren't expecting the images within themselves to be involuntarily resized.
// See also https://github.com/twbs/bootstrap/issues/18178
.img-fluid {
@include img-fluid;
}
// Image thumbnails
.img-thumbnail {
padding: $thumbnail-padding;
background-color: $thumbnail-bg;
border: $thumbnail-border-width solid $thumbnail-border-color;
@include border-radius($thumbnail-border-radius);
@include box-shadow($thumbnail-box-shadow);
// Keep them at most 100% wide
@include img-fluid;
}
//
// Figures
//
.figure {
// Ensures the caption's text aligns with the image.
display: inline-block;
}
.figure-img {
margin-bottom: ($spacer / 2);
line-height: 1;
}
.figure-caption {
font-size: $figure-caption-font-size;
color: $figure-caption-color;
}
bootstrap/utilities/_visibility.scss 0000644 00000000204 15116221763 0014017 0 ustar 00 //
// Visibility utilities
//
.visible {
@include invisible(visible);
}
.invisible {
@include invisible(hidden);
}
bootstrap/utilities/_flex.scss 0000644 00000004710 15116221763 0012574 0 ustar 00 // stylelint-disable declaration-no-important
// Flex variation
//
// Custom styles for additional flex alignment options.
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
.flex#{$infix}-row { flex-direction: row !important; }
.flex#{$infix}-column { flex-direction: column !important; }
.flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }
.flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
.flex#{$infix}-wrap { flex-wrap: wrap !important; }
.flex#{$infix}-nowrap { flex-wrap: nowrap !important; }
.flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
.justify-content#{$infix}-start { justify-content: flex-start !important; }
.justify-content#{$infix}-end { justify-content: flex-end !important; }
.justify-content#{$infix}-center { justify-content: center !important; }
.justify-content#{$infix}-between { justify-content: space-between !important; }
.justify-content#{$infix}-around { justify-content: space-around !important; }
.align-items#{$infix}-start { align-items: flex-start !important; }
.align-items#{$infix}-end { align-items: flex-end !important; }
.align-items#{$infix}-center { align-items: center !important; }
.align-items#{$infix}-baseline { align-items: baseline !important; }
.align-items#{$infix}-stretch { align-items: stretch !important; }
.align-content#{$infix}-start { align-content: flex-start !important; }
.align-content#{$infix}-end { align-content: flex-end !important; }
.align-content#{$infix}-center { align-content: center !important; }
.align-content#{$infix}-between { align-content: space-between !important; }
.align-content#{$infix}-around { align-content: space-around !important; }
.align-content#{$infix}-stretch { align-content: stretch !important; }
.align-self#{$infix}-auto { align-self: auto !important; }
.align-self#{$infix}-start { align-self: flex-start !important; }
.align-self#{$infix}-end { align-self: flex-end !important; }
.align-self#{$infix}-center { align-self: center !important; }
.align-self#{$infix}-baseline { align-self: baseline !important; }
.align-self#{$infix}-stretch { align-self: stretch !important; }
}
}
bootstrap/utilities/_spacing.scss 0000644 00000002661 15116221763 0013265 0 ustar 00 // stylelint-disable declaration-no-important
// Margin and Padding
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
@each $prop, $abbrev in (margin: m, padding: p) {
@each $size, $length in $spacers {
.#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
.#{$abbrev}t#{$infix}-#{$size},
.#{$abbrev}y#{$infix}-#{$size} {
#{$prop}-top: $length !important;
}
.#{$abbrev}r#{$infix}-#{$size},
.#{$abbrev}x#{$infix}-#{$size} {
#{$prop}-right: $length !important;
}
.#{$abbrev}b#{$infix}-#{$size},
.#{$abbrev}y#{$infix}-#{$size} {
#{$prop}-bottom: $length !important;
}
.#{$abbrev}l#{$infix}-#{$size},
.#{$abbrev}x#{$infix}-#{$size} {
#{$prop}-left: $length !important;
}
}
}
// Some special margin utils
.m#{$infix}-auto { margin: auto !important; }
.mt#{$infix}-auto,
.my#{$infix}-auto {
margin-top: auto !important;
}
.mr#{$infix}-auto,
.mx#{$infix}-auto {
margin-right: auto !important;
}
.mb#{$infix}-auto,
.my#{$infix}-auto {
margin-bottom: auto !important;
}
.ml#{$infix}-auto,
.mx#{$infix}-auto {
margin-left: auto !important;
}
}
}
bootstrap/utilities/_background.scss 0000644 00000000640 15116221763 0013753 0 ustar 00 // stylelint-disable declaration-no-important
@each $color, $value in $theme-colors {
@include bg-variant(".bg-#{$color}", $value);
}
@if $enable-gradients {
@each $color, $value in $theme-colors {
@include bg-gradient-variant(".bg-gradient-#{$color}", $value);
}
}
.bg-white {
background-color: $white !important;
}
.bg-transparent {
background-color: transparent !important;
}
bootstrap/utilities/_sizing.scss 0000644 00000000466 15116221763 0013145 0 ustar 00 // stylelint-disable declaration-no-important
// Width and height
@each $prop, $abbrev in (width: w, height: h) {
@each $size, $length in $sizes {
.#{$abbrev}-#{$size} { #{$prop}: $length !important; }
}
}
.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }
bootstrap/utilities/_float.scss 0000644 00000000511 15116221763 0012736 0 ustar 00 @each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
.float#{$infix}-left { @include float-left; }
.float#{$infix}-right { @include float-right; }
.float#{$infix}-none { @include float-none; }
}
}
bootstrap/utilities/_clearfix.scss 0000644 00000000050 15116221763 0013424 0 ustar 00 .clearfix {
@include clearfix();
}
bootstrap/utilities/_text.scss 0000644 00000002556 15116221763 0012630 0 ustar 00 // stylelint-disable declaration-no-important
//
// Text
//
// Alignment
.text-justify { text-align: justify !important; }
.text-nowrap { white-space: nowrap !important; }
.text-truncate { @include text-truncate; }
// Responsive alignment
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
.text#{$infix}-left { text-align: left !important; }
.text#{$infix}-right { text-align: right !important; }
.text#{$infix}-center { text-align: center !important; }
}
}
// Transformation
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }
// Weight and italics
.font-weight-light { font-weight: $font-weight-light !important; }
.font-weight-normal { font-weight: $font-weight-normal !important; }
.font-weight-bold { font-weight: $font-weight-bold !important; }
.font-italic { font-style: italic !important; }
// Contextual colors
.text-white { color: #fff !important; }
@each $color, $value in $theme-colors {
@include text-emphasis-variant(".text-#{$color}", $value);
}
.text-muted { color: $text-muted !important; }
// Misc
.text-hide {
@include text-hide();
}
bootstrap/utilities/_display.scss 0000644 00000002647 15116221763 0013312 0 ustar 00 // stylelint-disable declaration-no-important
//
// Utilities for common `display` values
//
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
.d#{$infix}-none { display: none !important; }
.d#{$infix}-inline { display: inline !important; }
.d#{$infix}-inline-block { display: inline-block !important; }
.d#{$infix}-block { display: block !important; }
.d#{$infix}-table { display: table !important; }
.d#{$infix}-table-row { display: table-row !important; }
.d#{$infix}-table-cell { display: table-cell !important; }
.d#{$infix}-flex { display: flex !important; }
.d#{$infix}-inline-flex { display: inline-flex !important; }
}
}
//
// Utilities for toggling `display` in print
//
@media print {
.d-print-none { display: none !important; }
.d-print-inline { display: inline !important; }
.d-print-inline-block { display: inline-block !important; }
.d-print-block { display: block !important; }
.d-print-table { display: table !important; }
.d-print-table-row { display: table-row !important; }
.d-print-table-cell { display: table-cell !important; }
.d-print-flex { display: flex !important; }
.d-print-inline-flex { display: inline-flex !important; }
}
bootstrap/utilities/_embed.scss 0000644 00000001413 15116221763 0012707 0 ustar 00 // Credit: Nicolas Gallagher and SUIT CSS.
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
&::before {
display: block;
content: "";
}
.embed-responsive-item,
iframe,
embed,
object,
video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
}
.embed-responsive-21by9 {
&::before {
padding-top: percentage(9 / 21);
}
}
.embed-responsive-16by9 {
&::before {
padding-top: percentage(9 / 16);
}
}
.embed-responsive-4by3 {
&::before {
padding-top: percentage(3 / 4);
}
}
.embed-responsive-1by1 {
&::before {
padding-top: percentage(1 / 1);
}
}
bootstrap/utilities/_screenreaders.scss 0000644 00000000176 15116221763 0014465 0 ustar 00 //
// Screenreaders
//
.sr-only {
@include sr-only();
}
.sr-only-focusable {
@include sr-only-focusable();
}
bootstrap/utilities/_position.scss 0000644 00000001212 15116221763 0013474 0 ustar 00 // stylelint-disable declaration-no-important
// Common values
// Sass list not in variables since it's not intended for customization.
$positions: static, relative, absolute, fixed, sticky;
@each $position in $positions {
.position-#{$position} { position: $position !important; }
}
// Shorthand
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: $zindex-fixed;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: $zindex-fixed;
}
.sticky-top {
@supports (position: sticky) {
position: sticky;
top: 0;
z-index: $zindex-sticky;
}
}
bootstrap/utilities/_borders.scss 0000644 00000003112 15116221763 0013271 0 ustar 00 // stylelint-disable declaration-no-important
//
// Border
//
.border { border: $border-width solid $border-color !important; }
.border-top { border-top: $border-width solid $border-color !important; }
.border-right { border-right: $border-width solid $border-color !important; }
.border-bottom { border-bottom: $border-width solid $border-color !important; }
.border-left { border-left: $border-width solid $border-color !important; }
.border-0 { border: 0 !important; }
.border-top-0 { border-top: 0 !important; }
.border-right-0 { border-right: 0 !important; }
.border-bottom-0 { border-bottom: 0 !important; }
.border-left-0 { border-left: 0 !important; }
@each $color, $value in $theme-colors {
.border-#{$color} {
border-color: $value !important;
}
}
.border-white {
border-color: $white !important;
}
//
// Border-radius
//
.rounded {
border-radius: $border-radius !important;
}
.rounded-top {
border-top-left-radius: $border-radius !important;
border-top-right-radius: $border-radius !important;
}
.rounded-right {
border-top-right-radius: $border-radius !important;
border-bottom-right-radius: $border-radius !important;
}
.rounded-bottom {
border-bottom-right-radius: $border-radius !important;
border-bottom-left-radius: $border-radius !important;
}
.rounded-left {
border-top-left-radius: $border-radius !important;
border-bottom-left-radius: $border-radius !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-0 {
border-radius: 0 !important;
}
bootstrap/utilities/_align.scss 0000644 00000000654 15116221763 0012733 0 ustar 00 // stylelint-disable declaration-no-important
.align-baseline { vertical-align: baseline !important; } // Browser default
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top { vertical-align: text-top !important; }
bootstrap/_variables.scss 0000644 00000107441 15116221763 0011600 0 ustar 00 // Variables
//
// Variables should follow the `$component-state-property-size` formula for
// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
//
// Color system
//
// stylelint-disable
$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black: #000 !default;
$grays: () !default;
$grays: map-merge((
"100": $gray-100,
"200": $gray-200,
"300": $gray-300,
"400": $gray-400,
"500": $gray-500,
"600": $gray-600,
"700": $gray-700,
"800": $gray-800,
"900": $gray-900
), $grays);
$blue: #007bff !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #e83e8c !default;
$red: #dc3545 !default;
$orange: #fd7e14 !default;
$yellow: #ffc107 !default;
$green: #28a745 !default;
$teal: #20c997 !default;
$cyan: #17a2b8 !default;
$colors: () !default;
$colors: map-merge((
"blue": $blue,
"indigo": $indigo,
"purple": $purple,
"pink": $pink,
"red": $red,
"orange": $orange,
"yellow": $yellow,
"green": $green,
"teal": $teal,
"cyan": $cyan,
"white": $white,
"gray": $gray-600,
"gray-dark": $gray-800
), $colors);
$primary: $blue !default;
$secondary: $gray-600 !default;
$success: $green !default;
$info: $cyan !default;
$warning: $yellow !default;
$danger: $red !default;
$light: $gray-100 !default;
$dark: $gray-800 !default;
$theme-colors: () !default;
$theme-colors: map-merge((
"primary": $primary,
"secondary": $secondary,
"success": $success,
"info": $info,
"warning": $warning,
"danger": $danger,
"light": $light,
"dark": $dark
), $theme-colors);
// stylelint-enable
// Set a specific jump point for requesting color jumps
$theme-color-interval: 8% !default;
// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
$yiq-contrasted-threshold: 150 !default;
// Customize the light and dark text colors for use in our YIQ color contrast function.
$yiq-text-dark: $gray-900 !default;
$yiq-text-light: $white !default;
// Options
//
// Quickly modify global styling by enabling or disabling optional features.
$enable-caret: true !default;
$enable-rounded: true !default;
$enable-shadows: false !default;
$enable-gradients: false !default;
$enable-transitions: true !default;
$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS
$enable-grid-classes: true !default;
$enable-print-styles: true !default;
// Spacing
//
// Control the default styling of most Bootstrap elements by modifying these
// variables. Mostly focused on spacing.
// You can add more entries to the $spacers map, should you need more variation.
// stylelint-disable
$spacer: 1rem !default;
$spacers: () !default;
$spacers: map-merge((
0: 0,
1: ($spacer * .25),
2: ($spacer * .5),
3: $spacer,
4: ($spacer * 1.5),
5: ($spacer * 3)
), $spacers);
// This variable affects the `.h-*` and `.w-*` classes.
$sizes: () !default;
$sizes: map-merge((
25: 25%,
50: 50%,
75: 75%,
100: 100%
), $sizes);
// stylelint-enable
// Body
//
// Settings for the `<body>` element.
$body-bg: $white !default;
$body-color: $gray-900 !default;
// Links
//
// Style anchor elements.
$link-color: theme-color("primary") !default;
$link-decoration: none !default;
$link-hover-color: darken($link-color, 15%) !default;
$link-hover-decoration: underline !default;
// Paragraphs
//
// Style p element.
$paragraph-margin-bottom: 1rem !default;
// Grid breakpoints
//
// Define the minimum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
) !default;
@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
@include _assert-starts-at-zero($grid-breakpoints);
// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.
$container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1140px
) !default;
@include _assert-ascending($container-max-widths, "$container-max-widths");
// Grid columns
//
// Set the number of columns and specify the width of the gutters.
$grid-columns: 12 !default;
$grid-gutter-width: 30px !default;
// Components
//
// Define common padding and border radius sizes and more.
$line-height-lg: 1.5 !default;
$line-height-sm: 1.5 !default;
$border-width: 1px !default;
$border-color: $gray-300 !default;
$border-radius: .25rem !default;
$border-radius-lg: .3rem !default;
$border-radius-sm: .2rem !default;
$component-active-color: $white !default;
$component-active-bg: theme-color("primary") !default;
$caret-width: .3em !default;
$transition-base: all .2s ease-in-out !default;
$transition-fade: opacity .15s linear !default;
$transition-collapse: height .35s ease !default;
// Fonts
//
// Font, line-height, and color for body text, headings, and more.
// stylelint-disable value-keyword-case
$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$font-family-base: $font-family-sans-serif !default;
// stylelint-enable value-keyword-case
$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
$font-size-lg: ($font-size-base * 1.25) !default;
$font-size-sm: ($font-size-base * .875) !default;
$font-weight-light: 300 !default;
$font-weight-normal: 400 !default;
$font-weight-bold: 700 !default;
$font-weight-base: $font-weight-normal !default;
$line-height-base: 1.5 !default;
$h1-font-size: $font-size-base * 2.5 !default;
$h2-font-size: $font-size-base * 2 !default;
$h3-font-size: $font-size-base * 1.75 !default;
$h4-font-size: $font-size-base * 1.5 !default;
$h5-font-size: $font-size-base * 1.25 !default;
$h6-font-size: $font-size-base !default;
$headings-margin-bottom: ($spacer / 2) !default;
$headings-font-family: inherit !default;
$headings-font-weight: 500 !default;
$headings-line-height: 1.2 !default;
$headings-color: inherit !default;
$display1-size: 6rem !default;
$display2-size: 5.5rem !default;
$display3-size: 4.5rem !default;
$display4-size: 3.5rem !default;
$display1-weight: 300 !default;
$display2-weight: 300 !default;
$display3-weight: 300 !default;
$display4-weight: 300 !default;
$display-line-height: $headings-line-height !default;
$lead-font-size: ($font-size-base * 1.25) !default;
$lead-font-weight: 300 !default;
$small-font-size: 80% !default;
$text-muted: $gray-600 !default;
$blockquote-small-color: $gray-600 !default;
$blockquote-font-size: ($font-size-base * 1.25) !default;
$hr-border-color: rgba($black, .1) !default;
$hr-border-width: $border-width !default;
$mark-padding: .2em !default;
$dt-font-weight: $font-weight-bold !default;
$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;
$nested-kbd-font-weight: $font-weight-bold !default;
$list-inline-padding: .5rem !default;
$mark-bg: #fcf8e3 !default;
$hr-margin-y: $spacer !default;
// Tables
//
// Customizes the `.table` component with basic values, each used across all table variations.
$table-cell-padding: .75rem !default;
$table-cell-padding-sm: .3rem !default;
$table-bg: transparent !default;
$table-accent-bg: rgba($black, .05) !default;
$table-hover-bg: rgba($black, .075) !default;
$table-active-bg: $table-hover-bg !default;
$table-border-width: $border-width !default;
$table-border-color: $gray-300 !default;
$table-head-bg: $gray-200 !default;
$table-head-color: $gray-700 !default;
$table-dark-bg: $gray-900 !default;
$table-dark-accent-bg: rgba($white, .05) !default;
$table-dark-hover-bg: rgba($white, .075) !default;
$table-dark-border-color: lighten($gray-900, 7.5%) !default;
$table-dark-color: $body-bg !default;
// Buttons + Forms
//
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
$input-btn-padding-y: .375rem !default;
$input-btn-padding-x: .75rem !default;
$input-btn-line-height: $line-height-base !default;
$input-btn-focus-width: .2rem !default;
$input-btn-focus-color: rgba($component-active-bg, .25) !default;
$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
$input-btn-padding-y-sm: .25rem !default;
$input-btn-padding-x-sm: .5rem !default;
$input-btn-line-height-sm: $line-height-sm !default;
$input-btn-padding-y-lg: .5rem !default;
$input-btn-padding-x-lg: 1rem !default;
$input-btn-line-height-lg: $line-height-lg !default;
$input-btn-border-width: $border-width !default;
// Buttons
//
// For each of Bootstrap's buttons, define text, background, and border color.
$btn-padding-y: $input-btn-padding-y !default;
$btn-padding-x: $input-btn-padding-x !default;
$btn-line-height: $input-btn-line-height !default;
$btn-padding-y-sm: $input-btn-padding-y-sm !default;
$btn-padding-x-sm: $input-btn-padding-x-sm !default;
$btn-line-height-sm: $input-btn-line-height-sm !default;
$btn-padding-y-lg: $input-btn-padding-y-lg !default;
$btn-padding-x-lg: $input-btn-padding-x-lg !default;
$btn-line-height-lg: $input-btn-line-height-lg !default;
$btn-border-width: $input-btn-border-width !default;
$btn-font-weight: $font-weight-normal !default;
$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
$btn-focus-width: $input-btn-focus-width !default;
$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
$btn-disabled-opacity: .65 !default;
$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;
$btn-link-disabled-color: $gray-600 !default;
$btn-block-spacing-y: .5rem !default;
// Allows for customizing button radius independently from global border radius
$btn-border-radius: $border-radius !default;
$btn-border-radius-lg: $border-radius-lg !default;
$btn-border-radius-sm: $border-radius-sm !default;
$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
// Forms
$input-padding-y: $input-btn-padding-y !default;
$input-padding-x: $input-btn-padding-x !default;
$input-line-height: $input-btn-line-height !default;
$input-padding-y-sm: $input-btn-padding-y-sm !default;
$input-padding-x-sm: $input-btn-padding-x-sm !default;
$input-line-height-sm: $input-btn-line-height-sm !default;
$input-padding-y-lg: $input-btn-padding-y-lg !default;
$input-padding-x-lg: $input-btn-padding-x-lg !default;
$input-line-height-lg: $input-btn-line-height-lg !default;
$input-bg: $white !default;
$input-disabled-bg: $gray-200 !default;
$input-color: $gray-700 !default;
$input-border-color: $gray-400 !default;
$input-border-width: $input-btn-border-width !default;
$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;
$input-border-radius: $border-radius !default;
$input-border-radius-lg: $border-radius-lg !default;
$input-border-radius-sm: $border-radius-sm !default;
$input-focus-bg: $input-bg !default;
$input-focus-border-color: lighten($component-active-bg, 25%) !default;
$input-focus-color: $input-color !default;
$input-focus-width: $input-btn-focus-width !default;
$input-focus-box-shadow: $input-btn-focus-box-shadow !default;
$input-placeholder-color: $gray-600 !default;
$input-height-border: $input-border-width * 2 !default;
$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;
$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
$form-text-margin-top: .25rem !default;
$form-check-input-gutter: 1.25rem !default;
$form-check-input-margin-y: .3rem !default;
$form-check-input-margin-x: .25rem !default;
$form-check-inline-margin-x: .75rem !default;
$form-check-inline-input-margin-x: .3125rem !default;
$form-group-margin-bottom: 1rem !default;
$input-group-addon-color: $input-color !default;
$input-group-addon-bg: $gray-200 !default;
$input-group-addon-border-color: $input-border-color !default;
$custom-control-gutter: 1.5rem !default;
$custom-control-spacer-x: 1rem !default;
$custom-control-indicator-size: 1rem !default;
$custom-control-indicator-bg: $gray-300 !default;
$custom-control-indicator-bg-size: 50% 50% !default;
$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;
$custom-control-indicator-disabled-bg: $gray-200 !default;
$custom-control-label-disabled-color: $gray-600 !default;
$custom-control-indicator-checked-color: $component-active-color !default;
$custom-control-indicator-checked-bg: $component-active-bg !default;
$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5) !default;
$custom-control-indicator-checked-box-shadow: none !default;
$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
$custom-control-indicator-active-color: $component-active-color !default;
$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;
$custom-control-indicator-active-box-shadow: none !default;
$custom-checkbox-indicator-border-radius: $border-radius !default;
$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
$custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
$custom-radio-indicator-border-radius: 50% !default;
$custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
$custom-select-padding-y: .375rem !default;
$custom-select-padding-x: .75rem !default;
$custom-select-height: $input-height !default;
$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
$custom-select-line-height: $input-btn-line-height !default;
$custom-select-color: $input-color !default;
$custom-select-disabled-color: $gray-600 !default;
$custom-select-bg: $white !default;
$custom-select-disabled-bg: $gray-200 !default;
$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
$custom-select-indicator-color: $gray-800 !default;
$custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
$custom-select-border-width: $input-btn-border-width !default;
$custom-select-border-color: $input-border-color !default;
$custom-select-border-radius: $border-radius !default;
$custom-select-focus-border-color: $input-focus-border-color !default;
$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
$custom-select-font-size-sm: 75% !default;
$custom-select-height-sm: $input-height-sm !default;
$custom-select-font-size-lg: 125% !default;
$custom-select-height-lg: $input-height-lg !default;
$custom-file-height: $input-height !default;
$custom-file-focus-border-color: $input-focus-border-color !default;
$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;
$custom-file-padding-y: $input-btn-padding-y !default;
$custom-file-padding-x: $input-btn-padding-x !default;
$custom-file-line-height: $input-btn-line-height !default;
$custom-file-color: $input-color !default;
$custom-file-bg: $input-bg !default;
$custom-file-border-width: $input-btn-border-width !default;
$custom-file-border-color: $input-border-color !default;
$custom-file-border-radius: $input-border-radius !default;
$custom-file-box-shadow: $input-box-shadow !default;
$custom-file-button-color: $custom-file-color !default;
$custom-file-button-bg: $input-group-addon-bg !default;
$custom-file-text: (
en: "Browse"
) !default;
// Form validation
$form-feedback-margin-top: $form-text-margin-top !default;
$form-feedback-font-size: $small-font-size !default;
$form-feedback-valid-color: theme-color("success") !default;
$form-feedback-invalid-color: theme-color("danger") !default;
// Dropdowns
//
// Dropdown menu container and contents.
$dropdown-min-width: 10rem !default;
$dropdown-padding-y: .5rem !default;
$dropdown-spacer: .125rem !default;
$dropdown-bg: $white !default;
$dropdown-border-color: rgba($black, .15) !default;
$dropdown-border-radius: $border-radius !default;
$dropdown-border-width: $border-width !default;
$dropdown-divider-bg: $gray-200 !default;
$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
$dropdown-link-color: $gray-900 !default;
$dropdown-link-hover-color: darken($gray-900, 5%) !default;
$dropdown-link-hover-bg: $gray-100 !default;
$dropdown-link-active-color: $component-active-color !default;
$dropdown-link-active-bg: $component-active-bg !default;
$dropdown-link-disabled-color: $gray-600 !default;
$dropdown-item-padding-y: .25rem !default;
$dropdown-item-padding-x: 1.5rem !default;
$dropdown-header-color: $gray-600 !default;
// Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
$zindex-dropdown: 1000 !default;
$zindex-sticky: 1020 !default;
$zindex-fixed: 1030 !default;
$zindex-modal-backdrop: 1040 !default;
$zindex-modal: 1050 !default;
$zindex-popover: 1060 !default;
$zindex-tooltip: 1070 !default;
// Navs
$nav-link-padding-y: .5rem !default;
$nav-link-padding-x: 1rem !default;
$nav-link-disabled-color: $gray-600 !default;
$nav-tabs-border-color: $gray-300 !default;
$nav-tabs-border-width: $border-width !default;
$nav-tabs-border-radius: $border-radius !default;
$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
$nav-tabs-link-active-color: $gray-700 !default;
$nav-tabs-link-active-bg: $body-bg !default;
$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
$nav-pills-border-radius: $border-radius !default;
$nav-pills-link-active-color: $component-active-color !default;
$nav-pills-link-active-bg: $component-active-bg !default;
// Navbar
$navbar-padding-y: ($spacer / 2) !default;
$navbar-padding-x: $spacer !default;
$navbar-nav-link-padding-x: .5rem !default;
$navbar-brand-font-size: $font-size-lg !default;
// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
$navbar-toggler-padding-y: .25rem !default;
$navbar-toggler-padding-x: .75rem !default;
$navbar-toggler-font-size: $font-size-lg !default;
$navbar-toggler-border-radius: $btn-border-radius !default;
$navbar-dark-color: rgba($white, .5) !default;
$navbar-dark-hover-color: rgba($white, .75) !default;
$navbar-dark-active-color: $white !default;
$navbar-dark-disabled-color: rgba($white, .25) !default;
$navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
$navbar-dark-toggler-border-color: rgba($white, .1) !default;
$navbar-light-color: rgba($black, .5) !default;
$navbar-light-hover-color: rgba($black, .7) !default;
$navbar-light-active-color: rgba($black, .9) !default;
$navbar-light-disabled-color: rgba($black, .3) !default;
$navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
$navbar-light-toggler-border-color: rgba($black, .1) !default;
// Pagination
$pagination-padding-y: .5rem !default;
$pagination-padding-x: .75rem !default;
$pagination-padding-y-sm: .25rem !default;
$pagination-padding-x-sm: .5rem !default;
$pagination-padding-y-lg: .75rem !default;
$pagination-padding-x-lg: 1.5rem !default;
$pagination-line-height: 1.25 !default;
$pagination-color: $link-color !default;
$pagination-bg: $white !default;
$pagination-border-width: $border-width !default;
$pagination-border-color: $gray-300 !default;
$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
$pagination-hover-color: $link-hover-color !default;
$pagination-hover-bg: $gray-200 !default;
$pagination-hover-border-color: $gray-300 !default;
$pagination-active-color: $component-active-color !default;
$pagination-active-bg: $component-active-bg !default;
$pagination-active-border-color: $pagination-active-bg !default;
$pagination-disabled-color: $gray-600 !default;
$pagination-disabled-bg: $white !default;
$pagination-disabled-border-color: $gray-300 !default;
// Jumbotron
$jumbotron-padding: 2rem !default;
$jumbotron-bg: $gray-200 !default;
// Cards
$card-spacer-y: .75rem !default;
$card-spacer-x: 1.25rem !default;
$card-border-width: $border-width !default;
$card-border-radius: $border-radius !default;
$card-border-color: rgba($black, .125) !default;
$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
$card-cap-bg: rgba($black, .03) !default;
$card-bg: $white !default;
$card-img-overlay-padding: 1.25rem !default;
$card-group-margin: ($grid-gutter-width / 2) !default;
$card-deck-margin: $card-group-margin !default;
$card-columns-count: 3 !default;
$card-columns-gap: 1.25rem !default;
$card-columns-margin: $card-spacer-y !default;
// Tooltips
$tooltip-font-size: $font-size-sm !default;
$tooltip-max-width: 200px !default;
$tooltip-color: $white !default;
$tooltip-bg: $black !default;
$tooltip-border-radius: $border-radius !default;
$tooltip-opacity: .9 !default;
$tooltip-padding-y: .25rem !default;
$tooltip-padding-x: .5rem !default;
$tooltip-margin: 0 !default;
$tooltip-arrow-width: .8rem !default;
$tooltip-arrow-height: .4rem !default;
$tooltip-arrow-color: $tooltip-bg !default;
// Popovers
$popover-font-size: $font-size-sm !default;
$popover-bg: $white !default;
$popover-max-width: 276px !default;
$popover-border-width: $border-width !default;
$popover-border-color: rgba($black, .2) !default;
$popover-border-radius: $border-radius-lg !default;
$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;
$popover-header-bg: darken($popover-bg, 3%) !default;
$popover-header-color: $headings-color !default;
$popover-header-padding-y: .5rem !default;
$popover-header-padding-x: .75rem !default;
$popover-body-color: $body-color !default;
$popover-body-padding-y: $popover-header-padding-y !default;
$popover-body-padding-x: $popover-header-padding-x !default;
$popover-arrow-width: 1rem !default;
$popover-arrow-height: .5rem !default;
$popover-arrow-color: $popover-bg !default;
$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
// Badges
$badge-font-size: 75% !default;
$badge-font-weight: $font-weight-bold !default;
$badge-padding-y: .25em !default;
$badge-padding-x: .4em !default;
$badge-border-radius: $border-radius !default;
$badge-pill-padding-x: .6em !default;
// Use a higher than normal value to ensure completely rounded edges when
// customizing padding or font-size on labels.
$badge-pill-border-radius: 10rem !default;
// Modals
// Padding applied to the modal body
$modal-inner-padding: 1rem !default;
$modal-dialog-margin: .5rem !default;
$modal-dialog-margin-y-sm-up: 1.75rem !default;
$modal-title-line-height: $line-height-base !default;
$modal-content-bg: $white !default;
$modal-content-border-color: rgba($black, .2) !default;
$modal-content-border-width: $border-width !default;
$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;
$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
$modal-backdrop-bg: $black !default;
$modal-backdrop-opacity: .5 !default;
$modal-header-border-color: $gray-200 !default;
$modal-footer-border-color: $modal-header-border-color !default;
$modal-header-border-width: $modal-content-border-width !default;
$modal-footer-border-width: $modal-header-border-width !default;
$modal-header-padding: 1rem !default;
$modal-lg: 800px !default;
$modal-md: 500px !default;
$modal-sm: 300px !default;
$modal-transition: transform .3s ease-out !default;
// Alerts
//
// Define alert colors, border radius, and padding.
$alert-padding-y: .75rem !default;
$alert-padding-x: 1.25rem !default;
$alert-margin-bottom: 1rem !default;
$alert-border-radius: $border-radius !default;
$alert-link-font-weight: $font-weight-bold !default;
$alert-border-width: $border-width !default;
$alert-bg-level: -10 !default;
$alert-border-level: -9 !default;
$alert-color-level: 6 !default;
// Progress bars
$progress-height: 1rem !default;
$progress-font-size: ($font-size-base * .75) !default;
$progress-bg: $gray-200 !default;
$progress-border-radius: $border-radius !default;
$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;
$progress-bar-color: $white !default;
$progress-bar-bg: theme-color("primary") !default;
$progress-bar-animation-timing: 1s linear infinite !default;
$progress-bar-transition: width .6s ease !default;
// List group
$list-group-bg: $white !default;
$list-group-border-color: rgba($black, .125) !default;
$list-group-border-width: $border-width !default;
$list-group-border-radius: $border-radius !default;
$list-group-item-padding-y: .75rem !default;
$list-group-item-padding-x: 1.25rem !default;
$list-group-hover-bg: $gray-100 !default;
$list-group-active-color: $component-active-color !default;
$list-group-active-bg: $component-active-bg !default;
$list-group-active-border-color: $list-group-active-bg !default;
$list-group-disabled-color: $gray-600 !default;
$list-group-disabled-bg: $list-group-bg !default;
$list-group-action-color: $gray-700 !default;
$list-group-action-hover-color: $list-group-action-color !default;
$list-group-action-active-color: $body-color !default;
$list-group-action-active-bg: $gray-200 !default;
// Image thumbnails
$thumbnail-padding: .25rem !default;
$thumbnail-bg: $body-bg !default;
$thumbnail-border-width: $border-width !default;
$thumbnail-border-color: $gray-300 !default;
$thumbnail-border-radius: $border-radius !default;
$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;
// Figures
$figure-caption-font-size: 90% !default;
$figure-caption-color: $gray-600 !default;
// Breadcrumbs
$breadcrumb-padding-y: .75rem !default;
$breadcrumb-padding-x: 1rem !default;
$breadcrumb-item-padding: .5rem !default;
$breadcrumb-margin-bottom: 1rem !default;
$breadcrumb-bg: $gray-200 !default;
$breadcrumb-divider-color: $gray-600 !default;
$breadcrumb-active-color: $gray-600 !default;
$breadcrumb-divider: "/" !default;
// Carousel
$carousel-control-color: $white !default;
$carousel-control-width: 15% !default;
$carousel-control-opacity: .5 !default;
$carousel-indicator-width: 30px !default;
$carousel-indicator-height: 3px !default;
$carousel-indicator-spacer: 3px !default;
$carousel-indicator-active-bg: $white !default;
$carousel-caption-width: 70% !default;
$carousel-caption-color: $white !default;
$carousel-control-icon-width: 20px !default;
$carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
$carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
$carousel-transition: transform .6s ease !default;
// Close
$close-font-size: $font-size-base * 1.5 !default;
$close-font-weight: $font-weight-bold !default;
$close-color: $black !default;
$close-text-shadow: 0 1px 0 $white !default;
// Code
$code-font-size: 87.5% !default;
$code-color: $pink !default;
$kbd-padding-y: .2rem !default;
$kbd-padding-x: .4rem !default;
$kbd-font-size: $code-font-size !default;
$kbd-color: $white !default;
$kbd-bg: $gray-900 !default;
$pre-color: $gray-900 !default;
$pre-scrollable-max-height: 340px !default;
// Printing
$print-page-size: a3 !default;
$print-body-min-width: map-get($grid-breakpoints, "lg") !default;
bootstrap/_utilities.scss 0000644 00000000645 15116221763 0011641 0 ustar 00 @import "utilities/align";
@import "utilities/background";
@import "utilities/borders";
@import "utilities/clearfix";
@import "utilities/display";
@import "utilities/embed";
@import "utilities/flex";
@import "utilities/float";
@import "utilities/position";
@import "utilities/screenreaders";
@import "utilities/sizing";
@import "utilities/spacing";
@import "utilities/text";
@import "utilities/visibility";
bootstrap/_buttons.scss 0000644 00000005451 15116221763 0011324 0 ustar 00 // stylelint-disable selector-no-qualifying-type
//
// Base styles
//
.btn {
display: inline-block;
font-weight: $btn-font-weight;
text-align: center;
white-space: nowrap;
vertical-align: middle;
user-select: none;
border: $btn-border-width solid transparent;
@include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);
@include transition($btn-transition);
// Share hover and focus styles
@include hover-focus {
text-decoration: none;
}
&:focus,
&.focus {
outline: 0;
box-shadow: $btn-focus-box-shadow;
}
// Disabled comes first so active can properly restyle
&.disabled,
&:disabled {
opacity: $btn-disabled-opacity;
@include box-shadow(none);
}
// Opinionated: add "hand" cursor to non-disabled .btn elements
&:not(:disabled):not(.disabled) {
cursor: pointer;
}
&:not(:disabled):not(.disabled):active,
&:not(:disabled):not(.disabled).active {
background-image: none;
@include box-shadow($btn-active-box-shadow);
&:focus {
@include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
}
}
}
// Future-proof disabling of clicks on `<a>` elements
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none;
}
//
// Alternate buttons
//
@each $color, $value in $theme-colors {
.btn-#{$color} {
@include button-variant($value, $value);
}
}
@each $color, $value in $theme-colors {
.btn-outline-#{$color} {
@include button-outline-variant($value);
}
}
//
// Link buttons
//
// Make a button look and behave like a link
.btn-link {
font-weight: $font-weight-normal;
color: $link-color;
background-color: transparent;
@include hover {
color: $link-hover-color;
text-decoration: $link-hover-decoration;
background-color: transparent;
border-color: transparent;
}
&:focus,
&.focus {
text-decoration: $link-hover-decoration;
border-color: transparent;
box-shadow: none;
}
&:disabled,
&.disabled {
color: $btn-link-disabled-color;
}
// No need for an active state here
}
//
// Button Sizes
//
.btn-lg {
@include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
}
.btn-sm {
@include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
}
//
// Block button
//
.btn-block {
display: block;
width: 100%;
// Vertically space out multiple block buttons
+ .btn-block {
margin-top: $btn-block-spacing-y;
}
}
// Specificity overrides
input[type="submit"],
input[type="reset"],
input[type="button"] {
&.btn-block {
width: 100%;
}
}
bootstrap/_alert.scss 0000644 00000002261 15116221763 0010731 0 ustar 00 //
// Base styles
//
.alert {
position: relative;
padding: $alert-padding-y $alert-padding-x;
margin-bottom: $alert-margin-bottom;
border: $alert-border-width solid transparent;
@include border-radius($alert-border-radius);
}
// Headings for larger alerts
.alert-heading {
// Specified to prevent conflicts of changing $headings-color
color: inherit;
}
// Provide class for links that match alerts
.alert-link {
font-weight: $alert-link-font-weight;
}
// Dismissible alerts
//
// Expand the right padding and account for the close button's positioning.
.alert-dismissible {
padding-right: ($close-font-size + $alert-padding-x * 2);
// Adjust close link position
.close {
position: absolute;
top: 0;
right: 0;
padding: $alert-padding-y $alert-padding-x;
color: inherit;
}
}
// Alternate styles
//
// Generate contextual modifier classes for colorizing the alert.
@each $color, $value in $theme-colors {
.alert-#{$color} {
@include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
}
}
bootstrap/_jumbotron.scss 0000644 00000000612 15116221763 0011637 0 ustar 00 .jumbotron {
padding: $jumbotron-padding ($jumbotron-padding / 2);
margin-bottom: $jumbotron-padding;
background-color: $jumbotron-bg;
@include border-radius($border-radius-lg);
@include media-breakpoint-up(sm) {
padding: ($jumbotron-padding * 2) $jumbotron-padding;
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
@include border-radius(0);
}
bootstrap/_button-group.scss 0000644 00000007345 15116221763 0012277 0 ustar 00 // stylelint-disable selector-no-qualifying-type
// Make the div behave like a button
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle; // match .btn alignment given font-size hack above
> .btn {
position: relative;
flex: 0 1 auto;
// Bring the hover, focused, and "active" buttons to the front to overlay
// the borders properly
@include hover {
z-index: 1;
}
&:focus,
&:active,
&.active {
z-index: 1;
}
}
// Prevent double borders when buttons are next to each other
.btn + .btn,
.btn + .btn-group,
.btn-group + .btn,
.btn-group + .btn-group {
margin-left: -$btn-border-width;
}
}
// Optional: Group multiple button groups together for a toolbar
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
.input-group {
width: auto;
}
}
.btn-group {
> .btn:first-child {
margin-left: 0;
}
// Reset rounded corners
> .btn:not(:last-child):not(.dropdown-toggle),
> .btn-group:not(:last-child) > .btn {
@include border-right-radius(0);
}
> .btn:not(:first-child),
> .btn-group:not(:first-child) > .btn {
@include border-left-radius(0);
}
}
// Sizing
//
// Remix the default button sizing classes into new ones for easier manipulation.
.btn-group-sm > .btn { @extend .btn-sm; }
.btn-group-lg > .btn { @extend .btn-lg; }
//
// Split button dropdowns
//
.dropdown-toggle-split {
padding-right: $btn-padding-x * .75;
padding-left: $btn-padding-x * .75;
&::after {
margin-left: 0;
}
}
.btn-sm + .dropdown-toggle-split {
padding-right: $btn-padding-x-sm * .75;
padding-left: $btn-padding-x-sm * .75;
}
.btn-lg + .dropdown-toggle-split {
padding-right: $btn-padding-x-lg * .75;
padding-left: $btn-padding-x-lg * .75;
}
// The clickable button for toggling the menu
// Set the same inset shadow as the :active state
.btn-group.show .dropdown-toggle {
@include box-shadow($btn-active-box-shadow);
// Show no shadow for `.btn-link` since it has no other button styles.
&.btn-link {
@include box-shadow(none);
}
}
//
// Vertical button groups
//
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
.btn,
.btn-group {
width: 100%;
}
> .btn + .btn,
> .btn + .btn-group,
> .btn-group + .btn,
> .btn-group + .btn-group {
margin-top: -$btn-border-width;
margin-left: 0;
}
// Reset rounded corners
> .btn:not(:last-child):not(.dropdown-toggle),
> .btn-group:not(:last-child) > .btn {
@include border-bottom-radius(0);
}
> .btn:not(:first-child),
> .btn-group:not(:first-child) > .btn {
@include border-top-radius(0);
}
}
// Checkbox and radio options
//
// In order to support the browser's form validation feedback, powered by the
// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
// `display: none;` or `visibility: hidden;` as that also hides the popover.
// Simply visually hiding the inputs via `opacity` would leave them clickable in
// certain cases which is prevented by using `clip` and `pointer-events`.
// This way, we ensure a DOM element is visible to position the popover from.
//
// See https://github.com/twbs/bootstrap/pull/12794 and
// https://github.com/twbs/bootstrap/pull/14559 for more information.
.btn-group-toggle {
> .btn,
> .btn-group > .btn {
margin-bottom: 0; // Override default `<label>` value
input[type="radio"],
input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
}
}
bootstrap/_reboot.scss 0000644 00000027451 15116221763 0011124 0 ustar 00 // stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
// Reboot
//
// Normalization of HTML elements, manually forked from Normalize.css to remove
// styles targeting irrelevant browsers while applying new styles.
//
// Normalize is licensed MIT. https://github.com/necolas/normalize.css
// Document
//
// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
// 2. Change the default font family in all browsers.
// 3. Correct the line height in all browsers.
// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so
// we force a non-overlapping, non-auto-hiding scrollbar to counteract.
// 6. Change the default tap highlight to be completely transparent in iOS.
*,
*::before,
*::after {
box-sizing: border-box; // 1
}
html {
font-family: sans-serif; // 2
line-height: 1.15; // 3
-webkit-text-size-adjust: 100%; // 4
-ms-text-size-adjust: 100%; // 4
-ms-overflow-style: scrollbar; // 5
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6
}
// IE10+ doesn't honor `<meta name="viewport">` in some cases.
@at-root {
@-ms-viewport {
width: device-width;
}
}
// stylelint-disable selector-list-comma-newline-after
// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
// stylelint-enable selector-list-comma-newline-after
// Body
//
// 1. Remove the margin in all browsers.
// 2. As a best practice, apply a default `background-color`.
// 3. Set an explicit initial text-align value so that we can later use the
// the `inherit` value on things like `<th>` elements.
body {
margin: 0; // 1
font-family: $font-family-base;
font-size: $font-size-base;
font-weight: $font-weight-base;
line-height: $line-height-base;
color: $body-color;
text-align: left; // 3
background-color: $body-bg; // 2
}
// Suppress the focus outline on elements that cannot be accessed via keyboard.
// This prevents an unwanted focus outline from appearing around elements that
// might still respond to pointer events.
//
// Credit: https://github.com/suitcss/base
[tabindex="-1"]:focus {
outline: 0 !important;
}
// Content grouping
//
// 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
}
//
// Typography
//
// Remove top margins from headings
//
// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
// margin for easier control within type scales as it avoids margin collapsing.
// stylelint-disable selector-list-comma-newline-after
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: $headings-margin-bottom;
}
// stylelint-enable selector-list-comma-newline-after
// Reset margins on paragraphs
//
// Similarly, the top margin on `<p>`s get reset. However, we also reset the
// bottom margin to use `rem` units instead of `em`.
p {
margin-top: 0;
margin-bottom: $paragraph-margin-bottom;
}
// Abbreviations
//
// 1. Remove the bottom border in Firefox 39-.
// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
// 3. Add explicit cursor to indicate changed behavior.
// 4. Duplicate behavior to the data-* attribute for our tooltip plugin
abbr[title],
abbr[data-original-title] { // 4
text-decoration: underline; // 2
text-decoration: underline dotted; // 2
cursor: help; // 3
border-bottom: 0; // 1
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: $dt-font-weight;
}
dd {
margin-bottom: .5rem;
margin-left: 0; // Undo browser default
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic; // Add the correct font style in Android 4.3-
}
// stylelint-disable font-weight-notation
b,
strong {
font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari
}
// stylelint-enable font-weight-notation
small {
font-size: 80%; // Add the correct font size in all browsers
}
//
// Prevent `sub` and `sup` elements from affecting the line height in
// all browsers.
//
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub { bottom: -.25em; }
sup { top: -.5em; }
//
// Links
//
a {
color: $link-color;
text-decoration: $link-decoration;
background-color: transparent; // Remove the gray background on active links in IE 10.
-webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.
@include hover {
color: $link-hover-color;
text-decoration: $link-hover-decoration;
}
}
// And undo these styles for placeholder links/named anchors (without href)
// which have not been made explicitly keyboard-focusable (without tabindex).
// It would be more straightforward to just use a[href] in previous block, but that
// causes specificity issues in many other styles that are too complex to fix.
// See https://github.com/twbs/bootstrap/issues/19402
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
@include hover-focus {
color: inherit;
text-decoration: none;
}
&:focus {
outline: 0;
}
}
//
// Code
//
// stylelint-disable font-family-no-duplicate-names
pre,
code,
kbd,
samp {
font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.
font-size: 1em; // Correct the odd `em` font sizing in all browsers.
}
// stylelint-enable font-family-no-duplicate-names
pre {
// Remove browser default top margin
margin-top: 0;
// Reset browser default of `1em` to use `rem`s
margin-bottom: 1rem;
// Don't allow content to break outside
overflow: auto;
// We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so
// we force a non-overlapping, non-auto-hiding scrollbar to counteract.
-ms-overflow-style: scrollbar;
}
//
// Figures
//
figure {
// Apply a consistent margin strategy (matches our type styles).
margin: 0 0 1rem;
}
//
// Images and content
//
img {
vertical-align: middle;
border-style: none; // Remove the border on images inside links in IE 10-.
}
svg:not(:root) {
overflow: hidden; // Hide the overflow in IE
}
//
// Tables
//
table {
border-collapse: collapse; // Prevent double borders
}
caption {
padding-top: $table-cell-padding;
padding-bottom: $table-cell-padding;
color: $text-muted;
text-align: left;
caption-side: bottom;
}
th {
// Matches default `<td>` alignment by inheriting from the `<body>`, or the
// closest parent with a set `text-align`.
text-align: inherit;
}
//
// Forms
//
label {
// Allow labels to use `margin` for spacing.
display: inline-block;
margin-bottom: .5rem;
}
// Remove the default `border-radius` that macOS Chrome adds.
//
// Details at https://github.com/twbs/bootstrap/issues/24093
button {
border-radius: 0;
}
// Work around a Firefox/IE bug where the transparent `button` background
// results in a loss of the default `button` focus styles.
//
// Credit: https://github.com/suitcss/base/
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0; // Remove the margin in Firefox and Safari
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible; // Show the overflow in Edge
}
button,
select {
text-transform: none; // Remove the inheritance of text transform in Firefox
}
// 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"], // 1
[type="reset"],
[type="submit"] {
-webkit-appearance: button; // 2
}
// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
padding: 0; // 2. Remove the padding in IE 10-
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
// Remove the default appearance of temporal inputs to avoid a Mobile Safari
// bug where setting a custom line-height prevents text from being vertically
// centered within the input.
// See https://bugs.webkit.org/show_bug.cgi?id=139848
// and https://github.com/twbs/bootstrap/issues/11266
-webkit-appearance: listbox;
}
textarea {
overflow: auto; // Remove the default vertical scrollbar in IE.
// Textareas should really only resize vertically so they don't break their (horizontal) containers.
resize: vertical;
}
fieldset {
// Browsers set a default `min-width: min-content;` on fieldsets,
// unlike e.g. `<div>`s, which have `min-width: 0;` by default.
// So we reset that to ensure fieldsets behave more like a standard block element.
// See https://github.com/twbs/bootstrap/issues/12359
// and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
min-width: 0;
// Reset the default outline behavior of fieldsets so they don't affect page layout.
padding: 0;
margin: 0;
border: 0;
}
// 1. Correct the text wrapping in Edge and IE.
// 2. Correct the color inheritance from `fieldset` elements in IE.
legend {
display: block;
width: 100%;
max-width: 100%; // 1
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit; // 2
white-space: normal; // 1
}
progress {
vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.
}
// 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;
}
[type="search"] {
// This overrides the extra rounded corners on search inputs in iOS so that our
// `.form-control` class can properly style them. Note that this cannot simply
// be added to `.form-control` as it's not specific enough. For details, see
// https://github.com/twbs/bootstrap/issues/11586.
outline-offset: -2px; // 2. Correct the outline style in Safari.
-webkit-appearance: none;
}
//
// 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 {
font: inherit; // 2
-webkit-appearance: button; // 1
}
//
// Correct element displays
//
output {
display: inline-block;
}
summary {
display: list-item; // Add the correct display in all browsers
cursor: pointer;
}
template {
display: none; // Add the correct display in IE
}
// Always hide an element with the `hidden` HTML attribute (from PureCSS).
// Needed for proper display in IE 10-.
[hidden] {
display: none !important;
}
bootstrap/mixins/_lists.scss 0000644 00000000257 15116221763 0012272 0 ustar 00 // Lists
// Unstyled keeps list items block level, just removes default browser padding and list-style
@mixin list-unstyled {
padding-left: 0;
list-style: none;
}
bootstrap/mixins/_visibility.scss 0000644 00000000215 15116221763 0013315 0 ustar 00 // stylelint-disable declaration-no-important
// Visibility
@mixin invisible($visibility) {
visibility: $visibility !important;
}
bootstrap/mixins/_image.scss 0000644 00000002270 15116221763 0012213 0 ustar 00 // Image Mixins
// - Responsive image
// - Retina image
// Responsive image
//
// Keep images from scaling beyond the width of their parents.
@mixin img-fluid {
// Part 1: Set a maximum relative to the parent
max-width: 100%;
// Part 2: Override the height to auto, otherwise images will be stretched
// when setting a width and height attribute on the img element.
height: auto;
}
// Retina image
//
// Short retina mixin for setting background-image and -size.
// stylelint-disable indentation, media-query-list-comma-newline-after
@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
background-image: url($file-1x);
// Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
// but doesn't convert dppx=>dpi.
// There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
// Compatibility info: https://caniuse.com/#feat=css-media-resolution
@media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
only screen and (min-resolution: 2dppx) { // Standardized
background-image: url($file-2x);
background-size: $width-1x $height-1x;
}
}
bootstrap/mixins/_background-variant.scss 0000644 00000000757 15116221763 0014722 0 ustar 00 // stylelint-disable declaration-no-important
// Contextual backgrounds
@mixin bg-variant($parent, $color) {
#{$parent} {
background-color: $color !important;
}
a#{$parent},
button#{$parent} {
@include hover-focus {
background-color: darken($color, 10%) !important;
}
}
}
@mixin bg-gradient-variant($parent, $color) {
#{$parent} {
background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
}
}
bootstrap/mixins/_navbar-align.scss 0000644 00000000613 15116221763 0013471 0 ustar 00 // Navbar vertical align
//
// Vertically center elements in the navbar.
// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);`
// to calculate the appropriate top margin.
// @mixin navbar-vertical-align($element-height) {
// margin-top: (($navbar-height - $element-height) / 2);
// margin-bottom: (($navbar-height - $element-height) / 2);
// }
bootstrap/mixins/_reset-text.scss 0000644 00000001064 15116221763 0013235 0 ustar 00 @mixin reset-text {
font-family: $font-family-base;
// We deliberately do NOT reset font-size or word-wrap.
font-style: normal;
font-weight: $font-weight-normal;
line-height: $line-height-base;
text-align: left; // Fallback for where `start` is not supported
text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
}
bootstrap/mixins/_forms.scss 0000644 00000006410 15116221763 0012257 0 ustar 00 // Form control focus state
//
// Generate a customized focus state and for any input with the specified color,
// which defaults to the `$input-focus-border-color` variable.
//
// We highly encourage you to not customize the default value, but instead use
// this to tweak colors on an as-needed basis. This aesthetic change is based on
// WebKit's default styles, but applicable to a wider range of browsers. Its
// usability and accessibility should be taken into account with any change.
//
// Example usage: change the default blue border and shadow to white for better
// contrast against a dark gray background.
@mixin form-control-focus() {
&:focus {
color: $input-focus-color;
background-color: $input-focus-bg;
border-color: $input-focus-border-color;
outline: 0;
// Avoid using mixin so we can pass custom focus shadow properly
@if $enable-shadows {
box-shadow: $input-box-shadow, $input-focus-box-shadow;
} @else {
box-shadow: $input-focus-box-shadow;
}
}
}
@mixin form-validation-state($state, $color) {
.#{$state}-feedback {
display: none;
width: 100%;
margin-top: $form-feedback-margin-top;
font-size: $form-feedback-font-size;
color: $color;
}
.#{$state}-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%; // Contain to parent when possible
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba($color, .8);
border-radius: .2rem;
}
.form-control,
.custom-select {
.was-validated &:#{$state},
&.is-#{$state} {
border-color: $color;
&:focus {
border-color: $color;
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
}
~ .#{$state}-feedback,
~ .#{$state}-tooltip {
display: block;
}
}
}
.form-check-input {
.was-validated &:#{$state},
&.is-#{$state} {
~ .form-check-label {
color: $color;
}
~ .#{$state}-feedback,
~ .#{$state}-tooltip {
display: block;
}
}
}
.custom-control-input {
.was-validated &:#{$state},
&.is-#{$state} {
~ .custom-control-label {
color: $color;
&::before {
background-color: lighten($color, 25%);
}
}
~ .#{$state}-feedback,
~ .#{$state}-tooltip {
display: block;
}
&:checked {
~ .custom-control-label::before {
@include gradient-bg(lighten($color, 10%));
}
}
&:focus {
~ .custom-control-label::before {
box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);
}
}
}
}
// custom file
.custom-file-input {
.was-validated &:#{$state},
&.is-#{$state} {
~ .custom-file-label {
border-color: $color;
&::before { border-color: inherit; }
}
~ .#{$state}-feedback,
~ .#{$state}-tooltip {
display: block;
}
&:focus {
~ .custom-file-label {
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
}
}
}
}
}
bootstrap/mixins/_hover.scss 0000644 00000001466 15116221763 0012262 0 ustar 00 // stylelint-disable indentation
// Hover mixin and `$enable-hover-media-query` are deprecated.
//
// Origally added during our alphas and maintained during betas, this mixin was
// designed to prevent `:hover` stickiness on iOS—an issue where hover styles
// would persist after initial touch.
//
// For backward compatibility, we've kept these mixins and updated them to
// always return their regular psuedo-classes instead of a shimmed media query.
//
// Issue: https://github.com/twbs/bootstrap/issues/25195
@mixin hover {
&:hover { @content; }
}
@mixin hover-focus {
&:hover,
&:focus {
@content;
}
}
@mixin plain-hover-focus {
&,
&:hover,
&:focus {
@content;
}
}
@mixin hover-focus-active {
&:hover,
&:focus,
&:active {
@content;
}
}
bootstrap/mixins/_float.scss 0000644 00000000314 15116221763 0012233 0 ustar 00 // stylelint-disable declaration-no-important
@mixin float-left {
float: left !important;
}
@mixin float-right {
float: right !important;
}
@mixin float-none {
float: none !important;
}
bootstrap/mixins/_clearfix.scss 0000644 00000000144 15116221763 0012724 0 ustar 00 @mixin clearfix() {
&::after {
display: block;
clear: both;
content: "";
}
}
bootstrap/mixins/_gradients.scss 0000644 00000004025 15116221763 0013111 0 ustar 00 // Gradients
@mixin gradient-bg($color) {
@if $enable-gradients {
background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;
} @else {
background-color: $color;
}
}
// Horizontal gradient, from left to right
//
// Creates two color stops, start and end, by specifying a color and position for each color stop.
@mixin gradient-x($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
background-repeat: repeat-x;
}
// Vertical gradient, from top to bottom
//
// Creates two color stops, start and end, by specifying a color and position for each color stop.
@mixin gradient-y($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
background-repeat: repeat-x;
}
@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
background-image: linear-gradient($deg, $start-color, $end-color);
background-repeat: repeat-x;
}
@mixin gradient-x-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
background-repeat: no-repeat;
}
@mixin gradient-y-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
background-repeat: no-repeat;
}
@mixin gradient-radial($inner-color: #555, $outer-color: #333) {
background-image: radial-gradient(circle, $inner-color, $outer-color);
background-repeat: no-repeat;
}
@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
}
bootstrap/mixins/_list-group.scss 0000644 00000000702 15116221763 0013234 0 ustar 00 // List Groups
@mixin list-group-item-variant($state, $background, $color) {
.list-group-item-#{$state} {
color: $color;
background-color: $background;
&.list-group-item-action {
@include hover-focus {
color: $color;
background-color: darken($background, 5%);
}
&.active {
color: #fff;
background-color: $color;
border-color: $color;
}
}
}
}
bootstrap/mixins/_caret.scss 0000644 00000002764 15116221763 0012237 0 ustar 00 @mixin caret-down {
border-top: $caret-width solid;
border-right: $caret-width solid transparent;
border-bottom: 0;
border-left: $caret-width solid transparent;
}
@mixin caret-up {
border-top: 0;
border-right: $caret-width solid transparent;
border-bottom: $caret-width solid;
border-left: $caret-width solid transparent;
}
@mixin caret-right {
border-top: $caret-width solid transparent;
border-bottom: $caret-width solid transparent;
border-left: $caret-width solid;
}
@mixin caret-left {
border-top: $caret-width solid transparent;
border-right: $caret-width solid;
border-bottom: $caret-width solid transparent;
}
@mixin caret($direction: down) {
@if $enable-caret {
&::after {
display: inline-block;
width: 0;
height: 0;
margin-left: $caret-width * .85;
vertical-align: $caret-width * .85;
content: "";
@if $direction == down {
@include caret-down;
} @else if $direction == up {
@include caret-up;
} @else if $direction == right {
@include caret-right;
}
}
@if $direction == left {
&::after {
display: none;
}
&::before {
display: inline-block;
width: 0;
height: 0;
margin-right: $caret-width * .85;
vertical-align: $caret-width * .85;
content: "";
@include caret-left;
}
}
&:empty::after {
margin-left: 0;
}
}
}
bootstrap/mixins/_breakpoints.scss 0000644 00000010757 15116221763 0013463 0 ustar 00 // Breakpoint viewport sizes and media queries.
//
// Breakpoints are defined as a map of (name: minimum width), order from small to large:
//
// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
//
// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
// Name of the next breakpoint, or null for the last breakpoint.
//
// >> breakpoint-next(sm)
// md
// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// md
// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
// md
@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
$n: index($breakpoint-names, $name);
@return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
}
// Minimum breakpoint width. Null for the smallest (first) breakpoint.
//
// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// 576px
@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
$min: map-get($breakpoints, $name);
@return if($min != 0, $min, null);
}
// Maximum breakpoint width. Null for the largest (last) breakpoint.
// The maximum value is calculated as the minimum of the next one less 0.02px
// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
// See https://bugs.webkit.org/show_bug.cgi?id=178261
//
// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// 767.98px
@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
$next: breakpoint-next($name, $breakpoints);
@return if($next, breakpoint-min($next, $breakpoints) - .02px, null);
}
// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
// Useful for making responsive utilities.
//
// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// "" (Returns a blank string)
// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// "-sm"
@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
@return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
}
// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
// Makes the @content apply to the given breakpoint and wider.
@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
$min: breakpoint-min($name, $breakpoints);
@if $min {
@media (min-width: $min) {
@content;
}
} @else {
@content;
}
}
// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
// Makes the @content apply to the given breakpoint and narrower.
@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
$max: breakpoint-max($name, $breakpoints);
@if $max {
@media (max-width: $max) {
@content;
}
} @else {
@content;
}
}
// Media that spans multiple breakpoint widths.
// Makes the @content apply between the min and max breakpoints
@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
$min: breakpoint-min($lower, $breakpoints);
$max: breakpoint-max($upper, $breakpoints);
@if $min != null and $max != null {
@media (min-width: $min) and (max-width: $max) {
@content;
}
} @else if $max == null {
@include media-breakpoint-up($lower, $breakpoints) {
@content;
}
} @else if $min == null {
@include media-breakpoint-down($upper, $breakpoints) {
@content;
}
}
}
// Media between the breakpoint's minimum and maximum widths.
// No minimum for the smallest breakpoint, and no maximum for the largest one.
// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
$min: breakpoint-min($name, $breakpoints);
$max: breakpoint-max($name, $breakpoints);
@if $min != null and $max != null {
@media (min-width: $min) and (max-width: $max) {
@content;
}
} @else if $max == null {
@include media-breakpoint-up($name, $breakpoints) {
@content;
}
} @else if $min == null {
@include media-breakpoint-down($name, $breakpoints) {
@content;
}
}
}
bootstrap/mixins/_screen-reader.scss 0000644 00000001455 15116221763 0013654 0 ustar 00 // Only display content to screen readers
//
// See: http://a11yproject.com/posts/how-to-hide-content/
// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
@mixin sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
clip-path: inset(50%);
border: 0;
}
// Use in conjunction with .sr-only to only display content when it's focused.
//
// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
//
// Credit: HTML5 Boilerplate
@mixin sr-only-focusable {
&:active,
&:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
clip-path: none;
}
}
bootstrap/mixins/_table-row.scss 0000644 00000001245 15116221763 0013026 0 ustar 00 // Tables
@mixin table-row-variant($state, $background) {
// Exact selectors below required to override `.table-striped` and prevent
// inheritance to nested tables.
.table-#{$state} {
&,
> th,
> td {
background-color: $background;
}
}
// Hover states for `.table-hover`
// Note: this is not available for cells or rows within `thead` or `tfoot`.
.table-hover {
$hover-background: darken($background, 5%);
.table-#{$state} {
@include hover {
background-color: $hover-background;
> td,
> th {
background-color: $hover-background;
}
}
}
}
}
bootstrap/mixins/_box-shadow.scss 0000644 00000000134 15116221763 0013201 0 ustar 00 @mixin box-shadow($shadow...) {
@if $enable-shadows {
box-shadow: $shadow;
}
}
bootstrap/mixins/_buttons.scss 0000644 00000006333 15116221763 0012633 0 ustar 00 // Button variants
//
// Easily pump out default styles, as well as :hover, :focus, :active,
// and disabled options for all buttons
@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
color: color-yiq($background);
@include gradient-bg($background);
border-color: $border;
@include box-shadow($btn-box-shadow);
@include hover {
color: color-yiq($hover-background);
@include gradient-bg($hover-background);
border-color: $hover-border;
}
&:focus,
&.focus {
// Avoid using mixin so we can pass custom focus shadow properly
@if $enable-shadows {
box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
} @else {
box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
}
}
// Disabled comes first so active can properly restyle
&.disabled,
&:disabled {
color: color-yiq($background);
background-color: $background;
border-color: $border;
}
&:not(:disabled):not(.disabled):active,
&:not(:disabled):not(.disabled).active,
.show > &.dropdown-toggle {
color: color-yiq($active-background);
background-color: $active-background;
@if $enable-gradients {
background-image: none; // Remove the gradient for the pressed/active state
}
border-color: $active-border;
&:focus {
// Avoid using mixin so we can pass custom focus shadow properly
@if $enable-shadows {
box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
} @else {
box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
}
}
}
}
@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
color: $color;
background-color: transparent;
background-image: none;
border-color: $color;
&:hover {
color: $color-hover;
background-color: $active-background;
border-color: $active-border;
}
&:focus,
&.focus {
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
}
&.disabled,
&:disabled {
color: $color;
background-color: transparent;
}
&:not(:disabled):not(.disabled):active,
&:not(:disabled):not(.disabled).active,
.show > &.dropdown-toggle {
color: color-yiq($active-background);
background-color: $active-background;
border-color: $active-border;
&:focus {
// Avoid using mixin so we can pass custom focus shadow properly
@if $enable-shadows and $btn-active-box-shadow != none {
box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
} @else {
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
}
}
}
}
// Button sizes
@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
padding: $padding-y $padding-x;
font-size: $font-size;
line-height: $line-height;
// Manually declare to provide an override to the browser default
@if $enable-rounded {
border-radius: $border-radius;
} @else {
border-radius: 0;
}
}
bootstrap/mixins/_alert.scss 0000644 00000000377 15116221763 0012246 0 ustar 00 @mixin alert-variant($background, $border, $color) {
color: $color;
@include gradient-bg($background);
border-color: $border;
hr {
border-top-color: darken($border, 5%);
}
.alert-link {
color: darken($color, 10%);
}
}
bootstrap/mixins/_text-hide.scss 0000644 00000000360 15116221763 0013022 0 ustar 00 // CSS image replacement
@mixin text-hide() {
// stylelint-disable-next-line font-family-no-missing-generic-family-keyword
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
bootstrap/mixins/_text-truncate.scss 0000644 00000000260 15116221763 0013735 0 ustar 00 // Text truncate
// Requires inline-block or block for proper styling
@mixin text-truncate() {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
bootstrap/mixins/_text-emphasis.scss 0000644 00000000421 15116221763 0013720 0 ustar 00 // stylelint-disable declaration-no-important
// Typography
@mixin text-emphasis-variant($parent, $color) {
#{$parent} {
color: $color !important;
}
a#{$parent} {
@include hover-focus {
color: darken($color, 10%) !important;
}
}
}
bootstrap/mixins/_grid-framework.scss 0000644 00000003656 15116221763 0014062 0 ustar 00 // Framework grid generation
//
// Used only by Bootstrap to generate the correct number of grid classes given
// any value of `$grid-columns`.
@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
// Common properties for all breakpoints
%grid-column {
position: relative;
width: 100%;
min-height: 1px; // Prevent columns from collapsing when empty
padding-right: ($gutter / 2);
padding-left: ($gutter / 2);
}
@each $breakpoint in map-keys($breakpoints) {
$infix: breakpoint-infix($breakpoint, $breakpoints);
// Allow columns to stretch full width below their breakpoints
@for $i from 1 through $columns {
.col#{$infix}-#{$i} {
@extend %grid-column;
}
}
.col#{$infix},
.col#{$infix}-auto {
@extend %grid-column;
}
@include media-breakpoint-up($breakpoint, $breakpoints) {
// Provide basic `.col-{bp}` classes for equal-width flexbox columns
.col#{$infix} {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col#{$infix}-auto {
flex: 0 0 auto;
width: auto;
max-width: none; // Reset earlier grid tiers
}
@for $i from 1 through $columns {
.col#{$infix}-#{$i} {
@include make-col($i, $columns);
}
}
.order#{$infix}-first { order: -1; }
.order#{$infix}-last { order: $columns + 1; }
@for $i from 0 through $columns {
.order#{$infix}-#{$i} { order: $i; }
}
// `$columns - 1` because offsetting by the width of an entire row isn't possible
@for $i from 0 through ($columns - 1) {
@if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
.offset#{$infix}-#{$i} {
@include make-col-offset($i, $columns);
}
}
}
}
}
}
bootstrap/mixins/_size.scss 0000644 00000000150 15116221763 0012076 0 ustar 00 // Sizing shortcuts
@mixin size($width, $height: $width) {
width: $width;
height: $height;
}
bootstrap/mixins/_nav-divider.scss 0000644 00000000346 15116221763 0013343 0 ustar 00 // Horizontal dividers
//
// Dividers (basically an hr) within dropdowns and nav lists
@mixin nav-divider($color: #e5e5e5) {
height: 0;
margin: ($spacer / 2) 0;
overflow: hidden;
border-top: 1px solid $color;
}
bootstrap/mixins/_transition.scss 0000644 00000000311 15116221763 0013315 0 ustar 00 @mixin transition($transition...) {
@if $enable-transitions {
@if length($transition) == 0 {
transition: $transition-base;
} @else {
transition: $transition;
}
}
}
bootstrap/mixins/_pagination.scss 0000644 00000000733 15116221763 0013264 0 ustar 00 // Pagination
@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
.page-link {
padding: $padding-y $padding-x;
font-size: $font-size;
line-height: $line-height;
}
.page-item {
&:first-child {
.page-link {
@include border-left-radius($border-radius);
}
}
&:last-child {
.page-link {
@include border-right-radius($border-radius);
}
}
}
}
bootstrap/mixins/_grid.scss 0000644 00000003172 15116221763 0012060 0 ustar 00 /// Grid system
//
// Generate semantic grid columns with these mixins.
@mixin make-container() {
width: 100%;
padding-right: ($grid-gutter-width / 2);
padding-left: ($grid-gutter-width / 2);
margin-right: auto;
margin-left: auto;
}
// For each breakpoint, define the maximum width of the container in a media query
@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
@each $breakpoint, $container-max-width in $max-widths {
@include media-breakpoint-up($breakpoint, $breakpoints) {
max-width: $container-max-width;
}
}
}
@mixin make-row() {
display: flex;
flex-wrap: wrap;
margin-right: ($grid-gutter-width / -2);
margin-left: ($grid-gutter-width / -2);
}
@mixin make-col-ready() {
position: relative;
// Prevent columns from becoming too narrow when at smaller grid tiers by
// always setting `width: 100%;`. This works because we use `flex` values
// later on to override this initial width.
width: 100%;
min-height: 1px; // Prevent collapsing
padding-right: ($grid-gutter-width / 2);
padding-left: ($grid-gutter-width / 2);
}
@mixin make-col($size, $columns: $grid-columns) {
flex: 0 0 percentage($size / $columns);
// Add a `max-width` to ensure content within each column does not blow out
// the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
// do not appear to require this.
max-width: percentage($size / $columns);
}
@mixin make-col-offset($size, $columns: $grid-columns) {
$num: $size / $columns;
margin-left: if($num == 0, 0, percentage($num));
}
bootstrap/mixins/_border-radius.scss 0000644 00000001365 15116221763 0013677 0 ustar 00 // Single side border-radius
@mixin border-radius($radius: $border-radius) {
@if $enable-rounded {
border-radius: $radius;
}
}
@mixin border-top-radius($radius) {
@if $enable-rounded {
border-top-left-radius: $radius;
border-top-right-radius: $radius;
}
}
@mixin border-right-radius($radius) {
@if $enable-rounded {
border-top-right-radius: $radius;
border-bottom-right-radius: $radius;
}
}
@mixin border-bottom-radius($radius) {
@if $enable-rounded {
border-bottom-right-radius: $radius;
border-bottom-left-radius: $radius;
}
}
@mixin border-left-radius($radius) {
@if $enable-rounded {
border-top-left-radius: $radius;
border-bottom-left-radius: $radius;
}
}
bootstrap/mixins/_badge.scss 0000644 00000000362 15116221763 0012173 0 ustar 00 @mixin badge-variant($bg) {
color: color-yiq($bg);
background-color: $bg;
&[href] {
@include hover-focus {
color: color-yiq($bg);
text-decoration: none;
background-color: darken($bg, 10%);
}
}
}
bootstrap/mixins/_resize.scss 0000644 00000000320 15116221763 0012424 0 ustar 00 // Resize anything
@mixin resizable($direction) {
overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
resize: $direction; // Options: horizontal, vertical, both
}
bootstrap/_progress.scss 0000644 00000001552 15116221763 0011470 0 ustar 00 @keyframes progress-bar-stripes {
from { background-position: $progress-height 0; }
to { background-position: 0 0; }
}
.progress {
display: flex;
height: $progress-height;
overflow: hidden; // force rounded corners by cropping it
font-size: $progress-font-size;
background-color: $progress-bg;
@include border-radius($progress-border-radius);
@include box-shadow($progress-box-shadow);
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
color: $progress-bar-color;
text-align: center;
background-color: $progress-bar-bg;
@include transition($progress-bar-transition);
}
.progress-bar-striped {
@include gradient-striped();
background-size: $progress-height $progress-height;
}
.progress-bar-animated {
animation: progress-bar-stripes $progress-bar-animation-timing;
}
bootstrap/_type.scss 0000644 00000004300 15116221763 0010577 0 ustar 00 // stylelint-disable declaration-no-important, selector-list-comma-newline-after
//
// Headings
//
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: $headings-margin-bottom;
font-family: $headings-font-family;
font-weight: $headings-font-weight;
line-height: $headings-line-height;
color: $headings-color;
}
h1, .h1 { font-size: $h1-font-size; }
h2, .h2 { font-size: $h2-font-size; }
h3, .h3 { font-size: $h3-font-size; }
h4, .h4 { font-size: $h4-font-size; }
h5, .h5 { font-size: $h5-font-size; }
h6, .h6 { font-size: $h6-font-size; }
.lead {
font-size: $lead-font-size;
font-weight: $lead-font-weight;
}
// Type display classes
.display-1 {
font-size: $display1-size;
font-weight: $display1-weight;
line-height: $display-line-height;
}
.display-2 {
font-size: $display2-size;
font-weight: $display2-weight;
line-height: $display-line-height;
}
.display-3 {
font-size: $display3-size;
font-weight: $display3-weight;
line-height: $display-line-height;
}
.display-4 {
font-size: $display4-size;
font-weight: $display4-weight;
line-height: $display-line-height;
}
//
// Horizontal rules
//
hr {
margin-top: $hr-margin-y;
margin-bottom: $hr-margin-y;
border: 0;
border-top: $hr-border-width solid $hr-border-color;
}
//
// Emphasis
//
small,
.small {
font-size: $small-font-size;
font-weight: $font-weight-normal;
}
mark,
.mark {
padding: $mark-padding;
background-color: $mark-bg;
}
//
// Lists
//
.list-unstyled {
@include list-unstyled;
}
// Inline turns list items into inline-block
.list-inline {
@include list-unstyled;
}
.list-inline-item {
display: inline-block;
&:not(:last-child) {
margin-right: $list-inline-padding;
}
}
//
// Misc
//
// Builds on `abbr`
.initialism {
font-size: 90%;
text-transform: uppercase;
}
// Blockquotes
.blockquote {
margin-bottom: $spacer;
font-size: $blockquote-font-size;
}
.blockquote-footer {
display: block;
font-size: 80%; // back to default font-size
color: $blockquote-small-color;
&::before {
content: "\2014 \00A0"; // em dash, nbsp
}
}
bootstrap/_close.scss 0000644 00000001576 15116221763 0010737 0 ustar 00 .close {
float: right;
font-size: $close-font-size;
font-weight: $close-font-weight;
line-height: 1;
color: $close-color;
text-shadow: $close-text-shadow;
opacity: .5;
@include hover-focus {
color: $close-color;
text-decoration: none;
opacity: .75;
}
// Opinionated: add "hand" cursor to non-disabled .close elements
&:not(:disabled):not(.disabled) {
cursor: pointer;
}
}
// Additional properties for button version
// iOS requires the button element instead of an anchor tag.
// If you want the anchor version, it requires `href="#"`.
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
// stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
}
// stylelint-enable
bootstrap/_dropdown.scss 0000644 00000006227 15116221763 0011464 0 ustar 00 // The dropdown wrapper (`<div>`)
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle {
// Generate the caret automatically
@include caret;
}
// The dropdown menu
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: $zindex-dropdown;
display: none; // none by default, but block on "open" of the menu
float: left;
min-width: $dropdown-min-width;
padding: $dropdown-padding-y 0;
margin: $dropdown-spacer 0 0; // override default ul
font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues
color: $body-color;
text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
list-style: none;
background-color: $dropdown-bg;
background-clip: padding-box;
border: $dropdown-border-width solid $dropdown-border-color;
@include border-radius($dropdown-border-radius);
@include box-shadow($dropdown-box-shadow);
}
// Allow for dropdowns to go bottom up (aka, dropup-menu)
// Just add .dropup after the standard .dropdown class and you're set.
.dropup {
.dropdown-menu {
margin-top: 0;
margin-bottom: $dropdown-spacer;
}
.dropdown-toggle {
@include caret(up);
}
}
.dropright {
.dropdown-menu {
margin-top: 0;
margin-left: $dropdown-spacer;
}
.dropdown-toggle {
@include caret(right);
&::after {
vertical-align: 0;
}
}
}
.dropleft {
.dropdown-menu {
margin-top: 0;
margin-right: $dropdown-spacer;
}
.dropdown-toggle {
@include caret(left);
&::before {
vertical-align: 0;
}
}
}
// Dividers (basically an `<hr>`) within the dropdown
.dropdown-divider {
@include nav-divider($dropdown-divider-bg);
}
// Links, buttons, and more within the dropdown menu
//
// `<button>`-specific styles are denoted with `// For <button>s`
.dropdown-item {
display: block;
width: 100%; // For `<button>`s
padding: $dropdown-item-padding-y $dropdown-item-padding-x;
clear: both;
font-weight: $font-weight-normal;
color: $dropdown-link-color;
text-align: inherit; // For `<button>`s
white-space: nowrap; // prevent links from randomly breaking onto new lines
background-color: transparent; // For `<button>`s
border: 0; // For `<button>`s
@include hover-focus {
color: $dropdown-link-hover-color;
text-decoration: none;
@include gradient-bg($dropdown-link-hover-bg);
}
&.active,
&:active {
color: $dropdown-link-active-color;
text-decoration: none;
@include gradient-bg($dropdown-link-active-bg);
}
&.disabled,
&:disabled {
color: $dropdown-link-disabled-color;
background-color: transparent;
// Remove CSS gradients if they're enabled
@if $enable-gradients {
background-image: none;
}
}
}
.dropdown-menu.show {
display: block;
}
// Dropdown section headers
.dropdown-header {
display: block;
padding: $dropdown-padding-y $dropdown-item-padding-x;
margin-bottom: 0; // for use with heading elements
font-size: $font-size-sm;
color: $dropdown-header-color;
white-space: nowrap; // as with > li > a
}
bootstrap/_tables.scss 0000644 00000007026 15116221763 0011100 0 ustar 00 //
// Basic Bootstrap table
//
.table {
width: 100%;
max-width: 100%;
margin-bottom: $spacer;
background-color: $table-bg; // Reset for nesting within parents with `background-color`.
th,
td {
padding: $table-cell-padding;
vertical-align: top;
border-top: $table-border-width solid $table-border-color;
}
thead th {
vertical-align: bottom;
border-bottom: (2 * $table-border-width) solid $table-border-color;
}
tbody + tbody {
border-top: (2 * $table-border-width) solid $table-border-color;
}
.table {
background-color: $body-bg;
}
}
//
// Condensed table w/ half padding
//
.table-sm {
th,
td {
padding: $table-cell-padding-sm;
}
}
// Bordered version
//
// Add borders all around the table and between all the columns.
.table-bordered {
border: $table-border-width solid $table-border-color;
th,
td {
border: $table-border-width solid $table-border-color;
}
thead {
th,
td {
border-bottom-width: (2 * $table-border-width);
}
}
}
// Zebra-striping
//
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
.table-striped {
tbody tr:nth-of-type(odd) {
background-color: $table-accent-bg;
}
}
// Hover effect
//
// Placed here since it has to come after the potential zebra striping
.table-hover {
tbody tr {
@include hover {
background-color: $table-hover-bg;
}
}
}
// Table backgrounds
//
// Exact selectors below required to override `.table-striped` and prevent
// inheritance to nested tables.
@each $color, $value in $theme-colors {
@include table-row-variant($color, theme-color-level($color, -9));
}
@include table-row-variant(active, $table-active-bg);
// Dark styles
//
// Same table markup, but inverted color scheme: dark background and light text.
// stylelint-disable-next-line no-duplicate-selectors
.table {
.thead-dark {
th {
color: $table-dark-color;
background-color: $table-dark-bg;
border-color: $table-dark-border-color;
}
}
.thead-light {
th {
color: $table-head-color;
background-color: $table-head-bg;
border-color: $table-border-color;
}
}
}
.table-dark {
color: $table-dark-color;
background-color: $table-dark-bg;
th,
td,
thead th {
border-color: $table-dark-border-color;
}
&.table-bordered {
border: 0;
}
&.table-striped {
tbody tr:nth-of-type(odd) {
background-color: $table-dark-accent-bg;
}
}
&.table-hover {
tbody tr {
@include hover {
background-color: $table-dark-hover-bg;
}
}
}
}
// Responsive tables
//
// Generate series of `.table-responsive-*` classes for configuring the screen
// size of where your table will overflow.
.table-responsive {
@each $breakpoint in map-keys($grid-breakpoints) {
$next: breakpoint-next($breakpoint, $grid-breakpoints);
$infix: breakpoint-infix($next, $grid-breakpoints);
&#{$infix} {
@include media-breakpoint-down($breakpoint) {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
// Prevent double border on horizontal scroll due to use of `display: block;`
> .table-bordered {
border: 0;
}
}
}
}
}
bootstrap/_transitions.scss 0000644 00000000750 15116221763 0012200 0 ustar 00 // stylelint-disable selector-no-qualifying-type
.fade {
opacity: 0;
@include transition($transition-fade);
&.show {
opacity: 1;
}
}
.collapse {
display: none;
&.show {
display: block;
}
}
tr {
&.collapse.show {
display: table-row;
}
}
tbody {
&.collapse.show {
display: table-row-group;
}
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
@include transition($transition-collapse);
}
bootstrap/_carousel.scss 0000644 00000010474 15116221763 0011444 0 ustar 00 // Wrapper for the slide container and indicators
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-item {
position: relative;
display: none;
align-items: center;
width: 100%;
@include transition($carousel-transition);
backface-visibility: hidden;
perspective: 1000px;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
}
.carousel-item-next,
.carousel-item-prev {
position: absolute;
top: 0;
}
// CSS3 transforms when supported by the browser
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
transform: translateX(0);
@supports (transform-style: preserve-3d) {
transform: translate3d(0, 0, 0);
}
}
.carousel-item-next,
.active.carousel-item-right {
transform: translateX(100%);
@supports (transform-style: preserve-3d) {
transform: translate3d(100%, 0, 0);
}
}
.carousel-item-prev,
.active.carousel-item-left {
transform: translateX(-100%);
@supports (transform-style: preserve-3d) {
transform: translate3d(-100%, 0, 0);
}
}
//
// Left/right controls for nav
//
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
// Use flex for alignment (1-3)
display: flex; // 1. allow flex styles
align-items: center; // 2. vertically center contents
justify-content: center; // 3. horizontally center contents
width: $carousel-control-width;
color: $carousel-control-color;
text-align: center;
opacity: $carousel-control-opacity;
// We can't have a transition here because WebKit cancels the carousel
// animation if you trip this while in the middle of another animation.
// Hover/focus state
@include hover-focus {
color: $carousel-control-color;
text-decoration: none;
outline: 0;
opacity: .9;
}
}
.carousel-control-prev {
left: 0;
@if $enable-gradients {
background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
}
}
.carousel-control-next {
right: 0;
@if $enable-gradients {
background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
}
}
// Icons for within
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: $carousel-control-icon-width;
height: $carousel-control-icon-width;
background: transparent no-repeat center center;
background-size: 100% 100%;
}
.carousel-control-prev-icon {
background-image: $carousel-control-prev-icon-bg;
}
.carousel-control-next-icon {
background-image: $carousel-control-next-icon-bg;
}
// Optional indicator pips
//
// Add an ordered list with the following class and add a list item for each
// slide your carousel holds.
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0; // override <ol> default
// Use the .carousel-control's width as margin so we don't overlay those
margin-right: $carousel-control-width;
margin-left: $carousel-control-width;
list-style: none;
li {
position: relative;
flex: 0 1 auto;
width: $carousel-indicator-width;
height: $carousel-indicator-height;
margin-right: $carousel-indicator-spacer;
margin-left: $carousel-indicator-spacer;
text-indent: -999px;
background-color: rgba($carousel-indicator-active-bg, .5);
// Use pseudo classes to increase the hit area by 10px on top and bottom.
&::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
&::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
}
.active {
background-color: $carousel-indicator-active-bg;
}
}
// Optional captions
//
//
.carousel-caption {
position: absolute;
right: ((100% - $carousel-caption-width) / 2);
bottom: 20px;
left: ((100% - $carousel-caption-width) / 2);
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: $carousel-caption-color;
text-align: center;
}
bootstrap/_functions.scss 0000644 00000005267 15116221763 0011643 0 ustar 00 // Bootstrap functions
//
// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.
// Ascending
// Used to evaluate Sass maps like our grid breakpoints.
@mixin _assert-ascending($map, $map-name) {
$prev-key: null;
$prev-num: null;
@each $key, $num in $map {
@if $prev-num == null {
// Do nothing
} @else if not comparable($prev-num, $num) {
@warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
} @else if $prev-num >= $num {
@warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
}
$prev-key: $key;
$prev-num: $num;
}
}
// Starts at zero
// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
@mixin _assert-starts-at-zero($map) {
$values: map-values($map);
$first-value: nth($values, 1);
@if $first-value != 0 {
@warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
}
}
// Replace `$search` with `$replace` in `$string`
// Used on our SVG icon backgrounds for custom forms.
//
// @author Hugo Giraudel
// @param {String} $string - Initial string
// @param {String} $search - Substring to replace
// @param {String} $replace ('') - New value
// @return {String} - Updated string
@function str-replace($string, $search, $replace: "") {
$index: str-index($string, $search);
@if $index {
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
}
@return $string;
}
// Color contrast
@function color-yiq($color) {
$r: red($color);
$g: green($color);
$b: blue($color);
$yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
@if ($yiq >= $yiq-contrasted-threshold) {
@return $yiq-text-dark;
} @else {
@return $yiq-text-light;
}
}
// Retrieve color Sass maps
@function color($key: "blue") {
@return map-get($colors, $key);
}
@function theme-color($key: "primary") {
@return map-get($theme-colors, $key);
}
@function gray($key: "100") {
@return map-get($grays, $key);
}
// Request a theme color level
@function theme-color-level($color-name: "primary", $level: 0) {
$color: theme-color($color-name);
$color-base: if($level > 0, #000, #fff);
$level: abs($level);
@return mix($color-base, $color, $level * $theme-color-interval);
}
bootstrap/_card.scss 0000644 00000013513 15116221763 0010535 0 ustar 00 //
// Base styles
//
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: $card-bg;
background-clip: border-box;
border: $card-border-width solid $card-border-color;
@include border-radius($card-border-radius);
> hr {
margin-right: 0;
margin-left: 0;
}
> .list-group:first-child {
.list-group-item:first-child {
@include border-top-radius($card-border-radius);
}
}
> .list-group:last-child {
.list-group-item:last-child {
@include border-bottom-radius($card-border-radius);
}
}
}
.card-body {
// Enable `flex-grow: 1` for decks and groups so that card blocks take up
// as much space as possible, ensuring footers are aligned to the bottom.
flex: 1 1 auto;
padding: $card-spacer-x;
}
.card-title {
margin-bottom: $card-spacer-y;
}
.card-subtitle {
margin-top: -($card-spacer-y / 2);
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link {
@include hover {
text-decoration: none;
}
+ .card-link {
margin-left: $card-spacer-x;
}
}
//
// Optional textual caps
//
.card-header {
padding: $card-spacer-y $card-spacer-x;
margin-bottom: 0; // Removes the default margin-bottom of <hN>
background-color: $card-cap-bg;
border-bottom: $card-border-width solid $card-border-color;
&:first-child {
@include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
}
+ .list-group {
.list-group-item:first-child {
border-top: 0;
}
}
}
.card-footer {
padding: $card-spacer-y $card-spacer-x;
background-color: $card-cap-bg;
border-top: $card-border-width solid $card-border-color;
&:last-child {
@include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
}
}
//
// Header navs
//
.card-header-tabs {
margin-right: -($card-spacer-x / 2);
margin-bottom: -$card-spacer-y;
margin-left: -($card-spacer-x / 2);
border-bottom: 0;
}
.card-header-pills {
margin-right: -($card-spacer-x / 2);
margin-left: -($card-spacer-x / 2);
}
// Card image
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: $card-img-overlay-padding;
}
.card-img {
width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
@include border-radius($card-inner-border-radius);
}
// Card image caps
.card-img-top {
width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
@include border-top-radius($card-inner-border-radius);
}
.card-img-bottom {
width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
@include border-bottom-radius($card-inner-border-radius);
}
// Card deck
.card-deck {
display: flex;
flex-direction: column;
.card {
margin-bottom: $card-deck-margin;
}
@include media-breakpoint-up(sm) {
flex-flow: row wrap;
margin-right: -$card-deck-margin;
margin-left: -$card-deck-margin;
.card {
display: flex;
// Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
flex: 1 0 0%;
flex-direction: column;
margin-right: $card-deck-margin;
margin-bottom: 0; // Override the default
margin-left: $card-deck-margin;
}
}
}
//
// Card groups
//
.card-group {
display: flex;
flex-direction: column;
// The child selector allows nested `.card` within `.card-group`
// to display properly.
> .card {
margin-bottom: $card-group-margin;
}
@include media-breakpoint-up(sm) {
flex-flow: row wrap;
// The child selector allows nested `.card` within `.card-group`
// to display properly.
> .card {
// Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
flex: 1 0 0%;
margin-bottom: 0;
+ .card {
margin-left: 0;
border-left: 0;
}
// Handle rounded corners
@if $enable-rounded {
&:first-child {
@include border-right-radius(0);
.card-img-top,
.card-header {
border-top-right-radius: 0;
}
.card-img-bottom,
.card-footer {
border-bottom-right-radius: 0;
}
}
&:last-child {
@include border-left-radius(0);
.card-img-top,
.card-header {
border-top-left-radius: 0;
}
.card-img-bottom,
.card-footer {
border-bottom-left-radius: 0;
}
}
&:only-child {
@include border-radius($card-border-radius);
.card-img-top,
.card-header {
@include border-top-radius($card-border-radius);
}
.card-img-bottom,
.card-footer {
@include border-bottom-radius($card-border-radius);
}
}
&:not(:first-child):not(:last-child):not(:only-child) {
@include border-radius(0);
.card-img-top,
.card-img-bottom,
.card-header,
.card-footer {
@include border-radius(0);
}
}
}
}
}
}
//
// Columns
//
.card-columns {
.card {
margin-bottom: $card-columns-margin;
}
@include media-breakpoint-up(sm) {
column-count: $card-columns-count;
column-gap: $card-columns-gap;
.card {
display: inline-block; // Don't let them vertically span multiple columns
width: 100%; // Don't let their width change
}
}
}
bootstrap/_pagination.scss 0000644 00000003567 15116221763 0011765 0 ustar 00 .pagination {
display: flex;
@include list-unstyled();
@include border-radius();
}
.page-link {
position: relative;
display: block;
padding: $pagination-padding-y $pagination-padding-x;
margin-left: -$pagination-border-width;
line-height: $pagination-line-height;
color: $pagination-color;
background-color: $pagination-bg;
border: $pagination-border-width solid $pagination-border-color;
&:hover {
color: $pagination-hover-color;
text-decoration: none;
background-color: $pagination-hover-bg;
border-color: $pagination-hover-border-color;
}
&:focus {
z-index: 2;
outline: 0;
box-shadow: $pagination-focus-box-shadow;
}
// Opinionated: add "hand" cursor to non-disabled .page-link elements
&:not(:disabled):not(.disabled) {
cursor: pointer;
}
}
.page-item {
&:first-child {
.page-link {
margin-left: 0;
@include border-left-radius($border-radius);
}
}
&:last-child {
.page-link {
@include border-right-radius($border-radius);
}
}
&.active .page-link {
z-index: 1;
color: $pagination-active-color;
background-color: $pagination-active-bg;
border-color: $pagination-active-border-color;
}
&.disabled .page-link {
color: $pagination-disabled-color;
pointer-events: none;
// Opinionated: remove the "hand" cursor set previously for .page-link
cursor: auto;
background-color: $pagination-disabled-bg;
border-color: $pagination-disabled-border-color;
}
}
//
// Sizing
//
.pagination-lg {
@include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
}
.pagination-sm {
@include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
}
bootstrap/_media.scss 0000644 00000000133 15116221763 0010675 0 ustar 00 .media {
display: flex;
align-items: flex-start;
}
.media-body {
flex: 1;
}
bootstrap/_grid.scss 0000644 00000002054 15116221763 0010547 0 ustar 00 // Container widths
//
// Set the container width, and override it for fixed navbars in media queries.
@if $enable-grid-classes {
.container {
@include make-container();
@include make-container-max-widths();
}
}
// Fluid container
//
// Utilizes the mixin meant for fixed width containers, but with 100% width for
// fluid, full width layouts.
@if $enable-grid-classes {
.container-fluid {
@include make-container();
}
}
// Row
//
// Rows contain and clear the floats of your columns.
@if $enable-grid-classes {
.row {
@include make-row();
}
// Remove the negative margin from default .row, then the horizontal padding
// from all immediate children columns (to prevent runaway style inheritance).
.no-gutters {
margin-right: 0;
margin-left: 0;
> .col,
> [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
}
}
// Columns
//
// Common styles for small and large grid columns
@if $enable-grid-classes {
@include make-grid-columns();
}
bootstrap/_badge.scss 0000644 00000002005 15116221763 0010660 0 ustar 00 // Base class
//
// Requires one of the contextual, color modifier classes for `color` and
// `background-color`.
.badge {
display: inline-block;
padding: $badge-padding-y $badge-padding-x;
font-size: $badge-font-size;
font-weight: $badge-font-weight;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
@include border-radius($badge-border-radius);
// Empty badges collapse automatically
&:empty {
display: none;
}
}
// Quick fix for badges in buttons
.btn .badge {
position: relative;
top: -1px;
}
// Pill badges
//
// Make them extra rounded with a modifier to replace v3's badges.
.badge-pill {
padding-right: $badge-pill-padding-x;
padding-left: $badge-pill-padding-x;
@include border-radius($badge-pill-border-radius);
}
// Colors
//
// Contextual variations (linked badges get darker on :hover).
@each $color, $value in $theme-colors {
.badge-#{$color} {
@include badge-variant($value);
}
}
bootstrap/_code.scss 0000644 00000002141 15116221763 0010531 0 ustar 00 // Inline and block code styles
code,
kbd,
pre,
samp {
font-family: $font-family-monospace;
}
// Inline code
code {
font-size: $code-font-size;
color: $code-color;
word-break: break-word;
// Streamline the style when inside anchors to avoid broken underline and more
a > & {
color: inherit;
}
}
// User input typically entered via keyboard
kbd {
padding: $kbd-padding-y $kbd-padding-x;
font-size: $kbd-font-size;
color: $kbd-color;
background-color: $kbd-bg;
@include border-radius($border-radius-sm);
@include box-shadow($kbd-box-shadow);
kbd {
padding: 0;
font-size: 100%;
font-weight: $nested-kbd-font-weight;
@include box-shadow(none);
}
}
// Blocks of code
pre {
display: block;
font-size: $code-font-size;
color: $pre-color;
// Account for some code outputs that place code tags in pre tags
code {
font-size: inherit;
color: inherit;
word-break: normal;
}
}
// Enable scrollable blocks of code
.pre-scrollable {
max-height: $pre-scrollable-max-height;
overflow-y: scroll;
}
bootstrap/_navbar.scss 0000644 00000015664 15116221763 0011106 0 ustar 00 // Contents
//
// Navbar
// Navbar brand
// Navbar nav
// Navbar text
// Navbar divider
// Responsive navbar
// Navbar position
// Navbar themes
// Navbar
//
// Provide a static navbar from which we expand to create full-width, fixed, and
// other navbar variations.
.navbar {
position: relative;
display: flex;
flex-wrap: wrap; // allow us to do the line break for collapsing content
align-items: center;
justify-content: space-between; // space out brand from logo
padding: $navbar-padding-y $navbar-padding-x;
// Because flex properties aren't inherited, we need to redeclare these first
// few properities so that content nested within behave properly.
> .container,
> .container-fluid {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
}
// Navbar brand
//
// Used for brand, project, or site names.
.navbar-brand {
display: inline-block;
padding-top: $navbar-brand-padding-y;
padding-bottom: $navbar-brand-padding-y;
margin-right: $navbar-padding-x;
font-size: $navbar-brand-font-size;
line-height: inherit;
white-space: nowrap;
@include hover-focus {
text-decoration: none;
}
}
// Navbar nav
//
// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
.navbar-nav {
display: flex;
flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
padding-left: 0;
margin-bottom: 0;
list-style: none;
.nav-link {
padding-right: 0;
padding-left: 0;
}
.dropdown-menu {
position: static;
float: none;
}
}
// Navbar text
//
//
.navbar-text {
display: inline-block;
padding-top: $nav-link-padding-y;
padding-bottom: $nav-link-padding-y;
}
// Responsive navbar
//
// Custom styles for responsive collapsing and toggling of navbar contents.
// Powered by the collapse Bootstrap JavaScript plugin.
// When collapsed, prevent the toggleable navbar contents from appearing in
// the default flexbox row orienation. Requires the use of `flex-wrap: wrap`
// on the `.navbar` parent.
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
// For always expanded or extra full navbars, ensure content aligns itself
// properly vertically. Can be easily overridden with flex utilities.
align-items: center;
}
// Button for toggling the navbar when in its collapsed state
.navbar-toggler {
padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
font-size: $navbar-toggler-font-size;
line-height: 1;
background-color: transparent; // remove default button style
border: $border-width solid transparent; // remove default button style
@include border-radius($navbar-toggler-border-radius);
@include hover-focus {
text-decoration: none;
}
// Opinionated: add "hand" cursor to non-disabled .navbar-toggler elements
&:not(:disabled):not(.disabled) {
cursor: pointer;
}
}
// Keep as a separate element so folks can easily override it with another icon
// or image file as needed.
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
}
// Generate series of `.navbar-expand-*` responsive classes for configuring
// where your navbar collapses.
.navbar-expand {
@each $breakpoint in map-keys($grid-breakpoints) {
$next: breakpoint-next($breakpoint, $grid-breakpoints);
$infix: breakpoint-infix($next, $grid-breakpoints);
&#{$infix} {
@include media-breakpoint-down($breakpoint) {
> .container,
> .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@include media-breakpoint-up($next) {
flex-flow: row nowrap;
justify-content: flex-start;
.navbar-nav {
flex-direction: row;
.dropdown-menu {
position: absolute;
}
.dropdown-menu-right {
right: 0;
left: auto; // Reset the default from `.dropdown-menu`
}
.nav-link {
padding-right: $navbar-nav-link-padding-x;
padding-left: $navbar-nav-link-padding-x;
}
}
// For nesting containers, have to redeclare for alignment purposes
> .container,
> .container-fluid {
flex-wrap: nowrap;
}
.navbar-collapse {
display: flex !important; // stylelint-disable-line declaration-no-important
// Changes flex-bases to auto because of an IE10 bug
flex-basis: auto;
}
.navbar-toggler {
display: none;
}
.dropup {
.dropdown-menu {
top: auto;
bottom: 100%;
}
}
}
}
}
}
// Navbar themes
//
// Styles for switching between navbars with light or dark background.
// Dark links against a light background
.navbar-light {
.navbar-brand {
color: $navbar-light-active-color;
@include hover-focus {
color: $navbar-light-active-color;
}
}
.navbar-nav {
.nav-link {
color: $navbar-light-color;
@include hover-focus {
color: $navbar-light-hover-color;
}
&.disabled {
color: $navbar-light-disabled-color;
}
}
.show > .nav-link,
.active > .nav-link,
.nav-link.show,
.nav-link.active {
color: $navbar-light-active-color;
}
}
.navbar-toggler {
color: $navbar-light-color;
border-color: $navbar-light-toggler-border-color;
}
.navbar-toggler-icon {
background-image: $navbar-light-toggler-icon-bg;
}
.navbar-text {
color: $navbar-light-color;
a {
color: $navbar-light-active-color;
@include hover-focus {
color: $navbar-light-active-color;
}
}
}
}
// White links against a dark background
.navbar-dark {
.navbar-brand {
color: $navbar-dark-active-color;
@include hover-focus {
color: $navbar-dark-active-color;
}
}
.navbar-nav {
.nav-link {
color: $navbar-dark-color;
@include hover-focus {
color: $navbar-dark-hover-color;
}
&.disabled {
color: $navbar-dark-disabled-color;
}
}
.show > .nav-link,
.active > .nav-link,
.nav-link.show,
.nav-link.active {
color: $navbar-dark-active-color;
}
}
.navbar-toggler {
color: $navbar-dark-color;
border-color: $navbar-dark-toggler-border-color;
}
.navbar-toggler-icon {
background-image: $navbar-dark-toggler-icon-bg;
}
.navbar-text {
color: $navbar-dark-color;
a {
color: $navbar-dark-active-color;
@include hover-focus {
color: $navbar-dark-active-color;
}
}
}
}
bootstrap/_popover.scss 0000644 00000011157 15116221763 0011320 0 ustar 00 .popover {
position: absolute;
top: 0;
left: 0;
z-index: $zindex-popover;
display: block;
max-width: $popover-max-width;
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
// So reset our font and text properties to avoid inheriting weird values.
@include reset-text();
font-size: $popover-font-size;
// Allow breaking very long words so they don't overflow the popover's bounds
word-wrap: break-word;
background-color: $popover-bg;
background-clip: padding-box;
border: $popover-border-width solid $popover-border-color;
@include border-radius($popover-border-radius);
@include box-shadow($popover-box-shadow);
.arrow {
position: absolute;
display: block;
width: $popover-arrow-width;
height: $popover-arrow-height;
margin: 0 $border-radius-lg;
&::before,
&::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
}
}
.bs-popover-top {
margin-bottom: $popover-arrow-height;
.arrow {
bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
}
.arrow::before,
.arrow::after {
border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
}
.arrow::before {
bottom: 0;
border-top-color: $popover-arrow-outer-color;
}
.arrow::after {
bottom: $popover-border-width;
border-top-color: $popover-arrow-color;
}
}
.bs-popover-right {
margin-left: $popover-arrow-height;
.arrow {
left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
width: $popover-arrow-height;
height: $popover-arrow-width;
margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
}
.arrow::before,
.arrow::after {
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
}
.arrow::before {
left: 0;
border-right-color: $popover-arrow-outer-color;
}
.arrow::after {
left: $popover-border-width;
border-right-color: $popover-arrow-color;
}
}
.bs-popover-bottom {
margin-top: $popover-arrow-height;
.arrow {
top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
}
.arrow::before,
.arrow::after {
border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
}
.arrow::before {
top: 0;
border-bottom-color: $popover-arrow-outer-color;
}
.arrow::after {
top: $popover-border-width;
border-bottom-color: $popover-arrow-color;
}
// This will remove the popover-header's border just below the arrow
.popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: $popover-arrow-width;
margin-left: ($popover-arrow-width / -2);
content: "";
border-bottom: $popover-border-width solid $popover-header-bg;
}
}
.bs-popover-left {
margin-right: $popover-arrow-height;
.arrow {
right: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
width: $popover-arrow-height;
height: $popover-arrow-width;
margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
}
.arrow::before,
.arrow::after {
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
}
.arrow::before {
right: 0;
border-left-color: $popover-arrow-outer-color;
}
.arrow::after {
right: $popover-border-width;
border-left-color: $popover-arrow-color;
}
}
.bs-popover-auto {
&[x-placement^="top"] {
@extend .bs-popover-top;
}
&[x-placement^="right"] {
@extend .bs-popover-right;
}
&[x-placement^="bottom"] {
@extend .bs-popover-bottom;
}
&[x-placement^="left"] {
@extend .bs-popover-left;
}
}
// Offset the popover to account for the popover arrow
.popover-header {
padding: $popover-header-padding-y $popover-header-padding-x;
margin-bottom: 0; // Reset the default from Reboot
font-size: $font-size-base;
color: $popover-header-color;
background-color: $popover-header-bg;
border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
$offset-border-width: calc(#{$border-radius-lg} - #{$popover-border-width});
@include border-top-radius($offset-border-width);
&:empty {
display: none;
}
}
.popover-body {
padding: $popover-body-padding-y $popover-body-padding-x;
color: $popover-body-color;
}
bootstrap/_nav.scss 0000644 00000004134 15116221763 0010407 0 ustar 00 // Base class
//
// Kickstart any navigation component with a set of style resets. Works with
// `<nav>`s or `<ul>`s.
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: $nav-link-padding-y $nav-link-padding-x;
@include hover-focus {
text-decoration: none;
}
// Disabled state lightens text
&.disabled {
color: $nav-link-disabled-color;
}
}
//
// Tabs
//
.nav-tabs {
border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
.nav-item {
margin-bottom: -$nav-tabs-border-width;
}
.nav-link {
border: $nav-tabs-border-width solid transparent;
@include border-top-radius($nav-tabs-border-radius);
@include hover-focus {
border-color: $nav-tabs-link-hover-border-color;
}
&.disabled {
color: $nav-link-disabled-color;
background-color: transparent;
border-color: transparent;
}
}
.nav-link.active,
.nav-item.show .nav-link {
color: $nav-tabs-link-active-color;
background-color: $nav-tabs-link-active-bg;
border-color: $nav-tabs-link-active-border-color;
}
.dropdown-menu {
// Make dropdown border overlap tab border
margin-top: -$nav-tabs-border-width;
// Remove the top rounded corners here since there is a hard edge above the menu
@include border-top-radius(0);
}
}
//
// Pills
//
.nav-pills {
.nav-link {
@include border-radius($nav-pills-border-radius);
}
.nav-link.active,
.show > .nav-link {
color: $nav-pills-link-active-color;
background-color: $nav-pills-link-active-bg;
}
}
//
// Justified variants
//
.nav-fill {
.nav-item {
flex: 1 1 auto;
text-align: center;
}
}
.nav-justified {
.nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
}
// Tabbable tabs
//
// Hide tabbable panes to start, show them when `.active`
.tab-content {
> .tab-pane {
display: none;
}
> .active {
display: block;
}
}
bootstrap/_mixins.scss 0000644 00000002044 15116221763 0011130 0 ustar 00 // Toggles
//
// Used in conjunction with global variables to enable certain theme features.
// Utilities
@import "mixins/breakpoints";
@import "mixins/hover";
@import "mixins/image";
@import "mixins/badge";
@import "mixins/resize";
@import "mixins/screen-reader";
@import "mixins/size";
@import "mixins/reset-text";
@import "mixins/text-emphasis";
@import "mixins/text-hide";
@import "mixins/text-truncate";
@import "mixins/visibility";
// // Components
@import "mixins/alert";
@import "mixins/buttons";
@import "mixins/caret";
@import "mixins/pagination";
@import "mixins/lists";
@import "mixins/list-group";
@import "mixins/nav-divider";
@import "mixins/forms";
@import "mixins/table-row";
// // Skins
@import "mixins/background-variant";
@import "mixins/border-radius";
@import "mixins/box-shadow";
@import "mixins/gradients";
@import "mixins/transition";
// // Layout
@import "mixins/clearfix";
// @import "mixins/navbar-align";
@import "mixins/grid-framework";
@import "mixins/grid";
@import "mixins/float";
bootstrap/_custom-forms.scss 0000644 00000017636 15116221763 0012274 0 ustar 00 // Embedded icons from Open Iconic.
// Released under MIT and copyright 2014 Waybury.
// https://useiconic.com/open
// Checkboxes and radios
//
// Base class takes care of all the key behavioral aspects.
.custom-control {
position: relative;
display: block;
min-height: (1rem * $line-height-base);
padding-left: $custom-control-gutter;
}
.custom-control-inline {
display: inline-flex;
margin-right: $custom-control-spacer-x;
}
.custom-control-input {
position: absolute;
z-index: -1; // Put the input behind the label so it doesn't overlay text
opacity: 0;
&:checked ~ .custom-control-label::before {
color: $custom-control-indicator-checked-color;
@include gradient-bg($custom-control-indicator-checked-bg);
@include box-shadow($custom-control-indicator-checked-box-shadow);
}
&:focus ~ .custom-control-label::before {
// the mixin is not used here to make sure there is feedback
box-shadow: $custom-control-indicator-focus-box-shadow;
}
&:active ~ .custom-control-label::before {
color: $custom-control-indicator-active-color;
background-color: $custom-control-indicator-active-bg;
@include box-shadow($custom-control-indicator-active-box-shadow);
}
&:disabled {
~ .custom-control-label {
color: $custom-control-label-disabled-color;
&::before {
background-color: $custom-control-indicator-disabled-bg;
}
}
}
}
// Custom control indicators
//
// Build the custom controls out of psuedo-elements.
.custom-control-label {
margin-bottom: 0;
// Background-color and (when enabled) gradient
&::before {
position: absolute;
top: (($line-height-base - $custom-control-indicator-size) / 2);
left: 0;
display: block;
width: $custom-control-indicator-size;
height: $custom-control-indicator-size;
pointer-events: none;
content: "";
user-select: none;
background-color: $custom-control-indicator-bg;
@include box-shadow($custom-control-indicator-box-shadow);
}
// Foreground (icon)
&::after {
position: absolute;
top: (($line-height-base - $custom-control-indicator-size) / 2);
left: 0;
display: block;
width: $custom-control-indicator-size;
height: $custom-control-indicator-size;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: $custom-control-indicator-bg-size;
}
}
// Checkboxes
//
// Tweak just a few things for checkboxes.
.custom-checkbox {
.custom-control-label::before {
@include border-radius($custom-checkbox-indicator-border-radius);
}
.custom-control-input:checked ~ .custom-control-label {
&::before {
@include gradient-bg($custom-control-indicator-checked-bg);
}
&::after {
background-image: $custom-checkbox-indicator-icon-checked;
}
}
.custom-control-input:indeterminate ~ .custom-control-label {
&::before {
@include gradient-bg($custom-checkbox-indicator-indeterminate-bg);
@include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
}
&::after {
background-image: $custom-checkbox-indicator-icon-indeterminate;
}
}
.custom-control-input:disabled {
&:checked ~ .custom-control-label::before {
background-color: $custom-control-indicator-checked-disabled-bg;
}
&:indeterminate ~ .custom-control-label::before {
background-color: $custom-control-indicator-checked-disabled-bg;
}
}
}
// Radios
//
// Tweak just a few things for radios.
.custom-radio {
.custom-control-label::before {
border-radius: $custom-radio-indicator-border-radius;
}
.custom-control-input:checked ~ .custom-control-label {
&::before {
@include gradient-bg($custom-control-indicator-checked-bg);
}
&::after {
background-image: $custom-radio-indicator-icon-checked;
}
}
.custom-control-input:disabled {
&:checked ~ .custom-control-label::before {
background-color: $custom-control-indicator-checked-disabled-bg;
}
}
}
// Select
//
// Replaces the browser default select with a custom one, mostly pulled from
// http://primercss.io.
//
.custom-select {
display: inline-block;
width: 100%;
height: $custom-select-height;
padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
line-height: $custom-select-line-height;
color: $custom-select-color;
vertical-align: middle;
background: $custom-select-bg $custom-select-indicator no-repeat right $custom-select-padding-x center;
background-size: $custom-select-bg-size;
border: $custom-select-border-width solid $custom-select-border-color;
@if $enable-rounded {
border-radius: $custom-select-border-radius;
} @else {
border-radius: 0;
}
appearance: none;
&:focus {
border-color: $custom-select-focus-border-color;
outline: 0;
box-shadow: $custom-select-focus-box-shadow;
&::-ms-value {
// For visual consistency with other platforms/browsers,
// suppress the default white text on blue background highlight given to
// the selected option text when the (still closed) <select> receives focus
// in IE and (under certain conditions) Edge.
// See https://github.com/twbs/bootstrap/issues/19398.
color: $input-color;
background-color: $input-bg;
}
}
&[multiple],
&[size]:not([size="1"]) {
height: auto;
padding-right: $custom-select-padding-x;
background-image: none;
}
&:disabled {
color: $custom-select-disabled-color;
background-color: $custom-select-disabled-bg;
}
// Hides the default caret in IE11
&::-ms-expand {
opacity: 0;
}
}
.custom-select-sm {
height: $custom-select-height-sm;
padding-top: $custom-select-padding-y;
padding-bottom: $custom-select-padding-y;
font-size: $custom-select-font-size-sm;
}
.custom-select-lg {
height: $custom-select-height-lg;
padding-top: $custom-select-padding-y;
padding-bottom: $custom-select-padding-y;
font-size: $custom-select-font-size-lg;
}
// File
//
// Custom file input.
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: $custom-file-height;
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: $custom-file-height;
margin: 0;
opacity: 0;
&:focus ~ .custom-file-control {
border-color: $custom-file-focus-border-color;
box-shadow: $custom-file-focus-box-shadow;
&::before {
border-color: $custom-file-focus-border-color;
}
}
@each $lang, $value in $custom-file-text {
&:lang(#{$lang}) ~ .custom-file-label::after {
content: $value;
}
}
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: $custom-file-height;
padding: $custom-file-padding-y $custom-file-padding-x;
line-height: $custom-file-line-height;
color: $custom-file-color;
background-color: $custom-file-bg;
border: $custom-file-border-width solid $custom-file-border-color;
@include border-radius($custom-file-border-radius);
@include box-shadow($custom-file-box-shadow);
&::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(#{$custom-file-height} - #{$custom-file-border-width} * 2);
padding: $custom-file-padding-y $custom-file-padding-x;
line-height: $custom-file-line-height;
color: $custom-file-button-color;
content: "Browse";
@include gradient-bg($custom-file-button-bg);
border-left: $custom-file-border-width solid $custom-file-border-color;
@include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
}
}
custom-styles/fonts.scss 0000644 00000000212 15116221763 0011424 0 ustar 00 /*
*
* Fonts
*/
@import "fonts/font-awesome";
@import "fonts/mdi";
@import "fonts/fl-bigmug-line";
@import "fonts/linearicons";
custom-styles/plugins/_lightgallery.scss 0000644 00000113024 15116221763 0014610 0 ustar 00 .lg-sub-html, .lg-toolbar {
background-color: rgba(0, 0, 0, .45)
}
@font-face {
font-family: lg;
src: url(../fonts/lg.eot?n1z373);
src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg");
font-weight: 400;
font-style: normal
}
.lg-icon {
font-family: lg;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, .45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1180;
border: none;
outline: 0
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: .5
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #fff
}
.lg-actions .lg-next {
right: 20px
}
.lg-actions .lg-next:before {
content: "\e095"
}
.lg-actions .lg-prev {
left: 20px
}
.lg-actions .lg-prev:after {
content: "\e094"
}
@-webkit-keyframes lg-right-end {
0%, 100% {
left: 0
}
50% {
left: -30px
}
}
@-moz-keyframes lg-right-end {
0%, 100% {
left: 0
}
50% {
left: -30px
}
}
@-ms-keyframes lg-right-end {
0%, 100% {
left: 0
}
50% {
left: -30px
}
}
@keyframes lg-right-end {
0%, 100% {
left: 0
}
50% {
left: -30px
}
}
@-webkit-keyframes lg-left-end {
0%, 100% {
left: 0
}
50% {
left: 30px
}
}
@-moz-keyframes lg-left-end {
0%, 100% {
left: 0
}
50% {
left: 30px
}
}
@-ms-keyframes lg-left-end {
0%, 100% {
left: 0
}
50% {
left: 30px
}
}
@keyframes lg-left-end {
0%, 100% {
left: 0
}
50% {
left: 30px
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end .3s;
-o-animation: lg-right-end .3s;
animation: lg-right-end .3s;
position: relative
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end .3s;
-o-animation: lg-left-end .3s;
animation: lg-left-end .3s;
position: relative
}
.lg-toolbar {
z-index: 1182;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: 0;
transition: color .2s linear;
@include media-breakpoint-down(xs) {
font-size: 21px;
width: 36px;
}
}
@include media-breakpoint-down(xs) {
#lg-counter {
font-size: 14px;
line-height: 27px;
}
}
.lg-toolbar .lg-icon:hover {
color: #fff
}
.lg-toolbar .lg-close:after {
content: "\e070"
}
.lg-toolbar .lg-download:after {
content: "\e0f2"
}
.lg-sub-html {
bottom: 0;
color: #eee;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1180
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: 700
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle
}
.lg-next, .lg-prev, .lg-toolbar {
opacity: 1;
transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}
.lg-hide-items .lg-prev {
opacity: 0;
transform: translate3d(-10px, 0, 0)
}
.lg-hide-items .lg-next {
opacity: 0;
transform: translate3d(10px, 0, 0)
}
.lg-hide-items .lg-toolbar {
opacity: 0;
transform: translate3d(0, -10px, 0)
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
transform: scale3d(.5, .5, .5);
opacity: 0;
transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
transform: scale3d(1, 1, 1);
opacity: 1
}
.lg-outer .lg-thumb-outer {
background-color: #0d0a0a;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1180;
max-height: 350px;
transform: translate3d(0, 100%, 0);
transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
transition-duration: 0s !important
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
transform: translate3d(0, 0, 0)
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
margin-left: auto;
margin-right: auto;
}
.lg-outer .lg-thumb-item {
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #fff;
border-radius: 4px;
margin-bottom: 5px
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
transition: border-color .25s ease
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #a90707
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
transition: bottom .25s ease
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px
}
.lg-outer .lg-toogle-thumb {
background-color: #0d0a0a;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px
}
.lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share {
color: #fff
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff"
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1180;
cursor: pointer
}
.lg-outer .lg-has-iframe .lg-video {
-webkit-overflow-scrolling: touch;
overflow: auto
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url(../images/vimeo-play.png) no-repeat
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url(../images/vimeo-play.png) 0 -58px no-repeat
}
.lg-outer .lg-has-html5 .lg-video-play {
background: url(../images/video-play.png) no-repeat;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: .8
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url(../images/youtube-play.png) no-repeat
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url(../images/youtube-play.png) 0 -60px no-repeat
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1183;
opacity: 0;
transition: opacity 80ms ease 0s
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1
}
.lg-autoplay-button:after {
content: "\e01d"
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a"
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transition-duration: 0s
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
transform: scale3d(1, 1, 1);
transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
#lg-zoom-in:after {
content: "\e311"
}
#lg-actual-size {
font-size: 20px
}
#lg-actual-size:after {
content: "\e033"
}
#lg-zoom-out {
opacity: .5;
pointer-events: none
}
#lg-zoom-out:after {
content: "\e312"
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1180;
height: 10px
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
transform: translate3d(0, 0, 0)
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px #fff inset
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #fff;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
transition: opacity .15s ease 0s, transform .15s ease 0s;
transform: translate3d(0, 5px, 0)
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, .5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
display: block;
height: 12px;
transition: box-shadow .3s ease 0s;
width: 12px
}
.lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover {
box-shadow: 0 0 0 8px #fff inset
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0
}
.lg-fullscreen:after {
content: "\e20c"
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d"
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, .25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1181;
opacity: 0;
visibility: hidden;
transition: visibility 0s linear .18s, opacity .18s linear 0s
}
.lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown {
transition-delay: 0s;
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #fff;
right: 16px;
top: -16px
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0
}
.lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a {
color: #333
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, .07)
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto
}
.lg-outer, .lg-outer .lg, .lg-outer .lg-inner {
width: 100%;
height: 100%
}
.lg-outer #lg-share {
position: relative
}
.lg-outer #lg-share:after {
content: "\e80d"
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901"
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904"
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902"
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903"
}
.lg-group:after {
content: "";
display: table;
clear: both
}
.lg-outer {
position: fixed;
top: 0;
left: 0;
z-index: 1150;
text-align: left;
opacity: 0;
transition: opacity .15s ease 0s
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.lg-outer.lg-visible {
opacity: 1
}
.lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide {
transition-duration: inherit !important;
transition-timing-function: inherit !important
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
transition-duration: 0s !important;
opacity: 1
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing
}
.lg-outer .lg {
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%
}
.lg-outer .lg-inner {
position: absolute;
left: 0;
top: 0;
white-space: nowrap
}
.lg-outer .lg-item {
background: url(../images/loading.gif) center center no-repeat;
display: none !important
}
.lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide {
display: inline-block !important
}
.lg-outer .lg-img-wrap, .lg-outer .lg-item {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%
}
.lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.lg-outer .lg-item.lg-complete {
background-image: none
}
.lg-outer .lg-item.lg-current {
z-index: 1160
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
transition: opacity .15s ease 0s
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1
}
.lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download {
display: none
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1140;
background-color: #000;
opacity: 0;
transition: opacity .15s ease 0s
}
.lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide {
transition: none 0s ease 0s !important
}
.lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
.lg-css3.lg-fade .lg-item {
opacity: 0
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1
}
.lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide {
transition: opacity .1s ease 0s
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
transform: translate3d(-100%, 0, 0)
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
transform: translate3d(100%, 0, 0)
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
transform: translate3d(0, 0, 0);
opacity: 1
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
//
// LG Transitions
//
.lg-sub-html, .lg-toolbar {
background-color: rgba(0, 0, 0, .45)
}
@font-face {
font-family: lg;
src: url(../fonts/lg.eot?n1z373);
src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg");
font-weight: 400;
font-style: normal
}
.lg-icon {
font-family: lg;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, .45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1180;
border: none;
outline: 0
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: .5
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #fff
}
.lg-actions .lg-next {
right: 20px
}
.lg-actions .lg-next:before {
content: "\e095"
}
.lg-actions .lg-prev {
left: 20px
}
.lg-actions .lg-prev:after {
content: "\e094"
}
@-webkit-keyframes lg-right-end {
0%, 100% {
left: 0
}
50% {
left: -30px
}
}
@-moz-keyframes lg-right-end {
0%, 100% {
left: 0
}
50% {
left: -30px
}
}
@-ms-keyframes lg-right-end {
0%, 100% {
left: 0
}
50% {
left: -30px
}
}
@keyframes lg-right-end {
0%, 100% {
left: 0
}
50% {
left: -30px
}
}
@-webkit-keyframes lg-left-end {
0%, 100% {
left: 0
}
50% {
left: 30px
}
}
@-moz-keyframes lg-left-end {
0%, 100% {
left: 0
}
50% {
left: 30px
}
}
@-ms-keyframes lg-left-end {
0%, 100% {
left: 0
}
50% {
left: 30px
}
}
@keyframes lg-left-end {
0%, 100% {
left: 0
}
50% {
left: 30px
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end .3s;
-o-animation: lg-right-end .3s;
animation: lg-right-end .3s;
position: relative
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end .3s;
-o-animation: lg-left-end .3s;
animation: lg-left-end .3s;
position: relative
}
.lg-toolbar {
z-index: 1182;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.lg-toolbar .lg-icon:hover {
color: #fff
}
.lg-toolbar .lg-close:after {
content: "\e070"
}
.lg-toolbar .lg-download:after {
content: "\e0f2"
}
.lg-sub-html {
bottom: 0;
color: #eee;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1180
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: 700
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle
}
.lg-next, .lg-prev, .lg-toolbar {
opacity: 1;
transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}
.lg-hide-items .lg-prev {
opacity: 0;
transform: translate3d(-10px, 0, 0)
}
.lg-hide-items .lg-next {
opacity: 0;
transform: translate3d(10px, 0, 0)
}
.lg-hide-items .lg-toolbar {
opacity: 0;
transform: translate3d(0, -10px, 0)
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
transform: scale3d(.5, .5, .5);
opacity: 0;
transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
transform: scale3d(1, 1, 1);
opacity: 1
}
.lg-outer .lg-thumb-outer {
background-color: #0d0a0a;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1180;
max-height: 350px;
transform: translate3d(0, 100%, 0);
transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
transition-duration: 0s !important
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
transform: translate3d(0, 0, 0)
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px
}
.lg-outer .lg-thumb-item {
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid rgba($white, .4);
border-radius: 0;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
transition: border-color .25s ease
}
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
border-color: $primary;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
transition: bottom .25s ease
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px
}
.lg-outer .lg-toogle-thumb {
background-color: #0d0a0a;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px
}
.lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share {
color: #fff
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff"
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1180;
cursor: pointer
}
.lg-outer .lg-has-iframe .lg-video {
-webkit-overflow-scrolling: touch;
overflow: auto
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url(../images/vimeo-play.png) no-repeat
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url(../images/vimeo-play.png) 0 -58px no-repeat
}
.lg-outer .lg-has-html5 .lg-video-play {
background: url(../images/video-play.png) no-repeat;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: .8
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url(../images/youtube-play.png) no-repeat
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url(../images/youtube-play.png) 0 -60px no-repeat
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1183;
opacity: 0;
transition: opacity 80ms ease 0s
}
.lg-progress-bar .lg-progress {
background-color: $primary;
height: 5px;
width: 0
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1
}
.lg-autoplay-button:after {
content: "\e01d"
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a"
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transition-duration: 0s
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
transform: scale3d(1, 1, 1);
transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
#lg-zoom-in:after {
content: "\e311"
}
#lg-actual-size {
font-size: 20px
}
#lg-actual-size:after {
content: "\e033"
}
#lg-zoom-out {
opacity: .5;
pointer-events: none
}
#lg-zoom-out:after {
content: "\e312"
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1180;
height: 10px
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
transform: translate3d(0, 0, 0)
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px #fff inset
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #fff;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
transition: opacity .15s ease 0s, transform .15s ease 0s;
transform: translate3d(0, 5px, 0)
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, .5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
display: block;
height: 12px;
transition: box-shadow .3s ease 0s;
width: 12px
}
.lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover {
box-shadow: 0 0 0 8px #fff inset
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0
}
.lg-fullscreen:after {
content: "\e20c"
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d"
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, .25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1181;
opacity: 0;
visibility: hidden;
transition: visibility 0s linear .18s, opacity .18s linear 0s
}
.lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown {
transition-delay: 0s;
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #fff;
right: 16px;
top: -16px
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0
}
.lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a {
color: #333
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, .07)
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto
}
.lg-outer, .lg-outer .lg, .lg-outer .lg-inner {
width: 100%;
height: 100%
}
.lg-outer #lg-share {
position: relative
}
.lg-outer #lg-share:after {
content: "\e80d"
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901"
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904"
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902"
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903"
}
.lg-group:after {
content: "";
display: table;
clear: both
}
.lg-outer {
position: fixed;
top: 0;
left: 0;
z-index: 1150;
text-align: left;
opacity: 0;
transition: opacity .15s ease 0s
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.lg-outer.lg-visible {
opacity: 1
}
.lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide {
transition-duration: inherit !important;
transition-timing-function: inherit !important
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
transition-duration: 0s !important;
opacity: 1
}
.lg-outer.lg-grab img.lg-object {
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: grabbing;
}
.lg-outer .lg {
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%
}
.lg-outer .lg-inner {
position: absolute;
left: 0;
top: 0;
white-space: nowrap
}
.lg-outer .lg-item {
background: url(../images/loading.gif) center center no-repeat;
display: none !important
}
.lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide {
display: inline-block !important
}
.lg-outer .lg-img-wrap, .lg-outer .lg-item {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%
}
.lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.lg-outer .lg-item.lg-complete {
background-image: none
}
.lg-outer .lg-item.lg-current {
z-index: 1160
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
transition: opacity .15s ease 0s
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1
}
.lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download {
display: none
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1140;
background-color: #000;
opacity: 0;
transition: opacity .15s ease 0s
}
.lg-backdrop.in {
opacity: .8
}
.lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide {
transition: none 0s ease 0s !important
}
.lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden
}
.lg-css3.lg-fade .lg-item {
opacity: 0
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1
}
.lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide {
transition: opacity .1s ease 0s
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
transform: translate3d(-100%, 0, 0)
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
transform: translate3d(100%, 0, 0)
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
transform: translate3d(0, 0, 0);
opacity: 1
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}
custom-styles/plugins/rd-navbar_includes/_rd-navbar-mixins.scss 0000644 00000020242 15116221763 0021043 0 ustar 00 @keyframes rd-navbar-slide-down {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
@keyframes rd-navbar-slide-up {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
//
// Navbar Toggle Presets
//
@mixin toggle($width-size: 48px, $height-size: 48px, $font-size: 24px) {
display: inline-block;
position: relative;
width: $width-size;
height: $height-size;
font-size: $font-size;
line-height: $height-size;
text-align: center;
cursor: pointer;
background: none;
border: none;
outline: none;
padding: 0;
}
@mixin toggle-icons-via-rotation($width-size: 48px, $height-size: 48px, $font-size: 24px, $icon-before: '\f002', $icon-after: '\f00d', $icon-before-family: 'Material Design Icons', $icon-after-family: 'Material Design Icons') {
span {
@include toggle($width-size, $height-size, $font-size);
&, &::before, &::after {
transition: .3s all ease-in-out;
}
&::before,
&::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
&::before {
content: $icon-before;
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
font-family: $icon-before-family;
}
&::after {
content: $icon-after;
transform: rotate(-90deg) scale(.4);
opacity: 0;
visibility: hidden;
font-family: $icon-after-family;
}
}
&.active {
span {
&::before {
opacity: 0;
visibility: hidden;
transform: rotate(90deg) scale(.4);
}
&::after {
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}
}
}
}
// Hamburger
@mixin button-lines($size: 48px, $font-size: 24px, $border-radius: 2px, $color: #111111) {
span {
position: relative;
display: block;
margin: auto;
transition: .3s all ease;
&::after,
&::before {
content: "";
position: absolute;
left: 0;
top: -6px;
transition: .3s all ease;
}
&::after {
top: 6px;
}
&::after,
&::before,
& {
width: $font-size;
height: 2px;
background-color: $color;
backface-visibility: hidden;
border-radius: $border-radius;
}
}
}
// Hamburger to Cross
@mixin button-lines__cross-1($size: 48px, $font-size: 24px, $color: #111111) {
&.active span {
background: transparent;
transition: .01s;
&::before,
&::after {
transform-origin: 50% 50%;
top: 0;
}
&::before {
transform: rotate(45deg);
}
&::after {
transform: rotate(-45deg);
}
}
}
@mixin button-lines__cross-2($size: 48px, $font-size: 24px, $color: #111111) {
span {
&::before, &::after {
transition-duration: 0.3s, 0.3s;
transition-delay: 0.3s, 0s;
transition-property: top, transform;
}
}
&.active span {
transition: background .3s 0s ease;
background: transparent;
&::before,
&::after {
top: 0;
transition-delay: 0s, 0.3s;
}
&::before {
transform: rotate(45deg);
}
&::after {
transform: rotate(-45deg);
}
}
}
@mixin button-lines__cross-3($size: 48px, $font-size: 24px, $color: #111111) {
span {
&::before, &::after {
transition-duration: 0.3s, 0.3s;
transition-delay: 0.3s, 0s;
transition-property: top, transform;
}
}
&.active span {
transform: rotate(180deg);
transition: background .3s 0s ease;
background: transparent;
&::before, &::after {
top: 0;
transition-delay: 0s, 0.3s;
}
&::before {
transform: rotate(45deg);
}
&::after {
transform: rotate(-45deg);
}
}
}
// Hamburger to Arrow
@mixin button-lines__arrow-1($size: 48px, $font-size: 24px, $color: #111111) {
span {
&::before,
&::after {
transform-origin: $font-size/14 center;
}
}
&.active span {
&::before,
&::after {
top: 0;
width: $font-size/1.6;
}
&::before {
transform: rotate(-40deg);
}
&::after {
transform: rotate(40deg);
}
}
}
// Hamburger to Arrow (Material Design)
@mixin button-lines__arrow-2($size: 48px, $font-size: 24px, $color: #111111) {
span {
transform: rotate(180deg);
&::before,
&::after {
transform-origin: $font-size/14 center;
}
}
&.active span {
transform: rotate(360deg);
&::before,
&::after {
top: 0;
width: $font-size/1.6;
}
&::before {
transform: rotate3d(0, 0, 1, -40deg);
}
&::after {
transform: rotate3d(0, 0, 1, 40deg);
}
}
}
// Hamburger to Minus
@mixin button-lines__minus-1($size: 48px, $font-size: 24px, $color: #111111) {
span {
&::before,
&::after {
transition: .3s all ease;
}
}
&.active span {
&::before,
&::after {
top: 0;
}
}
}
@mixin search-preset-1($size: 48px, $font-size: 24px, $color: #111111) {
text-align: center;
font-size: $font-size;
&::before {
content: "\f002";
font-weight: 400;
font-family: "FontAwesome";
}
&.active {
transform: scale(0.7);
}
}
@mixin collapse-preset-1($size: 48px, $font-size: 24px, $color: #111111) {
span {
top: 50%;
margin-top: -($size / 16);
&, &::before, &::after {
position: absolute;
width: $size / 8;
height: $size / 8;
line-height: $size / 8;
text-align: center;
background: $color;
left: 50%;
margin-left: -($size / 16);
border-radius: 50%;
transition: .3s all ease;
}
&::before,
&::after {
content: '';
}
&::before {
bottom: 100%;
margin-bottom: ($size / 16);
}
&::after {
top: 100%;
margin-top: ($size / 16);
}
}
&.active {
span {
transform: scale(0.7);
&::before {
transform: translateY(($size / 8)*2 + ($size / 16)*2);
}
&::after {
transform: translateY(-(($size / 8)*2 + ($size / 16)*2));
}
}
}
}
@mixin make-toggle($preset: "button-lines-arrow-2", $size: 48px, $font-size: 24px, $border-radius: 2px, $color: #111111) {
display: inline-block;
position: relative;
width: $size;
height: $size;
line-height: $size;
cursor: pointer;
color: $color;
@if ($preset == "collapse-preset-1") {
@include collapse-preset-1($size, $font-size, $color);
}
@if ($preset == "search-preset-1") {
@include search-preset-1($size, $font-size, $color);
}
@if ($preset == "button-lines-cross-1") {
@include button-lines($size, $font-size, $border-radius, $color);
@include button-lines__cross-1($size, $font-size, $color);
}
@if ($preset == "button-lines-cross-2") {
@include button-lines($size, $font-size, $border-radius, $color);
@include button-lines__cross-2($size, $font-size, $color);
}
@if ($preset == "button-lines-cross-3") {
@include button-lines($size, $font-size, $border-radius, $color);
@include button-lines__cross-3($size, $font-size, $color);
}
@if ($preset == "button-lines-arrow-1") {
@include button-lines($size, $font-size, $border-radius, $color);
@include button-lines__arrow-1($size, $font-size, $color);
}
@if ($preset == "button-lines-arrow-2") {
@include button-lines($size, $font-size, $border-radius, $color);
@include button-lines__arrow-2($size, $font-size, $color);
}
@if ($preset == "button-lines-minus-1") {
@include button-lines($size, $font-size, $border-radius, $color);
@include button-lines__minus-1($size, $font-size, $color);
}
}
// RD Navbar Submenu with Arrow
@mixin submenu-with-arrow() {
li {
> a {
position: relative;
left: -13px;
display: flex;
padding: 4px 18px 4px 0;
text-align: left;
@include link($rd-navbar-dropdown-item-color, $rd-navbar-dropdown-item-hover-color);
&,
&::before {
transition: all .2s ease-in-out;
}
&::before {
position: relative;
top: -1px;
left: -6px;
display: inline-block;
content: '\f238';
font-family: 'Material Design Icons';
font-size: inherit;
line-height: inherit;
color: $rd-navbar-dropdown-item-hover-color;
opacity: 0;
visibility: hidden;
}
}
&.focus > a,
&.opened > a,
> a:hover {
left: -13px;
padding-left: 18px;
padding-right: 0;
&::before {
left: -7px;
opacity: 1;
visibility: visible;
}
}
}
}
custom-styles/plugins/rd-navbar_includes/_rd-navbar-static.scss 0000644 00000015453 15116221763 0021033 0 ustar 00 /*
* @subsection RD Navbar Static
*/
// - li first level and li
// - link first level and link
// - menus
// - dropdowns
// - megamenus
// - rd-search
// - submenus
.rd-navbar-static {
display: block;
// RD Navbar Nav
//
// RD Nav item 1-st level
.rd-nav-item {
display: inline-block;
&.focus,
&.opened {
.rd-nav-link {
color: $rd-navbar-nav-hover-color;
background: $rd-navbar-nav-hover-background;
}
> .rd-navbar-submenu-toggle {
color: $rd-navbar-nav-hover-color;
}
}
&.active {
.rd-nav-link {
color: $rd-navbar-nav-active-color;
background: $rd-navbar-nav-active-background;
}
> .rd-navbar-submenu-toggle {
color: $rd-navbar-nav-active-color;
}
}
&.focus > .rd-navbar-submenu-toggle,
&.opened > .rd-navbar-submenu-toggle,
.rd-nav-link:hover + .rd-navbar-submenu-toggle {
&::before {
transform: rotate(180deg);
}
}
> .rd-navbar-submenu-toggle {
margin-left: 4px;
font-family: "Material Design Icons";
font-size: 16px;
cursor: pointer;
&::before {
position: relative;
display: inline-block;
transition: .22s;
content: '\f236';
}
&:hover {
color: $rd-navbar-nav-hover-color;
}
}
// If Have submenu
> .rd-navbar-submenu {
margin-top: 20px;
}
}
.rd-nav-item + .rd-nav-item {
margin-left: 25px;
@include media-breakpoint-up(xl) {
margin-left: 35px;
}
}
// Rd Nav Link 1-st level
.rd-nav-link {
position: relative;
display: inline-block;
color: $rd-navbar-nav-color;
transition: .25s;
&:hover {
color: $rd-navbar-nav-hover-color;
}
}
// Rd Menu (dropdown and megamenu)
.rd-menu {
position: absolute;
z-index: 15;
display: block;
padding: $rd-navbar-menu-padding;
margin-top: 22px;
margin-left: - nth($rd-navbar-menu-padding, 2);
visibility: hidden;
opacity: 0;
text-align: left;
box-shadow: 0 5px 10px 1px rgba(darken($rd-navbar-dropdown-background, 10%), .3);
border-radius: $border-radius-lg;
transform: translate3d(0, 30px, 0);
@extend %rd-navbar-transition;
}
.rd-dropdown-item + .rd-dropdown-item,
.rd-megamenu-list-item + .rd-megamenu-list-item {
margin-top: 7px;
}
// RD Dropdown 1-st level
.rd-navbar-dropdown {
position: absolute;
left: 0;
width: $rd-navbar-dropdown-width;
background: $rd-navbar-dropdown-background;
z-index: 5;
.rd-navbar-dropdown {
top: -1px;
left: 100%;
z-index: 2;
margin-top: -15px;
margin-left: 15px;
transform: translate3d(30px, 0, 0);
// If the menu is on the right edge window
&.rd-navbar-open-left {
left: auto;
right: 100%;
margin-left: 0;
margin-right: 15px;
transform: translate3d(-30px, 0, 0);
}
}
}
.rd-dropdown-item {
&.focus,
&.opened {
.rd-dropdown-link {
color: $rd-navbar-dropdown-item-active-color;
}
}
}
.rd-dropdown-link {
color: $rd-navbar-dropdown-item-color;
&:hover {
color: $rd-navbar-dropdown-item-hover-color;
}
}
.rd-navbar-dropdown,
.rd-megamenu-list {
@include submenu-with-arrow;
}
// RD all megamenu
.rd-navbar-megamenu {
display: flex;
left: 0;
width: 100%;
overflow: hidden;
max-width: $rd-navbar-width;
background: $rd-navbar-megamenu-background;
}
// Megamenu item 1st level
.rd-megamenu-item {
flex-basis: 50%;
flex-grow: 1;
+ .rd-megamenu-item {
padding-left: 20px;
}
}
.rd-megamenu-item {
display: flex;
.banner {
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
text-align: center;
min-width: 100%;
padding: 35px;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba($black, .1);
}
.button-primary {
&:hover {
background: $primary-lighten;
border-color: $primary-lighten;
}
}
> * {
opacity: 0;
visibility: hidden;
transform: translate(0, -20%);
transition: .22s;
}
&:hover {
> * {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
}
}
}
&:first-child,
&:last-child {
.banner {
margin-top: - nth($rd-navbar-menu-padding, 1);
margin-right: - nth($rd-navbar-menu-padding, 2);
margin-bottom: - nth($rd-navbar-menu-padding, 1);
margin-left: - nth($rd-navbar-menu-padding, 2);
}
}
}
// Megamenu title
.rd-megamenu-title {
padding-bottom: 10px;
border-bottom: 1px solid $gray-200;
}
// Megamenu list link
.rd-megamenu-list-link {
color: $rd-navbar-megamenu-item-color;
background: $rd-navbar-megamenu-item-background;
&:hover {
color: $rd-navbar-megamenu-item-hover-color;
background: $rd-navbar-megamenu-item-hover-background;
}
}
// Megamenu list offset
* + .rd-megamenu-list { margin-top: 10px; }
// RD all submenus
.rd-navbar-submenu {
&.focus,
&.opened {
> .rd-menu {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
}
}
// RD navbar search
.rd-navbar-search {
&.active {
.rd-search {
visibility: visible;
opacity: 1;
}
.not-empty ~ .form-input {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.rd-search {
margin-top: 40px;
}
.form-input {
padding-right: $form-input-padding-horizontal;
}
.rd-search-form-submit {
display: none;
}
}
.rd-search {
position: absolute;
top: 100%;
right: 0;
width: 370px;
opacity: 0;
visibility: hidden;
transition: .3s;
margin-top: 20px;
z-index: 2;
}
// RD search offset
* + .rd-navbar-search {
margin-left: $navbar-static-nav-indent;
}
.rd-navbar-search-toggle {
display: inline-flex;
@include toggle-icons-via-rotation(32px, 32px, 26px, '\f43b', '\f24c', 'Material Design Icons', 'Material Design Icons');
color: $rd-navbar-nav-color;
&:hover {
color: $rd-navbar-nav-hover-color;
}
}
@include media-breakpoint-up(xl) {
.rd-nav-item + .rd-nav-item {
margin-left: 45px;
}
}
// RD navbar Clone
&.rd-navbar--is-clone {
display: block;
transform: translate3d(0, -100%, 0);
&.rd-navbar--is-stuck {
transform: translate3d(0, 0, 0);
}
}
// RD Navbar Stuck || Clone
&.rd-navbar--is-stuck,
&.rd-navbar--is-clone {
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: $zindex-rd-navbar;
background: $rd-navbar-background;
will-change: transform;
}
// RD Navbar States
.rd-navbar--has-dropdown {
position: relative;
}
.rd-navbar-nav{
padding-left: 50px;
@include media-breakpoint-up(xl) {
padding-left: 0;
}
}
}
custom-styles/plugins/rd-navbar_includes/_rd-navbar-sidebar.scss 0000644 00000013700 15116221763 0021146 0 ustar 00 /*
*
* RD Navbar Sidebar
*/
$rd-navbar-sidebar-width: map-get($container-max-widths, xl);
.rd-navbar-sidebar {
display: block;
background: $white;
.rd-navbar-main-outer {
padding-left: $grid-gutter-width / 2;
padding-right: $grid-gutter-width / 2;
}
// RD Navbar Main
.rd-navbar-main {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 22px 60px 22px 0;
max-width: $rd-navbar-sidebar-width;
margin-left: auto;
margin-right: auto;
transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.rd-navbar-main-element {
display: flex;
align-items: center;
> * + * {
margin-left: 20px;
}
}
// RD Navbar Toggle
.rd-navbar-toggle {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: block;
z-index: $zindex-layout-panel + 2;
}
// RD Navbar Panel
.rd-navbar-panel {
min-width: 200px;
text-align: center;
}
// RD Navbar Brand
.rd-navbar-brand {
img {
width: auto;
height: auto;
max-width: 200px;
max-height: 200px;
}
}
// RD Navbar Nav Wrap Inner
.rd-navbar-nav-wrap {
position: fixed;
top: 0;
bottom: 0;
right: 0;
z-index: $zindex-layout-panel + 1;
width: 450px;
padding: 94px 0 0 0;
background: $white;
transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateX(100%);
box-shadow: 0 0 13px 0 rgba($gray-300, .16);
&.active {
transition-delay: .1s;
transform: translateX(0);
}
}
.rd-navbar-nav {
height: calc(100vh - 100px);
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
border-top: 1px solid $gray-200;
}
.rd-nav-item {
position: relative;
display: block;
padding: 19px 30px 19px 40px;
&.active {
.rd-nav-link {
color: $primary;
}
}
.rd-nav-link,
> .rd-navbar-submenu-toggle {
font-size: 18px;
}
+ .rd-nav-item {
border-top: 1px solid $gray-200;
}
&:last-child {
border-bottom: 1px solid $gray-200;
margin-bottom: 30px;
}
}
.rd-nav-link {
max-width: calc(100% - 30px);
word-break: break-all;
font-size: 18px;
line-height: 1.4;
text-transform: none;
color: $gray-300;
&:hover {
color: $primary;
}
}
// RD Navbar Submenu
.rd-navbar-submenu {
.opened > .rd-navbar-submenu-toggle {
&::after {
transform: rotate(180deg);
}
}
> .rd-navbar-dropdown,
> .rd-navbar-megamenu {
display: none;
opacity: 0;
visibility: hidden;
will-change: opacity, visibility;
transition: opacity .2s;
}
&.opened {
> .rd-navbar-dropdown,
> .rd-navbar-megamenu {
display: block;
opacity: 1;
visibility: visible;
}
}
> .rd-navbar-submenu {
> .rd-navbar-dropdown,
> .rd-navbar-megamenu {
transform: translateY(30px);
}
&.opened {
> .rd-navbar-dropdown,
> .rd-navbar-megamenu {
transform: translateY(0);
}
}
.rd-navbar-submenu {
> .rd-navbar-dropdown {
transform: translateX(-20px);
}
&.opened {
> .rd-navbar-dropdown {
transform: translateX(0);
}
}
}
}
}
// RD Navbar Submenu Toggle
.rd-nav-item > .rd-navbar-submenu-toggle,
.rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle {
position: absolute;
top: 0;
right: 0;
padding-top: inherit;
padding-right: inherit;
padding-left: 10px;
margin-bottom: inherit;
display: inline-block;
width: 30px;
margin-left: 5px;
text-align: center;
cursor: pointer;
color: $rd-navbar-nav-color;
&:hover {
color: $primary;
}
&::after {
content: '\f107';
position: relative;
display: inline-block;
font-family: "FontAwesome";
font-size: inherit;
line-height: inherit;
text-align: center;
vertical-align: middle;
transition: 0.4s all ease;
z-index: 2;
will-change: transform;
}
}
.rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle {
font-size: 14px;
color: $gray-300;
margin-left: 7px;
}
// RD Navbar Submenu
.rd-menu {
margin-top: 31px;
}
.rd-navbar-dropdown,
.rd-megamenu-list {
font-size: 14px;
@include submenu-with-arrow;
}
// RD Navbar Megamenu
.rd-navbar-megamenu {
max-width: 450px;
@include groupY(30px);
> li {
display: inline-block;
vertical-align: top;
width: 45%;
}
}
.rd-megamenu-title {
display: none;
}
.rd-megamenu-list {
margin-top: 0;
> li + li {
margin-top: 10px;
}
}
// RD Navbar Dropdown
.rd-navbar-dropdown {
.rd-navbar--has-dropdown {
> a {
padding-right: 0;
&::before {
display: none;
}
&:hover {
padding-left: 0;
}
}
&.focus > a {
padding-left: 0;
}
}
.rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle {
color: $primary;
&::after {
top: 1px;
}
}
> li + li {
margin-top: 10px;
}
}
.rd-nav-item > .rd-navbar-dropdown {
margin-top: 25px;
.rd-navbar-dropdown {
margin-top: 10px;
padding-left: 15px;
> li > a {
font-size: 12px;
}
}
}
@include media-breakpoint-up(xl) {
.rd-navbar-megamenu {
@include groupY(30px);
}
.rd-navbar-dropdown,
.rd-megamenu-list {
> li + li {
margin-top: 18px;
}
}
}
@include media-breakpoint-up(xl) {
.rd-navbar-nav-wrap {
width: auto;
left: calc(50% + 600px - 80px);
}
}
// States
&.rd-navbar--is-clone {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
transform: translateY(-101%);
&.rd-navbar--is-stuck {
transform: translateY(0);
}
}
&.rd-navbar--is-stuck {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1000;
box-shadow: 0 2px 10px 1px rgba($black, .1);
.rd-navbar-main {
padding-top: 11px;
padding-bottom: 11px;
}
}
}
custom-styles/plugins/rd-navbar_includes/rd-navbar_themes/_rd-navbar-corporate.scss 0000644 00000005014 15116221763 0024753 0 ustar 00 /**
*
* RD Navbar Corporate
*
*/
.rd-navbar-corporate {
// Static
&.rd-navbar-static {
border-bottom: 1px solid transparent;
.rd-navbar-aside-outer,
.rd-navbar-main-outer {
padding-left: $grid-gutter-width / 2;
padding-right: $grid-gutter-width / 2;
}
.rd-navbar-aside,
.rd-navbar-main {
max-width: $rd-navbar-static-width;
margin-left: auto;
margin-right: auto;
}
// RD Navbar Aside
.rd-navbar-aside {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 0 40px;
}
// RD Navbar Brand
.rd-navbar-brand {
img {
width: auto;
height: auto;
max-width: 200px;
max-height: 200px;
}
}
// RD Navbar Main
.rd-navbar-main-outer {
background: $gray-100;
}
.rd-navbar-main {
position: relative;
padding: 16px 0;
}
.rd-navbar-nav-wrap {
position: relative;
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
min-width: 690px;
}
// RD Navbar Collapse
.ie-10 &,
.ie-11 & {
.rd-navbar-collapse {
width: 100%;
max-width: 870px;
}
.unit {
flex: auto;
}
}
.rd-navbar-panel + .rd-navbar-collapse {
margin-left: 50px;
}
.rd-navbar-collapse-content {
display: flex;
align-items: center;
justify-content: center;
.button {
flex-shrink: 0;
}
> * { margin-top: 0; }
> * + * { margin-left: 50px; }
}
.rd-menu {
margin-top: 21px;
}
.rd-navbar-megamenu {
margin-top: 24px;
max-width: 750px;
}
// RD Navbar Search
.rd-navbar-search {}
.rd-navbar-search-toggle { }
@include media-breakpoint-up(xl) {
.rd-navbar-collapse-content {
> * + * { margin-left: 92px; }
}
.rd-nav-item + .rd-nav-item {
margin-left: 55px;
}
}
&.rd-navbar--is-stuck,
&.rd-navbar--is-clone {
border-bottom-color: nth($rd-navbar-border, 3);
.rd-navbar-aside-outer {
display: none;
}
.rd-navbar-nav-item {
> .rd-navbar-submenu {
margin-top: 17px;
}
}
}
}
// Fixed
&.rd-navbar-fixed {
// RD Search
.rd-navbar-search {
margin: 20px 5px;
}
.rd-navbar-search-toggle {
display: none;
}
.rd-search {
position: relative;
top: 0;
left: 0;
transform: none;
opacity: 1;
visibility: visible;
z-index: 1;
}
.rd-navbar-nav {
margin: 0;
}
}
}
custom-styles/plugins/rd-navbar_includes/rd-navbar_themes/_rd-navbar-minimal.scss 0000644 00000005566 15116221763 0024417 0 ustar 00 /**
*
* RD Navbar Minimal
*
*/
.rd-navbar-minimal {
// Static
&.rd-navbar-static {
border-bottom: 1px solid transparent;
.rd-navbar-main-outer {
padding-left: $grid-gutter-width / 2;
padding-right: $grid-gutter-width / 2;
}
.rd-navbar-main {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
max-width: $rd-navbar-static-width;
padding: 20px 0;
margin-left: auto;
margin-right: auto;
}
.rd-navbar-main-element {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
min-width: 690px;
}
// RD Navbar Brand
.rd-navbar-brand {
img {
width: auto;
height: auto;
max-width: 233px;
max-height: 200px;
}
}
.rd-navbar-megamenu {
margin-top: 24px;
width: calc(100% + #{nth($rd-navbar-menu-padding, 2)} + 15px);
}
// RD Navbar Search
.rd-navbar-search {}
.rd-navbar-search-toggle {
span {
font-size: 20px;
}
}
@include media-breakpoint-up(xl) {
.rd-navbar-main {
padding: 30px 0;
}
.rd-menu {
margin-top: 34px;
}
}
&.rd-navbar--is-stuck,
&.rd-navbar--is-clone {
border-bottom-color: nth($rd-navbar-border, 3);
.rd-navbar-main {
padding: 20px 0;
}
.rd-menu {
margin-top: 24px;
}
.rd-navbar-nav-item {
> .rd-navbar-submenu {
margin-top: 17px;
}
}
}
}
// Fixed
&.rd-navbar-fixed {
.rd-navbar-search-toggle {
position: fixed;
right: 10px;
top: 5px;
}
.rd-navbar-search {
.form-input {
border-width: 1px 0 1px 0;
border-radius: 0;
}
}
}
.rd-menu{
.rd-dropdown-item{
.rd-dropdown-link{
@include link($accent-dark, $primary)
}
}
.rd-megamenu-item{
.rd-megamenu-list-item{
.rd-megamenu-list-link{
@include link($accent-dark, $primary)
}
}
}
}
}
.rd-navbar-minimal-wide {
&.rd-navbar-static {
.rd-navbar-main {
padding: 54px 0;
}
&.rd-navbar--is-stuck {
.rd-navbar-main {
padding: 21px 0;
}
}
}
}
%context-dark {
.rd-navbar-minimal {
.rd-nav-link,
.rd-navbar-submenu-toggle,
.rd-navbar-search-toggle {
color: $white;
}
&.rd-navbar-static {
background-color: transparent;
.rd-nav-item.opened .rd-nav-link,
.rd-nav-item.focus .rd-nav-link,
.rd-nav-item.active .rd-nav-link,
.rd-nav-item.opened .rd-navbar-submenu-toggle,
.rd-nav-item.focus .rd-navbar-submenu-toggle,
.rd-nav-item.active .rd-navbar-submenu-toggle,
.rd-nav-link:hover,
.rd-nav-link:hover ~ .rd-navbar-submenu-toggle,
.rd-navbar-search-toggle:hover {
color: lighten($primary, 20%);
}
&.rd-navbar--is-stuck {
background: $gray-700;
border-bottom-color: $gray-800;
}
}
}
}
custom-styles/plugins/rd-navbar_includes/rd-navbar_themes/_rd-navbar-thin.scss 0000644 00000012747 15116221763 0023732 0 ustar 00 /**
*
* RD Navbar Thin
*
*/
.rd-navbar-thin {
// Static
&.rd-navbar-static {
background-color: $gray-700;
border-bottom: 1px solid transparent;
.rd-navbar-main-outer {
padding-left: $grid-gutter-width / 2;
padding-right: $grid-gutter-width / 2;
}
.rd-navbar-main {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
max-width: $rd-navbar-static-width;
padding: 23px 0;
margin-left: auto;
margin-right: auto;
}
.rd-navbar-nav-wrap {
position: absolute;
top: 0;
bottom: 0;
left: 200px;
right: 80px;
z-index: 102;
display: flex;
align-items: center;
justify-content: flex-end;
min-width: 690px;
background: $gray-700;
opacity: 0;
visibility: hidden;
transition: .44s ease-in-out;
.rd-navbar-brand {
display: none;
}
&.active {
opacity: 1;
visibility: visible;
}
}
.rd-navbar-panel {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding-right: 50px;
}
.ie-10 &,
.ie-11 & {
.rd-navbar-panel {
justify-content: flex-start;
}
.rd-navbar-block {
width: 100%;
justify-content: flex-end;
}
}
.rd-navbar-toggle {
position: absolute;
right: 0;
top: 50%;
display: block;
transform: translate3d(0, -50%, 0);
}
.rd-navbar-block {
display: flex;
align-items: center;
}
// RD Navbar Brand
.rd-navbar-brand {
max-width: 300px;
img {
width: auto;
height: auto;
max-width: 200px;
max-height: 200px;
}
}
.rd-nav-link,
.rd-navbar-submenu-toggle,
.rd-navbar-search-toggle {
color: $white;
}
.rd-nav-item.opened .rd-nav-link,
.rd-nav-item.focus .rd-nav-link,
.rd-nav-item.active .rd-nav-link,
.rd-nav-item.opened .rd-navbar-submenu-toggle,
.rd-nav-item.focus .rd-navbar-submenu-toggle,
.rd-nav-item.active .rd-navbar-submenu-toggle,
.rd-nav-link:hover,
.rd-nav-link:hover ~ .rd-navbar-submenu-toggle,
.rd-navbar-search-toggle:hover {
color: lighten($primary, 20%);
}
.rd-menu {
margin-top: 27px;
}
.rd-navbar-megamenu {
margin-top: 24px;
width: calc(100% + #{nth($rd-navbar-menu-padding, 2)} + 15px);
}
// RD Navbar Search
.rd-navbar-search {
position: static;
}
* + .rd-navbar-search-toggle {
margin-left: 60px;
}
.rd-search {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
width: calc(100% - 70px);
margin: 0;
.form-wrap {
display: flex;
width: 100%;
background: $gray-700;
&::before {
content: '\f43b';
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
font-family: 'Material Design Icons';
font-size: 30px;
line-height: 1;
color: $white;
}
}
.form-input,
.form-label {
padding-left: 40px;
font-size: 30px;
color: $white;
}
.form-input {
background-color: transparent;
border: 0;
border-radius: 0;
}
.form-label {
top: 50%;
transform: translate3d(0, -50%, 0);
}
}
.rd-search-results-live {
height: 100vh;
margin: 1px 0 0 0;
}
.search-list {
display: flex;
flex-wrap: wrap;
margin-bottom: -20px;
}
.search-list-item {
width: 25%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 20px;
}
.search-list-item + .search-list-item { margin-top: 0; }
.rd-navbar-search-toggle {
position: relative;
z-index: 12;
}
// RD Navbar Popup
.rd-navbar-popup-toggle { }
.rd-navbar-popup {
left: 50%;
z-index: 110;
transform: translateX(-50%);
margin-top: 30px;
}
.list-inline-bordered {
position: relative;
}
@include media-breakpoint-between(lg, lg) {
.rd-nav-item + .rd-nav-item {
margin-left: 30px;
}
}
@include media-breakpoint-up(xl) {
.rd-navbar-panel {
padding-right: 70px;
}
.rd-navbar-nav-wrap {
left: 300px;
right: 70px;
}
}
@include media-breakpoint-up(xxl) {
.rd-navbar-popup {
right: auto;
}
}
&.rd-navbar--is-stuck,
&.rd-navbar--is-clone {
border-bottom-color: $gray-800;
.rd-menu {
margin-top: 27px;
}
}
}
// Fixed
&.rd-navbar-fixed {
// RD Search
.rd-navbar-search {
.form-input {
border-width: 0 0 1px 0;
border-radius: 0;
}
}
.rd-search {
}
.rd-navbar-search-toggle {
position: fixed;
top: 5px;
right: 8px;
color: $white;
span {
font-size: 20px;
}
}
// RD Navbar Block
.rd-navbar-block {
position: absolute;
top: 14px;
right: 65px;
}
// RD Navbar Popup
.rd-navbar-popup {
position: fixed;
right: 5px;
margin-top: 20px;
overflow-y: auto;
max-height: calc(100vh - #{$rd-navbar-fixed-height} - 10px);
}
// RD Navbar Brand
.rd-navbar-brand {
display: none;
}
.rd-navbar-nav-wrap {
.rd-navbar-brand {
display: inline-block;
line-height: 0;
font-size: 0;
margin: 30px 20px 20px;
}
}
@media (min-width: 480px) {
.rd-navbar-brand {
display: block;
}
.rd-navbar-nav-wrap {
.rd-navbar-brand {
display: none;
}
}
}
}
}
custom-styles/plugins/rd-navbar_includes/_rd-navbar-fixed.scss 0000644 00000023636 15116221763 0020645 0 ustar 00 /*
*
* RD Navbar Fixed
*/
$rd-navbar-fixed-height: $rd-navbar-min-height;
$rd-navbar-fixed-line-height: $rd-navbar-min-line-height;
$rd-navbar-fixed-panel-color: $gray-700;
$rd-navbar-fixed-panel-background: $white;
$rd-navbar-fixed-shadow: 0 0 10px 0 rgba($black, .05);
$rd-navbar-fixed-border: $rd-navbar-border;
$rd-navbar-fixed-nav-color: $rd-navbar-color;
$rd-navbar-fixed-nav-background: $rd-navbar-background;
$rd-navbar-fixed-nav-active-color: $white;
$rd-navbar-fixed-nav-active-background: $primary;
$rd-navbar-fixed-menu-item-color: $gray-700;
$rd-navbar-fixed-menu-item-hover-color: $white;
$rd-navbar-fixed-menu-item-background: $rd-navbar-fixed-panel-background;
$rd-navbar-fixed-menu-item-hover-background: $primary;
$rd-navbar-fixed-menu-item-font-size: 14px;
$rd-navbar-fixed-menu-item-line-height: 24px;
$rd-navbar-fixed-menu-item-height: 52px;
$rd-navbar-fixed-menu-item-padding-vertical: ($rd-navbar-fixed-menu-item-height - $rd-navbar-fixed-menu-item-line-height) / 2;
$rd-navbar-fixed-menu-item-padding-horizontal: 18px;
$rd-navbar-fixed-submenu-toggle-color: $gray-700;
$rd-navbar-fixed-submenu-toggle-focus-color: $white;
.rd-navbar-fixed {
display: block;
width: 100%;
// Reveal nav panel toggle
.rd-navbar-toggle {
display: inline-block;
}
// RD Navbar Brand
.rd-navbar-brand {
position: relative;
top: -2px;
margin-left: 6px;
font-size: 0;
line-height: 0;
text-align: left;
img {
max-width: 160px;
max-height: 58px;
width: auto;
height: auto;
}
}
// RD Navbar Panel
.rd-navbar-panel {
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: $zindex-rd-navbar;
display: flex;
align-items: center;
height: $rd-navbar-fixed-height;
padding: ($rd-navbar-fixed-height - $rd-navbar-fixed-line-height) / 2;
}
// Nav wrap and Search into nav wrap styles
.rd-navbar-nav-wrap {
@extend %rd-navbar-transition;
position: fixed;
left: 0;
top: -$rd-navbar-min-height;
bottom: -$rd-navbar-min-height;
z-index: $zindex-rd-navbar - 1;
width: $rd-navbar-nav-min-width;
padding: $rd-navbar-min-height * 2 0 ($rd-navbar-min-height + 25px);
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
font-size: 14px;
line-height: 34px;
transform: translateX(-110%);
&::-webkit-scrollbar {
width: 4px;
}
&::-webkit-scrollbar-thumb {
background: lighten($primary, 20%);
border: none;
border-radius: 0;
opacity: .2;
}
&::-webkit-scrollbar-track {
background: $primary;
border: none;
border-radius: 0;
}
&.active {
transform: translateX(0);
}
}
// RD Navbar Nav
.rd-navbar-nav {
display: block;
margin: 15px 0;
height: auto;
text-align: left;
}
.rd-nav-item {
text-align: left;
+ .rd-nav-item {
margin-top: 4px;
}
}
.rd-nav-link {
display: block;
padding: $rd-navbar-fixed-menu-item-padding-vertical 56px $rd-navbar-fixed-menu-item-padding-vertical $rd-navbar-fixed-menu-item-padding-horizontal;
}
li {
&.opened {
> .rd-navbar-dropdown {
padding: 4px 0 0;
}
> .rd-navbar-megamenu {
padding-top: 15px;
padding-bottom: 15px;
}
> .rd-menu {
opacity: 1;
height: auto;
}
> .rd-navbar-submenu-toggle {
&::after {
transform: rotate(180deg);
}
}
}
}
.rd-menu {
display: none;
transition: opacity 0.3s, height 0.4s ease;
opacity: 0;
height: 0;
overflow: hidden;
}
.rd-navbar-submenu {
position: relative;
@extend %rd-navbar-transition;
.rd-navbar-dropdown {
.rd-navbar-submenu-toggle:after {
height: 34px;
line-height: 34px;
}
}
.rd-navbar-dropdown > li > a {
padding-left: 30px;
}
.rd-navbar-dropdown li li > a,
.rd-navbar-megamenu ul li li > a {
padding-left: 46px;
}
&.opened {
> .rd-navbar-dropdown,
> .rd-navbar-megamenu {
display: block;
}
}
}
.rd-megamenu-list,
.rd-navbar-dropdown {
> li > a {
display: block;
padding: 9px 56px 9px 16px;
font-size: 14px;
line-height: 1.5;
}
> li + li {
margin-top: 3px;
}
}
.rd-megamenu-list {
> li > a {
padding-left: 30px;
}
}
.rd-navbar-megamenu {
.rd-megamenu-title {
position: relative;
display: block;
padding: 0 $rd-navbar-fixed-menu-item-padding-horizontal 7px;
font-size: 16px;
line-height: 1.5;
&::after {
content: '';
position: absolute;
left: 20px;
right: 20px;
bottom: 0;
border-bottom: 1px solid;
}
}
// Offsets
* + .rd-megamenu-list {
margin-top: 11px;
}
* + .rd-megamenu-title {
margin-top: 20px;
}
> li + li {
margin-top: 20px;
}
}
// RD Navbar toggle
.rd-navbar-submenu-toggle {
cursor: pointer;
&::after {
content: '\f107';
position: absolute;
top: 0;
right: 0;
width: 56px;
height: $rd-navbar-fixed-menu-item-height - 4px;
font: 400 14px "FontAwesome";
line-height: $rd-navbar-fixed-menu-item-height - 4px;
text-align: center;
transition: 0.4s all ease;
z-index: 2;
cursor: pointer;
}
}
// RD Navbar Collapse
.rd-navbar-collapse-toggle {
display: block;
top: round(($rd-navbar-min-height - $rd-navbar-min-line-height) / 2);
z-index: $zindex-rd-navbar + 1;
}
.rd-navbar-collapse-content {
position: fixed;
right: 0;
top: $rd-navbar-fixed-height;
z-index: $zindex-rd-navbar - 1;
transform: translate3d(0, -10px, 0);
padding: 30px;
width: auto;
border-radius: 0 0 0 $border-radius-lg;
text-align: left;
font-size: 14px;
opacity: 0;
visibility: hidden;
transition: .3s;
&.active {
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
}
.rd-navbar-collapse-content {
> * + * {
margin-top: 25px;
}
}
.rd-navbar-main-outer,
.rd-navbar-main-element {
position: absolute;
float: left;
width: 100%;
}
// RD Navbar Search
.rd-navbar-search {
.rd-search {
position: fixed;
right: 0;
left: 0;
top: $rd-navbar-fixed-height;
z-index: $zindex-rd-navbar - 1;
width: 100%;
opacity: 0;
visibility: hidden;
transition: .3s;
transform: translate3d(0, -100%, 0);
}
.rd-search-results-live {
display: none;
}
.form-input {
padding-right: 60px;
}
.rd-search-form-submit {
position: absolute;
top: 0;
bottom: 0;
right: 7px;
width: 50px;
padding: 0;
margin: 0;
border: none;
background-color: transparent;
}
&.active {
.rd-search {
opacity: 1;
visibility: visible;
transform: none;
}
}
}
// Search toggle
.rd-navbar-search-toggle {
display: inline-flex;
@include toggle-icons-via-rotation(48px, 48px, 26px, '\f43b', '\f24c', 'Material Design Icons', 'Material Design Icons');
}
[class*='rd-navbar-fixed-element'] {
position: fixed;
top: ($rd-navbar-fixed-height - $rd-navbar-fixed-line-height) / 2;
z-index: $zindex-rd-navbar + 2;
}
.rd-navbar-fixed-element-1 {
right: 0;
}
.rd-navbar-fixed-element-2 {
right: 46px;
}
&.rd-navbar--is-clone {
display: none;
}
.rd-navbar-fixed--visible {
display: block;
}
.rd-navbar-fixed--hidden {
display: none;
}
}
// Default color theme
.rd-navbar-fixed {
// RD Navbar Panel
.rd-navbar-panel {
color: $rd-navbar-fixed-panel-color;
box-shadow: $rd-navbar-fixed-shadow;
background: $rd-navbar-fixed-panel-background;
}
// RD Navbar Nav Wrap
.rd-navbar-nav-wrap {
color: $white;
background: $rd-navbar-background;
border-right: $rd-navbar-border;
box-shadow: $rd-navbar-fixed-shadow;
}
// RD Navbar Nav
.rd-nav-item {
&:hover,
&.focus,
&.active,
&.opened {
.rd-nav-link {
color: $rd-navbar-fixed-menu-item-hover-color;
background: $rd-navbar-fixed-menu-item-hover-background;
}
> .rd-navbar-submenu-toggle {
color: $rd-navbar-fixed-submenu-toggle-focus-color;
}
}
}
.rd-nav-link {
color: $rd-navbar-fixed-panel-color;
}
// Mixed RD Navbar Dropdown & Megamenu
.rd-megamenu-list,
.rd-navbar-dropdown {
> li > a {
color: $gray-700;
}
> li:hover,
> li.focus,
> li.active,
> li.opened {
> a {
color: $rd-navbar-fixed-menu-item-hover-color;
background: $primary;
}
}
}
// RD Navbar megamenu
.rd-navbar-megamenu {
.rd-megamenu-title {
color: $gray-300;
&::after {
border-bottom: $rd-navbar-border;
}
a {
@include link($white, $primary);
}
}
}
.rd-navbar-submenu-toggle {
color: $rd-navbar-fixed-panel-color;
}
// RD Navbar Search
.rd-navbar-search {
.rd-search-form-submit {
color: $gray-300;
&:hover {
color: $primary;
}
}
}
// Search toggle
.rd-navbar-search-toggle {
color: $rd-navbar-panel-color;
&:hover {
color: $primary;
}
}
// RD Navbar Collapse
.rd-navbar-collapse-content {
background-color: $rd-navbar-fixed-panel-background;
box-shadow: $rd-navbar-shadow;
}
// Banner
.banner {
position: relative;
overflow: hidden;
padding: 20px;
margin: 10px;
border-radius: $border-radius-lg;
text-align: center;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba($gray-700, .4);
border-radius: inherit;
}
}
}
html.rd-navbar-fixed-linked {
.page {
padding-top: $rd-navbar-fixed-height;
}
}
%context-dark {
.rd-navbar-fixed {
.rd-navbar-panel {
background: $gray-700;
}
.rd-navbar-nav-wrap {
border-right-color: $gray-700;
background: darken($gray-700, 2%);
}
.rd-nav-link,
.rd-navbar-submenu-toggle {
color: $white;
}
.rd-navbar-dropdown > li > a,
.rd-megamenu-list-link {
color: $gray-200;
}
}
}
custom-styles/plugins/_rd-search.scss 0000644 00000013232 15116221763 0013771 0 ustar 00 /*
*
* Search Results
*/
.rd-search-results-live {
position: absolute;
left: 0;
right: 0;
top: 100%;
max-height: 600px;
overflow-y: auto;
margin: -3px 0 0;
text-align: left;
z-index: 998;
#search-results {
position: relative;
padding: 10px 0 0;
border-bottom-left-radius: $border-radius-lg;
border-bottom-right-radius: $border-radius-lg;
color: $form-input-color;
background: $form-input-background;
border: $form-input-border;
border-top: 0;
opacity: 0;
visibility: hidden;
transform-origin: 50% 0;
transform: scale(1, .9);
transition: .3s all ease;
&.active {
opacity: 1;
visibility: visible;
transform: scale(1, 1);
.form-input {
border-bottom-left-radius: 0;
}
}
}
.search-quick-result {
padding-left: 15px;
padding-right: 15px;
font-family: $font-family-sec;
font-size: 14px;
font-weight: 500;
letter-spacing: .08em;
line-height: 30px;
text-transform: uppercase;
color: $headings-color;
}
.search-list {
margin-top: 11px;
li:only-child {
padding: 0 15px 15px;
}
}
.search-link {
color: $gray-300;
&:hover {
color: $primary;
}
}
.search-error {
padding: 0 0 20px;
font-size: 14px;
line-height: 1.6;
}
.search-title {
position: relative;
font-size: 16px;
font-weight: 400;
color: $headings-color;
a:hover {
color: $primary;
}
}
.search-link {
display: block;
}
.search-list-item-all {
margin-top: 18px;
width: 100%;
}
.search-submit {
position: relative;
overflow: hidden;
z-index: 0;
display: block;
padding: 10px 20px;
margin: 0 -1px;
border-bottom-left-radius: $border-radius-lg;
border-bottom-right-radius: $border-radius-lg;
font-family: $btn-font-family;
font-size: 12px;
font-weight: $btn-font-weight;
letter-spacing: $btn-letter-spacing;
text-transform: $btn-text-transform;
text-align: center;
color: $white;
background: $primary;
&:hover {
color: $white;
background: $primary-lighten;
}
}
.match {
display: none;
}
.not-empty ~ & {
visibility: visible;
opacity: 1;
}
p {
font-size: 14px;
}
.search-list-item {
padding: 0 15px;
}
* + p { margin-top: 3px; }
.search-list-item + .search-list-item { margin-top: 17px; }
}
//
// RD Search Results
//
.rd-search-results {
.search-list {
counter-reset: li;
text-align: left;
padding-left: 0;
font-size: 18px;
list-style-type: none;
overflow: hidden;
li div {
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
white-space: nowrap;
}
li:only-child::before {
display: none;
}
}
.search-list-item {
position: relative;
padding-left: 40px;
font-size: $font-size-base;
color: $gray-500;
&::before {
content: counter(li, decimal) '.';
counter-increment: li;
position: absolute;
left: 0;
top: -0.1em;
line-height: inherit;
}
}
.search-title {
position: relative;
color: $primary;
a {
color: inherit;
&:hover {
color: $primary-darken;
text-decoration: underline;
}
}
}
.search {
color: $white;
padding: 0 .25em;
background: $primary;
}
.match {
padding: 5px;
font-size: 12px;
line-height: 1.7;
letter-spacing: .1em;
text-transform: uppercase;
color: $black;
em {
margin: 0;
font-style: normal;
}
}
* + .match { margin-top: 10px; }
.search-list-item + .search-list-item { margin-top: 40px; }
}
* + .rd-search-results { margin-top: 40px; }
@include media-breakpoint-up(md) {
.rd-search-results {
.search-list-item {
&::before {
top: 3px;
}
}
* + p { margin-top: 12px; }
}
* + .rd-search-results { margin-top: 55px; }
}
@include media-breakpoint-up(lg) {
.rd-search-results {
.search-list-item {
padding-left: 50px;
}
* + p { margin-top: 17px; }
.search-list-item + .search-list-item { margin-top: 50px; }
}
}
@include media-breakpoint-up(xl) {
* + .rd-search-results { margin-top: 70px; }
}
@include media-breakpoint-up(xxl) {
.rd-search-results {
.search-list-item + .search-list-item { margin-top: 70px; }
}
}
// RD Search Classic
.rd-search-classic {
position: relative;
.form-wrap-inner {
position: relative;
}
.form-input {
padding-right: 50px;
}
.form-input,
.form-label {
letter-spacing: 0;
}
.rd-search-submit {
@include reset-button;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50px;
padding-top: 2px;
padding-right: 3px;
margin: 0;
text-align: center;
color: $gray-300;
font-size: 0;
line-height: 0;
&:before {
position: relative;
top: -1px;
content: '\f43b';
font: 400 20px 'Material Design Icons';
line-height: 1;
transition: .33s all ease;
}
&:hover {
color: $primary;
}
}
}
.rd-search.rd-search-inline {
position: relative;
.form-input {
padding-right: $form-input-height;
}
.button-link {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: $form-input-height;
right: 0;
margin: 0;
font-size: 21px;
color: $gray-300;
transition: .33s;
&::before {
display: block;
margin: auto;
}
&:hover {
color: $primary;
}
}
&.form-sm {
.form-input {
padding-right: $form-input-sm-height;
}
.button-link {
width: $form-input-sm-height;
font-size: 18px;
}
}
&.form-lg {
.form-input {
padding-right: $form-input-lg-height;
}
.button-link {
width: $form-input-lg-height;
}
}
}
custom-styles/plugins/_swiper.scss 0000644 00000056704 15116221763 0013445 0 ustar 00 /*
*
* Swiper
*/
.swiper-container {
position: relative;
display: flex;
margin: 0 auto;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
pointer-events: none;
&, * {
backface-visibility: hidden;
}
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
z-index: 1;
display: flex;
align-self: stretch;
align-items: stretch;
width: 100%;
height: auto;
min-height: inherit;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
background-size: cover;
transition-property: transform, transform;
pointer-events: auto;
contain: paint;
}
.swiper-invisible-blank-slide {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight {
&, .swiper-slide {
height: auto;
}
.swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
}
/* 3D Effects */
.swiper-container-3d {
perspective: 1200px;
.swiper-wrapper,
.swiper-slide,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom,
.swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
.swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: $white;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: $white;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: $black;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: $black;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade {
.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-slide-active,
.swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px;
}
//
// Swiper navigation
//
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: none;
font-size: 38px;
line-height: 1;
color: $white;
text-align: center;
cursor: pointer;
transition: .2s ease-in;
will-change: transform;
z-index: 10;
&:hover {
color: $primary;
}
&::before {
font-family: 'Material Design Icons';
}
@include media-breakpoint-up(md) {
display: block;
}
// Disabled button
&.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
}
.swiper-button-prev {
left: 30px;
&::before {
content: "\f14a";
}
}
.swiper-button-next {
right: 30px;
&::before {
content: "\f14f";
}
}
.swiper-slider.swiper-container-rtl {
.swiper-wrapper {
}
.swiper-button-prev {
&::before {
content: "\f061";
}
}
.swiper-button-next {
&::before {
content: "\f060";
}
}
}
// Swiper pagination
//
.swiper-pagination {
position: absolute;
display: block;
text-align: center;
transition: .3s;
transform: translate3d(0, 0, 0);
z-index: 10;
&.swiper-pagination-hidden {
opacity: 0;
}
&.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
display: inline-block;
border-radius: 100%;
background: rgba($white, .6);
transition: .2s;
&.swiper-pagination-bullet-active,
&:hover {
background: rgba($white, 1);
}
}
// Swiper pagination orientation
//
// Vertical pagination
.swiper-container-vertical {
> .swiper-pagination {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
.swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
}
}
// Horizontal pagination
.swiper-container-horizontal {
> .swiper-pagination {
bottom: 20px;
left: 0;
width: 100%;
.swiper-pagination-bullet {
margin: 0 5px;
}
}
}
.swiper-pagination-outer {
position: absolute;
left: 50%;
transform: translate3d(-50%, 0, 0);
z-index: 20;
bottom: 30px;
pointer-events: none;
.swiper-pagination {
pointer-events: auto;
}
}
.swiper-pagination.swiper-pagination-modern {
$pagination-dot-size: 32px;
$pagination-spacing: 10px;
position: relative;
display: inline-block;
width: auto;
right: auto;
left: auto;
margin-left: -$pagination-spacing;
.swiper-pagination-bullet,
.swiper-pagination-mark {
width: $pagination-dot-size;
height: $pagination-dot-size;
border-radius: 50%;
}
.swiper-pagination-bullet {
display: inline-block;
background: transparent;
font-weight: 400;
color: $gray-700;
text-align: center;
transition: .33s;
line-height: $pagination-dot-size;
margin: 0 $pagination-spacing;
}
.swiper-pagination-mark {
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
left: -$pagination-spacing;
display: block;
background: $primary;
transition: .4s ease-in-out;
}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
font-weight: 700;
}
.swiper-pagination-bullet-active {
color: $white;
}
@for $i from 1 through 12 {
.swiper-pagination-bullet-active:nth-child(#{$i}) {
~ .swiper-pagination-mark {
transform: translateX(#{($i - 1) * $pagination-dot-size + $i * $pagination-spacing * 2});
}
}
}
}
%context-dark {
.swiper-pagination .swiper-pagination-bullet {
color: $white;
}
}
//
// Swiper slide styles
//
.swiper-slide {
position: relative;
display: flex;
align-items: center;
flex-shrink: 0;
width: 100%;
height: 100%;
white-space: nowrap;
background-position: 55% center;
> * {
width: 100%;
white-space: normal;
}
.container {
width: 100%;
}
}
//
// Slider Light
//
.swiper-slider-light {
min-height: (776 / 1920) * 100vw;
.swiper-slide {
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(to right, rgba($white, .7), rgba($white, .3));
pointer-events: none;
}
}
&[data-custom-slide-effect='inter-leave-effect'] {
.slide-inner {
background: inherit;
}
}
.swiper-slide-caption {
position: relative;
z-index: 1;
max-width: 650px;
padding: 40px 0 80px;
}
#{headings()} {
span {
display: block;
}
}
}
.container + .swiper-slider-light { margin-top: 20px; }
@include media-breakpoint-up(sm) {
.swiper-slider-light {
.swiper-slide {
&::before {
background: linear-gradient(to right, rgba($white, .7), rgba($white, 0));
}
}
.slider-slide-caption {
padding: 45px 0 95px;
}
}
}
@include media-breakpoint-up(md) {
.swiper-slider-light {
.swiper-slide {
background-position: center center;
&::before {
display: none;
}
}
.swiper-slide-caption {
padding: 80px 0 165px;
}
.swiper-pagination-outer {
bottom: 50px;
}
}
}
@include media-breakpoint-up(xl) {
.swiper-slider-light {
.swiper-pagination-outer {
bottom: 72px;
}
}
}
//
// Slider 2
//
.swiper-slider-business {
min-height: (800 / 1920) * 100vw;
.swiper-slide {
background-position: 60% 50%;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(to right, rgba($gray-700, .7), rgba($gray-700, .4));
pointer-events: none;
}
> * {
position: relative;
z-index: 1;
}
}
.swiper-slide-caption {
padding: 50px 0 100px;
}
.swiper-caption-text {
position: relative;
overflow: hidden;
max-width: 520px;
padding-left: 35px;
p {
width: 100%;
}
}
.swiper-caption-text-inner {
position: relative;
overflow: hidden;
}
.swiper-caption-text-sm {
max-width: 470px;
}
.swiper-caption-text-decoration {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 2px;
background: $primary;
}
.swiper-slider-nav {
position: absolute;
left: 50%;
bottom: 20px;
z-index: 20;
width: 100%;
transform: translate3d(-50%, 0, 0);
pointer-events: none;
text-align: left;
> * + * {
margin-left: 10px;
}
}
.wow-outer {
white-space: normal;
span {
display: inline-block;
}
}
.swiper-button-prev,
.swiper-button-next {
position: relative;
transform: none;
left: auto;
top: auto;
right: auto;
display: inline-block;
pointer-events: auto;
}
* + .swiper-caption-text { margin-top: 20px; }
}
@include media-breakpoint-up(md) {
.swiper-slider-business {
.swiper-slide-caption {
padding: 130px 0 180px;
}
}
}
@include media-breakpoint-up(lg) {
.swiper-slider-business {
.swiper-slider-nav {
bottom: 40px;
}
}
}
@include media-breakpoint-up(xl) {
.swiper-slider-business {
.swiper-slide {
&::before { display: none; }
}
}
}
@include media-breakpoint-up(xxl) {
.swiper-slider-business {
* + .swiper-caption-text { margin-top: 45px; }
}
}
//
// Slider Minimal
//
.swiper-slider-minimal {
min-height: (800 / 1920) * 100vw;
text-align: center;
.swiper-slide {
background-position: 50% 50%;
justify-content: center;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: $black;
opacity: .4;
}
> * {
position: relative;
z-index: 1;
}
}
.swiper-slide_video {
display: flex;
align-items: stretch;
}
.vide_bg {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: $black;
opacity: .4;
}
}
.swiper-slide-caption {
position: relative;
z-index: 2;
padding: 80px 0 120px;
}
.swiper-slide-text {
position: relative;
overflow: hidden;
width: auto;
> * {
position: relative;
transform: translateY(100%);
}
}
.swiper-slide-active {
.swiper-slide-text {
> * {
transform: translateY(0);
transition: .5s .3s;
}
}
}
}
@include media-breakpoint-up(md) {
.swiper-slider-minimal {
.swiper-slide-caption {
padding: 170px 0 220px;
}
.swiper-pagination-outer {
bottom: 50px;
}
}
}
@include media-breakpoint-up(xxl) {
.swiper-slider-minimal {
.swiper-pagination-outer {
bottom: 90px;
}
}
}
// Custom swiper effect
[data-custom-slide-effect='inter-leave-effect'] {
.swiper-slide {
display: flex;
will-change: transform;
overflow: hidden;
align-items: stretch;
min-height: inherit;
}
.slide-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-size: cover;
> * {
width: 100%;
}
}
}
//
// Swiper Slider Tiny
//
.swiper-slider-tiny {
min-height: 400px;
.swiper-slide {
position: relative;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: linear-gradient(to top, rgba($white, .3) 0%, rgba($white, 0) 40%);
}
> * {
position: relative;
z-index: 1;
}
}
}
@include media-breakpoint-up(md) {
.swiper-slider-tiny {
min-height: (760 / 1920) * 100vw;
}
}
@include media-breakpoint-up(lg) {
.swiper-slider-tiny {
.swiper-pagination-outer {
bottom: 65px;
}
}
}
custom-styles/plugins/_tooltip-custom.scss 0000644 00000001175 15116221763 0015126 0 ustar 00 /*
*
* Tooltop Custom
*/
//
// Base class
//
.tooltip {
font-size: $font-size-base;
line-height: 1.2;
}
.tooltip-inner {
background-color: $tooltip-bg;
}
.bs-tooltip-top {
.arrow::before {
border-top-color: $tooltip-arrow-color;
}
}
.bs-tooltip-right {
.arrow::before {
border-right-color: $tooltip-arrow-color;
}
}
.bs-tooltip-bottom {
.arrow::before {
border-bottom-color: $tooltip-arrow-color;
}
}
.bs-tooltip-left {
.arrow::before {
border-left-color: $tooltip-arrow-color;
}
}
@include media-breakpoint-up(xl) {
.tooltip-inner {
padding: 9px 18px;
}
}
custom-styles/plugins/_modal-custom.scss 0000644 00000002101 15116221763 0014516 0 ustar 00 /*
*
* Modal Custom
*/
.modal {
display: flex !important;
padding: 30px 15px 7vh;
visibility: hidden;
.close {
cursor: pointer;
color: $gray-400;
transition: .22s;
span {
&::before {
content: '\f24c';
font-family: 'Material Design Icons';
}
}
&:hover {
color: $gray-700;
}
}
}
.modal.show {
visibility: visible;
}
.modal.fade .modal-dialog {
transform: translate3d(0, -30px, 0);
}
.modal.show .modal-dialog {
transform: translate3d(0, 0, 0);
}
.modal-dialog {
display: flex;
align-items: flex-start;
justify-content: center;
margin: 0 auto;
}
.modal-content {
height: 100%;
border-radius: $border-radius-lg;
}
.modal-body {
height: 100%;
overflow-y: auto;
}
@include media-breakpoint-up(md) {
.modal-header,
.modal-body {
padding-left: 30px;
padding-right: 30px;
}
.modal-header {
padding-top: 20px;
padding-bottom: 20px;
}
.modal-body {
padding-top: 30px;
padding-bottom: 30px;
}
.modal-dialog {
max-width: 800px;
}
}
custom-styles/plugins/_material-parallax.scss 0000644 00000001237 15116221763 0015523 0 ustar 00 /*
*
* Material Parallax
*/
.parallax-content {
position: relative;
z-index: 1;
}
.parallax-container {
position: relative;
overflow: hidden;
background-position: center center;
background-size: cover;
}
.material-parallax {
position: absolute;
top: 0;
left: -1px;
right: -1px;
bottom: 0;
z-index: 0;
background-position: center center;
}
.ipad,
.iphone {
.parallax-container {
background-attachment: scroll !important;
}
}
.material-parallax img {
display: none;
position: absolute;
left: 50%;
bottom: 0;
min-width: 101%;
min-height: 101%;
max-width: none;
transform: translate3d(-50%, 0, 0);
}
custom-styles/plugins/_card-custom.scss 0000644 00000006366 15116221763 0014354 0 ustar 00 //
// Card custom styles
//
// Light
//
$accordion-corporate-color: $gray-700;
$accordion-corporate-hover-color: $primary;
$accordion-corporate-background: $white;
$accordion-corporate-border: $gray-100;
$accordion-corporate-content-color: $body-color;
$accordion-corporate-arrow-color: $primary;
$accordion-corporate-border-radius: 6px;
$accordion-corporate-header-padding: 15px 40px 15px 70px;
$accordion-corporate-content-padding: 2px 44px 25px nth($accordion-corporate-header-padding, 4);
// Card groups
.card-group-custom {
margin-bottom: 0;
.card-header + .collapse > .card-body,
.card-header + .collapse > .list-group {
border-top: 0;
}
.card + .card {
margin-top: 0;
}
}
.card-title {
margin-bottom: 0;
}
.card-header {
background-color: transparent;
}
.card-custom {
display: block;
margin: 0;
background: inherit;
border: 0;
border-radius: 0;
box-shadow: none;
text-align: left;
a {
display: block;
}
// Card heading
.card-header {
padding: 0;
border-bottom: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
// Card contents
.card-body {
padding: 0;
border: 0;
}
}
* + .card-group-custom {
margin-top: 30px;
@include media-breakpoint-up(md) {
margin-top: 40px;
}
}
/*
* Card corporate
*/
.card-corporate {
border-top: 1px solid $accordion-corporate-border;
text-align: left;
&:last-child {
border-bottom: 1px solid $accordion-corporate-border;
}
.card-collapse {
background: $accordion-corporate-background;
}
.card-title a {
position: relative;
z-index: 1;
padding: $accordion-corporate-header-padding;
font-size: 17px;
line-height: 1.5;
letter-spacing: 0;
color: $accordion-corporate-color;
transition: 1.3s all ease;
&[aria-expanded='true'],
&:hover {
color: $accordion-corporate-hover-color;
}
// Open state
.card-arrow {
transition: .33s;
}
// Collapsed state
&.collapsed {
color: $accordion-corporate-color;
border-bottom-width: 0;
.card-arrow {
&::before { opacity: 1; }
&::after { opacity: 0; }
}
}
}
// Card arrow
.card-arrow {
position: absolute;
top: nth($accordion-corporate-header-padding, 1) + 1px;
left: 13px;
z-index: 2;
width: 20px;
height: 20px;
color: $accordion-corporate-arrow-color;
transition: .33s all ease;
text-align: center;
&::before,
&::after {
position: absolute;
z-index: 4;
font-family: 'Material Design Icons';
font-size: 24px;
line-height: 1;
transition: .22s;
}
&::before {
content: '\f505';
opacity: 0;
}
&::after {
content: '\f466';
opacity: 1;
}
}
.card-collapse {
position: relative;
z-index: 1;
color: $accordion-corporate-content-color;
}
.card-body {
padding: $accordion-corporate-content-padding;
}
// Media queries
@include media-breakpoint-down(sm) {
.card-arrow {
left: 0;
}
.card-title a,
.card-body {
padding-left: 50px;
}
}
@include media-breakpoint-up(md) {
.card-title a {
font-size: 20px;
line-height: 1.4;
}
.card-arrow {
top: nth($accordion-corporate-header-padding, 1) + 3px;
}
}
}
custom-styles/plugins/_preloader.scss 0000644 00000003566 15116221763 0014107 0 ustar 00 /*
*
* Preloader
*/
//
// Base styles
//
.preloader {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 10000;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
transition: .3s all ease;
pointer-events: none;
backface-visibility: hidden;
&::before,
&::after {
content: '';
position: absolute;
left: 0;
right: 0;
transition: .2s linear;
transform: translateY(0);
pointer-events: none;
}
&::before {
top: 0;
bottom: 50%;
background: $white;
}
&::after {
top: 50%;
bottom: 0;
background: $gray-100;
}
&.loaded {
&::before,
&::after {
transition: .4s linear;
}
&::before {
transform: translateY(-100%);
}
&::after {
transform: translateY(100%);
}
.preloader-logo,
.preloader-body {
opacity: 0;
visibility: hidden;
transition: 0s;
}
}
}
.preloader-logo,
.preloader-body {
transition: 0s .2s;
}
.preloader-logo {
position: relative;
z-index: 10;
transform: translate3d(0, -50%, 0);
padding: 40px;
}
.preloader-body {
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
left: 0;
right: 0;
z-index: 10;
text-align: center;
}
//
// Custom Styles
//
$value: 100vw;
#loadingProgressG {
width: $value;
height: 5px;
overflow: hidden;
background: $gray-200;
border-radius: $border-radius-lg;
margin: auto;
}
.loadingProgressG {
background: $primary;
margin-top: 0;
margin-left: -$value;
animation-name: bounce_loadingProgressG;
animation-duration: 2.5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
width: $value;
height: 5px;
transition: .5s;
}
@keyframes bounce_loadingProgressG {
0% {
margin-left: -$value;
}
100% {
margin-left: $value;
}
}
custom-styles/plugins/_slick.scss 0000644 00000014261 15116221763 0013231 0 ustar 00 /*
*
* Slick Carousel
*/
//
// Base styles
//
/*rtl:begin:ignore*/
$slick-font-path: "./fonts/" !default;
$slick-font-family: 'fl-bigmug-line';
$slick-loader-path: "./" !default;
$slick-arrow-color: $primary;
$slick-dot-color: $primary;
$slick-dot-color-active: $slick-dot-color !default;
$slick-prev-character: "\e05b" !default;
$slick-next-character: "\e097" !default;
$slick-dot-character: "";
$slick-dot-size: 6px !default;
$slick-opacity-default: 0.75 !default;
$slick-opacity-on-hover: 1 !default;
$slick-opacity-not-active: 0.25 !default;
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
&:focus {
outline: none;
}
&.dragging {
cursor: pointer;
cursor: hand;
}
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
&::before,
&::after {
content: "";
display: table;
}
&::after {
clear: both;
}
.slick-loading & {
visibility: hidden;
}
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
[dir="rtl"] & {
float: right;
}
img {
display: block;
}
&.slick-loading img {
display: none;
}
display: none;
&.dragging img {
pointer-events: none;
}
.slick-initialized & {
display: block;
}
.slick-loading & {
visibility: hidden;
}
.slick-vertical & {
display: block;
height: auto;
border: 1px solid transparent;
}
}
.slick-arrow.slick-hidden {
display: none;
}
@function slick-image-url($url) {
@if function-exists(image-url) {
@return image-url($url);
} @else {
@return url($slick-loader-path + $url);
}
}
@function slick-font-url($url) {
@if function-exists(font-url) {
@return font-url($url);
} @else {
@return url($slick-font-path + $url);
}
}
// Appearance styles
// --------------------------------------------------
.slick-list {
.slick-loading & {
background: $white slick-image-url("../images/ajax-loader.gif") center center no-repeat;
}
}
/* Icons */
@if $slick-font-family == "slick" {
@font-face {
font-family: "slick";
src: slick-font-url("slick.eot");
src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
color: transparent;
background-color: transparent;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 9;
&.slick-disabled:before {
opacity: $slick-opacity-not-active;
}
&::before {
font-family: $slick-font-family;
font-size: 24px;
line-height: 1;
color: $slick-arrow-color;
opacity: $slick-opacity-default;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: .22s;
}
&:hover {
&::before {
color: $primary-darken;
}
}
}
.slick-prev {
left: 0;
[dir="rtl"] & {
left: auto;
right: 0;
}
&:before {
content: $slick-prev-character;
[dir="rtl"] & {
content: $slick-next-character;
}
}
}
.slick-next {
right: 0;
[dir="rtl"] & {
left: 0;
right: auto;
}
&:before {
content: $slick-next-character;
[dir="rtl"] & {
content: $slick-prev-character;
}
}
}
/* Dots */
.slick-slider {
}
.slick-dots {
position: absolute;
bottom: -45px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%;
li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer;
&:hover, &:focus {
outline: none;
&:before {
opacity: $slick-opacity-on-hover;
}
}
&:before {
position: absolute;
top: 0;
left: 0;
content: $slick-dot-character;
font-family: $slick-font-family;
font-size: $slick-dot-size;
line-height: 20px;
text-align: center;
color: $slick-dot-color;
opacity: $slick-opacity-not-active;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
&.slick-active button:before {
color: $slick-dot-color-active;
opacity: $slick-opacity-default;
}
}
}
/*rtl:end:ignore*/
// Custom styles
.slick-widget-testimonials {
.carousel-child {
max-width: 570px;
padding: 0 50px;
margin-left: auto;
margin-right: auto;
.item {
border-radius: 50%;
cursor: pointer;
transform: scale3d(.66, .66, .66);
transition: .22s;
text-align: center;
}
.slick-center {
transform: scale3d(1, 1, 1);
}
img {
border-radius: inherit;
max-width: 100%;
margin: 0 auto;
}
@include media-breakpoint-down(xs) {
.slick-prev {
left: 30px;
}
.slick-next {
right: 30px;
}
}
}
.carousel-parent {
max-width: 780px;
margin-left: auto;
margin-right: auto;
.item > * {
transform-origin: 50% 0;
opacity: 0;
transition: .44s;
}
.slick-active > * {
opacity: 1;
}
}
> * + * { margin-top: 20px; }
}
* + .slick-widget-testimonials { margin-top: 30px; }
@include media-breakpoint-up(md) {
* + .slick-widget-testimonials { margin-top: 55px; }
}
@include media-breakpoint-up(xl) {
* + .slick-widget-testimonials { margin-top: 75px; }
}
custom-styles/plugins/_isotope.scss 0000644 00000010005 15116221763 0013576 0 ustar 00 /*
*
* Isotope
*/
$isotope-default-color: $gray-400;
$isotope-default-color-active: $gray-700;
$isotope-default-border: $isotope-default-color-active;
$isotope-nav-spacing: 5px;
//
// Isotope animations
//
@keyframes sprite-animation {
from {
background-position: 0 0;
}
}
[data-isotope-layout] {
z-index: 0;
display: block;
overflow: hidden;
min-height: 160px;
margin-left: -15px;
margin-right: -15px;
transition: .4s all ease;
&:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 64px;
height: 64px;
margin-top: 15px;
background-image: url("../images/isotope-loader.png");
background-position: -1152px 0;
animation: 0.7s sprite-animation steps(18) infinite;
transition: .4s all ease;
transform: translate3d(-50%, -50%, 0);
}
[class*="col-"] {
display: block;
opacity: 0;
will-change: transform;
backface-visibility: hidden;
transition: .1s opacity ease-in;
}
&.isotope--loaded {
[class*="col-"] {
opacity: 1;
}
&:after {
opacity: 0;
visibility: hidden;
}
}
}
.isotope.isotope-condensed {
margin-left: 0;
margin-right: 0;
overflow: hidden;
[class*='col'] {
padding: 0;
margin: 0 0 30px 0;
}
@include media-breakpoint-up(sm) {
[class*='col'] {
margin: 0 -1px -1px 0;
}
}
}
.isotope-filters-modern {
}
.isotope-filters-list {
position: relative;
font-size: 16px;
@include groupX(20px);
margin-bottom: -10px;
&::after {
content: '';
position: absolute;
left: 20px;
right: 0;
bottom: 10px;
border-bottom: 1px solid $gray-200;
}
li {
display: inline-block;
margin-bottom: 10px;
}
a {
position: relative;
display: block;
z-index: 1;
padding-bottom: 10px;
color: $isotope-default-color;
&::after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 1px;
transition: .4s;
background: $primary;
}
}
a:hover {
color: $isotope-default-color-active;
}
a.active {
color: $isotope-default-color-active;
&::after {
right: auto;
left: 0;
width: 100%;
}
}
@include media-breakpoint-up(lg) {
font-size: 18px;
@include groupX(48px);
&::after {
left: 45px;
}
}
@include media-breakpoint-up(xl) {
font-size: 20px;
}
}
.isotope-responsive {
@include media-breakpoint-down(sm) {
margin-left: -7px;
margin-right: -7px;
@include grid-offset(14px);
[class*='col'] {
padding-left: 7px;
padding-right: 7px;
}
}
@include media-breakpoint-up(md) {
@include grid-offset(30px);
}
}
// Navigation custom
@include media-breakpoint-down(sm) {
.isotope-filters-modern {
position: relative;
z-index: 10;
}
.isotope-filters-toggle {
display: block;
padding: 10px 20px;
color: $white;
background: $primary;
box-shadow: none;
border: 0;
margin: 0 auto;
.caret {
position: relative;
display: inline-block;
margin-left: 5px;
font-family: $fa;
font-size: 14px;
transition: .22s;
will-change: transform;
&::before {
content: '\f107';
}
}
&.active {
.caret {
transform: scale(1, -1);
}
}
}
.isotope-filters-list {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 10;
min-width: 240px;
margin: 5px 0 0 0;
padding: 20px;
border: 1px solid $gray-200;
opacity: 0;
visibility: hidden;
background: $white;
transition: .3s ease-in;
&::after { display: none; }
&.active {
opacity: 1;
visibility: visible;
}
li {
display: block;
width: 100%;
margin-left: 0;
}
a {
padding: 0;
&::after { display: none; }
}
}
}
@include media-breakpoint-up(md) {
.isotope-filters-modern {
.isotope-filters-toggle {
display: none;
}
}
}
* + .isotope { margin-top: 30px; }
@include media-breakpoint-up(md) {
* + .isotope { margin-top: 47px; }
}
custom-styles/plugins/_owl-carousel.scss 0000644 00000012312 15116221763 0014533 0 ustar 00 /*
*
* Owl Carousel
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
font: 400 40px/80px 'FontAwesome';
cursor: pointer;
z-index: 1;
transition: scale 100ms ease;
&:before {
content: '\f144';
}
}
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/*
* Owl Navigation
*/
.owl-nav {
&.disabled {
display: none !important;
}
}
.owl-prev,
.owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
font: 400 46px/50px 'FontAwesome';
color: $gray-300;
&:hover {
color: $primary;
}
}
.owl-prev {
left: 0;
&::before {
content: '\f104';
}
}
.owl-next {
right: 0;
&::before {
content: '\f105';
}
}
/*
* Owl Pagination
*/
.owl-dots {
margin-top: 10px;
&.disabled {
display: none !important;
}
@include media-breakpoint-up(sm) {
margin-top: 25px;
}
}
button.owl-dot {
@include reset-button;
}
.owl-dot {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
width: 14px;
height: 14px;
border-radius: 50%;
margin-left: 14px;
margin-right: 14px;
text-align: center;
outline: none;
cursor: pointer;
&::before {
content: '';
display: block;
width: 100%;
height: 100%;
transform: scale3d(.56, .56, .56);
background: $gray-200;
border-radius: inherit;
transition: .2s;
}
&:only-child { display: none; }
&:hover,
&.active {
&::before {
transform: scale3d(1, 1, 1);
background-color: $primary;
}
}
}
* + .owl-carousel { margin-top: 30px; }
// Custom
.owl-carousel-1 {
text-align: center;
.owl-stage {
position: relative;
display: flex;
align-items: center;
}
}
.owl-carousel-centered-pagination {
.owl-dots {
text-align: center;
}
}
.owl-carousel-indigo {
position: relative;
overflow: hidden;
max-width: 100vw;
padding: 0 15px;
margin-left: auto;
margin-right: auto;
pointer-events: none;
&, * {
backface-visibility: hidden;
}
.owl-stage-outer {
padding: 23px;
margin: -23px;
}
.owl-item {
&.active {
pointer-events: auto;
}
}
.owl-dots {
pointer-events: auto;
}
* + .owl-dots { margin-top: 25px; }
@include media-breakpoint-down(xs) {
.owl-dot {
width: 11px;
height: 11px;
margin: 0 6px;
}
}
@include media-breakpoint-up(md) {
padding: 0 0;
* + .owl-dots { margin-top: 60px; }
}
}
.owl-carousel-dots-space {
.owl-dots {
margin-bottom: 25px;
}
}
custom-styles/plugins/_progress-bars.scss 0000644 00000002145 15116221763 0014713 0 ustar 00 /*
*
* Progress Bars
*/
//
// Linear Progress Bars
//
.progress-linear {
position: relative;
text-align: left;
.progress-header {
display: flex;
align-items: center;
justify-content: space-between;
@include spacing(10px);
}
.progress-bar-linear-wrap {
height: 2px;
background: $gray-100;
}
.progress-bar-linear {
width: 0;
height: inherit;
background: $primary;
transition: .5s all ease-in-out;
}
.progress-value {
&::after {
content: '\0025';
}
}
}
* + .progress-linear { margin-top: 25px; }
* + .progress-linear-outer { margin-top: 25px; }
* + .progress-bar-linear-wrap { margin-top: 8px; }
.progress-linear + .progress-linear { margin-top: 20px; }
.progress-linear-outer + .progress-linear-outer { margin-top: 20px; }
@include media-breakpoint-up(md) {
* + .progress-linear { margin-top: 40px; }
* + .progress-linear-outer { margin-top: 40px; }
}
@include media-breakpoint-up(xl) {
.progress-linear + .progress-linear { margin-top: 34px; }
.progress-linear-outer + .progress-linear-outer { margin-top: 34px; }
}
custom-styles/plugins/_ui-to-top.scss 0000644 00000002637 15116221763 0013765 0 ustar 00 /*
*
* ToTop
*/
.ui-to-top {
position: fixed;
right: 15px;
bottom: 15px;
z-index: 100;
width: $form-input-height;
height: $form-input-height;
border-radius: $border-radius-lg;
color: $white;
background: $primary;
overflow: hidden;
text-align: center;
text-decoration: none;
transition: transform .45s ease-in-out, background .3s cubic-bezier(0.2, 1, 0.3, 1);
transform: translate3d(0, 100px, 0);
&::before,
&::after {
content: '\f239';
font-family: 'Material Design Icons';
font-size: 20px;
line-height: $form-input-height;
vertical-align: middle;
transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
&::before {
display: block;
}
&::after {
position: absolute;
width: 100%;
top: 50%;
left: 0;
opacity: 0;
transform: translate3d(0, 0, 0);
}
&:hover {
&::before {
opacity: 0;
transform: translate3d(0, -30%, 0);
}
&::after {
opacity: 1;
transform: translate3d(0, 0, 0) translateY(-50%);
}
}
&:hover {
color: $white;
background: $primary-lighten;
text-decoration: none;
}
&:focus {
color: $white;
}
&.active {
transform: translate3d(0, 0, 0);
}
}
html.mobile .ui-to-top,
html.tablet .ui-to-top {
display: none !important;
}
@include media-breakpoint-up(sm) {
.ui-to-top {
right: 40px;
bottom: 40px;
}
}
custom-styles/plugins/_nav-custom.scss 0000644 00000014171 15116221763 0014220 0 ustar 00 //
// Nav custom
//
//
// Table of Contents:
//
// Tabs Corporate
// Tabs Line
//
// Corporate style
$tabs-corporate-color: $body-color;
$tabs-corporate-background: transparent;
$tabs-corporate-active-color: $white;
$tabs-corporate-active-background: $primary;
$tabs-corporate-border: #e5e7e9;
$tabs-line-border: $gray-200;
$tabs-line-color: $body-color;
$tabs-line-background: $tabs-corporate-background;
$tabs-line-active-color: $gray-700;
.nav {
display: block;
}
// Base styles
.tabs-custom {
text-align: left;
.nav-tabs {
font-size: 0;
line-height: 0;
word-spacing: 0;
border: 0;
&:before,
&:after {
display: none;
}
}
.nav-item {
float: none;
border: 0;
cursor: pointer;
transition: .33s all ease;
}
.nav-link {
margin: 0;
border-radius: 0;
border: 0;
}
.nav-link.active {
cursor: default;
border: 0;
}
}
.tab-content > .tab-pane {
display: block;
visibility: hidden;
height: 0;
overflow: hidden;
}
.tab-content > .active {
visibility: visible;
height: auto;
overflow: visible;
}
// Tabs line
.tabs-line {
.nav-tabs {
position: relative;
}
.nav-link {
font-size: 16px;
line-height: 1.4;
text-align: center;
vertical-align: middle;
}
* + .tab-content {
margin-top: 20px;
}
@include media-breakpoint-down(sm) {
.nav-tabs {
max-width: 100%;
border: 1px solid $tabs-line-border;
}
.nav-item {
margin: -1px;
}
.nav-link {
padding: 7px 10px;
color: $tabs-line-color;
background: $tabs-line-background;
}
.nav-item + .nav-item .nav-link {
border-top: 1px solid $tabs-line-border;
}
.nav-link:hover,
.nav-link.active {
color: $white;
background: $primary;
border-color: $primary;
}
}
}
* + .tabs-line { margin-top: 30px; }
// Tabs corporate style
.tabs-corporate {
.nav-tabs {
position: relative;
border: 1px solid $tabs-corporate-border;
}
.nav-item {
margin: -1px;
}
.nav-link {
padding: 10px 10px;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
color: $tabs-corporate-color;
background: $tabs-corporate-background;
border-bottom: 1px solid $tabs-corporate-border;
text-align: center;
vertical-align: middle;
&:first-child {
border-top: 1px solid $tabs-corporate-border;
}
}
.nav-link:hover,
.nav-link.active {
color: $tabs-corporate-active-color;
background: $tabs-corporate-active-background;
border-color: $tabs-corporate-active-background;
}
.tab-content {
padding: 30px 0 0;
}
}
@include media-breakpoint-up(md) {
* + .tabs-line { margin-top: 40px; }
//
// Horizontal tabs
//
.tabs-horizontal {
&.tabs-corporate {
.nav-tabs {
position: relative;
width: 100%;
display: block;
@include spacing(10px);
text-align: center;
border: 0;
will-change: transform;
}
.nav-item {
display: inline-block;
will-change: transform;
}
.nav-link {
display: block;
position: relative;
z-index: 1;
min-width: 130px;
letter-spacing: .1em;
padding: 13px 20px;
border: 2px solid $tabs-corporate-border;
&,
&::before {
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
&::before {
content: '';
position: absolute;
top: -1px;
left: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
z-index: -1;
opacity: 0;
transform: scale3d(0.7, 1, 1);
transition: transform 0.4s, opacity 0.4s;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
background: $tabs-corporate-active-background;
}
}
.nav-link.active,
.nav-link:hover {
color: $tabs-corporate-active-color;
border-color: $tabs-corporate-active-background;
background-color: transparent;
&::before {
opacity: 1;
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
}
}
&.tabs-line {
.nav-tabs {
transform: translateY(-20px);
margin-bottom: -20px;
border: 0;
border-bottom: 1px solid $gray-200;
}
.nav-item {
display: inline-block;
margin-top: 20px;
&:not(:last-child) {
margin-right: 52px;
}
}
.nav-link {
position: relative;
padding: 0 0 13px 0;
font-size: 20px;
background-color: transparent;
color: $gray-500;
border: 0;
&::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
height: 1px;
width: 0;
background: $primary;
transition: .22s ease;
}
}
.nav-link.active,
.nav-link:hover {
color: $tabs-line-active-color;
}
.nav-link.active {
&::after {
right: auto;
left: 0;
width: 100%;
}
}
* + .tab-content {
margin-top: 25px;
}
}
}
//
// Vertical tabs
//
.tabs-vertical {
display: flex;
align-items: flex-start;
.nav-tabs {
display: flex;
flex-direction: column;
align-items: stretch;
flex-shrink: 0;
max-width: 50%;
}
.nav-item {
border: 0;
width: 100%;
text-align: left;
}
.nav-link.active,
.nav-link:hover {
box-shadow: 0 9px 21px 0 rgba(#1e1e1e, .13);
}
.tab-content {
flex-grow: 1;
}
// Tabs corporate
&.tabs-corporate {
.nav-tabs {
width: auto;
min-width: 260px;
border: 0;
}
.nav-item {
margin: 0;
}
.nav-link {
position: relative;
padding: 17px 30px;
border: 0;
overflow: hidden;
text-align: left;
}
.nav-item + .nav-item {
margin-top: 2px;
}
.tab-content {
padding: 0 0 0 30px;
}
}
}
}
@include media-breakpoint-up(lg) {
//
// Horizontal tabs
//
.tabs-horizontal {
// Tabs Corporate
&.tabs-corporate {
.tab-content {
padding: 60px 30px 0;
}
}
}
//
// Vertical tabs
//
.tabs-vertical {
// Tabs corporate
&.tabs-corporate {
.tab-content {
padding: 0 0 0 45px;
}
}
}
}
custom-styles/plugins/_scrollbar.scss 0000644 00000032677 15116221763 0014122 0 ustar 00 /*
* jQuery mousewheel plugin
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom; /* direct pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
-ms-touch-action: auto;
touch-action: auto;
}
.mCustomScrollBox { /* contains plugin's markup */
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container { /* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0;
}
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools {
right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl-custom > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl-custom > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
right: auto;
left: 0;
}
.mCS-dir-rtl-custom > .mCSB_outside + .mCSB_scrollTools {
left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 16px;
height: 100%;
margin: 0 auto;
border-radius: 0;
}
.mCSB_scrollTools .mCSB_dragger { /* the draggable element */
cursor: pointer;
width: 100%;
height: 30px; /* minimum dragger height */
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
position: relative;
width: 16px;
height: 100%;
margin: 0 auto;
border-radius: 0;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px; /* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px; /* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px; /* minimum dragger width */
height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px; /* auto-expanded scrollbar */
margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px; /* auto-expanded scrollbar */
margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl-custom > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0;
}
.mCS-dir-rtl-custom > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
padding-right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
padding-bottom: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0; /* non-visible scrollbar */
margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #f2f3f8;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: darken(#f2f3f8, 10%);
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
background-image: url(../images/mCSB_buttons.png); /* css sprites */
background-repeat: no-repeat;
opacity: 0.4;
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0;
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px;
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px;
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
opacity: 0.75;
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
opacity: 0.9;
}
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000000;
background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px;
}
custom-styles/plugins/_d3-charts.scss 0000644 00000011633 15116221763 0013714 0 ustar 00 /*
*
* D3 Charts
*/
.c3 svg {
padding-left: 4px;
width: 100%;
-webkit-tap-highlight-color: transparent;
}
.c3 path,
.c3 line {
fill: none;
stroke: #9f9f9f;
}
.c3 text {
font-family: $font-family-base;
font-size: 16px;
fill: #9b9b9b;
user-select: none;
}
.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
shape-rendering: crispEdges;
}
.c3-chart-arc path {
stroke: $white;
}
.c3-chart-arc text {
fill: $white;
font-size: 14px;
}
/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
stroke: #eaebee;
}
.c3-grid text {
fill: #aaa;
}
.c3-xgrid,
.c3-ygrid {
stroke-dasharray: 0 0;
}
/*-- Text on Chart --*/
.c3-text.c3-empty {
fill: #808080;
font-size: 2em;
}
/*-- Line --*/
.c3-line {
stroke-width: 3px;
}
/*-- Point --*/
.c3-circle._expanded_ {
stroke-width: 2px;
stroke: white;
}
.c3-selected-circle {
fill: white;
stroke-width: 2px;
}
/*-- Bar --*/
.c3-bar {
stroke-width: 0;
}
.c3-bar._expanded_ {
fill-opacity: 0.75;
}
/*-- Focus --*/
.c3-target.c3-focused {
opacity: 1;
}
.c3-target.c3-focused path.c3-line,
.c3-target.c3-focused path.c3-step {
stroke-width: 2px;
}
.c3-target.c3-defocused {
opacity: 0.3 !important;
}
/*-- Region --*/
.c3-region {
fill: steelblue;
fill-opacity: .1;
}
/*-- Brush --*/
.c3-brush .extent {
fill-opacity: .1;
fill: #000;
}
/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
font-size: 12px;
}
.c3-legend-item-hidden {
opacity: 0.15;
}
.c3-legend-background {
opacity: 0.75;
fill: white;
stroke: lightgray;
stroke-width: 1;
}
/*-- Title --*/
.c3-title {
font: 14px sans-serif;
}
/*-- Tooltip --*/
.c3-tooltip-container {
z-index: 10;
}
.c3-tooltip {
border-collapse: collapse;
border-spacing: 0;
background-color: $white;
empty-cells: show;
opacity: 0.9;
border: 1px solid #ccc;
tr {
border: 1px solid #ccc;
}
th {
background-color: #aaa;
font-size: 14px;
line-height: 1.2;
padding: 2px 5px;
text-align: left;
color: $white;
}
td {
font-size: 13px;
padding: 3px 6px;
background-color: $white;
color: $black;
border-left: 1px dotted #999;
> span {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 6px;
}
}
td.value {
text-align: right;
}
}
/*-- Area --*/
.c3-area {
stroke-width: 0;
opacity: 0.2;
}
/*-- Arc --*/
.c3-chart-arcs-title {
dominant-baseline: middle;
font-size: 1.3em;
}
.c3-chart-arcs .c3-chart-arcs-background {
fill: #e0e0e0;
stroke: none;
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
fill: #000;
font-size: 16px;
}
.c3-chart-arcs .c3-chart-arcs-gauge-max {
fill: #777;
}
.c3-chart-arcs .c3-chart-arcs-gauge-min {
fill: #777;
}
.c3-chart-arc .c3-gauge-value {
fill: #000;
}
.c3 .domain {
stroke: #c8c8c8;
}
.d3-chart .tick line {
display: none;
}
.d3-chart .c3-tooltip {
opacity: 1;
color: $white;
background: $primary;
border: 1px solid $gray-300;
tr th {
padding: 8px 10px;
color: $white;
background: $gray-700;
}
tr td {
padding: 5px 10px;
color: #838386;
background: $white;
}
.value {
border-left: 1px solid #f2f3f9;
}
}
#line-chart {
.c3-tooltip-container {
border-radius: $border-radius-lg;
overflow: hidden;
box-shadow: 0 0 10px 0 rgba($black, .05);
tr {
border: 0;
}
.name {
border-left: 0;
}
table {
border: 0 solid transparent;
border-radius: $border-radius-lg;
}
}
.c3-axis-y-label {
transform: translateY(-10px);
}
.c3-axis-y .tick text {
transform: translateX(1px);
}
.c3-axis-x {
text-align: left;
text {
transform: translateX(-1px);
text-anchor: start !important;
}
}
.c3-legend-item {
display: none !important;
transform: translateY(15px);
text {
font-size: 16px;
color: #29293a;
}
}
}
.d3-chart-wrap {
width: 100%;
max-width: 100%;
overflow-y: hidden;
overflow-x: auto;
padding-bottom: 30px;
}
.d3-chart-wrap > .d3-chart {
min-width: 520px;
}
.d3-chart-legend {
transform: translateY(-5px);
margin-bottom: -5px;
margin-left: -30px;
text-align: center;
}
.d3-chart-legend {
> * {
display: inline-block;
margin-top: 5px;
margin-left: 30px;
}
span {
position: relative;
display: inline-block;
font-size: 16px;
color: $gray-400;
cursor: pointer;
&::before {
content: '';
display: inline-block;
height: 3px;
width: 30px;
margin-right: 12px;
vertical-align: middle;
}
&:nth-child(1) {
&::before {
background: $primary;
}
}
&:nth-child(2) {
&::before {
background: $gray-300;
}
}
}
}
* + .d3-chart-legend { margin-top: 20px; }
@include media-breakpoint-up(xxl) {
.d3-chart-legend span {
font-size: 18px;
}
} custom-styles/plugins/_select2.scss 0000644 00000003367 15116221763 0013472 0 ustar 00 /*
*
* Select 2 v4
*/
// Style variables
$select-color: $form-input-color;
$white: $form-input-background;
$select-border: 0;
$select-border-radius: $form-input-border-radius;
$select-padding-y: $form-input-padding-vertical;
$select-padding-x: $form-input-padding-horizontal;
$select-font-size: $form-input-font-size;
$select-line-height: $form-input-line-height;
$select-font-weight: $form-input-font-weight;
$select-height: $form-input-height;
$select-arrow: '\f236';
$select-arrow-color: $select-color;
$select-placeholder-color: $body-color;
// Droppdown
$select-highlight-color: $white;
$select-highlight-bg: $primary;
$select-selected-color: $white;
$select-selected-bg: lighten($primary, 10%);
$select-disabled-color: $gray-500;
$select-disabled-bg: $gray-100;
$select-search-border: $form-input-border;
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
@import "select-2_includes/single";
@import "select-2_includes/multiple";
}
@import "select-2_includes/dropdown";
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
// styles required for IE to work
background-color: $white;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
@import "select-2_includes/themes/default/layout";
custom-styles/plugins/_animate.scss 0000644 00000011364 15116221763 0013543 0 ustar 00 /*
*
* Animate.css
*/
.animated {
animation-duration: 1s;
animation-fill-mode: both;
opacity: 1;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
html:not(.lt-ie10) .not-animated {
opacity: 0;
}
//
// FadeIn Keyframes Animation
//
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
//
// FadeInUp Keyframes Animation
//
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
//
// FadeInDown Keyframes Animation
//
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
//
// FadeInLeft Keyframes Animation
//
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
//
// FadeInRight Keyframes Animation
//
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
//
// FadeOut Keyframes Animation
//
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
//
// SlideInDown Keyframes Animation
//
@keyframes slideInDown {
0% {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
//
// SlideInUp Keyframes Animation
//
@keyframes slideInUp {
0% {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
//
// SlideInLeft Keyframes Animation
//
@keyframes slideInLeft {
0% {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
//
// SlideInRight Keyframes Animation
//
@keyframes slideInRight {
0% {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
//
// SlideOutDown Keyframes Animation
//
@keyframes slideOutDown {
0% {
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
// Custom
@keyframes scaleInY {
0% {
top: 0;
bottom: 100%;
}
50% {
transform: scale3d(1, 1, 1);
}
100% {
top: 100%;
bottom: auto;
transform: scale3d(1, 0, 1);
}
}
//
// scaleFadeIn Keyframes Animation
//
@keyframes scaleFadeIn {
0% {
height: 0;
}
100% {
height: 100%;
}
}
.scaleFadeIn {
display: flex;
overflow: hidden;
animation-name: scaleFadeIn;
animation-timing-function: cubic-bezier(.25,.46,.45,.94);
}
.scaleFadeInWrap {
display: flex;
align-items: stretch;
}
//
// Wow Outer
//
.wow-outer {
position: relative;
overflow: hidden;
}
// scaleInVertical
@keyframes scaleInVertical {
0% {
transform: scale3d(1, 0, 1);
}
100% {
transform: scale3d(1, 1, 1);
}
}
.scaleInVertical {
animation-name: scaleInVertical;
}
//
// FadeInLeftSmall Keyframes Animation
//
@keyframes fadeInLeftSmall {
0% {
opacity: 0;
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fadeInLeftSmall {
animation-name: fadeInLeftSmall;
}
//
// FadeInUpSmall Keyframes Animation
//
@keyframes fadeInUpSmall {
0% {
opacity: 0;
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fadeInUpSmall {
animation-name: fadeInUpSmall;
}
//
// FadeSlideInDown Keyframes Animation
//
@keyframes fadeSlideInDown {
0% {
opacity: 0;
transform: translate3d(0, -50%, 0);
visibility: visible;
}
10% {
opacity: 1;
}
100% {
transform: translate3d(0, 0, 0);
}
}
.fadeSlideInDown {
animation-name: fadeSlideInDown;
}
//
// FadeSlideInUp Keyframes Animation
//
@keyframes fadeSlideInUp {
0% {
opacity: 0;
transform: translate3d(0, 50%, 0);
visibility: visible;
}
10% {
opacity: 1;
}
100% {
transform: translate3d(0, 0, 0);
}
}
.fadeSlideInUp {
animation-name: fadeSlideInUp;
}
.wow {
backface-visibility: hidden;
}
custom-styles/plugins/_timecircles.scss 0000644 00000003034 15116221763 0014423 0 ustar 00 /*
*
* Time Circles
*/
//
// This element is created inside your target element
// It is used so that your own element will not need to be altered
//
.time_circles {
position: relative;
width: 100%;
}
//
// This is all the elements used to house all text used
// in time circles
//
.time_circles > div {
position: absolute;
top: 0 !important;
bottom: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
margin-top: -10px;
text-align: center;
}
@include media-breakpoint-up(xl) {
#DateCountdown {
width: 100%;
}
}
//
// Titles (Days, Hours, etc)
//
.time_circles > div > h4 {
position: absolute;
left: 0;
top: calc(100% + 14px);
right: 0;
transform: translateY(-100%);
margin: 0;
padding: 0;
text-align: center;
font-family: $font-family-base;
font-size: 14px !important;
line-height: 1.2 !important;
color: $gray-600;
& + * { margin-top: 0; }
@include media-breakpoint-up(sm) {
font-size: 16px !important;
}
}
//
// Time numbers, ie: 12
//
.time_circles > div > span {
display: block;
text-align: center;
letter-spacing: 0;
font-size: 24px !important;
font-weight: 700;
line-height: 1 !important;
color: $gray-900;
}
%context-dark {
.time_circles > div > span {
color: $white;
}
.time_circles > div > h4 {
color: $white;
}
}
.countdown-wrap {
max-width: 530px;
padding-bottom: 20px;
}
* + .countdown-wrap {
margin-top: 35px;
}
.countdown-wrap + .button {
margin-top: 40px;
}
custom-styles/plugins/_rd-google-map.scss 0000644 00000001343 15116221763 0014553 0 ustar 00 /*
*
* RD Google Map
*/
.gm-style-pbt {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: $gray-900;
color: $white;
padding: 5px 14px;
font-size: 16px;
border-radius: 3px;
box-shadow: $shadow-area-2;
width: 100%;
text-align: center;
max-width: 300px;
}
.google-map {
color: $black;
height: $map-height;
img {
max-width: none !important;
}
@include media-breakpoint-up(sm) {
height: $map-xs-height;
}
@include media-breakpoint-up(md) {
height: $map-md-height;
}
@include media-breakpoint-up(lg) {
height: $map-lg-height;
}
@include media-breakpoint-up(xl) {
height: 100%;
}
}
.map_locations {
display: none;
}
custom-styles/plugins/_rd-navbar.scss 0000644 00000013542 15116221763 0014001 0 ustar 00 /*
*
* RD Navbar
*/
//
// RD Navbar variables
//
$rd-navbar-static-width: map-get($container-max-widths, xl) - $grid-gutter-width;
$navbar-static-nav-indent: 38px;
$rd-navbar-min-font-size: 24px;
$rd-navbar-min-line-height: 40px;
$rd-navbar-min-height: 56px;
$rd-navbar-color: $accent-dark;
$rd-navbar-background: $white;
$rd-navbar-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17);
$rd-navbar-border: 1px solid $gray-200;
$rd-navbar-width: 1200px;
// RD Navbar Panel
$rd-navbar-panel-color: $rd-navbar-color;
$rd-navbar-panel-background: $rd-navbar-background;
// RD Navbar Nav
$rd-navbar-nav-min-width: 270px;
$rd-navbar-nav-color: $rd-navbar-color;
$rd-navbar-nav-background: transparent;
$rd-navbar-nav-hover-color: $primary;
$rd-navbar-nav-hover-background: transparent;
$rd-navbar-nav-active-color: $rd-navbar-nav-hover-color;
$rd-navbar-nav-active-background: $rd-navbar-nav-hover-background;
// RD Navbar Menu
$rd-navbar-menu-padding: 16px 27px;
// RD Navbar Dropdown
$rd-navbar-dropdown-width: 290px;
$rd-navbar-dropdown-background: $white;
$rd-navbar-dropdown-item-color: $primary;
$rd-navbar-dropdown-item-background: transparent;
$rd-navbar-dropdown-item-hover-color: $primary-darken;
$rd-navbar-dropdown-item-hover-background: transparent;
$rd-navbar-dropdown-item-active-color: $rd-navbar-dropdown-item-hover-color;
$rd-navbar-dropdown-item-active-background: $rd-navbar-dropdown-item-hover-background;
// RD Navbar Megamenu
$rd-navbar-megamenu-gutter: 30px;
$rd-navbar-megamenu-background: $rd-navbar-dropdown-background;
$rd-navbar-megamenu-item-color: $rd-navbar-dropdown-item-color;
$rd-navbar-megamenu-item-background: transparent;
$rd-navbar-megamenu-item-hover-color: $rd-navbar-dropdown-item-hover-color;
$rd-navbar-megamenu-item-hover-background: transparent;
// RD Navbar toggles
$rd-navbar-toggle-preset: "button-lines-cross-1";
$rd-navbar-toggle-border-radius: 0;
$rd-navbar-collapse-toggle-preset: "collapse-preset-1";
$rd-navbar-toggle-color: $gray-700;
@import "rd-navbar_includes/_rd-navbar-mixins";
// RD Navbar Basics
%rd-navbar-transition {
transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}
.rd-navbar--no-transition {
&, * {
transition: none !important;
}
}
.rd-navbar-wrap {
@extend %rd-navbar-transition;
}
.rd-navbar,
.rd-navbar.rd-navbar--is-clone {
display: none;
}
.rd-navbar,
.rd-menu,
.rd-navbar-nav,
.rd-navbar-panel {
@extend %rd-navbar-transition;
}
.rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone,
.rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone {
display: none;
}
// RD Navbar
.rd-navbar {
display: none;
background: $rd-navbar-background;
}
.rd-navbar-outer {
position: relative;
z-index: $zindex-rd-navbar;
}
// RD Navbar Nav
.rd-navbar-nav { }
.rd-nav-link {
font: 400 14px/20px $font-family-sec;
letter-spacing: .08em;
text-transform: uppercase;
}
// RD Navbar Toggle
.rd-navbar-toggle {
padding-left: 0;
padding-right: 0;
@include make-toggle(
$rd-navbar-toggle-preset,
$rd-navbar-min-line-height,
$rd-navbar-min-font-size,
$border-radius,
$rd-navbar-toggle-color
);
background-color: transparent;
border: none;
display: none;
}
// RD Navbar Collapse
.rd-navbar-collapse-toggle {
@include reset-button;
@include make-toggle(
$rd-navbar-collapse-toggle-preset,
$rd-navbar-min-line-height,
$rd-navbar-min-font-size,
$rd-navbar-toggle-border-radius,
$rd-navbar-panel-color
);
display: none;
}
// RD Navbar Brand
.rd-navbar-brand {
a {
display: block;
}
}
// RD Navbar Search
.rd-navbar-search {
position: relative;
display: inline-flex;
.form-input {
padding-right: 50px;
}
.rd-search-form-submit {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 50px;
padding: 0;
margin: 0;
border: none;
cursor: pointer;
background-color: transparent;
font-size: 20px;
color: $gray-300;
transition: .33s;
&:hover {
color: $primary;
}
}
.rd-search-results-live {
pointer-events: none;
> * {
pointer-events: auto;
}
}
&.active {
}
}
.rd-navbar-search-toggle {
@include reset-button;
}
// RD Navbar Dropdown
.rd-navbar-dropdown {
display: none;
}
// RD Navbar Popup
.rd-navbar-popup {
position: absolute;
padding: 15px 25px 20px 20px;
width: calc(100vw - 10px);
border-radius: $border-radius-lg;
opacity: 0;
visibility: hidden;
transition: .2s;
overflow: hidden;
background-color: $gray-700;
&::before {
content: '';
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
z-index: -1;
transform: scale3d(1, .1, 1);
transform-origin: 50% 0;
background: $gray-700;
border-radius: inherit;
transition: .5s;
}
> * {
position: relative;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: .5s;
transform-origin: 50% 0;
transform: scale3d(1, .9, 1);
}
&.active {
opacity: 1;
visibility: visible;
> * {
opacity: 1;
visibility: visible;
transform: scale3d(1, 1, 1);
}
&::before {
transform: scale3d(1, 1, 1);
}
}
@media (min-width: 400px) {
width: 370px;
}
@include media-breakpoint-up(md) {
padding: 40px;
}
}
%context-dark {
.rd-navbar-toggle {
@include make-toggle(
$rd-navbar-toggle-preset,
$rd-navbar-min-line-height,
$rd-navbar-min-font-size,
$border-radius,
$white
);
display: none;
}
}
@import "rd-navbar_includes/rd-navbar-static";
@import "rd-navbar_includes/rd-navbar-fixed";
@import "rd-navbar_includes/rd-navbar-sidebar";
// Themes
@import "rd-navbar_includes/rd-navbar_themes/rd-navbar-minimal";
@import "rd-navbar_includes/rd-navbar_themes/rd-navbar-corporate";
@import "rd-navbar_includes/rd-navbar_themes/rd-navbar-thin";
custom-styles/_reset.scss 0000644 00000001473 15116221763 0011566 0 ustar 00 //
// Reset Styles
//
a,
button {
&:focus {
outline: none !important;
}
}
button::-moz-focus-inner {
border: 0;
}
*:focus {
outline: none;
}
blockquote {
padding: 0;
margin: 0;
}
input,
button,
select,
textarea {
outline: none;
}
label {
margin-bottom: 0;
}
p {
margin: 0;
}
ul,
ol {
list-style: none;
padding: 0;
margin: 0;
li {
display: block;
}
}
dl {
margin: 0;
}
dt,
dd {
line-height: inherit;
}
dt {
font-weight: inherit;
}
dd {
margin-bottom: 0;
}
cite {
font-style: normal;
}
form {
margin-bottom: 0;
}
blockquote {
padding-left: 0;
border-left: 0;
}
address {
margin-top: 0;
margin-bottom: 0;
}
figure {
margin-bottom: 0;
}
html p a {
&:hover {
text-decoration: none;
}
}
custom-styles/style.scss 0000644 00000000376 15116221763 0011446 0 ustar 00 /*
* Trunk version 2.0.0
*/
//
// Main styles
//
@import "../bootstrap/functions";
@import "../bootstrap/variables";
@import "../bootstrap/mixins";
@import "variables-custom";
@import "mixins";
@import "reset";
@import "main-styles";
custom-styles/_main-styles.scss 0000644 00000003552 15116221763 0012711 0 ustar 00 //
// Components
//
@import "components/type-custom";
@import "components/brand";
@import "components/links";
@import "components/blocks";
@import "components/boxes";
@import "components/groups";
@import "components/units";
@import "components/lists";
@import "components/images";
@import "components/icons";
@import "components/tables";
@import "components/dividers";
@import "components/buttons";
@import "components/forms";
@import "components/posts";
@import "components/quotes";
@import "components/thumbnails";
@import "components/breadcrumbs";
@import "components/pagination-custom";
@import "components/snackbars";
@import "components/footers";
@import "components/pricing-tables";
@import "components/profiles";
@import "components/counters";
@import "components/layouts";
@import "components/timeline";
@import "components/careers";
@import "components/comments";
@import "components/jumbotron-custom";
@import "components/rights";
//
// Helpers
//
@import "helpers/page-layout";
@import "helpers/text-styling";
@import "helpers/offsets";
@import "helpers/sections";
@import "helpers/grid-modules";
@import "helpers/backgrounds";
@import "helpers/utilities-custom";
@import "helpers/insets";
//
// Plugins
//
@import "plugins/animate";
@import "plugins/preloader";
@import "plugins/ui-to-top";
@import "plugins/rd-navbar";
@import "plugins/swiper";
@import "plugins/rd-google-map";
@import "plugins/rd-search";
@import "plugins/isotope";
@import "plugins/nav-custom";
@import "plugins/card-custom";
@import "plugins/tooltip-custom";
@import "plugins/modal-custom";
@import "plugins/progress-bars";
@import "plugins/timecircles";
@import "plugins/scrollbar";
@import "plugins/owl-carousel";
@import "plugins/lightgallery";
@import "plugins/material-parallax";
@import "plugins/slick";
@import "plugins/d3-charts";
custom-styles/components/_lists.scss 0000644 00000010202 15116221763 0013755 0 ustar 00 /*
*
* Lists
*/
// Vertical list
.list {
> li + li {
margin-top: 10px;
}
}
.list-xs > li + li { margin-top: 8px; }
.list-sm > li + li { margin-top: 15px; }
.list-md > li + li { margin-top: 18px; }
.list-lg > li + li { margin-top: 25px; }
.list-xl {
li + li { margin-top: 30px; }
@include media-breakpoint-up(xl) {
* + p { margin-top: 18px; }
}
@include media-breakpoint-up(xxl) {
* + p { margin-top: 24px; }
}
}
@include media-breakpoint-up(md) {
.list-xl > li + li { margin-top: 60px; }
}
@include media-breakpoint-up(xxl) {
.list-xl > li + li { margin-top: 78px; }
}
//
// List inline
//
.list-inline {
> li {
display: inline-block;
}
}
html {
.list-inline-md {
@include spacing(20px, 8px);
@include media-breakpoint-up(lg) {
@include spacingX(28px);
}
}
}
//
// List terms
//
.list-terms {
dt {
font-size: 20px;
line-height: 1.3;
font-weight: 700;
letter-spacing: 0;
color: $gray-700;
}
dt + dd { margin-top: 8px; }
dd + dt { margin-top: 25px; }
}
* + .list-terms { margin-top: 25px; }
.list-terms + .privacy-link { margin-top: 20px; }
@include media-breakpoint-up(md) {
.list-terms {
dt {
font-size: 24px;
}
dd + dt { margin-top: 40px; }
}
}
@include media-breakpoint-up(lg) {
.list-terms {
dt + dd { margin-top: 18px; }
dd + dt { margin-top: 55px; }
}
}
@include media-breakpoint-up(xl) {
.list-terms {
dt {
max-width: 85%;
}
}
}
@include media-breakpoint-up(xxl) {
.list-terms {
dd + dt { margin-top: 75px; }
}
.list-terms + .privacy-link { margin-top: 75px; }
}
//
// Index list
//
.index-list {
counter-reset: li;
> li {
.list-index-counter {
&:before {
content: counter(li, decimal-leading-zero);
counter-increment: li;
}
}
}
}
//
// Marked list
//
.list-marked {
text-align: left;
> li {
text-indent: -25px;
padding-left: 25px;
&::before {
position: relative;
top: 1px;
display: inline-block;
left: 25px;
min-width: 25px;
content: '\f14f';
font: 400 14px 'Material Design Icons';
line-height: inherit;
color: $gray-300;
}
}
> li + li { margin-top: 9px; }
}
* + .list-marked { margin-top: 15px; }
//
// Ordered List
//
.list-ordered {
counter-reset: li;
text-align: left;
> li {
position: relative;padding-left: 25px;
&:before {
content: counter(li, decimal) '.';
counter-increment: li;
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 15px;
color: $gray-300;
}
}
> li + li { margin-top: 9px; }
}
* + .list-ordered { margin-top: 15px; }
//
// List Nav
//
.list-nav {
@include spacing(20px, 10px);
font-family: $font-family-sec;
font-weight: 400;
font-size: .875em;
letter-spacing: .08em;
text-transform: uppercase;
color: $gray-700;
li {
display: inline-block;
vertical-align: middle;
}
a {
color: inherit;
}
a:hover {
color: $primary;
}
}
@include media-breakpoint-up(md) {
.list-nav {
@include spacingX(25px);
}
}
@include media-breakpoint-up(lg) {
.list-nav {
@include spacingX(55px);
}
}
%context-dark {
.list-nav {
color: $white;
a:hover {
color: $gray-300;
}
}
}
// List Inline Bordered
.list-inline-bordered {
@include spacingX(36px);
color: $gray-700;
* {
color: inherit;
}
> li > button {
@include reset-button;
transition: .22s;
}
> li {
display: inline-block;
line-height: 24px;
&:not(:last-child) {
border-right: 1px solid $gray-400;
}
}
}
%context-dark {
.list-inline-bordered {
color: $white;
button.active,
button:hover {
color: $gray-300;
}
}
}
.list-inline-comma {
> li {
display: inline-block;
color: $primary;
&:not(:last-child) {
&::after {
content: '\002C';
}
}
}
a {
color: inherit;
}
a:hover {
color: $primary-darken;
}
}
.list-inline-comma-default {
> li {
color: $body-color;
}
a:hover {
color: $primary;
}
}
custom-styles/components/_posts.scss 0000644 00000026026 15116221763 0014002 0 ustar 00 /*
*
* Posts
*/
//
// Table of Contents:
//
// Post Inline
// Post Classic
// Post Modern
// Post Block
// Post Light
// Post Tiny
// Post Creative
//
//
// Post Inline
//
.post-inline {
max-width: 313px;
}
.post-inline-title {
a {
color: inherit;
}
}
.post-inline-meta {
@include spacing(20px, 5px);
color: $gray-400;
> li {
position: relative;
display: inline-block;
&:not(:last-child) {
&::after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 1px;
height: 1px;
border-radius: 50%;
background: $gray-700;
}
}
}
a {
color: inherit;
}
}
* + .post-inline { margin-top: 15px; }
* + .post-inline-meta { margin-top: 5px; }
@include media-breakpoint-up(md) {
* + .post-inline { margin-top: 32px; }
}
// Context styling
%context-dark {
.post-inline-title {
color: $white;
a:hover {
color: $gray-300;
}
}
.post-inline-meta {
> li {
&:not(:last-child) {
&::after {
background: $gray-300;
}
}
}
a:hover {
color: $white;
}
}
}
//
// Post Classic
//
.post-classic {
text-align: left;
}
.post-classic-media {
position: relative;
display: block;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba($gray-700, .1);
transition: .4s ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
img {
width: 100%;
}
&:hover {
&::before {
opacity: 1;
visibility: visible;
}
}
}
.post-classic-meta {
@include spacing(28px, 3px);
color: $gray-300;
> li {
position: relative;
display: inline-block;
&:not(:last-child) {
&::after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 2px;
height: 2px;
background: $gray-300;
transform: translate3d(0, -50%, 0);
}
}
}
a:hover {
color: $primary-darken;
}
}
* + .post-classic-meta { margin-top: 15px; }
* + .post-classic-title { margin-top: 9px; }
@include media-breakpoint-down(xs) {
.post-classic {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
}
@include media-breakpoint-between(sm, sm) {
.post-classic-title {
font-size: 17px;
}
}
@include media-breakpoint-up(md) {
.post-classic-title {
max-width: 92%;
}
.post-classic-meta {
@include spacing(40px, 5px);
}
* + .post-classic-meta { margin-top: 25px; }
}
@include media-breakpoint-between(lg, lg) {
.post-classic-meta {
@include spacingX(30px);
font-size: 14px;
}
}
//
// Post Modern
//
.post-modern {
text-align: left;
}
.post-modern-title {
color: $primary;
a:hover {
color: $primary-darken;
}
}
.post-modern-media {
position: relative;
display: block;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba($gray-700, .1);
transition: .22s ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
img {
width: 100%;
}
&:hover {
&::before {
opacity: 1;
visibility: visible;
}
}
}
.post-modern-meta {
@include spacing(30px, 5px);
color: $gray-700;
> li {
position: relative;
display: inline-block;
line-height: 24px;
&:not(:last-child) {
&::after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 1px;
height: 1.5em;
background: $gray-200;
transform: translate3d(0, -50%, 0);
}
}
}
a:hover {
color: $primary-darken;
}
}
* + .post-modern-title { margin-top: 9px; }
* + .post-modern-meta { margin-top: 10px; }
@include media-breakpoint-down(xs) {
.post-modern {
max-width: 430px;
margin-left: auto;
margin-right: auto;
}
}
@include media-breakpoint-up(md) {
.post-modern-meta {
@include spacing(40px, 5px);
}
* + .post-modern-title { margin-top: 15px; }
}
@include media-breakpoint-between(lg, lg) {
.post-modern-meta {
@include spacingX(30px);
font-size: 14px;
}
}
@include media-breakpoint-up(xl) {
.post-modern {
p,
.post-modern-title {
padding-right: 40px;
}
}
* + .post-modern-title { margin-top: 25px; }
* + .post-modern-meta { margin-top: 15px; }
}
//
// Post Block
//
.post-block {
position: relative;
z-index: 1;
display: flex;
overflow: hidden;
max-width: 640px;
border-radius: $border-radius-lg;
text-align: left;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: .3;
background-image: linear-gradient(to bottom, rgba($black, 0) 0%, $black 100%);
}
&::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
border-radius: inherit;
background: rgba($black, .5);
z-index: 1;
opacity: 0;
visibility: hidden;
transition: 1s ease-in-out;
}
&:hover {
&::after {
opacity: 1;
visibility: visible;
}
}
> * {
width: 100%;
flex-shrink: 0;
}
}
.post-block-dummy {
width: 100%;
&::before {
content: '';
display: block;
visibility: hidden;
pointer-events: none;
padding-bottom: (456 / 637) * 100%;
}
}
.post-block-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none;
@supports (object-fit: cover) {
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: none;
object-fit: cover;
object-position: center center;
}
}
.post-block-caption {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 20px;
}
.post-block-meta {
@include spacing(40px, 5px);
color: $gray-700;
> li {
position: relative;
display: inline-block;
line-height: 24px;
&:not(:last-child) {
&::after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 1px;
height: 1.5em;
background: $gray-200;
transform: translate3d(0, -50%, 0);
}
}
}
a {
color: inherit;
&:hover {
color: $primary;
}
}
time {
display: block;
}
}
%context-dark {
.post-block-meta {
color: $gray-300;
a:hover {
color: $white;
}
> li {
&:not(:last-child) {
&::after {
background: $gray-300;
}
}
}
}
.post-block-title {
a:hover {
color: $gray-300;
}
}
}
@include media-breakpoint-down(sm) {
.post-block {
max-width: 420px;
margin-left: auto;
margin-right: auto;
}
}
@include media-breakpoint-up(md) {
.post-block-meta {
@include spacingX(50px);
}
.post-block-caption {
padding: 35px 40px;
}
}
//
// Post Light
//
.post-light {
display: flex;
align-items: flex-start;
max-width: 450px;
@include groupX(20px);
text-align: left;
&:hover {
.post-light-time {
background: $primary;
}
}
}
.post-light-time {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-shrink: 0;
min-width: 100px;
width: 100px;
padding: 20px;
color: $white;
background: $gray-dark;
border-radius: $border-radius-lg;
transition: .22s ease-in-out;
> * {
line-height: 1;
}
> * + * { margin-top: 3px; }
}
.post-light-time-big {
font-size: (36 / 16) * 1em;
font-weight: 700;
}
a.post-tiny-media {
display: block;
}
.post-light-media {
position: relative;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba($gray-700, .1);
transition: .22s ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
img {
width: 100%;
}
}
.post-light-main {
flex-grow: 1;
}
.post-light-title {
color: $primary;
a:hover {
color: $primary-darken;
}
}
.post-light-meta {
@include spacing(40px, 5px);
color: $gray-700;
> li {
position: relative;
display: inline-block;
line-height: 24px;
&:not(:last-child) {
&::after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 1px;
height: 1.5em;
background: $gray-200;
transform: translate3d(0, -50%, 0);
}
}
}
a {
color: inherit;
&:hover {
color: $primary;
}
}
}
* + .post-light { margin-top: 30px; }
* + .post-light-meta { margin-top: 9px; }
@include media-breakpoint-up(md) {
.post-light {
@include groupX(36px);
}
}
@include media-breakpoint-up(lg) {
* + .post-light { margin-top: 38px; }
}
//
// Post Tiny
//
.post-tiny {
text-align: left;
}
a.post-tiny-media {
position: relative;
display: block;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba($gray-700, .3);
transition: .22s ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
img {
width: 100%;
}
&:hover {
&::before {
opacity: 1;
visibility: visible;
}
}
}
.post-tiny-title {
color: $primary;
a:hover {
color: $primary-darken;
}
}
.post-tiny-time {
display: block;
color: $gray-300;
}
* + .post-tiny-time { margin-top: 10px; }
@include media-breakpoint-down(xs) {
.post-tiny {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
}
//
// Post Creative
//
.post-creative {
> img {
width: 100%;
}
> * + img { margin-top: 25px; }
> img + * { margin-top: 25px; }
* + h4, * + .heading-4 { margin-top: 15px; }
}
.post-creative-title {
font-weight: 700;
}
.post-creative-meta {
@include spacing(30px, 5px);
> li,
> li > * {
display: inline-block;
vertical-align: middle;
}
> li {
> * + * { margin-left: 5px; }
}
a {
color: inherit;
&:hover {
color: $primary;
}
}
.icon {
font-size: 1.5em;
color: $primary;
}
}
.post-creative-footer {
@include spacing(30px, 10px);
> * {
display: inline-block;
vertical-align: middle;
}
}
* + .post-creative-meta { margin-top: 15px; }
* + .post-creative-footer { margin-top: 25px; }
@include media-breakpoint-up(md) {
.post-creative-title {
max-width: 80%;
}
}
@include media-breakpoint-up(lg) {
* + .post-creative-meta { margin-top: 25px; }
.post-creative + [class*='section'] { margin-top: 30px; }
}
@include media-breakpoint-up(xl) {
.post-creative {
h4,
.heading-4 {
font-size: 22px;
line-height: 1.46;
}
> * + img { margin-top: 30px; }
> img + * { margin-top: 40px; }
* + h4, * + .heading-4 { margin-top: 32px; }
> .quote-light + img { margin-top: 50px; }
}
* + .post-creative-meta { margin-top: 30px; }
* + .post-creative-footer { margin-top: 40px; }
}
@include media-breakpoint-up(xxl) {
.post-creative + [class*='section'] { margin-top: 55px; }
}
custom-styles/components/_careers.scss 0000644 00000001620 15116221763 0014247 0 ustar 00 /*
*
* Careers
*/
//
// Table of Contents
//
// Career Classic
//
//
// Career Classic
//
.career-classic {
text-align: left;
}
.career-classic-divider {
border-bottom: 1px solid $gray-300;
}
.career-classic-list {
@include spacing(40px, 10px);
> li {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
> * {
display: inline-block;
vertical-align: middle;
}
> * + * { margin-left: 8px; }
}
.icon {
font-size: 1.25em;
color: $primary;
}
}
* + .career-classic-divider { margin-top: 10px; }
* + .career-classic-list { margin-top: 15px; }
@include media-breakpoint-down(xs) {
.career-classic {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
}
@include media-breakpoint-up(md) {
* + .career-classic-divider { margin-top: 20px; }
* + .career-classic-list { margin-top: 20px; }
} custom-styles/components/_comments.scss 0000644 00000003630 15116221763 0014453 0 ustar 00 /*
*
* Comments
*/
//
// Table of Contents
//
// Comment Classic
//
.comment-classic {
display: flex;
align-items: flex-start;
text-align: left;
padding-bottom: 20px;
border-bottom: 1px solid $gray-200;
> * + * { margin-left: 20px; }
}
.comment-classic-figure {
position: relative;
flex-shrink: 0;
width: $form-input-height;
height: $form-input-height;
}
.comment-classic-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
border-radius: 50%;
max-width: none;
@supports (object-fit: cover) {
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: none;
object-fit: cover;
object-position: center center;
}
}
.comment-classic-main {
flex-grow: 1;
}
.comment-classic-name {
color: $primary;
}
.comment-classic-text {
color: $gray-700;
}
.comment-classic-meta {
display: flex;
align-items: center;
justify-content: space-between;
time {
color: $gray-400;
}
}
.comment-classic-reply {
font-size: 24px;
line-height: 1;
color: $gray-300;
&::before {
content: '\f549';
font-family: 'Material Design Icons';
}
&:hover {
color: $primary;
}
}
* + .comment-classic-text { margin-top: 8px; }
* + .comment-classic-meta { margin-top: 5px; }
@include media-breakpoint-up(sm) {
.comment-classic {
> * + * { margin-left: 25px; }
}
.comment-classic-reply {
font-size: 28px;
}
}
// Comment Classic Group
.comment-classic-group {
.comment-classic-group { margin-left: 25px; }
* + .comment-classic-group { margin-top: 30px; }
}
* + .comment-classic-group { margin-top: 50px; }
.comment-classic-group + .comment-classic-group { margin-top: 30px; }
@include media-breakpoint-up(md) {
.comment-classic-group {
.comment-classic-group { margin-left: 75px; }
}
}
custom-styles/components/_icons.scss 0000644 00000003233 15116221763 0013740 0 ustar 00 /*
*
* Icons
*/
//
// Base styles
//
.icon {
display: inline-block;
font-size: 16px;
line-height: 1;
&::before {
position: relative;
display: inline-block;
font-weight: 400;
font-style: normal;
speak: none;
text-transform: none;
}
}
//
// Icon Styles
//
.icon-creative {
display: inline-block;
text-align: center;
width: 2em;
height: 2em;
line-height: 2em;
border-radius: 50%;
&,
&:active,
&:focus {
color: $gray-300;
}
&::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
border-radius: inherit;
pointer-events: none;
opacity: 0;
transform: scale3d(0, 0, 0);
transition: .22s;
}
&:hover {
color: $white;
&::after {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
&[class*='facebook'] {
&::after { background: $facebook; }
}
&[class*='twitter'] {
&::after { background: $twitter; }
}
&[class*='instagram'] {
&::after { background: $instagram; }
}
&[class*='google'] {
&::after { background: $google; }
}
&[class*='linkedin'] {
&::after { background: $linkedin; }
}
}
.icon-modern {
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
border-radius: 50%;
border: 1px solid $gray-200;
color: $primary;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
}
//
// Icon Shapes
//
.icon-circle {
border-radius: 50%;
}
//
// Icon Sizes
//
.icon-xs {
}
.icon-sm {
font-size: 20px;
}
.icon-md {
font-size: 1.5em; // 24
}
.icon-lg {
font-size: 1.875em; // 30
}
custom-styles/components/_groups.scss 0000644 00000002062 15116221763 0014143 0 ustar 00 /*
* Element groups
*/
html {
.group {
@include group(20px, 15px);
@include media-breakpoint-up(lg) {
@include groupX(30px);
}
}
.group-xs {
@include group(7px);
}
.group-sm {
@include group(10px);
}
.group-lg {
@include group(40px, 25px);
}
.group-xl {
@include group(30px, 20px);
@include media-breakpoint-up(lg) {
@include group-media(45px, 20px);
}
}
.group-sm-justify {
.button {
padding-left: 20px;
padding-right: 20px;
}
@include media-breakpoint-up(md) {
display: flex;
align-items: center;
justify-content: center;
> * {
flex-grow: 1;
flex-shrink: 0;
}
.button {
min-width: 130px;
padding-left: 20px;
padding-right: 20px;
}
}
}
// Mods
.group-middle {
display: table;
vertical-align: middle;
> * {
vertical-align: middle;
}
}
}
* + .group { margin-top: 30px; }
* + .group-xs { margin-top: 35px; }
* + .group-sm { margin-top: 30px; }
* + .group-xl { margin-top: 20px; }
custom-styles/components/_forms.scss 0000644 00000020532 15116221763 0013754 0 ustar 00 /*
*
* Form styles
*/
// RD Form
.rd-form {
position: relative;
text-align: left;
.button {
min-height: $form-input-height;
}
.button-icon-only {
padding-top: 11px;
padding-bottom: 11px;
}
}
* + .rd-form { margin-top: 20px; }
input:-webkit-autofill ~ label,
input:-webkit-autofill ~ .form-validation {
color: $black !important;
}
//
// Form wrap
//
.form-wrap {
position: relative;
&.has-error {
.form-input {
border-color: $form-feedback-invalid-color;
}
}
&.has-focus {
.form-input {
border-color: $form-feedback-focus-color;
}
}
}
// Form wrap offset
* + .form-wrap {
margin-top: 24px;
}
// Form input
.form-input {
display: block;
width: 100%;
min-height: $form-input-height;
padding: $form-input-padding-vertical $form-input-padding-horizontal;
font-size: $form-input-font-size;
font-weight: $form-input-font-weight;
line-height: $form-input-line-height;
color: $form-input-color;
background-color: $form-input-background;
background-image: none;
border-radius: $form-input-border-radius;
-webkit-appearance: none;
transition: .3s ease-in-out;
@if ($form-input-border) {
border: $form-input-border;
}
&:focus {
outline: 0;
}
}
// Form textarea
textarea.form-input {
height: $form-textarea-default-height;
min-height: $form-textarea-default-min-height;
max-height: $form-textarea-default-max-height;
resize: vertical;
}
// Form labels
.form-label,
.form-label-outside {
margin-bottom: 0;
font-weight: $form-input-font-weight;
}
.form-label {
position: absolute;
top: $form-input-height / 2;
left: 0;
right: 0;
padding-left: $form-input-padding-horizontal;
padding-right: $form-input-padding-horizontal;
font-size: $form-input-font-size;
font-weight: $form-input-font-weight;
line-height: $form-input-line-height;
color: $form-input-color-placeholder;
pointer-events: none;
text-align: left;
z-index: 9;
transition: .25s;
will-change: transform;
transform: translateY(-50%);
&.focus {
opacity: 0;
}
&.auto-fill {
color: $form-input-color;
}
}
// Form label out of the field
.form-label-outside {
width: 100%;
padding-right: 150px;
margin-bottom: 4px;
font-size: 14px;
color: $gray-300;
cursor: pointer;
}
.form-label-outside ~ .form-validation {
top: 10px;
}
[data-x-mode='true'] {
.form-label {
pointer-events: auto;
}
}
//
// Form validation
//
.form-validation {
position: absolute;
right: 15px;
top: 0;
z-index: 11;
margin-top: 3px;
font-size: 10px;
font-weight: 500;
line-height: 12px;
letter-spacing: 0;
color: $form-feedback-invalid-color;
transition: .3s;
transform: scale3d(1, 1, 1);
&:empty {
transform: scale3d(1, 0, 1);
}
}
.form-validation-left {
.form-validation {
top: 2px;
bottom: auto;
right: auto;
left: 14px;
}
}
// Form output
#form-output-global {
position: fixed;
bottom: 30px;
left: 15px;
z-index: 2000;
visibility: hidden;
transform: translate3d(-500px, 0, 0);
transition: .3s all ease;
&.active {
visibility: visible;
transform: translate3d(0, 0, 0);
}
@include media-breakpoint-up(sm) {
left: 30px;
}
}
.form-output {
position: absolute;
top: 100%;
left: 0;
font-size: 10px;
font-weight: 400;
line-height: 1.2;
margin-top: 2px;
transition: .3s;
opacity: 0;
visibility: hidden;
&.active {
opacity: 1;
visibility: visible;
}
&.error {
color: $form-feedback-invalid-color;
}
&.success {
color: $form-feedback-valid-color;
}
}
//
// Radio and Checkbox Custom
//
.radio .radio-custom,
.radio-inline .radio-custom,
.checkbox .checkbox-custom,
.checkbox-inline .checkbox-custom {
opacity: 0;
&, &-dummy {
position: absolute;
left: 0;
width: 14px;
height: 14px;
outline: none;
cursor: pointer;
}
&-dummy {
pointer-events: none;
background: $white;
&::after {
position: absolute;
opacity: 0;
transition: .22s;
}
}
&:focus {
outline: none;
}
}
.radio,
.radio-inline,
.checkbox,
.checkbox-inline {
input {
@include sr-only;
}
}
.radio-custom:checked + .radio-custom-dummy:after,
.checkbox-custom:checked + .checkbox-custom-dummy:after {
opacity: 1;
}
//
// Custom Radio Styles
//
.radio,
.radio-inline {
padding-left: 28px;
.radio-custom-dummy {
top: 1px;
left: 0;
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid $gray-400;
&::after {
content: '';
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
background: $gray-700;
border-radius: inherit;
}
}
}
//
// Custom Checkbox Styles
//
.checkbox,
.checkbox-inline {
padding-left: 28px;
.checkbox-custom-dummy {
left: 0;
width: 18px;
height: 18px;
margin: 0;
border: 1px solid $gray-400;
&::after {
content: '\f222';
font-family: $mdi;
position: absolute;
top: -1px;
left: -2px;
font-size: 20px;
line-height: 18px;
color: $gray-300;
}
}
}
//
// Checkbox Toggle
//
.toggle-custom {
padding-left: 60px;
-webkit-appearance: none;
&:checked ~ .checkbox-custom-dummy {
&::after {
background: $primary;
transform: translate(20px, -50%);
}
}
& ~ .checkbox-custom-dummy {
$toggle-height: 20px;
position: relative;
display: inline-block;
margin-top: -1px;
width: 44px;
height: $toggle-height;
background: $form-input-background;
cursor: pointer;
&::after {
content: '';
position: absolute;
display: inline-block;
width: $toggle-height - 4px;
height: $toggle-height - 4px;
left: 0;
top: 50%;
background: $gray-400;
transform: translate(4px, -50%);
opacity: 1;
transition: .22s;
}
}
}
//
// RD Form Inline
//
.form-inline {
display: flex;
flex-wrap: wrap;
align-items: stretch;
text-align: center;
@include groupY(8px);
> * {
margin-top: 0;
margin-right: -$form-input-border-radius;
}
.form-wrap {
flex: 20 0;
min-width: 220px;
}
.form-wrap-select {
text-align: left;
}
.form-label {
display: block;
}
.form-input {
border-color: $form-input-background;
}
.form-button {
flex-grow: 1;
min-height: $form-input-height;
.button {
width: 100%;
min-height: inherit;
}
}
@include media-breakpoint-up(sm) {
.button {
display: block;
}
}
&.form-inline-centered {
justify-content: center;
}
}
.single-page{
.form-inline{
> *{
margin-right: 0;
}
@media (min-width: 412px) {
flex-direction: column;
align-items: center;
.form-wrap{
width: 100%;
}
}
@include media-breakpoint-up(sm){
.form-wrap{
width: auto;
}
flex-direction: row;
> *{
margin-left: -6px;
}
}
}
}
//
// Form Small
//
.form-sm {
.form-input,
.button {
padding-top: 9px;
padding-bottom: 9px;
min-height: $form-input-sm-height;
}
.form-validation {
top: -16px;
}
.form-label {
top: $form-input-sm-height / 2;
}
* + .button {
margin-top: 10px;
}
}
//
// Form Large
//
.form-lg {
.form-input,
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding-top: round(($form-input-lg-height - $form-input-line-height-base) / 2) - 1px;
padding-bottom: round(($form-input-lg-height - $form-input-line-height-base) / 2) - 1px;
}
.form-input,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.form-wrap-button {
min-height: $form-input-lg-height;
}
.form-label {
top: round($form-input-lg-height / 2);
}
}
//
// Form Layout 1
//
.form-layout-1 {
@include group(20px);
> * {
display: block;
}
.select-2-container {
display: block;
min-width: 100%;
max-width: 100%;
width: auto !important;
}
.form-wrap-button {
display: flex;
}
.button {
display: block;
width: 100%;
}
}
* + form.form-layout-1 { margin-top: 35px; }
@include media-breakpoint-up(md) {
.form-layout-1 {
display: flex;
> * { flex-shrink: 0; }
.form-wrap-main {
flex-grow: 1;
}
.form-wrap-select {
width: 100%;
max-width: 220px;
}
}
}
@include media-breakpoint-up(lg) {
* + form.form-layout-1 { margin-top: 50px; }
}
custom-styles/components/_dividers.scss 0000644 00000001002 15116221763 0014426 0 ustar 00 /*
*
* Dividers
*/
hr {
margin-top: 0;
margin-bottom: 0;
border-top: $hr-border-width solid $hr-border-color;
}
%context-dark {
hr {
border-top-color: $gray-400;
}
}
.divider-small {
font-size: 0;
line-height: 0;
&::after {
content: '';
display: inline-block;
width: 70px;
height: 2px;
background-color: $primary;
}
}
.divider-small + h3, .divider-small + .heading-3,
.divider-small-outer + h3, .divider-small-outer + .heading-3 {
margin-top: 20px;
}
custom-styles/components/_links.scss 0000644 00000002673 15116221763 0013754 0 ustar 00 /*
*
* Links
*/
// Standard link style
a {
transition: $transition-base;
&,
&:focus,
&:active,
&:hover {
text-decoration: $link-decoration;
}
&.decorated{
position: relative;
padding-bottom: 2px;
&:before{
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
height: 2px;
width: 0;
background-color: $primary;
transition: all ease .35s;
}
}
&:hover{
&.decorated{
&:before{
width: 100%;
transition: all ease .35s;
}
}
&.underlined{
text-decoration: underline;
}
}
@include link($link-color, $link-hover-color);
&[href*='tel'],
&[href*='mailto'] {
white-space: nowrap;
}
}
.link-hover {
color: $primary-darken;
}
// Link Image
.link-default {
&, &:active, &:focus {
color: $body-color;
}
&:hover {
color: $primary;
}
}
%context-dark {
.link-default {
color: $gray-300;
&:hover {
color: $white;
}
}
}
// Link Image
.link-image {
display: block;
max-width: 75%;
margin-left: auto;
margin-right: auto;
opacity: .45;
transition: $transition-base;
&:hover {
opacity: 1;
}
}
// Privacy Link
.privacy-link {
display: inline-block;
}
* + .privacy-link {
margin-top: 25px;
}
.footer-link{
@include link(rgba($white,.5), $primary)
}
.accent-dark-link{
@include link( $accent-dark, $primary)
} custom-styles/components/_units.scss 0000644 00000000240 15116221763 0013762 0 ustar 00 /*
*
* Responsive units
*/
@include unit-responsive(20px, 30px);
//
// Unit Spacing
//
.unit-spacing-xs {
@include unit-spacing(7px, 15px);
}
custom-styles/components/_quotes.scss 0000644 00000007505 15116221763 0014153 0 ustar 00 /*
*
* Quotes
*/
//
// Table of Contents:
//
// Quote Light
// Quote Classic
// Quote Modern
//
//
// Quote Light
//
.quote-light {
}
.quote-light-mark {
fill: $gray-300;
}
.quote-light-cite {
font-size: 20px;
color: $primary;
}
.quote-light-caption {
line-height: 1.2;
}
.quote-light-text {
font-size: 16px;
line-height: 1.5;
letter-spacing: 0;
color: $accent-dark;
}
html img.quote-light-image {
display: inline-block;
}
* + .quote-light { margin-top: 30px; }
* + .quote-light-caption { margin-top: 3px; }
* + .quote-light-mark { margin-top: 15px; }
* + .quote-light-text { margin-top: 8px; }
* + .quote-light-footer { margin-top: 20px; }
@include media-breakpoint-up(sm) {
.quote-light-cite {
font-size: 20px;
}
}
@include media-breakpoint-up(md) {
.quote-light { }
.quote-light-cite {
font-size: 24px;
}
.quote-light-text {
font-size: 21px;
line-height: 1.45;
}
* + .quote-light { margin-top: 40px; }
* + .quote-light-mark { margin-top: 35px; }
* + .quote-light-text { margin-top: 15px; }
* + .quote-light-footer { margin-top: 30px; }
}
@include media-breakpoint-up(xxl) {
.quote-light-text {
font-size: 24px;
line-height: (32 / 24);
}
* + .quote-light { margin-top: 50px; }
* + .quote-light-mark { margin-top: 50px; }
* + .quote-light-footer { margin-top: 45px; }
}
//
// Quote Classic
//
.quote-classic {
max-width: 340px;
text-align: left;
}
.quote-classic-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
@include group(20px);
}
.quote-classic-avatar {
position: relative;
overflow: hidden;
width: 50px;
height: 50px;
border-radius: 50%;
flex-shrink: 0;
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none;
@supports (object-fit: cover) {
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: none;
object-fit: cover;
object-position: center center;
}
}
}
.quote-classic-cite {
font-size: 20px;
line-height: 1.2;
color: $primary;
}
.quote-classic-caption {
color: $gray-300;
}
* + .quote-classic-text { margin-top: 25px; }
* + .quote-classic-caption { margin-top: 0; }
@include media-breakpoint-down(xs) {
.quote-classic {
margin-left: auto;
margin-right: auto;
}
}
//
// Quote Modern
//
.quote-modern {
text-align: left;
}
.quote-modern-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
@include group(20px);
}
.quote-modern-avatar {
position: relative;
overflow: hidden;
z-index: 2;
width: 50px;
height: 50px;
border-radius: 50%;
flex-shrink: 0;
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none;
@supports (object-fit: cover) {
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: none;
object-fit: cover;
object-position: center center;
}
}
}
.quote-modern-cite {
font-size: 20px;
line-height: 1.2;
color: $primary;
}
.quote-modern-caption {
color: $gray-300;
}
.quote-modern-mark {
fill: $gray-300;
}
* + .quote-modern-meta { margin-top: 25px; }
* + .quote-modern-caption { margin-top: 0; }
* + .quote-modern-text { margin-top: 10px; }
// Mods
.quote-modern-big {
.quote-modern-text {
font-size: 18px;
line-height: 1.5;
color: $gray-700;
}
@include media-breakpoint-up(lg) {
.quote-modern-text {
font-size: 20px;
}
}
@include media-breakpoint-up(xl) {
.quote-modern-text {
font-size: 24px;
line-height: (32 / 24);
}
* + .quote-modern-text { margin-top: 20px; }
}
}
custom-styles/components/_footers.scss 0000644 00000010216 15116221763 0014305 0 ustar 00 /*
*
* Footers
*/
//
// Table of Contents:
//
// Footers Standard
// Footer Minimal
// Footer Advanced
//
//
// Footer Standard
//
.footer-standard {
h4 + *,
.heading-4 + * {
margin-top: 14px;
}
}
.footer-standard-main {
padding: 35px 0 15px;
}
.footer-standard-aside {
padding: 30px 0;
}
.footer-standard-aside {
@include groupY(18px);
text-align: center;
> * { margin-top: 0; }
}
@include media-breakpoint-down(xs) {
.footer-standard {
.box-1 {
margin-left: 0;
}
}
}
@include media-breakpoint-between(md, md) {
.footer-standard {
.box-1 {
margin-left: 0;
}
}
}
@include media-breakpoint-up(md) {
.footer-standard {
h4 + *,
.heading-4 + * {
margin-top: 25px;
}
}
.footer-standard-main {
padding: 55px 0 20px;
}
.footer-standard-aside {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
@include groupX(20px);
}
}
@include media-breakpoint-up(xl) {
.footer-standard-main {
padding: 80px 0 50px;
}
}
//
// Footer Minimal
//
.footer-minimal {
padding: 30px 0;
}
.footer-minimal-inner {
@include groupY(18px);
text-align: center;
> * { margin-top: 0; }
.rights {
a:hover {
color: $white;
}
}
}
@include media-breakpoint-up(md) {
.footer-minimal-inner {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
@include groupX(20px);
}
}
//
// Footer Advanced
//
.footer-advanced {
&.bg-gray-700 {
#{headings()} {
color: $gray-300;
}
}
h4 + *,
.heading-4 + * {
margin-top: 14px;
}
}
.footer-advanced-main {
padding: 35px 0 15px;
}
.footer-advanced-aside {
padding: 30px 0;
}
.footer-advanced-layout {
@include groupY(18px);
text-align: center;
> * { margin-top: 0; }
}
@include media-breakpoint-between(md, md) {
.footer-advanced {
.box-1 {
margin-left: 0;
}
}
}
@include media-breakpoint-between(lg, lg) {
.footer-advanced-text {
font-size: 14px;
line-height: 1.7;
}
}
@include media-breakpoint-up(md) {
.footer-advanced-main {
padding: 55px 0 20px;
}
.footer-advanced-aside {
padding: 35px 0;
}
.footer-advanced-layout {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
@include groupX(20px);
}
.footer-advanced-aside + .container { margin-top: 10px; }
}
@include media-breakpoint-up(xl) {
.footer-advanced {
h4 + *,
.heading-4 + * {
margin-top: 35px;
}
}
.footer-advanced-main {
padding: 80px 0 60px;
}
.footer-advanced-aside + .container { margin-top: 20px; }
}
//
// Footer Linked
//
.footer-linked {
&.bg-gray-700 {
#{headings()} {
color: $gray-300;
}
.list {
color: $white;
a:hover {
color: rgba($white, .6);
}
}
}
h4 + *,
.heading-4 + * {
margin-top: 14px;
}
h4 + hr,
.heading-4 + hr {
margin-top: 15px;
}
* + .row { margin-top: 25px; }
}
.footer-linked-main {
padding: 35px 0 15px;
}
.footer-linked-aside {
padding: 30px 0;
}
.footer-linked-layout {
@include groupY(18px);
text-align: center;
> * { margin-top: 0; }
}
@include media-breakpoint-between(md, md) {
.footer-linked {
.box-1 {
margin-left: 0;
}
}
}
@include media-breakpoint-between(lg, lg) {
.footer-linked-text {
font-size: 14px;
line-height: 1.7;
}
}
@include media-breakpoint-up(md) {
.footer-linked-main {
padding: 65px 0 40px;
}
.footer-linked-aside {
padding: 30px 0;
}
.footer-linked-layout {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
@include groupX(20px);
}
.footer-linked-aside + .container { margin-top: 10px; }
}
@include media-breakpoint-up(xl) {
.footer-linked {
h4 + *,
.heading-4 + * {
margin-top: 35px;
}
}
.footer-linked-main {
padding: 90px 0 60px;
}
.footer-linked-aside + .container { margin-top: 20px; }
}
custom-styles/components/_boxes.scss 0000644 00000020741 15116221763 0013750 0 ustar 00 /*
*
* Boxes
*/
//
// Table of Contents:
//
// Box Minimal
// Box Light
// Box Creative
// Box Width
// Box CTA
// Box Indigo
// Box Promo
//
//
// Box Minimal
//
.box-minimal {
display: flex;
@include groupX(15px);
text-align: left;
}
.box-minimal-icon {
position: relative;
top: 4px;
min-width: 26px;
font-size: 24px;
line-height: 1;
color: $primary;
&.fl-bigmug-line-checkmark14 {
font-size: 20px;
}
}
.box-minimal-text {
width: 100%;
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
* + .box-minimal { margin-top: 30px; }
* + .box-minimal-title { margin-top: 10px; }
* + .box-minimal-text { margin-top: 15px; }
@include media-breakpoint-down(xs) {
.box-minimal {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
}
@include media-breakpoint-down(sm) {
.box-minimal {
* + p { margin-top: 7px; }
}
}
@include media-breakpoint-up(md) {
.box-minimal {
padding-right: 15px;
@include groupX(30px);
}
}
@include media-breakpoint-between(lg, lg) {
.box-minimal {
padding-right: 0;
}
.box-minimal-title {
font-size: 22px;
}
}
@include media-breakpoint-up(xl) {
.box-minimal-icon {
top: 0;
font-size: 36px;
&.fl-bigmug-line-checkmark14 {
font-size: 30px;
}
}
}
//
// Box Light
//
.box-light {
text-align: center;
.icon-modern{
transition: all ease .35s;
}
@include media-breakpoint-up(xl) {
&:hover{
.icon-modern{
background-color: $primary;
color: $white;
transition: all ease .35s;
}
}
}
}
.box-light-icon {
font-size: 30px;
line-height: 1;
color: $primary;
}
* + .box-light-title { margin-top: 10px; }
@include media-breakpoint-down(xs) {
.box-light {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
}
@include media-breakpoint-up(md) {
.box-light {
max-width: 330px;
margin-left: auto;
margin-right: auto;
}
* + .box-light-title { margin-top: 16px; }
}
@include media-breakpoint-between(md, lg) {
.box-light-title {
font-size: 24px;
}
}
@include media-breakpoint-up(lg) {
.box-light-icon {
font-size: 38px;
}
* + .box-light-title { margin-top: 25px; }
}
@include media-breakpoint-up(xl) {
.box-light-icon {
font-size: 48px;
}
}
//
// Box Creative
//
.box-creative {
max-width: 330px;
margin-left: auto;
margin-right: auto;
text-align: center;
cursor: default;
&:hover {
.box-creative-icon {
color: $white;
}
.box-creative-icon::after {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
}
}
.box-creative-shadow {
.box-creative-icon {
background: $white;
border: 0;
box-shadow: 0 17px 24px 0 rgba($black, 0.05);
}
}
.box-creative-icon {
position: relative;
z-index: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.8em;
height: 2.8em;
border: 2px solid $gray-200;
border-radius: 50%;
font-size: 24px;
line-height: 1;
color: $primary;
&::before {
position: relative;
z-index: 2;
}
&::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
border-radius: inherit;
background: $primary;
border-color: $primary;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: .15s ease-in;
transform: scale3d(1.05, 1.05, 1.05);
}
}
* + .box-creative-icon { margin-top: 10px; }
* + .box-creative-title { margin-top: 10px; }
@include media-breakpoint-up(md) {
.box-creative-icon {
font-size: 30px;
}
* + .box-creative-title { margin-top: 15px; }
}
@include media-breakpoint-down(md) {
.box-creative {
* + p { margin-top: 10px; }
}
}
@include media-breakpoint-up(xl) {
.box-creative-icon {
width: 2.4em;
height: 2.4em;
font-size: 40px;
}
* + .box-creative-title { margin-top: 24px; }
}
// Box Width
.box-1 {
max-width: 280px;
margin-left: auto;
margin-right: auto;
}
.box-2 {
@include media-breakpoint-up(md) {
padding-right: 30px;
}
@include media-breakpoint-up(lg) {
padding-right: 35px;
}
@include media-breakpoint-up(xl) {
padding-right: 100px;
}
}
.box-3 {
@include media-breakpoint-up(lg) {
padding-left: 10px;
}
@include media-breakpoint-up(xl) {
padding-left: 70px;
}
}
// Box CTA
div.box-cta-1 {
display: inline-table;
text-align: center;
vertical-align: middle;
@include group(40px, 25px);
> * {
margin-top: 0;
vertical-align: middle;
}
}
div.box-cta-thin {
display: inline-table;
text-align: center;
vertical-align: middle;
@include group(30px, 25px);
> * {
margin-top: 0;
vertical-align: middle;
}
@include media-breakpoint-between(md, md) {
> * { max-width: 500px; }
}
}
.box-cta-medium{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
vertical-align: middle;
flex-wrap: wrap;
margin-left: -30px;
@include media-breakpoint-up(lg) {
margin-left: -167px;
}
> * {
margin-bottom: 10px;
margin-top: 0;
vertical-align: middle;
margin-left: 30px;
@include media-breakpoint-up(lg) {
margin-left: 167px;
}
}
.button-outer{
margin-top: 0;
}
}
//
// Box Indigo
//
.box-indigo {
position: relative;
padding: 5px 0 22px;
max-width: 500px;
&::before {
content: '';
position: absolute;
top: 0;
right: 100px;
bottom: 0;
left: 30px;
z-index: -1;
background: rgba($gray-700, .12);
pointer-events: none;
}
p {
line-height: 1.35;
}
}
.box-indigo-header {
> * {
padding-left: 60px;
}
> * + * { margin-top: 0; }
}
.box-indigo-mark {
font-weight: 300;
color: $color-1;
}
.box-indigo-title,
.box-indigo-subtitle {
font-weight: 700;
letter-spacing: 0;
color: $gray-700
}
p.box-indigo-title {
position: relative;
font-size: 30px;
line-height: 1.15;
&::before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translate3d(0, -50%, 0);
display: inline-block;
width: 37px;
height: 0.05em;
margin-right: 15px;
vertical-align: middle;
background: $primary;
}
@include media-breakpoint-up(sm) {
font-size: 60px;
}
@include media-breakpoint-up(md) {
font-size: 75px;
line-height: 1.2;
}
}
p.box-indigo-subtitle {
font-size: 24px;
line-height: 1.2;
.box-indigo-mark {
font-size: (34 / 40) * 1em;
}
@include media-breakpoint-up(sm) {
font-size: 34px;
}
@include media-breakpoint-up(md) {
font-size: 40px;
}
}
%context-dark {
.box-indigo {
&::before {
background: rgba($white, .12);
}
p { color: $gray-300; }
}
p.box-indigo-title,
p.box-indigo-subtitle {
color: $white;
}
}
//
// Box Promo
//
.box-promo {
position: relative;
display: flex;
max-width: 750px;
margin-left: auto;
margin-right: auto;
text-align: left;
box-shadow: 0 2px 24px 0 rgba($black, .15);
transition: .33s ease-in-out;
h6,
.heading-6 {
color: $color-2;
}
&:hover {
transform: translate(0, -5px);
box-shadow: 0 2px 24px 1px rgba($black, .2);
}
}
.box-promo-mark {
position: absolute;
top: 14%;
right: 6.5%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
border-radius: 50%;
color: rgba($primary, .1);
border: 2px solid;
pointer-events: none;
&::before,
&::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
background: rgba($primary, .1);
}
&::before {
width: 2px;
height: 50%;
}
&::after {
height: 2px;
width: 50%;
}
}
.box-promo-inner,
.box-promo-dummy {
width: 100%;
flex-shrink: 0;
}
.box-promo-inner {
display: flex;
align-items: center;
padding: 30px;
}
.box-promo-dummy {
visibility: hidden;
opacity: 0;
pointer-events: none;
&::before {
content: '';
display: block;
padding-bottom: (364 / 750) * 100%;
}
}
.box-promo-content {
width: 100%;
max-width: 500px;
* + h3,
* + .heading-3 {
margin-top: 15px;
}
* + p { margin-top: 10px; }
* + .button { margin-top: 30px; }
}
@include media-breakpoint-up(md) {
.box-promo-inner {
padding: 39px 35px;
}
}
@include media-breakpoint-up(xl) {
.box-promo-inner {
padding: 60px 70px;
}
.box-promo-mark {
top: 24%;
right: 6.5%;
width: 120px;
height: 120px;
}
}
custom-styles/components/_images.scss 0000644 00000000235 15116221763 0014071 0 ustar 00 /*
*
* Images
*/
// Standard img style
img {
display: inline-block;
max-width: 100%;
height: auto;
}
.img-responsive {
width: 100%;
}
custom-styles/components/_snackbars.scss 0000644 00000001423 15116221763 0014573 0 ustar 00 /*
*
* Snackbars
*/
.snackbars {
padding: 9px 16px;
margin-left: auto;
margin-right: auto;
color: $white;
text-align: left;
background-color: $primary;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
border-radius: $border-radius-lg;
font-size: 14px;
.icon-xxs {
font-size: 18px;
}
// padding on text
p span:last-child {
padding-left: 14px;
}
// snackbar icon on the left side
&-left {
display: inline-block;
margin-bottom: 0;
}
// snackbar link or button on the right side
&-right {
display: inline-block;
float: right;
text-transform: uppercase;
&:hover {
text-decoration: underline;
}
}
@include media-breakpoint-up(sm) {
max-width: 540px;
padding: 12px 15px;
font-size: 15px;
}
}
custom-styles/components/_buttons.scss 0000644 00000013610 15116221763 0014323 0 ustar 00 /*
*
* Buttons
*/
// Button General Styles
.button {
position: relative;
overflow: hidden;
display: inline-block;
@include btn-size($input-btn-padding-y, $input-btn-padding-x, $input-btn-font-size, $input-btn-line-height);
border: 2px solid;
border-radius: $btn-border-radius;
font-family: $btn-font-family;
font-weight: $btn-font-weight;
letter-spacing: $btn-letter-spacing;
text-transform: $btn-text-transform;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
cursor: pointer;
vertical-align: middle;
user-select: none;
transition: 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}
.button-block {
display: block;
width: 100%;
}
//
// Appearance style
//
.button-default {
@include btn-variant($gray-300, $gray-700, $gray-700, $white, $primary, $primary);
}
.button.button-primary {
@include btn-variant($white, $primary, $primary, $white, $primary-darken, $primary-darken);
}
html .button.button-primary-lighten {
@include btn-variant($white, $primary, $primary, $white, $primary-lighten, $primary-lighten);
}
// Outline
.button-primary-outline {
@include btn-variant($gray-700, transparent, $primary, $white, $primary, $primary);
}
// Social
.button.button-facebook {
@include btn-variant($white, $facebook, $facebook, $white, lighten($facebook, 5%), lighten($facebook, 5%));
}
.button.button-twitter {
@include btn-variant($white, $twitter, $twitter, $white, lighten($twitter, 5%), lighten($twitter, 5%));
}
.button.button-google {
@include btn-variant($white, $google, $google, $white, lighten($google, 5%), lighten($google, 5%));
}
//
// Button effects
//
.button-winona {
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: middle;
text-align: center;
.content-original,
.content-dubbed {
vertical-align: middle;
transition: transform 0.35s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.35s cubic-bezier(0.2, 1, 0.3, 1);
}
.content-original {
display: block;
}
.content-dubbed {
position: absolute;
width: 100%;
top: 50%;
left: 0;
opacity: 0;
transform: translate3d(0, 0, 0);
}
&:hover {
.content-original {
opacity: 0;
transform: translate3d(0, -30%, 0);
}
.content-dubbed {
opacity: 1;
transform: translate3d(0, 0, 0) translateY(-50%);
}
}
}
//
// Button Sizes
//
.button-sm {
@include btn-size($input-btn-padding-y-sm, $input-btn-padding-x-sm, 12px, $input-btn-line-height-sm);
}
.button-lg {
@include btn-size($input-btn-padding-y-lg, 35px, 15px, $input-btn-line-height-lg);
@include media-breakpoint-up(sm) {
font-size: 16px;
padding-left: $input-btn-padding-x-lg;
padding-right: $input-btn-padding-x-lg;
}
}
.button-lg--smaller {
padding-left: 35px;
padding-right: 35px;
}
//
// Button Icon styles
//
html .button.button-icon {
display: inline-flex;
}
.button-icon {
justify-content: center;
align-items: center;
vertical-align: middle;
.icon {
position: relative;
top: -1px;
display: inline-block;
vertical-align: middle;
color: inherit;
font-size: 1.55em;
line-height: 1em;
transition: none;
}
&:hover,&:active {
.icon {
color: inherit;
&:before{
color: inherit;
}
}
}
&-left {
.icon { padding-right: 5px; }
}
&-right {
flex-direction: row-reverse;
.icon { padding-left: 8px; }
}
&.button-icon-only {
padding-left: 20px;
padding-right: 20px;
}
&.button-lg {
.icon { padding-right: 8px; }
&.button-icon-right {
.icon {
padding: 0 0 0 8px;
}
}
}
&.button-sm {
.icon {
padding-right: 3px;
font-size: 1.33em;
}
&.button-icon-right {
.icon {
padding: 0 0 0 3px;
}
}
}
}
//
// Bootstrap buttons
//
.btn-primary {
border-radius: 3px;
font-family: $btn-font-family;
font-weight: $btn-font-weight;
letter-spacing: .05em;
text-transform: uppercase;
transition: .33s;
&,
&:active,
&:focus {
color: $white;
background: $primary;
border-color: $primary;
}
&:hover {
color: $white;
background: $black;
border-color: $black;
}
}
//
// Button Group
//
.button-group {
display: flex;
.button {
margin: 0;
flex-grow: 1;
}
.button:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.button:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
//
// Custom types
//
.button-video {
position: relative;
display: block;
border-radius: 50%;
transition: .33s;
color: $gray-700;
&::before,
&:after {
display: block;
content: '\f4fc';
font-family: 'Material Design Icons';
font-size: 64px;
line-height: 1;
border-radius: 50%;
}
&::before {
z-index: -1;
pointer-events: none;
}
&::after {
position: absolute;
width: 100%;
top: 50%;
left: 0;
opacity: 0;
transform: translate3d(0, -50%, 0);
transition: opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
&:hover {
color: $primary;
}
&:hover {
&::before {
opacity: 0;
transition: transform 0.9s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
transform: scale3d(1.5, 1.5, 1.5);
}
&::after {
opacity: 1;
}
}
}
.button-video-lg {
&::before,
&:after {
font-size: 90px;
}
}
%context-dark {
.button-video {
color: $white;
}
}
.btn-lg{
padding: 19px 14px;
min-width: 316px;
display: inline-flex;
justify-content: center;
align-self: center;
line-height: 1;
.box-cta-medium &{
min-width: 297px;
}
}
.btn-md{
padding: 15px 14px;
min-width: 221px;
display: inline-flex;
justify-content: center;
align-self: center;
line-height: 1;
}
.btn-md-1{
padding: 15px 14px;
min-width: 196px;
display: inline-flex;
justify-content: center;
align-self: center;
line-height: 1;
} custom-styles/components/_brand.scss 0000644 00000000222 15116221763 0013706 0 ustar 00 /*
*
* Brand
*/
.brand {
display: inline-block;
.brand-logo-light {
display: none;
}
.brand-logo-dark {
display: block;
}
}
custom-styles/components/_jumbotron-custom.scss 0000644 00000004631 15116221763 0016157 0 ustar 00 /*
*
* Jumbotron Classic
*/
//
// Table of Contents
//
// Jumbotron Classic
// Jumbotron Modern
// Jumbotron Indigo
//
//
// Jumbotron Classic
//
.jumbotron-classic {
&.bg-gray-700 {
h6,
.heading-6 {
color: $white;
}
}
&.parallax-container {
background-position: 60% center;
}
.parallax-content {
width: 100%;
}
}
.jumbotron-classic-content {
max-width: 600px;
padding: 50px 0;
}
@include media-breakpoint-down(lg) {
.jumbotron-classic.parallax-container {
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: linear-gradient(to right, rgba($gray-700, .6), rgba($gray-700, .2));
}
}
}
@include media-breakpoint-up(md) {
.jumbotron-classic-inner {
padding: 120px 0 140px;
}
}
@include media-breakpoint-up(xl) {
.jumbotron-classic-inner {
display: flex;
align-items: center;
min-height: (872 / 1920) * 100vw;
}
}
@include media-breakpoint-up(xxl) {
.jumbotron-classic-content {
padding: 200px 0 150px;
}
}
//
// Jumbotron Modern
//
.jumbotron-modern {
position: relative;
display: flex;
text-align: center;
}
.jumbotron-modern-inner {
position: relative;
z-index: 1;
display: flex;
align-items: center;
width: 100%;
padding: 50px 0;
}
.jumbotron-modern-content {
max-width: 770px;
margin-left: auto;
margin-right: auto;
}
@include media-breakpoint-down(sm) {
.jumbotron-modern {
.form-layout-1 {
display: inline-block;
max-width: 360px;
}
}
}
@include media-breakpoint-down(lg) {
.jumbotron-modern {
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: linear-gradient(to bottom, rgba($gray-700, .4), rgba($gray-700, 0));
}
}
}
@include media-breakpoint-up(md) {
.jumbotron-modern-inner {
padding: 100px 0 140px;
}
}
@include media-breakpoint-up(xl) {
.jumbotron-modern-inner {
min-height: (800 / 1920) * 100vw;
}
}
//
// Jumbotron Indigo
//
.jumbotron-indigo {
}
.jumbotron-indigo-header {
padding: 40px 0;
}
.jumbotron-indigo-main {
padding: 10px 0 40px;
}
@include media-breakpoint-up(md) {
.jumbotron-indigo-header {
padding: 50px 0;
}
.jumbotron-indigo-main {
padding: 50px 0 185px;
}
}
custom-styles/components/_layouts.scss 0000644 00000007253 15116221763 0014333 0 ustar 00 /*
*
* Layouts
*/
//
// Table of Contents
//
// Layout Bordered
// Layout Navbar Demo
// Blog Layout
//
//
// Layout Bordered
//
.layout-bordered {
text-align: center;
}
.layout-bordered-item {
border: 0 solid $primary;
}
.layout-bordered-item-inner {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 290px;
padding: 0 15px;
margin-left: auto;
margin-right: auto;
> * + * { margin-top: 10px; }
}
@include media-breakpoint-down(sm) {
.layout-bordered-item {
padding: 30px 0;
&:first-child { padding-top: 0; }
&:last-child { padding-bottom: 0; }
}
.layout-bordered-item + .layout-bordered-item {
border-top-width: 1px;
}
}
@include media-breakpoint-up(md) {
.layout-bordered {
display: flex;
}
.layout-bordered-item {
flex-grow: 1;
}
.layout-bordered-item-inner {
> * + * { margin-top: 15px; }
}
}
@include media-breakpoint-between(md, md) {
.layout-bordered-item {
font-size: 15px;
}
}
@include media-breakpoint-up(md) {
.layout-bordered-item {
flex-basis: 33.333%;
border-right-width: 1px;
&:first-child {
border-left-width: 1px;
}
}
}
.layout-navbar-demo {
position: relative;
overflow: hidden;
min-height: 400px;
background: $gray-200;
&.layout-navbar-demo-lg {
min-height: 650px;
}
.rd-navbar-fixed {
.rd-navbar-panel {
position: relative;
z-index: 10;
}
.rd-navbar-nav-wrap {
position: absolute;
z-index: 9;
}
.rd-navbar-main-outer,
.rd-navbar-main-element {
position: static;
}
.rd-navbar-search {
position: static;
}
.rd-navbar-panel .rd-navbar-search-toggle {
position: static;
z-index: 10;
}
div.rd-navbar-block {
top: -1px;
right: 10px;
white-space: nowrap;
> * {
display: inline-block;
margin-top: 0;
white-space: normal;
vertical-align: middle;
}
> * + * {
margin-left: 8px;
}
.rd-navbar-search-toggle {
margin-top: 6px;
}
}
div.rd-navbar-popup {
position: absolute;
}
&.rd-navbar {
[class*='rd-navbar-fixed-element'] {
position: absolute;
z-index: 1000;
}
.rd-search {
position: absolute;
z-index: 1;
}
}
.rd-navbar-collapse-content {
position: absolute;
z-index: 1;
}
}
@include media-breakpoint-up(xl) {
min-height: 550px;
&.layout-navbar-demo-lg {
min-height: 650px;
}
}
}
.container + .layout-navbar-demo { margin-top: 20px; }
//
// Blog Layout
//
.blog-layout {
}
.blog-layout-aside {
padding: 4px 0;
background: $gray-100;
.rd-search {
.form-input {
border-color: transparent;
}
}
}
.blog-layout-aside-item {
padding: 25px 30px;
.blog-layout-aside-title + * { margin-top: 15px; }
}
.blog-layout-aside-title {
font-size: 22px;
line-height: 1.5;
}
* + .blog-layout-aside { margin-top: 55px; }
@include media-breakpoint-up(md) {
* + .blog-layout-aside { margin-top: 70px; }
}
@include media-breakpoint-between(md, md) {
.blog-layout-aside {
columns: 2;
break-inside: avoid;
}
.blog-layout-aside-item {
display: inline-block;
width: 100%;
}
}
@include media-breakpoint-up(lg) {
.blog-layout {
display: flex;
align-items: flex-start;
@include groupX(30px);
}
.blog-layout-main {
flex-grow: 1;
max-width: (8 / 12) * 100%;
}
.blog-layout-aside {
flex-shrink: 0;
max-width: (4 / 12) * 100%;
}
* + .blog-layout-aside { margin-top: 0; }
}
@include media-breakpoint-up(xl) {
.blog-layout-aside-item {
padding: 35px 40px;
}
}
custom-styles/components/_blocks.scss 0000644 00000001626 15116221763 0014106 0 ustar 00 /*
*
* Blocks
*/
%block-center {
margin-left: auto;
margin-right: auto;
}
// The block element can be centered horizontally
//
.block-center {
@extend %block-center;
}
// Limits block width and block element can be centered horizontally
//
.block-sm {
@extend %block-center;
max-width: 450px;
}
.block-lg {
@extend %block-center;
max-width: 768px;
}
// Block center
.block-center {
padding: 10px;
&:hover {
.block-center-header {
background-color: $primary;
}
}
}
.block-center-inner {
}
.block-center-inner-aside {
}
.block-center-inner-main {
}
.block-center-title {
background-color: $white;
}
@include media-breakpoint-down(xl) {
.block-center {
padding: 20px;
&:hover {
.block-center-header {
background-color: $white;
}
}
}
.block-center-header {
background-color: $primary;
}
}
custom-styles/components/_type-custom.scss 0000644 00000014417 15116221763 0015124 0 ustar 00 /*
*
* Typography
*/
//
// Body
//
body {
font-family: $font-family-base;
font-size: 14px;
line-height: 1.7;
font-weight: $font-weight-base;
color: $body-color;
background-color: $body-bg;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: subpixel-antialiased;
letter-spacing: .03em;
@include media-breakpoint-up(md) {
font-size: $font-size-base;
line-height: $line-height-base;
}
}
//
// Headings
//
#{headings()} {
margin-top: 0;
margin-bottom: 0;
color: $headings-color;
a {
color: inherit;
&:hover {
color: $primary;
}
}
span {
display: inline-block;
}
span[data-toggle='modal'] {
border-bottom: 2px dashed rgba($primary, .3);
cursor: pointer;
}
> span.icon {
display: inline-block;
margin-right: 5px;
}
}
// {0 - 768px} <= 40px
// {768px - 992px} <= 62px
h1,
.heading-1 {
font-size: 30px;
line-height: 1.15;
letter-spacing: 0;
@include media-breakpoint-up(sm) {
font-size: 32px;
}
@include media-breakpoint-up(md) {
font-size: 46px;
line-height: 1.25;
}
@include media-breakpoint-up(lg) {
font-size: 54px;
}
@include media-breakpoint-up(xl) {
font-size: 58px;
}
@include media-breakpoint-up(xxl) {
font-size: $h1-font-size;
line-height: $h1-line-height;
}
}
// {0 - 768px} <= 36px
// {768px - 992px} <= 52px
h2,
.heading-2 {
font-family: $font-family-sec;
font-weight: 300;
font-size: 28px;
line-height: 1.4;
letter-spacing: 0;
@include media-breakpoint-up(sm) {
font-size: 30px;
}
@include media-breakpoint-up(md) {
font-size: 44px;
}
@include media-breakpoint-up(xl) {
font-size: $h2-font-size;
line-height: $h2-line-height;
}
}
// {0 - 768px} <= 32px
// {768px - 992px} <= 44px
h3,
.heading-3 {
font-size: 24px;
line-height: 1.3;
letter-spacing: 0;
@include media-breakpoint-up(md) {
font-size: 30px;
line-height: 1.4;
}
@include media-breakpoint-up(xl) {
font-size: $h3-font-size;
line-height: $h3-line-height;
}
.big {
font-size: 2em;
line-height: 1;
}
}
// {0 - 768px} <= 26px
// {768px - 992px} <= 36px
h4,
.heading-4 {
font-size: 18px;
line-height: 1.5;
letter-spacing: 0;
@include media-breakpoint-up(xl) {
font-size: $h4-font-size;
line-height: $h4-line-height;
}
&.h4-smaller {
font-size: 19px;
@include media-breakpoint-up(xl) {
font-size: 22px;
line-height: (32 / 22);
}
}
}
// {0 - 768px} <= 22px
// {768px - 992px} <= 28px
h5,
.heading-5 {
font-size: 16px;
line-height: 1.5;
letter-spacing: .01em;
@include media-breakpoint-up(md) {
font-size: $h5-font-size;
line-height: $h5-line-height;
}
}
// {0 - 768px} <= 18px
// {768px - 992px} <= 22px
h6,
.heading-6 {
font-family: $font-family-sec;
font-size: 14px;
line-height: 1.8;
letter-spacing: .2em;
text-transform: uppercase;
color: $gray-300;
@include media-breakpoint-up(md) {
font-size: $h6-font-size;
line-height: $h6-line-height;
}
}
.title-decorated {
position: relative;
padding-left: 40px;
text-align: left;
&::before {
content: '';
position: absolute;
left: 0;
top: .8em;
width: 30px;
border-bottom: 1px solid;
}
@include media-breakpoint-up(md) {
padding-left: 70px;
&::before {
width: 50px;
top: .7em;
border-bottom-width: 2px;
}
}
}
.title-decorated-lg {
@include media-breakpoint-up(md) {
padding-left: 80px;
&::before {
width: 62px;
}
& + p { margin-top: 32px; }
}
}
//
// Emphasis
//
small,
.small {
display: block;
font-size: $font-size-sm;
line-height: $line-height-sm;
}
mark,
.mark {
padding: 3px 5px;
color: $white;
background: $primary;
}
strong {
font-weight: 700;
color: $gray-400
}
// Big text
.big {
font-size: 16px;
line-height: 1.55;
@include media-breakpoint-up(md) {
font-size: $font-size-lg;
line-height: $line-height-lg;
}
}
.lead {
font-size: $lead-font-size;
line-height: $lead-line-height;
font-weight: $lead-font-weight;
}
code {
padding: $code-padding-y $code-padding-x;
border-radius: 0;
font-size: $code-font-size;
color: $code-color;
background: $code-bg;
}
.text-large {
font-family: $font-family-sec;
font-size: 30px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.2;
text-transform: uppercase;
@include media-breakpoint-up(sm) {
font-size: 55px;
}
@include media-breakpoint-up(md) {
font-size: 68px;
}
@include media-breakpoint-up(lg) {
font-size: 80px;
}
@include media-breakpoint-up(xl) {
font-size: 100px;
}
}
%context-dark {
.text-large {
color: $white;
}
}
.text-extra-large {
font-size: 100px;
line-height: .8;
font-weight: 800;
@include media-breakpoint-up(md) {
font-size: 130px;
line-height: .7;
}
@include media-breakpoint-up(lg) {
font-size: 150px;
}
@include media-breakpoint-up(xxl) {
font-size: 180px;
}
}
.wow-outer {
span {
display: block;
}
.wow > span {
display: inline;
}
}
//
// Paragraph
//
p {
[data-toggle='tooltip'] {
padding-left: .25em;
padding-right: .25em;
color: $primary;
}
[style*='max-width'] {
display: inline-block;
}
a {
color: inherit;
}
}
p .text-width-1 {
display: inline-block;
max-width: 730px;
}
.text-width-2 {
display: inline-block;
max-width: 350px;
}
//
// Colors
//
html .page {
.text-primary {
color: $primary;
}
}
html .page{
.text-accent-dark{
color: $accent-dark;
}
}
.page {
.text-danger {
color: $danger-color;
}
.text-gray-700 {
color: $gray-700;
}
.text-color-1 {
color: $color-1;
}
}
%context-dark {
.text-gray-700 {
color: $white;
}
}
.text-medium{
font-size: 18px;
@include media-breakpoint-up(xl) {
font-size: 20px;
}
}
custom-styles/components/_counters.scss 0000644 00000002164 15116221763 0014471 0 ustar 00 /*
*
* Counters
*/
//
// Table of Contents:
//
// Counter Minimal
//
//
// Counter Minimal
//
.counter-minimal {
position: relative;
text-align: center;
color: $gray-700;
}
.counter-minimal-icon {
font-size: 24px;
line-height: 1;
color: $primary;
}
.counter-minimal-title { }
.counter-minimal-main {
font-family: $font-family-sec;
font-size: 36px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0;
> * {
display: inline;
font: inherit;
}
span {
display: inline;
}
}
* + .counter-minimal-title { margin-top: 10px; }
* + .counter-minimal-main { margin-top: 15px; }
@include media-breakpoint-down(xs) {
.counter-minimal-title {
font-size: 16px;
line-height: 1.4;
}
}
@include media-breakpoint-up(md) {
.counter-minimal-icon {
font-size: 28px;
}
}
@include media-breakpoint-up(md) {
.counter-minimal-title {
font-size: 18px;
}
.counter-minimal-main {
font-size: 48px;
}
}
@include media-breakpoint-up(xl) {
* + .counter-minimal-main { margin-top: 25px; }
* + .counter-minimal-title { margin-top: 18px; }
}
custom-styles/components/_pagination-custom.scss 0000644 00000003767 15116221763 0016302 0 ustar 00 /*
*
* Pagination custom
*/
.pagination {
font-size: 0;
line-height: 0;
@include group(10px);
}
.page-item {
display: inline-block;
vertical-align: middle;
text-align: center;
font-weight: 700;
}
// Base styles
.page-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: $form-input-height;
min-height: $form-input-height;
padding: $pagination-padding-y $pagination-padding-x;
border: 0;
border-radius: $border-radius-lg;
font-family: $font-family-sec;
font-size: $pagination-font-size;
font-weight: 500;
line-height: ($pagination-line-height / $pagination-font-size);
background-color: $pagination-bg;
color: $pagination-color;
transition: $transition-base;
}
.page-link.button-winona {
* {
line-height: inherit;
}
.content-dubbed {
margin-top: -1px;
}
}
// Hover & Focus & Active State
.page-link {
&:hover,
&:focus,
&:active {
color: $pagination-hover-color;
background-color: $pagination-hover-bg;
}
}
// Active State
.page-item.active > .page-link {
&,
&:hover,
&:focus,
&:active {
color: $pagination-active-color;
background-color: $pagination-active-bg;
}
}
// Disabled State
.page-item.disabled > .page-link {
&,
&:hover,
&:focus,
&:active {
color: $pagination-disabled-color;
background-color: $pagination-disabled-bg;
}
}
.page-item-control {
.icon::before {
font-family: 'FontAwesome';
font-size: 11px;
line-height: $pagination-line-height;
}
}
// Prev control
.page-item-control:first-child {
.icon::before {
content: '\f053';
margin-left: -1px;
}
}
// Next control
.page-item-control:last-child {
.icon::before {
content: '\f054';
margin-right: -1px;
}
}
* + .pagination { margin-top: 35px; }
@include media-breakpoint-up(lg) {
* + .pagination { margin-top: 55px; }
}
@include media-breakpoint-up(xxl) {
* + .pagination { margin-top: 70px; }
}
.page-link:focus{
box-shadow: none;
} custom-styles/components/_profiles.scss 0000644 00000022344 15116221763 0014454 0 ustar 00 /*
*
* Profiles
*/
//
// Table of Contents
//
// Profile Classic
// Profile Creative
// Profile Minimal
// Profile Modern
// Profile Thin
//
//
// Profile Classic
//
.profile-classic {
text-align: left;
}
.profile-classic-main {
position: relative;
overflow: hidden;
z-index: 1;
border-radius: $border-radius-lg;
}
.profile-classic-image {
min-width: 100%;
}
.profile-classic-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 10px;
background: rgba($accent-dark, .6);
.icon-creative { color: $white; }
}
.profile-classic-title {
color: $primary;
a:hover {
color: $primary-darken;
}
}
.profile-classic-position {
color: $gray-300;
}
* + .profile-classic-title { margin-top: 15px; }
* + .profile-classic-position { margin-top: 5px; }
@include media-breakpoint-down(xs) {
.profile-classic {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
}
@include media-breakpoint-between(sm, sm) {
.profile-classic-caption {
padding-left: 5px;
padding-right: 5px;
.icon-sm {
font-size: 18px;
}
.group {
@include groupX(3px);
}
}
}
@include media-breakpoint-between(lg, lg) {
.profile-classic-caption {
padding-left: 5px;
padding-right: 5px;
.icon-sm {
font-size: 18px;
}
.group {
@include groupX(3px);
}
}
}
@include media-breakpoint-up(xl) {
* + .profile-classic-title { margin-top: 20px; }
}
html:not(.tablet):not(.mobile) {
.profile-classic {
&:hover {
.profile-classic-caption {
opacity: 1;
visibility: visible;
}
}
}
.profile-classic-caption {
top: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
opacity: 0;
visibility: hidden;
transition: .33s ease-in-out;
}
}
//
// Profile Creative
//
.profile-creative {
display: flex;
@include groupX(15px);
text-align: left;
color: $gray-400;
}
.profile-creative-figure {
position: relative;
overflow: hidden;
max-width: 80px;
flex-shrink: 0;
}
.profile-creative-image {
width: 100%;
border-radius: $border-radius-lg;
}
.profile-creative-main {
flex-grow: 1;
}
.profile-creative-title {
color: $primary;
a:hover {
color: $primary-darken;
}
}
.profile-creative-position {
color: $gray-300;
}
.profile-creative-contacts {
color: $gray-300;
a {
color: $gray-400;
}
a:hover {
color: $primary;
}
}
* + .profile-creative-position { margin-top: 0; }
* + .profile-creative-contacts { margin-top: 15px; }
@include media-breakpoint-up(sm) {
.profile-creative {
@include groupX(30px);
}
.profile-creative-figure {
max-width: 22%;
}
}
@include media-breakpoint-up(md) {
.profile-creative-figure {
max-width: 29%;
}
.profile-creative-main {
padding-right: 30px;
}
* + .profile-creative-contacts { margin-top: 22px; }
}
@include media-breakpoint-between(lg, lg) {
.profile-creative {
@include groupX(20px);
}
.profile-creative-figure {
max-width: 25%;
}
.profile-creative-main {
padding-right: 10px;
}
}
//
// Profile Minimal
//
.profile-minimal {
position: relative;
overflow: hidden;
border-radius: $border-radius-lg;
color: $white;
text-align: left;
&::before {
content: '';
display: block;
padding-bottom: 100%;
}
}
.profile-minimal-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none;
@supports (object-fit: cover) {
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: none;
object-fit: cover;
object-position: center center;
}
}
.profile-minimal-caption {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 25px;
background: rgba($gray-700, .4);
}
.profile-minimal-title {
color: $white;
}
* + .profile-minimal-position { margin-top: 5px; }
@include media-breakpoint-down(xs) {
.profile-minimal {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
}
@include media-breakpoint-up(xl) {
.profile-minimal-caption {
padding: 35px;
}
* + .profile-minimal-position { margin-top: 10px; }
}
html:not(.tablet):not(.mobile) {
.profile-minimal {
&:hover {
.profile-minimal-caption {
opacity: 1;
visibility: visible;
}
}
}
.profile-minimal-caption {
opacity: 0;
visibility: hidden;
transition: .35s ease-in;
background: rgba($accent-dark, .6);
}
}
//
// Profile Modern
//
.profile-modern {
text-align: left;
> * + * { margin-top: 35px; }
}
.profile-modern-header {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
@include group(20px, 10px);
* + p { margin-top: 5px; }
}
.profile-modern-figure {
position: relative;
overflow: hidden;
border-radius: $border-radius-lg;
}
.profile-modern-image {
display: block;
width: 100%;
}
.profile-modern-button {
position: absolute;
right: 30px;
bottom: 30px;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.86em;
height: 1.86em;
text-align: center;
border-radius: 50%;
font-size: 32px;
line-height: 1;
background: $primary;
&,
&:active,
&:focus,
&:hover {
color: $white;
}
.icon {
font-size: inherit;
}
.icon:first-child,
.icon:last-child {
vertical-align: middle;
transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
.icon:first-child {
display: block;
}
.icon:last-child {
position: absolute;
width: 100%;
top: 50%;
left: 0;
opacity: 0;
transform: translate3d(0, 0, 0);
}
&:hover {
color: $white;
background: $primary-darken;
.icon:first-child {
opacity: 0;
transform: translate3d(0, -30%, 0);
}
.icon:last-child {
opacity: 1;
transform: translate3d(0, 0, 0) translateY(-50%);
}
}
}
@include media-breakpoint-down(xs) {
.profile-modern {
max-width: 360px;
margin-left: auto;
margin-right: auto;
* + .row { margin-top: 15px; }
}
}
@include media-breakpoint-down(sm) {
.profile-modern-figure {
max-width: 330px;
margin-left: auto;
margin-right: auto;
}
}
@include media-breakpoint-up(md) {
.profile-modern {
display: flex;
align-items: flex-start;
@include groupX(30px);
> * + * { margin-top: 0; }
}
.profile-modern-figure {
max-width: 50%;
flex-shrink: 0;
}
.profile-modern-main {
flex-grow: 1;
}
* + .profile-modern-main { margin-top: 0; }
}
@include media-breakpoint-up(lg) {
.profile-modern-figure {
max-width: 28%;
}
}
@include media-breakpoint-between(md, lg) {
.profile-modern {
font-size: 14px;
* + .row { margin-top: 31px; }
}
}
@include media-breakpoint-up(xl) {
.profile-modern {
@include groupX(60px);
}
}
//
// Profile Thin
//
.profile-thin {
position: relative;
display: block;
padding: 30px 20px 45px;
background: $gray-100;
text-align: center;
* + p { margin-top: 20px; }
* + .group { margin-top: 15px; }
* + .button-sm { margin-top: 15px; }
.group {
margin-left: auto;
margin-right: auto;
}
}
.profile-thin-aside {
position: relative;
display: inline-block;
}
.profile-thin-image {
border-radius: 50%;
}
.profile-thin-contact-button {
position: absolute;
right: 0;
bottom: 0;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
width: 2em;
height: 2em;
text-align: center;
border-radius: 50%;
font-size: 20px;
line-height: 1;
background: $primary;
&,
&:active,
&:focus,
&:hover {
color: $white;
}
.icon {
font-size: inherit;
}
.icon:first-child,
.icon:last-child {
vertical-align: middle;
transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
.icon:first-child {
display: block;
}
.icon:last-child {
position: absolute;
width: 100%;
top: 50%;
left: 0;
opacity: 0;
transform: translate3d(0, 0, 0);
}
&:hover {
color: $white;
background: $primary-darken;
.icon:first-child {
opacity: 0;
transform: translate3d(0, -30%, 0);
}
.icon:last-child {
opacity: 1;
transform: translate3d(0, 0, 0) translateY(-50%);
}
}
}
.profile-thin-title {
font-size: 22px;
line-height: 1.47;
}
* + p.profile-thin-subtitle { margin-top: 0; }
* + .profile-thin-main { margin-top: 20px; }
@include media-breakpoint-between(sm, md) {
.profile-thin {
display: flex;
align-items: flex-start;
text-align: left;
.group {
margin-left: -15px;
}
> * + * { margin-left: 30px; }
}
.profile-thin-aside {
flex-shrink: 0;
max-width: 30%;
}
.profile-thin-main {
flex-grow: 1;
}
* + .profile-thin-main { margin-top: 0; }
}
@include media-breakpoint-up(lg) {
.profile-thin {
}
}
@include media-breakpoint-up(xl) {
.profile-thin {
padding: 55px 35px;
* + .group { margin-top: 25px; }
* + .button-sm { margin-top: 25px; }
}
}
custom-styles/components/_pricing-tables.scss 0000644 00000010377 15116221763 0015537 0 ustar 00 /*
*
* Pricing tables
*/
//
// Table of contents:
//
// Pricing Minimal
// Pricing Modern
//
//
// Pricing Minimal
//
.pricing-minimal {
position: relative;
z-index: 1;
padding: 25px 20px;
border: 1px solid $gray-300;
border-radius: $border-radius-lg;
text-align: left;
transition: .22s;
cursor: default;
&:hover {
border-color: $primary;
&::before {
visibility: visible;
transform: translate3d(0, 0, 0);
}
}
}
.pricing-minimal-price {
font-size: 26px;
line-height: 1;
font-weight: 700;
letter-spacing: 0;
color: $gray-700;
span {
display: inline;
}
}
.pricing-minimal-price-currency {
font-size: .65em;
vertical-align: top;
}
.pricing-minimal-divider {
border-bottom: 1px solid $gray-300;
}
* + .pricing-minimal-price { margin-top: 10px; }
* + .pricing-minimal-divider { margin-top: 20px; }
@include media-breakpoint-down(xs) {
.pricing-minimal {
max-width: 350px;
margin-left: auto;
margin-right: auto;
}
}
@include media-breakpoint-up(sm) {
.pricing-minimal {
padding: 20px;
}
}
@include media-breakpoint-up(md) {
.pricing-minimal-price {
font-size: 36px;
}
}
@include media-breakpoint-up(md) {
.pricing-minimal {
padding: 30px 38px;
}
}
@include media-breakpoint-between(lg, lg) {
.pricing-minimal {
padding: 25px 20px;
}
}
@include media-breakpoint-up(xl) {
.pricing-minimal {
padding: 38px 40px;
}
}
//
// Pricing Modern
//
.pricing-modern {
padding: 35px 20px;
border: 1px solid $gray-300;
border-radius: $border-radius-lg;
text-align: center;
* + .button { margin-top: 20px; }
}
.pricing-group-modern {
border: 1px solid $gray-300;
border-radius: $border-radius-lg;
.pricing-modern {
border: 0;
border-radius: 0;
}
}
.pricing-modern-rating {
color: $primary;
> li {
display: inline-block;
width: 26px;
font-size: 30px;
line-height: .9;
}
}
.pricing-modern-title {
font-weight: 700;
}
.pricing-modern-table {
display: inline-table;
td {
padding: 3px 8px;
color: $gray-400;
}
td:first-child {
text-align: right;
color: $gray-700;
}
td:last-child {
text-align: left;
}
}
.pricing-modern-price {
font-size: 24px;
font-weight: 300;
line-height: 1.2;
span {
display: inline;
}
}
.pricing-modern-price-currency {
font-size: .65em;
vertical-align: top;
}
* + .pricing-group-modern { margin-top: 35px; }
* + .pricing-modern-title { margin-top: 5px; }
* + .pricing-modern-table { margin-top: 20px; }
* + .pricing-modern-price { margin-top: 15px; }
@include media-breakpoint-down(xs) {
.pricing-group-modern {
max-width: 360px;
margin-left: auto;
margin-right: auto;
.pricing-modern + .pricing-modern { border-top: 1px solid $gray-300; }
}
}
@include media-breakpoint-between(sm, md) {
.pricing-group-modern {
.pricing-modern {
&:nth-child(odd) {
border-right: 1px solid $gray-300;
}
&:nth-child(n + 3) {
border-top: 1px solid $gray-300;
}
}
}
}
@include media-breakpoint-up(sm) {
.pricing-group-modern {
display: flex;
flex-wrap: wrap;
.pricing-modern {
width: 100%;
max-width: 50%;
}
}
.pricing-modern {
padding: 55px 20px;
}
* + .pricing-group-modern { margin-top: 50px; }
* + .pricing-modern-table { margin-top: 25px; }
* + .pricing-modern-price { margin-top: 30px; }
}
@include media-breakpoint-up(md) {
.pricing-modern-price {
font-size: 30px;
}
}
@include media-breakpoint-up(lg) {
.pricing-group-modern {
.pricing-modern {
max-width: 25%;
border-right: 1px solid $gray-300;
&:nth-child(4n) {
border-right: 0;
}
&:nth-child(n + 5) {
border-top: 1px solid $gray-300;
}
}
}
}
@include media-breakpoint-between(lg, lg) {
.pricing-modern {
.button {
display: block;
padding-left: 15px;
padding-right: 15px;
}
}
}
@include media-breakpoint-up(xl) {
.pricing-modern-price {
font-size: 36px;
}
* + .pricing-modern-table { margin-top: 35px; }
* + .pricing-modern-price { margin-top: 40px; }
}
@include media-breakpoint-up(xxl) {
* + .pricing-group-modern { margin-top: 75px; }
}
custom-styles/components/_tables.scss 0000644 00000003471 15116221763 0014103 0 ustar 00 /*
*
* Tables custom
*/
$table-head-padding: 13px 24px;
$table-cell-padding: 23px 24px;
$table-condensed-cell-padding: 5px;
$table-bg: $white;
$table-bg-accent: $gray-100;
$table-bg-hover: $primary;
$table-bg-active: $table-bg-hover;
$table-border-color: $gray-200;
.table {
width: 100%;
max-width: 100%;
text-align: left;
background: $table-bg;
border-collapse: collapse;
th,
td {
color: $gray-700;
vertical-align: middle;
}
th {
padding: $table-head-padding;
border-top: 0;
font-size: $font-size-base;
font-weight: $font-weight-base;
}
thead th {
border-bottom: 1px solid $gray-300;
}
td {
padding: $table-cell-padding;
}
tbody tr:first-child {
td {
border-top: 0;
}
}
tr td {
border-bottom: 1px solid $table-border-color;
}
tfoot {
td {
font-weight: 700;
}
}
}
* + .table-responsive { margin-top: 30px; }
@include media-breakpoint-up(md) {
* + .table-responsive { margin-top: 40px; }
}
//
// Custom
//
.table-hover {
tbody tr {
transition: .55s;
&:hover {
background: $table-bg-accent;
}
}
}
.table-job-positions {
th,
td{
white-space: nowrap;
}
td:first-child {
width: 8%;
padding-right: 6px;
text-align: center;
}
.position {
color: $primary;
}
time {
display: block;
white-space: nowrap;
}
@include media-breakpoint-down(xs) {
th, td {
padding-left: 12px;
padding-right: 12px;
}
td {
padding-top: 10px;
padding-bottom: 10px;
}
}
}
.table-responsive + .button-lg { margin-top: 30px; }
@include media-breakpoint-up(xl) {
.table-responsive + .button-lg { margin-top: 40px; }
}
@include media-breakpoint-up(xxl) {
.table-responsive + .button-lg { margin-top: 55px; }
}
custom-styles/components/_breadcrumbs.scss 0000644 00000004616 15116221763 0015124 0 ustar 00 /*
*
* Breadcrumbs
*/
$breadcrumb-padding-vertical: 8px;
$breadcrumb-padding-horizontal: 15px;
$breadcrumb-bg: $gray-700;
$breadcrumb-color: $gray-300;
$breadcrumb-hover-color: $white;
$breadcrumb-separator: "\f105";
.breadcrumbs-custom {
position: relative;
display: flex;
background-color: $breadcrumb-bg;
background-position: 20% 20%;
.breadcrumbs-custom-subtitle {
color: $white;
}
}
.breadcrumbs-custom-inner {
display: flex;
min-height: inherit;
width: 100%;
padding: 50px 0 25px;
}
.breadcrumbs-custom-container {
display: flex;
flex-direction: column;
justify-content: space-between;
&::before {
content: '';
display: block;
}
}
.breadcrumbs-custom-main {
}
.breadcrumbs-custom-path {
@include spacingX(30px);
li {
position: relative;
display: inline-block;
vertical-align: middle;
color: $breadcrumb-color;
&::after {
content: $breadcrumb-separator;
font-family: $fa;
position: absolute;
top: 51%;
right: -5px;
display: inline-block;
font-size: inherit;
font-style: normal;
color: rgba($white, .5);
transform: translate3d(0, -50%, 0);
}
}
li:last-child {
&:after {
display: none;
}
}
a {
display: inline;
vertical-align: middle;
&,
&:active,
&:focus {
color: $breadcrumb-color;
}
}
a:hover {
color: $breadcrumb-hover-color;
}
}
.breadcrumbs-custom-subtitle { }
* + .breadcrumbs-custom-path { margin-top: 25px; }
.breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 15px; }
@include media-breakpoint-up(sm) {
.breadcrumbs-custom-path {
@include spacingX(60px);
}
* + .breadcrumbs-custom-path { margin-top: 30px; }
}
@include media-breakpoint-up(md) {
.breadcrumbs-custom {
min-height: (456 / 1920) * 100vw;
}
.breadcrumbs-custom-inner {
padding: 80px 0 30px;
}
.breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 5px; }
}
@include media-breakpoint-up(lg) {
.breadcrumbs-custom-inner {
padding-bottom: 40px;
}
.breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 10px; }
}
@include media-breakpoint-up(xxl) {
.breadcrumbs-custom {
min-height: 456px;
}
.breadcrumbs-custom-inner {
padding: 50px 0 40px;
}
.breadcrumbs-custom-subtitle + .breadcrumbs-custom-title { margin-top: 20px; }
}
custom-styles/components/_thumbnails.scss 0000644 00000036253 15116221763 0015003 0 ustar 00 /*
*
* Thumbnails
*/
//
// Table of Contents
//
// Figure Light
// Figure Card
// Thumbnail video 1
// Thumbnail Minimal
// Thumbnail Classic
// Thumbnail Light
// Thumbnail Tiny
// Thumbnail Modern
// Thumbnail Creative
// Thumbnail Indigo
//
// Base styles
.video-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center center;
background-size: cover;
cursor: pointer;
}
//
// Figure Light
//
.figure-light figcaption {
padding-top: 15px;
color: $gray-400;
}
* + .figure-light { margin-top: 20px; }
@include media-breakpoint-up(xl) {
* + .figure-light { margin-top: 40px; }
}
// Figure card
.figure-card {
position: relative;
overflow: hidden;
display: flex;
.figure-card-sizer {
display: block;
width: 100%;
}
.figure-card-sizer::before {
display: block;
content: '';
visibility: hidden;
padding-bottom: (9 / 16) * 100%;
}
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none;
@supports (object-fit: cover) {
height: 100%;
width: 100%;
left: 0;
top: 0;
transform: none;
object-fit: cover;
object-position: center center;
}
}
}
// Thumbnail video 1
.thumbnail-video-1 {
position: relative;
text-align: center;
.embed-responsive {
&::before {
min-height: 250px;
}
}
.video-overlay {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
z-index: 1;
background-position: 80% center;
&::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba($black, .4);
z-index: -1;
}
}
* + .button-video { margin-top: 25px; }
}
//
// Thumbnail Minimal
//
.thumbnail-minimal {
position: relative;
overflow: hidden;
display: block;
&::before {
content: '';
display: block;
padding-bottom: 100%;
}
}
.thumbnail-minimal-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none;
@supports (object-fit: cover) {
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: none;
object-fit: cover;
object-position: center center;
}
}
.thumbnail-minimal-caption {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: rgba($primary, .6);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: $transition-base;
&::before {
content: '\f504';
font-family: 'Material Design Icons';
font-size: 30px;
line-height: 1;
color: $white;
}
}
.thumbnail-minimal {
&:hover {
.thumbnail-minimal-caption {
opacity: 1;
visibility: visible;
}
}
}
//
// Thumbnail Classic
//
.thumbnail-classic {
position: relative;
overflow: hidden;
display: flex;
text-align: left;
* {
color: inherit;
}
&,
&:active,
&:focus,
&:hover {
color: $white;
}
&:hover {
color: $white;
}
> * {
width: 100%;
flex-shrink: 0;
}
}
.thumbnail-classic-sm {
.thumbnail-classic-dummy::before {
padding-bottom: (256 / 370) * 100%;
}
}
.thumbnail-classic-dummy {
width: 100%;
&::before {
content: '';
display: block;
visibility: hidden;
pointer-events: none;
padding-bottom: (288 / 390) * 100%;
}
}
.thumbnail-classic-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none;
@supports (object-fit: cover) {
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: none;
object-fit: cover;
object-position: center center;
}
}
.thumbnail-classic-caption {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 100%;
padding: 20px;
background: rgba($gray-700, .4);
font-size: 14px;
* + p { margin-top: 5px; }
}
.thumbnail-classic-title {
font-size: 20px;
line-height: 1.3;
}
@include media-breakpoint-down(xs) {
.thumbnail-classic {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
}
@include media-breakpoint-up(md) {
.thumbnail-classic-caption {
padding: 25px 20px;
}
}
@include media-breakpoint-up(lg) {
.thumbnail-classic-lg {
.thumbnail-classic-dummy::before {
padding-bottom: (576 / 390) * 100%;
}
}
}
@include media-breakpoint-up(xl) {
.thumbnail-classic-caption {
padding: 30px 40px;
font-size: 16px;
* + p { margin-top: 8px; }
}
.thumbnail-classic-title {
font-size: 24px;
}
}
html:not(.tablet):not(.mobile) {
.thumbnail-classic-caption {
opacity: 0;
visibility: hidden;
transition: .3s all linear;
background: rgba($accent-dark, .6);
}
.thumbnail-classic {
&:hover {
.thumbnail-classic-caption {
opacity: 1;
visibility: visible;
}
}
}
.hoverdir-item .thumbnail-classic-caption {
opacity: 1;
visibility: visible;
transform: translate(-100%, 0);
}
&[data-x-mode='true'] {
.hoverdir-item .thumbnail-classic-caption {
opacity: 0;
visibility: hidden;
transform: none;
}
.thumbnail-classic {
&:hover {
.thumbnail-classic-caption {
opacity: 1;
visibility: visible;
}
}
}
}
}
//
// Thumbnail Corporate
//
.thumbnail-corporate {
position: relative;
overflow: hidden;
display: flex;
color: $white;
text-align: left;
* {
color: inherit;
}
&:hover {
color: $white;
}
> * {
width: 100%;
flex-shrink: 0;
}
}
.thumbnail-corporate-light {
text-align: center;
.thumbnail-corporate-caption {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
> * {
max-width: 180px;
}
}
}
.thumbnail-corporate-dummy {
width: 100%;
visibility: hidden;
pointer-events: none;
&::before {
content: '';
display: block;
width: 0;
padding-bottom: (256 / 370) * 100%;
}
}
.thumbnail-corporate-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none;
@supports (object-fit: cover) {
left: 0;
top: 0;
transform: none;
object-fit: cover;
width: 100%;
height: 100%;
object-position: center center;
}
}
.thumbnail-corporate-caption {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
width: 100%;
padding: 20px;
background: rgba($gray-700, .4);
* + p { margin-top: 10px; }
}
.thumbnail-corporate-link {
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.67em;
height: 1.67em;
text-align: center;
border-radius: 50%;
font-size: 24px;
line-height: 1;
background: $primary;
&,
&:active,
&:focus,
&:hover {
color: $white;
}
.icon {
font-size: inherit;
}
.icon:first-child,
.icon:last-child {
vertical-align: middle;
transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
.icon:first-child {
display: block;
}
.icon:last-child {
position: absolute;
width: 100%;
top: 50%;
left: 0;
opacity: 0;
transform: translate3d(0, 0, 0);
}
&:hover {
background: $primary-lighten;
.icon:first-child {
opacity: 0;
transform: translate3d(0, -30%, 0);
}
.icon:last-child {
opacity: 1;
transform: translate3d(0, 0, 0) translateY(-50%);
}
}
}
.thumbnail-corporate-title {
font-size: 20px;
line-height: 1.3;
}
* + .thumbnail-corporate-link { margin-top: 15px; }
@include media-breakpoint-down(xs) {
.thumbnail-corporate {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
}
@include media-breakpoint-up(md) {
.thumbnail-corporate-caption {
padding: 25px 20px;
}
}
@include media-breakpoint-up(lg) {
.thumbnail-corporate-lg {
.thumbnail-corporate-dummy::before {
padding-bottom: (464 / 370) * 100%;
}
}
}
@include media-breakpoint-up(xl) {
.thumbnail-corporate-caption {
padding: 30px 40px;
* + p { margin-top: 8px; }
}
.thumbnail-corporate-title {
font-size: 24px;
}
}
html:not(.tablet):not(.mobile) {
.thumbnail-corporate-caption {
opacity: 0;
visibility: hidden;
transition: .3s all linear;
background: rgba(#000, .6);
> * {
opacity: 0;
visibility: hidden;
transition: .25s .11s all linear;
}
}
.thumbnail-corporate {
&:hover {
.thumbnail-corporate-caption,
.thumbnail-corporate-caption > * {
opacity: 1;
visibility: visible;
}
}
}
.hoverdir-item .thumbnail-corporate-caption {
opacity: 1;
visibility: visible;
transform: translate(-100%, -100%);
}
&[data-x-mode='true'] {
.hoverdir-item .thumbnail-corporate-caption {
opacity: 0;
visibility: hidden;
transform: none;
}
.thumbnail-corporate {
&:hover {
.thumbnail-corporate-caption,
.thumbnail-corporate-caption > * {
opacity: 1;
visibility: visible;
}
}
}
}
}
//
// Thumbnail Light
//
.thumbnail-light {
text-align: left;
}
.thumbnail-light-media {
position: relative;
overflow: hidden;
display: block;
border-radius: $border-radius-lg;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba($gray-700, .3);
transition: .22s ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
&:hover {
&::before {
opacity: 1;
visibility: visible;
}
}
}
.thumbnail-light-image {
width: 100%;
}
@include media-breakpoint-down(xs) {
.thumbnail-light {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
}
//
// Thumbnail Thin
//
.thumbnail-thin {
position: relative;
overflow: hidden;
padding-bottom: 100%;
&::before,
&::after {
pointer-events: none;
}
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: rgba($gray-700, .3);
}
&::after {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
z-index: 2;
content: '\f504';
font-family: 'Material Design Icons';
font-size: 40px;
line-height: 1;
color: $white;
}
}
a.thumbnail-thin {
display: block;
}
.thumbnail-thin-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none;
@supports (object-fit: cover) {
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: none;
object-fit: cover;
object-position: center center;
}
}
html:not(.tablet):not(.mobile) {
.thumbnail-thin {
&::before,
&::after {
opacity: 0;
transition: .22s ease-in;
}
&::before {
background: rgba($gray-700, .6);
}
&:hover {
&::before,
&::after {
opacity: 1;
}
}
}
}
//
// Thumbnail Modern
//
.thumbnail-modern {
position: relative;
overflow: hidden;
display: flex;
text-align: left;
* {
color: inherit;
}
&,
&:active,
&:focus,
&:hover {
color: $white;
}
&:hover {
color: $white;
}
> * {
width: 100%;
flex-shrink: 0;
}
}
.thumbnail-modern-sm {
.thumbnail-modern-dummy::before {
padding-bottom: (256 / 370) * 100%;
}
}
.thumbnail-modern-dummy {
visibility: hidden;
pointer-events: none;
width: 100%;
&::before {
content: '';
display: block;
padding-bottom: (288 / 390) * 100%;
}
}
.thumbnail-modern-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none;
background-position: center center;
background-size: cover;
@supports (object-fit: cover) {
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: none;
object-fit: cover;
object-position: center center;
}
}
.thumbnail-modern-caption {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 20px;
background: rgba($gray-700, .4);
.icon {
font-size: 30px;
line-height: 1;
color: $white;
}
}
@include media-breakpoint-down(xs) {
.thumbnail-modern {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
}
@include media-breakpoint-up(lg) {
.thumbnail-modern-lg {
.thumbnail-modern-dummy::before {
padding-bottom: (576 / 390) * 100%;
}
}
}
html:not(.tablet):not(.mobile) {
.thumbnail-modern-caption {
opacity: 0;
visibility: hidden;
transition: .3s all linear;
background: rgba($gray-700, .6);
}
.thumbnail-modern {
&:hover {
.thumbnail-modern-caption {
opacity: 1;
visibility: visible;
}
}
}
}
//
// Thumbnail Creative
//
.thumbnail-creative {
position: relative;
display: block;
max-width: 348px;
margin-left: auto;
margin-right: auto;
&:hover {
.thumbnail-creative-image {
transform: translate(0, -5px);
box-shadow: 0 2px 24px 1px rgba($black, .2);
}
}
}
.thumbnail-creative-wrap {
padding: 26px;
margin: -26px;
}
.thumbnail-creative-image {
position: relative;
display: block;
width: 100%;
transition: .33s ease-in-out;
box-shadow: 0 2px 24px 0 rgba($black, .15);
}
* + .thumbnail-creative-title { margin-top: 16px; }
@include media-breakpoint-up(md) {
* + .thumbnail-creative-title { margin-top: 24px; }
}
//
// Thumbnail Indigo
//
.thumbnail-indigo {
position: relative;
overflow: hidden;
display: block;
background: $gray-700;
box-shadow: -1px 1px 21px 0px rgba($black, .08);
background-position: center top;
background-size: cover;
&::before {
content: '';
display: block;
opacity: 0;
visibility: hidden;
padding-bottom: (659 / 443) * 100%;
}
}
.thumbnail-indigo-sm {
&::before {
padding-bottom: (313 / 443) * 100%;
}
}
.thumbnail-indigo-sm + .thumbnail-indigo-sm { margin-top: 7.4%; }
.thumbnail-indigo-caption {
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
background: rgba($white, .95);
}
.thumbnail-indigo-title {
}
html:not(.tablet):not(.mobile) {
.thumbnail-indigo-caption {
top: 0;
background: rgba($white, .9);
}
.thumbnail-indigo-caption,
.thumbnail-indigo-caption > * {
opacity: 0;
visibility: hidden;
will-change: opacity;
}
.thumbnail-indigo-caption {
transition: .2s all linear;
}
.thumbnail-indigo-caption > * {
transition: .2s .1s all ease-in;
}
.thumbnail-indigo {
&:hover {
.thumbnail-indigo-caption,
.thumbnail-indigo-caption > * {
opacity: 1;
visibility: visible;
}
}
}
}
custom-styles/components/_rights.scss 0000644 00000000243 15116221763 0014123 0 ustar 00 // Rights
.rights {
color: rgba($white,.3);
a:hover{
color: $primary;
}
}
.section-single-footer{
.rights{
color: $gray-400;
}
} custom-styles/components/_timeline.scss 0000644 00000006021 15116221763 0014431 0 ustar 00 /*
*
* Timeline
*/
//
// Table of Contents
//
// Timeline Classic
//
//
// Timeline Classic
//
.timeline-classic {
text-align: left;
}
.timeline-classic-item {
position: relative;
overflow: hidden;
padding: 0 0 70px 35px;
margin-bottom: -25px;
&:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
}
.timeline-classic-item-image {
width: 100%;
}
.timeline-classic-item-title {
font-family: $font-family-sec;
font-size: 24px;
line-height: 1.2;
font-weight: 300;
letter-spacing: 0;
text-transform: uppercase;
}
.thumbnail-classic-item-subtitle {
font-size: 16px;
line-height: 1.5;
color: $white;
}
.timeline-classic-item-divider {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-grow: 1;
flex-direction: column;
align-items: center;
padding-top: 25px;
&::before {
content: '';
display: block;
width: 15px;
height: 15px;
border: 2px solid $white;
border-radius: 50%;
}
&::after {
content: '';
position: absolute;
top: 40px;
left: 50%;
margin-left: -1px;
width: 2px;
height: 300vh;
background: $white;
min-height: 100px;
}
}
* + .timeline-classic-item-main { margin-top: 20px; }
%context-dark {
.timeline-classic-item-divider {
&::before { border-color: $white; }
&::after { background: $white; }
}
.thumbnail-classic-item-subtitle {
color: $white;
}
}
@include media-breakpoint-down(xs) {
.timeline-classic-item {
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
}
@include media-breakpoint-down(sm) {
.timeline-classic-item {
flex-wrap: wrap;
}
.timeline-classic-item-main,
.timeline-classic-item-aside {
width: 100%;
}
}
@include media-breakpoint-up(md) {
.timeline-classic-item {
display: flex;
padding-left: 0;
padding-bottom: 90px;
}
.timeline-classic-item-aside {
max-width: 33.33%;
}
.timeline-classic-item-main {
max-width: 60%;
}
.timeline-classic-item-divider {
position: relative;
padding: 25px 20px 0;
}
.timeline-classic-item-title {
font-size: 32px;
}
.thumbnail-classic-item-subtitle {
font-size: 18px;
line-height: 1.4;
}
* + .timeline-classic-item-main { margin-top: 0; }
}
@include media-breakpoint-up(lg) {
.timeline-classic-item {
* + h4,
* + .heading-4 {
margin-top: 20px;
}
}
.timeline-classic-item-title {
font-size: 36px;
}
.thumbnail-classic-item-subtitle {
font-size: 24px;
line-height: 1.4;
margin-top: 25px;
}
.timeline-classic-item-aside {
max-width: 37%;
}
.timeline-classic-item-main {
max-width: 50%;
}
}
@include media-breakpoint-up(xl) {
.timeline-classic-item-aside {
max-width: 33.33%;
}
.timeline-classic-item-title {
font-size: 48px;
}
}
@include media-breakpoint-up(xxl) {
.timeline-classic-item {
padding-bottom: 125px;
* + h4,
* + .heading-4 {
margin-top: 30px;
}
}
}
.thumbnail-classic-item-description{
color: $gray-300;
} custom-styles/mixins/_unit-utilities.scss 0000644 00000001054 15116221763 0014736 0 ustar 00 // Unit Utilities
@mixin unit-spacing($spacing-x, $spacing-y: $spacing-x) {
margin-bottom: -$spacing-y;
margin-left: -$spacing-x;
> * {
margin-bottom: $spacing-y;
margin-left: $spacing-x;
}
}
@mixin unit-responsive($spacing-x, $spacing-y: $spacing-x) {
.unit {
display: flex;
flex: 0 1 100%;
@include unit-spacing($spacing-x, $spacing-y);
}
.unit:empty {
margin-bottom: 0;
margin-left: 0;
}
.unit-body {
flex: 0 1 auto;
}
.unit-left,
.unit-right {
flex: 0 0 auto;
max-width: 100%;
}
}
custom-styles/mixins/_spacing.scss 0000644 00000001120 15116221763 0013364 0 ustar 00 //
// Spacing: padding-based layout
//
@mixin spacing($x, $y : $x) {
transform: translate3d(0, -$y, 0);
margin-bottom: -$y;
margin-left: - round($x / 2);
margin-right: - round($x / 2);
> * {
margin-top: $y;
padding-left: round($x / 2);
padding-right: round($x / 2);
}
}
@mixin spacingX($x) {
margin-left: - round($x / 2);
margin-right: - round($x / 2);
> * {
padding-left: round($x / 2);
padding-right: round($x / 2);
}
}
@mixin spacingY($y) {
transform: translate3d(0, -$y, 0);
margin-bottom: -$y;
> * {
margin-top: $y;
}
}
custom-styles/mixins/_groups.scss 0000644 00000001177 15116221763 0013273 0 ustar 00 // Element-groups
@mixin group($offset-x, $offset-y: $offset-x) {
margin-bottom: -$offset-y;
margin-left: -$offset-x;
&:empty {
margin-bottom: 0;
margin-left: 0;
}
> * {
display: inline-block;
margin: 0 0 $offset-y $offset-x;
}
}
@mixin group-media($offset-x, $offset-y: $offset-x) {
margin-bottom: -$offset-y;
margin-left: -$offset-x;
> * {
margin-bottom: $offset-y;
margin-left: $offset-x;
}
}
@mixin groupX($offset-x) {
margin-left: -$offset-x;
> * { margin-left: $offset-x; }
}
@mixin groupY($offset-y) {
margin-bottom: -$offset-y;
> * { margin-bottom: $offset-y; }
}
custom-styles/mixins/_links.scss 0000644 00000000453 15116221763 0013070 0 ustar 00 @mixin link($color: $body-color, $color-hover: $primary) {
&,
&:focus,
&:active {
color: $color;
}
&:hover {
color: $color-hover;
}
}
@mixin text-var($color, $hover-color) {
&#{&} {
color: $color;
}
@at-root a#{&}#{&} {
@include link($color, $hover-color)
}
}
custom-styles/mixins/_gradients.scss 0000644 00000007654 15116221763 0013742 0 ustar 00 //
// Gradients
// --------------------------------------------------
// Horizontal gradient, from left to right
//
// Creates two color stops, start and end, by specifying a color and position for each color stop.
// Color stops are not available in IE9 and below.
@mixin gradient-horizontal($start-color: #555555, $end-color: #333333, $start-percent: 0%, $end-percent: 100%) {
background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down
}
// Vertical gradient, from top to bottom
//
// Creates two color stops, start and end, by specifying a color and position for each color stop.
// Color stops are not available in IE9 and below.
@mixin gradient-vertical($start-color: #555555, $end-color: #333333, $start-percent: 0%, $end-percent: 100%) {
background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
}
@mixin gradient-directional($start-color: #555555, $end-color: #333333, $deg: 45deg) {
background-repeat: repeat-x;
background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
}
@mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
}
@mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
}
@mixin gradient-radial($inner-color: #555555, $outer-color: #333333) {
background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
background-image: radial-gradient(circle, $inner-color, $outer-color);
background-repeat: no-repeat;
}
@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
}
custom-styles/mixins/_buttons.scss 0000644 00000001413 15116221763 0013443 0 ustar 00 // Custom button variants
@mixin btn-variant($clr, $bg, $bd, $clr-hover, $bg-hover, $bd-hover) {
&,
&:focus {
color: $clr;
background-color: $bg;
border-color: $bd;
}
&:hover,
&:active {
color: $clr-hover;
background-color: $bg-hover;
border-color: $bd-hover;
}
}
// Button sizes
@mixin btn-size($padding-vertical, $padding-horizontal, $font-size, $line-height) {
padding: $padding-vertical $padding-horizontal;
font-size: $font-size;
line-height: $line-height;
}
// Reset Button
@mixin reset-button() {
background: none;
border: none;
display: inline-block;
padding: 0;
outline: none;
outline-offset: 0;
cursor: pointer;
-webkit-appearance: none;
&::-moz-focus-inner {
border: none;
padding: 0;
}
}
custom-styles/mixins/_grid-spacing.scss 0000644 00000000267 15116221763 0014322 0 ustar 00 //
// Grid-dedicated responsive offset system
//
@mixin grid-offset($offset) {
margin-bottom: -$offset;
&:empty { margin-bottom: 0; }
> * { margin-bottom: $offset; }
}
custom-styles/mixins/_functions.scss 0000644 00000001340 15116221763 0013754 0 ustar 00 //
// Functions
// --------------------------------------------------
// All Headings
//
@function headings() {
@return unquote("h1, h2, h3, h4, h5, h6, [class^='heading-']");
}
/// Replace `$search` with `$replace` in `$string`
/// @author Hugo Giraudel
/// @param {String} $string - Initial string
/// @param {String} $search - Substring to replace
/// @param {String} $replace ('') - New value
/// @return {String} - Updated string
@function str-replace($string, $search, $replace: '') {
$index: str-index($string, $search);
@if $index {
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
}
@return $string;
}
custom-styles/mixins/_mixins.scss 0000644 00000002262 15116221763 0013257 0 ustar 00 //
// Mixins
// --------------------------------------------------
// Clearfix
//
@mixin clearfix() {
&:before,
&:after {
content: " ";
display: table;
}
&:after {
clear: both;
}
}
// Disable padding - top on two similar backgrounds
//
@mixin bg-behaviour($bg-color) {
background-color: $bg-color;
}
// Grid related values
//
@function grid-parameter($breakpoint, $col, $offset: 0) {
@if ($col == 6) {
@return 50%;
} @else {
@if $offset > 0 {
@return calc(50% - #{map-get($container-max-widths, $breakpoint) / 2 - (map-get($container-max-widths, $breakpoint) / $grid-columns) * $col} + #{$offset});
} @else if ($offset < 0) {
@return calc(50% - #{map-get($container-max-widths, $breakpoint) / 2 - (map-get($container-max-widths, $breakpoint) / $grid-columns) * $col} - #{-$offset});
} @else {
@return calc(50% - #{map-get($container-max-widths, $breakpoint) / 2 - (map-get($container-max-widths, $breakpoint) / $grid-columns) * $col});
}
}
}
// Link universal mixin
//
@mixin link($default-clr, $hover-color) {
&,
&:active,
&:focus {
color: $default-clr;
}
&:hover {
color: $hover-color;
}
}
custom-styles/fonts/_font-awesome.scss 0000644 00000116601 15116221763 0014201 0 ustar 00 /*
*
* Font Awesome Icons 4.7.0
* --------------------------------------------------
*/
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font-family: 'FontAwesome';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class*='fa-']:before {
font-weight: 400;
font-family: 'FontAwesome';
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
custom-styles/fonts/_fl-bigmug-line.scss 0000644 00000032404 15116221763 0014371 0 ustar 00 /**
* Title: Bigmug Line Flaticon Pack
* Author: Catalin Fertu
* Source: http://www.flaticon.com/packs/bigmug-line
* License: CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/)
*/
@font-face {
font-family: "fl-bigmug-line";
src: url("../fonts/fl-bigmug-line.eot");
src: url("../fonts/fl-bigmug-line.eot#iefix") format("embedded-opentype"),
url("../fonts/fl-bigmug-line.woff") format("woff"),
url("../fonts/fl-bigmug-line.ttf") format("truetype"),
url("../fonts/fl-bigmug-line.svg") format("svg");
font-weight: normal;
font-style: normal;
}
.fl-bigmug-line-ico,
[class^="fl-bigmug-line-"]:before, [class*=" fl-bigmug-line-"]:before,
[class^="fl-bigmug-line-"]:after, [class*=" fl-bigmug-line-"]:after {
font-family: 'fl-bigmug-line';
font-size: inherit;
font-weight: 400;
font-style: normal;
}
.fl-bigmug-line-add137:before {
content: "\e000";
}
.fl-bigmug-line-add139:before {
content: "\e001";
}
.fl-bigmug-line-add149:before {
content: "\e002";
}
.fl-bigmug-line-airplane86:before {
content: "\e003";
}
.fl-bigmug-line-alarm31:before {
content: "\e004";
}
.fl-bigmug-line-arrow592:before {
content: "\e005";
}
.fl-bigmug-line-attach8:before {
content: "\e006";
}
.fl-bigmug-line-attachment15:before {
content: "\e007";
}
.fl-bigmug-line-audio46:before {
content: "\e008";
}
.fl-bigmug-line-back44:before {
content: "\e009";
}
.fl-bigmug-line-back46:before {
content: "\e00a";
}
.fl-bigmug-line-big104:before {
content: "\e00b";
}
.fl-bigmug-line-book188:before {
content: "\e00c";
}
.fl-bigmug-line-bookmark28:before {
content: "\e00d";
}
.fl-bigmug-line-bottle34:before {
content: "\e00e";
}
.fl-bigmug-line-button5:before {
content: "\e00f";
}
.fl-bigmug-line-buttons5:before {
content: "\e010";
}
.fl-bigmug-line-cellphone55:before {
content: "\e011";
}
.fl-bigmug-line-cellular9:before {
content: "\e012";
}
.fl-bigmug-line-center10:before {
content: "\e013";
}
.fl-bigmug-line-chat51:before {
content: "\e014";
}
.fl-bigmug-line-chat55:before {
content: "\e015";
}
.fl-bigmug-line-checkmark14:before {
content: "\e016";
}
.fl-bigmug-line-checkmark15:before {
content: "\e017";
}
.fl-bigmug-line-checkmark16:before {
content: "\e018";
}
.fl-bigmug-line-circular220:before {
content: "\e019";
}
.fl-bigmug-line-circular224:before {
content: "\e01a";
}
.fl-bigmug-line-circular228:before {
content: "\e01b";
}
.fl-bigmug-line-circular229:before {
content: "\e01c";
}
.fl-bigmug-line-clipboard68:before {
content: "\e01d";
}
.fl-bigmug-line-close42:before {
content: "\e01e";
}
.fl-bigmug-line-cloud255:before {
content: "\e01f";
}
.fl-bigmug-line-cloud260:before {
content: "\e020";
}
.fl-bigmug-line-cocktail26:before {
content: "\e021";
}
.fl-bigmug-line-code30:before {
content: "\e022";
}
.fl-bigmug-line-collapse5:before {
content: "\e023";
}
.fl-bigmug-line-comment45:before {
content: "\e024";
}
.fl-bigmug-line-compass80:before {
content: "\e025";
}
.fl-bigmug-line-contract5:before {
content: "\e026";
}
.fl-bigmug-line-copy23:before {
content: "\e027";
}
.fl-bigmug-line-crescent23:before {
content: "\e028";
}
.fl-bigmug-line-cropping1:before {
content: "\e029";
}
.fl-bigmug-line-cross81:before {
content: "\e02a";
}
.fl-bigmug-line-cross83:before {
content: "\e02b";
}
.fl-bigmug-line-cube29:before {
content: "\e02c";
}
.fl-bigmug-line-double97:before {
content: "\e02d";
}
.fl-bigmug-line-double98:before {
content: "\e02e";
}
.fl-bigmug-line-double99:before {
content: "\e02f";
}
.fl-bigmug-line-down55:before {
content: "\e030";
}
.fl-bigmug-line-down56:before {
content: "\e031";
}
.fl-bigmug-line-down58:before {
content: "\e032";
}
.fl-bigmug-line-down59:before {
content: "\e033";
}
.fl-bigmug-line-down64:before {
content: "\e034";
}
.fl-bigmug-line-download136:before {
content: "\e035";
}
.fl-bigmug-line-download142:before {
content: "\e036";
}
.fl-bigmug-line-download146:before {
content: "\e037";
}
.fl-bigmug-line-download147:before {
content: "\e038";
}
.fl-bigmug-line-download148:before {
content: "\e039";
}
.fl-bigmug-line-electrical17:before {
content: "\e03a";
}
.fl-bigmug-line-electronic57:before {
content: "\e03b";
}
.fl-bigmug-line-email64:before {
content: "\e03c";
}
.fl-bigmug-line-email67:before {
content: "\e03d";
}
.fl-bigmug-line-equalization3:before {
content: "\e03e";
}
.fl-bigmug-line-equalizer26:before {
content: "\e03f";
}
.fl-bigmug-line-event6:before {
content: "\e040";
}
.fl-bigmug-line-expand25:before {
content: "\e041";
}
.fl-bigmug-line-expanding2:before {
content: "\e042";
}
.fl-bigmug-line-fast33:before {
content: "\e043";
}
.fl-bigmug-line-favourites5:before {
content: "\e044";
}
.fl-bigmug-line-file68:before {
content: "\e045";
}
.fl-bigmug-line-file69:before {
content: "\e046";
}
.fl-bigmug-line-film57:before {
content: "\e047";
}
.fl-bigmug-line-flag53:before {
content: "\e048";
}
.fl-bigmug-line-fog10:before {
content: "\e049";
}
.fl-bigmug-line-foggy3:before {
content: "\e04a";
}
.fl-bigmug-line-folder173:before {
content: "\e04b";
}
.fl-bigmug-line-fork34:before {
content: "\e04c";
}
.fl-bigmug-line-four87:before {
content: "\e04d";
}
.fl-bigmug-line-full40:before {
content: "\e04e";
}
.fl-bigmug-line-games32:before {
content: "\e04f";
}
.fl-bigmug-line-gear30:before {
content: "\e050";
}
.fl-bigmug-line-giftbox54:before {
content: "\e051";
}
.fl-bigmug-line-graphical8:before {
content: "\e052";
}
.fl-bigmug-line-headphones32:before {
content: "\e053";
}
.fl-bigmug-line-hot67:before {
content: "\e054";
}
.fl-bigmug-line-images21:before {
content: "\e055";
}
.fl-bigmug-line-ink12:before {
content: "\e056";
}
.fl-bigmug-line-label25:before {
content: "\e057";
}
.fl-bigmug-line-left144:before {
content: "\e058";
}
.fl-bigmug-line-left145:before {
content: "\e059";
}
.fl-bigmug-line-left146:before {
content: "\e05a";
}
.fl-bigmug-line-left148:before {
content: "\e05b";
}
.fl-bigmug-line-left152:before {
content: "\e05c";
}
.fl-bigmug-line-left153:before {
content: "\e05d";
}
.fl-bigmug-line-left158:before {
content: "\e05e";
}
.fl-bigmug-line-left159:before {
content: "\e05f";
}
.fl-bigmug-line-like51:before {
content: "\e060";
}
.fl-bigmug-line-link52:before {
content: "\e061";
}
.fl-bigmug-line-list63:before {
content: "\e062";
}
.fl-bigmug-line-list65:before {
content: "\e063";
}
.fl-bigmug-line-lock64:before {
content: "\e064";
}
.fl-bigmug-line-login12:before {
content: "\e065";
}
.fl-bigmug-line-login9:before {
content: "\e066";
}
.fl-bigmug-line-map87:before {
content: "\e067";
}
.fl-bigmug-line-megaphone11:before {
content: "\e068";
}
.fl-bigmug-line-men25:before {
content: "\e069";
}
.fl-bigmug-line-menu40:before {
content: "\e06a";
}
.fl-bigmug-line-menu41:before {
content: "\e06b";
}
.fl-bigmug-line-microphone76:before {
content: "\e06c";
}
.fl-bigmug-line-microphone77:before {
content: "\e06d";
}
.fl-bigmug-line-minus79:before {
content: "\e06e";
}
.fl-bigmug-line-minus80:before {
content: "\e06f";
}
.fl-bigmug-line-minus83:before {
content: "\e070";
}
.fl-bigmug-line-minus86:before {
content: "\e071";
}
.fl-bigmug-line-monitor74:before {
content: "\e072";
}
.fl-bigmug-line-music218:before {
content: "\e073";
}
.fl-bigmug-line-music219:before {
content: "\e074";
}
.fl-bigmug-line-music221:before {
content: "\e075";
}
.fl-bigmug-line-musical100:before {
content: "\e076";
}
.fl-bigmug-line-musical98:before {
content: "\e077";
}
.fl-bigmug-line-mute34:before {
content: "\e078";
}
.fl-bigmug-line-new83:before {
content: "\e079";
}
.fl-bigmug-line-nine16:before {
content: "\e07a";
}
.fl-bigmug-line-note35:before {
content: "\e07b";
}
.fl-bigmug-line-notebook41:before {
content: "\e07c";
}
.fl-bigmug-line-notification4:before {
content: "\e07d";
}
.fl-bigmug-line-notification5:before {
content: "\e07e";
}
.fl-bigmug-line-opened25:before {
content: "\e07f";
}
.fl-bigmug-line-oval34:before {
content: "\e080";
}
.fl-bigmug-line-paintbrush9:before {
content: "\e081";
}
.fl-bigmug-line-paper122:before {
content: "\e082";
}
.fl-bigmug-line-pause37:before {
content: "\e083";
}
.fl-bigmug-line-pencil85:before {
content: "\e084";
}
.fl-bigmug-line-phone351:before {
content: "\e085";
}
.fl-bigmug-line-photo181:before {
content: "\e086";
}
.fl-bigmug-line-pin42:before {
content: "\e087";
}
.fl-bigmug-line-planetary2:before {
content: "\e088";
}
.fl-bigmug-line-play83:before {
content: "\e089";
}
.fl-bigmug-line-portfolio23:before {
content: "\e08a";
}
.fl-bigmug-line-print34:before {
content: "\e08b";
}
.fl-bigmug-line-radio46:before {
content: "\e08c";
}
.fl-bigmug-line-rain30:before {
content: "\e08d";
}
.fl-bigmug-line-rectangular78:before {
content: "\e08e";
}
.fl-bigmug-line-recycling10:before {
content: "\e08f";
}
.fl-bigmug-line-rewind37:before {
content: "\e090";
}
.fl-bigmug-line-right139:before {
content: "\e091";
}
.fl-bigmug-line-right141:before {
content: "\e092";
}
.fl-bigmug-line-right142:before {
content: "\e093";
}
.fl-bigmug-line-right144:before {
content: "\e094";
}
.fl-bigmug-line-right148:before {
content: "\e095";
}
.fl-bigmug-line-right153:before {
content: "\e096";
}
.fl-bigmug-line-right154:before {
content: "\e097";
}
.fl-bigmug-line-right156:before {
content: "\e098";
}
.fl-bigmug-line-rounded51:before {
content: "\e099";
}
.fl-bigmug-line-sand14:before {
content: "\e09a";
}
.fl-bigmug-line-save15:before {
content: "\e09b";
}
.fl-bigmug-line-search74:before {
content: "\e09c";
}
.fl-bigmug-line-search78:before {
content: "\e09d";
}
.fl-bigmug-line-share27:before {
content: "\e09e";
}
.fl-bigmug-line-shopping198:before {
content: "\e09f";
}
.fl-bigmug-line-shopping199:before {
content: "\e0a0";
}
.fl-bigmug-line-shopping202:before {
content: "\e0a1";
}
.fl-bigmug-line-shopping204:before {
content: "\e0a2";
}
.fl-bigmug-line-shuffle17:before {
content: "\e0a3";
}
.fl-bigmug-line-sort47:before {
content: "\e0a4";
}
.fl-bigmug-line-sort48:before {
content: "\e0a5";
}
.fl-bigmug-line-speaker75:before {
content: "\e0a6";
}
.fl-bigmug-line-speaker80:before {
content: "\e0a7";
}
.fl-bigmug-line-speaker81:before {
content: "\e0a8";
}
.fl-bigmug-line-speaker86:before {
content: "\e0a9";
}
.fl-bigmug-line-speaker87:before {
content: "\e0aa";
}
.fl-bigmug-line-speech96:before {
content: "\e0ab";
}
.fl-bigmug-line-square152:before {
content: "\e0ac";
}
.fl-bigmug-line-square156:before {
content: "\e0ad";
}
.fl-bigmug-line-square160:before {
content: "\e0ae";
}
.fl-bigmug-line-store10:before {
content: "\e0af";
}
.fl-bigmug-line-sun81:before {
content: "\e0b0";
}
.fl-bigmug-line-sunrise3:before {
content: "\e0b1";
}
.fl-bigmug-line-switch23:before {
content: "\e0b2";
}
.fl-bigmug-line-switch24:before {
content: "\e0b3";
}
.fl-bigmug-line-tag47:before {
content: "\e0b4";
}
.fl-bigmug-line-television20:before {
content: "\e0b5";
}
.fl-bigmug-line-text108:before {
content: "\e0b6";
}
.fl-bigmug-line-text109:before {
content: "\e0b7";
}
.fl-bigmug-line-three142:before {
content: "\e0b8";
}
.fl-bigmug-line-timer35:before {
content: "\e0b9";
}
.fl-bigmug-line-tool16:before {
content: "\e0ba";
}
.fl-bigmug-line-triangle33:before {
content: "\e0bb";
}
.fl-bigmug-line-trophy55:before {
content: "\e0bc";
}
.fl-bigmug-line-two311:before {
content: "\e0bd";
}
.fl-bigmug-line-two316:before {
content: "\e0be";
}
.fl-bigmug-line-two317:before {
content: "\e0bf";
}
.fl-bigmug-line-two319:before {
content: "\e0c0";
}
.fl-bigmug-line-two323:before {
content: "\e0c1";
}
.fl-bigmug-line-unlocked27:before {
content: "\e0c2";
}
.fl-bigmug-line-up100:before {
content: "\e0c3";
}
.fl-bigmug-line-up102:before {
content: "\e0c4";
}
.fl-bigmug-line-up103:before {
content: "\e0c5";
}
.fl-bigmug-line-up104:before {
content: "\e0c6";
}
.fl-bigmug-line-up107:before {
content: "\e0c7";
}
.fl-bigmug-line-up111:before {
content: "\e0c8";
}
.fl-bigmug-line-up112:before {
content: "\e0c9";
}
.fl-bigmug-line-up114:before {
content: "\e0ca";
}
.fl-bigmug-line-up98:before {
content: "\e0cb";
}
.fl-bigmug-line-up99:before {
content: "\e0cc";
}
.fl-bigmug-line-upload91:before {
content: "\e0cd";
}
.fl-bigmug-line-upload92:before {
content: "\e0ce";
}
.fl-bigmug-line-upper8:before {
content: "\e0cf";
}
.fl-bigmug-line-user143:before {
content: "\e0d0";
}
.fl-bigmug-line-user144:before {
content: "\e0d1";
}
.fl-bigmug-line-video163:before {
content: "\e0d2";
}
.fl-bigmug-line-wallet26:before {
content: "\e0d3";
}
.fl-bigmug-line-weather21:before {
content: "\e0d4";
}
.fl-bigmug-line-weekly14:before {
content: "\e0d5";
}
.fl-bigmug-line-weekly15:before {
content: "\e0d6";
}
.fl-bigmug-line-wind24:before {
content: "\e0d7";
}
.fl-bigmug-line-window50:before {
content: "\e0d8";
}
.fl-bigmug-line-winds4:before {
content: "\e0d9";
}
.fl-bigmug-line-wrench66:before {
content: "\e0da";
}
.fl-bigmug-line-zoom60:before {
content: "\e0db";
}
custom-styles/fonts/_linearicons.scss 0000644 00000161623 15116221763 0014107 0 ustar 00 @font-face {
font-family: 'Linearicons';
// src: url('fonts/Linearicons.eot?4t1dgh');
// src: url('fonts/Linearicons.eot?4t1dgh#iefix') format('embedded-opentype'),
// url('fonts/Linearicons.ttf?4t1dgh') format('truetype'),
// url('fonts/Linearicons.woff?4t1dgh') format('woff'),
// url('fonts/Linearicons.svg?4t1dgh#Linearicons') format('svg');
font-weight: normal;
font-style: normal;
src: url(../fonts/Linearicons.eot); /* For IE6-8 */
src: local('Linearicons'),
local('Linearicons'),
url(../fonts/Linearicons.woff) format('woff'),
url(../fonts/Linearicons.ttf) format('truetype');
}
.linearicons,
[class^="linearicons-"], [class*=" linearicons-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'Linearicons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.linearicons-home:before {
content: "\e900";
}
.linearicons-home2:before {
content: "\e901";
}
.linearicons-home3:before {
content: "\e902";
}
.linearicons-home4:before {
content: "\e903";
}
.linearicons-home5:before {
content: "\e904";
}
.linearicons-home6:before {
content: "\e905";
}
.linearicons-bathtub:before {
content: "\e906";
}
.linearicons-toothbrush:before {
content: "\e907";
}
.linearicons-bed:before {
content: "\e908";
}
.linearicons-couch:before {
content: "\e909";
}
.linearicons-chair:before {
content: "\e90a";
}
.linearicons-city:before {
content: "\e90b";
}
.linearicons-apartment:before {
content: "\e90c";
}
.linearicons-pencil:before {
content: "\e90d";
}
.linearicons-pencil2:before {
content: "\e90e";
}
.linearicons-pen:before {
content: "\e90f";
}
.linearicons-pencil3:before {
content: "\e910";
}
.linearicons-eraser:before {
content: "\e911";
}
.linearicons-pencil4:before {
content: "\e912";
}
.linearicons-pencil5:before {
content: "\e913";
}
.linearicons-feather:before {
content: "\e914";
}
.linearicons-feather2:before {
content: "\e915";
}
.linearicons-feather3:before {
content: "\e916";
}
.linearicons-pen2:before {
content: "\e917";
}
.linearicons-pen-add:before {
content: "\e918";
}
.linearicons-pen-remove:before {
content: "\e919";
}
.linearicons-vector:before {
content: "\e91a";
}
.linearicons-pen3:before {
content: "\e91b";
}
.linearicons-blog:before {
content: "\e91c";
}
.linearicons-brush:before {
content: "\e91d";
}
.linearicons-brush2:before {
content: "\e91e";
}
.linearicons-spray:before {
content: "\e91f";
}
.linearicons-paint-roller:before {
content: "\e920";
}
.linearicons-stamp:before {
content: "\e921";
}
.linearicons-tape:before {
content: "\e922";
}
.linearicons-desk-tape:before {
content: "\e923";
}
.linearicons-texture:before {
content: "\e924";
}
.linearicons-eye-dropper:before {
content: "\e925";
}
.linearicons-palette:before {
content: "\e926";
}
.linearicons-color-sampler:before {
content: "\e927";
}
.linearicons-bucket:before {
content: "\e928";
}
.linearicons-gradient:before {
content: "\e929";
}
.linearicons-gradient2:before {
content: "\e92a";
}
.linearicons-magic-wand:before {
content: "\e92b";
}
.linearicons-magnet:before {
content: "\e92c";
}
.linearicons-pencil-ruler:before {
content: "\e92d";
}
.linearicons-pencil-ruler2:before {
content: "\e92e";
}
.linearicons-compass:before {
content: "\e92f";
}
.linearicons-aim:before {
content: "\e930";
}
.linearicons-gun:before {
content: "\e931";
}
.linearicons-bottle:before {
content: "\e932";
}
.linearicons-drop:before {
content: "\e933";
}
.linearicons-drop-crossed:before {
content: "\e934";
}
.linearicons-drop2:before {
content: "\e935";
}
.linearicons-snow:before {
content: "\e936";
}
.linearicons-snow2:before {
content: "\e937";
}
.linearicons-fire:before {
content: "\e938";
}
.linearicons-lighter:before {
content: "\e939";
}
.linearicons-knife:before {
content: "\e93a";
}
.linearicons-dagger:before {
content: "\e93b";
}
.linearicons-tissue:before {
content: "\e93c";
}
.linearicons-toilet-paper:before {
content: "\e93d";
}
.linearicons-poop:before {
content: "\e93e";
}
.linearicons-umbrella:before {
content: "\e93f";
}
.linearicons-umbrella2:before {
content: "\e940";
}
.linearicons-rain:before {
content: "\e941";
}
.linearicons-tornado:before {
content: "\e942";
}
.linearicons-wind:before {
content: "\e943";
}
.linearicons-fan:before {
content: "\e944";
}
.linearicons-contrast:before {
content: "\e945";
}
.linearicons-sun-small:before {
content: "\e946";
}
.linearicons-sun:before {
content: "\e947";
}
.linearicons-sun2:before {
content: "\e948";
}
.linearicons-moon:before {
content: "\e949";
}
.linearicons-cloud:before {
content: "\e94a";
}
.linearicons-cloud-upload:before {
content: "\e94b";
}
.linearicons-cloud-download:before {
content: "\e94c";
}
.linearicons-cloud-rain:before {
content: "\e94d";
}
.linearicons-cloud-hailstones:before {
content: "\e94e";
}
.linearicons-cloud-snow:before {
content: "\e94f";
}
.linearicons-cloud-windy:before {
content: "\e950";
}
.linearicons-sun-wind:before {
content: "\e951";
}
.linearicons-cloud-fog:before {
content: "\e952";
}
.linearicons-cloud-sun:before {
content: "\e953";
}
.linearicons-cloud-lightning:before {
content: "\e954";
}
.linearicons-cloud-sync:before {
content: "\e955";
}
.linearicons-cloud-lock:before {
content: "\e956";
}
.linearicons-cloud-gear:before {
content: "\e957";
}
.linearicons-cloud-alert:before {
content: "\e958";
}
.linearicons-cloud-check:before {
content: "\e959";
}
.linearicons-cloud-cross:before {
content: "\e95a";
}
.linearicons-cloud-crossed:before {
content: "\e95b";
}
.linearicons-cloud-database:before {
content: "\e95c";
}
.linearicons-database:before {
content: "\e95d";
}
.linearicons-database-add:before {
content: "\e95e";
}
.linearicons-database-remove:before {
content: "\e95f";
}
.linearicons-database-lock:before {
content: "\e960";
}
.linearicons-database-refresh:before {
content: "\e961";
}
.linearicons-database-check:before {
content: "\e962";
}
.linearicons-database-history:before {
content: "\e963";
}
.linearicons-database-upload:before {
content: "\e964";
}
.linearicons-database-download:before {
content: "\e965";
}
.linearicons-server:before {
content: "\e966";
}
.linearicons-shield:before {
content: "\e967";
}
.linearicons-shield-check:before {
content: "\e968";
}
.linearicons-shield-alert:before {
content: "\e969";
}
.linearicons-shield-cross:before {
content: "\e96a";
}
.linearicons-lock:before {
content: "\e96b";
}
.linearicons-rotation-lock:before {
content: "\e96c";
}
.linearicons-unlock:before {
content: "\e96d";
}
.linearicons-key:before {
content: "\e96e";
}
.linearicons-key-hole:before {
content: "\e96f";
}
.linearicons-toggle-off:before {
content: "\e970";
}
.linearicons-toggle-on:before {
content: "\e971";
}
.linearicons-cog:before {
content: "\e972";
}
.linearicons-cog2:before {
content: "\e973";
}
.linearicons-wrench:before {
content: "\e974";
}
.linearicons-screwdriver:before {
content: "\e975";
}
.linearicons-hammer-wrench:before {
content: "\e976";
}
.linearicons-hammer:before {
content: "\e977";
}
.linearicons-saw:before {
content: "\e978";
}
.linearicons-axe:before {
content: "\e979";
}
.linearicons-axe2:before {
content: "\e97a";
}
.linearicons-shovel:before {
content: "\e97b";
}
.linearicons-pickaxe:before {
content: "\e97c";
}
.linearicons-factory:before {
content: "\e97d";
}
.linearicons-factory2:before {
content: "\e97e";
}
.linearicons-recycle:before {
content: "\e97f";
}
.linearicons-trash:before {
content: "\e980";
}
.linearicons-trash2:before {
content: "\e981";
}
.linearicons-trash3:before {
content: "\e982";
}
.linearicons-broom:before {
content: "\e983";
}
.linearicons-game:before {
content: "\e984";
}
.linearicons-gamepad:before {
content: "\e985";
}
.linearicons-joystick:before {
content: "\e986";
}
.linearicons-dice:before {
content: "\e987";
}
.linearicons-spades:before {
content: "\e988";
}
.linearicons-diamonds:before {
content: "\e989";
}
.linearicons-clubs:before {
content: "\e98a";
}
.linearicons-hearts:before {
content: "\e98b";
}
.linearicons-heart:before {
content: "\e98c";
}
.linearicons-star:before {
content: "\e98d";
}
.linearicons-star-half:before {
content: "\e98e";
}
.linearicons-star-empty:before {
content: "\e98f";
}
.linearicons-flag:before {
content: "\e990";
}
.linearicons-flag2:before {
content: "\e991";
}
.linearicons-flag3:before {
content: "\e992";
}
.linearicons-mailbox-full:before {
content: "\e993";
}
.linearicons-mailbox-empty:before {
content: "\e994";
}
.linearicons-at-sign:before {
content: "\e995";
}
.linearicons-envelope:before {
content: "\e996";
}
.linearicons-envelope-open:before {
content: "\e997";
}
.linearicons-paperclip:before {
content: "\e998";
}
.linearicons-paper-plane:before {
content: "\e999";
}
.linearicons-reply:before {
content: "\e99a";
}
.linearicons-reply-all:before {
content: "\e99b";
}
.linearicons-inbox:before {
content: "\e99c";
}
.linearicons-inbox2:before {
content: "\e99d";
}
.linearicons-outbox:before {
content: "\e99e";
}
.linearicons-box:before {
content: "\e99f";
}
.linearicons-archive:before {
content: "\e9a0";
}
.linearicons-archive2:before {
content: "\e9a1";
}
.linearicons-drawers:before {
content: "\e9a2";
}
.linearicons-drawers2:before {
content: "\e9a3";
}
.linearicons-drawers3:before {
content: "\e9a4";
}
.linearicons-eye:before {
content: "\e9a5";
}
.linearicons-eye-crossed:before {
content: "\e9a6";
}
.linearicons-eye-plus:before {
content: "\e9a7";
}
.linearicons-eye-minus:before {
content: "\e9a8";
}
.linearicons-binoculars:before {
content: "\e9a9";
}
.linearicons-binoculars2:before {
content: "\e9aa";
}
.linearicons-hdd:before {
content: "\e9ab";
}
.linearicons-hdd-down:before {
content: "\e9ac";
}
.linearicons-hdd-up:before {
content: "\e9ad";
}
.linearicons-floppy-disk:before {
content: "\e9ae";
}
.linearicons-disc:before {
content: "\e9af";
}
.linearicons-tape2:before {
content: "\e9b0";
}
.linearicons-printer:before {
content: "\e9b1";
}
.linearicons-shredder:before {
content: "\e9b2";
}
.linearicons-file-empty:before {
content: "\e9b3";
}
.linearicons-file-add:before {
content: "\e9b4";
}
.linearicons-file-check:before {
content: "\e9b5";
}
.linearicons-file-lock:before {
content: "\e9b6";
}
.linearicons-files:before {
content: "\e9b7";
}
.linearicons-copy:before {
content: "\e9b8";
}
.linearicons-compare:before {
content: "\e9b9";
}
.linearicons-folder:before {
content: "\e9ba";
}
.linearicons-folder-search:before {
content: "\e9bb";
}
.linearicons-folder-plus:before {
content: "\e9bc";
}
.linearicons-folder-minus:before {
content: "\e9bd";
}
.linearicons-folder-download:before {
content: "\e9be";
}
.linearicons-folder-upload:before {
content: "\e9bf";
}
.linearicons-folder-star:before {
content: "\e9c0";
}
.linearicons-folder-heart:before {
content: "\e9c1";
}
.linearicons-folder-user:before {
content: "\e9c2";
}
.linearicons-folder-shared:before {
content: "\e9c3";
}
.linearicons-folder-music:before {
content: "\e9c4";
}
.linearicons-folder-picture:before {
content: "\e9c5";
}
.linearicons-folder-film:before {
content: "\e9c6";
}
.linearicons-scissors:before {
content: "\e9c7";
}
.linearicons-paste:before {
content: "\e9c8";
}
.linearicons-clipboard-empty:before {
content: "\e9c9";
}
.linearicons-clipboard-pencil:before {
content: "\e9ca";
}
.linearicons-clipboard-text:before {
content: "\e9cb";
}
.linearicons-clipboard-check:before {
content: "\e9cc";
}
.linearicons-clipboard-down:before {
content: "\e9cd";
}
.linearicons-clipboard-left:before {
content: "\e9ce";
}
.linearicons-clipboard-alert:before {
content: "\e9cf";
}
.linearicons-clipboard-user:before {
content: "\e9d0";
}
.linearicons-register:before {
content: "\e9d1";
}
.linearicons-enter:before {
content: "\e9d2";
}
.linearicons-exit:before {
content: "\e9d3";
}
.linearicons-papers:before {
content: "\e9d4";
}
.linearicons-news:before {
content: "\e9d5";
}
.linearicons-reading:before {
content: "\e9d6";
}
.linearicons-typewriter:before {
content: "\e9d7";
}
.linearicons-document:before {
content: "\e9d8";
}
.linearicons-document2:before {
content: "\e9d9";
}
.linearicons-graduation-hat:before {
content: "\e9da";
}
.linearicons-license:before {
content: "\e9db";
}
.linearicons-license2:before {
content: "\e9dc";
}
.linearicons-medal-empty:before {
content: "\e9dd";
}
.linearicons-medal-first:before {
content: "\e9de";
}
.linearicons-medal-second:before {
content: "\e9df";
}
.linearicons-medal-third:before {
content: "\e9e0";
}
.linearicons-podium:before {
content: "\e9e1";
}
.linearicons-trophy:before {
content: "\e9e2";
}
.linearicons-trophy2:before {
content: "\e9e3";
}
.linearicons-music-note:before {
content: "\e9e4";
}
.linearicons-music-note2:before {
content: "\e9e5";
}
.linearicons-music-note3:before {
content: "\e9e6";
}
.linearicons-playlist:before {
content: "\e9e7";
}
.linearicons-playlist-add:before {
content: "\e9e8";
}
.linearicons-guitar:before {
content: "\e9e9";
}
.linearicons-trumpet:before {
content: "\e9ea";
}
.linearicons-album:before {
content: "\e9eb";
}
.linearicons-shuffle:before {
content: "\e9ec";
}
.linearicons-repeat-one:before {
content: "\e9ed";
}
.linearicons-repeat:before {
content: "\e9ee";
}
.linearicons-headphones:before {
content: "\e9ef";
}
.linearicons-headset:before {
content: "\e9f0";
}
.linearicons-loudspeaker:before {
content: "\e9f1";
}
.linearicons-equalizer:before {
content: "\e9f2";
}
.linearicons-theater:before {
content: "\e9f3";
}
.linearicons-3d-glasses:before {
content: "\e9f4";
}
.linearicons-ticket:before {
content: "\e9f5";
}
.linearicons-presentation:before {
content: "\e9f6";
}
.linearicons-play:before {
content: "\e9f7";
}
.linearicons-film-play:before {
content: "\e9f8";
}
.linearicons-clapboard-play:before {
content: "\e9f9";
}
.linearicons-media:before {
content: "\e9fa";
}
.linearicons-film:before {
content: "\e9fb";
}
.linearicons-film2:before {
content: "\e9fc";
}
.linearicons-surveillance:before {
content: "\e9fd";
}
.linearicons-surveillance2:before {
content: "\e9fe";
}
.linearicons-camera:before {
content: "\e9ff";
}
.linearicons-camera-crossed:before {
content: "\ea00";
}
.linearicons-camera-play:before {
content: "\ea01";
}
.linearicons-time-lapse:before {
content: "\ea02";
}
.linearicons-record:before {
content: "\ea03";
}
.linearicons-camera2:before {
content: "\ea04";
}
.linearicons-camera-flip:before {
content: "\ea05";
}
.linearicons-panorama:before {
content: "\ea06";
}
.linearicons-time-lapse2:before {
content: "\ea07";
}
.linearicons-shutter:before {
content: "\ea08";
}
.linearicons-shutter2:before {
content: "\ea09";
}
.linearicons-face-detection:before {
content: "\ea0a";
}
.linearicons-flare:before {
content: "\ea0b";
}
.linearicons-convex:before {
content: "\ea0c";
}
.linearicons-concave:before {
content: "\ea0d";
}
.linearicons-picture:before {
content: "\ea0e";
}
.linearicons-picture2:before {
content: "\ea0f";
}
.linearicons-picture3:before {
content: "\ea10";
}
.linearicons-pictures:before {
content: "\ea11";
}
.linearicons-book:before {
content: "\ea12";
}
.linearicons-audio-book:before {
content: "\ea13";
}
.linearicons-book2:before {
content: "\ea14";
}
.linearicons-bookmark:before {
content: "\ea15";
}
.linearicons-bookmark2:before {
content: "\ea16";
}
.linearicons-label:before {
content: "\ea17";
}
.linearicons-library:before {
content: "\ea18";
}
.linearicons-library2:before {
content: "\ea19";
}
.linearicons-contacts:before {
content: "\ea1a";
}
.linearicons-profile:before {
content: "\ea1b";
}
.linearicons-portrait:before {
content: "\ea1c";
}
.linearicons-portrait2:before {
content: "\ea1d";
}
.linearicons-user:before {
content: "\ea1e";
}
.linearicons-user-plus:before {
content: "\ea1f";
}
.linearicons-user-minus:before {
content: "\ea20";
}
.linearicons-user-lock:before {
content: "\ea21";
}
.linearicons-users:before {
content: "\ea22";
}
.linearicons-users2:before {
content: "\ea23";
}
.linearicons-users-plus:before {
content: "\ea24";
}
.linearicons-users-minus:before {
content: "\ea25";
}
.linearicons-group-work:before {
content: "\ea26";
}
.linearicons-woman:before {
content: "\ea27";
}
.linearicons-man:before {
content: "\ea28";
}
.linearicons-baby:before {
content: "\ea29";
}
.linearicons-baby2:before {
content: "\ea2a";
}
.linearicons-baby3:before {
content: "\ea2b";
}
.linearicons-baby-bottle:before {
content: "\ea2c";
}
.linearicons-walk:before {
content: "\ea2d";
}
.linearicons-hand-waving:before {
content: "\ea2e";
}
.linearicons-jump:before {
content: "\ea2f";
}
.linearicons-run:before {
content: "\ea30";
}
.linearicons-woman2:before {
content: "\ea31";
}
.linearicons-man2:before {
content: "\ea32";
}
.linearicons-man-woman:before {
content: "\ea33";
}
.linearicons-height:before {
content: "\ea34";
}
.linearicons-weight:before {
content: "\ea35";
}
.linearicons-scale:before {
content: "\ea36";
}
.linearicons-button:before {
content: "\ea37";
}
.linearicons-bow-tie:before {
content: "\ea38";
}
.linearicons-tie:before {
content: "\ea39";
}
.linearicons-socks:before {
content: "\ea3a";
}
.linearicons-shoe:before {
content: "\ea3b";
}
.linearicons-shoes:before {
content: "\ea3c";
}
.linearicons-hat:before {
content: "\ea3d";
}
.linearicons-pants:before {
content: "\ea3e";
}
.linearicons-shorts:before {
content: "\ea3f";
}
.linearicons-flip-flops:before {
content: "\ea40";
}
.linearicons-shirt:before {
content: "\ea41";
}
.linearicons-hanger:before {
content: "\ea42";
}
.linearicons-laundry:before {
content: "\ea43";
}
.linearicons-store:before {
content: "\ea44";
}
.linearicons-haircut:before {
content: "\ea45";
}
.linearicons-store-24:before {
content: "\ea46";
}
.linearicons-barcode:before {
content: "\ea47";
}
.linearicons-barcode2:before {
content: "\ea48";
}
.linearicons-barcode3:before {
content: "\ea49";
}
.linearicons-cashier:before {
content: "\ea4a";
}
.linearicons-bag:before {
content: "\ea4b";
}
.linearicons-bag2:before {
content: "\ea4c";
}
.linearicons-cart:before {
content: "\ea4d";
}
.linearicons-cart-empty:before {
content: "\ea4e";
}
.linearicons-cart-full:before {
content: "\ea4f";
}
.linearicons-cart-plus:before {
content: "\ea50";
}
.linearicons-cart-plus2:before {
content: "\ea51";
}
.linearicons-cart-add:before {
content: "\ea52";
}
.linearicons-cart-remove:before {
content: "\ea53";
}
.linearicons-cart-exchange:before {
content: "\ea54";
}
.linearicons-tag:before {
content: "\ea55";
}
.linearicons-tags:before {
content: "\ea56";
}
.linearicons-receipt:before {
content: "\ea57";
}
.linearicons-wallet:before {
content: "\ea58";
}
.linearicons-credit-card:before {
content: "\ea59";
}
.linearicons-cash-dollar:before {
content: "\ea5a";
}
.linearicons-cash-euro:before {
content: "\ea5b";
}
.linearicons-cash-pound:before {
content: "\ea5c";
}
.linearicons-cash-yen:before {
content: "\ea5d";
}
.linearicons-bag-dollar:before {
content: "\ea5e";
}
.linearicons-bag-euro:before {
content: "\ea5f";
}
.linearicons-bag-pound:before {
content: "\ea60";
}
.linearicons-bag-yen:before {
content: "\ea61";
}
.linearicons-coin-dollar:before {
content: "\ea62";
}
.linearicons-coin-euro:before {
content: "\ea63";
}
.linearicons-coin-pound:before {
content: "\ea64";
}
.linearicons-coin-yen:before {
content: "\ea65";
}
.linearicons-calculator:before {
content: "\ea66";
}
.linearicons-calculator2:before {
content: "\ea67";
}
.linearicons-abacus:before {
content: "\ea68";
}
.linearicons-vault:before {
content: "\ea69";
}
.linearicons-telephone:before {
content: "\ea6a";
}
.linearicons-phone-lock:before {
content: "\ea6b";
}
.linearicons-phone-wave:before {
content: "\ea6c";
}
.linearicons-phone-pause:before {
content: "\ea6d";
}
.linearicons-phone-outgoing:before {
content: "\ea6e";
}
.linearicons-phone-incoming:before {
content: "\ea6f";
}
.linearicons-phone-in-out:before {
content: "\ea70";
}
.linearicons-phone-error:before {
content: "\ea71";
}
.linearicons-phone-sip:before {
content: "\ea72";
}
.linearicons-phone-plus:before {
content: "\ea73";
}
.linearicons-phone-minus:before {
content: "\ea74";
}
.linearicons-voicemail:before {
content: "\ea75";
}
.linearicons-dial:before {
content: "\ea76";
}
.linearicons-telephone2:before {
content: "\ea77";
}
.linearicons-pushpin:before {
content: "\ea78";
}
.linearicons-pushpin2:before {
content: "\ea79";
}
.linearicons-map-marker:before {
content: "\ea7a";
}
.linearicons-map-marker-user:before {
content: "\ea7b";
}
.linearicons-map-marker-down:before {
content: "\ea7c";
}
.linearicons-map-marker-check:before {
content: "\ea7d";
}
.linearicons-map-marker-crossed:before {
content: "\ea7e";
}
.linearicons-radar:before {
content: "\ea7f";
}
.linearicons-compass2:before {
content: "\ea80";
}
.linearicons-map:before {
content: "\ea81";
}
.linearicons-map2:before {
content: "\ea82";
}
.linearicons-location:before {
content: "\ea83";
}
.linearicons-road-sign:before {
content: "\ea84";
}
.linearicons-calendar-empty:before {
content: "\ea85";
}
.linearicons-calendar-check:before {
content: "\ea86";
}
.linearicons-calendar-cross:before {
content: "\ea87";
}
.linearicons-calendar-31:before {
content: "\ea88";
}
.linearicons-calendar-full:before {
content: "\ea89";
}
.linearicons-calendar-insert:before {
content: "\ea8a";
}
.linearicons-calendar-text:before {
content: "\ea8b";
}
.linearicons-calendar-user:before {
content: "\ea8c";
}
.linearicons-mouse:before {
content: "\ea8d";
}
.linearicons-mouse-left:before {
content: "\ea8e";
}
.linearicons-mouse-right:before {
content: "\ea8f";
}
.linearicons-mouse-both:before {
content: "\ea90";
}
.linearicons-keyboard:before {
content: "\ea91";
}
.linearicons-keyboard-up:before {
content: "\ea92";
}
.linearicons-keyboard-down:before {
content: "\ea93";
}
.linearicons-delete:before {
content: "\ea94";
}
.linearicons-spell-check:before {
content: "\ea95";
}
.linearicons-escape:before {
content: "\ea96";
}
.linearicons-enter2:before {
content: "\ea97";
}
.linearicons-screen:before {
content: "\ea98";
}
.linearicons-aspect-ratio:before {
content: "\ea99";
}
.linearicons-signal:before {
content: "\ea9a";
}
.linearicons-signal-lock:before {
content: "\ea9b";
}
.linearicons-signal-80:before {
content: "\ea9c";
}
.linearicons-signal-60:before {
content: "\ea9d";
}
.linearicons-signal-40:before {
content: "\ea9e";
}
.linearicons-signal-20:before {
content: "\ea9f";
}
.linearicons-signal-0:before {
content: "\eaa0";
}
.linearicons-signal-blocked:before {
content: "\eaa1";
}
.linearicons-sim:before {
content: "\eaa2";
}
.linearicons-flash-memory:before {
content: "\eaa3";
}
.linearicons-usb-drive:before {
content: "\eaa4";
}
.linearicons-phone:before {
content: "\eaa5";
}
.linearicons-smartphone:before {
content: "\eaa6";
}
.linearicons-smartphone-notification:before {
content: "\eaa7";
}
.linearicons-smartphone-vibration:before {
content: "\eaa8";
}
.linearicons-smartphone-embed:before {
content: "\eaa9";
}
.linearicons-smartphone-waves:before {
content: "\eaaa";
}
.linearicons-tablet:before {
content: "\eaab";
}
.linearicons-tablet2:before {
content: "\eaac";
}
.linearicons-laptop:before {
content: "\eaad";
}
.linearicons-laptop-phone:before {
content: "\eaae";
}
.linearicons-desktop:before {
content: "\eaaf";
}
.linearicons-launch:before {
content: "\eab0";
}
.linearicons-new-tab:before {
content: "\eab1";
}
.linearicons-window:before {
content: "\eab2";
}
.linearicons-cable:before {
content: "\eab3";
}
.linearicons-cable2:before {
content: "\eab4";
}
.linearicons-tv:before {
content: "\eab5";
}
.linearicons-radio:before {
content: "\eab6";
}
.linearicons-remote-control:before {
content: "\eab7";
}
.linearicons-power-switch:before {
content: "\eab8";
}
.linearicons-power:before {
content: "\eab9";
}
.linearicons-power-crossed:before {
content: "\eaba";
}
.linearicons-flash-auto:before {
content: "\eabb";
}
.linearicons-lamp:before {
content: "\eabc";
}
.linearicons-flashlight:before {
content: "\eabd";
}
.linearicons-lampshade:before {
content: "\eabe";
}
.linearicons-cord:before {
content: "\eabf";
}
.linearicons-outlet:before {
content: "\eac0";
}
.linearicons-battery-power:before {
content: "\eac1";
}
.linearicons-battery-empty:before {
content: "\eac2";
}
.linearicons-battery-alert:before {
content: "\eac3";
}
.linearicons-battery-error:before {
content: "\eac4";
}
.linearicons-battery-low1:before {
content: "\eac5";
}
.linearicons-battery-low2:before {
content: "\eac6";
}
.linearicons-battery-low3:before {
content: "\eac7";
}
.linearicons-battery-mid1:before {
content: "\eac8";
}
.linearicons-battery-mid2:before {
content: "\eac9";
}
.linearicons-battery-mid3:before {
content: "\eaca";
}
.linearicons-battery-full:before {
content: "\eacb";
}
.linearicons-battery-charging:before {
content: "\eacc";
}
.linearicons-battery-charging2:before {
content: "\eacd";
}
.linearicons-battery-charging3:before {
content: "\eace";
}
.linearicons-battery-charging4:before {
content: "\eacf";
}
.linearicons-battery-charging5:before {
content: "\ead0";
}
.linearicons-battery-charging6:before {
content: "\ead1";
}
.linearicons-battery-charging7:before {
content: "\ead2";
}
.linearicons-chip:before {
content: "\ead3";
}
.linearicons-chip-x64:before {
content: "\ead4";
}
.linearicons-chip-x86:before {
content: "\ead5";
}
.linearicons-bubble:before {
content: "\ead6";
}
.linearicons-bubbles:before {
content: "\ead7";
}
.linearicons-bubble-dots:before {
content: "\ead8";
}
.linearicons-bubble-alert:before {
content: "\ead9";
}
.linearicons-bubble-question:before {
content: "\eada";
}
.linearicons-bubble-text:before {
content: "\eadb";
}
.linearicons-bubble-pencil:before {
content: "\eadc";
}
.linearicons-bubble-picture:before {
content: "\eadd";
}
.linearicons-bubble-video:before {
content: "\eade";
}
.linearicons-bubble-user:before {
content: "\eadf";
}
.linearicons-bubble-quote:before {
content: "\eae0";
}
.linearicons-bubble-heart:before {
content: "\eae1";
}
.linearicons-bubble-emoticon:before {
content: "\eae2";
}
.linearicons-bubble-attachment:before {
content: "\eae3";
}
.linearicons-phone-bubble:before {
content: "\eae4";
}
.linearicons-quote-open:before {
content: "\eae5";
}
.linearicons-quote-close:before {
content: "\eae6";
}
.linearicons-dna:before {
content: "\eae7";
}
.linearicons-heart-pulse:before {
content: "\eae8";
}
.linearicons-pulse:before {
content: "\eae9";
}
.linearicons-syringe:before {
content: "\eaea";
}
.linearicons-pills:before {
content: "\eaeb";
}
.linearicons-first-aid:before {
content: "\eaec";
}
.linearicons-lifebuoy:before {
content: "\eaed";
}
.linearicons-bandage:before {
content: "\eaee";
}
.linearicons-bandages:before {
content: "\eaef";
}
.linearicons-thermometer:before {
content: "\eaf0";
}
.linearicons-microscope:before {
content: "\eaf1";
}
.linearicons-brain:before {
content: "\eaf2";
}
.linearicons-beaker:before {
content: "\eaf3";
}
.linearicons-skull:before {
content: "\eaf4";
}
.linearicons-bone:before {
content: "\eaf5";
}
.linearicons-construction:before {
content: "\eaf6";
}
.linearicons-construction-cone:before {
content: "\eaf7";
}
.linearicons-pie-chart:before {
content: "\eaf8";
}
.linearicons-pie-chart2:before {
content: "\eaf9";
}
.linearicons-graph:before {
content: "\eafa";
}
.linearicons-chart-growth:before {
content: "\eafb";
}
.linearicons-chart-bars:before {
content: "\eafc";
}
.linearicons-chart-settings:before {
content: "\eafd";
}
.linearicons-cake:before {
content: "\eafe";
}
.linearicons-gift:before {
content: "\eaff";
}
.linearicons-balloon:before {
content: "\eb00";
}
.linearicons-rank:before {
content: "\eb01";
}
.linearicons-rank2:before {
content: "\eb02";
}
.linearicons-rank3:before {
content: "\eb03";
}
.linearicons-crown:before {
content: "\eb04";
}
.linearicons-lotus:before {
content: "\eb05";
}
.linearicons-diamond:before {
content: "\eb06";
}
.linearicons-diamond2:before {
content: "\eb07";
}
.linearicons-diamond3:before {
content: "\eb08";
}
.linearicons-diamond4:before {
content: "\eb09";
}
.linearicons-linearicons:before {
content: "\eb0a";
}
.linearicons-teacup:before {
content: "\eb0b";
}
.linearicons-teapot:before {
content: "\eb0c";
}
.linearicons-glass:before {
content: "\eb0d";
}
.linearicons-bottle2:before {
content: "\eb0e";
}
.linearicons-glass-cocktail:before {
content: "\eb0f";
}
.linearicons-glass2:before {
content: "\eb10";
}
.linearicons-dinner:before {
content: "\eb11";
}
.linearicons-dinner2:before {
content: "\eb12";
}
.linearicons-chef:before {
content: "\eb13";
}
.linearicons-scale2:before {
content: "\eb14";
}
.linearicons-egg:before {
content: "\eb15";
}
.linearicons-egg2:before {
content: "\eb16";
}
.linearicons-eggs:before {
content: "\eb17";
}
.linearicons-platter:before {
content: "\eb18";
}
.linearicons-steak:before {
content: "\eb19";
}
.linearicons-hamburger:before {
content: "\eb1a";
}
.linearicons-hotdog:before {
content: "\eb1b";
}
.linearicons-pizza:before {
content: "\eb1c";
}
.linearicons-sausage:before {
content: "\eb1d";
}
.linearicons-chicken:before {
content: "\eb1e";
}
.linearicons-fish:before {
content: "\eb1f";
}
.linearicons-carrot:before {
content: "\eb20";
}
.linearicons-cheese:before {
content: "\eb21";
}
.linearicons-bread:before {
content: "\eb22";
}
.linearicons-ice-cream:before {
content: "\eb23";
}
.linearicons-ice-cream2:before {
content: "\eb24";
}
.linearicons-candy:before {
content: "\eb25";
}
.linearicons-lollipop:before {
content: "\eb26";
}
.linearicons-coffee-bean:before {
content: "\eb27";
}
.linearicons-coffee-cup:before {
content: "\eb28";
}
.linearicons-cherry:before {
content: "\eb29";
}
.linearicons-grapes:before {
content: "\eb2a";
}
.linearicons-citrus:before {
content: "\eb2b";
}
.linearicons-apple:before {
content: "\eb2c";
}
.linearicons-leaf:before {
content: "\eb2d";
}
.linearicons-landscape:before {
content: "\eb2e";
}
.linearicons-pine-tree:before {
content: "\eb2f";
}
.linearicons-tree:before {
content: "\eb30";
}
.linearicons-cactus:before {
content: "\eb31";
}
.linearicons-paw:before {
content: "\eb32";
}
.linearicons-footprint:before {
content: "\eb33";
}
.linearicons-speed-slow:before {
content: "\eb34";
}
.linearicons-speed-medium:before {
content: "\eb35";
}
.linearicons-speed-fast:before {
content: "\eb36";
}
.linearicons-rocket:before {
content: "\eb37";
}
.linearicons-hammer2:before {
content: "\eb38";
}
.linearicons-balance:before {
content: "\eb39";
}
.linearicons-briefcase:before {
content: "\eb3a";
}
.linearicons-luggage-weight:before {
content: "\eb3b";
}
.linearicons-dolly:before {
content: "\eb3c";
}
.linearicons-plane:before {
content: "\eb3d";
}
.linearicons-plane-crossed:before {
content: "\eb3e";
}
.linearicons-helicopter:before {
content: "\eb3f";
}
.linearicons-traffic-lights:before {
content: "\eb40";
}
.linearicons-siren:before {
content: "\eb41";
}
.linearicons-road:before {
content: "\eb42";
}
.linearicons-engine:before {
content: "\eb43";
}
.linearicons-oil-pressure:before {
content: "\eb44";
}
.linearicons-coolant-temperature:before {
content: "\eb45";
}
.linearicons-car-battery:before {
content: "\eb46";
}
.linearicons-gas:before {
content: "\eb47";
}
.linearicons-gallon:before {
content: "\eb48";
}
.linearicons-transmission:before {
content: "\eb49";
}
.linearicons-car:before {
content: "\eb4a";
}
.linearicons-car-wash:before {
content: "\eb4b";
}
.linearicons-car-wash2:before {
content: "\eb4c";
}
.linearicons-bus:before {
content: "\eb4d";
}
.linearicons-bus2:before {
content: "\eb4e";
}
.linearicons-car2:before {
content: "\eb4f";
}
.linearicons-parking:before {
content: "\eb50";
}
.linearicons-car-lock:before {
content: "\eb51";
}
.linearicons-taxi:before {
content: "\eb52";
}
.linearicons-car-siren:before {
content: "\eb53";
}
.linearicons-car-wash3:before {
content: "\eb54";
}
.linearicons-car-wash4:before {
content: "\eb55";
}
.linearicons-ambulance:before {
content: "\eb56";
}
.linearicons-truck:before {
content: "\eb57";
}
.linearicons-trailer:before {
content: "\eb58";
}
.linearicons-scale-truck:before {
content: "\eb59";
}
.linearicons-train:before {
content: "\eb5a";
}
.linearicons-ship:before {
content: "\eb5b";
}
.linearicons-ship2:before {
content: "\eb5c";
}
.linearicons-anchor:before {
content: "\eb5d";
}
.linearicons-boat:before {
content: "\eb5e";
}
.linearicons-bicycle:before {
content: "\eb5f";
}
.linearicons-bicycle2:before {
content: "\eb60";
}
.linearicons-dumbbell:before {
content: "\eb61";
}
.linearicons-bench-press:before {
content: "\eb62";
}
.linearicons-swim:before {
content: "\eb63";
}
.linearicons-football:before {
content: "\eb64";
}
.linearicons-baseball-bat:before {
content: "\eb65";
}
.linearicons-baseball:before {
content: "\eb66";
}
.linearicons-tennis:before {
content: "\eb67";
}
.linearicons-tennis2:before {
content: "\eb68";
}
.linearicons-ping-pong:before {
content: "\eb69";
}
.linearicons-hockey:before {
content: "\eb6a";
}
.linearicons-8ball:before {
content: "\eb6b";
}
.linearicons-bowling:before {
content: "\eb6c";
}
.linearicons-bowling-pins:before {
content: "\eb6d";
}
.linearicons-golf:before {
content: "\eb6e";
}
.linearicons-golf2:before {
content: "\eb6f";
}
.linearicons-archery:before {
content: "\eb70";
}
.linearicons-slingshot:before {
content: "\eb71";
}
.linearicons-soccer:before {
content: "\eb72";
}
.linearicons-basketball:before {
content: "\eb73";
}
.linearicons-cube:before {
content: "\eb74";
}
.linearicons-3d-rotate:before {
content: "\eb75";
}
.linearicons-puzzle:before {
content: "\eb76";
}
.linearicons-glasses:before {
content: "\eb77";
}
.linearicons-glasses2:before {
content: "\eb78";
}
.linearicons-accessibility:before {
content: "\eb79";
}
.linearicons-wheelchair:before {
content: "\eb7a";
}
.linearicons-wall:before {
content: "\eb7b";
}
.linearicons-fence:before {
content: "\eb7c";
}
.linearicons-wall2:before {
content: "\eb7d";
}
.linearicons-icons:before {
content: "\eb7e";
}
.linearicons-resize-handle:before {
content: "\eb7f";
}
.linearicons-icons2:before {
content: "\eb80";
}
.linearicons-select:before {
content: "\eb81";
}
.linearicons-select2:before {
content: "\eb82";
}
.linearicons-site-map:before {
content: "\eb83";
}
.linearicons-earth:before {
content: "\eb84";
}
.linearicons-earth-lock:before {
content: "\eb85";
}
.linearicons-network:before {
content: "\eb86";
}
.linearicons-network-lock:before {
content: "\eb87";
}
.linearicons-planet:before {
content: "\eb88";
}
.linearicons-happy:before {
content: "\eb89";
}
.linearicons-smile:before {
content: "\eb8a";
}
.linearicons-grin:before {
content: "\eb8b";
}
.linearicons-tongue:before {
content: "\eb8c";
}
.linearicons-sad:before {
content: "\eb8d";
}
.linearicons-wink:before {
content: "\eb8e";
}
.linearicons-dream:before {
content: "\eb8f";
}
.linearicons-shocked:before {
content: "\eb90";
}
.linearicons-shocked2:before {
content: "\eb91";
}
.linearicons-tongue2:before {
content: "\eb92";
}
.linearicons-neutral:before {
content: "\eb93";
}
.linearicons-happy-grin:before {
content: "\eb94";
}
.linearicons-cool:before {
content: "\eb95";
}
.linearicons-mad:before {
content: "\eb96";
}
.linearicons-grin-evil:before {
content: "\eb97";
}
.linearicons-evil:before {
content: "\eb98";
}
.linearicons-wow:before {
content: "\eb99";
}
.linearicons-annoyed:before {
content: "\eb9a";
}
.linearicons-wondering:before {
content: "\eb9b";
}
.linearicons-confused:before {
content: "\eb9c";
}
.linearicons-zipped:before {
content: "\eb9d";
}
.linearicons-grumpy:before {
content: "\eb9e";
}
.linearicons-mustache:before {
content: "\eb9f";
}
.linearicons-tombstone-hipster:before {
content: "\eba0";
}
.linearicons-tombstone:before {
content: "\eba1";
}
.linearicons-ghost:before {
content: "\eba2";
}
.linearicons-ghost-hipster:before {
content: "\eba3";
}
.linearicons-halloween:before {
content: "\eba4";
}
.linearicons-christmas:before {
content: "\eba5";
}
.linearicons-easter-egg:before {
content: "\eba6";
}
.linearicons-mustache2:before {
content: "\eba7";
}
.linearicons-mustache-glasses:before {
content: "\eba8";
}
.linearicons-pipe:before {
content: "\eba9";
}
.linearicons-alarm:before {
content: "\ebaa";
}
.linearicons-alarm-add:before {
content: "\ebab";
}
.linearicons-alarm-snooze:before {
content: "\ebac";
}
.linearicons-alarm-ringing:before {
content: "\ebad";
}
.linearicons-bullhorn:before {
content: "\ebae";
}
.linearicons-hearing:before {
content: "\ebaf";
}
.linearicons-volume-high:before {
content: "\ebb0";
}
.linearicons-volume-medium:before {
content: "\ebb1";
}
.linearicons-volume-low:before {
content: "\ebb2";
}
.linearicons-volume:before {
content: "\ebb3";
}
.linearicons-mute:before {
content: "\ebb4";
}
.linearicons-lan:before {
content: "\ebb5";
}
.linearicons-lan2:before {
content: "\ebb6";
}
.linearicons-wifi:before {
content: "\ebb7";
}
.linearicons-wifi-lock:before {
content: "\ebb8";
}
.linearicons-wifi-blocked:before {
content: "\ebb9";
}
.linearicons-wifi-mid:before {
content: "\ebba";
}
.linearicons-wifi-low:before {
content: "\ebbb";
}
.linearicons-wifi-low2:before {
content: "\ebbc";
}
.linearicons-wifi-alert:before {
content: "\ebbd";
}
.linearicons-wifi-alert-mid:before {
content: "\ebbe";
}
.linearicons-wifi-alert-low:before {
content: "\ebbf";
}
.linearicons-wifi-alert-low2:before {
content: "\ebc0";
}
.linearicons-stream:before {
content: "\ebc1";
}
.linearicons-stream-check:before {
content: "\ebc2";
}
.linearicons-stream-error:before {
content: "\ebc3";
}
.linearicons-stream-alert:before {
content: "\ebc4";
}
.linearicons-communication:before {
content: "\ebc5";
}
.linearicons-communication-crossed:before {
content: "\ebc6";
}
.linearicons-broadcast:before {
content: "\ebc7";
}
.linearicons-antenna:before {
content: "\ebc8";
}
.linearicons-satellite:before {
content: "\ebc9";
}
.linearicons-satellite2:before {
content: "\ebca";
}
.linearicons-mic:before {
content: "\ebcb";
}
.linearicons-mic-mute:before {
content: "\ebcc";
}
.linearicons-mic2:before {
content: "\ebcd";
}
.linearicons-spotlights:before {
content: "\ebce";
}
.linearicons-hourglass:before {
content: "\ebcf";
}
.linearicons-loading:before {
content: "\ebd0";
}
.linearicons-loading2:before {
content: "\ebd1";
}
.linearicons-loading3:before {
content: "\ebd2";
}
.linearicons-refresh:before {
content: "\ebd3";
}
.linearicons-refresh2:before {
content: "\ebd4";
}
.linearicons-undo:before {
content: "\ebd5";
}
.linearicons-redo:before {
content: "\ebd6";
}
.linearicons-jump2:before {
content: "\ebd7";
}
.linearicons-undo2:before {
content: "\ebd8";
}
.linearicons-redo2:before {
content: "\ebd9";
}
.linearicons-sync:before {
content: "\ebda";
}
.linearicons-repeat-one2:before {
content: "\ebdb";
}
.linearicons-sync-crossed:before {
content: "\ebdc";
}
.linearicons-sync2:before {
content: "\ebdd";
}
.linearicons-repeat-one3:before {
content: "\ebde";
}
.linearicons-sync-crossed2:before {
content: "\ebdf";
}
.linearicons-return:before {
content: "\ebe0";
}
.linearicons-return2:before {
content: "\ebe1";
}
.linearicons-refund:before {
content: "\ebe2";
}
.linearicons-history:before {
content: "\ebe3";
}
.linearicons-history2:before {
content: "\ebe4";
}
.linearicons-self-timer:before {
content: "\ebe5";
}
.linearicons-clock:before {
content: "\ebe6";
}
.linearicons-clock2:before {
content: "\ebe7";
}
.linearicons-clock3:before {
content: "\ebe8";
}
.linearicons-watch:before {
content: "\ebe9";
}
.linearicons-alarm2:before {
content: "\ebea";
}
.linearicons-alarm-add2:before {
content: "\ebeb";
}
.linearicons-alarm-remove:before {
content: "\ebec";
}
.linearicons-alarm-check:before {
content: "\ebed";
}
.linearicons-alarm-error:before {
content: "\ebee";
}
.linearicons-timer:before {
content: "\ebef";
}
.linearicons-timer-crossed:before {
content: "\ebf0";
}
.linearicons-timer2:before {
content: "\ebf1";
}
.linearicons-timer-crossed2:before {
content: "\ebf2";
}
.linearicons-download:before {
content: "\ebf3";
}
.linearicons-upload:before {
content: "\ebf4";
}
.linearicons-download2:before {
content: "\ebf5";
}
.linearicons-upload2:before {
content: "\ebf6";
}
.linearicons-enter-up:before {
content: "\ebf7";
}
.linearicons-enter-down:before {
content: "\ebf8";
}
.linearicons-enter-left:before {
content: "\ebf9";
}
.linearicons-enter-right:before {
content: "\ebfa";
}
.linearicons-exit-up:before {
content: "\ebfb";
}
.linearicons-exit-down:before {
content: "\ebfc";
}
.linearicons-exit-left:before {
content: "\ebfd";
}
.linearicons-exit-right:before {
content: "\ebfe";
}
.linearicons-enter-up2:before {
content: "\ebff";
}
.linearicons-enter-down2:before {
content: "\ec00";
}
.linearicons-enter-vertical:before {
content: "\ec01";
}
.linearicons-enter-left2:before {
content: "\ec02";
}
.linearicons-enter-right2:before {
content: "\ec03";
}
.linearicons-enter-horizontal:before {
content: "\ec04";
}
.linearicons-exit-up2:before {
content: "\ec05";
}
.linearicons-exit-down2:before {
content: "\ec06";
}
.linearicons-exit-left2:before {
content: "\ec07";
}
.linearicons-exit-right2:before {
content: "\ec08";
}
.linearicons-cli:before {
content: "\ec09";
}
.linearicons-bug:before {
content: "\ec0a";
}
.linearicons-code:before {
content: "\ec0b";
}
.linearicons-file-code:before {
content: "\ec0c";
}
.linearicons-file-image:before {
content: "\ec0d";
}
.linearicons-file-zip:before {
content: "\ec0e";
}
.linearicons-file-audio:before {
content: "\ec0f";
}
.linearicons-file-video:before {
content: "\ec10";
}
.linearicons-file-preview:before {
content: "\ec11";
}
.linearicons-file-charts:before {
content: "\ec12";
}
.linearicons-file-stats:before {
content: "\ec13";
}
.linearicons-file-spreadsheet:before {
content: "\ec14";
}
.linearicons-link:before {
content: "\ec15";
}
.linearicons-unlink:before {
content: "\ec16";
}
.linearicons-link2:before {
content: "\ec17";
}
.linearicons-unlink2:before {
content: "\ec18";
}
.linearicons-thumbs-up:before {
content: "\ec19";
}
.linearicons-thumbs-down:before {
content: "\ec1a";
}
.linearicons-thumbs-up2:before {
content: "\ec1b";
}
.linearicons-thumbs-down2:before {
content: "\ec1c";
}
.linearicons-thumbs-up3:before {
content: "\ec1d";
}
.linearicons-thumbs-down3:before {
content: "\ec1e";
}
.linearicons-share:before {
content: "\ec1f";
}
.linearicons-share2:before {
content: "\ec20";
}
.linearicons-share3:before {
content: "\ec21";
}
.linearicons-magnifier:before {
content: "\ec22";
}
.linearicons-file-search:before {
content: "\ec23";
}
.linearicons-find-replace:before {
content: "\ec24";
}
.linearicons-zoom-in:before {
content: "\ec25";
}
.linearicons-zoom-out:before {
content: "\ec26";
}
.linearicons-loupe:before {
content: "\ec27";
}
.linearicons-loupe-zoom-in:before {
content: "\ec28";
}
.linearicons-loupe-zoom-out:before {
content: "\ec29";
}
.linearicons-cross:before {
content: "\ec2a";
}
.linearicons-menu:before {
content: "\ec2b";
}
.linearicons-list:before {
content: "\ec2c";
}
.linearicons-list2:before {
content: "\ec2d";
}
.linearicons-list3:before {
content: "\ec2e";
}
.linearicons-menu2:before {
content: "\ec2f";
}
.linearicons-list4:before {
content: "\ec30";
}
.linearicons-menu3:before {
content: "\ec31";
}
.linearicons-exclamation:before {
content: "\ec32";
}
.linearicons-question:before {
content: "\ec33";
}
.linearicons-check:before {
content: "\ec34";
}
.linearicons-cross2:before {
content: "\ec35";
}
.linearicons-plus:before {
content: "\ec36";
}
.linearicons-minus:before {
content: "\ec37";
}
.linearicons-percent:before {
content: "\ec38";
}
.linearicons-chevron-up:before {
content: "\ec39";
}
.linearicons-chevron-down:before {
content: "\ec3a";
}
.linearicons-chevron-left:before {
content: "\ec3b";
}
.linearicons-chevron-right:before {
content: "\ec3c";
}
.linearicons-chevrons-expand-vertical:before {
content: "\ec3d";
}
.linearicons-chevrons-expand-horizontal:before {
content: "\ec3e";
}
.linearicons-chevrons-contract-vertical:before {
content: "\ec3f";
}
.linearicons-chevrons-contract-horizontal:before {
content: "\ec40";
}
.linearicons-arrow-up:before {
content: "\ec41";
}
.linearicons-arrow-down:before {
content: "\ec42";
}
.linearicons-arrow-left:before {
content: "\ec43";
}
.linearicons-arrow-right:before {
content: "\ec44";
}
.linearicons-arrow-up-right:before {
content: "\ec45";
}
.linearicons-arrows-merge:before {
content: "\ec46";
}
.linearicons-arrows-split:before {
content: "\ec47";
}
.linearicons-arrow-divert:before {
content: "\ec48";
}
.linearicons-arrow-return:before {
content: "\ec49";
}
.linearicons-expand:before {
content: "\ec4a";
}
.linearicons-contract:before {
content: "\ec4b";
}
.linearicons-expand2:before {
content: "\ec4c";
}
.linearicons-contract2:before {
content: "\ec4d";
}
.linearicons-move:before {
content: "\ec4e";
}
.linearicons-tab:before {
content: "\ec4f";
}
.linearicons-arrow-wave:before {
content: "\ec50";
}
.linearicons-expand3:before {
content: "\ec51";
}
.linearicons-expand4:before {
content: "\ec52";
}
.linearicons-contract3:before {
content: "\ec53";
}
.linearicons-notification:before {
content: "\ec54";
}
.linearicons-warning:before {
content: "\ec55";
}
.linearicons-notification-circle:before {
content: "\ec56";
}
.linearicons-question-circle:before {
content: "\ec57";
}
.linearicons-menu-circle:before {
content: "\ec58";
}
.linearicons-checkmark-circle:before {
content: "\ec59";
}
.linearicons-cross-circle:before {
content: "\ec5a";
}
.linearicons-plus-circle:before {
content: "\ec5b";
}
.linearicons-circle-minus:before {
content: "\ec5c";
}
.linearicons-percent-circle:before {
content: "\ec5d";
}
.linearicons-arrow-up-circle:before {
content: "\ec5e";
}
.linearicons-arrow-down-circle:before {
content: "\ec5f";
}
.linearicons-arrow-left-circle:before {
content: "\ec60";
}
.linearicons-arrow-right-circle:before {
content: "\ec61";
}
.linearicons-chevron-up-circle:before {
content: "\ec62";
}
.linearicons-chevron-down-circle:before {
content: "\ec63";
}
.linearicons-chevron-left-circle:before {
content: "\ec64";
}
.linearicons-chevron-right-circle:before {
content: "\ec65";
}
.linearicons-backward-circle:before {
content: "\ec66";
}
.linearicons-first-circle:before {
content: "\ec67";
}
.linearicons-previous-circle:before {
content: "\ec68";
}
.linearicons-stop-circle:before {
content: "\ec69";
}
.linearicons-play-circle:before {
content: "\ec6a";
}
.linearicons-pause-circle:before {
content: "\ec6b";
}
.linearicons-next-circle:before {
content: "\ec6c";
}
.linearicons-last-circle:before {
content: "\ec6d";
}
.linearicons-forward-circle:before {
content: "\ec6e";
}
.linearicons-eject-circle:before {
content: "\ec6f";
}
.linearicons-crop:before {
content: "\ec70";
}
.linearicons-frame-expand:before {
content: "\ec71";
}
.linearicons-frame-contract:before {
content: "\ec72";
}
.linearicons-focus:before {
content: "\ec73";
}
.linearicons-transform:before {
content: "\ec74";
}
.linearicons-grid:before {
content: "\ec75";
}
.linearicons-grid-crossed:before {
content: "\ec76";
}
.linearicons-layers:before {
content: "\ec77";
}
.linearicons-layers-crossed:before {
content: "\ec78";
}
.linearicons-toggle:before {
content: "\ec79";
}
.linearicons-rulers:before {
content: "\ec7a";
}
.linearicons-ruler:before {
content: "\ec7b";
}
.linearicons-funnel:before {
content: "\ec7c";
}
.linearicons-flip-horizontal:before {
content: "\ec7d";
}
.linearicons-flip-vertical:before {
content: "\ec7e";
}
.linearicons-flip-horizontal2:before {
content: "\ec7f";
}
.linearicons-flip-vertical2:before {
content: "\ec80";
}
.linearicons-angle:before {
content: "\ec81";
}
.linearicons-angle2:before {
content: "\ec82";
}
.linearicons-subtract:before {
content: "\ec83";
}
.linearicons-combine:before {
content: "\ec84";
}
.linearicons-intersect:before {
content: "\ec85";
}
.linearicons-exclude:before {
content: "\ec86";
}
.linearicons-align-center-vertical:before {
content: "\ec87";
}
.linearicons-align-right:before {
content: "\ec88";
}
.linearicons-align-bottom:before {
content: "\ec89";
}
.linearicons-align-left:before {
content: "\ec8a";
}
.linearicons-align-center-horizontal:before {
content: "\ec8b";
}
.linearicons-align-top:before {
content: "\ec8c";
}
.linearicons-square:before {
content: "\ec8d";
}
.linearicons-plus-square:before {
content: "\ec8e";
}
.linearicons-minus-square:before {
content: "\ec8f";
}
.linearicons-percent-square:before {
content: "\ec90";
}
.linearicons-arrow-up-square:before {
content: "\ec91";
}
.linearicons-arrow-down-square:before {
content: "\ec92";
}
.linearicons-arrow-left-square:before {
content: "\ec93";
}
.linearicons-arrow-right-square:before {
content: "\ec94";
}
.linearicons-chevron-up-square:before {
content: "\ec95";
}
.linearicons-chevron-down-square:before {
content: "\ec96";
}
.linearicons-chevron-left-square:before {
content: "\ec97";
}
.linearicons-chevron-right-square:before {
content: "\ec98";
}
.linearicons-check-square:before {
content: "\ec99";
}
.linearicons-cross-square:before {
content: "\ec9a";
}
.linearicons-menu-square:before {
content: "\ec9b";
}
.linearicons-prohibited:before {
content: "\ec9c";
}
.linearicons-circle:before {
content: "\ec9d";
}
.linearicons-radio-button:before {
content: "\ec9e";
}
.linearicons-ligature:before {
content: "\ec9f";
}
.linearicons-text-format:before {
content: "\eca0";
}
.linearicons-text-format-remove:before {
content: "\eca1";
}
.linearicons-text-size:before {
content: "\eca2";
}
.linearicons-bold:before {
content: "\eca3";
}
.linearicons-italic:before {
content: "\eca4";
}
.linearicons-underline:before {
content: "\eca5";
}
.linearicons-strikethrough:before {
content: "\eca6";
}
.linearicons-highlight:before {
content: "\eca7";
}
.linearicons-text-align-left:before {
content: "\eca8";
}
.linearicons-text-align-center:before {
content: "\eca9";
}
.linearicons-text-align-right:before {
content: "\ecaa";
}
.linearicons-text-align-justify:before {
content: "\ecab";
}
.linearicons-line-spacing:before {
content: "\ecac";
}
.linearicons-indent-increase:before {
content: "\ecad";
}
.linearicons-indent-decrease:before {
content: "\ecae";
}
.linearicons-text-wrap:before {
content: "\ecaf";
}
.linearicons-pilcrow:before {
content: "\ecb0";
}
.linearicons-direction-ltr:before {
content: "\ecb1";
}
.linearicons-direction-rtl:before {
content: "\ecb2";
}
.linearicons-page-break:before {
content: "\ecb3";
}
.linearicons-page-break2:before {
content: "\ecb4";
}
.linearicons-sort-alpha-asc:before {
content: "\ecb5";
}
.linearicons-sort-alpha-desc:before {
content: "\ecb6";
}
.linearicons-sort-numeric-asc:before {
content: "\ecb7";
}
.linearicons-sort-numeric-desc:before {
content: "\ecb8";
}
.linearicons-sort-amount-asc:before {
content: "\ecb9";
}
.linearicons-sort-amount-desc:before {
content: "\ecba";
}
.linearicons-sort-time-asc:before {
content: "\ecbb";
}
.linearicons-sort-time-desc:before {
content: "\ecbc";
}
.linearicons-sigma:before {
content: "\ecbd";
}
.linearicons-pencil-line:before {
content: "\ecbe";
}
.linearicons-hand:before {
content: "\ecbf";
}
.linearicons-pointer-up:before {
content: "\ecc0";
}
.linearicons-pointer-right:before {
content: "\ecc1";
}
.linearicons-pointer-down:before {
content: "\ecc2";
}
.linearicons-pointer-left:before {
content: "\ecc3";
}
.linearicons-finger-tap:before {
content: "\ecc4";
}
.linearicons-fingers-tap:before {
content: "\ecc5";
}
.linearicons-reminder:before {
content: "\ecc6";
}
.linearicons-fingers-crossed:before {
content: "\ecc7";
}
.linearicons-fingers-victory:before {
content: "\ecc8";
}
.linearicons-gesture-zoom:before {
content: "\ecc9";
}
.linearicons-gesture-pinch:before {
content: "\ecca";
}
.linearicons-fingers-scroll-horizontal:before {
content: "\eccb";
}
.linearicons-fingers-scroll-vertical:before {
content: "\eccc";
}
.linearicons-fingers-scroll-left:before {
content: "\eccd";
}
.linearicons-fingers-scroll-right:before {
content: "\ecce";
}
.linearicons-hand2:before {
content: "\eccf";
}
.linearicons-pointer-up2:before {
content: "\ecd0";
}
.linearicons-pointer-right2:before {
content: "\ecd1";
}
.linearicons-pointer-down2:before {
content: "\ecd2";
}
.linearicons-pointer-left2:before {
content: "\ecd3";
}
.linearicons-finger-tap2:before {
content: "\ecd4";
}
.linearicons-fingers-tap2:before {
content: "\ecd5";
}
.linearicons-reminder2:before {
content: "\ecd6";
}
.linearicons-gesture-zoom2:before {
content: "\ecd7";
}
.linearicons-gesture-pinch2:before {
content: "\ecd8";
}
.linearicons-fingers-scroll-horizontal2:before {
content: "\ecd9";
}
.linearicons-fingers-scroll-vertical2:before {
content: "\ecda";
}
.linearicons-fingers-scroll-left2:before {
content: "\ecdb";
}
.linearicons-fingers-scroll-right2:before {
content: "\ecdc";
}
.linearicons-fingers-scroll-vertical3:before {
content: "\ecdd";
}
.linearicons-border-style:before {
content: "\ecde";
}
.linearicons-border-all:before {
content: "\ecdf";
}
.linearicons-border-outer:before {
content: "\ece0";
}
.linearicons-border-inner:before {
content: "\ece1";
}
.linearicons-border-top:before {
content: "\ece2";
}
.linearicons-border-horizontal:before {
content: "\ece3";
}
.linearicons-border-bottom:before {
content: "\ece4";
}
.linearicons-border-left:before {
content: "\ece5";
}
.linearicons-border-vertical:before {
content: "\ece6";
}
.linearicons-border-right:before {
content: "\ece7";
}
.linearicons-border-none:before {
content: "\ece8";
}
.linearicons-ellipsis:before {
content: "\ece9";
}
custom-styles/fonts/_mdi.scss 0000644 00000231002 15116221763 0012337 0 ustar 00 /*
*
* Material Design Icons
* --------------------------------------------------
*/
@font-face {
font-family: "Material Design Icons";
src: url("../fonts/materialdesignicons-webfont.eot?v=1.4.57");
src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"),
url("../fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"),
url("../fonts/materialdesignicons-webfont.woff?v=1.4.57") format("woff"),
url("../fonts/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"),
url("../fonts/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg");
font-weight: normal;
font-style: normal;
}
.mdi {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.mdi-access-point:before {
content: "\f101";
}
.mdi-access-point-network:before {
content: "\f102";
}
.mdi-account:before {
content: "\f103";
}
.mdi-account-alert:before {
content: "\f104";
}
.mdi-account-box:before {
content: "\f105";
}
.mdi-account-box-outline:before {
content: "\f106";
}
.mdi-account-check:before {
content: "\f107";
}
.mdi-account-circle:before {
content: "\f108";
}
.mdi-account-convert:before {
content: "\f109";
}
.mdi-account-key:before {
content: "\f10a";
}
.mdi-account-location:before {
content: "\f10b";
}
.mdi-account-minus:before {
content: "\f10c";
}
.mdi-account-multiple:before {
content: "\f10d";
}
.mdi-account-multiple-outline:before {
content: "\f10e";
}
.mdi-account-multiple-plus:before {
content: "\f10f";
}
.mdi-account-network:before {
content: "\f110";
}
.mdi-account-off:before {
content: "\f111";
}
.mdi-account-outline:before {
content: "\f112";
}
.mdi-account-plus:before {
content: "\f113";
}
.mdi-account-remove:before {
content: "\f114";
}
.mdi-account-search:before {
content: "\f115";
}
.mdi-account-star:before {
content: "\f116";
}
.mdi-account-star-variant:before {
content: "\f117";
}
.mdi-account-switch:before {
content: "\f118";
}
.mdi-adjust:before {
content: "\f119";
}
.mdi-air-conditioner:before {
content: "\f11a";
}
.mdi-airballoon:before {
content: "\f11b";
}
.mdi-airplane:before {
content: "\f11c";
}
.mdi-airplane-off:before {
content: "\f11d";
}
.mdi-airplay:before {
content: "\f11e";
}
.mdi-alarm:before {
content: "\f11f";
}
.mdi-alarm-check:before {
content: "\f120";
}
.mdi-alarm-multiple:before {
content: "\f121";
}
.mdi-alarm-off:before {
content: "\f122";
}
.mdi-alarm-plus:before {
content: "\f123";
}
.mdi-album:before {
content: "\f124";
}
.mdi-alert:before {
content: "\f125";
}
.mdi-alert-box:before {
content: "\f126";
}
.mdi-alert-circle:before {
content: "\f127";
}
.mdi-alert-octagon:before {
content: "\f128";
}
.mdi-alert-outline:before {
content: "\f129";
}
.mdi-alpha:before {
content: "\f12a";
}
.mdi-alphabetical:before {
content: "\f12b";
}
.mdi-amazon:before {
content: "\f12c";
}
.mdi-amazon-clouddrive:before {
content: "\f12d";
}
.mdi-ambulance:before {
content: "\f12e";
}
.mdi-anchor:before {
content: "\f12f";
}
.mdi-android:before {
content: "\f130";
}
.mdi-android-debug-bridge:before {
content: "\f131";
}
.mdi-android-studio:before {
content: "\f132";
}
.mdi-apple:before {
content: "\f133";
}
.mdi-apple-finder:before {
content: "\f134";
}
.mdi-apple-ios:before {
content: "\f135";
}
.mdi-apple-mobileme:before {
content: "\f136";
}
.mdi-apple-safari:before {
content: "\f137";
}
.mdi-appnet:before {
content: "\f138";
}
.mdi-apps:before {
content: "\f139";
}
.mdi-archive:before {
content: "\f13a";
}
.mdi-arrange-bring-forward:before {
content: "\f13b";
}
.mdi-arrange-bring-to-front:before {
content: "\f13c";
}
.mdi-arrange-send-backward:before {
content: "\f13d";
}
.mdi-arrange-send-to-back:before {
content: "\f13e";
}
.mdi-arrow-all:before {
content: "\f13f";
}
.mdi-arrow-bottom-drop-circle:before {
content: "\f140";
}
.mdi-arrow-bottom-left:before {
content: "\f141";
}
.mdi-arrow-bottom-right:before {
content: "\f142";
}
.mdi-arrow-collapse:before {
content: "\f143";
}
.mdi-arrow-down:before {
content: "\f144";
}
.mdi-arrow-down-bold:before {
content: "\f145";
}
.mdi-arrow-down-bold-circle:before {
content: "\f146";
}
.mdi-arrow-down-bold-circle-outline:before {
content: "\f147";
}
.mdi-arrow-down-bold-hexagon-outline:before {
content: "\f148";
}
.mdi-arrow-expand:before {
content: "\f149";
}
.mdi-arrow-left:before {
content: "\f14a";
}
.mdi-arrow-left-bold:before {
content: "\f14b";
}
.mdi-arrow-left-bold-circle:before {
content: "\f14c";
}
.mdi-arrow-left-bold-circle-outline:before {
content: "\f14d";
}
.mdi-arrow-left-bold-hexagon-outline:before {
content: "\f14e";
}
.mdi-arrow-right:before {
content: "\f14f";
}
.mdi-arrow-right-bold:before {
content: "\f150";
}
.mdi-arrow-right-bold-circle:before {
content: "\f151";
}
.mdi-arrow-right-bold-circle-outline:before {
content: "\f152";
}
.mdi-arrow-right-bold-hexagon-outline:before {
content: "\f153";
}
.mdi-arrow-top-left:before {
content: "\f154";
}
.mdi-arrow-top-right:before {
content: "\f155";
}
.mdi-arrow-up:before {
content: "\f156";
}
.mdi-arrow-up-bold:before {
content: "\f157";
}
.mdi-arrow-up-bold-circle:before {
content: "\f158";
}
.mdi-arrow-up-bold-circle-outline:before {
content: "\f159";
}
.mdi-arrow-up-bold-hexagon-outline:before {
content: "\f15a";
}
.mdi-assistant:before {
content: "\f15b";
}
.mdi-at:before {
content: "\f15c";
}
.mdi-attachment:before {
content: "\f15d";
}
.mdi-audiobook:before {
content: "\f15e";
}
.mdi-auto-fix:before {
content: "\f15f";
}
.mdi-auto-upload:before {
content: "\f160";
}
.mdi-autorenew:before {
content: "\f161";
}
.mdi-av-timer:before {
content: "\f162";
}
.mdi-baby:before {
content: "\f163";
}
.mdi-backburger:before {
content: "\f164";
}
.mdi-backspace:before {
content: "\f165";
}
.mdi-backup-restore:before {
content: "\f166";
}
.mdi-bank:before {
content: "\f167";
}
.mdi-barcode:before {
content: "\f168";
}
.mdi-barcode-scan:before {
content: "\f169";
}
.mdi-barley:before {
content: "\f16a";
}
.mdi-barrel:before {
content: "\f16b";
}
.mdi-basecamp:before {
content: "\f16c";
}
.mdi-basket:before {
content: "\f16d";
}
.mdi-basket-fill:before {
content: "\f16e";
}
.mdi-basket-unfill:before {
content: "\f16f";
}
.mdi-battery:before {
content: "\f170";
}
.mdi-battery-10:before {
content: "\f171";
}
.mdi-battery-20:before {
content: "\f172";
}
.mdi-battery-30:before {
content: "\f173";
}
.mdi-battery-40:before {
content: "\f174";
}
.mdi-battery-50:before {
content: "\f175";
}
.mdi-battery-60:before {
content: "\f176";
}
.mdi-battery-70:before {
content: "\f177";
}
.mdi-battery-80:before {
content: "\f178";
}
.mdi-battery-90:before {
content: "\f179";
}
.mdi-battery-alert:before {
content: "\f17a";
}
.mdi-battery-charging:before {
content: "\f17b";
}
.mdi-battery-charging-100:before {
content: "\f17c";
}
.mdi-battery-charging-20:before {
content: "\f17d";
}
.mdi-battery-charging-30:before {
content: "\f17e";
}
.mdi-battery-charging-40:before {
content: "\f17f";
}
.mdi-battery-charging-60:before {
content: "\f180";
}
.mdi-battery-charging-80:before {
content: "\f181";
}
.mdi-battery-charging-90:before {
content: "\f182";
}
.mdi-battery-minus:before {
content: "\f183";
}
.mdi-battery-negative:before {
content: "\f184";
}
.mdi-battery-outline:before {
content: "\f185";
}
.mdi-battery-plus:before {
content: "\f186";
}
.mdi-battery-positive:before {
content: "\f187";
}
.mdi-battery-unknown:before {
content: "\f188";
}
.mdi-beach:before {
content: "\f189";
}
.mdi-beaker:before {
content: "\f18a";
}
.mdi-beaker-empty:before {
content: "\f18b";
}
.mdi-beaker-empty-outline:before {
content: "\f18c";
}
.mdi-beaker-outline:before {
content: "\f18d";
}
.mdi-beats:before {
content: "\f18e";
}
.mdi-beer:before {
content: "\f18f";
}
.mdi-behance:before {
content: "\f190";
}
.mdi-bell:before {
content: "\f191";
}
.mdi-bell-off:before {
content: "\f192";
}
.mdi-bell-outline:before {
content: "\f193";
}
.mdi-bell-plus:before {
content: "\f194";
}
.mdi-bell-ring:before {
content: "\f195";
}
.mdi-bell-ring-outline:before {
content: "\f196";
}
.mdi-bell-sleep:before {
content: "\f197";
}
.mdi-beta:before {
content: "\f198";
}
.mdi-bike:before {
content: "\f199";
}
.mdi-bing:before {
content: "\f19a";
}
.mdi-binoculars:before {
content: "\f19b";
}
.mdi-bio:before {
content: "\f19c";
}
.mdi-biohazard:before {
content: "\f19d";
}
.mdi-bitbucket:before {
content: "\f19e";
}
.mdi-black-mesa:before {
content: "\f19f";
}
.mdi-blackberry:before {
content: "\f1a0";
}
.mdi-blender:before {
content: "\f1a1";
}
.mdi-blinds:before {
content: "\f1a2";
}
.mdi-block-helper:before {
content: "\f1a3";
}
.mdi-blogger:before {
content: "\f1a4";
}
.mdi-bluetooth:before {
content: "\f1a5";
}
.mdi-bluetooth-audio:before {
content: "\f1a6";
}
.mdi-bluetooth-connect:before {
content: "\f1a7";
}
.mdi-bluetooth-off:before {
content: "\f1a8";
}
.mdi-bluetooth-settings:before {
content: "\f1a9";
}
.mdi-bluetooth-transfer:before {
content: "\f1aa";
}
.mdi-blur:before {
content: "\f1ab";
}
.mdi-blur-linear:before {
content: "\f1ac";
}
.mdi-blur-off:before {
content: "\f1ad";
}
.mdi-blur-radial:before {
content: "\f1ae";
}
.mdi-bone:before {
content: "\f1af";
}
.mdi-book:before {
content: "\f1b0";
}
.mdi-book-multiple:before {
content: "\f1b1";
}
.mdi-book-multiple-variant:before {
content: "\f1b2";
}
.mdi-book-open:before {
content: "\f1b3";
}
.mdi-book-open-variant:before {
content: "\f1b4";
}
.mdi-book-variant:before {
content: "\f1b5";
}
.mdi-bookmark:before {
content: "\f1b6";
}
.mdi-bookmark-check:before {
content: "\f1b7";
}
.mdi-bookmark-music:before {
content: "\f1b8";
}
.mdi-bookmark-outline:before {
content: "\f1b9";
}
.mdi-bookmark-outline-plus:before {
content: "\f1ba";
}
.mdi-bookmark-plus:before {
content: "\f1bb";
}
.mdi-bookmark-remove:before {
content: "\f1bc";
}
.mdi-border-all:before {
content: "\f1bd";
}
.mdi-border-bottom:before {
content: "\f1be";
}
.mdi-border-color:before {
content: "\f1bf";
}
.mdi-border-horizontal:before {
content: "\f1c0";
}
.mdi-border-inside:before {
content: "\f1c1";
}
.mdi-border-left:before {
content: "\f1c2";
}
.mdi-border-none:before {
content: "\f1c3";
}
.mdi-border-outside:before {
content: "\f1c4";
}
.mdi-border-right:before {
content: "\f1c5";
}
.mdi-border-style:before {
content: "\f1c6";
}
.mdi-border-top:before {
content: "\f1c7";
}
.mdi-border-vertical:before {
content: "\f1c8";
}
.mdi-bowling:before {
content: "\f1c9";
}
.mdi-box:before {
content: "\f1ca";
}
.mdi-box-cutter:before {
content: "\f1cb";
}
.mdi-briefcase:before {
content: "\f1cc";
}
.mdi-briefcase-check:before {
content: "\f1cd";
}
.mdi-briefcase-download:before {
content: "\f1ce";
}
.mdi-briefcase-upload:before {
content: "\f1cf";
}
.mdi-brightness-1:before {
content: "\f1d0";
}
.mdi-brightness-2:before {
content: "\f1d1";
}
.mdi-brightness-3:before {
content: "\f1d2";
}
.mdi-brightness-4:before {
content: "\f1d3";
}
.mdi-brightness-5:before {
content: "\f1d4";
}
.mdi-brightness-6:before {
content: "\f1d5";
}
.mdi-brightness-7:before {
content: "\f1d6";
}
.mdi-brightness-auto:before {
content: "\f1d7";
}
.mdi-broom:before {
content: "\f1d8";
}
.mdi-brush:before {
content: "\f1d9";
}
.mdi-bug:before {
content: "\f1da";
}
.mdi-bulletin-board:before {
content: "\f1db";
}
.mdi-bullhorn:before {
content: "\f1dc";
}
.mdi-bus:before {
content: "\f1dd";
}
.mdi-cached:before {
content: "\f1de";
}
.mdi-cake:before {
content: "\f1df";
}
.mdi-cake-layered:before {
content: "\f1e0";
}
.mdi-cake-variant:before {
content: "\f1e1";
}
.mdi-calculator:before {
content: "\f1e2";
}
.mdi-calendar:before {
content: "\f1e3";
}
.mdi-calendar-blank:before {
content: "\f1e4";
}
.mdi-calendar-check:before {
content: "\f1e5";
}
.mdi-calendar-clock:before {
content: "\f1e6";
}
.mdi-calendar-multiple:before {
content: "\f1e7";
}
.mdi-calendar-multiple-check:before {
content: "\f1e8";
}
.mdi-calendar-plus:before {
content: "\f1e9";
}
.mdi-calendar-remove:before {
content: "\f1ea";
}
.mdi-calendar-text:before {
content: "\f1eb";
}
.mdi-calendar-today:before {
content: "\f1ec";
}
.mdi-call-made:before {
content: "\f1ed";
}
.mdi-call-merge:before {
content: "\f1ee";
}
.mdi-call-missed:before {
content: "\f1ef";
}
.mdi-call-received:before {
content: "\f1f0";
}
.mdi-call-split:before {
content: "\f1f1";
}
.mdi-camcorder:before {
content: "\f1f2";
}
.mdi-camcorder-box:before {
content: "\f1f3";
}
.mdi-camcorder-box-off:before {
content: "\f1f4";
}
.mdi-camcorder-off:before {
content: "\f1f5";
}
.mdi-camera:before {
content: "\f1f6";
}
.mdi-camera-enhance:before {
content: "\f1f7";
}
.mdi-camera-front:before {
content: "\f1f8";
}
.mdi-camera-front-variant:before {
content: "\f1f9";
}
.mdi-camera-iris:before {
content: "\f1fa";
}
.mdi-camera-party-mode:before {
content: "\f1fb";
}
.mdi-camera-rear:before {
content: "\f1fc";
}
.mdi-camera-rear-variant:before {
content: "\f1fd";
}
.mdi-camera-switch:before {
content: "\f1fe";
}
.mdi-camera-timer:before {
content: "\f1ff";
}
.mdi-candycane:before {
content: "\f200";
}
.mdi-car:before {
content: "\f201";
}
.mdi-car-battery:before {
content: "\f202";
}
.mdi-car-connected:before {
content: "\f203";
}
.mdi-car-wash:before {
content: "\f204";
}
.mdi-carrot:before {
content: "\f205";
}
.mdi-cart:before {
content: "\f206";
}
.mdi-cart-outline:before {
content: "\f207";
}
.mdi-cart-plus:before {
content: "\f208";
}
.mdi-case-sensitive-alt:before {
content: "\f209";
}
.mdi-cash:before {
content: "\f20a";
}
.mdi-cash-100:before {
content: "\f20b";
}
.mdi-cash-multiple:before {
content: "\f20c";
}
.mdi-cash-usd:before {
content: "\f20d";
}
.mdi-cast:before {
content: "\f20e";
}
.mdi-cast-connected:before {
content: "\f20f";
}
.mdi-castle:before {
content: "\f210";
}
.mdi-cat:before {
content: "\f211";
}
.mdi-cellphone:before {
content: "\f212";
}
.mdi-cellphone-android:before {
content: "\f213";
}
.mdi-cellphone-basic:before {
content: "\f214";
}
.mdi-cellphone-dock:before {
content: "\f215";
}
.mdi-cellphone-iphone:before {
content: "\f216";
}
.mdi-cellphone-link:before {
content: "\f217";
}
.mdi-cellphone-link-off:before {
content: "\f218";
}
.mdi-cellphone-settings:before {
content: "\f219";
}
.mdi-certificate:before {
content: "\f21a";
}
.mdi-chair-school:before {
content: "\f21b";
}
.mdi-chart-arc:before {
content: "\f21c";
}
.mdi-chart-areaspline:before {
content: "\f21d";
}
.mdi-chart-bar:before {
content: "\f21e";
}
.mdi-chart-histogram:before {
content: "\f21f";
}
.mdi-chart-line:before {
content: "\f220";
}
.mdi-chart-pie:before {
content: "\f221";
}
.mdi-check:before {
content: "\f222";
}
.mdi-check-all:before {
content: "\f223";
}
.mdi-checkbox-blank:before {
content: "\f224";
}
.mdi-checkbox-blank-circle:before {
content: "\f225";
}
.mdi-checkbox-blank-circle-outline:before {
content: "\f226";
}
.mdi-checkbox-blank-outline:before {
content: "\f227";
}
.mdi-checkbox-marked:before {
content: "\f228";
}
.mdi-checkbox-marked-circle:before {
content: "\f229";
}
.mdi-checkbox-marked-circle-outline:before {
content: "\f22a";
}
.mdi-checkbox-marked-outline:before {
content: "\f22b";
}
.mdi-checkbox-multiple-blank:before {
content: "\f22c";
}
.mdi-checkbox-multiple-blank-outline:before {
content: "\f22d";
}
.mdi-checkbox-multiple-marked:before {
content: "\f22e";
}
.mdi-checkbox-multiple-marked-outline:before {
content: "\f22f";
}
.mdi-checkerboard:before {
content: "\f230";
}
.mdi-chemical-weapon:before {
content: "\f231";
}
.mdi-chevron-double-down:before {
content: "\f232";
}
.mdi-chevron-double-left:before {
content: "\f233";
}
.mdi-chevron-double-right:before {
content: "\f234";
}
.mdi-chevron-double-up:before {
content: "\f235";
}
.mdi-chevron-down:before {
content: "\f236";
}
.mdi-chevron-left:before {
content: "\f237";
}
.mdi-chevron-right:before {
content: "\f238";
}
.mdi-chevron-up:before {
content: "\f239";
}
.mdi-church:before {
content: "\f23a";
}
.mdi-cisco-webex:before {
content: "\f23b";
}
.mdi-city:before {
content: "\f23c";
}
.mdi-clipboard:before {
content: "\f23d";
}
.mdi-clipboard-account:before {
content: "\f23e";
}
.mdi-clipboard-alert:before {
content: "\f23f";
}
.mdi-clipboard-arrow-down:before {
content: "\f240";
}
.mdi-clipboard-arrow-left:before {
content: "\f241";
}
.mdi-clipboard-check:before {
content: "\f242";
}
.mdi-clipboard-outline:before {
content: "\f243";
}
.mdi-clipboard-text:before {
content: "\f244";
}
.mdi-clippy:before {
content: "\f245";
}
.mdi-clock:before {
content: "\f246";
}
.mdi-clock-end:before {
content: "\f247";
}
.mdi-clock-fast:before {
content: "\f248";
}
.mdi-clock-in:before {
content: "\f249";
}
.mdi-clock-out:before {
content: "\f24a";
}
.mdi-clock-start:before {
content: "\f24b";
}
.mdi-close:before {
content: "\f24c";
}
.mdi-close-box:before {
content: "\f24d";
}
.mdi-close-box-outline:before {
content: "\f24e";
}
.mdi-close-circle:before {
content: "\f24f";
}
.mdi-close-circle-outline:before {
content: "\f250";
}
.mdi-close-network:before {
content: "\f251";
}
.mdi-close-octagon:before {
content: "\f252";
}
.mdi-close-octagon-outline:before {
content: "\f253";
}
.mdi-closed-caption:before {
content: "\f254";
}
.mdi-cloud:before {
content: "\f255";
}
.mdi-cloud-check:before {
content: "\f256";
}
.mdi-cloud-circle:before {
content: "\f257";
}
.mdi-cloud-download:before {
content: "\f258";
}
.mdi-cloud-outline:before {
content: "\f259";
}
.mdi-cloud-outline-off:before {
content: "\f25a";
}
.mdi-cloud-print:before {
content: "\f25b";
}
.mdi-cloud-print-outline:before {
content: "\f25c";
}
.mdi-cloud-upload:before {
content: "\f25d";
}
.mdi-code-array:before {
content: "\f25e";
}
.mdi-code-braces:before {
content: "\f25f";
}
.mdi-code-brackets:before {
content: "\f260";
}
.mdi-code-equal:before {
content: "\f261";
}
.mdi-code-greater-than:before {
content: "\f262";
}
.mdi-code-greater-than-or-equal:before {
content: "\f263";
}
.mdi-code-less-than:before {
content: "\f264";
}
.mdi-code-less-than-or-equal:before {
content: "\f265";
}
.mdi-code-not-equal:before {
content: "\f266";
}
.mdi-code-not-equal-variant:before {
content: "\f267";
}
.mdi-code-parentheses:before {
content: "\f268";
}
.mdi-code-string:before {
content: "\f269";
}
.mdi-code-tags:before {
content: "\f26a";
}
.mdi-codepen:before {
content: "\f26b";
}
.mdi-coffee:before {
content: "\f26c";
}
.mdi-coffee-to-go:before {
content: "\f26d";
}
.mdi-coin:before {
content: "\f26e";
}
.mdi-color-helper:before {
content: "\f26f";
}
.mdi-comment:before {
content: "\f270";
}
.mdi-comment-account:before {
content: "\f271";
}
.mdi-comment-account-outline:before {
content: "\f272";
}
.mdi-comment-alert:before {
content: "\f273";
}
.mdi-comment-alert-outline:before {
content: "\f274";
}
.mdi-comment-check:before {
content: "\f275";
}
.mdi-comment-check-outline:before {
content: "\f276";
}
.mdi-comment-multiple-outline:before {
content: "\f277";
}
.mdi-comment-outline:before {
content: "\f278";
}
.mdi-comment-plus-outline:before {
content: "\f279";
}
.mdi-comment-processing:before {
content: "\f27a";
}
.mdi-comment-processing-outline:before {
content: "\f27b";
}
.mdi-comment-question-outline:before {
content: "\f27c";
}
.mdi-comment-remove-outline:before {
content: "\f27d";
}
.mdi-comment-text:before {
content: "\f27e";
}
.mdi-comment-text-outline:before {
content: "\f27f";
}
.mdi-compare:before {
content: "\f280";
}
.mdi-compass:before {
content: "\f281";
}
.mdi-compass-outline:before {
content: "\f282";
}
.mdi-console:before {
content: "\f283";
}
.mdi-contact-mail:before {
content: "\f284";
}
.mdi-content-copy:before {
content: "\f285";
}
.mdi-content-cut:before {
content: "\f286";
}
.mdi-content-duplicate:before {
content: "\f287";
}
.mdi-content-paste:before {
content: "\f288";
}
.mdi-content-save:before {
content: "\f289";
}
.mdi-content-save-all:before {
content: "\f28a";
}
.mdi-contrast:before {
content: "\f28b";
}
.mdi-contrast-box:before {
content: "\f28c";
}
.mdi-contrast-circle:before {
content: "\f28d";
}
.mdi-cookie:before {
content: "\f28e";
}
.mdi-cow:before {
content: "\f28f";
}
.mdi-credit-card:before {
content: "\f290";
}
.mdi-credit-card-multiple:before {
content: "\f291";
}
.mdi-credit-card-scan:before {
content: "\f292";
}
.mdi-crop:before {
content: "\f293";
}
.mdi-crop-free:before {
content: "\f294";
}
.mdi-crop-landscape:before {
content: "\f295";
}
.mdi-crop-portrait:before {
content: "\f296";
}
.mdi-crop-square:before {
content: "\f297";
}
.mdi-crosshairs:before {
content: "\f298";
}
.mdi-crosshairs-gps:before {
content: "\f299";
}
.mdi-crown:before {
content: "\f29a";
}
.mdi-cube:before {
content: "\f29b";
}
.mdi-cube-outline:before {
content: "\f29c";
}
.mdi-cube-send:before {
content: "\f29d";
}
.mdi-cube-unfolded:before {
content: "\f29e";
}
.mdi-cup:before {
content: "\f29f";
}
.mdi-cup-water:before {
content: "\f2a0";
}
.mdi-currency-btc:before {
content: "\f2a1";
}
.mdi-currency-eur:before {
content: "\f2a2";
}
.mdi-currency-gbp:before {
content: "\f2a3";
}
.mdi-currency-inr:before {
content: "\f2a4";
}
.mdi-currency-ngn:before {
content: "\f2a5";
}
.mdi-currency-rub:before {
content: "\f2a6";
}
.mdi-currency-try:before {
content: "\f2a7";
}
.mdi-currency-usd:before {
content: "\f2a8";
}
.mdi-cursor-default:before {
content: "\f2a9";
}
.mdi-cursor-default-outline:before {
content: "\f2aa";
}
.mdi-cursor-move:before {
content: "\f2ab";
}
.mdi-cursor-pointer:before {
content: "\f2ac";
}
.mdi-database:before {
content: "\f2ad";
}
.mdi-database-minus:before {
content: "\f2ae";
}
.mdi-database-plus:before {
content: "\f2af";
}
.mdi-debug-step-into:before {
content: "\f2b0";
}
.mdi-debug-step-out:before {
content: "\f2b1";
}
.mdi-debug-step-over:before {
content: "\f2b2";
}
.mdi-decimal-decrease:before {
content: "\f2b3";
}
.mdi-decimal-increase:before {
content: "\f2b4";
}
.mdi-delete:before {
content: "\f2b5";
}
.mdi-delete-variant:before {
content: "\f2b6";
}
.mdi-delta:before {
content: "\f2b7";
}
.mdi-deskphone:before {
content: "\f2b8";
}
.mdi-desktop-mac:before {
content: "\f2b9";
}
.mdi-desktop-tower:before {
content: "\f2ba";
}
.mdi-details:before {
content: "\f2bb";
}
.mdi-deviantart:before {
content: "\f2bc";
}
.mdi-diamond:before {
content: "\f2bd";
}
.mdi-dice:before {
content: "\f2be";
}
.mdi-dice-1:before {
content: "\f2bf";
}
.mdi-dice-2:before {
content: "\f2c0";
}
.mdi-dice-3:before {
content: "\f2c1";
}
.mdi-dice-4:before {
content: "\f2c2";
}
.mdi-dice-5:before {
content: "\f2c3";
}
.mdi-dice-6:before {
content: "\f2c4";
}
.mdi-directions:before {
content: "\f2c5";
}
.mdi-disk-alert:before {
content: "\f2c6";
}
.mdi-disqus:before {
content: "\f2c7";
}
.mdi-disqus-outline:before {
content: "\f2c8";
}
.mdi-division:before {
content: "\f2c9";
}
.mdi-division-box:before {
content: "\f2ca";
}
.mdi-dns:before {
content: "\f2cb";
}
.mdi-domain:before {
content: "\f2cc";
}
.mdi-dots-horizontal:before {
content: "\f2cd";
}
.mdi-dots-vertical:before {
content: "\f2ce";
}
.mdi-download:before {
content: "\f2cf";
}
.mdi-drag:before {
content: "\f2d0";
}
.mdi-drag-horizontal:before {
content: "\f2d1";
}
.mdi-drag-vertical:before {
content: "\f2d2";
}
.mdi-drawing:before {
content: "\f2d3";
}
.mdi-drawing-box:before {
content: "\f2d4";
}
.mdi-dribbble:before {
content: "\f2d5";
}
.mdi-dribbble-box:before {
content: "\f2d6";
}
.mdi-drone:before {
content: "\f2d7";
}
.mdi-dropbox:before {
content: "\f2d8";
}
.mdi-drupal:before {
content: "\f2d9";
}
.mdi-duck:before {
content: "\f2da";
}
.mdi-dumbbell:before {
content: "\f2db";
}
.mdi-earth:before {
content: "\f2dc";
}
.mdi-earth-off:before {
content: "\f2dd";
}
.mdi-edge:before {
content: "\f2de";
}
.mdi-eject:before {
content: "\f2df";
}
.mdi-elevation-decline:before {
content: "\f2e0";
}
.mdi-elevation-rise:before {
content: "\f2e1";
}
.mdi-elevator:before {
content: "\f2e2";
}
.mdi-email:before {
content: "\f2e3";
}
.mdi-email-open:before {
content: "\f2e4";
}
.mdi-email-outline:before {
content: "\f2e5";
}
.mdi-email-secure:before {
content: "\f2e6";
}
.mdi-emoticon:before {
content: "\f2e7";
}
.mdi-emoticon-cool:before {
content: "\f2e8";
}
.mdi-emoticon-devil:before {
content: "\f2e9";
}
.mdi-emoticon-happy:before {
content: "\f2ea";
}
.mdi-emoticon-neutral:before {
content: "\f2eb";
}
.mdi-emoticon-poop:before {
content: "\f2ec";
}
.mdi-emoticon-sad:before {
content: "\f2ed";
}
.mdi-emoticon-tongue:before {
content: "\f2ee";
}
.mdi-engine:before {
content: "\f2ef";
}
.mdi-engine-outline:before {
content: "\f2f0";
}
.mdi-equal:before {
content: "\f2f1";
}
.mdi-equal-box:before {
content: "\f2f2";
}
.mdi-eraser:before {
content: "\f2f3";
}
.mdi-escalator:before {
content: "\f2f4";
}
.mdi-ethernet:before {
content: "\f2f5";
}
.mdi-ethernet-cable:before {
content: "\f2f6";
}
.mdi-ethernet-cable-off:before {
content: "\f2f7";
}
.mdi-etsy:before {
content: "\f2f8";
}
.mdi-evernote:before {
content: "\f2f9";
}
.mdi-exclamation:before {
content: "\f2fa";
}
.mdi-exit-to-app:before {
content: "\f2fb";
}
.mdi-export:before {
content: "\f2fc";
}
.mdi-eye:before {
content: "\f2fd";
}
.mdi-eye-off:before {
content: "\f2fe";
}
.mdi-eyedropper:before {
content: "\f2ff";
}
.mdi-eyedropper-variant:before {
content: "\f300";
}
.mdi-facebook:before {
content: "\f301";
}
.mdi-facebook-box:before {
content: "\f302";
}
.mdi-facebook-messenger:before {
content: "\f303";
}
.mdi-factory:before {
content: "\f304";
}
.mdi-fan:before {
content: "\f305";
}
.mdi-fast-forward:before {
content: "\f306";
}
.mdi-fax:before {
content: "\f307";
}
.mdi-ferry:before {
content: "\f308";
}
.mdi-file:before {
content: "\f309";
}
.mdi-file-chart:before {
content: "\f30a";
}
.mdi-file-check:before {
content: "\f30b";
}
.mdi-file-cloud:before {
content: "\f30c";
}
.mdi-file-delimited:before {
content: "\f30d";
}
.mdi-file-document:before {
content: "\f30e";
}
.mdi-file-document-box:before {
content: "\f30f";
}
.mdi-file-excel:before {
content: "\f310";
}
.mdi-file-excel-box:before {
content: "\f311";
}
.mdi-file-export:before {
content: "\f312";
}
.mdi-file-find:before {
content: "\f313";
}
.mdi-file-image:before {
content: "\f314";
}
.mdi-file-import:before {
content: "\f315";
}
.mdi-file-lock:before {
content: "\f316";
}
.mdi-file-multiple:before {
content: "\f317";
}
.mdi-file-music:before {
content: "\f318";
}
.mdi-file-outline:before {
content: "\f319";
}
.mdi-file-pdf:before {
content: "\f31a";
}
.mdi-file-pdf-box:before {
content: "\f31b";
}
.mdi-file-powerpoint:before {
content: "\f31c";
}
.mdi-file-powerpoint-box:before {
content: "\f31d";
}
.mdi-file-presentation-box:before {
content: "\f31e";
}
.mdi-file-send:before {
content: "\f31f";
}
.mdi-file-video:before {
content: "\f320";
}
.mdi-file-word:before {
content: "\f321";
}
.mdi-file-word-box:before {
content: "\f322";
}
.mdi-file-xml:before {
content: "\f323";
}
.mdi-film:before {
content: "\f324";
}
.mdi-filmstrip:before {
content: "\f325";
}
.mdi-filmstrip-off:before {
content: "\f326";
}
.mdi-filter:before {
content: "\f327";
}
.mdi-filter-outline:before {
content: "\f328";
}
.mdi-filter-remove:before {
content: "\f329";
}
.mdi-filter-remove-outline:before {
content: "\f32a";
}
.mdi-filter-variant:before {
content: "\f32b";
}
.mdi-fingerprint:before {
content: "\f32c";
}
.mdi-fire:before {
content: "\f32d";
}
.mdi-firefox:before {
content: "\f32e";
}
.mdi-fish:before {
content: "\f32f";
}
.mdi-flag:before {
content: "\f330";
}
.mdi-flag-checkered:before {
content: "\f331";
}
.mdi-flag-outline:before {
content: "\f332";
}
.mdi-flag-outline-variant:before {
content: "\f333";
}
.mdi-flag-triangle:before {
content: "\f334";
}
.mdi-flag-variant:before {
content: "\f335";
}
.mdi-flash:before {
content: "\f336";
}
.mdi-flash-auto:before {
content: "\f337";
}
.mdi-flash-off:before {
content: "\f338";
}
.mdi-flashlight:before {
content: "\f339";
}
.mdi-flashlight-off:before {
content: "\f33a";
}
.mdi-flattr:before {
content: "\f33b";
}
.mdi-flip-to-back:before {
content: "\f33c";
}
.mdi-flip-to-front:before {
content: "\f33d";
}
.mdi-floppy:before {
content: "\f33e";
}
.mdi-flower:before {
content: "\f33f";
}
.mdi-folder:before {
content: "\f340";
}
.mdi-folder-account:before {
content: "\f341";
}
.mdi-folder-download:before {
content: "\f342";
}
.mdi-folder-google-drive:before {
content: "\f343";
}
.mdi-folder-image:before {
content: "\f344";
}
.mdi-folder-lock:before {
content: "\f345";
}
.mdi-folder-lock-open:before {
content: "\f346";
}
.mdi-folder-move:before {
content: "\f347";
}
.mdi-folder-multiple:before {
content: "\f348";
}
.mdi-folder-multiple-image:before {
content: "\f349";
}
.mdi-folder-multiple-outline:before {
content: "\f34a";
}
.mdi-folder-outline:before {
content: "\f34b";
}
.mdi-folder-plus:before {
content: "\f34c";
}
.mdi-folder-remove:before {
content: "\f34d";
}
.mdi-folder-upload:before {
content: "\f34e";
}
.mdi-food:before {
content: "\f34f";
}
.mdi-food-apple:before {
content: "\f350";
}
.mdi-food-variant:before {
content: "\f351";
}
.mdi-football:before {
content: "\f352";
}
.mdi-football-australian:before {
content: "\f353";
}
.mdi-football-helmet:before {
content: "\f354";
}
.mdi-format-align-center:before {
content: "\f355";
}
.mdi-format-align-justify:before {
content: "\f356";
}
.mdi-format-align-left:before {
content: "\f357";
}
.mdi-format-align-right:before {
content: "\f358";
}
.mdi-format-bold:before {
content: "\f359";
}
.mdi-format-clear:before {
content: "\f35a";
}
.mdi-format-color-fill:before {
content: "\f35b";
}
.mdi-format-float-center:before {
content: "\f35c";
}
.mdi-format-float-left:before {
content: "\f35d";
}
.mdi-format-float-none:before {
content: "\f35e";
}
.mdi-format-float-right:before {
content: "\f35f";
}
.mdi-format-header-1:before {
content: "\f360";
}
.mdi-format-header-2:before {
content: "\f361";
}
.mdi-format-header-3:before {
content: "\f362";
}
.mdi-format-header-4:before {
content: "\f363";
}
.mdi-format-header-5:before {
content: "\f364";
}
.mdi-format-header-6:before {
content: "\f365";
}
.mdi-format-header-decrease:before {
content: "\f366";
}
.mdi-format-header-equal:before {
content: "\f367";
}
.mdi-format-header-increase:before {
content: "\f368";
}
.mdi-format-header-pound:before {
content: "\f369";
}
.mdi-format-indent-decrease:before {
content: "\f36a";
}
.mdi-format-indent-increase:before {
content: "\f36b";
}
.mdi-format-italic:before {
content: "\f36c";
}
.mdi-format-line-spacing:before {
content: "\f36d";
}
.mdi-format-list-bulleted:before {
content: "\f36e";
}
.mdi-format-list-bulleted-type:before {
content: "\f36f";
}
.mdi-format-list-numbers:before {
content: "\f370";
}
.mdi-format-paint:before {
content: "\f371";
}
.mdi-format-paragraph:before {
content: "\f372";
}
.mdi-format-quote:before {
content: "\f373";
}
.mdi-format-size:before {
content: "\f374";
}
.mdi-format-strikethrough:before {
content: "\f375";
}
.mdi-format-strikethrough-variant:before {
content: "\f376";
}
.mdi-format-subscript:before {
content: "\f377";
}
.mdi-format-superscript:before {
content: "\f378";
}
.mdi-format-text:before {
content: "\f379";
}
.mdi-format-textdirection-l-to-r:before {
content: "\f37a";
}
.mdi-format-textdirection-r-to-l:before {
content: "\f37b";
}
.mdi-format-underline:before {
content: "\f37c";
}
.mdi-format-wrap-inline:before {
content: "\f37d";
}
.mdi-format-wrap-square:before {
content: "\f37e";
}
.mdi-format-wrap-tight:before {
content: "\f37f";
}
.mdi-format-wrap-top-bottom:before {
content: "\f380";
}
.mdi-forum:before {
content: "\f381";
}
.mdi-forward:before {
content: "\f382";
}
.mdi-foursquare:before {
content: "\f383";
}
.mdi-fridge:before {
content: "\f384";
}
.mdi-fridge-filled:before {
content: "\f385";
}
.mdi-fridge-filled-bottom:before {
content: "\f386";
}
.mdi-fridge-filled-top:before {
content: "\f387";
}
.mdi-fullscreen:before {
content: "\f388";
}
.mdi-fullscreen-exit:before {
content: "\f389";
}
.mdi-function:before {
content: "\f38a";
}
.mdi-gamepad:before {
content: "\f38b";
}
.mdi-gamepad-variant:before {
content: "\f38c";
}
.mdi-gas-station:before {
content: "\f38d";
}
.mdi-gate:before {
content: "\f38e";
}
.mdi-gauge:before {
content: "\f38f";
}
.mdi-gavel:before {
content: "\f390";
}
.mdi-gender-female:before {
content: "\f391";
}
.mdi-gender-male:before {
content: "\f392";
}
.mdi-gender-male-female:before {
content: "\f393";
}
.mdi-gender-transgender:before {
content: "\f394";
}
.mdi-ghost:before {
content: "\f395";
}
.mdi-gift:before {
content: "\f396";
}
.mdi-git:before {
content: "\f397";
}
.mdi-github-box:before {
content: "\f398";
}
.mdi-github-circle:before {
content: "\f399";
}
.mdi-glass-flute:before {
content: "\f39a";
}
.mdi-glass-mug:before {
content: "\f39b";
}
.mdi-glass-stange:before {
content: "\f39c";
}
.mdi-glass-tulip:before {
content: "\f39d";
}
.mdi-glasses:before {
content: "\f39e";
}
.mdi-gmail:before {
content: "\f39f";
}
.mdi-google:before {
content: "\f3a0";
}
.mdi-google-cardboard:before {
content: "\f3a1";
}
.mdi-google-chrome:before {
content: "\f3a2";
}
.mdi-google-circles:before {
content: "\f3a3";
}
.mdi-google-circles-communities:before {
content: "\f3a4";
}
.mdi-google-circles-extended:before {
content: "\f3a5";
}
.mdi-google-circles-group:before {
content: "\f3a6";
}
.mdi-google-controller:before {
content: "\f3a7";
}
.mdi-google-controller-off:before {
content: "\f3a8";
}
.mdi-google-drive:before {
content: "\f3a9";
}
.mdi-google-earth:before {
content: "\f3aa";
}
.mdi-google-glass:before {
content: "\f3ab";
}
.mdi-google-nearby:before {
content: "\f3ac";
}
.mdi-google-pages:before {
content: "\f3ad";
}
.mdi-google-physical-web:before {
content: "\f3ae";
}
.mdi-google-play:before {
content: "\f3af";
}
.mdi-google-plus:before {
content: "\f3b0";
}
.mdi-google-plus-box:before {
content: "\f3b1";
}
.mdi-google-translate:before {
content: "\f3b2";
}
.mdi-google-wallet:before {
content: "\f3b3";
}
.mdi-grid:before {
content: "\f3b4";
}
.mdi-grid-off:before {
content: "\f3b5";
}
.mdi-group:before {
content: "\f3b6";
}
.mdi-guitar:before {
content: "\f3b7";
}
.mdi-guitar-pick:before {
content: "\f3b8";
}
.mdi-guitar-pick-outline:before {
content: "\f3b9";
}
.mdi-hand-pointing-right:before {
content: "\f3ba";
}
.mdi-hanger:before {
content: "\f3bb";
}
.mdi-hangouts:before {
content: "\f3bc";
}
.mdi-harddisk:before {
content: "\f3bd";
}
.mdi-headphones:before {
content: "\f3be";
}
.mdi-headphones-box:before {
content: "\f3bf";
}
.mdi-headphones-settings:before {
content: "\f3c0";
}
.mdi-headset:before {
content: "\f3c1";
}
.mdi-headset-dock:before {
content: "\f3c2";
}
.mdi-headset-off:before {
content: "\f3c3";
}
.mdi-heart:before {
content: "\f3c4";
}
.mdi-heart-box:before {
content: "\f3c5";
}
.mdi-heart-box-outline:before {
content: "\f3c6";
}
.mdi-heart-broken:before {
content: "\f3c7";
}
.mdi-heart-outline:before {
content: "\f3c8";
}
.mdi-help:before {
content: "\f3c9";
}
.mdi-help-circle:before {
content: "\f3ca";
}
.mdi-hexagon:before {
content: "\f3cb";
}
.mdi-hexagon-outline:before {
content: "\f3cc";
}
.mdi-history:before {
content: "\f3cd";
}
.mdi-hololens:before {
content: "\f3ce";
}
.mdi-home:before {
content: "\f3cf";
}
.mdi-home-modern:before {
content: "\f3d0";
}
.mdi-home-variant:before {
content: "\f3d1";
}
.mdi-hops:before {
content: "\f3d2";
}
.mdi-hospital:before {
content: "\f3d3";
}
.mdi-hospital-building:before {
content: "\f3d4";
}
.mdi-hospital-marker:before {
content: "\f3d5";
}
.mdi-hotel:before {
content: "\f3d6";
}
.mdi-houzz:before {
content: "\f3d7";
}
.mdi-houzz-box:before {
content: "\f3d8";
}
.mdi-human:before {
content: "\f3d9";
}
.mdi-human-child:before {
content: "\f3da";
}
.mdi-human-male-female:before {
content: "\f3db";
}
.mdi-image:before {
content: "\f3dc";
}
.mdi-image-album:before {
content: "\f3dd";
}
.mdi-image-area:before {
content: "\f3de";
}
.mdi-image-area-close:before {
content: "\f3df";
}
.mdi-image-broken:before {
content: "\f3e0";
}
.mdi-image-broken-variant:before {
content: "\f3e1";
}
.mdi-image-filter:before {
content: "\f3e2";
}
.mdi-image-filter-black-white:before {
content: "\f3e3";
}
.mdi-image-filter-center-focus:before {
content: "\f3e4";
}
.mdi-image-filter-center-focus-weak:before {
content: "\f3e5";
}
.mdi-image-filter-drama:before {
content: "\f3e6";
}
.mdi-image-filter-frames:before {
content: "\f3e7";
}
.mdi-image-filter-hdr:before {
content: "\f3e8";
}
.mdi-image-filter-none:before {
content: "\f3e9";
}
.mdi-image-filter-tilt-shift:before {
content: "\f3ea";
}
.mdi-image-filter-vintage:before {
content: "\f3eb";
}
.mdi-image-multiple:before {
content: "\f3ec";
}
.mdi-import:before {
content: "\f3ed";
}
.mdi-inbox:before {
content: "\f3ee";
}
.mdi-information:before {
content: "\f3ef";
}
.mdi-information-outline:before {
content: "\f3f0";
}
.mdi-instagram:before {
content: "\f3f1";
}
.mdi-instapaper:before {
content: "\f3f2";
}
.mdi-internet-explorer:before {
content: "\f3f3";
}
.mdi-invert-colors:before {
content: "\f3f4";
}
.mdi-jeepney:before {
content: "\f3f5";
}
.mdi-jira:before {
content: "\f3f6";
}
.mdi-jsfiddle:before {
content: "\f3f7";
}
.mdi-keg:before {
content: "\f3f8";
}
.mdi-key:before {
content: "\f3f9";
}
.mdi-key-change:before {
content: "\f3fa";
}
.mdi-key-minus:before {
content: "\f3fb";
}
.mdi-key-plus:before {
content: "\f3fc";
}
.mdi-key-remove:before {
content: "\f3fd";
}
.mdi-key-variant:before {
content: "\f3fe";
}
.mdi-keyboard:before {
content: "\f3ff";
}
.mdi-keyboard-backspace:before {
content: "\f400";
}
.mdi-keyboard-caps:before {
content: "\f401";
}
.mdi-keyboard-close:before {
content: "\f402";
}
.mdi-keyboard-off:before {
content: "\f403";
}
.mdi-keyboard-return:before {
content: "\f404";
}
.mdi-keyboard-tab:before {
content: "\f405";
}
.mdi-keyboard-variant:before {
content: "\f406";
}
.mdi-label:before {
content: "\f407";
}
.mdi-label-outline:before {
content: "\f408";
}
.mdi-lan:before {
content: "\f409";
}
.mdi-lan-connect:before {
content: "\f40a";
}
.mdi-lan-disconnect:before {
content: "\f40b";
}
.mdi-lan-pending:before {
content: "\f40c";
}
.mdi-language-csharp:before {
content: "\f40d";
}
.mdi-language-css3:before {
content: "\f40e";
}
.mdi-language-html5:before {
content: "\f40f";
}
.mdi-language-javascript:before {
content: "\f410";
}
.mdi-language-php:before {
content: "\f411";
}
.mdi-language-python:before {
content: "\f412";
}
.mdi-language-python-text:before {
content: "\f413";
}
.mdi-laptop:before {
content: "\f414";
}
.mdi-laptop-chromebook:before {
content: "\f415";
}
.mdi-laptop-mac:before {
content: "\f416";
}
.mdi-laptop-windows:before {
content: "\f417";
}
.mdi-lastfm:before {
content: "\f418";
}
.mdi-launch:before {
content: "\f419";
}
.mdi-layers:before {
content: "\f41a";
}
.mdi-layers-off:before {
content: "\f41b";
}
.mdi-leaf:before {
content: "\f41c";
}
.mdi-led-off:before {
content: "\f41d";
}
.mdi-led-on:before {
content: "\f41e";
}
.mdi-led-outline:before {
content: "\f41f";
}
.mdi-led-variant-off:before {
content: "\f420";
}
.mdi-led-variant-on:before {
content: "\f421";
}
.mdi-led-variant-outline:before {
content: "\f422";
}
.mdi-library:before {
content: "\f423";
}
.mdi-library-books:before {
content: "\f424";
}
.mdi-library-music:before {
content: "\f425";
}
.mdi-library-plus:before {
content: "\f426";
}
.mdi-lightbulb:before {
content: "\f427";
}
.mdi-lightbulb-outline:before {
content: "\f428";
}
.mdi-link:before {
content: "\f429";
}
.mdi-link-off:before {
content: "\f42a";
}
.mdi-link-variant:before {
content: "\f42b";
}
.mdi-link-variant-off:before {
content: "\f42c";
}
.mdi-linkedin:before {
content: "\f42d";
}
.mdi-linkedin-box:before {
content: "\f42e";
}
.mdi-linux:before {
content: "\f42f";
}
.mdi-lock:before {
content: "\f430";
}
.mdi-lock-open:before {
content: "\f431";
}
.mdi-lock-open-outline:before {
content: "\f432";
}
.mdi-lock-outline:before {
content: "\f433";
}
.mdi-login:before {
content: "\f434";
}
.mdi-logout:before {
content: "\f435";
}
.mdi-looks:before {
content: "\f436";
}
.mdi-loupe:before {
content: "\f437";
}
.mdi-lumx:before {
content: "\f438";
}
.mdi-magnet:before {
content: "\f439";
}
.mdi-magnet-on:before {
content: "\f43a";
}
.mdi-magnify:before {
content: "\f43b";
}
.mdi-magnify-minus:before {
content: "\f43c";
}
.mdi-magnify-plus:before {
content: "\f43d";
}
.mdi-mail-ru:before {
content: "\f43e";
}
.mdi-map:before {
content: "\f43f";
}
.mdi-map-marker:before {
content: "\f440";
}
.mdi-map-marker-circle:before {
content: "\f441";
}
.mdi-map-marker-multiple:before {
content: "\f442";
}
.mdi-map-marker-off:before {
content: "\f443";
}
.mdi-map-marker-radius:before {
content: "\f444";
}
.mdi-margin:before {
content: "\f445";
}
.mdi-markdown:before {
content: "\f446";
}
.mdi-marker-check:before {
content: "\f447";
}
.mdi-martini:before {
content: "\f448";
}
.mdi-material-ui:before {
content: "\f449";
}
.mdi-math-compass:before {
content: "\f44a";
}
.mdi-maxcdn:before {
content: "\f44b";
}
.mdi-medium:before {
content: "\f44c";
}
.mdi-memory:before {
content: "\f44d";
}
.mdi-menu:before {
content: "\f44e";
}
.mdi-menu-down:before {
content: "\f44f";
}
.mdi-menu-left:before {
content: "\f450";
}
.mdi-menu-right:before {
content: "\f451";
}
.mdi-menu-up:before {
content: "\f452";
}
.mdi-message:before {
content: "\f453";
}
.mdi-message-alert:before {
content: "\f454";
}
.mdi-message-draw:before {
content: "\f455";
}
.mdi-message-image:before {
content: "\f456";
}
.mdi-message-outline:before {
content: "\f457";
}
.mdi-message-processing:before {
content: "\f458";
}
.mdi-message-reply:before {
content: "\f459";
}
.mdi-message-reply-text:before {
content: "\f45a";
}
.mdi-message-text:before {
content: "\f45b";
}
.mdi-message-text-outline:before {
content: "\f45c";
}
.mdi-message-video:before {
content: "\f45d";
}
.mdi-microphone:before {
content: "\f45e";
}
.mdi-microphone-off:before {
content: "\f45f";
}
.mdi-microphone-outline:before {
content: "\f460";
}
.mdi-microphone-settings:before {
content: "\f461";
}
.mdi-microphone-variant:before {
content: "\f462";
}
.mdi-microphone-variant-off:before {
content: "\f463";
}
.mdi-microsoft:before {
content: "\f464";
}
.mdi-minus:before {
content: "\f465";
}
.mdi-minus-box:before {
content: "\f466";
}
.mdi-minus-circle:before {
content: "\f467";
}
.mdi-minus-circle-outline:before {
content: "\f468";
}
.mdi-minus-network:before {
content: "\f469";
}
.mdi-monitor:before {
content: "\f46a";
}
.mdi-monitor-multiple:before {
content: "\f46b";
}
.mdi-more:before {
content: "\f46c";
}
.mdi-motorbike:before {
content: "\f46d";
}
.mdi-mouse:before {
content: "\f46e";
}
.mdi-mouse-off:before {
content: "\f46f";
}
.mdi-mouse-variant:before {
content: "\f470";
}
.mdi-mouse-variant-off:before {
content: "\f471";
}
.mdi-movie:before {
content: "\f472";
}
.mdi-multiplication:before {
content: "\f473";
}
.mdi-multiplication-box:before {
content: "\f474";
}
.mdi-music-box:before {
content: "\f475";
}
.mdi-music-box-outline:before {
content: "\f476";
}
.mdi-music-circle:before {
content: "\f477";
}
.mdi-music-note:before {
content: "\f478";
}
.mdi-music-note-eighth:before {
content: "\f479";
}
.mdi-music-note-half:before {
content: "\f47a";
}
.mdi-music-note-off:before {
content: "\f47b";
}
.mdi-music-note-quarter:before {
content: "\f47c";
}
.mdi-music-note-sixteenth:before {
content: "\f47d";
}
.mdi-music-note-whole:before {
content: "\f47e";
}
.mdi-nature:before {
content: "\f47f";
}
.mdi-nature-people:before {
content: "\f480";
}
.mdi-navigation:before {
content: "\f481";
}
.mdi-needle:before {
content: "\f482";
}
.mdi-nest-protect:before {
content: "\f483";
}
.mdi-nest-thermostat:before {
content: "\f484";
}
.mdi-newspaper:before {
content: "\f485";
}
.mdi-nfc:before {
content: "\f486";
}
.mdi-nfc-tap:before {
content: "\f487";
}
.mdi-nfc-variant:before {
content: "\f488";
}
.mdi-nodejs:before {
content: "\f489";
}
.mdi-note:before {
content: "\f48a";
}
.mdi-note-outline:before {
content: "\f48b";
}
.mdi-note-plus:before {
content: "\f48c";
}
.mdi-note-plus-outline:before {
content: "\f48d";
}
.mdi-note-text:before {
content: "\f48e";
}
.mdi-notification-clear-all:before {
content: "\f48f";
}
.mdi-numeric:before {
content: "\f490";
}
.mdi-numeric-0-box:before {
content: "\f491";
}
.mdi-numeric-0-box-multiple-outline:before {
content: "\f492";
}
.mdi-numeric-0-box-outline:before {
content: "\f493";
}
.mdi-numeric-1-box:before {
content: "\f494";
}
.mdi-numeric-1-box-multiple-outline:before {
content: "\f495";
}
.mdi-numeric-1-box-outline:before {
content: "\f496";
}
.mdi-numeric-2-box:before {
content: "\f497";
}
.mdi-numeric-2-box-multiple-outline:before {
content: "\f498";
}
.mdi-numeric-2-box-outline:before {
content: "\f499";
}
.mdi-numeric-3-box:before {
content: "\f49a";
}
.mdi-numeric-3-box-multiple-outline:before {
content: "\f49b";
}
.mdi-numeric-3-box-outline:before {
content: "\f49c";
}
.mdi-numeric-4-box:before {
content: "\f49d";
}
.mdi-numeric-4-box-multiple-outline:before {
content: "\f49e";
}
.mdi-numeric-4-box-outline:before {
content: "\f49f";
}
.mdi-numeric-5-box:before {
content: "\f4a0";
}
.mdi-numeric-5-box-multiple-outline:before {
content: "\f4a1";
}
.mdi-numeric-5-box-outline:before {
content: "\f4a2";
}
.mdi-numeric-6-box:before {
content: "\f4a3";
}
.mdi-numeric-6-box-multiple-outline:before {
content: "\f4a4";
}
.mdi-numeric-6-box-outline:before {
content: "\f4a5";
}
.mdi-numeric-7-box:before {
content: "\f4a6";
}
.mdi-numeric-7-box-multiple-outline:before {
content: "\f4a7";
}
.mdi-numeric-7-box-outline:before {
content: "\f4a8";
}
.mdi-numeric-8-box:before {
content: "\f4a9";
}
.mdi-numeric-8-box-multiple-outline:before {
content: "\f4aa";
}
.mdi-numeric-8-box-outline:before {
content: "\f4ab";
}
.mdi-numeric-9-box:before {
content: "\f4ac";
}
.mdi-numeric-9-box-multiple-outline:before {
content: "\f4ad";
}
.mdi-numeric-9-box-outline:before {
content: "\f4ae";
}
.mdi-numeric-9-plus-box:before {
content: "\f4af";
}
.mdi-numeric-9-plus-box-multiple-outline:before {
content: "\f4b0";
}
.mdi-numeric-9-plus-box-outline:before {
content: "\f4b1";
}
.mdi-nutrition:before {
content: "\f4b2";
}
.mdi-octagon:before {
content: "\f4b3";
}
.mdi-octagon-outline:before {
content: "\f4b4";
}
.mdi-odnoklassniki:before {
content: "\f4b5";
}
.mdi-office:before {
content: "\f4b6";
}
.mdi-oil:before {
content: "\f4b7";
}
.mdi-oil-temperature:before {
content: "\f4b8";
}
.mdi-omega:before {
content: "\f4b9";
}
.mdi-onedrive:before {
content: "\f4ba";
}
.mdi-open-in-app:before {
content: "\f4bb";
}
.mdi-open-in-new:before {
content: "\f4bc";
}
.mdi-opera:before {
content: "\f4bd";
}
.mdi-ornament:before {
content: "\f4be";
}
.mdi-ornament-variant:before {
content: "\f4bf";
}
.mdi-outbox:before {
content: "\f4c0";
}
.mdi-owl:before {
content: "\f4c1";
}
.mdi-package:before {
content: "\f4c2";
}
.mdi-package-down:before {
content: "\f4c3";
}
.mdi-package-up:before {
content: "\f4c4";
}
.mdi-package-variant:before {
content: "\f4c5";
}
.mdi-package-variant-closed:before {
content: "\f4c6";
}
.mdi-palette:before {
content: "\f4c7";
}
.mdi-palette-advanced:before {
content: "\f4c8";
}
.mdi-panda:before {
content: "\f4c9";
}
.mdi-pandora:before {
content: "\f4ca";
}
.mdi-panorama:before {
content: "\f4cb";
}
.mdi-panorama-fisheye:before {
content: "\f4cc";
}
.mdi-panorama-horizontal:before {
content: "\f4cd";
}
.mdi-panorama-vertical:before {
content: "\f4ce";
}
.mdi-panorama-wide-angle:before {
content: "\f4cf";
}
.mdi-paper-cut-vertical:before {
content: "\f4d0";
}
.mdi-paperclip:before {
content: "\f4d1";
}
.mdi-parking:before {
content: "\f4d2";
}
.mdi-pause:before {
content: "\f4d3";
}
.mdi-pause-circle:before {
content: "\f4d4";
}
.mdi-pause-circle-outline:before {
content: "\f4d5";
}
.mdi-pause-octagon:before {
content: "\f4d6";
}
.mdi-pause-octagon-outline:before {
content: "\f4d7";
}
.mdi-paw:before {
content: "\f4d8";
}
.mdi-pen:before {
content: "\f4d9";
}
.mdi-pencil:before {
content: "\f4da";
}
.mdi-pencil-box:before {
content: "\f4db";
}
.mdi-pencil-box-outline:before {
content: "\f4dc";
}
.mdi-pencil-lock:before {
content: "\f4dd";
}
.mdi-pencil-off:before {
content: "\f4de";
}
.mdi-percent:before {
content: "\f4df";
}
.mdi-pharmacy:before {
content: "\f4e0";
}
.mdi-phone:before {
content: "\f4e1";
}
.mdi-phone-bluetooth:before {
content: "\f4e2";
}
.mdi-phone-forward:before {
content: "\f4e3";
}
.mdi-phone-hangup:before {
content: "\f4e4";
}
.mdi-phone-in-talk:before {
content: "\f4e5";
}
.mdi-phone-incoming:before {
content: "\f4e6";
}
.mdi-phone-locked:before {
content: "\f4e7";
}
.mdi-phone-log:before {
content: "\f4e8";
}
.mdi-phone-missed:before {
content: "\f4e9";
}
.mdi-phone-outgoing:before {
content: "\f4ea";
}
.mdi-phone-paused:before {
content: "\f4eb";
}
.mdi-phone-settings:before {
content: "\f4ec";
}
.mdi-phone-voip:before {
content: "\f4ed";
}
.mdi-pi:before {
content: "\f4ee";
}
.mdi-pi-box:before {
content: "\f4ef";
}
.mdi-pig:before {
content: "\f4f0";
}
.mdi-pill:before {
content: "\f4f1";
}
.mdi-pin:before {
content: "\f4f2";
}
.mdi-pin-off:before {
content: "\f4f3";
}
.mdi-pine-tree:before {
content: "\f4f4";
}
.mdi-pine-tree-box:before {
content: "\f4f5";
}
.mdi-pinterest:before {
content: "\f4f6";
}
.mdi-pinterest-box:before {
content: "\f4f7";
}
.mdi-pizza:before {
content: "\f4f8";
}
.mdi-play:before {
content: "\f4f9";
}
.mdi-play-box-outline:before {
content: "\f4fa";
}
.mdi-play-circle:before {
content: "\f4fb";
}
.mdi-play-circle-outline:before {
content: "\f4fc";
}
.mdi-play-pause:before {
content: "\f4fd";
}
.mdi-play-protected-content:before {
content: "\f4fe";
}
.mdi-playlist-minus:before {
content: "\f4ff";
}
.mdi-playlist-play:before {
content: "\f500";
}
.mdi-playlist-plus:before {
content: "\f501";
}
.mdi-playlist-remove:before {
content: "\f502";
}
.mdi-playstation:before {
content: "\f503";
}
.mdi-plus:before {
content: "\f504";
}
.mdi-plus-box:before {
content: "\f505";
}
.mdi-plus-circle:before {
content: "\f506";
}
.mdi-plus-circle-multiple-outline:before {
content: "\f507";
}
.mdi-plus-circle-outline:before {
content: "\f508";
}
.mdi-plus-network:before {
content: "\f509";
}
.mdi-plus-one:before {
content: "\f50a";
}
.mdi-pocket:before {
content: "\f50b";
}
.mdi-pokeball:before {
content: "\f50c";
}
.mdi-polaroid:before {
content: "\f50d";
}
.mdi-poll:before {
content: "\f50e";
}
.mdi-poll-box:before {
content: "\f50f";
}
.mdi-polymer:before {
content: "\f510";
}
.mdi-popcorn:before {
content: "\f511";
}
.mdi-pound:before {
content: "\f512";
}
.mdi-pound-box:before {
content: "\f513";
}
.mdi-power:before {
content: "\f514";
}
.mdi-power-settings:before {
content: "\f515";
}
.mdi-power-socket:before {
content: "\f516";
}
.mdi-presentation:before {
content: "\f517";
}
.mdi-presentation-play:before {
content: "\f518";
}
.mdi-printer:before {
content: "\f519";
}
.mdi-printer-3d:before {
content: "\f51a";
}
.mdi-printer-alert:before {
content: "\f51b";
}
.mdi-professional-hexagon:before {
content: "\f51c";
}
.mdi-projector:before {
content: "\f51d";
}
.mdi-projector-screen:before {
content: "\f51e";
}
.mdi-pulse:before {
content: "\f51f";
}
.mdi-puzzle:before {
content: "\f520";
}
.mdi-qrcode:before {
content: "\f521";
}
.mdi-qrcode-scan:before {
content: "\f522";
}
.mdi-quadcopter:before {
content: "\f523";
}
.mdi-quality-high:before {
content: "\f524";
}
.mdi-quicktime:before {
content: "\f525";
}
.mdi-radar:before {
content: "\f526";
}
.mdi-radiator:before {
content: "\f527";
}
.mdi-radio:before {
content: "\f528";
}
.mdi-radio-handheld:before {
content: "\f529";
}
.mdi-radio-tower:before {
content: "\f52a";
}
.mdi-radioactive:before {
content: "\f52b";
}
.mdi-radiobox-blank:before {
content: "\f52c";
}
.mdi-radiobox-marked:before {
content: "\f52d";
}
.mdi-raspberrypi:before {
content: "\f52e";
}
.mdi-ray-end:before {
content: "\f52f";
}
.mdi-ray-end-arrow:before {
content: "\f530";
}
.mdi-ray-start:before {
content: "\f531";
}
.mdi-ray-start-arrow:before {
content: "\f532";
}
.mdi-ray-start-end:before {
content: "\f533";
}
.mdi-ray-vertex:before {
content: "\f534";
}
.mdi-rdio:before {
content: "\f535";
}
.mdi-read:before {
content: "\f536";
}
.mdi-readability:before {
content: "\f537";
}
.mdi-receipt:before {
content: "\f538";
}
.mdi-record:before {
content: "\f539";
}
.mdi-record-rec:before {
content: "\f53a";
}
.mdi-recycle:before {
content: "\f53b";
}
.mdi-reddit:before {
content: "\f53c";
}
.mdi-redo:before {
content: "\f53d";
}
.mdi-redo-variant:before {
content: "\f53e";
}
.mdi-refresh:before {
content: "\f53f";
}
.mdi-regex:before {
content: "\f540";
}
.mdi-relative-scale:before {
content: "\f541";
}
.mdi-reload:before {
content: "\f542";
}
.mdi-remote:before {
content: "\f543";
}
.mdi-rename-box:before {
content: "\f544";
}
.mdi-repeat:before {
content: "\f545";
}
.mdi-repeat-off:before {
content: "\f546";
}
.mdi-repeat-once:before {
content: "\f547";
}
.mdi-replay:before {
content: "\f548";
}
.mdi-reply:before {
content: "\f549";
}
.mdi-reply-all:before {
content: "\f54a";
}
.mdi-reproduction:before {
content: "\f54b";
}
.mdi-resize-bottom-right:before {
content: "\f54c";
}
.mdi-responsive:before {
content: "\f54d";
}
.mdi-rewind:before {
content: "\f54e";
}
.mdi-ribbon:before {
content: "\f54f";
}
.mdi-road:before {
content: "\f550";
}
.mdi-road-variant:before {
content: "\f551";
}
.mdi-rocket:before {
content: "\f552";
}
.mdi-rotate-3d:before {
content: "\f553";
}
.mdi-rotate-left:before {
content: "\f554";
}
.mdi-rotate-left-variant:before {
content: "\f555";
}
.mdi-rotate-right:before {
content: "\f556";
}
.mdi-rotate-right-variant:before {
content: "\f557";
}
.mdi-router-wireless:before {
content: "\f558";
}
.mdi-routes:before {
content: "\f559";
}
.mdi-rss:before {
content: "\f55a";
}
.mdi-rss-box:before {
content: "\f55b";
}
.mdi-ruler:before {
content: "\f55c";
}
.mdi-run:before {
content: "\f55d";
}
.mdi-sale:before {
content: "\f55e";
}
.mdi-satellite:before {
content: "\f55f";
}
.mdi-satellite-variant:before {
content: "\f560";
}
.mdi-scale:before {
content: "\f561";
}
.mdi-scale-bathroom:before {
content: "\f562";
}
.mdi-school:before {
content: "\f563";
}
.mdi-screen-rotation:before {
content: "\f564";
}
.mdi-screen-rotation-lock:before {
content: "\f565";
}
.mdi-screwdriver:before {
content: "\f566";
}
.mdi-script:before {
content: "\f567";
}
.mdi-sd:before {
content: "\f568";
}
.mdi-seal:before {
content: "\f569";
}
.mdi-seat-flat:before {
content: "\f56a";
}
.mdi-seat-flat-angled:before {
content: "\f56b";
}
.mdi-seat-individual-suite:before {
content: "\f56c";
}
.mdi-seat-legroom-extra:before {
content: "\f56d";
}
.mdi-seat-legroom-normal:before {
content: "\f56e";
}
.mdi-seat-legroom-reduced:before {
content: "\f56f";
}
.mdi-seat-recline-extra:before {
content: "\f570";
}
.mdi-seat-recline-normal:before {
content: "\f571";
}
.mdi-security:before {
content: "\f572";
}
.mdi-security-network:before {
content: "\f573";
}
.mdi-select:before {
content: "\f574";
}
.mdi-select-all:before {
content: "\f575";
}
.mdi-select-inverse:before {
content: "\f576";
}
.mdi-select-off:before {
content: "\f577";
}
.mdi-selection:before {
content: "\f578";
}
.mdi-send:before {
content: "\f579";
}
.mdi-server:before {
content: "\f57a";
}
.mdi-server-minus:before {
content: "\f57b";
}
.mdi-server-network:before {
content: "\f57c";
}
.mdi-server-network-off:before {
content: "\f57d";
}
.mdi-server-off:before {
content: "\f57e";
}
.mdi-server-plus:before {
content: "\f57f";
}
.mdi-server-remove:before {
content: "\f580";
}
.mdi-server-security:before {
content: "\f581";
}
.mdi-settings:before {
content: "\f582";
}
.mdi-settings-box:before {
content: "\f583";
}
.mdi-shape-plus:before {
content: "\f584";
}
.mdi-share:before {
content: "\f585";
}
.mdi-share-variant:before {
content: "\f586";
}
.mdi-shield:before {
content: "\f587";
}
.mdi-shield-outline:before {
content: "\f588";
}
.mdi-shopping:before {
content: "\f589";
}
.mdi-shopping-music:before {
content: "\f58a";
}
.mdi-shredder:before {
content: "\f58b";
}
.mdi-shuffle:before {
content: "\f58c";
}
.mdi-shuffle-disabled:before {
content: "\f58d";
}
.mdi-shuffle-variant:before {
content: "\f58e";
}
.mdi-sigma:before {
content: "\f58f";
}
.mdi-sign-caution:before {
content: "\f590";
}
.mdi-signal:before {
content: "\f591";
}
.mdi-silverware:before {
content: "\f592";
}
.mdi-silverware-fork:before {
content: "\f593";
}
.mdi-silverware-spoon:before {
content: "\f594";
}
.mdi-silverware-variant:before {
content: "\f595";
}
.mdi-sim:before {
content: "\f596";
}
.mdi-sim-alert:before {
content: "\f597";
}
.mdi-sim-off:before {
content: "\f598";
}
.mdi-sitemap:before {
content: "\f599";
}
.mdi-skip-backward:before {
content: "\f59a";
}
.mdi-skip-forward:before {
content: "\f59b";
}
.mdi-skip-next:before {
content: "\f59c";
}
.mdi-skip-previous:before {
content: "\f59d";
}
.mdi-skype:before {
content: "\f59e";
}
.mdi-skype-business:before {
content: "\f59f";
}
.mdi-slack:before {
content: "\f5a0";
}
.mdi-sleep:before {
content: "\f5a1";
}
.mdi-sleep-off:before {
content: "\f5a2";
}
.mdi-smoking:before {
content: "\f5a3";
}
.mdi-smoking-off:before {
content: "\f5a4";
}
.mdi-snapchat:before {
content: "\f5a5";
}
.mdi-snowman:before {
content: "\f5a6";
}
.mdi-sofa:before {
content: "\f5a7";
}
.mdi-sort:before {
content: "\f5a8";
}
.mdi-sort-alphabetical:before {
content: "\f5a9";
}
.mdi-sort-ascending:before {
content: "\f5aa";
}
.mdi-sort-descending:before {
content: "\f5ab";
}
.mdi-sort-numeric:before {
content: "\f5ac";
}
.mdi-sort-variant:before {
content: "\f5ad";
}
.mdi-soundcloud:before {
content: "\f5ae";
}
.mdi-source-fork:before {
content: "\f5af";
}
.mdi-source-pull:before {
content: "\f5b0";
}
.mdi-speaker:before {
content: "\f5b1";
}
.mdi-speaker-off:before {
content: "\f5b2";
}
.mdi-speedometer:before {
content: "\f5b3";
}
.mdi-spellcheck:before {
content: "\f5b4";
}
.mdi-spotify:before {
content: "\f5b5";
}
.mdi-spotlight:before {
content: "\f5b6";
}
.mdi-spotlight-beam:before {
content: "\f5b7";
}
.mdi-square-inc:before {
content: "\f5b8";
}
.mdi-square-inc-cash:before {
content: "\f5b9";
}
.mdi-stackoverflow:before {
content: "\f5ba";
}
.mdi-stairs:before {
content: "\f5bb";
}
.mdi-star:before {
content: "\f5bc";
}
.mdi-star-circle:before {
content: "\f5bd";
}
.mdi-star-half:before {
content: "\f5be";
}
.mdi-star-off:before {
content: "\f5bf";
}
.mdi-star-outline:before {
content: "\f5c0";
}
.mdi-steam:before {
content: "\f5c1";
}
.mdi-steering:before {
content: "\f5c2";
}
.mdi-step-backward:before {
content: "\f5c3";
}
.mdi-step-backward-2:before {
content: "\f5c4";
}
.mdi-step-forward:before {
content: "\f5c5";
}
.mdi-step-forward-2:before {
content: "\f5c6";
}
.mdi-stethoscope:before {
content: "\f5c7";
}
.mdi-stocking:before {
content: "\f5c8";
}
.mdi-stop:before {
content: "\f5c9";
}
.mdi-store:before {
content: "\f5ca";
}
.mdi-store-24-hour:before {
content: "\f5cb";
}
.mdi-stove:before {
content: "\f5cc";
}
.mdi-subway:before {
content: "\f5cd";
}
.mdi-sunglasses:before {
content: "\f5ce";
}
.mdi-swap-horizontal:before {
content: "\f5cf";
}
.mdi-swap-vertical:before {
content: "\f5d0";
}
.mdi-swim:before {
content: "\f5d1";
}
.mdi-switch:before {
content: "\f5d2";
}
.mdi-sword:before {
content: "\f5d3";
}
.mdi-sync:before {
content: "\f5d4";
}
.mdi-sync-alert:before {
content: "\f5d5";
}
.mdi-sync-off:before {
content: "\f5d6";
}
.mdi-tab:before {
content: "\f5d7";
}
.mdi-tab-unselected:before {
content: "\f5d8";
}
.mdi-table:before {
content: "\f5d9";
}
.mdi-table-column-plus-after:before {
content: "\f5da";
}
.mdi-table-column-plus-before:before {
content: "\f5db";
}
.mdi-table-column-remove:before {
content: "\f5dc";
}
.mdi-table-column-width:before {
content: "\f5dd";
}
.mdi-table-edit:before {
content: "\f5de";
}
.mdi-table-large:before {
content: "\f5df";
}
.mdi-table-row-height:before {
content: "\f5e0";
}
.mdi-table-row-plus-after:before {
content: "\f5e1";
}
.mdi-table-row-plus-before:before {
content: "\f5e2";
}
.mdi-table-row-remove:before {
content: "\f5e3";
}
.mdi-tablet:before {
content: "\f5e4";
}
.mdi-tablet-android:before {
content: "\f5e5";
}
.mdi-tablet-ipad:before {
content: "\f5e6";
}
.mdi-tag:before {
content: "\f5e7";
}
.mdi-tag-faces:before {
content: "\f5e8";
}
.mdi-tag-multiple:before {
content: "\f5e9";
}
.mdi-tag-outline:before {
content: "\f5ea";
}
.mdi-tag-text-outline:before {
content: "\f5eb";
}
.mdi-target:before {
content: "\f5ec";
}
.mdi-taxi:before {
content: "\f5ed";
}
.mdi-teamviewer:before {
content: "\f5ee";
}
.mdi-telegram:before {
content: "\f5ef";
}
.mdi-television:before {
content: "\f5f0";
}
.mdi-television-guide:before {
content: "\f5f1";
}
.mdi-temperature-celsius:before {
content: "\f5f2";
}
.mdi-temperature-fahrenheit:before {
content: "\f5f3";
}
.mdi-temperature-kelvin:before {
content: "\f5f4";
}
.mdi-tennis:before {
content: "\f5f5";
}
.mdi-tent:before {
content: "\f5f6";
}
.mdi-terrain:before {
content: "\f5f7";
}
.mdi-text-to-speech:before {
content: "\f5f8";
}
.mdi-text-to-speech-off:before {
content: "\f5f9";
}
.mdi-texture:before {
content: "\f5fa";
}
.mdi-theater:before {
content: "\f5fb";
}
.mdi-theme-light-dark:before {
content: "\f5fc";
}
.mdi-thermometer:before {
content: "\f5fd";
}
.mdi-thermometer-lines:before {
content: "\f5fe";
}
.mdi-thumb-down:before {
content: "\f5ff";
}
.mdi-thumb-down-outline:before {
content: "\f600";
}
.mdi-thumb-up:before {
content: "\f601";
}
.mdi-thumb-up-outline:before {
content: "\f602";
}
.mdi-thumbs-up-down:before {
content: "\f603";
}
.mdi-ticket:before {
content: "\f604";
}
.mdi-ticket-account:before {
content: "\f605";
}
.mdi-ticket-confirmation:before {
content: "\f606";
}
.mdi-tie:before {
content: "\f607";
}
.mdi-timelapse:before {
content: "\f608";
}
.mdi-timer:before {
content: "\f609";
}
.mdi-timer-10:before {
content: "\f60a";
}
.mdi-timer-3:before {
content: "\f60b";
}
.mdi-timer-off:before {
content: "\f60c";
}
.mdi-timer-sand:before {
content: "\f60d";
}
.mdi-timetable:before {
content: "\f60e";
}
.mdi-toggle-switch:before {
content: "\f60f";
}
.mdi-toggle-switch-off:before {
content: "\f610";
}
.mdi-tooltip:before {
content: "\f611";
}
.mdi-tooltip-edit:before {
content: "\f612";
}
.mdi-tooltip-image:before {
content: "\f613";
}
.mdi-tooltip-outline:before {
content: "\f614";
}
.mdi-tooltip-outline-plus:before {
content: "\f615";
}
.mdi-tooltip-text:before {
content: "\f616";
}
.mdi-tor:before {
content: "\f617";
}
.mdi-traffic-light:before {
content: "\f618";
}
.mdi-train:before {
content: "\f619";
}
.mdi-tram:before {
content: "\f61a";
}
.mdi-transcribe:before {
content: "\f61b";
}
.mdi-transcribe-close:before {
content: "\f61c";
}
.mdi-transfer:before {
content: "\f61d";
}
.mdi-tree:before {
content: "\f61e";
}
.mdi-trello:before {
content: "\f61f";
}
.mdi-trending-down:before {
content: "\f620";
}
.mdi-trending-neutral:before {
content: "\f621";
}
.mdi-trending-up:before {
content: "\f622";
}
.mdi-triangle:before {
content: "\f623";
}
.mdi-triangle-outline:before {
content: "\f624";
}
.mdi-trophy:before {
content: "\f625";
}
.mdi-trophy-award:before {
content: "\f626";
}
.mdi-trophy-outline:before {
content: "\f627";
}
.mdi-trophy-variant:before {
content: "\f628";
}
.mdi-trophy-variant-outline:before {
content: "\f629";
}
.mdi-truck:before {
content: "\f62a";
}
.mdi-truck-delivery:before {
content: "\f62b";
}
.mdi-tshirt-crew:before {
content: "\f62c";
}
.mdi-tshirt-v:before {
content: "\f62d";
}
.mdi-tumblr:before {
content: "\f62e";
}
.mdi-tumblr-reblog:before {
content: "\f62f";
}
.mdi-twitch:before {
content: "\f630";
}
.mdi-twitter:before {
content: "\f631";
}
.mdi-twitter-box:before {
content: "\f632";
}
.mdi-twitter-circle:before {
content: "\f633";
}
.mdi-twitter-retweet:before {
content: "\f634";
}
.mdi-ubuntu:before {
content: "\f635";
}
.mdi-umbraco:before {
content: "\f636";
}
.mdi-umbrella:before {
content: "\f637";
}
.mdi-umbrella-outline:before {
content: "\f638";
}
.mdi-undo:before {
content: "\f639";
}
.mdi-undo-variant:before {
content: "\f63a";
}
.mdi-unfold-less:before {
content: "\f63b";
}
.mdi-unfold-more:before {
content: "\f63c";
}
.mdi-ungroup:before {
content: "\f63d";
}
.mdi-untappd:before {
content: "\f63e";
}
.mdi-upload:before {
content: "\f63f";
}
.mdi-usb:before {
content: "\f640";
}
.mdi-vector-arrange-above:before {
content: "\f641";
}
.mdi-vector-arrange-below:before {
content: "\f642";
}
.mdi-vector-circle:before {
content: "\f643";
}
.mdi-vector-circle-variant:before {
content: "\f644";
}
.mdi-vector-combine:before {
content: "\f645";
}
.mdi-vector-curve:before {
content: "\f646";
}
.mdi-vector-difference:before {
content: "\f647";
}
.mdi-vector-difference-ab:before {
content: "\f648";
}
.mdi-vector-difference-ba:before {
content: "\f649";
}
.mdi-vector-intersection:before {
content: "\f64a";
}
.mdi-vector-line:before {
content: "\f64b";
}
.mdi-vector-point:before {
content: "\f64c";
}
.mdi-vector-polygon:before {
content: "\f64d";
}
.mdi-vector-polyline:before {
content: "\f64e";
}
.mdi-vector-selection:before {
content: "\f64f";
}
.mdi-vector-square:before {
content: "\f650";
}
.mdi-vector-triangle:before {
content: "\f651";
}
.mdi-vector-union:before {
content: "\f652";
}
.mdi-verified:before {
content: "\f653";
}
.mdi-vibrate:before {
content: "\f654";
}
.mdi-video:before {
content: "\f655";
}
.mdi-video-off:before {
content: "\f656";
}
.mdi-video-switch:before {
content: "\f657";
}
.mdi-view-agenda:before {
content: "\f658";
}
.mdi-view-array:before {
content: "\f659";
}
.mdi-view-carousel:before {
content: "\f65a";
}
.mdi-view-column:before {
content: "\f65b";
}
.mdi-view-dashboard:before {
content: "\f65c";
}
.mdi-view-day:before {
content: "\f65d";
}
.mdi-view-grid:before {
content: "\f65e";
}
.mdi-view-headline:before {
content: "\f65f";
}
.mdi-view-list:before {
content: "\f660";
}
.mdi-view-module:before {
content: "\f661";
}
.mdi-view-quilt:before {
content: "\f662";
}
.mdi-view-stream:before {
content: "\f663";
}
.mdi-view-week:before {
content: "\f664";
}
.mdi-vimeo:before {
content: "\f665";
}
.mdi-vine:before {
content: "\f666";
}
.mdi-vk:before {
content: "\f667";
}
.mdi-vk-box:before {
content: "\f668";
}
.mdi-vk-circle:before {
content: "\f669";
}
.mdi-voicemail:before {
content: "\f66a";
}
.mdi-volume-high:before {
content: "\f66b";
}
.mdi-volume-low:before {
content: "\f66c";
}
.mdi-volume-medium:before {
content: "\f66d";
}
.mdi-volume-off:before {
content: "\f66e";
}
.mdi-vpn:before {
content: "\f66f";
}
.mdi-walk:before {
content: "\f670";
}
.mdi-wallet:before {
content: "\f671";
}
.mdi-wallet-giftcard:before {
content: "\f672";
}
.mdi-wallet-membership:before {
content: "\f673";
}
.mdi-wallet-travel:before {
content: "\f674";
}
.mdi-wan:before {
content: "\f675";
}
.mdi-watch:before {
content: "\f676";
}
.mdi-watch-export:before {
content: "\f677";
}
.mdi-watch-import:before {
content: "\f678";
}
.mdi-water:before {
content: "\f679";
}
.mdi-water-off:before {
content: "\f67a";
}
.mdi-water-percent:before {
content: "\f67b";
}
.mdi-water-pump:before {
content: "\f67c";
}
.mdi-weather-cloudy:before {
content: "\f67d";
}
.mdi-weather-fog:before {
content: "\f67e";
}
.mdi-weather-hail:before {
content: "\f67f";
}
.mdi-weather-lightning:before {
content: "\f680";
}
.mdi-weather-night:before {
content: "\f681";
}
.mdi-weather-partlycloudy:before {
content: "\f682";
}
.mdi-weather-pouring:before {
content: "\f683";
}
.mdi-weather-rainy:before {
content: "\f684";
}
.mdi-weather-snowy:before {
content: "\f685";
}
.mdi-weather-sunny:before {
content: "\f686";
}
.mdi-weather-sunset:before {
content: "\f687";
}
.mdi-weather-sunset-down:before {
content: "\f688";
}
.mdi-weather-sunset-up:before {
content: "\f689";
}
.mdi-weather-windy:before {
content: "\f68a";
}
.mdi-weather-windy-variant:before {
content: "\f68b";
}
.mdi-web:before {
content: "\f68c";
}
.mdi-webcam:before {
content: "\f68d";
}
.mdi-weight:before {
content: "\f68e";
}
.mdi-weight-kilogram:before {
content: "\f68f";
}
.mdi-whatsapp:before {
content: "\f690";
}
.mdi-wheelchair-accessibility:before {
content: "\f691";
}
.mdi-white-balance-auto:before {
content: "\f692";
}
.mdi-white-balance-incandescent:before {
content: "\f693";
}
.mdi-white-balance-irradescent:before {
content: "\f694";
}
.mdi-white-balance-sunny:before {
content: "\f695";
}
.mdi-wifi:before {
content: "\f696";
}
.mdi-wifi-off:before {
content: "\f697";
}
.mdi-wii:before {
content: "\f698";
}
.mdi-wikipedia:before {
content: "\f699";
}
.mdi-window-close:before {
content: "\f69a";
}
.mdi-window-closed:before {
content: "\f69b";
}
.mdi-window-maximize:before {
content: "\f69c";
}
.mdi-window-minimize:before {
content: "\f69d";
}
.mdi-window-open:before {
content: "\f69e";
}
.mdi-window-restore:before {
content: "\f69f";
}
.mdi-windows:before {
content: "\f6a0";
}
.mdi-wordpress:before {
content: "\f6a1";
}
.mdi-worker:before {
content: "\f6a2";
}
.mdi-wrap:before {
content: "\f6a3";
}
.mdi-wrench:before {
content: "\f6a4";
}
.mdi-wunderlist:before {
content: "\f6a5";
}
.mdi-xbox:before {
content: "\f6a6";
}
.mdi-xbox-controller:before {
content: "\f6a7";
}
.mdi-xbox-controller-off:before {
content: "\f6a8";
}
.mdi-xda:before {
content: "\f6a9";
}
.mdi-xing:before {
content: "\f6aa";
}
.mdi-xing-box:before {
content: "\f6ab";
}
.mdi-xing-circle:before {
content: "\f6ac";
}
.mdi-xml:before {
content: "\f6ad";
}
.mdi-yeast:before {
content: "\f6ae";
}
.mdi-yelp:before {
content: "\f6af";
}
.mdi-youtube-play:before {
content: "\f6b0";
}
.mdi-zip-box:before {
content: "\f6b1";
}
.mdi-18px {
font-size: 18px;
}
.mdi-24px {
font-size: 24px;
}
.mdi-36px {
font-size: 36px;
}
.mdi-48px {
font-size: 48px;
}
.mdi-dark {
color: rgba(0, 0, 0, 0.54);
}
.mdi-dark.mdi-inactive {
color: rgba(0, 0, 0, 0.26);
}
.mdi-light {
color: white;
}
.mdi-light.mdi-inactive {
color: rgba(255, 255, 255, 0.3);
}
custom-styles/helpers/_text-styling.scss 0000644 00000001260 15116221763 0014553 0 ustar 00 /*
*
* Text styling
*/
// Text styles
.text-italic {
font-style: italic;
}
.text-normal {
font-style: normal;
}
// Text decoration
.text-underline {
text-decoration: underline;
}
.text-strike {
text-decoration: line-through;
}
// Text weight
.font-weight-thin {
font-weight: 100;
}
.font-weight-light {
font-weight: 300;
}
.font-weight-regular {
font-weight: 400;
}
.font-weight-medium {
font-weight: 500;
}
.font-weight-sbold {
font-weight: 600;
}
.font-weight-ubold {
font-weight: 900;
}
// Text spacing
.text-spacing-0 {
letter-spacing: 0;
}
// Text opacity
.text-transparent{
color: rgba($white, .5);
} custom-styles/helpers/_backgrounds.scss 0000644 00000004761 15116221763 0014413 0 ustar 00 /*
*
* Backgrounds
*/
%context-dark {
&,
#{headings()} {
color: $white;
}
p a {
color: inherit;
}
.big {
color: $white;
}
// Logo
.brand {
.brand-logo-dark { display: none; }
.brand-logo-light { display: block; }
}
// Buttons
.button-primary {
&:hover {
background: $primary-lighten;
border-color: $primary-lighten;
}
}
}
%context-light {
color: $body-color;
#{headings()} {
color: $headings-color;
}
// Logo
.brand {
.brand-logo-dark { display: block; }
.brand-logo-light { display: none; }
}
}
/**
* Light Backgrounds
*/
.bg-gray-100 {
@include bg-behaviour($gray-100);
}
.bg-gray-light {
@include bg-behaviour($gray-light);
}
.bg-black-1 {
@include bg-behaviour($black-1);
}
/**
* Dark Backgrounds
*/
.context-dark {
@extend %context-dark;
}
.bg-gray-700 {
color: $gray-300;
@extend %context-dark;
@include bg-behaviour($gray-700);
a {
color: inherit;
&:hover {
color: $white;
}
}
p a {
&:hover {
color: $white;
}
}
}
.bg-gray-800 {
@extend %context-dark;
@include bg-behaviour($gray-800);
}
/**
* Accent Backgrounds
*/
.bg-primary {
@extend %context-dark;
@include bg-behaviour($primary);
}
.bg-primary-darker {
@extend %context-dark;
@include bg-behaviour($primary-darken);
}
/**
* Background Image
*/
.bg-image { }
[class*='bg-'] {
background-size: cover;
background-position: center center;
}
.bg-image-light {
@include media-breakpoint-down(lg) {
position: relative;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba($white, .1);
}
}
}
.bg-image-1 {
position: relative;
background-position: 30% 100%;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: $gray-700;
opacity: .6;
}
> * {
position: relative;
z-index: 1;
}
@include media-breakpoint-up(sm) {
background-position: 72% 100%;
&::before {
opacity: .2;
}
}
@include media-breakpoint-up(md) {
background-position: 54% 100%;
&::before {
display: none;
}
}
}
// Desktop only
//
html:not(.tablet):not(.mobile) {
.bg-fixed {
@include media-breakpoint-up(lg) {
background-attachment: fixed;
}
}
}
.bg-image{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
} custom-styles/helpers/_sections.scss 0000644 00000016047 15116221763 0013740 0 ustar 00 /*
*
* Sections
*/
//
// Section Spacing
//
.section-xs {
padding: 30px 0;
}
.section-sm {
padding: 35px 0;
&.section-first { padding-top: 65px; }
&.section-last { padding-bottom: 80px; }
}
.section-md,
.section-lg,
.section-xl {
padding: 50px 0;
}
.section-1 {
padding: 35px 0;
}
// Section collapse
.section-collapse + .section-collapse {
padding-top: 0;
}
.section-collapse:last-child {
padding-bottom: 0;
}
// Section with bottom zero padding
html [class*='section-'].section-bottom-0 {
padding-bottom: 0;
}
@include media-breakpoint-up(sm) {
.section-xs {
padding: 45px 0;
}
}
@include media-breakpoint-up(md) {
.section-sm {
padding: 45px 0;
&.section-first { padding-top: 90px; }
&.section-last { padding-bottom: 90px; }
}
.section-md {
padding: 60px 0;
}
.section-lg {
padding: 72px 0;
&.section-first { padding-top: 100px; }
&.section-last { padding-bottom: 100px; }
}
.section-xl {
padding: 80px 0;
}
.section-1 {
padding: 60px 0;
}
}
@include media-breakpoint-up(lg) {
.section-md {
padding: 60px 0 70px;
}
.section-xl {
padding: 100px 0;
}
.section-1 {
padding: 80px 0;
}
}
@include media-breakpoint-up(xl) {
.section-sm {
padding: 60px 0;
&.section-first { padding-top: 80px; }
&.section-last { padding-bottom: 80px; }
}
}
@include media-breakpoint-up(xxl) {
.section-sm {
&.section-first { padding-top: 120px; }
&.section-last { padding-bottom: 120px; }
}
.section-md {
padding: 85px 0 95px;
}
.section-lg {
padding: 120px 0;
&.section-first { padding-top: 120px; }
&.section-last { padding-bottom: 120px; }
}
.section-xl {
padding: 160px 0;
}
.section-1 {
padding: 90px 0 100px;
}
}
//
// Custom sections
//
// Section single
.section-single {
display: flex;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgba($gray-800, .4);
}
* + .rd-mailform-wrap { margin-top: 35px; }
* + .countdown-wrap { margin-top: 30px; }
.countdown-wrap + * { margin-top: 35px; }
}
.section-single-dummy {
visibility: hidden;
pointer-events: none;
}
.section-single-header {
padding: calc(1em + 3vh) 0 calc(1em + 2vh);
}
.section-single-main {
padding: calc(1em + 4vh) 0;
}
.section-single-footer {
padding: calc(1em + 2vh) 0 calc(1em + 3vh);
}
.section-single-inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 100vh;
padding-top: 6vh;
> * {
width: 100%;
}
}
@supports (display: grid) {
.section-single-inner {
display: grid;
justify-items: center;
align-content: space-between;
grid-template-columns: 1fr;
}
}
@include media-breakpoint-down(xs) {
.section-single {
.section-single-main-content {
max-width: 240px;
margin-left: auto;
margin-right: auto;
}
}
}
@include media-breakpoint-down(sm) {
.section-single {
.button-lg {
font-size: 15px;
padding-left: 25px;
padding-right: 25px;
}
}
}
@include media-breakpoint-up(md) {
.section-single {
&::before { display: none; }
}
.section-single-inner {
padding-top: 7vh;
}
}
@include media-breakpoint-up(xl) {
.section-single {
* + .countdown-wrap { margin-top: 50px; }
.countdown-wrap + * { margin-top: 50px; }
}
}
//
// Section Overlap
//
.section-overlap {
position: relative;
padding: 40px 0;
.row {
flex-wrap: nowrap;
flex-direction: column;
align-items: flex-end;
}
[class*='col'] {
flex-basis: auto;
}
* + [class*='col'] { margin-top: 10px; }
* + .col-offset-1 { margin-top: 20px; }
}
.section-overlap-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.section-overlap-content {
position: relative;
z-index: 1;
}
@include media-breakpoint-down(sm) {
.section-overlap-content {
.container {
padding: 20px 15px;
background: linear-gradient(to right, rgba($white, .9), rgba($white, .8));
> * {
max-width: 380px;
}
}
}
@include media-breakpoint-up(sm) {
.section-overlap-content {
.container {
padding: 40px 50px;
}
}
}
}
@include media-breakpoint-between(md, md) {
.section-overlap-image {
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(to left, rgba($gray-100, .4), rgba($gray-100, 0));
}
}
}
@include media-breakpoint-up(md) {
.section-overlap {
padding: 75px 0;
* + [class*='col'] { margin-top: 20px; }
* + .col-offset-1 { margin-top: 40px; }
}
.section-overlap-image {
background-position: 80% 50%;
width: #{grid-parameter(md, 5, 35px)};
}
}
@include media-breakpoint-up(lg) {
.section-overlap {
padding: 100px 0;
}
.section-overlap-image {
width: #{grid-parameter(lg, 7, -45px)};
}
.ie-10,
.ie-11 {
.section-overlap {
.col-lg-7 {
max-width: 64%;
}
}
}
}
@include media-breakpoint-up(xl) {
.section-overlap-image {
width: #{grid-parameter(xl, 7, -15px)};
}
}
@include media-breakpoint-up(xxl) {
.section-overlap {
padding: 140px 0;
}
}
//
// Section Halfscreen
//
.section-halfscreen {
position: relative;
}
.section-halfscreen-inner {
padding: 40px 0;
}
.section-halfscreen-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
&::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(to right, rgba($white, .6), rgba($white, .4));
}
}
.section-halfscreen-content {
position: relative;
z-index: 1;
}
@include media-breakpoint-down(sm) {
.section-halfscreen-content {
max-width: 360px;
}
}
@include media-breakpoint-between(sm, sm) {
.section-halfscreen-image {
&::before {
opacity: .8;
}
}
}
@include media-breakpoint-up(md) {
.section-halfscreen-inner {
padding: 75px 0;
}
.section-halfscreen-image {
background-position: 45% 50%;
left: auto;
width: #{grid-parameter(md, 5, 35px)};
&::before {
display: none;
}
}
}
@include media-breakpoint-up(lg) {
.section-halfscreen-inner {
padding: 100px 0;
}
.section-halfscreen-image {
width: #{grid-parameter(lg, 6, 0)};
}
}
@include media-breakpoint-up(xl) {
.section-halfscreen {
display: flex;
}
.section-halfscreen-inner {
display: flex;
align-items: center;
width: 100%;
min-height: (680 / 1920) * 100vw;
padding: 90px 0;
}
.section-halfscreen-content {
width: 100%;
}
}
custom-styles/helpers/_grid-modules.scss 0000644 00000007416 15116221763 0014504 0 ustar 00 /*
*
* Grid modules
*/
// Custom Grid
//
// Change $enable-grid-classes-custom: true
// that would generate custom grid (example: 10 columns)
$enable-grid-classes-custom: false;
@mixin make-grid-columns-custom($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
@each $breakpoint in map-keys($breakpoints) {
$infix: breakpoint-infix($breakpoint, $breakpoints);
@include media-breakpoint-up($breakpoint, $breakpoints) {
@for $i from 1 through $columns {
.col#{$infix}-#{$i} {
@include make-col($i, $columns);
}
}
}
}
}
@if $enable-grid-classes-custom {
.row-ten {
@include make-grid-columns-custom(10);
}
.row-xl-ten {
@include make-grid-columns-custom(10, 30px, (xl: map-get($grid-breakpoints, xl), xlg: map-get($grid-breakpoints, xlg), xxl: map-get($grid-breakpoints, xxl)));
}
}
//
// Range Grid System
//
.range {
display: flex;
flex-wrap: wrap;
}
.cell-inner {
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.range > [class*='cell'] {
position: relative;
width: 100%;
min-height: 1px;
& > .row {
margin: 0;
}
&.container {
padding: 0;
}
}
.range > [class*='col'] { padding: 0; }
@mixin cell($breakpoint, $columns) {
flex: 0 0 #{grid-parameter($breakpoint, $columns)};
max-width: #{grid-parameter($breakpoint, $columns)};
}
@mixin cell-inner($breakpoint, $columns) {
max-width: map-get($container-max-widths, $breakpoint) / 12 * $columns;
}
@include media-breakpoint-up(sm) {
.cell-sm-6 {
@include cell(sm, 6);
.cell-inner {
@include cell-inner(sm, 6);
}
}
.range > [class*='cell-sm']:nth-child(odd) {
.cell-inner { margin-left: auto; }
}
.range.flex-sm-row-reverse {
> [class*='cell-sm'] {
&:nth-child(odd) .cell-inner { margin-left: 0; }
&:nth-child(even) .cell-inner { margin-left: auto; }
}
}
.range > [class*='cell-sm'].container {
margin: 0;
}
}
@include media-breakpoint-up(md) {
.range > [class*='cell-md']:nth-child(odd) {
.cell-inner { margin-left: auto; }
}
.range.flex-md-row-reverse {
> [class*='cell-md'] {
&:nth-child(odd) .cell-inner { margin-left: 0; }
&:nth-child(even) .cell-inner { margin-left: auto; }
}
}
.range > [class*='cell-md'].container {
margin: 0;
}
}
@include media-breakpoint-up(lg) {
[class*='cell-lg'] > .row > [class*='col'] {
flex-basis: 100%;
}
.cell-lg-5 {
@include cell(lg, 5);
.cell-inner {
@include cell-inner(lg, 5);
}
}
.cell-lg-6 {
@include cell(lg, 6);
.cell-inner {
@include cell-inner(lg, 6);
}
}
.range > [class*='cell-lg']:nth-child(odd) {
.cell-inner { margin-left: auto; }
}
.range.flex-lg-row-reverse {
> [class*='cell-lg'] {
&:nth-child(odd) .cell-inner { margin-left: 0; }
&:nth-child(even) .cell-inner { margin-left: auto; }
}
}
.range > [class*='cell-lg'].container {
margin: 0;
}
}
@include media-breakpoint-up(xl) {
.range > [class*='cell-xl'].container {
margin: 0;
}
.range > [class*='cell-xl']:nth-child(odd) {
.cell-inner { margin-left: auto; }
}
.range {
.cell-inner {
flex-basis: 100%;
}
}
.cell-xl-7 {
@include cell(xl, 7);
.cell-inner {
@include cell-inner(xl, 7);
}
}
.cell-lg-6,
.cell-xl-6 {
@include cell(xl, 6);
.cell-inner {
@include cell-inner(xl, 6);
}
}
.cell-xl-5 {
@include cell(xl, 5);
.cell-inner {
@include cell-inner(xl, 5);
}
}
.cell-xl-4 {
@include cell(xl, 4);
.cell-inner {
@include cell-inner(xl, 4);
}
}
}
@include media-breakpoint-up(xxl) {
.cell-xxl-6 {
@include cell(xl, 6);
.cell-inner {
@include cell-inner(xl, 6);
}
}
}
custom-styles/helpers/_utilities-custom.scss 0000644 00000003741 15116221763 0015431 0 ustar 00 /*
*
* Utilities custom
*/
.height-fill {
position: relative;
display: flex;
flex-direction: column;
align-items: stretch;
> * {
flex-grow: 1;
flex-shrink: 0;
}
}
// Object inline
.object-inline {
white-space: nowrap;
> * {
display: inline-block;
min-width: 20px;
vertical-align: top;
white-space: normal;
}
&.wow span {
display: inline-block;
}
> * + * {
margin-left: 11px;
}
}
.wow-outer {
.object-inline span {
display: inline-block;
}
}
.oh {
position: relative;
overflow: hidden;
}
// Text decorations
.text-decoration-lines {
position: relative;
overflow: hidden;
width: 100%;
text-align: center;
&-content {
position: relative;
display: inline-block;
padding: 0 20px;
&::before,
&::after {
content: '';
position: absolute;
height: 1px;
background: $gray-300;
top: 50%;
width: 100vw;
}
&::before {
left: 0;
transform: translate3d(-100%, 0, 0);
}
&::after {
right: 0;
transform: translate3d(100%, 0, 0);
}
}
}
* + .text-decoration-lines {
margin-top: 30px;
}
.text-block {
> * {
margin-left: .125em;
margin-right: .125em;
}
}
.offset-right-1 {
@include media-breakpoint-up(lg) {
margin-right: 40px;
}
}
// Banner
.banner {
background-position: center center;
background-size: cover;
}
// Phone Frame
.phone-frame {
max-width: 296px;
padding: 0 5px;
margin-left: auto;
margin-right: auto;
box-shadow: -46.037px 40.02px 21px 0px rgba(0, 0, 0, 0.02);
}
@include media-breakpoint-down(sm) {
.phone-frame {
display: none;
}
}
// Tip Mark
.tip-mark {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2em;
height: 2em;
padding-left: 2px;
margin-bottom: 5px;
font-size: 12px;
line-height: 2em;
vertical-align: middle;
text-align: center;
border-radius: 50%;
border: 1px solid $gray-200;
color: $primary;
}
custom-styles/helpers/_page-layout.scss 0000644 00000002134 15116221763 0014330 0 ustar 00 /*
*
* Page layout
*/
//
// Page
//
.page {
position: relative;
overflow: hidden;
min-height: 100vh;
&.fadeIn { animation-timing-function: ease-out; }
&.fadeOut { animation-timing-function: ease-in; }
[data-x-mode] & {
opacity: 1;
}
}
//
// Boxed Layout
//
html.boxed {
body {
background: $page-boxed-background-color $page-boxed-background-image repeat fixed;
}
@media (min-width: $page-boxed-width + $grid-gutter-width) {
.page {
max-width: $page-boxed-width;
margin-left: auto;
margin-right: auto;
box-shadow: 0 0 23px 0 rgba(1, 1, 1, 0.1);
}
.rd-navbar-static {
max-width: $page-boxed-width;
margin-left: auto;
margin-right: auto;
&.rd-navbar--is-stuck {
max-width: $page-boxed-width;
width: 100%;
left: calc(50% - #{$page-boxed-width});
right: calc(50% - #{$page-boxed-width});
}
}
}
}
.page-header-navbar {
position: relative;
z-index: $zindex-rd-navbar;
.rd-navbar-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: $zindex-rd-navbar;
}
}
custom-styles/helpers/_insets.scss 0000644 00000001613 15116221763 0013407 0 ustar 00 /*
*
* Insets
*/
//
// Left
//
.inset-left-1 {
@include media-breakpoint-up(sm) {
padding-left: 10px;
}
@include media-breakpoint-up(md) {
padding-left: 30px;
}
@include media-breakpoint-up(lg) {
padding-left: 0;
}
}
.inset-left-2 {
@include media-breakpoint-between(lg, lg) {
padding-left: 30px;
}
}
//
// Right
//
.inset-right-1 {
@include media-breakpoint-up(sm) {
padding-right: 20px;
}
@include media-breakpoint-up(md) {
padding-right: 30px;
}
@include media-breakpoint-between(lg, lg) {
padding-right: 0;
}
}
.inset-right-2 {
@include media-breakpoint-up(lg) {
padding-right: 30px;
}
@include media-breakpoint-up(xl) {
padding-right: 0;
}
}
.inset-right-3 {
@include media-breakpoint-up(lg) {
padding-left: 5px;
}
@include media-breakpoint-up(xl) {
padding-right: 0;
}
}
custom-styles/helpers/_offsets.scss 0000644 00000010362 15116221763 0013554 0 ustar 00 /*
*
* Offsets
*/
// Elements offset
* + p ,
* + .list-inline-comma {
margin-top: 16px;
}
// Headings
h3 + p, .heading-3 + p,
h3 + .p, .heading-3 + .p {
margin-top: 18px;
}
h4 + p, .heading-4 + p,
h4 + .p, .heading-4 + .p {
margin-top: 16px;
}
* + h1,
* + .heading-1 {
margin-top: 15px;
}
h3 + h1, h3 + .heading-1,
.heading-3 + h1, .heading-3 + .heading-1 {
margin-top: 5px;
}
h6 + h1,
h6 + .heading-1,
.heading-6 + h1,
.heading-6 + .heading-1 {
margin-top: 10px;
}
* + h4,
* + .heading-4 {
margin-top: 15px;
}
* + h5,
* + .heading-5 {
margin-top: 15px;
}
// Headings + Paragraph
h6 + p,
.heading-6 + p {
margin-top: 22px;
}
// Paragraph + Headings
p + h2,
p + .heading-2 {
margin-top: 15px;
}
// Tags + Tags
p + p {
margin-top: 14px;
}
img + p {
margin-top: 15px;
}
h3 + img {
margin-top: 42px;
}
p + hr { margin-top: 35px; }
// Classes
* + .row { margin-top: 30px; }
* + .big { margin-top: 20px; }
* + .text-block { margin-top: 25px; }
* + .button,
* + .button-outer { margin-top: 25px; }
* + .list-sm { margin-top: 25px; }
* + form.form-inline { margin-top: 18px; }
* + form.rd-form-small { margin-top: 25px; }
html * + .offset-top-1 { margin-top: 40px; }
html * + .offset-top-2 { margin-top: 25px; }
html * + .offset-top-3 { margin-top: 20px; }
html * + .offset-top-4 { margin-top: 18px; }
html .page * + .offset-top-5 { margin-top: 40px; }
// Classes + Tags
h3 + .row, .heading-3 + .row,
h3 + .owl-carousel, .heading-3 + .owl-carousel {
margin-top: 35px;
}
// Classes + Classes
.container + .container { margin-top: 35px; }
.container + .section { margin-top: 25px; }
.row + .row { margin-top: 35px; }
.row + .button-lg { margin-top: 30px; }
.list-sm + .group-xs { margin-top: 20px; }
@include media-breakpoint-up(md) {
* + p,
* + .list-inline-comma {
margin-top: 20px;
}
* + .big { margin-top: 25px; }
* + .button,
* + .button-outer { margin-top: 34px; }
* + .row { margin-top: 40px; }
* + .text-block { margin-top: 30px; }
.container + .section { margin-top: 30px; }
.row + .button-lg { margin-top: 45px; }
html * + .offset-top-2 { margin-top: 60px; }
}
@include media-breakpoint-up(lg) {
* + h1,
* + .heading-1 {
margin-top: 22px;
}
h3 + p, .heading-3 + p,
h3 + .p, .heading-3 + .p {
margin-top: 24px;
}
h3 + .row, .heading-3 + .row,
h3 + .owl-carousel, .heading-3 + .owl-carousel {
margin-top: 55px;
}
html * + .offset-top-1 { margin-top: 60px; }
html * + .offset-top-3 { margin-top: 30px; }
html * + .offset-top-4 { margin-top: 24px; }
html .page * + .offset-top-5 { margin-top: 60px; }
.progress-linear + .button { margin-top: 55px; }
.row + .group { margin-top: 45px; }
}
// Media offsets
@include media-breakpoint-up(xl) {
* + .button,
* + .button-outer { margin-top: 40px; }
* + .rd-form { margin-top: 40px; }
h3 + p, .heading-3 + p,
h3 + .p, .heading-3 + .p {
margin-top: 30px;
}
html * + .offset-top-1 { margin-top: 70px; }
.container + .container { margin-top: 60px; }
.row + .row { margin-top: 60px; }
}
@include media-breakpoint-up(xxl) {
h3 + .row, .heading-3 + .row,
h3 + .owl-carousel, .heading-3 + .owl-carousel {
margin-top: 75px;
}
html * + .offset-top-1 { margin-top: 144px; }
html * + .offset-top-2 { margin-top: 75px; }
.row + .button-lg { margin-top: 70px; }
}
// Range spacing
.row-0 {
@include grid-offset(0px);
}
.row-10 {
@include grid-offset(10px);
}
.row-x-10 {
@include grid-offset(10px);
margin-left: -5px;
margin-right: -5px;
> [class*='col'] {
padding-left: 5px;
padding-right: 5px;
}
}
.row-20 {
@include grid-offset(20px);
}
.row-30 {
@include grid-offset(30px);
}
.row-50 {
@include grid-offset(50px);
}
.row-60 {
@include grid-offset(50px);
}
.row-45 {
@include grid-offset(45px);
}
@include media-breakpoint-up(md) {
.row-md-50 {
@include grid-offset(50px);
}
}
@include media-breakpoint-up(lg) {
.row-md-30 {
@include grid-offset(30px);
}
}
@include media-breakpoint-up(xxl) {
.row-xxl-70 {
@include grid-offset(70px);
}
}
.offset-top-40{
margin-top: 40px;
}
.offset-top-30{
margin-top: 30px;
} custom-styles/_variables-custom.scss 0000644 00000021726 15116221763 0013727 0 ustar 00 // Variables
//
// Copy settings from this file into the provided `_custom.scss` to override
// the Bootstrap defaults without modifying key, versioned files.
//
// Variables should follow the `$component-state-property-size` formula for
// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
//
// Temporary, used for calculation variables should by named `$_variable-name`
//
// Table of Contents
//
// Color system
// Body
// Page
// Components
// Fonts
// Links
// Z-index master list
// Grid breakpoints
// Grid containers
// Grid columns
// Buttons
// Form
// Pagination
// Tooltips
//
//
// Color system
//
// Gray colors
$white: #fff;
$gray-100: #f5f6fa;
$gray-200: #e8e9ee;
$gray-300: #aeb1be;
$gray-400: #74757f;
$gray-500: #9b9b9b;
$gray-600: #868e96;
$gray-dark: #c8c8c8;
$gray-light: #f7f7f7;
//$gray-700: #29293a;
$gray-800: #151515;
$gray-900: #111111;
$black: #000;
$black-1: #212121;
// main colors
$primary: #ff6600;
$primary-darken: #F25800;
$primary-lighten: #ff7f01;
$accent-dark: #29293a;
$color-1: #d3d5db;
//
// Body
//
$body-bg: $white;
$body-color: $gray-400;
$theme-colors: ();
$color-1: #deef7f;
$color-2: #ff747b;
$danger-color: #dc0000;
$success-color: #98bf44;
// Additional colors
$facebook: #2059a0;
$twitter: #00aae6;
$google: #ff3807;
$linkedin: #2881a8;
$instagram: linear-gradient(to top, rgb(241, 88, 35) 0%, rgb(167, 5, 142) 100%);
//
// Page
//
$page-boxed-width: 1600px;
$page-boxed-background-color: $gray-100;
$page-boxed-background-image: url(../images/bg-pattern-boxed.png);
//
// Components
//
// Define common padding and border radius sizes and more.
$border-width: 1px;
$border-radius: 5;
$border-radius-lg: 6px;
$border-radius-sm: .2rem;
$transition-base: all .3s ease-in-out;
// Map
//
$map-height: 200px;
$map-xs-height: 250px;
$map-md-height: 300px;
$map-lg-height: 350px;
$map-xl-height: 440px;
// Custom
$shadow-area-1: -3px 0px 50px -2px rgba(0, 0, 0, 0.09);
$shadow-area-2: 1px 1px 10px 0 rgba(0, 0, 0, 0.2);
//
// Fonts
//
// Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
$font-family-sans-serif-1: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
$font-family-serif: "Roboto Slab", "Times New Roman", Times, serif;
$font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
$font-family-base: $font-family-sans-serif;
$font-family-sec: $font-family-sans-serif-1;
$font-weight-bold: 700;
// Base fonts
$font-size-base: 16px;
$font-size-lg: 20px;
$font-size-sm: 12px;
$_lh-base: 24px;
$_lh-lg: 32px;
$_lh-sm: 18px;
$font-weight-base: 300;
// ** < Calculated font values >
$line-height-base: ($_lh-base / $font-size-base);
$line-height-lg: ($_lh-lg / $font-size-lg);
$line-height-sm: ($_lh-sm / $font-size-sm);
// ** </ Calculated font values >
// Headings
$headings-font-family: $font-family-base;
$headings-font-weight: 400;
$headings-line-height: 1.1;
$headings-color: $accent-dark;
// Template Heading Values
$_h1-fsz: 68;
$_h2-fsz: 48;
$_h3-fsz: 36;
$_h4-fsz: 24;
$_h5-fsz: 20;
$_h6-fsz: 16;
$_h1-lh: 80;
$_h2-lh: 64;
$_h3-lh: 48;
$_h4-lh: 32;
$_h5-lh: 28;
$_h6-lh: 24;
// ** < Calculated Headings values >
$h1-font-size: $_h1-fsz * 1px;
$h2-font-size: $_h2-fsz * 1px;
$h3-font-size: $_h3-fsz * 1px;
$h4-font-size: $_h4-fsz * 1px;
$h5-font-size: $_h5-fsz * 1px;
$h6-font-size: $_h6-fsz * 1px;
$h1-line-height: ($_h1-lh / $_h1-fsz);
$h2-line-height: ($_h2-lh / $_h2-fsz);
$h3-line-height: ($_h3-lh / $_h3-fsz);
$h4-line-height: ($_h4-lh / $_h4-fsz);
$h5-line-height: ($_h5-lh / $_h5-fsz);
$h6-line-height: ($_h6-lh / $_h6-fsz);
// ** </ Calculated Headings values >
// Icon Fonts
$fa: 'FontAwesome';
$mdi: 'Material Design Icons';
$mi: 'Material Icons';
// Lead
$lead-font-size: 24px;
$lead-line-height: 34px;
$lead-font-weight: 300;
// Hr
$hr-border-color: $gray-200;
$hr-border-width: $border-width;
// Mark
$mark-padding: 5px 10px;
$mark-bg: $primary;
$dt-font-weight: inherit;
$list-inline-padding: 5px;
// Code
$code-font-size: 90%;
$code-padding-y: 4px;
$code-padding-x: 5px;
$code-color: $gray-900;
$code-bg: $gray-100;
//
// Links
//
$link-color: $primary;
$link-decoration: none;
$link-hover-color: darken($link-color, 15%);
$link-press-color: darken($link-color, 15%);
$link-hover-decoration: underline;
// Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
$zindex-dropdown: 1000;
$zindex-sticky: 1020;
$zindex-fixed: 1030;
$zindex-modal-backdrop: 1140;
$zindex-modal: 1150;
$zindex-popover: 1060;
$zindex-tooltip: 1070;
// Custom
$zindex-rd-navbar: 1080;
$zindex-layout-panel: 1100;
$zindex-gallery: 1200;
//
// Grid breakpoints
//
// Define the minimum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1600px
);
@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
@include _assert-starts-at-zero($grid-breakpoints);
$screen-fullhd: 1600px;
// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.
$container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1200px
);
@include _assert-ascending($container-max-widths, "$container-max-widths");
//
// Grid columns
//
// Set the number of columns and specify the width of the gutters.
$grid-columns: 12;
$grid-gutter-width: 30px;
$grid-gutter-width-narrow: 30px;
//
// Buttons
//
$input-btn-padding-y: 13px;
$input-btn-padding-x: 35px;
$input-btn-font-size: 14px;
$input-btn-line-height: 1.25;
$input-btn-padding-y-sm: 9px;
$input-btn-padding-x-sm: 32px;
$input-btn-line-height-sm: 1.5;
$input-btn-padding-y-lg: 14px;
$input-btn-padding-x-lg: 55px;
$input-btn-line-height-lg: 1.5;
$btn-font-family: $font-family-sec;
$btn-font-weight: 500;
$btn-letter-spacing: .2em;
$btn-text-transform: uppercase;
$btn-box-shadow: 0;
$btn-focus-box-shadow: 0;
$btn-active-box-shadow: 0;
$btn-link-disabled-color: $gray-600;
$btn-block-spacing-y: .5rem;
// Allows for customizing button radius independently from global border radius
$btn-border-radius: 6px;
$btn-border-radius-lg: $border-radius-lg;
$btn-border-radius-sm: $border-radius-sm;
$btn-transition: all .15s ease-in-out;
//
// Forms
//
$form-input-height: 48px;
$form-input-lg-height: 56px;
$form-input-sm-height: 40px;
$form-input-color: $gray-700;
$form-input-color-placeholder: $form-input-color;
$form-input-background: $white;
$form-input-border-color: #c5c6cd;
$form-input-border-radius: 6px;
$form-input-font-size: $font-size-base;
$form-input-line-height-base: $_lh-base;
$form-input-font-weight: 400;
$form-input-border: 1px solid $form-input-border-color;
$form-input-padding-horizontal: 19px;
$form-input-line-height: $form-input-line-height-base / $form-input-font-size;
$form-input-padding-vertical: round(($form-input-height - $form-input-line-height-base) / 2);
$form-input-padding: $form-input-padding-vertical $form-input-padding-horizontal;
@if ($form-input-border != none) {
$form-input-padding-vertical: round(($form-input-height - $form-input-line-height-base ) / 2 - nth($form-input-border, 1));
$form-input-padding: $form-input-padding-vertical $form-input-padding-horizontal;
}
$form-textarea-default-height: 150px;
$form-textarea-default-min-height: $form-input-height;
$form-textarea-default-max-height: round($form-textarea-default-height * 1.7);
$form-feedback-focus-color: $primary;
$form-feedback-valid-color: $success-color;
$form-feedback-invalid-color: $danger-color;
//
// Pagination
//
$pagination-padding-y: 10px;
$pagination-padding-x: 10px;
$pagination-font-size: 14px;
$pagination-line-height: 24px;
$pagination-color: $white;
$pagination-bg: $primary;
$pagination-border-width: 0;
$pagination-border-color: $gray-200;
$pagination-hover-color: $white;
$pagination-hover-bg: $primary-darken;
$pagination-hover-border-color: $primary;
$pagination-active-color: $pagination-hover-color;
$pagination-active-bg: $pagination-hover-bg;
$pagination-active-border-color: $primary;
$pagination-disabled-color: $gray-400;
$pagination-disabled-bg: $gray-200;
$pagination-disabled-border-color: $gray-200;
//
// Tooltips
//
$tooltip-max-width: 200px;
$tooltip-color: $white;
$tooltip-bg: $primary;
$tooltip-opacity: 1;
$tooltip-padding-y: 6px;
$tooltip-padding-x: 10px;
$tooltip-margin: 0;
$tooltip-arrow-width: 14px;
$tooltip-arrow-height: 7px;
$tooltip-arrow-color: $tooltip-bg;
custom-styles/_mixins.scss 0000644 00000000431 15116221763 0011744 0 ustar 00 //
// Custom mixins
//
@import 'mixins/functions';
@import 'mixins/mixins';
@import 'mixins/buttons';
@import 'mixins/groups';
@import 'mixins/spacing';
@import 'mixins/grid-spacing';
@import 'mixins/unit-utilities';
@import 'mixins/gradients';
@import 'mixins/links';
|