/*------------------------------------*\
MAIN.CSS
\*------------------------------------*/
/**
* CSS Guidelines: https://github.com/csswizardry/CSS-Guidelines
* Naming Convention: https://github.com/csswizardry/CSS-Guidelines#naming-conventions
*
* BEM Methodology:
* ----------------
* http://bem.info/
* http://coding.smashingmagazine.com/2012/04/16/a-new-front-end-methodology-bem/
* http://nicolasgallagher.com/about-html-semantics-front-end-architecture/
*
* .block{}
* .block__element{}
* .block--modifier{}
*
* .block represents the higher level of an abstraction or component.
* .block__element represents a descendent of .block that helps form .block as a whole.
* .block--modifier represents a different state or version of .block.
*/
/**
* Import Variables
*/
/*------------------------------------*\
$DEBUG
\*------------------------------------*/
/**
* Debug mode will visually highlight any potential markup/accessibility quirks
* in the browser. Set to `true` or `false`.
*/
/*------------------------------------*\
$BASE
\*------------------------------------*/
/*------------------------------------*\
$SOCIAL MEDIA
\*------------------------------------*/
/*------------------------------------*\
$NAVIGATION
\*------------------------------------*/
/*------------------------------------*\
$UI ELEMENTS
\*------------------------------------*/
/* Borders */
/*------------------------------------*\
$TEXT DIRECTION
\*------------------------------------*/
/*------------------------------------*\
$GRID SETTINGS
\*------------------------------------*/
/*------------------------------------*\
$BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*\
$TYPOGRAPHY
\*------------------------------------*/
/**
* Mobile Sizes
*/
/**
* Tablet
*/
/**
* Desktop font size
* Both tablets and desktops
*/
/**
* Optional font sizes
*/
/*------------------------------------*\
$LINKS
\*------------------------------------*/
/*------------------------------------*\
$FORMS
\*------------------------------------*/
/*------------------------------------*\
$BUTTONS
\*------------------------------------*/
/**
* Button default
*/
/**
* Button primary
*/
/**
* Button Secondary
*/
/**
* Button inverted
*/
/**
* Button inactive
*/
/*------------------------------------*\
$TABLE
\*------------------------------------*/
/*------------------------------------*\
$ALERTS
\*------------------------------------*/
/**
* Z-Index documentation
*/
/*
.mom-search: z-index: 2
.mom-search-inner: z-index: 2
.search-zone-query: z-index: 1
.search-overlay: z-index: 10
.topbar: z-index: 11
.menu-holder : z-index: 11
.menu-holder .main-navigation: z-index: 1
.menu-bar-pinned .menu-holder: z-index: 11
*/
/**
* Setup
*/
/**
* Import Inuit
*/
/**
* She's all yours, cap'n... Begin importing your stuff here.
*/
/*------------------------------------*\
SGDS V 1.3.17
\*------------------------------------*/
@keyframes spinAround {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.control.is-loading:after,
.select.is-loading:after {
animation: spinAround 0.5s linear infinite;
border-radius: 290486px;
border-color: transparent transparent #d6d6d6 #d6d6d6;
border-style: solid;
border-width: 2px;
content: "";
display: block;
height: 1em;
position: relative;
width: 1em;
}
.file {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
html {
background-color: #fff;
font-size: 16px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
min-width: 300px;
overflow-x: hidden;
overflow-y: scroll;
text-rendering: optimizeLegibility;
text-size-adjust: 100%;
}
article,
aside,
figure,
footer,
header,
hgroup,
section {
display: block;
}
body,
button,
input,
select,
textarea {
font-family: Lato, BlinkMacSystemFont, -apple-system, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
}
code,
pre {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: auto;
font-family: monospace;
}
body {
color: #484848;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
a {
color: #0070f2;
cursor: pointer;
text-decoration: none;
}
a strong {
color: currentColor;
}
a:hover {
color: #1a88ff;
}
code {
background-color: #f5f5f5;
color: #d0021b;
font-size: 0.875em;
font-weight: 400;
padding: 0.25em 0.5em;
white-space: pre-wrap;
}
hr {
background-color: #d6d6d6;
border: none;
display: block;
height: 1px;
margin: 1.5rem 0;
}
img {
height: auto;
max-width: 100%;
}
input[type="checkbox"],
input[type="radio"] {
vertical-align: baseline;
}
span {
font-style: inherit;
font-weight: inherit;
}
strong {
color: #323232;
font-weight: 700;
}
pre {
-webkit-overflow-scrolling: touch;
background-color: #f5f5f5;
color: #484848;
font-size: 0.875em;
overflow-x: auto;
padding: 1.25rem 1.5rem;
white-space: pre;
word-wrap: normal;
}
pre code {
background-color: transparent;
color: currentColor;
font-size: 1em;
padding: 0;
}
table td,
table th {
text-align: left;
vertical-align: top;
}
table th {
color: #323232;
}
.is-clearfix:after {
clear: both;
content: " ";
display: table;
}
.is-pulled-left {
float: left !important;
}
.is-pulled-right {
float: right !important;
}
.is-clipped {
overflow: hidden !important;
}
.is-overlay {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.is-size-0 {
font-size: 5.25rem !important;
}
.is-size-1 {
font-size: 3.375rem !important;
}
.is-size-2 {
font-size: 2.75rem !important;
}
.is-size-3 {
font-size: 2rem !important;
}
.is-size-4 {
font-size: 1.625rem !important;
}
.is-size-5 {
font-size: 1.375rem !important;
}
.is-size-6 {
font-size: 1.3rem !important;
}
.is-size-7 {
font-size: 1.125rem !important;
}
.is-size-8 {
font-size: 1rem !important;
}
@media screen and (max-width: 768px) {
.is-size-0-mobile {
font-size: 5.25rem !important;
}
.is-size-1-mobile {
font-size: 3.375rem !important;
}
.is-size-2-mobile {
font-size: 2.75rem !important;
}
.is-size-3-mobile {
font-size: 2rem !important;
}
.is-size-4-mobile {
font-size: 1.625rem !important;
}
.is-size-5-mobile {
font-size: 1.375rem !important;
}
.is-size-6-mobile {
font-size: 1.3rem !important;
}
.is-size-7-mobile {
font-size: 1.125rem !important;
}
.is-size-8-mobile {
font-size: 1rem !important;
}
}
@media print, screen and (min-width: 769px) {
.is-size-0-tablet {
font-size: 5.25rem !important;
}
.is-size-1-tablet {
font-size: 3.375rem !important;
}
.is-size-2-tablet {
font-size: 2.75rem !important;
}
.is-size-3-tablet {
font-size: 2rem !important;
}
.is-size-4-tablet {
font-size: 1.625rem !important;
}
.is-size-5-tablet {
font-size: 1.375rem !important;
}
.is-size-6-tablet {
font-size: 1.3rem !important;
}
.is-size-7-tablet {
font-size: 1.125rem !important;
}
.is-size-8-tablet {
font-size: 1rem !important;
}
}
@media screen and (max-width: 1023px) {
.is-size-0-touch {
font-size: 5.25rem !important;
}
.is-size-1-touch {
font-size: 3.375rem !important;
}
.is-size-2-touch {
font-size: 2.75rem !important;
}
.is-size-3-touch {
font-size: 2rem !important;
}
.is-size-4-touch {
font-size: 1.625rem !important;
}
.is-size-5-touch {
font-size: 1.375rem !important;
}
.is-size-6-touch {
font-size: 1.3rem !important;
}
.is-size-7-touch {
font-size: 1.125rem !important;
}
.is-size-8-touch {
font-size: 1rem !important;
}
}
@media screen and (min-width: 1024px) {
.is-size-0-desktop {
font-size: 5.25rem !important;
}
.is-size-1-desktop {
font-size: 3.375rem !important;
}
.is-size-2-desktop {
font-size: 2.75rem !important;
}
.is-size-3-desktop {
font-size: 2rem !important;
}
.is-size-4-desktop {
font-size: 1.625rem !important;
}
.is-size-5-desktop {
font-size: 1.375rem !important;
}
.is-size-6-desktop {
font-size: 1.3rem !important;
}
.is-size-7-desktop {
font-size: 1.125rem !important;
}
.is-size-8-desktop {
font-size: 1rem !important;
}
}
@media screen and (min-width: 1216px) {
.is-size-0-widescreen {
font-size: 5.25rem !important;
}
.is-size-1-widescreen {
font-size: 3.375rem !important;
}
.is-size-2-widescreen {
font-size: 2.75rem !important;
}
.is-size-3-widescreen {
font-size: 2rem !important;
}
.is-size-4-widescreen {
font-size: 1.625rem !important;
}
.is-size-5-widescreen {
font-size: 1.375rem !important;
}
.is-size-6-widescreen {
font-size: 1.3rem !important;
}
.is-size-7-widescreen {
font-size: 1.125rem !important;
}
.is-size-8-widescreen {
font-size: 1rem !important;
}
}
@media screen and (min-width: 1408px) {
.is-size-0-fullhd {
font-size: 5.25rem !important;
}
.is-size-1-fullhd {
font-size: 3.375rem !important;
}
.is-size-2-fullhd {
font-size: 2.75rem !important;
}
.is-size-3-fullhd {
font-size: 2rem !important;
}
.is-size-4-fullhd {
font-size: 1.625rem !important;
}
.is-size-5-fullhd {
font-size: 1.375rem !important;
}
.is-size-6-fullhd {
font-size: 1.3rem !important;
}
.is-size-7-fullhd {
font-size: 1.125rem !important;
}
.is-size-8-fullhd {
font-size: 1rem !important;
}
}
.has-text-centered {
text-align: center !important;
}
@media screen and (max-width: 768px) {
.has-text-centered-mobile {
text-align: center !important;
}
}
@media print, screen and (min-width: 769px) {
.has-text-centered-tablet {
text-align: center !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.has-text-centered-tablet-only {
text-align: center !important;
}
}
@media screen and (max-width: 1023px) {
.has-text-centered-touch {
text-align: center !important;
}
}
@media screen and (min-width: 1024px) {
.has-text-centered-desktop {
text-align: center !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.has-text-centered-desktop-only {
text-align: center !important;
}
}
@media screen and (min-width: 1216px) {
.has-text-centered-widescreen {
text-align: center !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.has-text-centered-widescreen-only {
text-align: center !important;
}
}
@media screen and (min-width: 1408px) {
.has-text-centered-fullhd {
text-align: center !important;
}
}
.has-text-justified {
text-align: justify !important;
}
@media screen and (max-width: 768px) {
.has-text-justified-mobile {
text-align: justify !important;
}
}
@media print, screen and (min-width: 769px) {
.has-text-justified-tablet {
text-align: justify !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.has-text-justified-tablet-only {
text-align: justify !important;
}
}
@media screen and (max-width: 1023px) {
.has-text-justified-touch {
text-align: justify !important;
}
}
@media screen and (min-width: 1024px) {
.has-text-justified-desktop {
text-align: justify !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.has-text-justified-desktop-only {
text-align: justify !important;
}
}
@media screen and (min-width: 1216px) {
.has-text-justified-widescreen {
text-align: justify !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.has-text-justified-widescreen-only {
text-align: justify !important;
}
}
@media screen and (min-width: 1408px) {
.has-text-justified-fullhd {
text-align: justify !important;
}
}
.has-text-left,
.sgds-bottom-navigation a.is-left {
text-align: left !important;
}
@media screen and (max-width: 768px) {
.has-text-left-mobile {
text-align: left !important;
}
}
@media print, screen and (min-width: 769px) {
.has-text-left-tablet {
text-align: left !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.has-text-left-tablet-only {
text-align: left !important;
}
}
@media screen and (max-width: 1023px) {
.has-text-left-touch {
text-align: left !important;
}
}
@media screen and (min-width: 1024px) {
.has-text-left-desktop {
text-align: left !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.has-text-left-desktop-only {
text-align: left !important;
}
}
@media screen and (min-width: 1216px) {
.has-text-left-widescreen {
text-align: left !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.has-text-left-widescreen-only {
text-align: left !important;
}
}
@media screen and (min-width: 1408px) {
.has-text-left-fullhd {
text-align: left !important;
}
}
.has-text-right,
.sgds-bottom-navigation a.is-right {
text-align: right !important;
}
@media screen and (max-width: 768px) {
.has-text-right-mobile {
text-align: right !important;
}
}
@media print, screen and (min-width: 769px) {
.has-text-right-tablet {
text-align: right !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.has-text-right-tablet-only {
text-align: right !important;
}
}
@media screen and (max-width: 1023px) {
.has-text-right-touch {
text-align: right !important;
}
}
@media screen and (min-width: 1024px) {
.has-text-right-desktop {
text-align: right !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.has-text-right-desktop-only {
text-align: right !important;
}
}
@media screen and (min-width: 1216px) {
.has-text-right-widescreen {
text-align: right !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.has-text-right-widescreen-only {
text-align: right !important;
}
}
@media screen and (min-width: 1408px) {
.has-text-right-fullhd {
text-align: right !important;
}
}
.is-capitalized {
text-transform: capitalize !important;
}
.is-lowercase {
text-transform: lowercase !important;
}
.is-uppercase {
text-transform: uppercase !important;
}
.is-italic {
font-style: italic !important;
}
.has-text-white {
color: #fff !important;
}
a.has-text-white:focus,
a.has-text-white:hover {
color: #e6e6e6 !important;
}
.has-background-white {
background-color: #fff !important;
}
.has-text-black {
color: #0a0a0a !important;
}
a.has-text-black:focus,
a.has-text-black:hover {
color: #000 !important;
}
.has-background-black {
background-color: #0a0a0a !important;
}
.has-text-light {
color: #f5f5f5 !important;
}
a.has-text-light:focus,
a.has-text-light:hover {
color: #dbdbdb !important;
}
.has-background-light {
background-color: #f5f5f5 !important;
}
.has-text-dark {
color: #323232 !important;
}
a.has-text-dark:focus,
a.has-text-dark:hover {
color: #191919 !important;
}
.has-background-dark {
background-color: #323232 !important;
}
.has-text-primary {
color: #6037b3 !important;
}
a.has-text-primary:focus,
a.has-text-primary:hover {
color: #4b2b8c !important;
}
.has-background-primary {
background-color: #6037b3 !important;
}
.has-text-secondary {
color: #3e69be !important;
}
a.has-text-secondary:focus,
a.has-text-secondary:hover {
color: #315498 !important;
}
.has-background-secondary {
background-color: #3e69be !important;
}
.has-text-link {
color: #0070f2 !important;
}
a.has-text-link:focus,
a.has-text-link:hover {
color: #0058bf !important;
}
.has-background-link {
background-color: #0070f2 !important;
}
.has-text-info {
color: #008196 !important;
}
a.has-text-info:focus,
a.has-text-info:hover {
color: #005563 !important;
}
.has-background-info {
background-color: #008196 !important;
}
.has-text-success {
color: #008649 !important;
}
a.has-text-success:focus,
a.has-text-success:hover {
color: #00532d !important;
}
.has-background-success {
background-color: #008649 !important;
}
.has-text-warning {
color: #f5a623 !important;
}
a.has-text-warning:focus,
a.has-text-warning:hover {
color: #db8c0a !important;
}
.has-background-warning {
background-color: #f5a623 !important;
}
.has-text-danger {
color: #d0021b !important;
}
a.has-text-danger:focus,
a.has-text-danger:hover {
color: #9d0214 !important;
}
.has-background-danger {
background-color: #d0021b !important;
}
.has-text-black-bis {
color: #121212 !important;
}
.has-text-black-ter {
color: #242424 !important;
}
.has-text-grey-darker {
color: #323232 !important;
}
.has-text-grey-dark {
color: #484848 !important;
}
.has-text-grey {
color: #767676 !important;
}
.has-text-grey-light {
color: #d6d6d6 !important;
}
.has-text-grey-lighter {
color: #f0f0f0 !important;
}
.has-text-white-ter {
color: #f5f5f5 !important;
}
.has-text-white-bis {
color: #fafafa !important;
}
.has-text-weight-light {
font-weight: 300 !important;
}
.has-text-weight-normal {
font-weight: 400 !important;
}
.has-text-weight-medium {
font-weight: 500 !important;
}
.has-text-weight-semibold {
font-weight: 600 !important;
}
.has-text-weight-bold {
font-weight: 700 !important;
}
.has-text-weight-extrabold {
font-weight: 800 !important;
}
.has-text-weight-black {
font-weight: 900 !important;
}
.is-block {
display: block !important;
}
@media screen and (max-width: 768px) {
.is-block-mobile {
display: block !important;
}
}
@media print, screen and (min-width: 769px) {
.is-block-tablet {
display: block !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.is-block-tablet-only {
display: block !important;
}
}
@media screen and (max-width: 1023px) {
.is-block-touch {
display: block !important;
}
}
@media screen and (min-width: 1024px) {
.is-block-desktop {
display: block !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-block-desktop-only {
display: block !important;
}
}
@media screen and (min-width: 1216px) {
.is-block-widescreen {
display: block !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-block-widescreen-only {
display: block !important;
}
}
@media screen and (min-width: 1408px) {
.is-block-fullhd {
display: block !important;
}
}
.is-flex {
display: flex !important;
}
@media screen and (max-width: 768px) {
.is-flex-mobile {
display: flex !important;
}
}
@media print, screen and (min-width: 769px) {
.is-flex-tablet {
display: flex !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.is-flex-tablet-only {
display: flex !important;
}
}
@media screen and (max-width: 1023px) {
.is-flex-touch {
display: flex !important;
}
}
@media screen and (min-width: 1024px) {
.is-flex-desktop {
display: flex !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-flex-desktop-only {
display: flex !important;
}
}
@media screen and (min-width: 1216px) {
.is-flex-widescreen {
display: flex !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-flex-widescreen-only {
display: flex !important;
}
}
@media screen and (min-width: 1408px) {
.is-flex-fullhd {
display: flex !important;
}
}
.is-inline {
display: inline !important;
}
@media screen and (max-width: 768px) {
.is-inline-mobile {
display: inline !important;
}
}
@media print, screen and (min-width: 769px) {
.is-inline-tablet {
display: inline !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.is-inline-tablet-only {
display: inline !important;
}
}
@media screen and (max-width: 1023px) {
.is-inline-touch {
display: inline !important;
}
}
@media screen and (min-width: 1024px) {
.is-inline-desktop {
display: inline !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-inline-desktop-only {
display: inline !important;
}
}
@media screen and (min-width: 1216px) {
.is-inline-widescreen {
display: inline !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-inline-widescreen-only {
display: inline !important;
}
}
@media screen and (min-width: 1408px) {
.is-inline-fullhd {
display: inline !important;
}
}
.is-inline-block {
display: inline-block !important;
}
@media screen and (max-width: 768px) {
.is-inline-block-mobile {
display: inline-block !important;
}
}
@media print, screen and (min-width: 769px) {
.is-inline-block-tablet {
display: inline-block !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.is-inline-block-tablet-only {
display: inline-block !important;
}
}
@media screen and (max-width: 1023px) {
.is-inline-block-touch {
display: inline-block !important;
}
}
@media screen and (min-width: 1024px) {
.is-inline-block-desktop {
display: inline-block !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-inline-block-desktop-only {
display: inline-block !important;
}
}
@media screen and (min-width: 1216px) {
.is-inline-block-widescreen {
display: inline-block !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-inline-block-widescreen-only {
display: inline-block !important;
}
}
@media screen and (min-width: 1408px) {
.is-inline-block-fullhd {
display: inline-block !important;
}
}
.is-inline-flex {
display: inline-flex !important;
}
@media screen and (max-width: 768px) {
.is-inline-flex-mobile {
display: inline-flex !important;
}
}
@media print, screen and (min-width: 769px) {
.is-inline-flex-tablet {
display: inline-flex !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.is-inline-flex-tablet-only {
display: inline-flex !important;
}
}
@media screen and (max-width: 1023px) {
.is-inline-flex-touch {
display: inline-flex !important;
}
}
@media screen and (min-width: 1024px) {
.is-inline-flex-desktop {
display: inline-flex !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-inline-flex-desktop-only {
display: inline-flex !important;
}
}
@media screen and (min-width: 1216px) {
.is-inline-flex-widescreen {
display: inline-flex !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-inline-flex-widescreen-only {
display: inline-flex !important;
}
}
@media screen and (min-width: 1408px) {
.is-inline-flex-fullhd {
display: inline-flex !important;
}
}
.is-hidden {
display: none !important;
}
@media screen and (max-width: 768px) {
.is-hidden-mobile {
display: none !important;
}
}
@media print, screen and (min-width: 769px) {
.is-hidden-tablet {
display: none !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.is-hidden-tablet-only {
display: none !important;
}
}
@media screen and (max-width: 1023px) {
.is-hidden-touch {
display: none !important;
}
}
@media screen and (min-width: 1024px) {
.is-hidden-desktop {
display: none !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-hidden-desktop-only {
display: none !important;
}
}
@media screen and (min-width: 1216px) {
.is-hidden-widescreen {
display: none !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-hidden-widescreen-only {
display: none !important;
}
}
@media screen and (min-width: 1408px) {
.is-hidden-fullhd {
display: none !important;
}
}
.is-invisible {
visibility: hidden !important;
}
@media screen and (max-width: 768px) {
.is-invisible-mobile {
visibility: hidden !important;
}
}
@media print, screen and (min-width: 769px) {
.is-invisible-tablet {
visibility: hidden !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.is-invisible-tablet-only {
visibility: hidden !important;
}
}
@media screen and (max-width: 1023px) {
.is-invisible-touch {
visibility: hidden !important;
}
}
@media screen and (min-width: 1024px) {
.is-invisible-desktop {
visibility: hidden !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-invisible-desktop-only {
visibility: hidden !important;
}
}
@media screen and (min-width: 1216px) {
.is-invisible-widescreen {
visibility: hidden !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-invisible-widescreen-only {
visibility: hidden !important;
}
}
@media screen and (min-width: 1408px) {
.is-invisible-fullhd {
visibility: hidden !important;
}
}
.is-marginless {
margin: 0 !important;
}
.is-paddingless,
.sgds-bottom-navigation {
padding: 0 !important;
}
.is-radiusless {
border-radius: 0 !important;
}
.is-shadowless {
box-shadow: none !important;
}
.is-unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.is-stretched {
align-items: stretch !important;
}
.is-vcentered {
align-items: center !important;
}
.is-wrapped {
white-space: normal !important;
}
.hide {
display: none !important;
visibility: hidden !important;
}
.show {
display: block;
visibility: visible;
}
.is-position-relative,
.touch .is-offset-sidenav {
position: relative !important;
}
.is-overflow-hidden {
overflow: hidden;
}
.is-flex-justify-fs {
justify-content: flex-start !important;
}
.is-flex-justify-fe {
justify-content: flex-end !important;
}
.is-flex-justify-c {
justify-content: center !important;
}
.is-flex-justify-sb {
justify-content: space-between !important;
}
.is-flex-justify-sa {
justify-content: space-around !important;
}
.is-flex-justify-initial {
justify-content: normal !important;
}
.is-flex-justify-inherit {
justify-content: inherit !important;
}
.is-flex-alignitems-fs {
align-items: flex-start !important;
}
.is-flex-alignitems-fe {
align-items: flex-end !important;
}
.is-flex-alignitems-c {
align-items: center !important;
}
.is-flex-alignitems-s {
align-items: stretch !important;
}
.is-flex-alignitems-b {
align-items: baseline !important;
} /*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 400;
}
ul {
list-style: none;
}
button,
input,
select,
textarea {
margin: 0;
}
html {
box-sizing: border-box;
}
*,
:after,
:before {
box-sizing: inherit;
}
audio,
embed,
img,
object,
video {
max-width: 100%;
}
iframe {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
text-align: left;
}
h1 {
font-size: 3.375rem;
line-height: 3.75rem;
letter-spacing: -0.09375rem;
}
@media screen and (max-width: 1023px) {
h1 {
font-size: 2.75rem;
}
}
h1.display {
font-size: 5.25rem;
line-height: 5.25rem;
}
@media screen and (max-width: 1023px) {
h1.display {
font-size: 3.5rem;
}
}
h2 {
font-size: 2.75rem;
line-height: 3.75rem;
}
@media screen and (max-width: 1023px) {
h2 {
font-size: 2rem;
}
}
h3 {
font-size: 2rem;
line-height: 2.8125rem;
}
@media screen and (max-width: 1023px) {
h3 {
font-size: 1.75rem;
}
}
h4 {
font-size: 1.625rem;
line-height: 2.25rem;
}
@media screen and (max-width: 1023px) {
h4 {
font-size: 1.5rem;
}
}
h5 {
font-size: 1.375rem;
line-height: 1.875rem;
}
h6 {
font-size: 1.3rem;
line-height: 1.5rem;
}
center,
li,
p {
font-size: 1.125rem;
line-height: 2rem;
}
.content center,
.content li,
.content p {
line-height: 2.2rem;
}
small {
font-size: 1rem;
line-height: 1.125rem;
}
b,
strong {
font-weight: 600;
}
.eyebrow {
font-size: 1rem;
letter-spacing: 0.09375rem;
line-height: 1.375rem;
}
@font-face {
font-family: sgds-icons;
src: url(../fonts/sgds-icons.ttf) format("truetype"), url(../fonts/sgds-icons.woff) format("woff"), url(../fonts/sgds-icons.svg?#sgds-icons) format("svg");
font-weight: 400;
font-style: normal;
}
.sgds-icon {
font-family: sgds-icons !important;
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;
}
.sgds-icon-breadcrumb:before {
content: "\e9a2";
}
.sgds-icon-callout:before {
content: "\e9a3";
}
.sgds-icon-hero:before {
content: "\e9a4";
}
.sgds-icon-mainnav:before {
content: "\e9a5";
}
.sgds-icon-sidenav:before {
content: "\e9a6";
}
.sgds-icon-table:before {
content: "\e9a7";
}
.sgds-icon-typography:before {
content: "\e9a8";
}
.sgds-icon-delete:before {
content: "\e997";
}
.sgds-icon-grid-alt:before {
content: "\e998";
}
.sgds-icon-pause-alt:before {
content: "\e999";
}
.sgds-icon-pause:before {
content: "\e99a";
}
.sgds-icon-pencil:before {
content: "\e99b";
}
.sgds-icon-play-alt:before {
content: "\e99c";
}
.sgds-icon-play:before {
content: "\e99d";
}
.sgds-icon-privacy-alt:before {
content: "\e99e";
}
.sgds-icon-privacy:before {
content: "\e99f";
}
.sgds-icon-signal:before {
content: "\e9a0";
}
.sgds-icon-stop:before {
content: "\e9a1";
}
.sgds-icon-telephone:before {
content: "\e97c";
}
.sgds-icon-bookmark-alt:before {
content: "\e995";
}
.sgds-icon-star-alt:before {
content: "\e996";
}
.sgds-icon-guides:before {
content: "\e97d";
}
.sgds-icon-sentimeter:before {
content: "\e97e";
}
.sgds-icon-sharepoint:before {
content: "\e97f";
}
.sgds-icon-sitecore:before {
content: "\e980";
}
.sgds-icon-sitefinity:before {
content: "\e981";
}
.sgds-icon-swiit:before {
content: "\e982";
}
.sgds-icon-wordpress:before {
content: "\e983";
}
.sgds-icon-accordion:before {
content: "\e984";
}
.sgds-icon-button:before {
content: "\e985";
}
.sgds-icon-card:before {
content: "\e986";
}
.sgds-icon-checklist:before {
content: "\e987";
}
.sgds-icon-container:before {
content: "\e988";
}
.sgds-icon-dropdown:before {
content: "\e989";
}
.sgds-icon-footer:before {
content: "\e98a";
}
.sgds-icon-grid:before {
content: "\e98b";
}
.sgds-icon-icons:before {
content: "\e98c";
}
.sgds-icon-masthead:before {
content: "\e98d";
}
.sgds-icon-section:before {
content: "\e98e";
}
.sgds-icon-tab:before {
content: "\e98f";
}
.sgds-icon-atom:before {
content: "\e990";
}
.sgds-icon-molecule:before {
content: "\e991";
}
.sgds-icon-organism:before {
content: "\e992";
}
.sgds-icon-page:before {
content: "\e993";
}
.sgds-icon-template:before {
content: "\e994";
}
.sgds-icon-add-image:before {
content: "\e973";
}
.sgds-icon-attachment:before {
content: "\e974";
}
.sgds-icon-cloud:before {
content: "\e975";
}
.sgds-icon-contact:before {
content: "\e976";
}
.sgds-icon-create-folder:before {
content: "\e977";
}
.sgds-icon-delay:before {
content: "\e978";
}
.sgds-icon-file-copy:before {
content: "\e979";
}
.sgds-icon-file-pdf:before {
content: "\e97a";
}
.sgds-icon-folder:before {
content: "\e97b";
}
.sgds-icon-add-photo:before {
content: "\e900";
}
.sgds-icon-browser:before {
content: "\e901";
}
.sgds-icon-calculator:before {
content: "\e902";
}
.sgds-icon-camera:before {
content: "\e903";
}
.sgds-icon-clock:before {
content: "\e904";
}
.sgds-icon-cloud-download:before {
content: "\e905";
}
.sgds-icon-cloud-success:before {
content: "\e906";
}
.sgds-icon-cloud-upload:before {
content: "\e907";
}
.sgds-icon-database:before {
content: "\e908";
}
.sgds-icon-download:before {
content: "\e909";
}
.sgds-icon-file-add:before {
content: "\e90a";
}
.sgds-icon-file-alt:before {
content: "\e90b";
}
.sgds-icon-file:before {
content: "\e90c";
}
.sgds-icon-hdd:before {
content: "\e90d";
}
.sgds-icon-image:before {
content: "\e90e";
}
.sgds-icon-link:before {
content: "\e90f";
}
.sgds-icon-lock:before {
content: "\e910";
}
.sgds-icon-mail:before {
content: "\e911";
}
.sgds-icon-print:before {
content: "\e912";
}
.sgds-icon-radar:before {
content: "\e913";
}
.sgds-icon-save:before {
content: "\e914";
}
.sgds-icon-share:before {
content: "\e915";
}
.sgds-icon-unlock:before {
content: "\e916";
}
.sgds-icon-upload:before {
content: "\e917";
}
.sgds-icon-volume-mute:before {
content: "\e918";
}
.sgds-icon-volume:before {
content: "\e919";
}
.sgds-icon-docker:before {
content: "\e91a";
}
.sgds-icon-facebook-alt:before {
content: "\e91b";
}
.sgds-icon-facebook:before {
content: "\e91c";
}
.sgds-icon-google:before {
content: "\e91d";
}
.sgds-icon-instagram:before {
content: "\e91e";
}
.sgds-icon-linkedin-alt:before {
content: "\e91f";
}
.sgds-icon-linkedin:before {
content: "\e920";
}
.sgds-icon-person-add:before {
content: "\e921";
}
.sgds-icon-person-cancel:before {
content: "\e922";
}
.sgds-icon-person-remove:before {
content: "\e923";
}
.sgds-icon-person:before {
content: "\e924";
}
.sgds-icon-rss:before {
content: "\e925";
}
.sgds-icon-thumbs-down:before {
content: "\e926";
}
.sgds-icon-thumbs-up:before {
content: "\e927";
}
.sgds-icon-twitter:before {
content: "\e928";
}
.sgds-icon-youtube:before {
content: "\e929";
}
.sgds-icon-add-place:before {
content: "\e92a";
}
.sgds-icon-boat:before {
content: "\e92b";
}
.sgds-icon-bus:before {
content: "\e92c";
}
.sgds-icon-car:before {
content: "\e92d";
}
.sgds-icon-layers:before {
content: "\e92e";
}
.sgds-icon-map:before {
content: "\e92f";
}
.sgds-icon-my-location:before {
content: "\e930";
}
.sgds-icon-place:before {
content: "\e931";
}
.sgds-icon-taxi:before {
content: "\e932";
}
.sgds-icon-traffic:before {
content: "\e933";
}
.sgds-icon-train:before {
content: "\e934";
}
.sgds-icon-arrow-down:before {
content: "\e935";
}
.sgds-icon-arrow-left:before {
content: "\e936";
}
.sgds-icon-arrow-right:before {
content: "\e937";
}
.sgds-icon-arrow-top-left:before {
content: "\e938";
}
.sgds-icon-arrow-top-right:before {
content: "\e939";
}
.sgds-icon-arrow-up:before {
content: "\e93a";
}
.sgds-icon-check:before {
content: "\e93b";
}
.sgds-icon-chevron-down:before {
content: "\e93c";
}
.sgds-icon-chevron-left:before {
content: "\e93d";
}
.sgds-icon-chevron-right:before {
content: "\e93e";
}
.sgds-icon-chevron-up:before {
content: "\e93f";
}
.sgds-icon-cog:before {
content: "\e940";
}
.sgds-icon-cross:before {
content: "\e941";
}
.sgds-icon-ellipsis:before {
content: "\e942";
}
.sgds-icon-home:before {
content: "\e943";
}
.sgds-icon-menu:before {
content: "\e944";
}
.sgds-icon-minus:before {
content: "\e945";
}
.sgds-icon-notification:before {
content: "\e946";
}
.sgds-icon-plus:before {
content: "\e947";
}
.sgds-icon-sg-crest:before {
content: "\e948";
color: #db0000;
}
.sgds-icon-text-center:before {
content: "\e949";
}
.sgds-icon-text-justify:before {
content: "\e94a";
}
.sgds-icon-text-left:before {
content: "\e94b";
}
.sgds-icon-text-right:before {
content: "\e94c";
}
.sgds-icon-add-comment:before {
content: "\e94d";
}
.sgds-icon-ban:before {
content: "\e94e";
}
.sgds-icon-bookmark:before {
content: "\e94f";
}
.sgds-icon-calendar:before {
content: "\e950";
}
.sgds-icon-chat:before {
content: "\e951";
}
.sgds-icon-circle-info:before {
content: "\e952";
}
.sgds-icon-circle-minus:before {
content: "\e953";
}
.sgds-icon-circle-plus:before {
content: "\e954";
}
.sgds-icon-circle-question:before {
content: "\e955";
}
.sgds-icon-circle-warning:before {
content: "\e956";
}
.sgds-icon-compress-alt:before {
content: "\e957";
}
.sgds-icon-compress:before {
content: "\e958";
}
.sgds-icon-edit:before {
content: "\e959";
}
.sgds-icon-expand-alt:before {
content: "\e95a";
}
.sgds-icon-expand:before {
content: "\e95b";
}
.sgds-icon-external:before {
content: "\e95c";
}
.sgds-icon-feedback:before {
content: "\e95d";
}
.sgds-icon-filter:before {
content: "\e95e";
}
.sgds-icon-info:before {
content: "\e95f";
}
.sgds-icon-list:before {
content: "\e960";
}
.sgds-icon-pin:before {
content: "\e961";
}
.sgds-icon-question:before {
content: "\e962";
}
.sgds-icon-refresh:before {
content: "\e963";
}
.sgds-icon-rsvp-no:before {
content: "\e964";
}
.sgds-icon-rsvp-yes:before {
content: "\e965";
}
.sgds-icon-search:before {
content: "\e966";
}
.sgds-icon-slider-horizontal:before {
content: "\e967";
}
.sgds-icon-slider-vertical:before {
content: "\e968";
}
.sgds-icon-star:before {
content: "\e969";
}
.sgds-icon-sync:before {
content: "\e96a";
}
.sgds-icon-toggle-minus:before {
content: "\e96b";
}
.sgds-icon-toggle-off:before {
content: "\e96c";
}
.sgds-icon-toggle-on:before {
content: "\e96d";
}
.sgds-icon-toggle-plus:before {
content: "\e96e";
}
.sgds-icon-triangle-warning:before {
content: "\e96f";
}
.sgds-icon-warning:before {
content: "\e970";
}
.sgds-icon-zoom-in:before {
content: "\e971";
}
.sgds-icon-zoom-out:before {
content: "\e972";
}
.sgds-bottom-navigation {
height: 95px;
}
@media screen and (max-width: 768px) {
.sgds-bottom-navigation {
height: 64px;
}
}
.sgds-bottom-navigation a {
color: #fff;
background-color: #3e69be;
display: block;
width: 50%;
padding: 1rem 5rem;
}
.sgds-bottom-navigation a.is-full {
width: 100%;
}
.sgds-bottom-navigation a.is-half {
width: 50%;
}
.sgds-bottom-navigation a.is-left {
float: left;
}
.sgds-bottom-navigation a.is-right {
float: right;
}
@media screen and (max-width: 1023px) {
.sgds-bottom-navigation a {
padding-left: 1.5em;
padding-right: 1.5rem;
}
}
.sgds-bottom-navigation a:hover {
background-color: #315498;
}
.sgds-bottom-navigation p {
font-size: 1.25rem;
line-height: 2rem;
}
.sgds-bottom-navigation p:first-child {
font-size: 1rem !important;
}
.sgds-box {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
color: #484848;
display: block;
padding: 1.25rem;
}
.sgds-box:not(:last-child) {
margin-bottom: 1.5rem;
}
.sgds-box.is-white {
border: 1px solid #fff;
}
.sgds-box.is-black {
border: 1px solid #0a0a0a;
}
.sgds-box.is-light {
border: 1px solid #f5f5f5;
}
.sgds-box.is-dark {
border: 1px solid #323232;
}
.sgds-box.is-primary {
border: 1px solid #6037b3;
}
.sgds-box.is-secondary {
border: 1px solid #3e69be;
}
.sgds-box.is-link {
border: 1px solid #0070f2;
}
.sgds-box.is-info {
border: 1px solid #008196;
}
.sgds-box.is-success {
border: 1px solid #008649;
}
.sgds-box.is-warning {
border: 1px solid #f5a623;
}
.sgds-box.is-danger {
border: 1px solid #d0021b;
}
.sgds a.sgds-box:focus,
.sgds a.sgds-box:hover {
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #0070f2;
}
.sgds a.sgds-box:active {
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #0070f2;
}
.sgds-breadcrumb {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.sgds-breadcrumb:not(:last-child) {
margin-bottom: 1.5rem;
}
.sgds-breadcrumb a {
align-items: center;
color: #0070f2;
display: flex;
justify-content: center;
padding: 0 0.75em;
font-size: 1rem;
}
.sgds-breadcrumb a:hover {
color: #1a88ff;
}
.sgds-breadcrumb li {
align-items: center;
display: flex;
}
.sgds-breadcrumb li:first-child a {
padding-left: 0;
}
.sgds-breadcrumb li.is-active a {
color: #323232;
cursor: default;
pointer-events: none;
}
.sgds-breadcrumb li + li:before {
color: #484848;
content: "/";
}
.sgds-breadcrumb ol,
.sgds-breadcrumb ul {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.sgds-breadcrumb .icon:first-child {
margin-right: 0.5em;
}
.sgds-breadcrumb .icon:last-child {
margin-left: 0.5em;
}
.sgds-breadcrumb.is-centered ol,
.sgds-breadcrumb.is-centered ul {
justify-content: center;
}
.sgds-breadcrumb.is-right ol,
.sgds-breadcrumb.is-right ul {
justify-content: flex-end;
}
.sgds-breadcrumb.is-small {
font-size: 1rem;
}
.sgds-breadcrumb.is-medium {
font-size: 1.3rem;
}
.sgds-breadcrumb.is-large {
font-size: 1.375rem;
}
.sgds-breadcrumb.has-arrow-separator li + li:before {
content: "→";
}
.sgds-breadcrumb.has-bullet-separator li + li:before {
content: "•";
}
.sgds-breadcrumb.has-dot-separator li + li:before {
content: "·";
}
.sgds-breadcrumb.has-succeeds-separator li + li:before {
content: "≻";
}
.sgds-button {
-moz-appearance: none;
-webkit-appearance: none;
align-items: center;
border-radius: 0;
box-shadow: none;
display: inline-flex;
font-size: 1.125rem;
height: 2.25em;
justify-content: flex-start;
line-height: 1.5;
position: relative;
vertical-align: top;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
border: 1px solid #f0f0f0;
color: #323232;
cursor: pointer;
justify-content: center;
padding: calc(0.375em - 1px) 0.75em;
text-align: center;
white-space: nowrap;
}
.sgds-button.is-active,
.sgds-button.is-focused,
.sgds-button:active,
.sgds-button:focus {
outline: none;
}
.sgds-button[disabled] {
cursor: not-allowed;
}
.sgds-button strong {
color: inherit;
}
.sgds-button .sgds-icon,
.sgds-button .sgds-icon.is-large,
.sgds-button .sgds-icon.is-medium,
.sgds-button .sgds-icon.is-small {
height: 1em;
width: 2em;
}
.sgds-button .sgds-icon:first-child:not(:last-child) {
margin-left: calc(-0.375em - 1px);
margin-right: 0.1875em;
}
.sgds-button .sgds-icon:last-child:not(:first-child) {
margin-left: 0.1875em;
margin-right: calc(-0.375em - 1px);
}
.sgds-button .sgds-icon:first-child:last-child {
margin-left: calc(-0.375em - 1px);
margin-right: calc(-0.375em - 1px);
}
.sgds-button.is-hovered,
.sgds-button:hover {
border-color: #d6d6d6;
color: #1a88ff;
}
.sgds-button.is-focused,
.sgds-button:focus {
border-color: #0070f2;
color: #1a88ff;
}
.sgds-button.is-focused:not(:active),
.sgds-button:focus:not(:active) {
box-shadow: 0 0 0 0.125em rgba(0, 112, 242, 0.25);
}
.sgds-button.is-active,
.sgds-button:active {
border-color: #484848;
color: #323232;
}
.sgds-button.is-text {
background-color: transparent;
border-color: transparent;
color: #484848;
text-decoration: underline;
}
.sgds-button.is-text.is-active,
.sgds-button.is-text.is-focused,
.sgds-button.is-text.is-hovered,
.sgds-button.is-text:active,
.sgds-button.is-text:focus,
.sgds-button.is-text:hover {
background-color: transparent;
color: #1a88ff;
}
.sgds-button.is-text[disabled] {
background-color: transparent;
border-color: transparent;
box-shadow: none;
}
.sgds-button.is-white {
background-color: #fff;
border-color: transparent;
color: #0a0a0a;
}
.sgds-button.is-white.is-hovered,
.sgds-button.is-white:hover {
background-color: #ebebeb;
border-color: transparent;
color: #0a0a0a;
}
.sgds-button.is-white.is-focused,
.sgds-button.is-white:focus {
border-color: transparent;
color: #0a0a0a;
}
.sgds-button.is-white.is-focused:not(:active),
.sgds-button.is-white:focus:not(:active) {
box-shadow: 0 0 0 0.125em hsla(0, 0%, 100%, 0.25);
}
.sgds-button.is-white.is-active,
.sgds-button.is-white:active {
background-color: #fff;
border-color: transparent;
color: #0a0a0a;
}
.sgds-button.is-white[disabled] {
background-color: #fff;
border-color: transparent;
box-shadow: none;
}
.sgds-button.is-white.is-inverted {
background-color: #0a0a0a;
color: #fff;
}
.sgds-button.is-white.is-inverted:hover {
background-color: #000;
}
.sgds-button.is-white.is-inverted[disabled] {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none;
color: #fff;
}
.sgds-button.is-white.is-loading:after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.sgds-button.is-white.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.sgds-button.is-white.is-outlined.is-focused,
.sgds-button.is-white.is-outlined.is-hovered,
.sgds-button.is-white.is-outlined:focus,
.sgds-button.is-white.is-outlined:hover {
background-color: #ebebeb;
border-color: #fff;
color: #0a0a0a;
}
.sgds-button.is-white.is-outlined.is-active,
.sgds-button.is-white.is-outlined:active {
background-color: #fff;
border-color: transparent;
color: #0a0a0a;
}
.sgds-button.is-white.is-outlined.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.sgds-button.is-white.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.sgds-button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a;
}
.sgds-button.is-white.is-inverted.is-outlined:focus,
.sgds-button.is-white.is-inverted.is-outlined:hover {
background-color: #0a0a0a;
color: #fff;
}
.sgds-button.is-white.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #0a0a0a;
box-shadow: none;
color: #0a0a0a;
}
.sgds-button.is-black {
background-color: #0a0a0a;
border-color: transparent;
color: #fff;
}
.sgds-button.is-black.is-hovered,
.sgds-button.is-black:hover {
background-color: #000;
border-color: transparent;
color: #fff;
}
.sgds-button.is-black.is-focused,
.sgds-button.is-black:focus {
border-color: transparent;
color: #fff;
}
.sgds-button.is-black.is-focused:not(:active),
.sgds-button.is-black:focus:not(:active) {
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.sgds-button.is-black.is-active,
.sgds-button.is-black:active {
background-color: #1f1f1f;
border-color: transparent;
color: #fff;
}
.sgds-button.is-black[disabled] {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none;
}
.sgds-button.is-black.is-inverted {
background-color: #fff;
color: #0a0a0a;
}
.sgds-button.is-black.is-inverted:hover {
background-color: #ebebeb;
}
.sgds-button.is-black.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #0a0a0a;
}
.sgds-button.is-black.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.sgds-button.is-black.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
color: #0a0a0a;
}
.sgds-button.is-black.is-outlined.is-focused,
.sgds-button.is-black.is-outlined.is-hovered,
.sgds-button.is-black.is-outlined:focus,
.sgds-button.is-black.is-outlined:hover {
background-color: #000;
border-color: #0a0a0a;
color: #fff;
}
.sgds-button.is-black.is-outlined.is-active,
.sgds-button.is-black.is-outlined:active {
background-color: #1f1f1f;
border-color: transparent;
color: #fff;
}
.sgds-button.is-black.is-outlined.is-loading:after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
.sgds-button.is-black.is-outlined[disabled] {
background-color: transparent;
border-color: #0a0a0a;
box-shadow: none;
color: #0a0a0a;
}
.sgds-button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.sgds-button.is-black.is-inverted.is-outlined:focus,
.sgds-button.is-black.is-inverted.is-outlined:hover {
background-color: #fff;
color: #0a0a0a;
}
.sgds-button.is-black.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.sgds-button.is-light {
background-color: #f5f5f5;
border-color: transparent;
color: #323232;
}
.sgds-button.is-light.is-hovered,
.sgds-button.is-light:hover {
background-color: #e0e0e0;
border-color: transparent;
color: #323232;
}
.sgds-button.is-light.is-focused,
.sgds-button.is-light:focus {
border-color: transparent;
color: #323232;
}
.sgds-button.is-light.is-focused:not(:active),
.sgds-button.is-light:focus:not(:active) {
box-shadow: 0 0 0 0.125em hsla(0, 0%, 96.1%, 0.25);
}
.sgds-button.is-light.is-active,
.sgds-button.is-light:active {
background-color: #fff;
border-color: transparent;
color: #323232;
}
.sgds-button.is-light[disabled] {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none;
}
.sgds-button.is-light.is-inverted {
background-color: #323232;
color: #f5f5f5;
}
.sgds-button.is-light.is-inverted:hover {
background-color: #1e1e1e;
}
.sgds-button.is-light.is-inverted[disabled] {
background-color: #323232;
border-color: transparent;
box-shadow: none;
color: #f5f5f5;
}
.sgds-button.is-light.is-loading:after {
border-color: transparent transparent #323232 #323232 !important;
}
.sgds-button.is-light.is-outlined {
background-color: transparent;
border-color: #f5f5f5;
color: #f5f5f5;
}
.sgds-button.is-light.is-outlined.is-focused,
.sgds-button.is-light.is-outlined.is-hovered,
.sgds-button.is-light.is-outlined:focus,
.sgds-button.is-light.is-outlined:hover {
background-color: #e0e0e0;
border-color: #f5f5f5;
color: #323232;
}
.sgds-button.is-light.is-outlined.is-active,
.sgds-button.is-light.is-outlined:active {
background-color: #fff;
border-color: transparent;
color: #323232;
}
.sgds-button.is-light.is-outlined.is-loading:after {
border-color: transparent transparent #f5f5f5 #f5f5f5 !important;
}
.sgds-button.is-light.is-outlined[disabled] {
background-color: transparent;
border-color: #f5f5f5;
box-shadow: none;
color: #f5f5f5;
}
.sgds-button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: #323232;
color: #323232;
}
.sgds-button.is-light.is-inverted.is-outlined:focus,
.sgds-button.is-light.is-inverted.is-outlined:hover {
background-color: #323232;
color: #f5f5f5;
}
.sgds-button.is-light.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #323232;
box-shadow: none;
color: #323232;
}
.sgds-button.is-dark {
background-color: #323232;
border-color: transparent;
color: #f5f5f5;
}
.sgds-button.is-dark.is-hovered,
.sgds-button.is-dark:hover {
background-color: #1e1e1e;
border-color: transparent;
color: #f5f5f5;
}
.sgds-button.is-dark.is-focused,
.sgds-button.is-dark:focus {
border-color: transparent;
color: #f5f5f5;
}
.sgds-button.is-dark.is-focused:not(:active),
.sgds-button.is-dark:focus:not(:active) {
box-shadow: 0 0 0 0.125em rgba(50, 50, 50, 0.25);
}
.sgds-button.is-dark.is-active,
.sgds-button.is-dark:active {
background-color: #464646;
border-color: transparent;
color: #f5f5f5;
}
.sgds-button.is-dark[disabled] {
background-color: #323232;
border-color: transparent;
box-shadow: none;
}
.sgds-button.is-dark.is-inverted {
background-color: #f5f5f5;
color: #323232;
}
.sgds-button.is-dark.is-inverted:hover {
background-color: #e0e0e0;
}
.sgds-button.is-dark.is-inverted[disabled] {
background-color: #f5f5f5;
border-color: transparent;
box-shadow: none;
color: #323232;
}
.sgds-button.is-dark.is-loading:after {
border-color: transparent transparent #f5f5f5 #f5f5f5 !important;
}
.sgds-button.is-dark.is-outlined {
background-color: transparent;
border-color: #323232;
color: #323232;
}
.sgds-button.is-dark.is-outlined.is-focused,
.sgds-button.is-dark.is-outlined.is-hovered,
.sgds-button.is-dark.is-outlined:focus,
.sgds-button.is-dark.is-outlined:hover {
background-color: #1e1e1e;
border-color: #323232;
color: #f5f5f5;
}
.sgds-button.is-dark.is-outlined.is-active,
.sgds-button.is-dark.is-outlined:active {
background-color: #464646;
border-color: transparent;
color: #f5f5f5;
}
.sgds-button.is-dark.is-outlined.is-loading:after {
border-color: transparent transparent #323232 #323232 !important;
}
.sgds-button.is-dark.is-outlined[disabled] {
background-color: transparent;
border-color: #323232;
box-shadow: none;
color: #323232;
}
.sgds-button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: #f5f5f5;
color: #f5f5f5;
}
.sgds-button.is-dark.is-inverted.is-outlined:focus,
.sgds-button.is-dark.is-inverted.is-outlined:hover {
background-color: #f5f5f5;
color: #323232;
}
.sgds-button.is-dark.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #f5f5f5;
box-shadow: none;
color: #f5f5f5;
}
.sgds-button.is-primary {
background-color: #6037b3;
border-color: transparent;
color: #fff;
}
.sgds-button.is-primary.is-hovered,
.sgds-button.is-primary:hover {
background-color: #4f2d94;
border-color: transparent;
color: #fff;
}
.sgds-button.is-primary.is-focused,
.sgds-button.is-primary:focus {
border-color: transparent;
color: #fff;
}
.sgds-button.is-primary.is-focused:not(:active),
.sgds-button.is-primary:focus:not(:active) {
box-shadow: 0 0 0 0.125em rgba(96, 55, 179, 0.25);
}
.sgds-button.is-primary.is-active,
.sgds-button.is-primary:active {
background-color: #744bc8;
border-color: transparent;
color: #fff;
}
.sgds-button.is-primary[disabled] {
background-color: #6037b3;
border-color: transparent;
box-shadow: none;
}
.sgds-button.is-primary.is-inverted {
background-color: #fff;
color: #6037b3;
}
.sgds-button.is-primary.is-inverted:hover {
background-color: #ebebeb;
}
.sgds-button.is-primary.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #6037b3;
}
.sgds-button.is-primary.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.sgds-button.is-primary.is-outlined {
background-color: transparent;
border-color: #6037b3;
color: #6037b3;
}
.sgds-button.is-primary.is-outlined.is-focused,
.sgds-button.is-primary.is-outlined.is-hovered,
.sgds-button.is-primary.is-outlined:focus,
.sgds-button.is-primary.is-outlined:hover {
background-color: #4f2d94;
border-color: #6037b3;
color: #fff;
}
.sgds-button.is-primary.is-outlined.is-active,
.sgds-button.is-primary.is-outlined:active {
background-color: #744bc8;
border-color: transparent;
color: #fff;
}
.sgds-button.is-primary.is-outlined.is-loading:after {
border-color: transparent transparent #6037b3 #6037b3 !important;
}
.sgds-button.is-primary.is-outlined[disabled] {
background-color: transparent;
border-color: #6037b3;
box-shadow: none;
color: #6037b3;
}
.sgds-button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.sgds-button.is-primary.is-inverted.is-outlined:focus,
.sgds-button.is-primary.is-inverted.is-outlined:hover {
background-color: #fff;
color: #6037b3;
}
.sgds-button.is-primary.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.sgds-button.is-secondary {
background-color: #3e69be;
border-color: transparent;
color: #fff;
}
.sgds-button.is-secondary.is-hovered,
.sgds-button.is-secondary:hover {
background-color: #34589f;
border-color: transparent;
color: #fff;
}
.sgds-button.is-secondary.is-focused,
.sgds-button.is-secondary:focus {
border-color: transparent;
color: #fff;
}
.sgds-button.is-secondary.is-focused:not(:active),
.sgds-button.is-secondary:focus:not(:active) {
box-shadow: 0 0 0 0.125em rgba(62, 105, 190, 0.25);
}
.sgds-button.is-secondary.is-active,
.sgds-button.is-secondary:active {
background-color: #5b80ca;
border-color: transparent;
color: #fff;
}
.sgds-button.is-secondary[disabled] {
background-color: #3e69be;
border-color: transparent;
box-shadow: none;
}
.sgds-button.is-secondary.is-inverted {
background-color: #fff;
color: #3e69be;
}
.sgds-button.is-secondary.is-inverted:hover {
background-color: #ebebeb;
}
.sgds-button.is-secondary.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #3e69be;
}
.sgds-button.is-secondary.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.sgds-button.is-secondary.is-outlined {
background-color: transparent;
border-color: #3e69be;
color: #3e69be;
}
.sgds-button.is-secondary.is-outlined.is-focused,
.sgds-button.is-secondary.is-outlined.is-hovered,
.sgds-button.is-secondary.is-outlined:focus,
.sgds-button.is-secondary.is-outlined:hover {
background-color: #34589f;
border-color: #3e69be;
color: #fff;
}
.sgds-button.is-secondary.is-outlined.is-active,
.sgds-button.is-secondary.is-outlined:active {
background-color: #5b80ca;
border-color: transparent;
color: #fff;
}
.sgds-button.is-secondary.is-outlined.is-loading:after {
border-color: transparent transparent #3e69be #3e69be !important;
}
.sgds-button.is-secondary.is-outlined[disabled] {
background-color: transparent;
border-color: #3e69be;
box-shadow: none;
color: #3e69be;
}
.sgds-button.is-secondary.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.sgds-button.is-secondary.is-inverted.is-outlined:focus,
.sgds-button.is-secondary.is-inverted.is-outlined:hover {
background-color: #fff;
color: #3e69be;
}
.sgds-button.is-secondary.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.sgds-button.is-link {
background-color: #0070f2;
border-color: transparent;
color: #fff;
}
.sgds-button.is-link.is-hovered,
.sgds-button.is-link:hover {
background-color: #005dc9;
border-color: transparent;
color: #fff;
}
.sgds-button.is-link.is-focused,
.sgds-button.is-link:focus {
border-color: transparent;
color: #fff;
}
.sgds-button.is-link.is-focused:not(:active),
.sgds-button.is-link:focus:not(:active) {
box-shadow: 0 0 0 0.125em rgba(0, 112, 242, 0.25);
}
.sgds-button.is-link.is-active,
.sgds-button.is-link:active {
background-color: #1c85ff;
border-color: transparent;
color: #fff;
}
.sgds-button.is-link[disabled] {
background-color: #0070f2;
border-color: transparent;
box-shadow: none;
}
.sgds-button.is-link.is-inverted {
background-color: #fff;
color: #0070f2;
}
.sgds-button.is-link.is-inverted:hover {
background-color: #ebebeb;
}
.sgds-button.is-link.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #0070f2;
}
.sgds-button.is-link.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.sgds-button.is-link.is-outlined {
background-color: transparent;
border-color: #0070f2;
color: #0070f2;
}
.sgds-button.is-link.is-outlined.is-focused,
.sgds-button.is-link.is-outlined.is-hovered,
.sgds-button.is-link.is-outlined:focus,
.sgds-button.is-link.is-outlined:hover {
background-color: #005dc9;
border-color: #0070f2;
color: #fff;
}
.sgds-button.is-link.is-outlined.is-active,
.sgds-button.is-link.is-outlined:active {
background-color: #1c85ff;
border-color: transparent;
color: #fff;
}
.sgds-button.is-link.is-outlined.is-loading:after {
border-color: transparent transparent #0070f2 #0070f2 !important;
}
.sgds-button.is-link.is-outlined[disabled] {
background-color: transparent;
border-color: #0070f2;
box-shadow: none;
color: #0070f2;
}
.sgds-button.is-link.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.sgds-button.is-link.is-inverted.is-outlined:focus,
.sgds-button.is-link.is-inverted.is-outlined:hover {
background-color: #fff;
color: #0070f2;
}
.sgds-button.is-link.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.sgds-button.is-info {
background-color: #008196;
border-color: transparent;
color: #fff;
}
.sgds-button.is-info.is-hovered,
.sgds-button.is-info:hover {
background-color: #005e6d;
border-color: transparent;
color: #fff;
}
.sgds-button.is-info.is-focused,
.sgds-button.is-info:focus {
border-color: transparent;
color: #fff;
}
.sgds-button.is-info.is-focused:not(:active),
.sgds-button.is-info:focus:not(:active) {
box-shadow: 0 0 0 0.125em rgba(0, 129, 150, 0.25);
}
.sgds-button.is-info.is-active,
.sgds-button.is-info:active {
background-color: #00a4bf;
border-color: transparent;
color: #fff;
}
.sgds-button.is-info[disabled] {
background-color: #008196;
border-color: transparent;
box-shadow: none;
}
.sgds-button.is-info.is-inverted {
background-color: #fff;
color: #008196;
}
.sgds-button.is-info.is-inverted:hover {
background-color: #ebebeb;
}
.sgds-button.is-info.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #008196;
}
.sgds-button.is-info.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.sgds-button.is-info.is-outlined {
background-color: transparent;
border-color: #008196;
color: #008196;
}
.sgds-button.is-info.is-outlined.is-focused,
.sgds-button.is-info.is-outlined.is-hovered,
.sgds-button.is-info.is-outlined:focus,
.sgds-button.is-info.is-outlined:hover {
background-color: #005e6d;
border-color: #008196;
color: #fff;
}
.sgds-button.is-info.is-outlined.is-active,
.sgds-button.is-info.is-outlined:active {
background-color: #00a4bf;
border-color: transparent;
color: #fff;
}
.sgds-button.is-info.is-outlined.is-loading:after {
border-color: transparent transparent #008196 #008196 !important;
}
.sgds-button.is-info.is-outlined[disabled] {
background-color: transparent;
border-color: #008196;
box-shadow: none;
color: #008196;
}
.sgds-button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.sgds-button.is-info.is-inverted.is-outlined:focus,
.sgds-button.is-info.is-inverted.is-outlined:hover {
background-color: #fff;
color: #008196;
}
.sgds-button.is-info.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.sgds-button.is-success {
background-color: #008649;
border-color: transparent;
color: #fff;
}
.sgds-button.is-success.is-hovered,
.sgds-button.is-success:hover {
background-color: #005d33;
border-color: transparent;
color: #fff;
}
.sgds-button.is-success.is-focused,
.sgds-button.is-success:focus {
border-color: transparent;
color: #fff;
}
.sgds-button.is-success.is-focused:not(:active),
.sgds-button.is-success:focus:not(:active) {
box-shadow: 0 0 0 0.125em rgba(0, 134, 73, 0.25);
}
.sgds-button.is-success.is-active,
.sgds-button.is-success:active {
background-color: #00af5f;
border-color: transparent;
color: #fff;
}
.sgds-button.is-success[disabled] {
background-color: #008649;
border-color: transparent;
box-shadow: none;
}
.sgds-button.is-success.is-inverted {
background-color: #fff;
color: #008649;
}
.sgds-button.is-success.is-inverted:hover {
background-color: #ebebeb;
}
.sgds-button.is-success.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #008649;
}
.sgds-button.is-success.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.sgds-button.is-success.is-outlined {
background-color: transparent;
border-color: #008649;
color: #008649;
}
.sgds-button.is-success.is-outlined.is-focused,
.sgds-button.is-success.is-outlined.is-hovered,
.sgds-button.is-success.is-outlined:focus,
.sgds-button.is-success.is-outlined:hover {
background-color: #005d33;
border-color: #008649;
color: #fff;
}
.sgds-button.is-success.is-outlined.is-active,
.sgds-button.is-success.is-outlined:active {
background-color: #00af5f;
border-color: transparent;
color: #fff;
}
.sgds-button.is-success.is-outlined.is-loading:after {
border-color: transparent transparent #008649 #008649 !important;
}
.sgds-button.is-success.is-outlined[disabled] {
background-color: transparent;
border-color: #008649;
box-shadow: none;
color: #008649;
}
.sgds-button.is-success.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.sgds-button.is-success.is-inverted.is-outlined:focus,
.sgds-button.is-success.is-inverted.is-outlined:hover {
background-color: #fff;
color: #008649;
}
.sgds-button.is-success.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.sgds-button.is-warning {
background-color: #f5a623;
border-color: transparent;
color: #fff;
}
.sgds-button.is-warning.is-hovered,
.sgds-button.is-warning:hover {
background-color: #e5930a;
border-color: transparent;
color: #fff;
}
.sgds-button.is-warning.is-focused,
.sgds-button.is-warning:focus {
border-color: transparent;
color: #fff;
}
.sgds-button.is-warning.is-focused:not(:active),
.sgds-button.is-warning:focus:not(:active) {
box-shadow: 0 0 0 0.125em rgba(245, 166, 35, 0.25);
}
.sgds-button.is-warning.is-active,
.sgds-button.is-warning:active {
background-color: #f7b64a;
border-color: transparent;
color: #fff;
}
.sgds-button.is-warning[disabled] {
background-color: #f5a623;
border-color: transparent;
box-shadow: none;
}
.sgds-button.is-warning.is-inverted {
background-color: #fff;
color: #f5a623;
}
.sgds-button.is-warning.is-inverted:hover {
background-color: #ebebeb;
}
.sgds-button.is-warning.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #f5a623;
}
.sgds-button.is-warning.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.sgds-button.is-warning.is-outlined {
background-color: transparent;
border-color: #f5a623;
color: #f5a623;
}
.sgds-button.is-warning.is-outlined.is-focused,
.sgds-button.is-warning.is-outlined.is-hovered,
.sgds-button.is-warning.is-outlined:focus,
.sgds-button.is-warning.is-outlined:hover {
background-color: #e5930a;
border-color: #f5a623;
color: #fff;
}
.sgds-button.is-warning.is-outlined.is-active,
.sgds-button.is-warning.is-outlined:active {
background-color: #f7b64a;
border-color: transparent;
color: #fff;
}
.sgds-button.is-warning.is-outlined.is-loading:after {
border-color: transparent transparent #f5a623 #f5a623 !important;
}
.sgds-button.is-warning.is-outlined[disabled] {
background-color: transparent;
border-color: #f5a623;
box-shadow: none;
color: #f5a623;
}
.sgds-button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.sgds-button.is-warning.is-inverted.is-outlined:focus,
.sgds-button.is-warning.is-inverted.is-outlined:hover {
background-color: #fff;
color: #f5a623;
}
.sgds-button.is-warning.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.sgds-button.is-danger {
background-color: #d0021b;
border-color: transparent;
color: #fff;
}
.sgds-button.is-danger.is-hovered,
.sgds-button.is-danger:hover {
background-color: #a80216;
border-color: transparent;
color: #fff;
}
.sgds-button.is-danger.is-focused,
.sgds-button.is-danger:focus {
border-color: transparent;
color: #fff;
}
.sgds-button.is-danger.is-focused:not(:active),
.sgds-button.is-danger:focus:not(:active) {
box-shadow: 0 0 0 0.125em rgba(208, 2, 27, 0.25);
}
.sgds-button.is-danger.is-active,
.sgds-button.is-danger:active {
background-color: #f80220;
border-color: transparent;
color: #fff;
}
.sgds-button.is-danger[disabled] {
background-color: #d0021b;
border-color: transparent;
box-shadow: none;
}
.sgds-button.is-danger.is-inverted {
background-color: #fff;
color: #d0021b;
}
.sgds-button.is-danger.is-inverted:hover {
background-color: #ebebeb;
}
.sgds-button.is-danger.is-inverted[disabled] {
background-color: #fff;
border-color: transparent;
box-shadow: none;
color: #d0021b;
}
.sgds-button.is-danger.is-loading:after {
border-color: transparent transparent #fff #fff !important;
}
.sgds-button.is-danger.is-outlined {
background-color: transparent;
border-color: #d0021b;
color: #d0021b;
}
.sgds-button.is-danger.is-outlined.is-focused,
.sgds-button.is-danger.is-outlined.is-hovered,
.sgds-button.is-danger.is-outlined:focus,
.sgds-button.is-danger.is-outlined:hover {
background-color: #a80216;
border-color: #d0021b;
color: #fff;
}
.sgds-button.is-danger.is-outlined.is-active,
.sgds-button.is-danger.is-outlined:active {
background-color: #f80220;
border-color: transparent;
color: #fff;
}
.sgds-button.is-danger.is-outlined.is-loading:after {
border-color: transparent transparent #d0021b #d0021b !important;
}
.sgds-button.is-danger.is-outlined[disabled] {
background-color: transparent;
border-color: #d0021b;
box-shadow: none;
color: #d0021b;
}
.sgds-button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.sgds-button.is-danger.is-inverted.is-outlined:focus,
.sgds-button.is-danger.is-inverted.is-outlined:hover {
background-color: #fff;
color: #d0021b;
}
.sgds-button.is-danger.is-inverted.is-outlined[disabled] {
background-color: transparent;
border-color: #fff;
box-shadow: none;
color: #fff;
}
.sgds-button.is-small {
border-radius: 2px;
font-size: 1rem;
}
.sgds-button.is-medium {
font-size: 1.3rem;
}
.sgds-button.is-large {
font-size: 1.375rem;
}
.sgds-button[disabled] {
background-color: #fff;
border-color: #f0f0f0;
box-shadow: none;
opacity: 0.5;
}
.sgds-button.is-fullwidth {
display: flex;
width: 100%;
}
.sgds-button.is-loading {
color: transparent !important;
pointer-events: none;
}
.sgds-button.is-loading:after {
animation: spinAround 0.5s linear infinite;
border-radius: 290486px;
border-color: transparent transparent #d6d6d6 #d6d6d6;
border-style: solid;
border-width: 2px;
content: "";
display: block;
height: 1em;
position: relative;
width: 1em;
position: absolute;
left: calc(50% - 0.5em);
top: calc(50% - 0.5em);
position: absolute !important;
}
.sgds-button.is-static {
background-color: #f5f5f5;
border-color: #f0f0f0;
color: #767676;
box-shadow: none;
pointer-events: none;
}
.sgds-button.is-rounded {
border-radius: 290486px;
padding-left: 1em;
padding-right: 1em;
}
.sgds-buttons {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.sgds-buttons .sgds-button {
margin-bottom: 0.5rem;
}
.sgds-buttons .sgds-button:not(:last-child) {
margin-right: 0.5rem;
}
.sgds-buttons:last-child {
margin-bottom: -0.5rem;
}
.sgds-buttons:not(:last-child) {
margin-bottom: 1rem;
}
.sgds-buttons.has-addons .sgds-button:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.sgds-buttons.has-addons .sgds-button:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
margin-right: -1px;
}
.sgds-buttons.has-addons .sgds-button:last-child {
margin-right: 0;
}
.sgds-buttons.has-addons .sgds-button.is-hovered,
.sgds-buttons.has-addons .sgds-button:hover {
z-index: 2;
}
.sgds-buttons.has-addons .sgds-button.is-active,
.sgds-buttons.has-addons .sgds-button.is-focused,
.sgds-buttons.has-addons .sgds-button.is-selected,
.sgds-buttons.has-addons .sgds-button:active,
.sgds-buttons.has-addons .sgds-button:focus {
z-index: 3;
}
.sgds-buttons.has-addons .sgds-button.is-active:hover,
.sgds-buttons.has-addons .sgds-button.is-focused:hover,
.sgds-buttons.has-addons .sgds-button.is-selected:hover,
.sgds-buttons.has-addons .sgds-button:active:hover,
.sgds-buttons.has-addons .sgds-button:focus:hover {
z-index: 4;
}
.sgds-buttons.has-addons .sgds-button.is-expanded {
flex-grow: 1;
}
.sgds-buttons.is-centered {
justify-content: center;
}
.sgds-buttons.is-right {
justify-content: flex-end;
}
.sgds-sec-button {
color: #6037b3;
display: block;
font-size: 1.125rem;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
line-height: 1;
background-color: transparent;
border: none;
}
.sgds-sec-button.is-small {
border-radius: 2px;
font-size: 1rem;
}
.sgds-sec-button.is-medium {
font-size: 1.3rem;
}
.sgds-sec-button.is-large {
font-size: 1.375rem;
}
.sgds-sec-button:after {
font-family: sgds-icons;
content: \e937;
}
.sgds-sec-button:hover {
color: #4b2b8c;
border-color: #4b2b8c;
}
.sgds-sec-button span {
margin-right: 0.5rem;
border-bottom: 2px solid #6037b3;
}
.sgds-sec-button span:hover {
color: #4b2b8c;
border-color: #4b2b8c;
}
.sgds-sec-button.is-not-underlined:after {
content: none;
}
.sgds-sec-button.is-not-underlined span {
margin: 0;
border: 0;
}
.sgds-sec-button.is-not-underlined.is-active span {
border-bottom: 2px solid #6037b3;
}
.sgds-sec-button.is-white {
color: #fff;
}
.sgds-sec-button.is-white:hover {
color: #e6e6e6;
border-color: #e6e6e6;
}
.sgds-sec-button.is-white span {
border-color: #fff;
}
.sgds-sec-button.is-white span:hover {
color: #e6e6e6;
border-color: #e6e6e6;
}
.content .sgds-sec-button.is-white.is-active span {
border-bottom: 2px solid #fff;
}
.sgds-sec-button.is-black {
color: #0a0a0a;
}
.sgds-sec-button.is-black:hover {
color: #000;
border-color: #000;
}
.sgds-sec-button.is-black span {
border-color: #0a0a0a;
}
.sgds-sec-button.is-black span:hover {
color: #000;
border-color: #000;
}
.content .sgds-sec-button.is-black.is-active span {
border-bottom: 2px solid #0a0a0a;
}
.sgds-sec-button.is-light {
color: #f5f5f5;
}
.sgds-sec-button.is-light:hover {
color: #dbdbdb;
border-color: #dbdbdb;
}
.sgds-sec-button.is-light span {
border-color: #f5f5f5;
}
.sgds-sec-button.is-light span:hover {
color: #dbdbdb;
border-color: #dbdbdb;
}
.content .sgds-sec-button.is-light.is-active span {
border-bottom: 2px solid #f5f5f5;
}
.sgds-sec-button.is-dark {
color: #323232;
}
.sgds-sec-button.is-dark:hover {
color: #191919;
border-color: #191919;
}
.sgds-sec-button.is-dark span {
border-color: #323232;
}
.sgds-sec-button.is-dark span:hover {
color: #191919;
border-color: #191919;
}
.content .sgds-sec-button.is-dark.is-active span {
border-bottom: 2px solid #323232;
}
.sgds-sec-button.is-primary {
color: #6037b3;
}
.sgds-sec-button.is-primary:hover {
color: #4b2b8c;
border-color: #4b2b8c;
}
.sgds-sec-button.is-primary span {
border-color: #6037b3;
}
.sgds-sec-button.is-primary span:hover {
color: #4b2b8c;
border-color: #4b2b8c;
}
.content .sgds-sec-button.is-primary.is-active span {
border-bottom: 2px solid #6037b3;
}
.sgds-sec-button.is-secondary {
color: #3e69be;
}
.sgds-sec-button.is-secondary:hover {
color: #315498;
border-color: #315498;
}
.sgds-sec-button.is-secondary span {
border-color: #3e69be;
}
.sgds-sec-button.is-secondary span:hover {
color: #315498;
border-color: #315498;
}
.content .sgds-sec-button.is-secondary.is-active span {
border-bottom: 2px solid #3e69be;
}
.sgds-sec-button.is-link {
color: #0070f2;
}
.sgds-sec-button.is-link:hover {
color: #0058bf;
border-color: #0058bf;
}
.sgds-sec-button.is-link span {
border-color: #0070f2;
}
.sgds-sec-button.is-link span:hover {
color: #0058bf;
border-color: #0058bf;
}
.content .sgds-sec-button.is-link.is-active span {
border-bottom: 2px solid #0070f2;
}
.sgds-sec-button.is-info {
color: #008196;
}
.sgds-sec-button.is-info:hover {
color: #005563;
border-color: #005563;
}
.sgds-sec-button.is-info span {
border-color: #008196;
}
.sgds-sec-button.is-info span:hover {
color: #005563;
border-color: #005563;
}
.content .sgds-sec-button.is-info.is-active span {
border-bottom: 2px solid #008196;
}
.sgds-sec-button.is-success {
color: #008649;
}
.sgds-sec-button.is-success:hover {
color: #00532d;
border-color: #00532d;
}
.sgds-sec-button.is-success span {
border-color: #008649;
}
.sgds-sec-button.is-success span:hover {
color: #00532d;
border-color: #00532d;
}
.content .sgds-sec-button.is-success.is-active span {
border-bottom: 2px solid #008649;
}
.sgds-sec-button.is-warning {
color: #f5a623;
}
.sgds-sec-button.is-warning:hover {
color: #db8c0a;
border-color: #db8c0a;
}
.sgds-sec-button.is-warning span {
border-color: #f5a623;
}
.sgds-sec-button.is-warning span:hover {
color: #db8c0a;
border-color: #db8c0a;
}
.content .sgds-sec-button.is-warning.is-active span {
border-bottom: 2px solid #f5a623;
}
.sgds-sec-button.is-danger {
color: #d0021b;
}
.sgds-sec-button.is-danger:hover {
color: #9d0214;
border-color: #9d0214;
}
.sgds-sec-button.is-danger span {
border-color: #d0021b;
}
.sgds-sec-button.is-danger span:hover {
color: #9d0214;
border-color: #9d0214;
}
.content .sgds-sec-button.is-danger.is-active span {
border-bottom: 2px solid #d0021b;
}
.sgds-card {
background-color: #fff;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
color: #484848;
width: 100%;
position: relative;
}
.is-media-card .sgds-card:hover {
background-color: #f9f9f9;
}
.is-media-card .sgds-card .sgds-card-content {
display: flex;
height: 21rem;
max-height: 21rem;
flex-direction: column;
justify-content: space-between;
}
.is-media-card .sgds-card footer {
display: flex;
justify-content: space-between;
align-items: center;
}
.sgds-card.is-white {
color: #0a0a0a;
background-color: #fff;
border-color: transparent;
}
.sgds-card.is-white:hover {
background-color: #f9f9f9;
}
.sgds-card.is-white .sgds-card-footer,
.sgds-card.is-white .sgds-card-footer-item {
border-color: #fff;
}
.sgds-card.is-black {
color: #fff;
background-color: #0a0a0a;
border-color: transparent;
}
.sgds-card.is-black:hover {
background-color: #040404;
}
.sgds-card.is-black .sgds-card-footer,
.sgds-card.is-black .sgds-card-footer-item {
border-color: #3d3d3d;
}
.sgds-card.is-light {
color: #323232;
background-color: #f5f5f5;
border-color: transparent;
}
.sgds-card.is-light:hover {
background-color: #eee;
}
.sgds-card.is-light .sgds-card-footer,
.sgds-card.is-light .sgds-card-footer-item {
border-color: #fff;
}
.sgds-card.is-dark {
color: #f5f5f5;
background-color: #323232;
border-color: transparent;
}
.sgds-card.is-dark:hover {
background-color: #2c2c2c;
}
.sgds-card.is-dark .sgds-card-footer,
.sgds-card.is-dark .sgds-card-footer-item {
border-color: #656565;
}
.sgds-card.is-primary {
color: #fff;
background-color: #6037b3;
border-color: transparent;
}
.sgds-card.is-primary:hover {
background-color: #5b34a9;
}
.sgds-card.is-primary .sgds-card-footer,
.sgds-card.is-primary .sgds-card-footer-item {
border-color: #987ad6;
}
.sgds-card.is-secondary {
color: #fff;
background-color: #3e69be;
border-color: transparent;
}
.sgds-card.is-secondary:hover {
background-color: #3b64b4;
}
.sgds-card.is-secondary .sgds-card-footer,
.sgds-card.is-secondary .sgds-card-footer-item {
border-color: #89a4d9;
}
.sgds-card.is-link {
color: #fff;
background-color: #0070f2;
border-color: transparent;
}
.sgds-card.is-link:hover {
background-color: #006ae5;
}
.sgds-card.is-link .sgds-card-footer,
.sgds-card.is-link .sgds-card-footer-item {
border-color: #59a6ff;
}
.sgds-card.is-info {
color: #fff;
background-color: #008196;
border-color: transparent;
}
.sgds-card.is-info:hover {
background-color: #007689;
}
.sgds-card.is-info .sgds-card-footer,
.sgds-card.is-info .sgds-card-footer-item {
border-color: #00d9fc;
}
.sgds-card.is-success {
color: #fff;
background-color: #008649;
border-color: transparent;
}
.sgds-card.is-success:hover {
background-color: #007942;
}
.sgds-card.is-success .sgds-card-footer,
.sgds-card.is-success .sgds-card-footer-item {
border-color: #00ec81;
}
.sgds-card.is-warning {
color: #fff;
background-color: #f5a623;
border-color: transparent;
}
.sgds-card.is-warning:hover {
background-color: #f4a117;
}
.sgds-card.is-warning .sgds-card-footer,
.sgds-card.is-warning .sgds-card-footer-item {
border-color: #f9cd85;
}
.sgds-card.is-danger {
color: #fff;
background-color: #d0021b;
border-color: transparent;
}
.sgds-card.is-danger:hover {
background-color: #c30219;
}
.sgds-card.is-danger .sgds-card-footer,
.sgds-card.is-danger .sgds-card-footer-item {
border-color: #fd3b52;
}
.sgds-card-header {
align-items: stretch;
box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
display: flex;
}
.sgds-card-header-title {
align-items: center;
display: flex;
flex-grow: 1;
font-weight: 700;
padding: 0.75rem;
}
.sgds-card-header-title.is-centered {
justify-content: center;
}
.sgds-card-header-icon {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
padding: 0.75rem;
}
.sgds-card-image {
display: block;
position: relative;
}
.sgds-card-content {
padding: 1.5rem;
}
.sgds-card-footer {
border-top: 1px solid #d6d6d6;
align-items: stretch;
display: flex;
}
.sgds-card-footer-item {
align-items: center;
display: flex;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 0;
justify-content: center;
padding: 0.75rem;
}
.sgds-card-footer-item.is-white {
background-color: #fff;
color: #0a0a0a;
}
.sgds-card-footer-item.is-white.is-hovered,
.sgds-card-footer-item.is-white:hover {
background-color: #ebebeb;
color: #0a0a0a;
}
.sgds-card-footer-item.is-white.is-active,
.sgds-card-footer-item.is-white:active {
background-color: #fff;
color: #0a0a0a;
}
.sgds-card-footer-item.is-white[disabled] {
background-color: #fff;
box-shadow: none;
}
.sgds-card-footer-item.is-black {
background-color: #0a0a0a;
color: #fff;
}
.sgds-card-footer-item.is-black.is-hovered,
.sgds-card-footer-item.is-black:hover {
background-color: #000;
color: #fff;
}
.sgds-card-footer-item.is-black.is-active,
.sgds-card-footer-item.is-black:active {
background-color: #1f1f1f;
color: #fff;
}
.sgds-card-footer-item.is-black[disabled] {
background-color: #0a0a0a;
box-shadow: none;
}
.sgds-card-footer-item.is-light {
background-color: #f5f5f5;
color: #323232;
}
.sgds-card-footer-item.is-light.is-hovered,
.sgds-card-footer-item.is-light:hover {
background-color: #e0e0e0;
color: #323232;
}
.sgds-card-footer-item.is-light.is-active,
.sgds-card-footer-item.is-light:active {
background-color: #fff;
color: #323232;
}
.sgds-card-footer-item.is-light[disabled] {
background-color: #f5f5f5;
box-shadow: none;
}
.sgds-card-footer-item.is-dark {
background-color: #323232;
color: #f5f5f5;
}
.sgds-card-footer-item.is-dark.is-hovered,
.sgds-card-footer-item.is-dark:hover {
background-color: #1e1e1e;
color: #f5f5f5;
}
.sgds-card-footer-item.is-dark.is-active,
.sgds-card-footer-item.is-dark:active {
background-color: #464646;
color: #f5f5f5;
}
.sgds-card-footer-item.is-dark[disabled] {
background-color: #323232;
box-shadow: none;
}
.sgds-card-footer-item.is-primary {
background-color: #6037b3;
color: #fff;
}
.sgds-card-footer-item.is-primary.is-hovered,
.sgds-card-footer-item.is-primary:hover {
background-color: #4f2d94;
color: #fff;
}
.sgds-card-footer-item.is-primary.is-active,
.sgds-card-footer-item.is-primary:active {
background-color: #744bc8;
color: #fff;
}
.sgds-card-footer-item.is-primary[disabled] {
background-color: #6037b3;
box-shadow: none;
}
.sgds-card-footer-item.is-secondary {
background-color: #3e69be;
color: #fff;
}
.sgds-card-footer-item.is-secondary.is-hovered,
.sgds-card-footer-item.is-secondary:hover {
background-color: #34589f;
color: #fff;
}
.sgds-card-footer-item.is-secondary.is-active,
.sgds-card-footer-item.is-secondary:active {
background-color: #5b80ca;
color: #fff;
}
.sgds-card-footer-item.is-secondary[disabled] {
background-color: #3e69be;
box-shadow: none;
}
.sgds-card-footer-item.is-link {
background-color: #0070f2;
color: #fff;
}
.sgds-card-footer-item.is-link.is-hovered,
.sgds-card-footer-item.is-link:hover {
background-color: #005dc9;
color: #fff;
}
.sgds-card-footer-item.is-link.is-active,
.sgds-card-footer-item.is-link:active {
background-color: #1c85ff;
color: #fff;
}
.sgds-card-footer-item.is-link[disabled] {
background-color: #0070f2;
box-shadow: none;
}
.sgds-card-footer-item.is-info {
background-color: #008196;
color: #fff;
}
.sgds-card-footer-item.is-info.is-hovered,
.sgds-card-footer-item.is-info:hover {
background-color: #005e6d;
color: #fff;
}
.sgds-card-footer-item.is-info.is-active,
.sgds-card-footer-item.is-info:active {
background-color: #00a4bf;
color: #fff;
}
.sgds-card-footer-item.is-info[disabled] {
background-color: #008196;
box-shadow: none;
}
.sgds-card-footer-item.is-success {
background-color: #008649;
color: #fff;
}
.sgds-card-footer-item.is-success.is-hovered,
.sgds-card-footer-item.is-success:hover {
background-color: #005d33;
color: #fff;
}
.sgds-card-footer-item.is-success.is-active,
.sgds-card-footer-item.is-success:active {
background-color: #00af5f;
color: #fff;
}
.sgds-card-footer-item.is-success[disabled] {
background-color: #008649;
box-shadow: none;
}
.sgds-card-footer-item.is-warning {
background-color: #f5a623;
color: #fff;
}
.sgds-card-footer-item.is-warning.is-hovered,
.sgds-card-footer-item.is-warning:hover {
background-color: #e5930a;
color: #fff;
}
.sgds-card-footer-item.is-warning.is-active,
.sgds-card-footer-item.is-warning:active {
background-color: #f7b64a;
color: #fff;
}
.sgds-card-footer-item.is-warning[disabled] {
background-color: #f5a623;
box-shadow: none;
}
.sgds-card-footer-item.is-danger {
background-color: #d0021b;
color: #fff;
}
.sgds-card-footer-item.is-danger.is-hovered,
.sgds-card-footer-item.is-danger:hover {
background-color: #a80216;
color: #fff;
}
.sgds-card-footer-item.is-danger.is-active,
.sgds-card-footer-item.is-danger:active {
background-color: #f80220;
color: #fff;
}
.sgds-card-footer-item.is-danger[disabled] {
background-color: #d0021b;
box-shadow: none;
}
.sgds-card-footer-item:not(:last-child) {
border-right: 1px solid #d6d6d6;
}
.sgds-card-button:active,
.sgds-card-button:hover {
cursor: pointer;
color: #6037b3;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.sgds-card .media:not(:last-child) {
margin-bottom: 0.75rem;
}
.content:not(:last-child) {
margin-bottom: 1.5rem;
}
.content li {
margin-top: 1em;
}
.content blockquote:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content p:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child),
.content ul:not(:last-child) {
margin-bottom: 1em;
}
.content blockquote {
background-color: #f5f5f5;
border-left: 5px solid #d6d6d6;
padding: 1.25em 1.5em;
}
.content ol,
.content ul {
margin-left: 2em;
margin-top: 1em;
}
.content ul {
list-style: disc outside;
}
.content ul ul {
list-style-type: circle;
margin-top: 0.5em;
}
.content ul ul ul {
list-style-type: square;
}
.content dd {
margin-left: 2em;
}
.content figure:not(:first-child) {
margin-top: 2em;
}
.content figure:not(:last-child) {
margin-bottom: 2em;
}
.content figure img {
display: inline-block;
}
.content figure figcaption {
font-style: italic;
}
.content pre {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
padding: 1.25em 1.5em;
white-space: pre;
word-wrap: normal;
}
.content sub,
.content sup {
font-size: 75%;
}
.content table {
width: 100%;
}
.content table td,
.content table th {
border: solid #d6d6d6;
border-width: 0 0 1px;
padding: 0.5em 0.75em;
vertical-align: top;
}
.content table th {
color: #323232;
text-align: left;
}
.content table thead td,
.content table thead th {
border-width: 0 0 2px;
color: #323232;
}
.content table tfoot td,
.content table tfoot th {
border-width: 2px 0 0;
color: #323232;
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
border-bottom-width: 0;
}
.content.has-default-header-styles h1,
.content.has-default-header-styles h2,
.content.has-default-header-styles h3,
.content.has-default-header-styles h4,
.content.has-default-header-styles h5,
.content.has-default-header-styles h6 {
font-weight: 600;
line-height: 1.5;
}
.content.has-default-header-styles h1 {
margin-bottom: 0.5em;
}
.content.has-default-header-styles h1:not(:first-child) {
margin-top: 1em;
}
.content.has-default-header-styles h2 {
margin-bottom: 0.5714em;
}
.content.has-default-header-styles h2:not(:first-child) {
margin-top: 1.1428em;
}
.content.has-default-header-styles h3 {
margin-bottom: 0.6666em;
}
.content.has-default-header-styles h3:not(:first-child) {
margin-top: 1.3333em;
}
.content.has-default-header-styles h4 {
margin-bottom: 0.8em;
}
.content.has-default-header-styles h5 {
margin-bottom: 0.8888em;
}
.content.has-default-header-styles h6 {
margin-bottom: 1em;
}
.content.is-small {
font-size: 1rem;
}
.content.is-medium {
font-size: 1.3rem;
}
.content.is-large {
font-size: 1.375rem;
}
.sgds-dropdown {
display: inline-flex;
position: relative;
vertical-align: top;
}
.sgds-dropdown.is-active .sgds-dropdown-menu,
.sgds-dropdown.is-hoverable:hover .sgds-dropdown-menu {
display: block;
}
.sgds-dropdown.is-right .sgds-dropdown-menu {
left: auto;
right: 0;
}
.sgds-dropdown.is-up .sgds-dropdown-menu {
bottom: 100%;
padding-bottom: 4px;
padding-top: unset;
top: auto;
}
.sgds-dropdown.is-menu-centered .sgds-dropdown-menu {
top: 50%;
transform: translateY(-50%);
}
.sgds-dropdown.is-menu-centered .sgds-dropdown-content {
padding-bottom: 1rem;
padding-top: 1rem;
}
.sgds-dropdown.is-menu-centered .sgds-dropdown-item {
padding: 0.75rem 1.5rem;
}
.sgds-dropdown.is-fullwidth {
display: block;
width: 100%;
}
.sgds-dropdown.is-fullwidth .sgds-button {
width: 100%;
justify-content: space-between;
}
.sgds-dropdown.is-fullwidth .sgds-dropdown-menu {
width: 100%;
}
.sgds-dropdown-menu {
display: none;
left: 0;
min-width: 12rem;
position: absolute;
top: 100%;
z-index: 20;
}
.sgds-dropdown-content {
background-color: #fff;
border-radius: 0;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.sgds-dropdown-item {
color: #484848;
display: block;
font-size: 1.125rem;
line-height: 1.5;
padding: 0.5rem 1rem;
position: relative;
}
.sgds-hero .sgds-dropdown-item {
font-size: 1.3rem;
text-align: left;
}
.sgds-dropdown-item.is-active {
background-color: #0070f2;
color: #fff;
}
.sgds a.sgds-dropdown-item {
padding-right: 3rem;
white-space: nowrap;
}
.sgds a.sgds-dropdown-item:hover {
background-color: #f5f5f5;
color: #0a0a0a;
}
.sgds a.sgds-dropdown-item.is-active {
background-color: #0070f2;
color: #fff;
}
.sgds-dropdown-divider {
background-color: #d6d6d6;
border: none;
display: block;
height: 1px;
margin: 0.5rem 0;
}
.sgds-footer > .top-section {
padding: 2rem;
background-color: #323232;
}
.sgds-footer .footer-link-title {
color: #fff;
}
.sgds-footer a {
color: #b7b7b7;
font-size: 17px;
padding-right: 12px;
line-height: 20px;
}
.sgds-footer a:hover {
color: #fff;
}
.sgds-footer a:last-child {
padding-right: 0;
}
.sgds-footer p {
color: #b7b7b7;
line-height: 25px;
font-size: 1.0625rem;
}
.sgds-footer p + p {
margin-top: 15px;
}
.sgds-footer ul {
margin: 0;
}
.sgds-footer ul li {
display: inline-block;
margin-top: 0;
}
@media screen and (max-width: 768px) {
.sgds-footer ul li {
display: block;
}
}
.sgds-footer ul li.icons {
margin-right: 10px;
}
.sgds-footer ul li a {
color: #b7b7b7;
}
.sgds-footer ul li a:hover {
color: #fff;
}
.sgds-footer ul li + li:not(.icons) {
margin-left: 15px;
}
@media screen and (max-width: 768px) {
.sgds-footer ul li + li:not(.icons) {
margin-left: 0;
margin-top: 15px;
}
}
.sgds-footer.sgds-footer-links li + li {
margin-left: 10px;
}
.sgds-footer .is-right-desktop-only {
text-align: right;
padding-top: 4px;
}
@media screen and (max-width: 769px) {
.sgds-footer .is-right-desktop-only {
text-align: left;
}
}
.sgds-footer > .bottom-section {
padding: 1rem 2rem;
background-color: #191919;
}
.sgds-footer > .bottom-section .row {
display: flex;
align-items: center;
}
@media screen and (max-width: 769px) {
.sgds-footer > .bottom-section .row {
display: block;
}
}
.sgds-footer > .bottom-section .row .col {
padding-top: 0.5rem;
}
.sgds-footer > .bottom-section .row .col:last-child {
padding-top: 0;
}
.sgds-footer > .bottom-section p {
font-size: 1.0625rem;
margin-bottom: 0;
}
.is-hidden-desktop.last-updated {
margin-top: 2px;
}
.input,
.textarea {
-moz-appearance: none;
-webkit-appearance: none;
align-items: center;
border-radius: 0;
box-shadow: none;
display: inline-flex;
font-size: 1.125rem;
height: 2.25em;
justify-content: flex-start;
line-height: 1.5;
padding: calc(0.375em - 1px) calc(0.625em - 1px);
position: relative;
vertical-align: top;
background-color: #fff;
border: 1px solid #d6d6d6;
color: #323232;
box-shadow: 0;
max-width: 100%;
width: 100%;
}
.input.is-active,
.input.is-focused,
.input:active,
.input:focus,
.textarea.is-active,
.textarea.is-focused,
.textarea:active,
.textarea:focus {
outline: none;
}
.input[disabled],
.textarea[disabled] {
cursor: not-allowed;
}
.input::-moz-placeholder,
.textarea::-moz-placeholder {
color: rgba(50, 50, 50, 0.3);
}
.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
color: rgba(50, 50, 50, 0.3);
}
.input:-moz-placeholder,
.textarea:-moz-placeholder {
color: rgba(50, 50, 50, 0.3);
}
.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
color: rgba(50, 50, 50, 0.3);
}
.input.is-hovered,
.input:hover,
.textarea.is-hovered,
.textarea:hover {
border-color: #484848;
}
.input.is-active,
.input.is-focused,
.input:active,
.input:focus,
.textarea.is-active,
.textarea.is-focused,
.textarea:active,
.textarea:focus {
border-color: #0070f2;
box-shadow: 0 0 0 0.125em rgba(0, 112, 242, 0.25);
}
.input[disabled],
.textarea[disabled] {
background-color: #f5f5f5;
border-color: #f5f5f5;
box-shadow: none;
color: #767676;
}
.input[disabled]::-moz-placeholder,
.textarea[disabled]::-moz-placeholder {
color: hsla(0, 0%, 46.3%, 0.3);
}
.input[disabled]::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder {
color: hsla(0, 0%, 46.3%, 0.3);
}
.input[disabled]:-moz-placeholder,
.textarea[disabled]:-moz-placeholder {
color: hsla(0, 0%, 46.3%, 0.3);
}
.input[disabled]:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder {
color: hsla(0, 0%, 46.3%, 0.3);
}
.input.is-borderless,
.textarea.is-borderless {
border-color: transparent;
}
.input.is-shadowless,
.textarea.is-shadowless {
box-shadow: 0;
}
.input[readonly],
.textarea[readonly] {
box-shadow: none;
}
.input.is-white,
.textarea.is-white {
border-color: #fff;
}
.input.is-white.is-active,
.input.is-white.is-focused,
.input.is-white:active,
.input.is-white:focus,
.textarea.is-white.is-active,
.textarea.is-white.is-focused,
.textarea.is-white:active,
.textarea.is-white:focus {
box-shadow: 0 0 0 0.125em hsla(0, 0%, 100%, 0.25);
}
.input.is-black,
.textarea.is-black {
border-color: #0a0a0a;
}
.input.is-black.is-active,
.input.is-black.is-focused,
.input.is-black:active,
.input.is-black:focus,
.textarea.is-black.is-active,
.textarea.is-black.is-focused,
.textarea.is-black:active,
.textarea.is-black:focus {
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.input.is-light,
.textarea.is-light {
border-color: #f5f5f5;
}
.input.is-light.is-active,
.input.is-light.is-focused,
.input.is-light:active,
.input.is-light:focus,
.textarea.is-light.is-active,
.textarea.is-light.is-focused,
.textarea.is-light:active,
.textarea.is-light:focus {
box-shadow: 0 0 0 0.125em hsla(0, 0%, 96.1%, 0.25);
}
.input.is-dark,
.textarea.is-dark {
border-color: #323232;
}
.input.is-dark.is-active,
.input.is-dark.is-focused,
.input.is-dark:active,
.input.is-dark:focus,
.textarea.is-dark.is-active,
.textarea.is-dark.is-focused,
.textarea.is-dark:active,
.textarea.is-dark:focus {
box-shadow: 0 0 0 0.125em rgba(50, 50, 50, 0.25);
}
.input.is-primary,
.textarea.is-primary {
border-color: #6037b3;
}
.input.is-primary.is-active,
.input.is-primary.is-focused,
.input.is-primary:active,
.input.is-primary:focus,
.textarea.is-primary.is-active,
.textarea.is-primary.is-focused,
.textarea.is-primary:active,
.textarea.is-primary:focus {
box-shadow: 0 0 0 0.125em rgba(96, 55, 179, 0.25);
}
.input.is-secondary,
.textarea.is-secondary {
border-color: #3e69be;
}
.input.is-secondary.is-active,
.input.is-secondary.is-focused,
.input.is-secondary:active,
.input.is-secondary:focus,
.textarea.is-secondary.is-active,
.textarea.is-secondary.is-focused,
.textarea.is-secondary:active,
.textarea.is-secondary:focus {
box-shadow: 0 0 0 0.125em rgba(62, 105, 190, 0.25);
}
.input.is-link,
.textarea.is-link {
border-color: #0070f2;
}
.input.is-link.is-active,
.input.is-link.is-focused,
.input.is-link:active,
.input.is-link:focus,
.textarea.is-link.is-active,
.textarea.is-link.is-focused,
.textarea.is-link:active,
.textarea.is-link:focus {
box-shadow: 0 0 0 0.125em rgba(0, 112, 242, 0.25);
}
.input.is-info,
.textarea.is-info {
border-color: #008196;
}
.input.is-info.is-active,
.input.is-info.is-focused,
.input.is-info:active,
.input.is-info:focus,
.textarea.is-info.is-active,
.textarea.is-info.is-focused,
.textarea.is-info:active,
.textarea.is-info:focus {
box-shadow: 0 0 0 0.125em rgba(0, 129, 150, 0.25);
}
.input.is-success,
.textarea.is-success {
border-color: #008649;
}
.input.is-success.is-active,
.input.is-success.is-focused,
.input.is-success:active,
.input.is-success:focus,
.textarea.is-success.is-active,
.textarea.is-success.is-focused,
.textarea.is-success:active,
.textarea.is-success:focus {
box-shadow: 0 0 0 0.125em rgba(0, 134, 73, 0.25);
}
.input.is-warning,
.textarea.is-warning {
border-color: #f5a623;
}
.input.is-warning.is-active,
.input.is-warning.is-focused,
.input.is-warning:active,
.input.is-warning:focus,
.textarea.is-warning.is-active,
.textarea.is-warning.is-focused,
.textarea.is-warning:active,
.textarea.is-warning:focus {
box-shadow: 0 0 0 0.125em rgba(245, 166, 35, 0.25);
}
.input.is-danger,
.textarea.is-danger {
border-color: #d0021b;
}
.input.is-danger.is-active,
.input.is-danger.is-focused,
.input.is-danger:active,
.input.is-danger:focus,
.textarea.is-danger.is-active,
.textarea.is-danger.is-focused,
.textarea.is-danger:active,
.textarea.is-danger:focus {
box-shadow: 0 0 0 0.125em rgba(208, 2, 27, 0.25);
}
.input.is-small,
.textarea.is-small {
border-radius: 2px;
font-size: 1rem;
}
.input.is-medium,
.textarea.is-medium {
font-size: 1.3rem;
}
.input.is-large,
.textarea.is-large {
font-size: 1.375rem;
}
.input.is-fullwidth,
.textarea.is-fullwidth {
display: block;
width: 100%;
}
.input.is-inline,
.textarea.is-inline {
display: inline;
width: auto;
}
.input {
border-radius: 0;
}
.input.is-rounded {
border-radius: 290486px;
padding-left: 1em;
padding-right: 1em;
}
.input.is-static {
background-color: transparent;
border-color: transparent;
box-shadow: none;
padding-left: 0;
padding-right: 0;
}
.textarea {
display: block;
max-width: 100%;
min-width: 100%;
padding: 0.625em;
resize: vertical;
}
.textarea:not([rows]) {
max-height: 600px;
min-height: 120px;
}
.textarea[rows] {
height: auto;
}
.textarea.has-fixed-size {
resize: none;
}
.checkbox,
.radio {
cursor: pointer;
display: inline-block;
line-height: 1.25;
position: relative;
}
.checkbox input,
.radio input {
cursor: pointer;
}
.checkbox:hover,
.radio:hover {
color: #484848;
}
.checkbox[disabled],
.radio[disabled] {
color: #767676;
cursor: not-allowed;
}
.radio + .radio {
margin-left: 0.5em;
}
.select {
display: inline-block;
max-width: 100%;
position: relative;
vertical-align: top;
}
.select:not(.is-multiple) {
height: 2.25em;
}
.select:not(.is-multiple):not(.is-loading):after {
font-family: sgds-icons;
content: "";
display: block;
height: 0.625em;
margin-top: -0.7em;
pointer-events: none;
position: absolute;
top: 50%;
width: 0.625em;
right: 1.125em;
z-index: 4;
}
.select.is-rounded select {
border-radius: 290486px;
padding-left: 1em;
}
.select select {
-moz-appearance: none;
-webkit-appearance: none;
align-items: center;
border-radius: 0;
box-shadow: none;
display: inline-flex;
font-size: 1.125rem;
height: 2.25em;
justify-content: flex-start;
line-height: 1.5;
padding: calc(0.375em - 1px) calc(0.625em - 1px);
position: relative;
vertical-align: top;
background-color: #fff;
border: 1px solid #d6d6d6;
color: #323232;
cursor: pointer;
display: block;
font-size: 1em;
max-width: 100%;
outline: none;
}
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus {
outline: none;
}
.select select[disabled] {
cursor: not-allowed;
}
.select select::-moz-placeholder {
color: rgba(50, 50, 50, 0.3);
}
.select select::-webkit-input-placeholder {
color: rgba(50, 50, 50, 0.3);
}
.select select:-moz-placeholder {
color: rgba(50, 50, 50, 0.3);
}
.select select:-ms-input-placeholder {
color: rgba(50, 50, 50, 0.3);
}
.select select.is-hovered,
.select select:hover {
border-color: #484848;
}
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus {
border-color: #0070f2;
box-shadow: 0 0 0 0.125em rgba(0, 112, 242, 0.25);
}
.select select[disabled] {
background-color: #f5f5f5;
border-color: #f5f5f5;
box-shadow: none;
color: #767676;
}
.select select[disabled]::-moz-placeholder {
color: hsla(0, 0%, 46.3%, 0.3);
}
.select select[disabled]::-webkit-input-placeholder {
color: hsla(0, 0%, 46.3%, 0.3);
}
.select select[disabled]:-moz-placeholder {
color: hsla(0, 0%, 46.3%, 0.3);
}
.select select[disabled]:-ms-input-placeholder {
color: hsla(0, 0%, 46.3%, 0.3);
}
.select select.is-borderless {
border-color: transparent;
}
.select select.is-shadowless {
box-shadow: 0;
}
.select select::-ms-expand {
display: none;
}
.select select[disabled]:hover {
border-color: #f5f5f5;
}
.select select:not([multiple]) {
padding-right: 2.5em;
}
.select select[multiple] {
height: auto;
padding: 0;
}
.select select[multiple] option {
padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover:after {
border-color: #484848;
}
.select.is-white:not(:hover):after,
.select.is-white select {
border-color: #fff;
}
.select.is-white select.is-hovered,
.select.is-white select:hover {
border-color: #f2f2f2;
}
.select.is-white select.is-active,
.select.is-white select.is-focused,
.select.is-white select:active,
.select.is-white select:focus {
box-shadow: 0 0 0 0.125em hsla(0, 0%, 100%, 0.25);
}
.select.is-black:not(:hover):after,
.select.is-black select {
border-color: #0a0a0a;
}
.select.is-black select.is-hovered,
.select.is-black select:hover {
border-color: #000;
}
.select.is-black select.is-active,
.select.is-black select.is-focused,
.select.is-black select:active,
.select.is-black select:focus {
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.select.is-light:not(:hover):after,
.select.is-light select {
border-color: #f5f5f5;
}
.select.is-light select.is-hovered,
.select.is-light select:hover {
border-color: #e8e8e8;
}
.select.is-light select.is-active,
.select.is-light select.is-focused,
.select.is-light select:active,
.select.is-light select:focus {
box-shadow: 0 0 0 0.125em hsla(0, 0%, 96.1%, 0.25);
}
.select.is-dark:not(:hover):after,
.select.is-dark select {
border-color: #323232;
}
.select.is-dark select.is-hovered,
.select.is-dark select:hover {
border-color: #252525;
}
.select.is-dark select.is-active,
.select.is-dark select.is-focused,
.select.is-dark select:active,
.select.is-dark select:focus {
box-shadow: 0 0 0 0.125em rgba(50, 50, 50, 0.25);
}
.select.is-primary:not(:hover):after,
.select.is-primary select {
border-color: #6037b3;
}
.select.is-primary select.is-hovered,
.select.is-primary select:hover {
border-color: #56319f;
}
.select.is-primary select.is-active,
.select.is-primary select.is-focused,
.select.is-primary select:active,
.select.is-primary select:focus {
box-shadow: 0 0 0 0.125em rgba(96, 55, 179, 0.25);
}
.select.is-secondary:not(:hover):after,
.select.is-secondary select {
border-color: #3e69be;
}
.select.is-secondary select.is-hovered,
.select.is-secondary select:hover {
border-color: #385eab;
}
.select.is-secondary select.is-active,
.select.is-secondary select.is-focused,
.select.is-secondary select:active,
.select.is-secondary select:focus {
box-shadow: 0 0 0 0.125em rgba(62, 105, 190, 0.25);
}
.select.is-link:not(:hover):after,
.select.is-link select {
border-color: #0070f2;
}
.select.is-link select.is-hovered,
.select.is-link select:hover {
border-color: #0064d9;
}
.select.is-link select.is-active,
.select.is-link select.is-focused,
.select.is-link select:active,
.select.is-link select:focus {
box-shadow: 0 0 0 0.125em rgba(0, 112, 242, 0.25);
}
.select.is-info:not(:hover):after,
.select.is-info select {
border-color: #008196;
}
.select.is-info select.is-hovered,
.select.is-info select:hover {
border-color: #006b7d;
}
.select.is-info select.is-active,
.select.is-info select.is-focused,
.select.is-info select:active,
.select.is-info select:focus {
box-shadow: 0 0 0 0.125em rgba(0, 129, 150, 0.25);
}
.select.is-success:not(:hover):after,
.select.is-success select {
border-color: #008649;
}
.select.is-success select.is-hovered,
.select.is-success select:hover {
border-color: #006d3b;
}
.select.is-success select.is-active,
.select.is-success select.is-focused,
.select.is-success select:active,
.select.is-success select:focus {
box-shadow: 0 0 0 0.125em rgba(0, 134, 73, 0.25);
}
.select.is-warning:not(:hover):after,
.select.is-warning select {
border-color: #f5a623;
}
.select.is-warning select.is-hovered,
.select.is-warning select:hover {
border-color: #f39c0b;
}
.select.is-warning select.is-active,
.select.is-warning select.is-focused,
.select.is-warning select:active,
.select.is-warning select:focus {
box-shadow: 0 0 0 0.125em rgba(245, 166, 35, 0.25);
}
.select.is-danger:not(:hover):after,
.select.is-danger select {
border-color: #d0021b;
}
.select.is-danger select.is-hovered,
.select.is-danger select:hover {
border-color: #b70218;
}
.select.is-danger select.is-active,
.select.is-danger select.is-focused,
.select.is-danger select:active,
.select.is-danger select:focus {
box-shadow: 0 0 0 0.125em rgba(208, 2, 27, 0.25);
}
.select.is-small {
border-radius: 2px;
font-size: 1rem;
}
.select.is-medium {
font-size: 1.3rem;
}
.select.is-large {
font-size: 1.375rem;
}
.select.is-disabled:after {
border-color: #767676;
}
.select.is-fullwidth,
.select.is-fullwidth select {
width: 100%;
}
.select.is-loading:after {
margin-top: 0;
position: absolute;
right: 0.625em;
top: 0.625em;
transform: none;
}
.select.is-loading.is-small:after {
font-size: 1rem;
}
.select.is-loading.is-medium:after {
font-size: 1.3rem;
}
.select.is-loading.is-large:after {
font-size: 1.375rem;
}
.file {
align-items: stretch;
display: flex;
justify-content: flex-start;
position: relative;
}
.file.is-white .file-cta {
background-color: #fff;
border-color: transparent;
color: #0a0a0a;
}
.file.is-white.is-hovered .file-cta,
.file.is-white:hover .file-cta {
background-color: #f9f9f9;
border-color: transparent;
color: #0a0a0a;
}
.file.is-white.is-focused .file-cta,
.file.is-white:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em hsla(0, 0%, 100%, 0.25);
color: #0a0a0a;
}
.file.is-white.is-active .file-cta,
.file.is-white:active .file-cta {
background-color: #f2f2f2;
border-color: transparent;
color: #0a0a0a;
}
.file.is-black .file-cta {
background-color: #0a0a0a;
border-color: transparent;
color: #fff;
}
.file.is-black.is-hovered .file-cta,
.file.is-black:hover .file-cta {
background-color: #040404;
border-color: transparent;
color: #fff;
}
.file.is-black.is-focused .file-cta,
.file.is-black:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
color: #fff;
}
.file.is-black.is-active .file-cta,
.file.is-black:active .file-cta {
background-color: #000;
border-color: transparent;
color: #fff;
}
.file.is-light .file-cta {
background-color: #f5f5f5;
border-color: transparent;
color: #323232;
}
.file.is-light.is-hovered .file-cta,
.file.is-light:hover .file-cta {
background-color: #eee;
border-color: transparent;
color: #323232;
}
.file.is-light.is-focused .file-cta,
.file.is-light:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em hsla(0, 0%, 96.1%, 0.25);
color: #323232;
}
.file.is-light.is-active .file-cta,
.file.is-light:active .file-cta {
background-color: #e8e8e8;
border-color: transparent;
color: #323232;
}
.file.is-dark .file-cta {
background-color: #323232;
border-color: transparent;
color: #f5f5f5;
}
.file.is-dark.is-hovered .file-cta,
.file.is-dark:hover .file-cta {
background-color: #2c2c2c;
border-color: transparent;
color: #f5f5f5;
}
.file.is-dark.is-focused .file-cta,
.file.is-dark:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em rgba(50, 50, 50, 0.25);
color: #f5f5f5;
}
.file.is-dark.is-active .file-cta,
.file.is-dark:active .file-cta {
background-color: #252525;
border-color: transparent;
color: #f5f5f5;
}
.file.is-primary .file-cta {
background-color: #6037b3;
border-color: transparent;
color: #fff;
}
.file.is-primary.is-hovered .file-cta,
.file.is-primary:hover .file-cta {
background-color: #5b34a9;
border-color: transparent;
color: #fff;
}
.file.is-primary.is-focused .file-cta,
.file.is-primary:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em rgba(96, 55, 179, 0.25);
color: #fff;
}
.file.is-primary.is-active .file-cta,
.file.is-primary:active .file-cta {
background-color: #56319f;
border-color: transparent;
color: #fff;
}
.file.is-secondary .file-cta {
background-color: #3e69be;
border-color: transparent;
color: #fff;
}
.file.is-secondary.is-hovered .file-cta,
.file.is-secondary:hover .file-cta {
background-color: #3b64b4;
border-color: transparent;
color: #fff;
}
.file.is-secondary.is-focused .file-cta,
.file.is-secondary:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em rgba(62, 105, 190, 0.25);
color: #fff;
}
.file.is-secondary.is-active .file-cta,
.file.is-secondary:active .file-cta {
background-color: #385eab;
border-color: transparent;
color: #fff;
}
.file.is-link .file-cta {
background-color: #0070f2;
border-color: transparent;
color: #fff;
}
.file.is-link.is-hovered .file-cta,
.file.is-link:hover .file-cta {
background-color: #006ae5;
border-color: transparent;
color: #fff;
}
.file.is-link.is-focused .file-cta,
.file.is-link:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em rgba(0, 112, 242, 0.25);
color: #fff;
}
.file.is-link.is-active .file-cta,
.file.is-link:active .file-cta {
background-color: #0064d9;
border-color: transparent;
color: #fff;
}
.file.is-info .file-cta {
background-color: #008196;
border-color: transparent;
color: #fff;
}
.file.is-info.is-hovered .file-cta,
.file.is-info:hover .file-cta {
background-color: #007689;
border-color: transparent;
color: #fff;
}
.file.is-info.is-focused .file-cta,
.file.is-info:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em rgba(0, 129, 150, 0.25);
color: #fff;
}
.file.is-info.is-active .file-cta,
.file.is-info:active .file-cta {
background-color: #006b7d;
border-color: transparent;
color: #fff;
}
.file.is-success .file-cta {
background-color: #008649;
border-color: transparent;
color: #fff;
}
.file.is-success.is-hovered .file-cta,
.file.is-success:hover .file-cta {
background-color: #007942;
border-color: transparent;
color: #fff;
}
.file.is-success.is-focused .file-cta,
.file.is-success:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em rgba(0, 134, 73, 0.25);
color: #fff;
}
.file.is-success.is-active .file-cta,
.file.is-success:active .file-cta {
background-color: #006d3b;
border-color: transparent;
color: #fff;
}
.file.is-warning .file-cta {
background-color: #f5a623;
border-color: transparent;
color: #fff;
}
.file.is-warning.is-hovered .file-cta,
.file.is-warning:hover .file-cta {
background-color: #f4a117;
border-color: transparent;
color: #fff;
}
.file.is-warning.is-focused .file-cta,
.file.is-warning:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em rgba(245, 166, 35, 0.25);
color: #fff;
}
.file.is-warning.is-active .file-cta,
.file.is-warning:active .file-cta {
background-color: #f39c0b;
border-color: transparent;
color: #fff;
}
.file.is-danger .file-cta {
background-color: #d0021b;
border-color: transparent;
color: #fff;
}
.file.is-danger.is-hovered .file-cta,
.file.is-danger:hover .file-cta {
background-color: #c30219;
border-color: transparent;
color: #fff;
}
.file.is-danger.is-focused .file-cta,
.file.is-danger:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 0.5em rgba(208, 2, 27, 0.25);
color: #fff;
}
.file.is-danger.is-active .file-cta,
.file.is-danger:active .file-cta {
background-color: #b70218;
border-color: transparent;
color: #fff;
}
.file.is-small {
font-size: 1rem;
}
.file.is-medium {
font-size: 1.3rem;
}
.file.is-medium .file-icon .fa {
font-size: 21px;
}
.file.is-large {
font-size: 1.375rem;
}
.file.is-large .file-icon .fa {
font-size: 28px;
}
.file.has-name .file-cta {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.file.has-name .file-name {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.file.has-name.is-empty .file-cta {
border-radius: 0;
}
.file.has-name.is-empty .file-name {
display: none;
}
.file.is-boxed .file-label {
flex-direction: column;
}
.file.is-boxed .file-cta {
flex-direction: column;
height: auto;
padding: 1em 3em;
}
.file.is-boxed .file-name {
border-width: 0 1px 1px;
}
.file.is-boxed .file-icon {
height: 1.5em;
width: 1.5em;
}
.file.is-boxed .file-icon .fa {
font-size: 21px;
}
.file.is-boxed.is-small .file-icon .fa {
font-size: 14px;
}
.file.is-boxed.is-medium .file-icon .fa {
font-size: 28px;
}
.file.is-boxed.is-large .file-icon .fa {
font-size: 35px;
}
.file.is-boxed.has-name .file-cta {
border-radius: 0 0 0 0;
}
.file.is-boxed.has-name .file-name {
border-radius: 0 0 0 0;
border-width: 0 1px 1px;
}
.file.is-centered {
justify-content: center;
}
.file.is-fullwidth .file-label {
width: 100%;
}
.file.is-fullwidth .file-name {
flex-grow: 1;
max-width: none;
}
.file.is-right {
justify-content: flex-end;
}
.file.is-right .file-cta {
border-radius: 0 0 0 0;
}
.file.is-right .file-name {
border-radius: 0 0 0 0;
border-width: 1px 0 1px 1px;
order: -1;
}
.file-label {
align-items: stretch;
display: flex;
cursor: pointer;
justify-content: flex-start;
overflow: hidden;
position: relative;
}
.file-label:hover .file-cta {
background-color: #eee;
color: #323232;
}
.file-label:hover .file-name {
border-color: #d0d0d0;
}
.file-label:active .file-cta {
background-color: #e8e8e8;
color: #323232;
}
.file-label:active .file-name {
border-color: #c9c9c9;
}
.file-input {
height: 0.01em;
left: 0;
outline: none;
position: absolute;
top: 0;
width: 0.01em;
}
.file-cta,
.file-name {
-moz-appearance: none;
-webkit-appearance: none;
align-items: center;
box-shadow: none;
display: inline-flex;
font-size: 1.125rem;
height: 2.25em;
justify-content: flex-start;
line-height: 1.5;
position: relative;
vertical-align: top;
border: 1px solid #d6d6d6;
border-radius: 0;
font-size: 1em;
padding: calc(0.375em - 1px) 1em;
white-space: nowrap;
}
.file-cta.is-active,
.file-cta.is-focused,
.file-cta:active,
.file-cta:focus,
.file-name.is-active,
.file-name.is-focused,
.file-name:active,
.file-name:focus {
outline: none;
}
.file-cta[disabled],
.file-name[disabled] {
cursor: not-allowed;
}
.file-cta {
background-color: #f5f5f5;
color: #484848;
}
.file-name {
border: 1px solid #d6d6d6;
border-left-width: 0;
display: block;
max-width: 16em;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
}
.file-icon {
align-items: center;
display: flex;
height: 1em;
justify-content: center;
margin-right: 0.5em;
width: 1em;
}
.file-icon .fa {
font-size: 14px;
}
.label {
color: #323232;
display: block;
font-size: 1.125rem;
font-weight: 700;
}
.label:not(:last-child) {
margin-bottom: 0.5em;
}
.label.is-small {
font-size: 1rem;
}
.label.is-medium {
font-size: 1.3rem;
}
.label.is-large {
font-size: 1.375rem;
}
.hint {
display: block;
font-size: 1.125rem;
font-weight: lighter;
margin-bottom: 0.5em;
color: #767676;
}
.hint.is-white {
color: #fff;
}
.hint.is-black {
color: #0a0a0a;
}
.hint.is-light {
color: #f5f5f5;
}
.hint.is-dark {
color: #323232;
}
.hint.is-primary {
color: #6037b3;
}
.hint.is-secondary {
color: #3e69be;
}
.hint.is-link {
color: #0070f2;
}
.hint.is-info {
color: #008196;
}
.hint.is-success {
color: #008649;
}
.hint.is-warning {
color: #f5a623;
}
.hint.is-danger {
color: #d0021b;
}
.help {
display: block;
font-size: 1rem;
margin-top: 0.25rem;
}
.help.is-white {
color: #fff;
}
.help.is-black {
color: #0a0a0a;
}
.help.is-light {
color: #f5f5f5;
}
.help.is-dark {
color: #323232;
}
.help.is-primary {
color: #6037b3;
}
.help.is-secondary {
color: #3e69be;
}
.help.is-link {
color: #0070f2;
}
.help.is-info {
color: #008196;
}
.help.is-success {
color: #008649;
}
.help.is-warning {
color: #f5a623;
}
.help.is-danger {
color: #d0021b;
}
.field:not(:last-child) {
margin-bottom: 0.75rem;
}
.field.has-addons {
display: flex;
justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select,
.field.has-addons .control:not(:first-child):not(:last-child) .sgds-button {
border-radius: 0;
}
.field.has-addons .control:first-child .input,
.field.has-addons .control:first-child .select select,
.field.has-addons .control:first-child .sgds-button {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.field.has-addons .control:last-child .input,
.field.has-addons .control:last-child .select select,
.field.has-addons .control:last-child .sgds-button {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .sgds-button:not([disabled]).is-hovered,
.field.has-addons .control .sgds-button:not([disabled]):hover {
z-index: 2;
}
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .sgds-button:not([disabled]).is-active,
.field.has-addons .control .sgds-button:not([disabled]).is-focused,
.field.has-addons .control .sgds-button:not([disabled]):active,
.field.has-addons .control .sgds-button:not([disabled]):focus {
z-index: 3;
}
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .sgds-button:not([disabled]).is-active:hover,
.field.has-addons .control .sgds-button:not([disabled]).is-focused:hover,
.field.has-addons .control .sgds-button:not([disabled]):active:hover,
.field.has-addons .control .sgds-button:not([disabled]):focus:hover {
z-index: 4;
}
.field.has-addons .control.is-expanded {
flex-grow: 1;
}
.field.has-addons.has-addons-centered {
justify-content: center;
}
.field.has-addons.has-addons-right {
justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
flex-grow: 1;
flex-shrink: 0;
}
.field.is-grouped {
display: flex;
justify-content: flex-start;
}
.field.is-grouped > .control {
flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
margin-bottom: 0;
margin-right: 0.75rem;
}
.field.is-grouped > .control.is-expanded {
flex-grow: 1;
flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
justify-content: center;
}
.field.is-grouped.is-grouped-right {
justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child,
.field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
margin-bottom: 0;
}
@media print, screen and (min-width: 769px) {
.field.is-horizontal {
display: flex;
}
}
.field-label .label {
font-size: inherit;
}
@media screen and (max-width: 768px) {
.field-label {
margin-bottom: 0.5rem;
}
}
@media print, screen and (min-width: 769px) {
.field-label {
flex-basis: 0;
flex-grow: 1;
flex-shrink: 0;
margin-right: 1.5rem;
text-align: right;
}
.field-label.is-small {
font-size: 1rem;
padding-top: 0.375em;
}
.field-label.is-normal {
padding-top: 0.375em;
}
.field-label.is-medium {
font-size: 1.3rem;
padding-top: 0.375em;
}
.field-label.is-large {
font-size: 1.375rem;
padding-top: 0.375em;
}
}
.field-body .field .field {
margin-bottom: 0;
}
@media print, screen and (min-width: 769px) {
.field-body {
display: flex;
flex-basis: 0;
flex-grow: 5;
flex-shrink: 1;
}
.field-body .field {
margin-bottom: 0;
}
.field-body > .field {
flex-shrink: 1;
}
.field-body > .field:not(.is-narrow) {
flex-grow: 1;
}
.field-body > .field:not(:last-child) {
margin-right: 0.75rem;
}
}
.control {
clear: both;
font-size: 1.125rem;
position: relative;
text-align: left;
}
.control.has-icon .icon {
color: #d6d6d6;
height: 2.25em;
pointer-events: none;
position: absolute;
top: 0;
width: 2.25em;
z-index: 4;
}
.control.has-icon .input:focus + .icon {
color: #767676;
}
.control.has-icon .input.is-small + .icon {
font-size: 1rem;
}
.control.has-icon .input.is-medium + .icon {
font-size: 1.3rem;
}
.control.has-icon .input.is-large + .icon {
font-size: 1.375rem;
}
.control.has-icon:not(.has-icon-right) .icon {
left: 0;
}
.control.has-icon:not(.has-icon-right) .input {
padding-left: 2.25em;
}
.control.has-icon.has-icon-right .icon {
right: 0;
}
.control.has-icon.has-icon-right .input {
padding-right: 2.25em;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon,
.control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
color: #767676;
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon,
.control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
font-size: 1rem;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon,
.control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
font-size: 1.3rem;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon,
.control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
font-size: 1.375rem;
}
.control.has-icons-left .icon,
.control.has-icons-right .icon {
color: #d6d6d6;
height: 2.25em;
pointer-events: none;
position: absolute;
top: 0;
width: 2.25em;
z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
padding-left: 2.25em;
}
.control.has-icons-left .icon.is-left {
left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
padding-right: 2.25em;
}
.control.has-icons-right .icon.is-right {
right: 0;
}
.control.is-loading:after {
position: absolute !important;
right: 0.625em;
top: 0.625em;
z-index: 4;
}
.control.is-loading.is-small:after {
font-size: 1rem;
}
.control.is-loading.is-medium:after {
font-size: 1.3rem;
}
.control.is-loading.is-large:after {
font-size: 1.375rem;
}
.sgds-hero {
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.sgds-hero .navbar {
background: none;
}
.sgds-hero .tabs ul {
border-bottom: none;
}
.sgds-hero.is-white {
background-color: #fff;
color: #0a0a0a;
}
.sgds-hero.is-white a:not(.sgds-button):not(.dropdown-item):not(.sgds-tag),
.sgds-hero.is-white strong {
color: inherit;
}
.sgds-hero.is-white .title {
color: #0a0a0a;
}
.sgds-hero.is-white .subtitle {
color: rgba(10, 10, 10, 0.9);
}
.sgds-hero.is-white .subtitle a:not(.sgds-button),
.sgds-hero.is-white .subtitle strong {
color: #0a0a0a;
}
@media screen and (max-width: 1023px) {
.sgds-hero.is-white .navbar-menu {
background-color: #fff;
}
}
.sgds-hero.is-white .navbar-item,
.sgds-hero.is-white .navbar-link {
color: rgba(10, 10, 10, 0.7);
}
.sgds-hero.is-white .navbar-link.is-active,
.sgds-hero.is-white .navbar-link:hover,
.sgds-hero.is-white a.navbar-item.is-active,
.sgds-hero.is-white a.navbar-item:hover {
background-color: #f2f2f2;
color: #0a0a0a;
}
.sgds-hero.is-white .tabs a {
color: #0a0a0a;
opacity: 0.9;
}
.sgds-hero.is-white .tabs a:hover,
.sgds-hero.is-white .tabs li.is-active a {
opacity: 1;
}
.sgds-hero.is-white .tabs.is-boxed a,
.sgds-hero.is-white .tabs.is-toggle a {
color: #0a0a0a;
}
.sgds-hero.is-white .tabs.is-boxed a:hover,
.sgds-hero.is-white .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.sgds-hero.is-white .tabs.is-boxed li.is-active a,
.sgds-hero.is-white .tabs.is-boxed li.is-active a:hover,
.sgds-hero.is-white .tabs.is-toggle li.is-active a,
.sgds-hero.is-white .tabs.is-toggle li.is-active a:hover {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: #fff;
}
.sgds-hero.is-white.is-bold {
background-image: linear-gradient(141deg, #e6e6e6, #fff 71%, #fff);
}
@media screen and (max-width: 768px) {
.sgds-hero.is-white.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #e6e6e6, #fff 71%, #fff);
}
}
.sgds-hero.is-black {
background-color: #0a0a0a;
color: #fff;
}
.sgds-hero.is-black a:not(.sgds-button):not(.dropdown-item):not(.sgds-tag),
.sgds-hero.is-black strong {
color: inherit;
}
.sgds-hero.is-black .title {
color: #fff;
}
.sgds-hero.is-black .subtitle {
color: hsla(0, 0%, 100%, 0.9);
}
.sgds-hero.is-black .subtitle a:not(.sgds-button),
.sgds-hero.is-black .subtitle strong {
color: #fff;
}
@media screen and (max-width: 1023px) {
.sgds-hero.is-black .navbar-menu {
background-color: #0a0a0a;
}
}
.sgds-hero.is-black .navbar-item,
.sgds-hero.is-black .navbar-link {
color: hsla(0, 0%, 100%, 0.7);
}
.sgds-hero.is-black .navbar-link.is-active,
.sgds-hero.is-black .navbar-link:hover,
.sgds-hero.is-black a.navbar-item.is-active,
.sgds-hero.is-black a.navbar-item:hover {
background-color: #000;
color: #fff;
}
.sgds-hero.is-black .tabs a {
color: #fff;
opacity: 0.9;
}
.sgds-hero.is-black .tabs a:hover,
.sgds-hero.is-black .tabs li.is-active a {
opacity: 1;
}
.sgds-hero.is-black .tabs.is-boxed a,
.sgds-hero.is-black .tabs.is-toggle a {
color: #fff;
}
.sgds-hero.is-black .tabs.is-boxed a:hover,
.sgds-hero.is-black .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.sgds-hero.is-black .tabs.is-boxed li.is-active a,
.sgds-hero.is-black .tabs.is-boxed li.is-active a:hover,
.sgds-hero.is-black .tabs.is-toggle li.is-active a,
.sgds-hero.is-black .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #0a0a0a;
}
.sgds-hero.is-black.is-bold {
background-image: linear-gradient(141deg, #000, #0a0a0a 71%, #181616);
}
@media screen and (max-width: 768px) {
.sgds-hero.is-black.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #000, #0a0a0a 71%, #181616);
}
}
.sgds-hero.is-light {
background-color: #f5f5f5;
color: #323232;
}
.sgds-hero.is-light a:not(.sgds-button):not(.dropdown-item):not(.sgds-tag),
.sgds-hero.is-light strong {
color: inherit;
}
.sgds-hero.is-light .title {
color: #323232;
}
.sgds-hero.is-light .subtitle {
color: rgba(50, 50, 50, 0.9);
}
.sgds-hero.is-light .subtitle a:not(.sgds-button),
.sgds-hero.is-light .subtitle strong {
color: #323232;
}
@media screen and (max-width: 1023px) {
.sgds-hero.is-light .navbar-menu {
background-color: #f5f5f5;
}
}
.sgds-hero.is-light .navbar-item,
.sgds-hero.is-light .navbar-link {
color: rgba(50, 50, 50, 0.7);
}
.sgds-hero.is-light .navbar-link.is-active,
.sgds-hero.is-light .navbar-link:hover,
.sgds-hero.is-light a.navbar-item.is-active,
.sgds-hero.is-light a.navbar-item:hover {
background-color: #e8e8e8;
color: #323232;
}
.sgds-hero.is-light .tabs a {
color: #323232;
opacity: 0.9;
}
.sgds-hero.is-light .tabs a:hover,
.sgds-hero.is-light .tabs li.is-active a {
opacity: 1;
}
.sgds-hero.is-light .tabs.is-boxed a,
.sgds-hero.is-light .tabs.is-toggle a {
color: #323232;
}
.sgds-hero.is-light .tabs.is-boxed a:hover,
.sgds-hero.is-light .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.sgds-hero.is-light .tabs.is-boxed li.is-active a,
.sgds-hero.is-light .tabs.is-boxed li.is-active a:hover,
.sgds-hero.is-light .tabs.is-toggle li.is-active a,
.sgds-hero.is-light .tabs.is-toggle li.is-active a:hover {
background-color: #323232;
border-color: #323232;
color: #f5f5f5;
}
.sgds-hero.is-light.is-bold {
background-image: linear-gradient(141deg, #dfd8d9, #f5f5f5 71%, #fff);
}
@media screen and (max-width: 768px) {
.sgds-hero.is-light.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #dfd8d9, #f5f5f5 71%, #fff);
}
}
.sgds-hero.is-dark {
background-color: #323232;
color: #f5f5f5;
}
.sgds-hero.is-dark a:not(.sgds-button):not(.dropdown-item):not(.sgds-tag),
.sgds-hero.is-dark strong {
color: inherit;
}
.sgds-hero.is-dark .title {
color: #f5f5f5;
}
.sgds-hero.is-dark .subtitle {
color: hsla(0, 0%, 96.1%, 0.9);
}
.sgds-hero.is-dark .subtitle a:not(.sgds-button),
.sgds-hero.is-dark .subtitle strong {
color: #f5f5f5;
}
@media screen and (max-width: 1023px) {
.sgds-hero.is-dark .navbar-menu {
background-color: #323232;
}
}
.sgds-hero.is-dark .navbar-item,
.sgds-hero.is-dark .navbar-link {
color: hsla(0, 0%, 96.1%, 0.7);
}
.sgds-hero.is-dark .navbar-link.is-active,
.sgds-hero.is-dark .navbar-link:hover,
.sgds-hero.is-dark a.navbar-item.is-active,
.sgds-hero.is-dark a.navbar-item:hover {
background-color: #252525;
color: #f5f5f5;
}
.sgds-hero.is-dark .tabs a {
color: #f5f5f5;
opacity: 0.9;
}
.sgds-hero.is-dark .tabs a:hover,
.sgds-hero.is-dark .tabs li.is-active a {
opacity: 1;
}
.sgds-hero.is-dark .tabs.is-boxed a,
.sgds-hero.is-dark .tabs.is-toggle a {
color: #f5f5f5;
}
.sgds-hero.is-dark .tabs.is-boxed a:hover,
.sgds-hero.is-dark .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.sgds-hero.is-dark .tabs.is-boxed li.is-active a,
.sgds-hero.is-dark .tabs.is-boxed li.is-active a:hover,
.sgds-hero.is-dark .tabs.is-toggle li.is-active a,
.sgds-hero.is-dark .tabs.is-toggle li.is-active a:hover {
background-color: #f5f5f5;
border-color: #f5f5f5;
color: #323232;
}
.sgds-hero.is-dark.is-bold {
background-image: linear-gradient(141deg, #1b1617, #323232 71%, #423d3c);
}
@media screen and (max-width: 768px) {
.sgds-hero.is-dark.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #1b1617, #323232 71%, #423d3c);
}
}
.sgds-hero.is-primary {
background-color: #6037b3;
color: #fff;
}
.sgds-hero.is-primary a:not(.sgds-button):not(.dropdown-item):not(.sgds-tag),
.sgds-hero.is-primary strong {
color: inherit;
}
.sgds-hero.is-primary .title {
color: #fff;
}
.sgds-hero.is-primary .subtitle {
color: hsla(0, 0%, 100%, 0.9);
}
.sgds-hero.is-primary .subtitle a:not(.sgds-button),
.sgds-hero.is-primary .subtitle strong {
color: #fff;
}
@media screen and (max-width: 1023px) {
.sgds-hero.is-primary .navbar-menu {
background-color: #6037b3;
}
}
.sgds-hero.is-primary .navbar-item,
.sgds-hero.is-primary .navbar-link {
color: hsla(0, 0%, 100%, 0.7);
}
.sgds-hero.is-primary .navbar-link.is-active,
.sgds-hero.is-primary .navbar-link:hover,
.sgds-hero.is-primary a.navbar-item.is-active,
.sgds-hero.is-primary a.navbar-item:hover {
background-color: #56319f;
color: #fff;
}
.sgds-hero.is-primary .tabs a {
color: #fff;
opacity: 0.9;
}
.sgds-hero.is-primary .tabs a:hover,
.sgds-hero.is-primary .tabs li.is-active a {
opacity: 1;
}
.sgds-hero.is-primary .tabs.is-boxed a,
.sgds-hero.is-primary .tabs.is-toggle a {
color: #fff;
}
.sgds-hero.is-primary .tabs.is-boxed a:hover,
.sgds-hero.is-primary .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.sgds-hero.is-primary .tabs.is-boxed li.is-active a,
.sgds-hero.is-primary .tabs.is-boxed li.is-active a:hover,
.sgds-hero.is-primary .tabs.is-toggle li.is-active a,
.sgds-hero.is-primary .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #6037b3;
}
.sgds-hero.is-primary.is-bold {
background-image: linear-gradient(141deg, #352295, #6037b3 71%, #8139ca);
}
@media screen and (max-width: 768px) {
.sgds-hero.is-primary.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #352295, #6037b3 71%, #8139ca);
}
}
.sgds-hero.is-secondary {
background-color: #3e69be;
color: #fff;
}
.sgds-hero.is-secondary a:not(.sgds-button):not(.dropdown-item):not(.sgds-tag),
.sgds-hero.is-secondary strong {
color: inherit;
}
.sgds-hero.is-secondary .title {
color: #fff;
}
.sgds-hero.is-secondary .subtitle {
color: hsla(0, 0%, 100%, 0.9);
}
.sgds-hero.is-secondary .subtitle a:not(.sgds-button),
.sgds-hero.is-secondary .subtitle strong {
color: #fff;
}
@media screen and (max-width: 1023px) {
.sgds-hero.is-secondary .navbar-menu {
background-color: #3e69be;
}
}
.sgds-hero.is-secondary .navbar-item,
.sgds-hero.is-secondary .navbar-link {
color: hsla(0, 0%, 100%, 0.7);
}
.sgds-hero.is-secondary .navbar-link.is-active,
.sgds-hero.is-secondary .navbar-link:hover,
.sgds-hero.is-secondary a.navbar-item.is-active,
.sgds-hero.is-secondary a.navbar-item:hover {
background-color: #385eab;
color: #fff;
}
.sgds-hero.is-secondary .tabs a {
color: #fff;
opacity: 0.9;
}
.sgds-hero.is-secondary .tabs a:hover,
.sgds-hero.is-secondary .tabs li.is-active a {
opacity: 1;
}
.sgds-hero.is-secondary .tabs.is-boxed a,
.sgds-hero.is-secondary .tabs.is-toggle a {
color: #fff;
}
.sgds-hero.is-secondary .tabs.is-boxed a:hover,
.sgds-hero.is-secondary .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.sgds-hero.is-secondary .tabs.is-boxed li.is-active a,
.sgds-hero.is-secondary .tabs.is-boxed li.is-active a:hover,
.sgds-hero.is-secondary .tabs.is-toggle li.is-active a,
.sgds-hero.is-secondary .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #3e69be;
}
.sgds-hero.is-secondary.is-bold {
background-image: linear-gradient(141deg, #2765a2, #3e69be 71%, #4a60cc);
}
@media screen and (max-width: 768px) {
.sgds-hero.is-secondary.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #2765a2, #3e69be 71%, #4a60cc);
}
}
.sgds-hero.is-link {
background-color: #0070f2;
color: #fff;
}
.sgds-hero.is-link a:not(.sgds-button):not(.dropdown-item):not(.sgds-tag),
.sgds-hero.is-link strong {
color: inherit;
}
.sgds-hero.is-link .title {
color: #fff;
}
.sgds-hero.is-link .subtitle {
color: hsla(0, 0%, 100%, 0.9);
}
.sgds-hero.is-link .subtitle a:not(.sgds-button),
.sgds-hero.is-link .subtitle strong {
color: #fff;
}
@media screen and (max-width: 1023px) {
.sgds-hero.is-link .navbar-menu {
background-color: #0070f2;
}
}
.sgds-hero.is-link .navbar-item,
.sgds-hero.is-link .navbar-link {
color: hsla(0, 0%, 100%, 0.7);
}
.sgds-hero.is-link .navbar-link.is-active,
.sgds-hero.is-link .navbar-link:hover,
.sgds-hero.is-link a.navbar-item.is-active,
.sgds-hero.is-link a.navbar-item:hover {
background-color: #0064d9;
color: #fff;
}
.sgds-hero.is-link .tabs a {
color: #fff;
opacity: 0.9;
}
.sgds-hero.is-link .tabs a:hover,
.sgds-hero.is-link .tabs li.is-active a {
opacity: 1;
}
.sgds-hero.is-link .tabs.is-boxed a,
.sgds-hero.is-link .tabs.is-toggle a {
color: #fff;
}
.sgds-hero.is-link .tabs.is-boxed a:hover,
.sgds-hero.is-link .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.sgds-hero.is-link .tabs.is-boxed li.is-active a,
.sgds-hero.is-link .tabs.is-boxed li.is-active a:hover,
.sgds-hero.is-link .tabs.is-toggle li.is-active a,
.sgds-hero.is-link .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #0070f2;
}
.sgds-hero.is-link.is-bold {
background-image: linear-gradient(141deg, #0078bf, #0070f2 71%, #0d54ff);
}
@media screen and (max-width: 768px) {
.sgds-hero.is-link.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #0078bf, #0070f2 71%, #0d54ff);
}
}
.sgds-hero.is-info {
background-color: #008196;
color: #fff;
}
.sgds-hero.is-info a:not(.sgds-button):not(.dropdown-item):not(.sgds-tag),
.sgds-hero.is-info strong {
color: inherit;
}
.sgds-hero.is-info .title {
color: #fff;
}
.sgds-hero.is-info .subtitle {
color: hsla(0, 0%, 100%, 0.9);
}
.sgds-hero.is-info .subtitle a:not(.sgds-button),
.sgds-hero.is-info .subtitle strong {
color: #fff;
}
@media screen and (max-width: 1023px) {
.sgds-hero.is-info .navbar-menu {
background-color: #008196;
}
}
.sgds-hero.is-info .navbar-item,
.sgds-hero.is-info .navbar-link {
color: hsla(0, 0%, 100%, 0.7);
}
.sgds-hero.is-info .navbar-link.is-active,
.sgds-hero.is-info .navbar-link:hover,
.sgds-hero.is-info a.navbar-item.is-active,
.sgds-hero.is-info a.navbar-item:hover {
background-color: #006b7d;
color: #fff;
}
.sgds-hero.is-info .tabs a {
color: #fff;
opacity: 0.9;
}
.sgds-hero.is-info .tabs a:hover,
.sgds-hero.is-info .tabs li.is-active a {
opacity: 1;
}
.sgds-hero.is-info .tabs.is-boxed a,
.sgds-hero.is-info .tabs.is-toggle a {
color: #fff;
}
.sgds-hero.is-info .tabs.is-boxed a:hover,
.sgds-hero.is-info .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.sgds-hero.is-info .tabs.is-boxed li.is-active a,
.sgds-hero.is-info .tabs.is-boxed li.is-active a:hover,
.sgds-hero.is-info .tabs.is-toggle li.is-active a,
.sgds-hero.is-info .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #008196;
}
.sgds-hero.is-info.is-bold {
background-image: linear-gradient(141deg, #006360, #008196 71%, #007ab0);
}
@media screen and (max-width: 768px) {
.sgds-hero.is-info.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #006360, #008196 71%, #007ab0);
}
}
.sgds-hero.is-success {
background-color: #008649;
color: #fff;
}
.sgds-hero.is-success a:not(.sgds-button):not(.dropdown-item):not(.sgds-tag),
.sgds-hero.is-success strong {
color: inherit;
}
.sgds-hero.is-success .title {
color: #fff;
}
.sgds-hero.is-success .subtitle {
color: hsla(0, 0%, 100%, 0.9);
}
.sgds-hero.is-success .subtitle a:not(.sgds-button),
.sgds-hero.is-success .subtitle strong {
color: #fff;
}
@media screen and (max-width: 1023px) {
.sgds-hero.is-success .navbar-menu {
background-color: #008649;
}
}
.sgds-hero.is-success .navbar-item,
.sgds-hero.is-success .navbar-link {
color: hsla(0, 0%, 100%, 0.7);
}
.sgds-hero.is-success .navbar-link.is-active,
.sgds-hero.is-success .navbar-link:hover,
.sgds-hero.is-success a.navbar-item.is-active,
.sgds-hero.is-success a.navbar-item:hover {
background-color: #006d3b;
color: #fff;
}
.sgds-hero.is-success .tabs a {
color: #fff;
opacity: 0.9;
}
.sgds-hero.is-success .tabs a:hover,
.sgds-hero.is-success .tabs li.is-active a {
opacity: 1;
}
.sgds-hero.is-success .tabs.is-boxed a,
.sgds-hero.is-success .tabs.is-toggle a {
color: #fff;
}
.sgds-hero.is-success .tabs.is-boxed a:hover,
.sgds-hero.is-success .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.sgds-hero.is-success .tabs.is-boxed li.is-active a,
.sgds-hero.is-success .tabs.is-boxed li.is-active a:hover,
.sgds-hero.is-success .tabs.is-toggle li.is-active a,
.sgds-hero.is-success .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #008649;
}
.sgds-hero.is-success.is-bold {
background-image: linear-gradient(141deg, #00531f, #008649 71%, #00a071);
}
@media screen and (max-width: 768px) {
.sgds-hero.is-success.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #00531f, #008649 71%, #00a071);
}
}
.sgds-hero.is-warning {
background-color: #f5a623;
color: #fff;
}
.sgds-hero.is-warning a:not(.sgds-button):not(.dropdown-item):not(.sgds-tag),
.sgds-hero.is-warning strong {
color: inherit;
}
.sgds-hero.is-warning .title {
color: #fff;
}
.sgds-hero.is-warning .subtitle {
color: hsla(0, 0%, 100%, 0.9);
}
.sgds-hero.is-warning .subtitle a:not(.sgds-button),
.sgds-hero.is-warning .subtitle strong {
color: #fff;
}
@media screen and (max-width: 1023px) {
.sgds-hero.is-warning .navbar-menu {
background-color: #f5a623;
}
}
.sgds-hero.is-warning .navbar-item,
.sgds-hero.is-warning .navbar-link {
color: hsla(0, 0%, 100%, 0.7);
}
.sgds-hero.is-warning .navbar-link.is-active,
.sgds-hero.is-warning .navbar-link:hover,
.sgds-hero.is-warning a.navbar-item.is-active,
.sgds-hero.is-warning a.navbar-item:hover {
background-color: #f39c0b;
color: #fff;
}
.sgds-hero.is-warning .tabs a {
color: #fff;
opacity: 0.9;
}
.sgds-hero.is-warning .tabs a:hover,
.sgds-hero.is-warning .tabs li.is-active a {
opacity: 1;
}
.sgds-hero.is-warning .tabs.is-boxed a,
.sgds-hero.is-warning .tabs.is-toggle a {
color: #fff;
}
.sgds-hero.is-warning .tabs.is-boxed a:hover,
.sgds-hero.is-warning .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.sgds-hero.is-warning .tabs.is-boxed li.is-active a,
.sgds-hero.is-warning .tabs.is-boxed li.is-active a:hover,
.sgds-hero.is-warning .tabs.is-toggle li.is-active a,
.sgds-hero.is-warning .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #f5a623;
}
.sgds-hero.is-warning.is-bold {
background-image: linear-gradient(141deg, #e56900, #f5a623 71%, #fbd236);
}
@media screen and (max-width: 768px) {
.sgds-hero.is-warning.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #e56900, #f5a623 71%, #fbd236);
}
}
.sgds-hero.is-danger {
background-color: #d0021b;
color: #fff;
}
.sgds-hero.is-danger a:not(.sgds-button):not(.dropdown-item):not(.sgds-tag),
.sgds-hero.is-danger strong {
color: inherit;
}
.sgds-hero.is-danger .title {
color: #fff;
}
.sgds-hero.is-danger .subtitle {
color: hsla(0, 0%, 100%, 0.9);
}
.sgds-hero.is-danger .subtitle a:not(.sgds-button),
.sgds-hero.is-danger .subtitle strong {
color: #fff;
}
@media screen and (max-width: 1023px) {
.sgds-hero.is-danger .navbar-menu {
background-color: #d0021b;
}
}
.sgds-hero.is-danger .navbar-item,
.sgds-hero.is-danger .navbar-link {
color: hsla(0, 0%, 100%, 0.7);
}
.sgds-hero.is-danger .navbar-link.is-active,
.sgds-hero.is-danger .navbar-link:hover,
.sgds-hero.is-danger a.navbar-item.is-active,
.sgds-hero.is-danger a.navbar-item:hover {
background-color: #b70218;
color: #fff;
}
.sgds-hero.is-danger .tabs a {
color: #fff;
opacity: 0.9;
}
.sgds-hero.is-danger .tabs a:hover,
.sgds-hero.is-danger .tabs li.is-active a {
opacity: 1;
}
.sgds-hero.is-danger .tabs.is-boxed a,
.sgds-hero.is-danger .tabs.is-toggle a {
color: #fff;
}
.sgds-hero.is-danger .tabs.is-boxed a:hover,
.sgds-hero.is-danger .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1);
}
.sgds-hero.is-danger .tabs.is-boxed li.is-active a,
.sgds-hero.is-danger .tabs.is-boxed li.is-active a:hover,
.sgds-hero.is-danger .tabs.is-toggle li.is-active a,
.sgds-hero.is-danger .tabs.is-toggle li.is-active a:hover {
background-color: #fff;
border-color: #fff;
color: #d0021b;
}
.sgds-hero.is-danger.is-bold {
background-image: linear-gradient(141deg, #9f002e, #d0021b 71%, #ec0b00);
}
@media screen and (max-width: 768px) {
.sgds-hero.is-danger.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #9f002e, #d0021b 71%, #ec0b00);
}
}
.sgds-hero.is-small .sgds-hero-body {
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
@media print, screen and (min-width: 769px) {
.sgds-hero.is-medium .sgds-hero-body {
padding-bottom: 9rem;
padding-top: 9rem;
}
}
@media print, screen and (min-width: 769px) {
.sgds-hero.is-large .sgds-hero-body {
padding-bottom: 18rem;
padding-top: 18rem;
}
}
.sgds-hero.is-fullheight .sgds-hero-body,
.sgds-hero.is-halfheight .sgds-hero-body {
align-items: center;
display: flex;
}
.sgds-hero.is-fullheight .sgds-hero-body > .container,
.sgds-hero.is-halfheight .sgds-hero-body > .container {
flex-grow: 1;
flex-shrink: 1;
}
.sgds-hero.is-halfheight {
min-height: 50vh;
}
.sgds-hero.is-fullheight {
min-height: 100vh;
}
.sgds-hero-video {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
overflow: hidden;
}
.sgds-hero-video video {
left: 50%;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0);
}
.sgds-hero-video.is-transparent {
opacity: 0.3;
}
@media screen and (max-width: 768px) {
.sgds-hero-video {
display: none;
}
}
.sgds-hero-buttons {
margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
.sgds-hero-buttons .button {
display: flex;
}
.sgds-hero-buttons .button:not(:last-child) {
margin-bottom: 0.75rem;
}
}
@media print, screen and (min-width: 769px) {
.sgds-hero-buttons {
display: flex;
justify-content: center;
}
.sgds-hero-buttons .button:not(:last-child) {
margin-right: 1.5rem;
}
}
.sgds-hero-foot,
.sgds-hero-head {
flex-grow: 0;
flex-shrink: 0;
}
.sgds-hero-body {
flex-grow: 1;
flex-shrink: 0;
padding: 3rem 1.5rem;
}
@media screen and (min-width: 1024px) {
.sgds-hero-body .row {
height: 391px;
min-height: 360px;
}
}
#key-highlights {
background-color: #3e69be;
color: #fff;
}
#key-highlights .col {
padding: 1.2rem 2rem !important;
cursor: pointer;
transition: all 0.5s;
border-left: 1px solid #315498;
}
@media screen and (max-width: 768px) {
#key-highlights .col {
border-left: 0;
border-top: 1px solid #315498;
}
}
#key-highlights .col:hover {
color: #e6e6e6;
background-color: #315498;
}
#key-highlights .col:first-child {
border-left: 0;
}
.icon {
align-items: center;
display: inline-flex;
justify-content: center;
height: 1.5rem;
width: 1.5rem;
}
.icon.is-small {
height: 1rem;
width: 1rem;
}
.icon.is-medium {
height: 2rem;
width: 2rem;
}
.icon.is-large {
height: 3rem;
width: 3rem;
}
.sgds-image {
display: block;
position: relative;
}
.sgds-image img {
display: block;
height: auto;
width: 100%;
}
.sgds-image img.is-rounded {
border-radius: 290486px;
}
.sgds-image.is-1by1 img,
.sgds-image.is-2by1 img,
.sgds-image.is-3by2 img,
.sgds-image.is-4by3 img,
.sgds-image.is-16by9 img,
.sgds-image.is-square img {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 100%;
}
.sgds-image.is-1by1,
.sgds-image.is-square {
padding-top: 100%;
}
.sgds-image.is-4by3 {
padding-top: 75%;
}
.sgds-image.is-3by2 {
padding-top: 66.6666%;
}
.sgds-image.is-16by9 {
padding-top: 56.25%;
}
.sgds-image.is-2by1 {
padding-top: 50%;
}
.sgds-image.is-16x16 {
height: 16px;
width: 16px;
}
.sgds-image.is-24x24 {
height: 24px;
width: 24px;
}
.sgds-image.is-32x32 {
height: 32px;
width: 32px;
}
.sgds-image.is-48x48 {
height: 48px;
width: 48px;
}
.sgds-image.is-64x64 {
height: 64px;
width: 64px;
}
.sgds-image.is-96x96 {
height: 96px;
width: 96px;
}
.sgds-image.is-128x128 {
height: 128px;
width: 128px;
}
.level {
align-items: center;
justify-content: space-between;
}
.level:not(:last-child) {
margin-bottom: 1.5rem;
}
.level code {
border-radius: 0;
}
.level img {
display: inline-block;
vertical-align: top;
}
.level.is-mobile,
.level.is-mobile .level-left,
.level.is-mobile .level-right {
display: flex;
}
.level.is-mobile .level-left + .level-right {
margin-top: 0;
}
.level.is-mobile .level-item {
margin-right: 0.75rem;
}
.level.is-mobile .level-item:not(:last-child) {
margin-bottom: 0;
}
.level.is-mobile .level-item:not(.is-narrow) {
flex-grow: 1;
}
@media print, screen and (min-width: 769px) {
.level {
display: flex;
}
.level > .level-item:not(.is-narrow) {
flex-grow: 1;
}
}
.level-item {
align-items: center;
display: flex;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
}
.level-item .subtitle,
.level-item .title {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.level-item:not(:last-child) {
margin-bottom: 0.75rem;
}
}
.level-left,
.level-right {
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
flex-grow: 1;
}
@media print, screen and (min-width: 769px) {
.level-left .level-item:not(:last-child),
.level-right .level-item:not(:last-child) {
margin-right: 0.75rem;
}
}
.level-left {
align-items: center;
justify-content: flex-start;
}
@media screen and (max-width: 768px) {
.level-left + .level-right {
margin-top: 1.5rem;
}
}
@media print, screen and (min-width: 769px) {
.level-left {
display: flex;
}
}
.level-right {
align-items: center;
justify-content: flex-end;
}
@media print, screen and (min-width: 769px) {
.level-right {
display: flex;
}
}
.sgds-masthead {
position: relative;
background-color: #f0f0f0;
height: auto;
padding: 4px 0;
font-size: 14px;
}
@media screen and (max-width: 1023px) {
.sgds-masthead {
padding-left: 4px;
padding-right: 4px;
}
}
.sgds-masthead .is-text {
margin-left: 4px;
}
.sgds-masthead .sgds-icon {
font-size: 20px;
}
.sgds-masthead a {
color: #484848;
display: flex;
align-items: center;
}
.sgds-masthead a:hover {
color: #151515;
}
.media {
align-items: flex-start;
display: flex;
text-align: left;
}
.media .content:not(:last-child) {
margin-bottom: 0.75rem;
}
.media .media {
border-top: 1px solid hsla(0, 0%, 83.9%, 0.5);
display: flex;
padding-top: 0.75rem;
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
margin-bottom: 0.5rem;
}
.media .media .media {
padding-top: 0.5rem;
}
.media .media .media + .media {
margin-top: 0.5rem;
}
.media + .media {
border-top: 1px solid hsla(0, 0%, 83.9%, 0.5);
margin-top: 1rem;
padding-top: 1rem;
}
.media.is-large + .media {
margin-top: 1.5rem;
padding-top: 1.5rem;
}
.media-left,
.media-right {
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
}
.media-left {
margin-right: 1rem;
}
.media-right {
margin-left: 1rem;
}
.media-content {
flex-basis: auto;
flex-grow: 1;
flex-shrink: 1;
overflow: auto;
text-align: left;
}
.sidebar {
will-change: min-height;
}
.sidebar__inner {
transform: translate(0);
transform: translateZ(0);
will-change: position, transform;
}
.sgds-menu-list {
margin: 0;
list-style-type: none;
}
.content .sgds-menu-list {
list-style: none;
}
.sgds-menu-list a {
color: #323232;
display: flex;
font-size: 1.0625rem;
justify-content: space-between;
align-items: center;
padding: 0.75rem 0;
}
.sgds-menu-list a .sgds-icon {
font-size: 1.5rem;
}
.sgds-menu-list a:hover {
color: #6037b3;
}
.sgds-menu-list a.is-active {
color: #6037b3;
font-weight: 600;
border-color: #6037b3;
border-bottom: 2px solid #6037b3;
}
.sgds-menu-list a.second-level-nav-header,
.sgds-menu-list a.second-level-nav-header.is-active,
.sgds-menu-list a.second-level-nav-header.is-active:hover,
.sgds-menu-list a.second-level-nav-header:hover {
border-bottom: 1px solid #fff !important;
}
.sgds-menu-list li {
font-size: 1.3rem;
line-height: 2rem;
margin: 0;
}
.sgds-menu-list li.second-level-nav-header.is-active + div.second-level-nav-div {
display: block;
visibility: visible;
}
.sgds-menu-list li.second-level-nav-header.is-active + div.second-level-nav-div.is-hidden {
display: none;
visibility: hidden;
}
.sgds-menu-list li.second-level-nav-header:active + div.second-level-nav-div,
.sgds-menu-list li.second-level-nav-header:hover + div.second-level-nav-div {
display: block;
visibility: visible;
}
.sgds-menu-list li.second-level-nav-header:active + div.second-level-nav-div.is-hidden,
.sgds-menu-list li.second-level-nav-header:hover + div.second-level-nav-div.is-hidden {
display: none;
visibility: hidden;
}
.sgds-menu-list li a.second-level-nav-item {
border: 0 !important;
padding-left: 1.5rem;
padding-top: 0;
}
.sgds-menu-list li:not(:first-child) a {
border-top: 1px solid #767676;
}
.sgds-menu-list-label {
color: #767676;
font-size: 0.75em;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.sgds-menu-list-label:not(:first-child) {
margin-top: 1em;
}
.sgds-menu-list-label:not(:last-child) {
margin-bottom: 1em;
}
.sgds-modal {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
align-items: center;
display: none;
justify-content: center;
overflow: hidden;
position: fixed;
z-index: 9999;
}
.sgds-modal.is-active {
display: flex;
}
.sgds-modal.is-small .sgds-modal-card {
width: 30vw;
}
.sgds-modal.is-large .sgds-modal-card {
width: 70vw;
}
.sgds-modal.is-fullwidth .sgds-modal-card {
width: 95vw;
}
.sgds-modal-background {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background-color: rgba(10, 10, 10, 0.86);
}
.sgds-modal-card,
.sgds-modal-content {
margin: 0 20px;
max-height: calc(100vh - 160px);
overflow: auto;
position: relative;
}
.sgds-modal-close {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgba(10, 10, 10, 0.2);
border: none;
border-radius: 290486px;
cursor: pointer;
display: inline-block;
flex-grow: 0;
flex-shrink: 0;
font-size: 0;
height: 20px;
max-height: 20px;
max-width: 20px;
min-height: 20px;
min-width: 20px;
outline: none;
position: relative;
vertical-align: top;
width: 20px;
background: none;
height: 40px;
position: fixed;
right: 20px;
top: 20px;
width: 40px;
}
.sgds-modal-close:after,
.sgds-modal-close:before {
background-color: #fff;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform-origin: center center;
}
.sgds-modal-close:before {
height: 2px;
width: 50%;
}
.sgds-modal-close:after {
height: 50%;
width: 2px;
}
.sgds-modal-close:focus,
.sgds-modal-close:hover {
background-color: rgba(10, 10, 10, 0.3);
}
.sgds-modal-close:active {
background-color: rgba(10, 10, 10, 0.4);
}
.sgds-modal-close.is-small {
height: 16px;
max-height: 16px;
max-width: 16px;
min-height: 16px;
min-width: 16px;
width: 16px;
}
.sgds-modal-close.is-medium {
height: 24px;
max-height: 24px;
max-width: 24px;
min-height: 24px;
min-width: 24px;
width: 24px;
}
.sgds-modal-close.is-large {
height: 32px;
max-height: 32px;
max-width: 32px;
min-height: 32px;
min-width: 32px;
width: 32px;
}
.sgds-modal-card {
display: flex;
width: 50vw;
flex-direction: column;
max-height: calc(100vh - 40px);
overflow: hidden;
}
.sgds-modal-card-foot,
.sgds-modal-card-head {
align-items: center;
background-color: #fff;
display: flex;
flex-shrink: 0;
justify-content: flex-start;
padding: 20px;
position: relative;
}
.sgds-modal-card-head {
border-bottom: 1px solid #d6d6d6;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.sgds-modal-card-title {
color: #323232;
flex-grow: 1;
flex-shrink: 0;
font-size: 1.625rem;
line-height: 1;
}
.sgds-modal-card-foot {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.sgds-modal-card-foot .button:not(:last-child) {
margin-right: 10px;
}
.sgds-modal-card-body {
-webkit-overflow-scrolling: touch;
background-color: #fff;
flex-grow: 1;
flex-shrink: 1;
overflow: auto;
padding: 20px;
}
.sgds-navbar {
background-color: #fff;
min-height: 5.25rem;
position: relative;
z-index: 30;
}
.sgds-navbar.is-white {
background-color: #fff;
color: #0a0a0a;
}
.sgds-navbar.is-white .sgds-navbar-brand .sgds-navbar-link,
.sgds-navbar.is-white .sgds-navbar-brand > .sgds-navbar-item {
color: #0a0a0a;
}
.sgds-navbar.is-white .sgds-navbar-brand .sgds-navbar-link.is-active,
.sgds-navbar.is-white .sgds-navbar-brand .sgds-navbar-link:focus,
.sgds-navbar.is-white .sgds-navbar-brand .sgds-navbar-link:hover,
.sgds-navbar.is-white .sgds-navbar-brand > a.sgds-navbar-item.is-active,
.sgds-navbar.is-white .sgds-navbar-brand > a.sgds-navbar-item:focus,
.sgds-navbar.is-white .sgds-navbar-brand > a.sgds-navbar-item:hover {
background-color: #f2f2f2;
color: #0a0a0a;
}
.sgds-navbar.is-white .sgds-navbar-brand .sgds-navbar-link:after {
border-color: #0a0a0a;
}
.sgds-navbar.is-white .sgds-navbar-burger {
color: #0a0a0a;
}
@media screen and (min-width: 1024px) {
.sgds-navbar.is-white .sgds-navbar-end .sgds-navbar-link,
.sgds-navbar.is-white .sgds-navbar-end > .sgds-navbar-item,
.sgds-navbar.is-white .sgds-navbar-start .sgds-navbar-link,
.sgds-navbar.is-white .sgds-navbar-start > .sgds-navbar-item {
color: #0a0a0a;
}
.sgds-navbar.is-white .sgds-navbar-end .sgds-navbar-link.is-active,
.sgds-navbar.is-white .sgds-navbar-end .sgds-navbar-link:focus,
.sgds-navbar.is-white .sgds-navbar-end .sgds-navbar-link:hover,
.sgds-navbar.is-white .sgds-navbar-end > a.sgds-navbar-item.is-active,
.sgds-navbar.is-white .sgds-navbar-end > a.sgds-navbar-item:focus,
.sgds-navbar.is-white .sgds-navbar-end > a.sgds-navbar-item:hover,
.sgds-navbar.is-white .sgds-navbar-start .sgds-navbar-link.is-active,
.sgds-navbar.is-white .sgds-navbar-start .sgds-navbar-link:focus,
.sgds-navbar.is-white .sgds-navbar-start .sgds-navbar-link:hover,
.sgds-navbar.is-white .sgds-navbar-start > a.sgds-navbar-item.is-active,
.sgds-navbar.is-white .sgds-navbar-start > a.sgds-navbar-item:focus,
.sgds-navbar.is-white .sgds-navbar-start > a.sgds-navbar-item:hover {
background-color: transparent;
color: #0a0a0a;
}
.sgds-navbar.is-white .sgds-navbar-end .sgds-navbar-link:after,
.sgds-navbar.is-white .sgds-navbar-start .sgds-navbar-link:after {
border-color: #0a0a0a;
}
.sgds-navbar.is-white .sgds-navbar-item.has-dropdown.is-active .sgds-navbar-link,
.sgds-navbar.is-white .sgds-navbar-item.has-dropdown:focus .sgds-navbar-link,
.sgds-navbar.is-white .sgds-navbar-item.has-dropdown:hover .sgds-navbar-link {
background-color: #f2f2f2;
color: #0a0a0a;
}
.sgds-navbar.is-white .sgds-navbar-dropdown a.sgds-navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.sgds-navbar.is-black {
background-color: #0a0a0a;
color: #fff;
}
.sgds-navbar.is-black .sgds-navbar-brand .sgds-navbar-link,
.sgds-navbar.is-black .sgds-navbar-brand > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-black .sgds-navbar-brand .sgds-navbar-link.is-active,
.sgds-navbar.is-black .sgds-navbar-brand .sgds-navbar-link:focus,
.sgds-navbar.is-black .sgds-navbar-brand .sgds-navbar-link:hover,
.sgds-navbar.is-black .sgds-navbar-brand > a.sgds-navbar-item.is-active,
.sgds-navbar.is-black .sgds-navbar-brand > a.sgds-navbar-item:focus,
.sgds-navbar.is-black .sgds-navbar-brand > a.sgds-navbar-item:hover {
background-color: #000;
color: #fff;
}
.sgds-navbar.is-black .sgds-navbar-brand .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-black .sgds-navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.sgds-navbar.is-black .sgds-navbar-end .sgds-navbar-link,
.sgds-navbar.is-black .sgds-navbar-end > .sgds-navbar-item,
.sgds-navbar.is-black .sgds-navbar-start .sgds-navbar-link,
.sgds-navbar.is-black .sgds-navbar-start > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-black .sgds-navbar-end .sgds-navbar-link.is-active,
.sgds-navbar.is-black .sgds-navbar-end .sgds-navbar-link:focus,
.sgds-navbar.is-black .sgds-navbar-end .sgds-navbar-link:hover,
.sgds-navbar.is-black .sgds-navbar-end > a.sgds-navbar-item.is-active,
.sgds-navbar.is-black .sgds-navbar-end > a.sgds-navbar-item:focus,
.sgds-navbar.is-black .sgds-navbar-end > a.sgds-navbar-item:hover,
.sgds-navbar.is-black .sgds-navbar-start .sgds-navbar-link.is-active,
.sgds-navbar.is-black .sgds-navbar-start .sgds-navbar-link:focus,
.sgds-navbar.is-black .sgds-navbar-start .sgds-navbar-link:hover,
.sgds-navbar.is-black .sgds-navbar-start > a.sgds-navbar-item.is-active,
.sgds-navbar.is-black .sgds-navbar-start > a.sgds-navbar-item:focus,
.sgds-navbar.is-black .sgds-navbar-start > a.sgds-navbar-item:hover {
background-color: transparent;
color: #fff;
}
.sgds-navbar.is-black .sgds-navbar-end .sgds-navbar-link:after,
.sgds-navbar.is-black .sgds-navbar-start .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-black .sgds-navbar-item.has-dropdown.is-active .sgds-navbar-link,
.sgds-navbar.is-black .sgds-navbar-item.has-dropdown:focus .sgds-navbar-link,
.sgds-navbar.is-black .sgds-navbar-item.has-dropdown:hover .sgds-navbar-link {
background-color: #000;
color: #fff;
}
.sgds-navbar.is-black .sgds-navbar-dropdown a.sgds-navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.sgds-navbar.is-light {
background-color: #f5f5f5;
color: #323232;
}
.sgds-navbar.is-light .sgds-navbar-brand .sgds-navbar-link,
.sgds-navbar.is-light .sgds-navbar-brand > .sgds-navbar-item {
color: #323232;
}
.sgds-navbar.is-light .sgds-navbar-brand .sgds-navbar-link.is-active,
.sgds-navbar.is-light .sgds-navbar-brand .sgds-navbar-link:focus,
.sgds-navbar.is-light .sgds-navbar-brand .sgds-navbar-link:hover,
.sgds-navbar.is-light .sgds-navbar-brand > a.sgds-navbar-item.is-active,
.sgds-navbar.is-light .sgds-navbar-brand > a.sgds-navbar-item:focus,
.sgds-navbar.is-light .sgds-navbar-brand > a.sgds-navbar-item:hover {
background-color: #e8e8e8;
color: #323232;
}
.sgds-navbar.is-light .sgds-navbar-brand .sgds-navbar-link:after {
border-color: #323232;
}
.sgds-navbar.is-light .sgds-navbar-burger {
color: #323232;
}
@media screen and (min-width: 1024px) {
.sgds-navbar.is-light .sgds-navbar-end .sgds-navbar-link,
.sgds-navbar.is-light .sgds-navbar-end > .sgds-navbar-item,
.sgds-navbar.is-light .sgds-navbar-start .sgds-navbar-link,
.sgds-navbar.is-light .sgds-navbar-start > .sgds-navbar-item {
color: #323232;
}
.sgds-navbar.is-light .sgds-navbar-end .sgds-navbar-link.is-active,
.sgds-navbar.is-light .sgds-navbar-end .sgds-navbar-link:focus,
.sgds-navbar.is-light .sgds-navbar-end .sgds-navbar-link:hover,
.sgds-navbar.is-light .sgds-navbar-end > a.sgds-navbar-item.is-active,
.sgds-navbar.is-light .sgds-navbar-end > a.sgds-navbar-item:focus,
.sgds-navbar.is-light .sgds-navbar-end > a.sgds-navbar-item:hover,
.sgds-navbar.is-light .sgds-navbar-start .sgds-navbar-link.is-active,
.sgds-navbar.is-light .sgds-navbar-start .sgds-navbar-link:focus,
.sgds-navbar.is-light .sgds-navbar-start .sgds-navbar-link:hover,
.sgds-navbar.is-light .sgds-navbar-start > a.sgds-navbar-item.is-active,
.sgds-navbar.is-light .sgds-navbar-start > a.sgds-navbar-item:focus,
.sgds-navbar.is-light .sgds-navbar-start > a.sgds-navbar-item:hover {
background-color: transparent;
color: #323232;
}
.sgds-navbar.is-light .sgds-navbar-end .sgds-navbar-link:after,
.sgds-navbar.is-light .sgds-navbar-start .sgds-navbar-link:after {
border-color: #323232;
}
.sgds-navbar.is-light .sgds-navbar-item.has-dropdown.is-active .sgds-navbar-link,
.sgds-navbar.is-light .sgds-navbar-item.has-dropdown:focus .sgds-navbar-link,
.sgds-navbar.is-light .sgds-navbar-item.has-dropdown:hover .sgds-navbar-link {
background-color: #e8e8e8;
color: #323232;
}
.sgds-navbar.is-light .sgds-navbar-dropdown a.sgds-navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.sgds-navbar.is-dark {
background-color: #323232;
color: #f5f5f5;
}
.sgds-navbar.is-dark .sgds-navbar-brand .sgds-navbar-link,
.sgds-navbar.is-dark .sgds-navbar-brand > .sgds-navbar-item {
color: #f5f5f5;
}
.sgds-navbar.is-dark .sgds-navbar-brand .sgds-navbar-link.is-active,
.sgds-navbar.is-dark .sgds-navbar-brand .sgds-navbar-link:focus,
.sgds-navbar.is-dark .sgds-navbar-brand .sgds-navbar-link:hover,
.sgds-navbar.is-dark .sgds-navbar-brand > a.sgds-navbar-item.is-active,
.sgds-navbar.is-dark .sgds-navbar-brand > a.sgds-navbar-item:focus,
.sgds-navbar.is-dark .sgds-navbar-brand > a.sgds-navbar-item:hover {
background-color: #252525;
color: #f5f5f5;
}
.sgds-navbar.is-dark .sgds-navbar-brand .sgds-navbar-link:after {
border-color: #f5f5f5;
}
.sgds-navbar.is-dark .sgds-navbar-burger {
color: #f5f5f5;
}
@media screen and (min-width: 1024px) {
.sgds-navbar.is-dark .sgds-navbar-end .sgds-navbar-link,
.sgds-navbar.is-dark .sgds-navbar-end > .sgds-navbar-item,
.sgds-navbar.is-dark .sgds-navbar-start .sgds-navbar-link,
.sgds-navbar.is-dark .sgds-navbar-start > .sgds-navbar-item {
color: #f5f5f5;
}
.sgds-navbar.is-dark .sgds-navbar-end .sgds-navbar-link.is-active,
.sgds-navbar.is-dark .sgds-navbar-end .sgds-navbar-link:focus,
.sgds-navbar.is-dark .sgds-navbar-end .sgds-navbar-link:hover,
.sgds-navbar.is-dark .sgds-navbar-end > a.sgds-navbar-item.is-active,
.sgds-navbar.is-dark .sgds-navbar-end > a.sgds-navbar-item:focus,
.sgds-navbar.is-dark .sgds-navbar-end > a.sgds-navbar-item:hover,
.sgds-navbar.is-dark .sgds-navbar-start .sgds-navbar-link.is-active,
.sgds-navbar.is-dark .sgds-navbar-start .sgds-navbar-link:focus,
.sgds-navbar.is-dark .sgds-navbar-start .sgds-navbar-link:hover,
.sgds-navbar.is-dark .sgds-navbar-start > a.sgds-navbar-item.is-active,
.sgds-navbar.is-dark .sgds-navbar-start > a.sgds-navbar-item:focus,
.sgds-navbar.is-dark .sgds-navbar-start > a.sgds-navbar-item:hover {
background-color: transparent;
color: #f5f5f5;
}
.sgds-navbar.is-dark .sgds-navbar-end .sgds-navbar-link:after,
.sgds-navbar.is-dark .sgds-navbar-start .sgds-navbar-link:after {
border-color: #f5f5f5;
}
.sgds-navbar.is-dark .sgds-navbar-item.has-dropdown.is-active .sgds-navbar-link,
.sgds-navbar.is-dark .sgds-navbar-item.has-dropdown:focus .sgds-navbar-link,
.sgds-navbar.is-dark .sgds-navbar-item.has-dropdown:hover .sgds-navbar-link {
background-color: #252525;
color: #f5f5f5;
}
.sgds-navbar.is-dark .sgds-navbar-dropdown a.sgds-navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.sgds-navbar.is-primary {
background-color: #6037b3;
color: #fff;
}
.sgds-navbar.is-primary .sgds-navbar-brand .sgds-navbar-link,
.sgds-navbar.is-primary .sgds-navbar-brand > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-primary .sgds-navbar-brand .sgds-navbar-link.is-active,
.sgds-navbar.is-primary .sgds-navbar-brand .sgds-navbar-link:focus,
.sgds-navbar.is-primary .sgds-navbar-brand .sgds-navbar-link:hover,
.sgds-navbar.is-primary .sgds-navbar-brand > a.sgds-navbar-item.is-active,
.sgds-navbar.is-primary .sgds-navbar-brand > a.sgds-navbar-item:focus,
.sgds-navbar.is-primary .sgds-navbar-brand > a.sgds-navbar-item:hover {
background-color: #56319f;
color: #fff;
}
.sgds-navbar.is-primary .sgds-navbar-brand .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-primary .sgds-navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.sgds-navbar.is-primary .sgds-navbar-end .sgds-navbar-link,
.sgds-navbar.is-primary .sgds-navbar-end > .sgds-navbar-item,
.sgds-navbar.is-primary .sgds-navbar-start .sgds-navbar-link,
.sgds-navbar.is-primary .sgds-navbar-start > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-primary .sgds-navbar-end .sgds-navbar-link.is-active,
.sgds-navbar.is-primary .sgds-navbar-end .sgds-navbar-link:focus,
.sgds-navbar.is-primary .sgds-navbar-end .sgds-navbar-link:hover,
.sgds-navbar.is-primary .sgds-navbar-end > a.sgds-navbar-item.is-active,
.sgds-navbar.is-primary .sgds-navbar-end > a.sgds-navbar-item:focus,
.sgds-navbar.is-primary .sgds-navbar-end > a.sgds-navbar-item:hover,
.sgds-navbar.is-primary .sgds-navbar-start .sgds-navbar-link.is-active,
.sgds-navbar.is-primary .sgds-navbar-start .sgds-navbar-link:focus,
.sgds-navbar.is-primary .sgds-navbar-start .sgds-navbar-link:hover,
.sgds-navbar.is-primary .sgds-navbar-start > a.sgds-navbar-item.is-active,
.sgds-navbar.is-primary .sgds-navbar-start > a.sgds-navbar-item:focus,
.sgds-navbar.is-primary .sgds-navbar-start > a.sgds-navbar-item:hover {
background-color: transparent;
color: #fff;
}
.sgds-navbar.is-primary .sgds-navbar-end .sgds-navbar-link:after,
.sgds-navbar.is-primary .sgds-navbar-start .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-primary .sgds-navbar-item.has-dropdown.is-active .sgds-navbar-link,
.sgds-navbar.is-primary .sgds-navbar-item.has-dropdown:focus .sgds-navbar-link,
.sgds-navbar.is-primary .sgds-navbar-item.has-dropdown:hover .sgds-navbar-link {
background-color: #56319f;
color: #fff;
}
.sgds-navbar.is-primary .sgds-navbar-dropdown a.sgds-navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.sgds-navbar.is-secondary {
background-color: #3e69be;
color: #fff;
}
.sgds-navbar.is-secondary .sgds-navbar-brand .sgds-navbar-link,
.sgds-navbar.is-secondary .sgds-navbar-brand > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-secondary .sgds-navbar-brand .sgds-navbar-link.is-active,
.sgds-navbar.is-secondary .sgds-navbar-brand .sgds-navbar-link:focus,
.sgds-navbar.is-secondary .sgds-navbar-brand .sgds-navbar-link:hover,
.sgds-navbar.is-secondary .sgds-navbar-brand > a.sgds-navbar-item.is-active,
.sgds-navbar.is-secondary .sgds-navbar-brand > a.sgds-navbar-item:focus,
.sgds-navbar.is-secondary .sgds-navbar-brand > a.sgds-navbar-item:hover {
background-color: #385eab;
color: #fff;
}
.sgds-navbar.is-secondary .sgds-navbar-brand .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-secondary .sgds-navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.sgds-navbar.is-secondary .sgds-navbar-end .sgds-navbar-link,
.sgds-navbar.is-secondary .sgds-navbar-end > .sgds-navbar-item,
.sgds-navbar.is-secondary .sgds-navbar-start .sgds-navbar-link,
.sgds-navbar.is-secondary .sgds-navbar-start > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-secondary .sgds-navbar-end .sgds-navbar-link.is-active,
.sgds-navbar.is-secondary .sgds-navbar-end .sgds-navbar-link:focus,
.sgds-navbar.is-secondary .sgds-navbar-end .sgds-navbar-link:hover,
.sgds-navbar.is-secondary .sgds-navbar-end > a.sgds-navbar-item.is-active,
.sgds-navbar.is-secondary .sgds-navbar-end > a.sgds-navbar-item:focus,
.sgds-navbar.is-secondary .sgds-navbar-end > a.sgds-navbar-item:hover,
.sgds-navbar.is-secondary .sgds-navbar-start .sgds-navbar-link.is-active,
.sgds-navbar.is-secondary .sgds-navbar-start .sgds-navbar-link:focus,
.sgds-navbar.is-secondary .sgds-navbar-start .sgds-navbar-link:hover,
.sgds-navbar.is-secondary .sgds-navbar-start > a.sgds-navbar-item.is-active,
.sgds-navbar.is-secondary .sgds-navbar-start > a.sgds-navbar-item:focus,
.sgds-navbar.is-secondary .sgds-navbar-start > a.sgds-navbar-item:hover {
background-color: transparent;
color: #fff;
}
.sgds-navbar.is-secondary .sgds-navbar-end .sgds-navbar-link:after,
.sgds-navbar.is-secondary .sgds-navbar-start .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-secondary .sgds-navbar-item.has-dropdown.is-active .sgds-navbar-link,
.sgds-navbar.is-secondary .sgds-navbar-item.has-dropdown:focus .sgds-navbar-link,
.sgds-navbar.is-secondary .sgds-navbar-item.has-dropdown:hover .sgds-navbar-link {
background-color: #385eab;
color: #fff;
}
.sgds-navbar.is-secondary .sgds-navbar-dropdown a.sgds-navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.sgds-navbar.is-link {
background-color: #0070f2;
color: #fff;
}
.sgds-navbar.is-link .sgds-navbar-brand .sgds-navbar-link,
.sgds-navbar.is-link .sgds-navbar-brand > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-link .sgds-navbar-brand .sgds-navbar-link.is-active,
.sgds-navbar.is-link .sgds-navbar-brand .sgds-navbar-link:focus,
.sgds-navbar.is-link .sgds-navbar-brand .sgds-navbar-link:hover,
.sgds-navbar.is-link .sgds-navbar-brand > a.sgds-navbar-item.is-active,
.sgds-navbar.is-link .sgds-navbar-brand > a.sgds-navbar-item:focus,
.sgds-navbar.is-link .sgds-navbar-brand > a.sgds-navbar-item:hover {
background-color: #0064d9;
color: #fff;
}
.sgds-navbar.is-link .sgds-navbar-brand .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-link .sgds-navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.sgds-navbar.is-link .sgds-navbar-end .sgds-navbar-link,
.sgds-navbar.is-link .sgds-navbar-end > .sgds-navbar-item,
.sgds-navbar.is-link .sgds-navbar-start .sgds-navbar-link,
.sgds-navbar.is-link .sgds-navbar-start > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-link .sgds-navbar-end .sgds-navbar-link.is-active,
.sgds-navbar.is-link .sgds-navbar-end .sgds-navbar-link:focus,
.sgds-navbar.is-link .sgds-navbar-end .sgds-navbar-link:hover,
.sgds-navbar.is-link .sgds-navbar-end > a.sgds-navbar-item.is-active,
.sgds-navbar.is-link .sgds-navbar-end > a.sgds-navbar-item:focus,
.sgds-navbar.is-link .sgds-navbar-end > a.sgds-navbar-item:hover,
.sgds-navbar.is-link .sgds-navbar-start .sgds-navbar-link.is-active,
.sgds-navbar.is-link .sgds-navbar-start .sgds-navbar-link:focus,
.sgds-navbar.is-link .sgds-navbar-start .sgds-navbar-link:hover,
.sgds-navbar.is-link .sgds-navbar-start > a.sgds-navbar-item.is-active,
.sgds-navbar.is-link .sgds-navbar-start > a.sgds-navbar-item:focus,
.sgds-navbar.is-link .sgds-navbar-start > a.sgds-navbar-item:hover {
background-color: transparent;
color: #fff;
}
.sgds-navbar.is-link .sgds-navbar-end .sgds-navbar-link:after,
.sgds-navbar.is-link .sgds-navbar-start .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-link .sgds-navbar-item.has-dropdown.is-active .sgds-navbar-link,
.sgds-navbar.is-link .sgds-navbar-item.has-dropdown:focus .sgds-navbar-link,
.sgds-navbar.is-link .sgds-navbar-item.has-dropdown:hover .sgds-navbar-link {
background-color: #0064d9;
color: #fff;
}
.sgds-navbar.is-link .sgds-navbar-dropdown a.sgds-navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.sgds-navbar.is-info {
background-color: #008196;
color: #fff;
}
.sgds-navbar.is-info .sgds-navbar-brand .sgds-navbar-link,
.sgds-navbar.is-info .sgds-navbar-brand > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-info .sgds-navbar-brand .sgds-navbar-link.is-active,
.sgds-navbar.is-info .sgds-navbar-brand .sgds-navbar-link:focus,
.sgds-navbar.is-info .sgds-navbar-brand .sgds-navbar-link:hover,
.sgds-navbar.is-info .sgds-navbar-brand > a.sgds-navbar-item.is-active,
.sgds-navbar.is-info .sgds-navbar-brand > a.sgds-navbar-item:focus,
.sgds-navbar.is-info .sgds-navbar-brand > a.sgds-navbar-item:hover {
background-color: #006b7d;
color: #fff;
}
.sgds-navbar.is-info .sgds-navbar-brand .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-info .sgds-navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.sgds-navbar.is-info .sgds-navbar-end .sgds-navbar-link,
.sgds-navbar.is-info .sgds-navbar-end > .sgds-navbar-item,
.sgds-navbar.is-info .sgds-navbar-start .sgds-navbar-link,
.sgds-navbar.is-info .sgds-navbar-start > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-info .sgds-navbar-end .sgds-navbar-link.is-active,
.sgds-navbar.is-info .sgds-navbar-end .sgds-navbar-link:focus,
.sgds-navbar.is-info .sgds-navbar-end .sgds-navbar-link:hover,
.sgds-navbar.is-info .sgds-navbar-end > a.sgds-navbar-item.is-active,
.sgds-navbar.is-info .sgds-navbar-end > a.sgds-navbar-item:focus,
.sgds-navbar.is-info .sgds-navbar-end > a.sgds-navbar-item:hover,
.sgds-navbar.is-info .sgds-navbar-start .sgds-navbar-link.is-active,
.sgds-navbar.is-info .sgds-navbar-start .sgds-navbar-link:focus,
.sgds-navbar.is-info .sgds-navbar-start .sgds-navbar-link:hover,
.sgds-navbar.is-info .sgds-navbar-start > a.sgds-navbar-item.is-active,
.sgds-navbar.is-info .sgds-navbar-start > a.sgds-navbar-item:focus,
.sgds-navbar.is-info .sgds-navbar-start > a.sgds-navbar-item:hover {
background-color: transparent;
color: #fff;
}
.sgds-navbar.is-info .sgds-navbar-end .sgds-navbar-link:after,
.sgds-navbar.is-info .sgds-navbar-start .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-info .sgds-navbar-item.has-dropdown.is-active .sgds-navbar-link,
.sgds-navbar.is-info .sgds-navbar-item.has-dropdown:focus .sgds-navbar-link,
.sgds-navbar.is-info .sgds-navbar-item.has-dropdown:hover .sgds-navbar-link {
background-color: #006b7d;
color: #fff;
}
.sgds-navbar.is-info .sgds-navbar-dropdown a.sgds-navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.sgds-navbar.is-success {
background-color: #008649;
color: #fff;
}
.sgds-navbar.is-success .sgds-navbar-brand .sgds-navbar-link,
.sgds-navbar.is-success .sgds-navbar-brand > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-success .sgds-navbar-brand .sgds-navbar-link.is-active,
.sgds-navbar.is-success .sgds-navbar-brand .sgds-navbar-link:focus,
.sgds-navbar.is-success .sgds-navbar-brand .sgds-navbar-link:hover,
.sgds-navbar.is-success .sgds-navbar-brand > a.sgds-navbar-item.is-active,
.sgds-navbar.is-success .sgds-navbar-brand > a.sgds-navbar-item:focus,
.sgds-navbar.is-success .sgds-navbar-brand > a.sgds-navbar-item:hover {
background-color: #006d3b;
color: #fff;
}
.sgds-navbar.is-success .sgds-navbar-brand .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-success .sgds-navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.sgds-navbar.is-success .sgds-navbar-end .sgds-navbar-link,
.sgds-navbar.is-success .sgds-navbar-end > .sgds-navbar-item,
.sgds-navbar.is-success .sgds-navbar-start .sgds-navbar-link,
.sgds-navbar.is-success .sgds-navbar-start > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-success .sgds-navbar-end .sgds-navbar-link.is-active,
.sgds-navbar.is-success .sgds-navbar-end .sgds-navbar-link:focus,
.sgds-navbar.is-success .sgds-navbar-end .sgds-navbar-link:hover,
.sgds-navbar.is-success .sgds-navbar-end > a.sgds-navbar-item.is-active,
.sgds-navbar.is-success .sgds-navbar-end > a.sgds-navbar-item:focus,
.sgds-navbar.is-success .sgds-navbar-end > a.sgds-navbar-item:hover,
.sgds-navbar.is-success .sgds-navbar-start .sgds-navbar-link.is-active,
.sgds-navbar.is-success .sgds-navbar-start .sgds-navbar-link:focus,
.sgds-navbar.is-success .sgds-navbar-start .sgds-navbar-link:hover,
.sgds-navbar.is-success .sgds-navbar-start > a.sgds-navbar-item.is-active,
.sgds-navbar.is-success .sgds-navbar-start > a.sgds-navbar-item:focus,
.sgds-navbar.is-success .sgds-navbar-start > a.sgds-navbar-item:hover {
background-color: transparent;
color: #fff;
}
.sgds-navbar.is-success .sgds-navbar-end .sgds-navbar-link:after,
.sgds-navbar.is-success .sgds-navbar-start .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-success .sgds-navbar-item.has-dropdown.is-active .sgds-navbar-link,
.sgds-navbar.is-success .sgds-navbar-item.has-dropdown:focus .sgds-navbar-link,
.sgds-navbar.is-success .sgds-navbar-item.has-dropdown:hover .sgds-navbar-link {
background-color: #006d3b;
color: #fff;
}
.sgds-navbar.is-success .sgds-navbar-dropdown a.sgds-navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.sgds-navbar.is-warning {
background-color: #f5a623;
color: #fff;
}
.sgds-navbar.is-warning .sgds-navbar-brand .sgds-navbar-link,
.sgds-navbar.is-warning .sgds-navbar-brand > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-warning .sgds-navbar-brand .sgds-navbar-link.is-active,
.sgds-navbar.is-warning .sgds-navbar-brand .sgds-navbar-link:focus,
.sgds-navbar.is-warning .sgds-navbar-brand .sgds-navbar-link:hover,
.sgds-navbar.is-warning .sgds-navbar-brand > a.sgds-navbar-item.is-active,
.sgds-navbar.is-warning .sgds-navbar-brand > a.sgds-navbar-item:focus,
.sgds-navbar.is-warning .sgds-navbar-brand > a.sgds-navbar-item:hover {
background-color: #f39c0b;
color: #fff;
}
.sgds-navbar.is-warning .sgds-navbar-brand .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-warning .sgds-navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.sgds-navbar.is-warning .sgds-navbar-end .sgds-navbar-link,
.sgds-navbar.is-warning .sgds-navbar-end > .sgds-navbar-item,
.sgds-navbar.is-warning .sgds-navbar-start .sgds-navbar-link,
.sgds-navbar.is-warning .sgds-navbar-start > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-warning .sgds-navbar-end .sgds-navbar-link.is-active,
.sgds-navbar.is-warning .sgds-navbar-end .sgds-navbar-link:focus,
.sgds-navbar.is-warning .sgds-navbar-end .sgds-navbar-link:hover,
.sgds-navbar.is-warning .sgds-navbar-end > a.sgds-navbar-item.is-active,
.sgds-navbar.is-warning .sgds-navbar-end > a.sgds-navbar-item:focus,
.sgds-navbar.is-warning .sgds-navbar-end > a.sgds-navbar-item:hover,
.sgds-navbar.is-warning .sgds-navbar-start .sgds-navbar-link.is-active,
.sgds-navbar.is-warning .sgds-navbar-start .sgds-navbar-link:focus,
.sgds-navbar.is-warning .sgds-navbar-start .sgds-navbar-link:hover,
.sgds-navbar.is-warning .sgds-navbar-start > a.sgds-navbar-item.is-active,
.sgds-navbar.is-warning .sgds-navbar-start > a.sgds-navbar-item:focus,
.sgds-navbar.is-warning .sgds-navbar-start > a.sgds-navbar-item:hover {
background-color: transparent;
color: #fff;
}
.sgds-navbar.is-warning .sgds-navbar-end .sgds-navbar-link:after,
.sgds-navbar.is-warning .sgds-navbar-start .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-warning .sgds-navbar-item.has-dropdown.is-active .sgds-navbar-link,
.sgds-navbar.is-warning .sgds-navbar-item.has-dropdown:focus .sgds-navbar-link,
.sgds-navbar.is-warning .sgds-navbar-item.has-dropdown:hover .sgds-navbar-link {
background-color: #f39c0b;
color: #fff;
}
.sgds-navbar.is-warning .sgds-navbar-dropdown a.sgds-navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.sgds-navbar.is-danger {
background-color: #d0021b;
color: #fff;
}
.sgds-navbar.is-danger .sgds-navbar-brand .sgds-navbar-link,
.sgds-navbar.is-danger .sgds-navbar-brand > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-danger .sgds-navbar-brand .sgds-navbar-link.is-active,
.sgds-navbar.is-danger .sgds-navbar-brand .sgds-navbar-link:focus,
.sgds-navbar.is-danger .sgds-navbar-brand .sgds-navbar-link:hover,
.sgds-navbar.is-danger .sgds-navbar-brand > a.sgds-navbar-item.is-active,
.sgds-navbar.is-danger .sgds-navbar-brand > a.sgds-navbar-item:focus,
.sgds-navbar.is-danger .sgds-navbar-brand > a.sgds-navbar-item:hover {
background-color: #b70218;
color: #fff;
}
.sgds-navbar.is-danger .sgds-navbar-brand .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-danger .sgds-navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.sgds-navbar.is-danger .sgds-navbar-end .sgds-navbar-link,
.sgds-navbar.is-danger .sgds-navbar-end > .sgds-navbar-item,
.sgds-navbar.is-danger .sgds-navbar-start .sgds-navbar-link,
.sgds-navbar.is-danger .sgds-navbar-start > .sgds-navbar-item {
color: #fff;
}
.sgds-navbar.is-danger .sgds-navbar-end .sgds-navbar-link.is-active,
.sgds-navbar.is-danger .sgds-navbar-end .sgds-navbar-link:focus,
.sgds-navbar.is-danger .sgds-navbar-end .sgds-navbar-link:hover,
.sgds-navbar.is-danger .sgds-navbar-end > a.sgds-navbar-item.is-active,
.sgds-navbar.is-danger .sgds-navbar-end > a.sgds-navbar-item:focus,
.sgds-navbar.is-danger .sgds-navbar-end > a.sgds-navbar-item:hover,
.sgds-navbar.is-danger .sgds-navbar-start .sgds-navbar-link.is-active,
.sgds-navbar.is-danger .sgds-navbar-start .sgds-navbar-link:focus,
.sgds-navbar.is-danger .sgds-navbar-start .sgds-navbar-link:hover,
.sgds-navbar.is-danger .sgds-navbar-start > a.sgds-navbar-item.is-active,
.sgds-navbar.is-danger .sgds-navbar-start > a.sgds-navbar-item:focus,
.sgds-navbar.is-danger .sgds-navbar-start > a.sgds-navbar-item:hover {
background-color: transparent;
color: #fff;
}
.sgds-navbar.is-danger .sgds-navbar-end .sgds-navbar-link:after,
.sgds-navbar.is-danger .sgds-navbar-start .sgds-navbar-link:after {
border-color: #fff;
}
.sgds-navbar.is-danger .sgds-navbar-item.has-dropdown.is-active .sgds-navbar-link,
.sgds-navbar.is-danger .sgds-navbar-item.has-dropdown:focus .sgds-navbar-link,
.sgds-navbar.is-danger .sgds-navbar-item.has-dropdown:hover .sgds-navbar-link {
background-color: #b70218;
color: #fff;
}
.sgds-navbar.is-danger .sgds-navbar-dropdown a.sgds-navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.sgds-navbar > .sgds-container {
align-items: stretch;
display: flex;
min-height: 5.25rem;
width: 100%;
}
.sgds-navbar.has-shadow {
box-shadow: 0 2px 0 0 #f5f5f5;
}
.sgds-navbar.is-fixed-top {
left: 0;
position: fixed;
right: 0;
z-index: 30;
top: 0;
}
.sgds-navbar-brand,
.sgds-navbar-tabs {
align-items: stretch;
display: flex;
flex-shrink: 0;
min-height: 5.25rem;
}
.sgds-navbar-brand a.sgds-navbar-item:focus,
.sgds-navbar-brand a.sgds-navbar-item:hover {
background-color: transparent;
}
.sgds-navbar-tabs {
-webkit-overflow-scrolling: touch;
max-width: 100vw;
overflow-x: auto;
overflow-y: hidden;
}
.sgds-navbar-burger {
color: #484848;
cursor: pointer;
display: block;
height: 5.25rem;
position: relative;
width: 5.25rem;
margin-left: auto;
}
.sgds-navbar-burger span {
background-color: currentColor;
display: block;
height: 1px;
left: calc(50% - 8px);
position: absolute;
transform-origin: center;
transition-duration: 86ms;
transition-property: background-color, opacity, transform;
transition-timing-function: ease-out;
width: 16px;
}
.sgds-navbar-burger span:first-child {
top: calc(50% - 6px);
}
.sgds-navbar-burger span:nth-child(2) {
top: calc(50% - 1px);
}
.sgds-navbar-burger span:nth-child(3) {
top: calc(50% + 4px);
}
.sgds-navbar-burger:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.sgds-navbar-burger.is-active span:first-child {
transform: translateY(5px) rotate(45deg);
}
.sgds-navbar-burger.is-active span:nth-child(2) {
opacity: 0;
}
.sgds-navbar-burger.is-active span:nth-child(3) {
transform: translateY(-5px) rotate(-45deg);
}
.sgds-navbar-menu {
display: none;
}
.sgds-navbar-item,
.sgds-navbar-link {
color: #484848;
display: block;
line-height: 1.5;
padding: 0.5rem 0.75rem;
position: relative;
}
.sgds-navbar-item .sgds-icon:only-child,
.sgds-navbar-link .sgds-icon:only-child {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.sgds-navbar-link,
a.sgds-navbar-item {
cursor: pointer;
}
.sgds-navbar-link.is-active,
.sgds-navbar-link:focus,
.sgds-navbar-link:focus-within,
.sgds-navbar-link:hover,
a.sgds-navbar-item.is-active,
a.sgds-navbar-item:focus,
a.sgds-navbar-item:focus-within,
a.sgds-navbar-item:hover {
background-color: transparent;
color: #6037b3;
}
.sgds-navbar-item {
display: block;
flex-grow: 0;
flex-shrink: 0;
}
.sgds-navbar-item img {
max-height: 2.5rem;
}
.sgds-navbar-item.has-dropdown {
padding: 0;
}
.sgds-navbar-item.is-expanded {
flex-grow: 1;
flex-shrink: 1;
}
.sgds-navbar-item.is-mega {
position: static;
}
.sgds-navbar-item.is-mega .has-dropdown:after {
color: #6037b3;
content: "";
display: block;
font-family: sgds-icons;
pointer-events: none;
position: absolute;
right: 0.5rem;
border: 0;
margin-top: -0.375em;
top: 50%;
}
.sgds-navbar-item.is-tab {
border-bottom: 1px solid transparent;
min-height: 5.25rem;
padding-bottom: calc(0.5rem - 1px);
}
@media screen and (max-width: 1023px) {
.sgds-navbar-item.is-tab {
min-height: 0;
}
}
.sgds-navbar-item.is-tab:focus,
.sgds-navbar-item.is-tab:hover {
background-color: transparent;
border-bottom-color: #6037b3;
border-bottom-width: 5px;
padding-bottom: calc(0.5rem - 5px);
}
@media screen and (max-width: 1023px) {
.sgds-navbar-item.is-tab:focus,
.sgds-navbar-item.is-tab:hover {
border-bottom-color: transparent;
}
}
.sgds-navbar-item.is-tab.is-active {
background-color: transparent;
border-bottom: 5px solid #6037b3;
color: #6037b3;
padding-bottom: calc(0.5rem - 1px);
}
@media screen and (max-width: 1023px) {
.sgds-navbar-item.is-tab.is-active {
border-bottom: 1px solid transparent;
}
}
.sgds-navbar-content {
flex-grow: 1;
flex-shrink: 1;
}
.sgds-navbar-link:not(.is-arrowless) {
padding-right: 2.5em;
}
.sgds-navbar-link:not(.is-arrowless):after {
color: #6037b3;
content: "";
display: block;
font-family: sgds-icons;
margin-top: -0.7rem;
pointer-events: none;
position: absolute;
top: 50%;
right: 0.5rem;
border: 0;
border-color: #6037b3;
}
.sgds-navbar-dropdown {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.sgds-navbar-dropdown .sgds-navbar-item {
font-size: 1.125rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.sgds-navbar-divider {
background-color: #f5f5f5;
border: none;
height: 2px;
margin: 0.5rem 0;
}
@media screen and (max-width: 1023px) {
.sgds-navbar > .sgds-container {
display: block;
}
.sgds-navbar-brand .sgds-navbar-item,
.sgds-navbar-tabs .sgds-navbar-item {
align-items: center;
display: flex;
}
.sgds-navbar-link:after {
display: none;
}
.sgds-navbar-menu {
background-color: transparent;
box-shadow: 0 4px 8px rgba(10, 10, 10, 0.1);
}
.sgds-navbar-menu.is-active {
display: block;
padding-bottom: 1rem;
}
.sgds-navbar-item {
padding: 0.75rem 1rem;
}
.sgds-navbar-dropdown .sgds-navbar-item {
padding-left: 1.875rem;
}
.sgds-navbar-item.is-mega .has-dropdown:after {
right: 1.125em;
}
.sgds-navbar.is-fixed-bottom-touch,
.sgds-navbar.is-fixed-top-touch {
left: 0;
position: fixed;
right: 0;
z-index: 30;
}
.sgds-navbar.is-fixed-bottom-touch {
bottom: 0;
}
.sgds-navbar.is-fixed-bottom-touch.has-shadow {
box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
}
.sgds-navbar.is-fixed-top-touch {
top: 0;
}
.sgds-navbar.is-fixed-top-touch .sgds-navbar-menu,
.sgds-navbar.is-fixed-top .sgds-navbar-menu {
-webkit-overflow-scrolling: touch;
max-height: calc(100vh - 5.25rem);
overflow: auto;
}
.sgds-navbar .field {
/* border-top: 1px solid rgba(0, 0, 0, 0.1); */
/* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
}
.sgds-navbar .field .control {
padding-bottom: 0 !important;
}
body.has-navbar-fixed-top-touch,
html.has-navbar-fixed-top-touch {
padding-top: 5.25rem;
}
body.has-navbar-fixed-bottom-touch,
html.has-navbar-fixed-bottom-touch {
padding-bottom: 5.25rem;
}
}
@media screen and (min-width: 1024px) {
.sgds-navbar,
.sgds-navbar-end,
.sgds-navbar-menu,
.sgds-navbar-start {
align-items: stretch;
display: flex;
}
.sgds-navbar {
min-height: 5.25rem;
}
.sgds-navbar.is-spaced {
padding: 1rem 2rem;
}
.sgds-navbar.is-spaced .sgds-navbar-end,
.sgds-navbar.is-spaced .sgds-navbar-start {
align-items: center;
}
.sgds-navbar.is-spaced .sgds-navbar-link,
.sgds-navbar.is-spaced a.sgds-navbar-item {
border-radius: 0;
}
.sgds-navbar-burger {
display: none;
}
.sgds-navbar-item,
.sgds-navbar-link {
align-items: center;
display: flex;
}
.sgds-navbar-item {
display: flex;
}
.sgds-navbar-item.has-dropdown {
align-items: stretch;
}
.sgds-navbar-item.has-dropdown > a.sgds-navbar-link {
padding: 0.5rem 2rem 0.5rem 0.5rem;
}
.sgds-navbar-item.is-mega .has-dropdown:after {
right: 0;
}
.sgds-navbar-item.has-dropdown-up .sgds-navbar-link:after {
transform: rotate(135deg) translate(0.25em, -0.25em);
}
.sgds-navbar-item.has-dropdown-up .sgds-navbar-dropdown {
border-bottom: 2px solid #d6d6d6;
border-radius: 0 0 0 0;
border-top: none;
bottom: 100%;
box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
top: auto;
}
.sgds-navbar-item.is-active .sgds-navbar-dropdown,
.sgds-navbar-item.is-hoverable:focus-within .sgds-navbar-dropdown,
.sgds-navbar-item.is-hoverable:focus .sgds-navbar-dropdown,
.sgds-navbar-item.is-hoverable:hover .sgds-navbar-dropdown {
display: block;
}
.sgds-navbar-item.is-active .sgds-navbar-dropdown.is-boxed,
.sgds-navbar-item.is-hoverable:focus-within .sgds-navbar-dropdown.is-boxed,
.sgds-navbar-item.is-hoverable:focus .sgds-navbar-dropdown.is-boxed,
.sgds-navbar-item.is-hoverable:hover .sgds-navbar-dropdown.is-boxed,
.sgds-navbar.is-spaced .sgds-navbar-item.is-active .sgds-navbar-dropdown,
.sgds-navbar.is-spaced .sgds-navbar-item.is-hoverable:focus-within .sgds-navbar-dropdown,
.sgds-navbar.is-spaced .sgds-navbar-item.is-hoverable:focus .sgds-navbar-dropdown,
.sgds-navbar.is-spaced .sgds-navbar-item.is-hoverable:hover .sgds-navbar-dropdown {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.sgds-navbar-menu {
flex-grow: 1;
flex-shrink: 0;
}
.sgds-navbar-start {
justify-content: flex-start;
margin-right: auto;
}
.sgds-navbar-end {
justify-content: flex-end;
margin-left: auto;
}
.sgds-navbar-dropdown {
background-color: #fff;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top: 2px solid #d6d6d6;
box-shadow: 0 4px 4px rgba(10, 10, 10, 0.1);
display: none;
left: 0;
min-width: 100%;
padding: 1rem 0.5rem;
position: absolute;
top: 100%;
z-index: 20;
}
.sgds-navbar-dropdown .sgds-navbar-item {
padding: 0.5rem 1rem;
white-space: nowrap;
}
.sgds-navbar-dropdown a.sgds-navbar-item {
padding-right: 3rem;
}
.sgds-navbar-dropdown a.sgds-navbar-item.is-active,
.sgds-navbar-dropdown a.sgds-navbar-item:focus,
.sgds-navbar-dropdown a.sgds-navbar-item:hover {
background-color: transparent;
color: #6037b3;
border: 0;
}
.sgds-navbar-dropdown.is-boxed,
.sgds-navbar.is-spaced .sgds-navbar-dropdown {
border-radius: 5px;
border-top: none;
box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
display: block;
opacity: 0;
pointer-events: none;
top: calc(100% + -4px);
transform: translateY(-5px);
transition-duration: 86ms;
transition-property: opacity, transform;
}
.sgds-navbar-dropdown.is-right {
left: auto;
right: 0;
}
.sgds-navbar-divider {
display: block;
}
.sgds-container > .sgds-navbar .sgds-navbar-brand,
.sgds-navbar > .sgds-container .sgds-navbar-brand {
margin-left: -0.75rem;
}
.sgds-container > .sgds-navbar .sgds-navbar-menu,
.sgds-navbar > .sgds-container .sgds-navbar-menu {
margin-right: -0.75rem;
}
.sgds-navbar.is-fixed-bottom-desktop,
.sgds-navbar.is-fixed-top-desktop {
left: 0;
position: fixed;
right: 0;
z-index: 30;
}
.sgds-navbar.is-fixed-bottom-desktop {
bottom: 0;
}
.sgds-navbar.is-fixed-bottom-desktop.has-shadow {
box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
}
.sgds-navbar.is-fixed-top-desktop {
top: 0;
}
body.has-navbar-fixed-top-desktop,
html.has-navbar-fixed-top-desktop {
padding-top: calc(5.25rem + 29px);
}
body.has-spaced-navbar-fixed-top,
html.has-spaced-navbar-fixed-top {
padding-top: 7.25rem;
}
.sgds-navbar-link.is-active,
a.sgds-navbar-item.is-active {
color: #6037b3;
border-bottom: 5px solid #6037b3;
margin-top: 5px;
font-weight: 600;
}
.sgds-navbar-item.has-dropdown.is-active .sgds-navbar-link,
.sgds-navbar-item.has-dropdown:focus .sgds-navbar-link,
.sgds-navbar-item.has-dropdown:hover .sgds-navbar-link,
.sgds-navbar-link.is-active:not(:focus):not(:hover),
a.sgds-navbar-item.is-active:not(:focus):not(:hover) {
background-color: transparent;
}
}
@media screen and (min-width: 1024px) {
.sgds-navbar-end.has-item-max-width .sgds-navbar-item,
.sgds-navbar-start.has-item-max-width .sgds-navbar-item {
max-width: 140px;
}
.sgds-navbar-item.is-hoverable:hover .sgds-navbar-dropdown {
display: block;
}
}
@media screen and (max-width: 1023px) {
.sgds-navbar-end .sgds-navbar-item,
.sgds-navbar-start .sgds-navbar-item {
max-width: none;
}
}
.navbar {
background-color: #fff;
min-height: 5.25rem;
position: relative;
z-index: 30;
font-size: 0.9375rem;
}
.navbar.is-white {
background-color: #fff;
color: #0a0a0a;
}
.navbar.is-white .navbar-brand .navbar-link,
.navbar.is-white .navbar-brand > .navbar-item {
color: #0a0a0a;
}
.navbar.is-white .navbar-brand .navbar-link.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand > a.navbar-item:focus,
.navbar.is-white .navbar-brand > a.navbar-item:hover {
background-color: transparent;
color: #0a0a0a;
}
.navbar.is-white .navbar-brand .navbar-link:after {
border-color: #0a0a0a;
}
.navbar.is-white .navbar-burger {
color: #0a0a0a;
}
@media screen and (min-width: 1024px) {
.navbar.is-white .navbar-end .navbar-link,
.navbar.is-white .navbar-end > .navbar-item,
.navbar.is-white .navbar-start .navbar-link,
.navbar.is-white .navbar-start > .navbar-item {
color: #0a0a0a;
}
.navbar.is-white .navbar-end .navbar-link.is-active,
.navbar.is-white .navbar-end .navbar-link:focus,
.navbar.is-white .navbar-end .navbar-link:hover,
.navbar.is-white .navbar-end > a.navbar-item.is-active,
.navbar.is-white .navbar-end > a.navbar-item:focus,
.navbar.is-white .navbar-end > a.navbar-item:hover,
.navbar.is-white .navbar-start .navbar-link.is-active,
.navbar.is-white .navbar-start .navbar-link:focus,
.navbar.is-white .navbar-start .navbar-link:hover,
.navbar.is-white .navbar-start > a.navbar-item.is-active,
.navbar.is-white .navbar-start > a.navbar-item:focus,
.navbar.is-white .navbar-start > a.navbar-item:hover {
background-color: transparent;
color: #0a0a0a;
}
.navbar.is-white .navbar-end .navbar-link:after,
.navbar.is-white .navbar-start .navbar-link:after {
border-color: #0a0a0a;
}
.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link {
background-color: transparent;
color: #0a0a0a;
}
.navbar.is-white .navbar-dropdown a.navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.navbar.is-black {
background-color: #0a0a0a;
color: #fff;
}
.navbar.is-black .navbar-brand .navbar-link,
.navbar.is-black .navbar-brand > .navbar-item {
color: #fff;
}
.navbar.is-black .navbar-brand .navbar-link.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand > a.navbar-item.is-active,
.navbar.is-black .navbar-brand > a.navbar-item:focus,
.navbar.is-black .navbar-brand > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-black .navbar-brand .navbar-link:after {
border-color: #fff;
}
.navbar.is-black .navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.navbar.is-black .navbar-end .navbar-link,
.navbar.is-black .navbar-end > .navbar-item,
.navbar.is-black .navbar-start .navbar-link,
.navbar.is-black .navbar-start > .navbar-item {
color: #fff;
}
.navbar.is-black .navbar-end .navbar-link.is-active,
.navbar.is-black .navbar-end .navbar-link:focus,
.navbar.is-black .navbar-end .navbar-link:hover,
.navbar.is-black .navbar-end > a.navbar-item.is-active,
.navbar.is-black .navbar-end > a.navbar-item:focus,
.navbar.is-black .navbar-end > a.navbar-item:hover,
.navbar.is-black .navbar-start .navbar-link.is-active,
.navbar.is-black .navbar-start .navbar-link:focus,
.navbar.is-black .navbar-start .navbar-link:hover,
.navbar.is-black .navbar-start > a.navbar-item.is-active,
.navbar.is-black .navbar-start > a.navbar-item:focus,
.navbar.is-black .navbar-start > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-black .navbar-end .navbar-link:after,
.navbar.is-black .navbar-start .navbar-link:after {
border-color: #fff;
}
.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link {
background-color: transparent;
color: #fff;
}
.navbar.is-black .navbar-dropdown a.navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.navbar.is-light {
background-color: #f5f5f5;
color: #323232;
}
.navbar.is-light .navbar-brand .navbar-link,
.navbar.is-light .navbar-brand > .navbar-item {
color: #323232;
}
.navbar.is-light .navbar-brand .navbar-link.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand > a.navbar-item:focus,
.navbar.is-light .navbar-brand > a.navbar-item:hover {
background-color: transparent;
color: #323232;
}
.navbar.is-light .navbar-brand .navbar-link:after {
border-color: #323232;
}
.navbar.is-light .navbar-burger {
color: #323232;
}
@media screen and (min-width: 1024px) {
.navbar.is-light .navbar-end .navbar-link,
.navbar.is-light .navbar-end > .navbar-item,
.navbar.is-light .navbar-start .navbar-link,
.navbar.is-light .navbar-start > .navbar-item {
color: #323232;
}
.navbar.is-light .navbar-end .navbar-link.is-active,
.navbar.is-light .navbar-end .navbar-link:focus,
.navbar.is-light .navbar-end .navbar-link:hover,
.navbar.is-light .navbar-end > a.navbar-item.is-active,
.navbar.is-light .navbar-end > a.navbar-item:focus,
.navbar.is-light .navbar-end > a.navbar-item:hover,
.navbar.is-light .navbar-start .navbar-link.is-active,
.navbar.is-light .navbar-start .navbar-link:focus,
.navbar.is-light .navbar-start .navbar-link:hover,
.navbar.is-light .navbar-start > a.navbar-item.is-active,
.navbar.is-light .navbar-start > a.navbar-item:focus,
.navbar.is-light .navbar-start > a.navbar-item:hover {
background-color: transparent;
color: #323232;
}
.navbar.is-light .navbar-end .navbar-link:after,
.navbar.is-light .navbar-start .navbar-link:after {
border-color: #323232;
}
.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link {
background-color: transparent;
color: #323232;
}
.navbar.is-light .navbar-dropdown a.navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.navbar.is-dark {
background-color: #323232;
color: #f5f5f5;
}
.navbar.is-dark .navbar-brand .navbar-link,
.navbar.is-dark .navbar-brand > .navbar-item {
color: #f5f5f5;
}
.navbar.is-dark .navbar-brand .navbar-link.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.navbar.is-dark .navbar-brand > a.navbar-item:focus,
.navbar.is-dark .navbar-brand > a.navbar-item:hover {
background-color: transparent;
color: #f5f5f5;
}
.navbar.is-dark .navbar-brand .navbar-link:after {
border-color: #f5f5f5;
}
.navbar.is-dark .navbar-burger {
color: #f5f5f5;
}
@media screen and (min-width: 1024px) {
.navbar.is-dark .navbar-end .navbar-link,
.navbar.is-dark .navbar-end > .navbar-item,
.navbar.is-dark .navbar-start .navbar-link,
.navbar.is-dark .navbar-start > .navbar-item {
color: #f5f5f5;
}
.navbar.is-dark .navbar-end .navbar-link.is-active,
.navbar.is-dark .navbar-end .navbar-link:focus,
.navbar.is-dark .navbar-end .navbar-link:hover,
.navbar.is-dark .navbar-end > a.navbar-item.is-active,
.navbar.is-dark .navbar-end > a.navbar-item:focus,
.navbar.is-dark .navbar-end > a.navbar-item:hover,
.navbar.is-dark .navbar-start .navbar-link.is-active,
.navbar.is-dark .navbar-start .navbar-link:focus,
.navbar.is-dark .navbar-start .navbar-link:hover,
.navbar.is-dark .navbar-start > a.navbar-item.is-active,
.navbar.is-dark .navbar-start > a.navbar-item:focus,
.navbar.is-dark .navbar-start > a.navbar-item:hover {
background-color: transparent;
color: #f5f5f5;
}
.navbar.is-dark .navbar-end .navbar-link:after,
.navbar.is-dark .navbar-start .navbar-link:after {
border-color: #f5f5f5;
}
.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link {
background-color: transparent;
color: #f5f5f5;
}
.navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.navbar.is-primary {
background-color: #6037b3;
color: #fff;
}
.navbar.is-primary .navbar-brand .navbar-link,
.navbar.is-primary .navbar-brand > .navbar-item {
color: #fff;
}
.navbar.is-primary .navbar-brand .navbar-link.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand > a.navbar-item:focus,
.navbar.is-primary .navbar-brand > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-primary .navbar-brand .navbar-link:after {
border-color: #fff;
}
.navbar.is-primary .navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.navbar.is-primary .navbar-end .navbar-link,
.navbar.is-primary .navbar-end > .navbar-item,
.navbar.is-primary .navbar-start .navbar-link,
.navbar.is-primary .navbar-start > .navbar-item {
color: #fff;
}
.navbar.is-primary .navbar-end .navbar-link.is-active,
.navbar.is-primary .navbar-end .navbar-link:focus,
.navbar.is-primary .navbar-end .navbar-link:hover,
.navbar.is-primary .navbar-end > a.navbar-item.is-active,
.navbar.is-primary .navbar-end > a.navbar-item:focus,
.navbar.is-primary .navbar-end > a.navbar-item:hover,
.navbar.is-primary .navbar-start .navbar-link.is-active,
.navbar.is-primary .navbar-start .navbar-link:focus,
.navbar.is-primary .navbar-start .navbar-link:hover,
.navbar.is-primary .navbar-start > a.navbar-item.is-active,
.navbar.is-primary .navbar-start > a.navbar-item:focus,
.navbar.is-primary .navbar-start > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-primary .navbar-end .navbar-link:after,
.navbar.is-primary .navbar-start .navbar-link:after {
border-color: #fff;
}
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link {
background-color: transparent;
color: #fff;
}
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.navbar.is-secondary {
background-color: #3e69be;
color: #fff;
}
.navbar.is-secondary .navbar-brand .navbar-link,
.navbar.is-secondary .navbar-brand > .navbar-item {
color: #fff;
}
.navbar.is-secondary .navbar-brand .navbar-link.is-active,
.navbar.is-secondary .navbar-brand .navbar-link:focus,
.navbar.is-secondary .navbar-brand .navbar-link:hover,
.navbar.is-secondary .navbar-brand > a.navbar-item.is-active,
.navbar.is-secondary .navbar-brand > a.navbar-item:focus,
.navbar.is-secondary .navbar-brand > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-secondary .navbar-brand .navbar-link:after {
border-color: #fff;
}
.navbar.is-secondary .navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.navbar.is-secondary .navbar-end .navbar-link,
.navbar.is-secondary .navbar-end > .navbar-item,
.navbar.is-secondary .navbar-start .navbar-link,
.navbar.is-secondary .navbar-start > .navbar-item {
color: #fff;
}
.navbar.is-secondary .navbar-end .navbar-link.is-active,
.navbar.is-secondary .navbar-end .navbar-link:focus,
.navbar.is-secondary .navbar-end .navbar-link:hover,
.navbar.is-secondary .navbar-end > a.navbar-item.is-active,
.navbar.is-secondary .navbar-end > a.navbar-item:focus,
.navbar.is-secondary .navbar-end > a.navbar-item:hover,
.navbar.is-secondary .navbar-start .navbar-link.is-active,
.navbar.is-secondary .navbar-start .navbar-link:focus,
.navbar.is-secondary .navbar-start .navbar-link:hover,
.navbar.is-secondary .navbar-start > a.navbar-item.is-active,
.navbar.is-secondary .navbar-start > a.navbar-item:focus,
.navbar.is-secondary .navbar-start > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-secondary .navbar-end .navbar-link:after,
.navbar.is-secondary .navbar-start .navbar-link:after {
border-color: #fff;
}
.navbar.is-secondary .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-secondary .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-secondary .navbar-item.has-dropdown:hover .navbar-link {
background-color: transparent;
color: #fff;
}
.navbar.is-secondary .navbar-dropdown a.navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.navbar.is-link {
background-color: #0070f2;
color: #fff;
}
.navbar.is-link .navbar-brand .navbar-link,
.navbar.is-link .navbar-brand > .navbar-item {
color: #fff;
}
.navbar.is-link .navbar-brand .navbar-link.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand > a.navbar-item:focus,
.navbar.is-link .navbar-brand > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-link .navbar-brand .navbar-link:after {
border-color: #fff;
}
.navbar.is-link .navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.navbar.is-link .navbar-end .navbar-link,
.navbar.is-link .navbar-end > .navbar-item,
.navbar.is-link .navbar-start .navbar-link,
.navbar.is-link .navbar-start > .navbar-item {
color: #fff;
}
.navbar.is-link .navbar-end .navbar-link.is-active,
.navbar.is-link .navbar-end .navbar-link:focus,
.navbar.is-link .navbar-end .navbar-link:hover,
.navbar.is-link .navbar-end > a.navbar-item.is-active,
.navbar.is-link .navbar-end > a.navbar-item:focus,
.navbar.is-link .navbar-end > a.navbar-item:hover,
.navbar.is-link .navbar-start .navbar-link.is-active,
.navbar.is-link .navbar-start .navbar-link:focus,
.navbar.is-link .navbar-start .navbar-link:hover,
.navbar.is-link .navbar-start > a.navbar-item.is-active,
.navbar.is-link .navbar-start > a.navbar-item:focus,
.navbar.is-link .navbar-start > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-link .navbar-end .navbar-link:after,
.navbar.is-link .navbar-start .navbar-link:after {
border-color: #fff;
}
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link {
background-color: transparent;
color: #fff;
}
.navbar.is-link .navbar-dropdown a.navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.navbar.is-info {
background-color: #008196;
color: #fff;
}
.navbar.is-info .navbar-brand .navbar-link,
.navbar.is-info .navbar-brand > .navbar-item {
color: #fff;
}
.navbar.is-info .navbar-brand .navbar-link.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand > a.navbar-item.is-active,
.navbar.is-info .navbar-brand > a.navbar-item:focus,
.navbar.is-info .navbar-brand > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-info .navbar-brand .navbar-link:after {
border-color: #fff;
}
.navbar.is-info .navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.navbar.is-info .navbar-end .navbar-link,
.navbar.is-info .navbar-end > .navbar-item,
.navbar.is-info .navbar-start .navbar-link,
.navbar.is-info .navbar-start > .navbar-item {
color: #fff;
}
.navbar.is-info .navbar-end .navbar-link.is-active,
.navbar.is-info .navbar-end .navbar-link:focus,
.navbar.is-info .navbar-end .navbar-link:hover,
.navbar.is-info .navbar-end > a.navbar-item.is-active,
.navbar.is-info .navbar-end > a.navbar-item:focus,
.navbar.is-info .navbar-end > a.navbar-item:hover,
.navbar.is-info .navbar-start .navbar-link.is-active,
.navbar.is-info .navbar-start .navbar-link:focus,
.navbar.is-info .navbar-start .navbar-link:hover,
.navbar.is-info .navbar-start > a.navbar-item.is-active,
.navbar.is-info .navbar-start > a.navbar-item:focus,
.navbar.is-info .navbar-start > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-info .navbar-end .navbar-link:after,
.navbar.is-info .navbar-start .navbar-link:after {
border-color: #fff;
}
.navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link {
background-color: transparent;
color: #fff;
}
.navbar.is-info .navbar-dropdown a.navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.navbar.is-success {
background-color: #008649;
color: #fff;
}
.navbar.is-success .navbar-brand .navbar-link,
.navbar.is-success .navbar-brand > .navbar-item {
color: #fff;
}
.navbar.is-success .navbar-brand .navbar-link.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand > a.navbar-item:focus,
.navbar.is-success .navbar-brand > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-success .navbar-brand .navbar-link:after {
border-color: #fff;
}
.navbar.is-success .navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.navbar.is-success .navbar-end .navbar-link,
.navbar.is-success .navbar-end > .navbar-item,
.navbar.is-success .navbar-start .navbar-link,
.navbar.is-success .navbar-start > .navbar-item {
color: #fff;
}
.navbar.is-success .navbar-end .navbar-link.is-active,
.navbar.is-success .navbar-end .navbar-link:focus,
.navbar.is-success .navbar-end .navbar-link:hover,
.navbar.is-success .navbar-end > a.navbar-item.is-active,
.navbar.is-success .navbar-end > a.navbar-item:focus,
.navbar.is-success .navbar-end > a.navbar-item:hover,
.navbar.is-success .navbar-start .navbar-link.is-active,
.navbar.is-success .navbar-start .navbar-link:focus,
.navbar.is-success .navbar-start .navbar-link:hover,
.navbar.is-success .navbar-start > a.navbar-item.is-active,
.navbar.is-success .navbar-start > a.navbar-item:focus,
.navbar.is-success .navbar-start > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-success .navbar-end .navbar-link:after,
.navbar.is-success .navbar-start .navbar-link:after {
border-color: #fff;
}
.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link {
background-color: transparent;
color: #fff;
}
.navbar.is-success .navbar-dropdown a.navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.navbar.is-warning {
background-color: #f5a623;
color: #fff;
}
.navbar.is-warning .navbar-brand .navbar-link,
.navbar.is-warning .navbar-brand > .navbar-item {
color: #fff;
}
.navbar.is-warning .navbar-brand .navbar-link.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand > a.navbar-item.is-active,
.navbar.is-warning .navbar-brand > a.navbar-item:focus,
.navbar.is-warning .navbar-brand > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-warning .navbar-brand .navbar-link:after {
border-color: #fff;
}
.navbar.is-warning .navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.navbar.is-warning .navbar-end .navbar-link,
.navbar.is-warning .navbar-end > .navbar-item,
.navbar.is-warning .navbar-start .navbar-link,
.navbar.is-warning .navbar-start > .navbar-item {
color: #fff;
}
.navbar.is-warning .navbar-end .navbar-link.is-active,
.navbar.is-warning .navbar-end .navbar-link:focus,
.navbar.is-warning .navbar-end .navbar-link:hover,
.navbar.is-warning .navbar-end > a.navbar-item.is-active,
.navbar.is-warning .navbar-end > a.navbar-item:focus,
.navbar.is-warning .navbar-end > a.navbar-item:hover,
.navbar.is-warning .navbar-start .navbar-link.is-active,
.navbar.is-warning .navbar-start .navbar-link:focus,
.navbar.is-warning .navbar-start .navbar-link:hover,
.navbar.is-warning .navbar-start > a.navbar-item.is-active,
.navbar.is-warning .navbar-start > a.navbar-item:focus,
.navbar.is-warning .navbar-start > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-warning .navbar-end .navbar-link:after,
.navbar.is-warning .navbar-start .navbar-link:after {
border-color: #fff;
}
.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link {
background-color: transparent;
color: #fff;
}
.navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.navbar.is-danger {
background-color: #d0021b;
color: #fff;
}
.navbar.is-danger .navbar-brand .navbar-link,
.navbar.is-danger .navbar-brand > .navbar-item {
color: #fff;
}
.navbar.is-danger .navbar-brand .navbar-link.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand > a.navbar-item.is-active,
.navbar.is-danger .navbar-brand > a.navbar-item:focus,
.navbar.is-danger .navbar-brand > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-danger .navbar-brand .navbar-link:after {
border-color: #fff;
}
.navbar.is-danger .navbar-burger {
color: #fff;
}
@media screen and (min-width: 1024px) {
.navbar.is-danger .navbar-end .navbar-link,
.navbar.is-danger .navbar-end > .navbar-item,
.navbar.is-danger .navbar-start .navbar-link,
.navbar.is-danger .navbar-start > .navbar-item {
color: #fff;
}
.navbar.is-danger .navbar-end .navbar-link.is-active,
.navbar.is-danger .navbar-end .navbar-link:focus,
.navbar.is-danger .navbar-end .navbar-link:hover,
.navbar.is-danger .navbar-end > a.navbar-item.is-active,
.navbar.is-danger .navbar-end > a.navbar-item:focus,
.navbar.is-danger .navbar-end > a.navbar-item:hover,
.navbar.is-danger .navbar-start .navbar-link.is-active,
.navbar.is-danger .navbar-start .navbar-link:focus,
.navbar.is-danger .navbar-start .navbar-link:hover,
.navbar.is-danger .navbar-start > a.navbar-item.is-active,
.navbar.is-danger .navbar-start > a.navbar-item:focus,
.navbar.is-danger .navbar-start > a.navbar-item:hover {
background-color: transparent;
color: #fff;
}
.navbar.is-danger .navbar-end .navbar-link:after,
.navbar.is-danger .navbar-start .navbar-link:after {
border-color: #fff;
}
.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link {
background-color: transparent;
color: #fff;
}
.navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
background-color: transparent;
color: #6037b3;
border: 0;
}
}
.navbar > .sgds-container {
align-items: stretch;
display: flex;
min-height: 5.25rem;
width: 100%;
}
.navbar.has-shadow {
box-shadow: 0 2px 0 0 #f5f5f5;
}
.navbar.is-fixed-top {
left: 0;
position: fixed;
right: 0;
z-index: 30;
top: 0;
}
body.has-navbar-fixed-top,
html.has-navbar-fixed-top {
padding-top: calc(5.25rem + 29px);
}
.navbar-brand,
.navbar-tabs {
align-items: stretch;
display: flex;
flex-shrink: 0;
min-height: 5.25rem;
}
.navbar-brand a.navbar-item:focus,
.navbar-brand a.navbar-item:hover {
background-color: transparent;
}
.navbar-tabs {
-webkit-overflow-scrolling: touch;
max-width: 100vw;
overflow-x: auto;
overflow-y: hidden;
}
.navbar-burger {
color: #484848;
cursor: pointer;
display: block;
height: 5.25rem;
position: relative;
width: 5.25rem;
margin-left: auto;
}
.navbar-burger span {
background-color: currentColor;
display: block;
height: 1px;
left: calc(50% - 8px);
position: absolute;
transform-origin: center;
transition-duration: 86ms;
transition-property: background-color, opacity, transform;
transition-timing-function: ease-out;
width: 16px;
}
.navbar-burger span:first-child {
top: calc(50% - 6px);
}
.navbar-burger span:nth-child(2) {
top: calc(50% - 1px);
}
.navbar-burger span:nth-child(3) {
top: calc(50% + 4px);
}
.navbar-burger:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.navbar-burger.is-active span:first-child {
transform: translateY(5px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(2) {
opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
transform: translateY(-5px) rotate(-45deg);
}
.navbar-menu {
display: none;
}
.navbar-item,
.navbar-link {
color: #484848;
display: block;
line-height: 1.5;
padding: 0.5rem 0.75rem;
position: relative;
}
.navbar-item .sgds-icon:only-child,
.navbar-link .sgds-icon:only-child {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.navbar-link,
a.navbar-item {
cursor: pointer;
}
.navbar-link.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover {
background-color: transparent;
color: #6037b3;
font-weight: 600;
}
.navbar-item {
display: block;
flex-grow: 0;
flex-shrink: 0;
}
.navbar-item img {
max-height: 2.5rem;
}
.navbar-item.has-dropdown {
padding: 0;
}
.navbar-item.is-expanded {
flex-grow: 1;
flex-shrink: 1;
}
.navbar-item.is-mega {
position: static;
}
.navbar-item.is-mega .has-dropdown:after {
color: #6037b3;
content: "";
display: block;
font-family: sgds-icons;
pointer-events: none;
position: absolute;
right: 0.5rem;
border: 0;
margin-top: -0.375em;
top: 50%;
}
.navbar-item.is-tab {
border-bottom: 1px solid transparent;
min-height: 5.25rem;
padding-bottom: calc(0.5rem - 1px);
}
@media screen and (max-width: 1023px) {
.navbar-item.is-tab {
min-height: 0;
}
}
.navbar-item.is-tab:focus,
.navbar-item.is-tab:hover {
background-color: transparent;
border-bottom: 5px solid #6037b3;
padding-bottom: calc(0.5rem - 5px);
}
@media screen and (max-width: 1023px) {
.navbar-item.is-tab:focus,
.navbar-item.is-tab:hover {
border-bottom-color: transparent;
}
}
.navbar-item.is-tab.is-active {
background-color: transparent;
border-bottom: 5px solid #6037b3;
color: #6037b3;
padding-bottom: calc(0.5rem - 1px);
}
@media screen and (max-width: 1023px) {
.navbar-item.is-tab.is-active {
border-bottom: 1px solid transparent;
}
}
.navbar-content {
flex-grow: 1;
flex-shrink: 1;
}
.navbar-link:not(.is-arrowless) {
padding-right: 2.5em;
}
.navbar-link:not(.is-arrowless):after {
color: #6037b3;
content: "";
display: block;
font-family: sgds-icons;
margin-top: -0.7rem;
pointer-events: none;
position: absolute;
top: 50%;
right: 0.5rem;
border: 0;
border-color: #6037b3;
}
.navbar-dropdown {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.navbar-dropdown .navbar-item {
font-size: 1.125rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.navbar-divider {
background-color: #f5f5f5;
border: none;
display: none;
height: 2px;
margin: 0.5rem 0;
}
@media screen and (max-width: 1023px) {
.navbar > .sgds-container {
display: block;
}
.navbar-brand .navbar-item,
.navbar-tabs .navbar-item {
align-items: center;
display: flex;
}
.navbar-link:after {
display: none;
}
.navbar-menu {
background-color: transparent;
box-shadow: 0 4px 8px rgba(10, 10, 10, 0.1);
}
.navbar-menu.is-active {
display: block;
padding-bottom: 1rem;
}
.navbar-item {
padding: 0.75rem 1rem;
}
.navbar-dropdown .navbar-item {
padding-left: 1.875rem;
}
.navbar-item.is-mega .has-dropdown:after {
right: 1.125em;
}
.navbar.is-fixed-bottom-touch,
.navbar.is-fixed-top-touch {
left: 0;
position: fixed;
right: 0;
z-index: 30;
}
.navbar.is-fixed-bottom-touch {
bottom: 0;
}
.navbar.is-fixed-bottom-touch.has-shadow {
box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
}
.navbar.is-fixed-top-touch {
top: 0;
}
.navbar.is-fixed-top-touch .navbar-menu,
.navbar.is-fixed-top .navbar-menu {
-webkit-overflow-scrolling: touch;
max-height: calc(100vh - 5.25rem);
overflow: auto;
}
.navbar .field {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar .field .control {
padding-bottom: 0 !important;
}
body.has-navbar-fixed-top-touch,
html.has-navbar-fixed-top-touch {
padding-top: 5.25rem;
}
body.has-navbar-fixed-bottom-touch,
html.has-navbar-fixed-bottom-touch {
padding-bottom: 5.25rem;
}
}
@media screen and (min-width: 1024px) {
.navbar,
.navbar-end,
.navbar-menu,
.navbar-start {
align-items: stretch;
display: flex;
}
.navbar {
min-height: 5.25rem;
}
.navbar.is-spaced {
padding: 1rem 2rem;
}
.navbar.is-spaced .navbar-end,
.navbar.is-spaced .navbar-start {
align-items: center;
}
.navbar.is-spaced .navbar-link,
.navbar.is-spaced a.navbar-item {
border-radius: 0;
}
.navbar-burger {
display: none;
}
.navbar-item,
.navbar-link {
align-items: center;
display: flex;
}
.navbar-item {
display: flex;
}
.navbar-item.has-dropdown {
align-items: stretch;
}
.navbar-item.has-dropdown > a.navbar-link {
padding: 0.5rem 2rem 0.5rem 0.5rem;
}
.navbar-item.is-mega .has-dropdown:after {
right: 0;
}
.navbar-item.has-dropdown-up .navbar-link:after {
transform: rotate(135deg) translate(0.25em, -0.25em);
}
.navbar-item.has-dropdown-up .navbar-dropdown {
border-bottom: 2px solid #d6d6d6;
border-radius: 0 0 0 0;
border-top: none;
bottom: 100%;
box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
top: auto;
}
.navbar-item.is-active .navbar-dropdown,
.navbar-item.is-hoverable:focus-within .navbar-dropdown,
.navbar-item.is-hoverable:focus .navbar-dropdown,
.navbar-item.is-hoverable:hover .navbar-dropdown {
display: block;
}
.navbar-item.is-active .navbar-dropdown.is-boxed,
.navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,
.navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,
.navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed,
.navbar.is-spaced .navbar-item.is-active .navbar-dropdown,
.navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,
.navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,
.navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.navbar-menu {
flex-grow: 1;
flex-shrink: 0;
}
.navbar-start {
justify-content: flex-start;
margin-right: auto;
}
.navbar-end {
justify-content: flex-end;
margin-left: auto;
}
.navbar-dropdown {
background-color: #fff;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top: 2px solid #d6d6d6;
box-shadow: 0 4px 4px rgba(10, 10, 10, 0.1);
display: none;
left: 0;
min-width: 100%;
padding: 1rem 0.5rem;
position: absolute;
top: 100%;
z-index: 20;
}
.navbar-dropdown .navbar-item {
padding: 0.5rem 1rem;
white-space: nowrap;
}
.navbar-dropdown a.navbar-item {
padding-right: 3rem;
}
.navbar-dropdown a.navbar-item.is-active,
.navbar-dropdown a.navbar-item:focus,
.navbar-dropdown a.navbar-item:hover {
background-color: transparent;
color: #6037b3;
border: 0;
}
.navbar-dropdown.is-boxed,
.navbar.is-spaced .navbar-dropdown {
border-radius: 5px;
border-top: none;
box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
display: block;
opacity: 0;
pointer-events: none;
top: calc(100% + -4px);
transform: translateY(-5px);
transition-duration: 86ms;
transition-property: opacity, transform;
}
.navbar-dropdown.is-right {
left: auto;
right: 0;
}
.navbar-divider {
display: block;
}
.navbar > .sgds-container .navbar-brand,
.sgds-container > .navbar .navbar-brand {
margin-left: -0.75rem;
}
.navbar > .sgds-container .navbar-menu,
.sgds-container > .navbar .navbar-menu {
margin-right: -0.75rem;
}
.navbar.is-fixed-bottom-desktop,
.navbar.is-fixed-top-desktop {
left: 0;
position: fixed;
right: 0;
z-index: 30;
}
.navbar.is-fixed-bottom-desktop {
bottom: 0;
}
.navbar.is-fixed-bottom-desktop.has-shadow {
box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
}
.navbar.is-fixed-top-desktop {
top: 0;
}
body.has-navbar-fixed-top-desktop,
html.has-navbar-fixed-top-desktop {
padding-top: calc(5.25rem + 29px);
}
body.has-spaced-navbar-fixed-top,
html.has-spaced-navbar-fixed-top {
padding-top: 7.25rem;
}
.navbar-link.is-active,
a.navbar-item.is-active {
color: #6037b3;
border-bottom: 5px solid #6037b3;
margin-top: 5px;
font-weight: 600;
}
.navbar-item.has-dropdown.is-active .navbar-link,
.navbar-item.has-dropdown:focus .navbar-link,
.navbar-item.has-dropdown:hover .navbar-link,
.navbar-link.is-active:not(:focus):not(:hover),
a.navbar-item.is-active:not(:focus):not(:hover) {
background-color: transparent;
}
}
.hero.is-fullheight-with-navbar {
min-height: calc(100vh - 5.25rem);
}
.masthead-container {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.masthead-container.is-fixed {
z-index: 20;
position: fixed;
top: 0;
width: 100%;
}
@media screen and (min-width: 1024px) {
.navbar-start.has-item-max-width .navbar-item {
max-width: 140px;
}
.navbar-item.is-hoverable:hover .navbar-dropdown {
display: block;
}
}
@media screen and (max-width: 1023px) {
.navbar-start .navbar-item {
max-width: none;
}
}
.sgds-notification {
background-color: #f5f5f5;
border-radius: 0;
padding: 1rem;
position: relative;
width: 100%;
z-index: 2;
}
.sgds-notification:not(:last-child) {
margin-bottom: 1.5rem;
}
.sgds-notification.is-pos-abs {
position: absolute;
}
.sgds-notification a:not(.sgds-button) {
color: currentColor;
text-decoration: underline;
}
.sgds-notification strong {
color: currentColor;
}
.sgds-notification code,
.sgds-notification pre {
background: #fff;
}
.sgds-notification pre code {
background: transparent;
}
.sgds-notification .content,
.sgds-notification .subtitle,
.sgds-notification .title {
color: currentColor;
}
.sgds-notification.is-toast {
background-color: transparent;
border: 1px solid;
border-left: 5px solid;
color: currentColor;
}
.sgds-notification.is-white {
background-color: #fff;
color: #0a0a0a;
}
.sgds-notification.is-toast-white {
background-color: transparent;
border: 1px solid #fff;
border-left-width: 5px;
}
.sgds-notification.is-toast-white .sgds-icon {
color: #fff;
}
.sgds-notification.is-black {
background-color: #0a0a0a;
color: #fff;
}
.sgds-notification.is-toast-black {
background-color: transparent;
border: 1px solid #0a0a0a;
border-left-width: 5px;
}
.sgds-notification.is-toast-black .sgds-icon {
color: #0a0a0a;
}
.sgds-notification.is-light {
background-color: #f5f5f5;
color: #323232;
}
.sgds-notification.is-toast-light {
background-color: transparent;
border: 1px solid #f5f5f5;
border-left-width: 5px;
}
.sgds-notification.is-toast-light .sgds-icon {
color: #f5f5f5;
}
.sgds-notification.is-dark {
background-color: #323232;
color: #f5f5f5;
}
.sgds-notification.is-toast-dark {
background-color: transparent;
border: 1px solid #323232;
border-left-width: 5px;
}
.sgds-notification.is-toast-dark .sgds-icon {
color: #323232;
}
.sgds-notification.is-primary {
background-color: #6037b3;
color: #fff;
}
.sgds-notification.is-toast-primary {
background-color: transparent;
border: 1px solid #6037b3;
border-left-width: 5px;
}
.sgds-notification.is-toast-primary .sgds-icon {
color: #6037b3;
}
.sgds-notification.is-secondary {
background-color: #3e69be;
color: #fff;
}
.sgds-notification.is-toast-secondary {
background-color: transparent;
border: 1px solid #3e69be;
border-left-width: 5px;
}
.sgds-notification.is-toast-secondary .sgds-icon {
color: #3e69be;
}
.sgds-notification.is-link {
background-color: #0070f2;
color: #fff;
}
.sgds-notification.is-toast-link {
background-color: transparent;
border: 1px solid #0070f2;
border-left-width: 5px;
}
.sgds-notification.is-toast-link .sgds-icon {
color: #0070f2;
}
.sgds-notification.is-info {
background-color: #008196;
color: #fff;
}
.sgds-notification.is-toast-info {
background-color: transparent;
border: 1px solid #008196;
border-left-width: 5px;
}
.sgds-notification.is-toast-info .sgds-icon {
color: #008196;
}
.sgds-notification.is-success {
background-color: #008649;
color: #fff;
}
.sgds-notification.is-toast-success {
background-color: transparent;
border: 1px solid #008649;
border-left-width: 5px;
}
.sgds-notification.is-toast-success .sgds-icon {
color: #008649;
}
.sgds-notification.is-warning {
background-color: #f5a623;
color: #fff;
color: #0a0a0a;
}
.sgds-notification.is-toast-warning {
background-color: transparent;
border: 1px solid #f5a623;
border-left-width: 5px;
}
.sgds-notification.is-toast-warning .sgds-icon {
color: #f5a623;
}
.sgds-notification.is-danger {
background-color: #d0021b;
color: #fff;
}
.sgds-notification.is-toast-danger {
background-color: transparent;
border: 1px solid #d0021b;
border-left-width: 5px;
}
.sgds-notification.is-toast-danger .sgds-icon {
color: #d0021b;
}
.sgds-notification-detail {
display: flex;
align-items: center;
position: relative;
padding-right: 2rem;
}
.sgds-notification-detail .sgds-icon {
margin-left: 1rem;
margin-right: 2rem;
}
.sgds-notification-detail .delete {
position: absolute;
top: 0;
right: 0;
}
.sgds-notification-flex.field {
justify-content: space-between;
align-items: center;
}
.block:not(:last-child) {
margin-bottom: 1.5rem;
}
.delete {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgba(10, 10, 10, 0.2);
border: none;
border-radius: 290486px;
cursor: pointer;
display: inline-block;
flex-grow: 0;
flex-shrink: 0;
font-size: 0;
height: 20px;
max-height: 20px;
max-width: 20px;
min-height: 20px;
min-width: 20px;
outline: none;
position: relative;
vertical-align: top;
width: 20px;
}
.delete:after,
.delete:before {
background-color: #fff;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform-origin: center center;
}
.delete:before {
height: 2px;
width: 50%;
}
.delete:after {
height: 50%;
width: 2px;
}
.delete:focus,
.delete:hover {
background-color: rgba(10, 10, 10, 0.3);
}
.delete:active {
background-color: rgba(10, 10, 10, 0.4);
}
.delete.is-small {
height: 16px;
max-height: 16px;
max-width: 16px;
min-height: 16px;
min-width: 16px;
width: 16px;
}
.delete.is-medium {
height: 24px;
max-height: 24px;
max-width: 24px;
min-height: 24px;
min-width: 24px;
width: 24px;
}
.delete.is-large {
height: 32px;
max-height: 32px;
max-width: 32px;
min-height: 32px;
min-width: 32px;
width: 32px;
}
.heading {
display: block;
font-size: 11px;
letter-spacing: 1px;
margin-bottom: 5px;
text-transform: uppercase;
}
.highlight {
font-weight: 400;
max-width: 100%;
overflow: hidden;
padding: 0;
}
.highlight:not(:last-child) {
margin-bottom: 1.5rem;
}
.highlight pre {
overflow: auto;
max-width: 100%;
}
.loader {
animation: spinAround 0.5s linear infinite;
border-color: transparent transparent #d6d6d6 #d6d6d6;
border-style: solid;
border-width: 2px;
content: "";
display: block;
height: 1em;
position: relative;
width: 1em;
}
.loader,
.number {
border-radius: 290486px;
}
.number {
align-items: center;
background-color: #f5f5f5;
display: inline-flex;
font-size: 1.3rem;
height: 2em;
justify-content: center;
margin-right: 1.5rem;
min-width: 2.5em;
padding: 0.25rem 0.5rem;
text-align: center;
vertical-align: top;
}
.sgds-section.is-small.sgds-section-pagetitle {
background-color: #3e69be;
}
.sgds-pagination {
font-size: 1.125rem;
margin: -0.25rem;
}
.sgds-pagination ul.sgds-pagination-list {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.sgds-pagination li.sgds-pagination-link {
margin-top: 0.25rem;
}
.sgds-pagination.is-small {
font-size: 1rem;
}
.sgds-pagination.is-medium {
font-size: 1.3rem;
}
.sgds-pagination.is-large {
font-size: 1.375rem;
}
.sgds-pagination.is-rounded .sgds-pagination-next,
.sgds-pagination.is-rounded .sgds-pagination-previous {
padding-left: 1em;
padding-right: 1em;
border-radius: 290486px;
}
.sgds-pagination.is-rounded .sgds-pagination-link {
border-radius: 290486px;
}
.sgds-pagination,
.sgds-pagination-list {
align-items: center;
display: flex;
justify-content: center;
text-align: center;
}
.sgds-pagination-ellipsis,
.sgds-pagination-link,
.sgds-pagination-next,
.sgds-pagination-previous {
-moz-appearance: none;
-webkit-appearance: none;
align-items: center;
border: 1px solid transparent;
border-radius: 0;
box-shadow: none;
display: inline-flex;
font-size: 1.125rem;
height: 2.25em;
justify-content: flex-start;
line-height: 1.5;
position: relative;
vertical-align: top;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 1em;
padding: calc(0.375em - 1px) 0.5em;
justify-content: center;
margin: 0.25rem;
text-align: center;
}
.sgds-pagination-ellipsis.is-active,
.sgds-pagination-ellipsis.is-focused,
.sgds-pagination-ellipsis:active,
.sgds-pagination-ellipsis:focus,
.sgds-pagination-link.is-active,
.sgds-pagination-link.is-focused,
.sgds-pagination-link:active,
.sgds-pagination-link:focus,
.sgds-pagination-next.is-active,
.sgds-pagination-next.is-focused,
.sgds-pagination-next:active,
.sgds-pagination-next:focus,
.sgds-pagination-previous.is-active,
.sgds-pagination-previous.is-focused,
.sgds-pagination-previous:active,
.sgds-pagination-previous:focus {
outline: none;
}
.sgds-pagination-ellipsis[disabled],
.sgds-pagination-link[disabled],
.sgds-pagination-next[disabled],
.sgds-pagination-previous[disabled] {
cursor: not-allowed;
}
.sgds-pagination-link,
.sgds-pagination-next,
.sgds-pagination-previous {
border-color: #f0f0f0;
color: #323232;
min-width: 2.25em;
}
.sgds-pagination-link:hover,
.sgds-pagination-next:hover,
.sgds-pagination-previous:hover {
border-color: #d6d6d6;
color: #1a88ff;
}
.sgds-pagination-link:focus,
.sgds-pagination-next:focus,
.sgds-pagination-previous:focus {
border-color: #0070f2;
}
.sgds-pagination-link:active,
.sgds-pagination-next:active,
.sgds-pagination-previous:active {
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
}
.sgds-pagination-link[disabled],
.sgds-pagination-next[disabled],
.sgds-pagination-previous[disabled] {
background-color: #f0f0f0;
border-color: #f0f0f0;
box-shadow: none;
color: #767676;
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.sgds-pagination-next,
.sgds-pagination-previous {
padding-left: 0.75em;
padding-right: 0.75em;
white-space: nowrap;
}
.sgds-pagination-link.is-current {
background-color: #0070f2;
border-color: #0070f2;
color: #fff;
}
.sgds-pagination-ellipsis {
color: #d6d6d6;
pointer-events: none;
}
.sgds-pagination-list {
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.sgds-pagination {
flex-wrap: wrap;
}
.sgds-pagination-list li,
.sgds-pagination-next,
.sgds-pagination-previous {
flex-grow: 1;
flex-shrink: 1;
}
}
@media print, screen and (min-width: 769px) {
.sgds-pagination-list {
flex-grow: 1;
flex-shrink: 1;
justify-content: flex-start;
order: 1;
}
.sgds-pagination-previous {
order: 2;
}
.sgds-pagination-next {
order: 3;
}
.sgds-pagination {
justify-content: space-between;
}
.sgds-pagination.is-centered .sgds-pagination-previous {
order: 1;
}
.sgds-pagination.is-centered .sgds-pagination-list {
justify-content: center;
order: 2;
}
.sgds-pagination.is-centered .sgds-pagination-next {
order: 3;
}
.sgds-pagination.is-right .sgds-pagination-previous {
order: 1;
}
.sgds-pagination.is-right .sgds-pagination-next {
order: 2;
}
.sgds-pagination.is-right .sgds-pagination-list {
justify-content: flex-end;
order: 3;
}
}
.sgds-panel {
font-size: 1.125rem;
}
.sgds-panel:not(:last-child) {
margin-bottom: 1.5rem;
}
.sgds-panel-block,
.sgds-panel-heading,
.sgds-panel-tabs {
border-bottom: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
}
.sgds-panel-block:first-child,
.sgds-panel-heading:first-child,
.sgds-panel-tabs:first-child {
border-top: 1px solid #d6d6d6;
}
.sgds-panel-heading {
background-color: #f5f5f5;
border-radius: 0 0 0 0;
color: #323232;
font-size: 1.25em;
font-weight: 300;
line-height: 1.25;
padding: 0.5em 0.75em;
}
.sgds-panel-tabs {
align-items: flex-end;
display: flex;
font-size: 0.875em;
justify-content: center;
}
.sgds-panel-tabs a {
border-bottom: 1px solid #d6d6d6;
margin-bottom: -1px;
padding: 0.5em;
}
.sgds-panel-tabs a.is-active {
border-bottom-color: #484848;
color: #323232;
}
.sgds-panel-list a {
color: #484848;
}
.sgds-panel-list a:hover {
color: #0070f2;
}
.sgds-panel-block {
align-items: center;
color: #323232;
display: flex;
justify-content: flex-start;
padding: 0.5em 0.75em;
}
.sgds-panel-block input[type="checkbox"] {
margin-right: 0.75em;
}
.sgds-panel-block > .control {
flex-grow: 1;
flex-shrink: 1;
width: 100%;
}
.sgds-panel-block.is-wrapped {
flex-wrap: wrap;
}
.sgds-panel-block.is-active {
border-left-color: #0070f2;
color: #323232;
}
.sgds-panel-block.is-active .sgds-panel-icon {
color: #0070f2;
}
.sgds a.sgds-panel-block,
.sgds label.sgds-panel-block {
cursor: pointer;
}
.sgds a.sgds-panel-block:hover,
.sgds label.sgds-panel-block:hover {
background-color: #f5f5f5;
}
.sgds-panel-icon {
display: inline-block;
font-size: 14px;
height: 1em;
line-height: 1em;
text-align: center;
vertical-align: top;
width: 1em;
color: #767676;
margin-right: 0.75em;
}
.sgds-panel-icon .fa {
font-size: inherit;
line-height: inherit;
}
.sgds-progress {
-moz-appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 290486px;
display: block;
height: 1.125rem;
overflow: hidden;
padding: 0;
width: 100%;
}
.sgds-progress:not(:last-child) {
margin-bottom: 1.5rem;
}
.sgds-progress::-webkit-progress-bar {
background-color: #d6d6d6;
}
.sgds-progress::-webkit-progress-value {
background-color: #484848;
}
.sgds-progress::-moz-progress-bar {
background-color: #484848;
}
.sgds-progress::-ms-fill {
background-color: #484848;
border: none;
}
.sgds-progress.is-white::-webkit-progress-value {
background-color: #fff;
}
.sgds-progress.is-white::-moz-progress-bar {
background-color: #fff;
}
.sgds-progress.is-white::-ms-fill {
background-color: #fff;
}
.sgds-progress.is-black::-webkit-progress-value {
background-color: #0a0a0a;
}
.sgds-progress.is-black::-moz-progress-bar {
background-color: #0a0a0a;
}
.sgds-progress.is-black::-ms-fill {
background-color: #0a0a0a;
}
.sgds-progress.is-light::-webkit-progress-value {
background-color: #f5f5f5;
}
.sgds-progress.is-light::-moz-progress-bar {
background-color: #f5f5f5;
}
.sgds-progress.is-light::-ms-fill {
background-color: #f5f5f5;
}
.sgds-progress.is-dark::-webkit-progress-value {
background-color: #323232;
}
.sgds-progress.is-dark::-moz-progress-bar {
background-color: #323232;
}
.sgds-progress.is-dark::-ms-fill {
background-color: #323232;
}
.sgds-progress.is-primary::-webkit-progress-value {
background-color: #6037b3;
}
.sgds-progress.is-primary::-moz-progress-bar {
background-color: #6037b3;
}
.sgds-progress.is-primary::-ms-fill {
background-color: #6037b3;
}
.sgds-progress.is-secondary::-webkit-progress-value {
background-color: #3e69be;
}
.sgds-progress.is-secondary::-moz-progress-bar {
background-color: #3e69be;
}
.sgds-progress.is-secondary::-ms-fill {
background-color: #3e69be;
}
.sgds-progress.is-link::-webkit-progress-value {
background-color: #0070f2;
}
.sgds-progress.is-link::-moz-progress-bar {
background-color: #0070f2;
}
.sgds-progress.is-link::-ms-fill {
background-color: #0070f2;
}
.sgds-progress.is-info::-webkit-progress-value {
background-color: #008196;
}
.sgds-progress.is-info::-moz-progress-bar {
background-color: #008196;
}
.sgds-progress.is-info::-ms-fill {
background-color: #008196;
}
.sgds-progress.is-success::-webkit-progress-value {
background-color: #008649;
}
.sgds-progress.is-success::-moz-progress-bar {
background-color: #008649;
}
.sgds-progress.is-success::-ms-fill {
background-color: #008649;
}
.sgds-progress.is-warning::-webkit-progress-value {
background-color: #f5a623;
}
.sgds-progress.is-warning::-moz-progress-bar {
background-color: #f5a623;
}
.sgds-progress.is-warning::-ms-fill {
background-color: #f5a623;
}
.sgds-progress.is-danger::-webkit-progress-value {
background-color: #d0021b;
}
.sgds-progress.is-danger::-moz-progress-bar {
background-color: #d0021b;
}
.sgds-progress.is-danger::-ms-fill {
background-color: #d0021b;
}
.sgds-progress.is-small {
height: 1rem;
}
.sgds-progress.is-medium {
height: 1.3rem;
}
.sgds-progress.is-large {
height: 1.375rem;
}
.search-content {
line-height: 1.5em;
}
.search-content a {
text-decoration: underline;
}
.search-content .permalink {
color: #767676;
}
.search-content p:last-child {
margin-bottom: 0.8rem;
}
.sgds-section.sgds-section-pagetitle.search-section {
padding-top: 60px;
padding-bottom: 60px;
}
.sgds-section.sgds-section-pagetitle.search-section nav.sgds-breadcrumb {
margin-bottom: -5px;
}
.sgds-section.sgds-section-pagetitle.search-section #search-title {
padding-top: 6px;
padding-bottom: 6px;
}
.sgds-section.sgds-section-pagetitle.search-section #search-container {
padding-top: 24px;
padding-bottom: 24px;
}
.search-bar-icon.sgds-icon.sgds-icon-search {
top: 14px;
display: block;
visibility: initial;
}
.table {
background-color: #fff;
color: #323232;
margin-bottom: 1.5rem;
font-size: 1.125rem;
}
.table td,
.table th {
border: solid #f0f0f0;
border-width: 0 0 1px;
padding: 0.5em 0.75em;
vertical-align: top;
}
.table td.is-white,
.table th.is-white {
background-color: #fff;
border-color: #fff;
color: #0a0a0a;
}
.table td.is-black,
.table th.is-black {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: #fff;
}
.table td.is-light,
.table th.is-light {
background-color: #f5f5f5;
border-color: #f5f5f5;
color: #323232;
}
.table td.is-dark,
.table th.is-dark {
background-color: #323232;
border-color: #323232;
color: #f5f5f5;
}
.table td.is-primary,
.table th.is-primary {
background-color: #6037b3;
border-color: #6037b3;
color: #fff;
}
.table td.is-secondary,
.table th.is-secondary {
background-color: #3e69be;
border-color: #3e69be;
color: #fff;
}
.table td.is-link,
.table th.is-link {
background-color: #0070f2;
border-color: #0070f2;
color: #fff;
}
.table td.is-info,
.table th.is-info {
background-color: #008196;
border-color: #008196;
color: #fff;
}
.table td.is-success,
.table th.is-success {
background-color: #008649;
border-color: #008649;
color: #fff;
}
.table td.is-warning,
.table th.is-warning {
background-color: #f5a623;
border-color: #f5a623;
color: #fff;
}
.table td.is-danger,
.table th.is-danger {
background-color: #d0021b;
border-color: #d0021b;
color: #fff;
}
.table td.is-narrow,
.table th.is-narrow {
white-space: nowrap;
width: 1%;
}
.table td.is-selected,
.table th.is-selected {
background-color: #6037b3;
color: #fff;
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
color: currentColor;
}
.table th {
color: #323232;
text-align: left;
}
.table tr.is-selected {
background-color: #6037b3;
color: #fff;
}
.table tr.is-selected a,
.table tr.is-selected strong {
color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
border-color: #fff;
color: currentColor;
}
.table thead td,
.table thead th {
border-width: 0 0 2px;
color: #323232;
}
.table tfoot td,
.table tfoot th {
border-width: 2px 0 0;
color: #323232;
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
border-bottom-width: 1px;
}
.table.is-fullwidth {
width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
background-color: #fafafa;
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
background-color: #f5f5f5;
}
.table.is-narrow td,
.table.is-narrow th {
padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
background-color: #fafafa;
}
table.table-h tbody tr:nth-of-type(odd) {
background-color: #f0f4f6;
}
table.table-h tbody tr td {
border-bottom: 1px solid #f0f0f0;
padding: 1.125rem;
vertical-align: top;
}
table.table-v tbody tr:first-child td {
border-top: 1px solid #f0f0f0;
}
table.table-v tbody td {
border-bottom: 1px solid #f0f0f0;
padding: 1.125rem;
vertical-align: top;
}
table.table-v tbody td:first-child {
background-color: #f0f4f6;
border-bottom-color: #fff;
font-weight: 700;
width: 20%;
}
.sgds-tabs {
-webkit-overflow-scrolling: touch;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
align-items: stretch;
display: flex;
font-size: 1.125rem;
justify-content: space-between;
overflow: hidden;
overflow-x: auto;
white-space: nowrap;
}
.sgds-tabs:not(:last-child) {
margin-bottom: 1.5rem;
}
.sgds-tabs a {
align-items: center;
border-bottom: 1px solid #d6d6d6;
color: #484848;
display: flex;
justify-content: center;
margin-bottom: -1px;
padding: 0.5em 1em;
vertical-align: top;
}
.sgds-tabs a:hover {
border-bottom-color: #323232;
color: #323232;
}
.sgds-tabs li {
display: block;
}
.sgds-tabs li.is-active a {
border-bottom-color: #0070f2;
color: #0070f2;
}
.sgds-tabs ul {
align-items: center;
border-bottom: 1px solid #d6d6d6;
display: flex;
flex-grow: 1;
flex-shrink: 0;
justify-content: flex-start;
}
.sgds-tabs ul.is-left {
padding-right: 0.75em;
}
.sgds-tabs ul.is-center {
flex: none;
justify-content: center;
padding-left: 0.75em;
padding-right: 0.75em;
}
.sgds-tabs ul.is-right {
justify-content: flex-end;
padding-left: 0.75em;
}
.sgds-tabs .icon:first-child {
margin-right: 0.5em;
}
.sgds-tabs .icon:last-child {
margin-left: 0.5em;
}
.sgds-tabs.is-centered ul {
justify-content: center;
}
.sgds-tabs.is-right ul {
justify-content: flex-end;
}
.sgds-tabs.is-boxed a {
border: 1px solid transparent;
border-radius: 0 0 0 0;
}
.sgds-tabs.is-boxed a:hover {
background-color: #f5f5f5;
border-bottom-color: #d6d6d6;
}
.sgds-tabs.is-boxed li.is-active a {
background-color: #fff;
border-color: #d6d6d6;
border-bottom-color: transparent !important;
}
.sgds-tabs.is-fullwidth li {
flex-grow: 1;
flex-shrink: 0;
}
.sgds-tabs.is-toggle a {
border: 1px solid #d6d6d6;
margin-bottom: 0;
position: relative;
}
.sgds-tabs.is-toggle a:hover {
background-color: #f5f5f5;
border-color: #3e69be;
z-index: 2;
}
.sgds-tabs.is-toggle li + li {
margin-left: -1px;
}
.sgds-tabs.is-toggle li:first-child a,
.sgds-tabs.is-toggle li:last-child a {
border-radius: 0 0 0 0;
}
.sgds-tabs.is-toggle li.is-active a {
background-color: #0070f2;
border-color: #0070f2;
color: #fff;
z-index: 1;
}
.sgds-tabs.is-toggle ul {
border-bottom: none;
}
.sgds-tabs.is-toggle.is-toggle-rounded li:first-child a {
border-bottom-left-radius: 290486px;
border-top-left-radius: 290486px;
padding-left: 1.25em;
}
.sgds-tabs.is-toggle.is-toggle-rounded li:last-child a {
border-bottom-right-radius: 290486px;
border-top-right-radius: 290486px;
padding-right: 1.25em;
}
.sgds-tabs.is-small {
font-size: 1rem;
}
.sgds-tabs.is-medium {
font-size: 1.3rem;
}
.sgds-tabs.is-large {
font-size: 1.375rem;
}
.sgds-tags {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.sgds-tags .sgds-tag {
margin-bottom: 0.5rem;
}
.sgds-tags .sgds-tag:not(:last-child) {
margin-right: 0.5rem;
}
.sgds-tags:last-child {
margin-bottom: -0.5rem;
}
.sgds-tags:not(:last-child) {
margin-bottom: 1rem;
}
.sgds-tags.are-medium .sgds-tag:not(.is-normal) {
font-size: 1.125rem;
}
.sgds-tags.has-addons .sgds-tag {
margin-right: 0;
}
.sgds-tags.has-addons .sgds-tag:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.sgds-tags.has-addons .sgds-tag:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.sgds-tags.is-centered {
justify-content: center;
}
.sgds-tags.is-centered .sgds-tag {
margin-right: 0.25rem;
margin-left: 0.25rem;
}
.sgds-tags.is-right {
justify-content: flex-end;
}
.sgds-tags.is-right .sgds-tag:not(:first-child) {
margin-left: 0.5rem;
}
.sgds-tags.is-right .sgds-tag:not(:last-child) {
margin-right: 0;
}
.sgds-tag:not(body) {
align-items: center;
background-color: #f5f5f5;
border-radius: 5px;
color: #484848;
display: inline-flex;
font-size: 1rem;
height: 2em;
justify-content: center;
line-height: 1.5;
padding-left: 0.75em;
padding-right: 0.75em;
white-space: nowrap;
}
.sgds-tag:not(body) .delete {
margin-left: 0.25em;
margin-right: -0.375em;
}
.sgds-tag:not(body).is-white {
background-color: #fff;
color: #0a0a0a;
}
.sgds-tag:not(body).is-white.is-light {
background-color: #fff;
color: #fff;
}
.sgds-tag:not(body).is-black {
background-color: #0a0a0a;
color: #fff;
}
.sgds-tag:not(body).is-black.is-light {
background-color: #e7e7e7;
color: #0a0a0a;
}
.sgds-tag:not(body).is-light {
background-color: #f5f5f5;
color: #323232;
}
.sgds-tag:not(body).is-light.is-light {
background-color: #fefefe;
color: #f5f5f5;
}
.sgds-tag:not(body).is-dark {
background-color: #323232;
color: #f5f5f5;
}
.sgds-tag:not(body).is-dark.is-light {
background-color: #ebebeb;
color: #323232;
}
.sgds-tag:not(body).is-primary {
background-color: #6037b3;
color: #fff;
}
.sgds-tag:not(body).is-primary.is-light {
background-color: #efebf7;
color: #6037b3;
}
.sgds-tag:not(body).is-secondary {
background-color: #3e69be;
color: #fff;
}
.sgds-tag:not(body).is-secondary.is-light {
background-color: #ecf0f9;
color: #3e69be;
}
.sgds-tag:not(body).is-link {
background-color: #0070f2;
color: #fff;
}
.sgds-tag:not(body).is-link.is-light {
background-color: #e6f1fe;
color: #0070f2;
}
.sgds-tag:not(body).is-info {
background-color: #008196;
color: #fff;
}
.sgds-tag:not(body).is-info.is-light {
background-color: #e6f2f5;
color: #008196;
}
.sgds-tag:not(body).is-success {
background-color: #008649;
color: #fff;
}
.sgds-tag:not(body).is-success.is-light {
background-color: #e6f3ed;
color: #008649;
}
.sgds-tag:not(body).is-warning {
background-color: #f5a623;
color: #fff;
color: #000;
}
.sgds-tag:not(body).is-warning.is-light {
background-color: #fef6e9;
color: #f5a623;
color: #925d07;
}
.sgds-tag:not(body).is-danger {
background-color: #d0021b;
color: #fff;
}
.sgds-tag:not(body).is-danger.is-light {
background-color: #fae6e8;
color: #d0021b;
}
.sgds-tag:not(body).is-medium {
font-size: 1.125rem;
}
.sgds-tag:not(body).is-large {
font-size: 1.3rem;
}
.sgds-tag:not(body) .icon:first-child:not(:last-child) {
margin-left: -0.375em;
margin-right: 0.1875em;
}
.sgds-tag:not(body) .icon:last-child:not(:first-child) {
margin-left: 0.1875em;
margin-right: -0.375em;
}
.sgds-tag:not(body) .icon:first-child:last-child {
margin-left: -0.375em;
margin-right: -0.375em;
}
.sgds-tag:not(body).is-delete {
margin-left: 1px;
padding: 0;
position: relative;
width: 2em;
}
.sgds-tag:not(body).is-delete:after,
.sgds-tag:not(body).is-delete:before {
background-color: currentColor;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform-origin: center center;
}
.sgds-tag:not(body).is-delete:before {
height: 1px;
width: 50%;
}
.sgds-tag:not(body).is-delete:after {
height: 50%;
width: 1px;
}
.sgds-tag:not(body).is-delete:focus,
.sgds-tag:not(body).is-delete:hover {
background-color: #e8e8e8;
}
.sgds-tag:not(body).is-delete:active {
background-color: #dbdbdb;
}
.sgds-tag:not(body).is-rounded {
border-radius: 290486px;
}
.sgds a.sgds-tag:hover {
text-decoration: underline;
}
.subtitle,
.title {
word-break: break-word;
}
.subtitle:not(:last-child),
.title:not(:last-child) {
margin-bottom: 1.5rem;
}
.subtitle em,
.subtitle span,
.title em,
.title span {
font-weight: inherit;
}
.subtitle sub,
.subtitle sup,
.title sub,
.title sup {
font-size: 0.75em;
}
.subtitle .tag,
.title .tag {
vertical-align: middle;
}
.title {
color: #323232;
font-size: 2rem;
font-weight: 600;
line-height: 1.125;
}
.title strong {
color: inherit;
font-weight: inherit;
}
.title + .highlight {
margin-top: -0.75rem;
}
.title:not(.is-spaced) + .subtitle {
margin-top: -1.5rem;
}
.title.is-1 {
font-size: 5.25rem;
}
.title.is-2 {
font-size: 3.375rem;
}
.title.is-3 {
font-size: 2.75rem;
}
.title.is-4 {
font-size: 2rem;
}
.title.is-5 {
font-size: 1.625rem;
}
.title.is-6 {
font-size: 1.375rem;
}
.title.is-7 {
font-size: 1.3rem;
}
.title.is-8 {
font-size: 1.125rem;
}
.title.is-9 {
font-size: 1rem;
}
.subtitle {
color: #484848;
font-size: 1.375rem;
font-weight: 400;
line-height: 1.25;
}
.subtitle strong {
color: #323232;
font-weight: 600;
}
.subtitle:not(.is-spaced) + .title {
margin-top: -1.5rem;
}
.subtitle.is-0 {
font-size: 5.25rem;
}
.subtitle.is-1 {
font-size: 3.375rem;
}
.subtitle.is-2 {
font-size: 2.75rem;
}
.subtitle.is-3 {
font-size: 2rem;
}
.subtitle.is-4 {
font-size: 1.625rem;
}
.subtitle.is-5 {
font-size: 1.375rem;
}
.subtitle.is-6 {
font-size: 1.3rem;
}
.subtitle.is-7 {
font-size: 1.125rem;
}
.subtitle.is-8 {
font-size: 1rem;
}
.sgds-accordion + .sgds-accordion {
margin-top: 0.5rem;
}
.sgds-accordion-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: calc(0.375em - 1px) 0.75em;
background-color: #fff;
font-size: 1.125rem;
border: 1px solid #d6d6d6;
}
.content .sgds-accordion-header {
text-decoration: none;
margin-bottom: 0;
}
.sgds-accordion-header:hover {
background-color: #f9f9f9;
}
.sgds-accordion-header.is-active {
background-color: #f2f2f2;
}
.sgds-accordion-body {
padding: 1rem;
display: none;
border: 1px solid #d6d6d6;
border-top: 0;
}
.sgds-accordion.is-white .sgds-accordion-header {
background-color: #fff;
color: #0a0a0a;
border: 1px solid #fff;
}
.sgds-accordion.is-white .sgds-accordion-header.is-active,
.sgds-accordion.is-white .sgds-accordion-header:hover {
background-color: #f9f9f9;
color: #0a0a0a;
}
.sgds-accordion.is-black .sgds-accordion-header {
background-color: #0a0a0a;
color: #fff;
border: 1px solid #0a0a0a;
}
.sgds-accordion.is-black .sgds-accordion-header.is-active,
.sgds-accordion.is-black .sgds-accordion-header:hover {
background-color: #040404;
color: #fff;
}
.sgds-accordion.is-light .sgds-accordion-header {
background-color: #f5f5f5;
color: #323232;
border: 1px solid #f5f5f5;
}
.sgds-accordion.is-light .sgds-accordion-header.is-active,
.sgds-accordion.is-light .sgds-accordion-header:hover {
background-color: #eee;
color: #323232;
}
.sgds-accordion.is-dark .sgds-accordion-header {
background-color: #323232;
color: #f5f5f5;
border: 1px solid #323232;
}
.sgds-accordion.is-dark .sgds-accordion-header.is-active,
.sgds-accordion.is-dark .sgds-accordion-header:hover {
background-color: #2c2c2c;
color: #f5f5f5;
}
.sgds-accordion.is-primary .sgds-accordion-header {
background-color: #6037b3;
color: #fff;
border: 1px solid #6037b3;
}
.sgds-accordion.is-primary .sgds-accordion-header.is-active,
.sgds-accordion.is-primary .sgds-accordion-header:hover {
background-color: #5b34a9;
color: #fff;
}
.sgds-accordion.is-secondary .sgds-accordion-header {
background-color: #3e69be;
color: #fff;
border: 1px solid #3e69be;
}
.sgds-accordion.is-secondary .sgds-accordion-header.is-active,
.sgds-accordion.is-secondary .sgds-accordion-header:hover {
background-color: #3b64b4;
color: #fff;
}
.sgds-accordion.is-link .sgds-accordion-header {
background-color: #0070f2;
color: #fff;
border: 1px solid #0070f2;
}
.sgds-accordion.is-link .sgds-accordion-header.is-active,
.sgds-accordion.is-link .sgds-accordion-header:hover {
background-color: #006ae5;
color: #fff;
}
.sgds-accordion.is-info .sgds-accordion-header {
background-color: #008196;
color: #fff;
border: 1px solid #008196;
}
.sgds-accordion.is-info .sgds-accordion-header.is-active,
.sgds-accordion.is-info .sgds-accordion-header:hover {
background-color: #007689;
color: #fff;
}
.sgds-accordion.is-success .sgds-accordion-header {
background-color: #008649;
color: #fff;
border: 1px solid #008649;
}
.sgds-accordion.is-success .sgds-accordion-header.is-active,
.sgds-accordion.is-success .sgds-accordion-header:hover {
background-color: #007942;
color: #fff;
}
.sgds-accordion.is-warning .sgds-accordion-header {
background-color: #f5a623;
color: #fff;
border: 1px solid #f5a623;
}
.sgds-accordion.is-warning .sgds-accordion-header.is-active,
.sgds-accordion.is-warning .sgds-accordion-header:hover {
background-color: #f4a117;
color: #fff;
}
.sgds-accordion.is-danger .sgds-accordion-header {
background-color: #d0021b;
color: #fff;
border: 1px solid #d0021b;
}
.sgds-accordion.is-danger .sgds-accordion-header.is-active,
.sgds-accordion.is-danger .sgds-accordion-header:hover {
background-color: #c30219;
color: #fff;
}
.sgds-accordion.is-borderless .sgds-accordion-body,
.sgds-accordion.is-borderless .sgds-accordion-header {
border: 0;
}
.sgds-accordion.is-small .sgds-accordion-header {
font-size: 1rem;
}
.sgds-accordion.is-medium .sgds-accordion-header {
font-size: 1.3rem;
}
.sgds-accordion.is-large .sgds-accordion-header {
font-size: 1.375rem;
}
.sgds-accordion.is-open .sgds-accordion-body {
display: block;
}
.sgds-tooltip {
position: relative;
}
.sgds-tooltip.is-tooltip-active:before,
.sgds-tooltip.is-tooltip-active:not(.is-loading):after,
.sgds-tooltip:hover:before,
.sgds-tooltip:hover:not(.is-loading):after {
z-index: 99999;
position: absolute;
display: inline-block;
pointer-events: none;
}
.sgds-tooltip.is-tooltip-active:not(.is-loading):after,
.sgds-tooltip:hover:not(.is-loading):after {
content: "";
border-style: solid;
border-width: 0.5rem;
}
.sgds-tooltip.is-tooltip-active:before,
.sgds-tooltip:hover:before {
opacity: 0;
content: attr(data-tooltip);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 1.125rem;
padding: 0.4rem 0.8rem;
background: rgba(72, 72, 72, 0.9);
border-radius: 0;
color: #fff;
max-width: 24rem;
}
.sgds-tooltip.is-tooltip-active:not(.is-loading):after,
.sgds-tooltip:focus:not(.is-loading):after,
.sgds-tooltip:hover:not(.is-loading):after {
opacity: 1;
margin-left: -0.5rem;
margin-top: -0.5rem;
}
.sgds-tooltip.is-tooltip-active:before,
.sgds-tooltip:focus:before,
.sgds-tooltip:hover:before {
opacity: 1;
}
.sgds-tooltip:before {
top: auto;
bottom: 100%;
left: 50%;
right: auto;
}
.sgds-tooltip.is-tooltip-active:not(.is-loading):after,
.sgds-tooltip:focus:not(.is-loading):after,
.sgds-tooltip:hover:not(.is-loading):after {
top: 0;
bottom: auto;
left: 50%;
right: auto;
border-color: rgba(72, 72, 72, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-active:before,
.sgds-tooltip:focus:before,
.sgds-tooltip:hover:before {
transform: translate(-50%, -0.5rem);
}
.sgds-tooltip.is-tooltip-right:before {
top: auto;
bottom: 50%;
left: 100%;
right: auto;
transform: translate(-1rem, 50%);
}
.sgds-tooltip.is-tooltip-right.is-tooltip-active:not(.is-loading):after,
.sgds-tooltip.is-tooltip-right:focus:not(.is-loading):after,
.sgds-tooltip.is-tooltip-right:hover:not(.is-loading):after {
top: 50%;
left: 100%;
right: auto;
border-color: transparent rgba(72, 72, 72, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-right.is-tooltip-active:before,
.sgds-tooltip.is-tooltip-right:focus:before,
.sgds-tooltip.is-tooltip-right:hover:before {
transform: translate(0.5rem, 50%);
}
.sgds-tooltip.is-tooltip-bottom:before {
top: 100%;
bottom: auto;
left: 50%;
right: auto;
transform: translate(-50%, -1rem);
}
.sgds-tooltip.is-tooltip-bottom.is-tooltip-active:not(.is-loading):after,
.sgds-tooltip.is-tooltip-bottom:focus:not(.is-loading):after,
.sgds-tooltip.is-tooltip-bottom:hover:not(.is-loading):after {
top: 100%;
bottom: auto;
left: 50%;
right: auto;
border-color: transparent transparent rgba(72, 72, 72, 0.9);
}
.sgds-tooltip.is-tooltip-bottom.is-tooltip-active:before,
.sgds-tooltip.is-tooltip-bottom:focus:before,
.sgds-tooltip.is-tooltip-bottom:hover:before {
transform: translate(-50%, 0.5rem);
}
.sgds-tooltip.is-tooltip-left:before {
top: auto;
bottom: 50%;
left: auto;
right: 100%;
transform: translate(1rem, 50%);
}
.sgds-tooltip.is-tooltip-left.is-tooltip-active:not(.is-loading):after,
.sgds-tooltip.is-tooltip-left:focus:not(.is-loading):after,
.sgds-tooltip.is-tooltip-left:hover:not(.is-loading):after {
top: 50%;
bottom: auto;
left: auto;
right: calc(100% - 0.5rem);
border-color: transparent transparent transparent rgba(72, 72, 72, 0.9);
}
.sgds-tooltip.is-tooltip-left.is-tooltip-active:before,
.sgds-tooltip.is-tooltip-left:focus:before,
.sgds-tooltip.is-tooltip-left:hover:before {
transform: translate(-0.5rem, 50%);
}
.sgds-tooltip.is-tooltip-multiline:before {
min-width: 24rem;
text-overflow: clip;
white-space: normal;
word-break: keep-all;
}
.sgds-tooltip.is-tooltip-white:not(.is-loading):after {
border-color: hsla(0, 0%, 100%, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-white.is-tooltip-right:not(.is-loading):after {
border-color: transparent hsla(0, 0%, 100%, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-white.is-tooltip-bottom:not(.is-loading):after {
border-color: transparent transparent hsla(0, 0%, 100%, 0.9);
}
.sgds-tooltip.is-tooltip-white.is-tooltip-left:not(.is-loading):after {
border-color: transparent transparent transparent hsla(0, 0%, 100%, 0.9);
}
.sgds-tooltip.is-tooltip-white:before {
background: hsla(0, 0%, 100%, 0.9);
color: #0a0a0a;
}
.sgds-tooltip.is-tooltip-black:not(.is-loading):after {
border-color: rgba(10, 10, 10, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-black.is-tooltip-right:not(.is-loading):after {
border-color: transparent rgba(10, 10, 10, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-black.is-tooltip-bottom:not(.is-loading):after {
border-color: transparent transparent rgba(10, 10, 10, 0.9);
}
.sgds-tooltip.is-tooltip-black.is-tooltip-left:not(.is-loading):after {
border-color: transparent transparent transparent rgba(10, 10, 10, 0.9);
}
.sgds-tooltip.is-tooltip-black:before {
background: rgba(10, 10, 10, 0.9);
color: #fff;
}
.sgds-tooltip.is-tooltip-light:not(.is-loading):after {
border-color: hsla(0, 0%, 96.1%, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-light.is-tooltip-right:not(.is-loading):after {
border-color: transparent hsla(0, 0%, 96.1%, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-light.is-tooltip-bottom:not(.is-loading):after {
border-color: transparent transparent hsla(0, 0%, 96.1%, 0.9);
}
.sgds-tooltip.is-tooltip-light.is-tooltip-left:not(.is-loading):after {
border-color: transparent transparent transparent hsla(0, 0%, 96.1%, 0.9);
}
.sgds-tooltip.is-tooltip-light:before {
background: hsla(0, 0%, 96.1%, 0.9);
color: #323232;
}
.sgds-tooltip.is-tooltip-dark:not(.is-loading):after {
border-color: rgba(50, 50, 50, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-dark.is-tooltip-right:not(.is-loading):after {
border-color: transparent rgba(50, 50, 50, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-dark.is-tooltip-bottom:not(.is-loading):after {
border-color: transparent transparent rgba(50, 50, 50, 0.9);
}
.sgds-tooltip.is-tooltip-dark.is-tooltip-left:not(.is-loading):after {
border-color: transparent transparent transparent rgba(50, 50, 50, 0.9);
}
.sgds-tooltip.is-tooltip-dark:before {
background: rgba(50, 50, 50, 0.9);
color: #f5f5f5;
}
.sgds-tooltip.is-tooltip-primary:not(.is-loading):after {
border-color: rgba(96, 55, 179, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-primary.is-tooltip-right:not(.is-loading):after {
border-color: transparent rgba(96, 55, 179, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-primary.is-tooltip-bottom:not(.is-loading):after {
border-color: transparent transparent rgba(96, 55, 179, 0.9);
}
.sgds-tooltip.is-tooltip-primary.is-tooltip-left:not(.is-loading):after {
border-color: transparent transparent transparent rgba(96, 55, 179, 0.9);
}
.sgds-tooltip.is-tooltip-primary:before {
background: rgba(96, 55, 179, 0.9);
color: #fff;
}
.sgds-tooltip.is-tooltip-secondary:not(.is-loading):after {
border-color: rgba(62, 105, 190, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-secondary.is-tooltip-right:not(.is-loading):after {
border-color: transparent rgba(62, 105, 190, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-secondary.is-tooltip-bottom:not(.is-loading):after {
border-color: transparent transparent rgba(62, 105, 190, 0.9);
}
.sgds-tooltip.is-tooltip-secondary.is-tooltip-left:not(.is-loading):after {
border-color: transparent transparent transparent rgba(62, 105, 190, 0.9);
}
.sgds-tooltip.is-tooltip-secondary:before {
background: rgba(62, 105, 190, 0.9);
color: #fff;
}
.sgds-tooltip.is-tooltip-link:not(.is-loading):after {
border-color: rgba(0, 112, 242, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-link.is-tooltip-right:not(.is-loading):after {
border-color: transparent rgba(0, 112, 242, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-link.is-tooltip-bottom:not(.is-loading):after {
border-color: transparent transparent rgba(0, 112, 242, 0.9);
}
.sgds-tooltip.is-tooltip-link.is-tooltip-left:not(.is-loading):after {
border-color: transparent transparent transparent rgba(0, 112, 242, 0.9);
}
.sgds-tooltip.is-tooltip-link:before {
background: rgba(0, 112, 242, 0.9);
color: #fff;
}
.sgds-tooltip.is-tooltip-info:not(.is-loading):after {
border-color: rgba(0, 129, 150, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-info.is-tooltip-right:not(.is-loading):after {
border-color: transparent rgba(0, 129, 150, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-info.is-tooltip-bottom:not(.is-loading):after {
border-color: transparent transparent rgba(0, 129, 150, 0.9);
}
.sgds-tooltip.is-tooltip-info.is-tooltip-left:not(.is-loading):after {
border-color: transparent transparent transparent rgba(0, 129, 150, 0.9);
}
.sgds-tooltip.is-tooltip-info:before {
background: rgba(0, 129, 150, 0.9);
color: #fff;
}
.sgds-tooltip.is-tooltip-success:not(.is-loading):after {
border-color: rgba(0, 134, 73, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-success.is-tooltip-right:not(.is-loading):after {
border-color: transparent rgba(0, 134, 73, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-success.is-tooltip-bottom:not(.is-loading):after {
border-color: transparent transparent rgba(0, 134, 73, 0.9);
}
.sgds-tooltip.is-tooltip-success.is-tooltip-left:not(.is-loading):after {
border-color: transparent transparent transparent rgba(0, 134, 73, 0.9);
}
.sgds-tooltip.is-tooltip-success:before {
background: rgba(0, 134, 73, 0.9);
color: #fff;
}
.sgds-tooltip.is-tooltip-warning:not(.is-loading):after {
border-color: rgba(245, 166, 35, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-warning.is-tooltip-right:not(.is-loading):after {
border-color: transparent rgba(245, 166, 35, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-warning.is-tooltip-bottom:not(.is-loading):after {
border-color: transparent transparent rgba(245, 166, 35, 0.9);
}
.sgds-tooltip.is-tooltip-warning.is-tooltip-left:not(.is-loading):after {
border-color: transparent transparent transparent rgba(245, 166, 35, 0.9);
}
.sgds-tooltip.is-tooltip-warning:before {
background: rgba(245, 166, 35, 0.9);
color: #fff;
}
.sgds-tooltip.is-tooltip-danger:not(.is-loading):after {
border-color: rgba(208, 2, 27, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-danger.is-tooltip-right:not(.is-loading):after {
border-color: transparent rgba(208, 2, 27, 0.9) transparent transparent;
}
.sgds-tooltip.is-tooltip-danger.is-tooltip-bottom:not(.is-loading):after {
border-color: transparent transparent rgba(208, 2, 27, 0.9);
}
.sgds-tooltip.is-tooltip-danger.is-tooltip-left:not(.is-loading):after {
border-color: transparent transparent transparent rgba(208, 2, 27, 0.9);
}
.sgds-tooltip.is-tooltip-danger:before {
background: rgba(208, 2, 27, 0.9);
color: #fff;
}
@media screen and (max-width: 768px) {
.is-tooltip-top-mobile:before {
top: auto !important;
bottom: 100% !important;
left: 50% !important;
right: auto !important;
}
.is-tooltip-top-mobile.is-tooltip-active:not(.is-loading):after,
.is-tooltip-top-mobile:focus:not(.is-loading):after,
.is-tooltip-top-mobile:hover:not(.is-loading):after {
top: 0 !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-top-mobile.is-tooltip-active:before,
.is-tooltip-top-mobile:focus:before,
.is-tooltip-top-mobile:hover:before {
transform: translate(-50%, -0.5rem) !important;
}
}
@media print, screen and (min-width: 769px) {
.is-tooltip-top-tablet:before {
top: auto !important;
bottom: 100% !important;
left: 50% !important;
right: auto !important;
}
.is-tooltip-top-tablet.is-tooltip-active:not(.is-loading):after,
.is-tooltip-top-tablet:focus:not(.is-loading):after,
.is-tooltip-top-tablet:hover:not(.is-loading):after {
top: 0 !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-top-tablet.is-tooltip-active:before,
.is-tooltip-top-tablet:focus:before,
.is-tooltip-top-tablet:hover:before {
transform: translate(-50%, -0.5rem) !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.is-tooltip-top-tablet-only:before {
top: auto !important;
bottom: 100% !important;
left: 50% !important;
right: auto !important;
}
.is-tooltip-top-tablet-only.is-tooltip-active:not(.is-loading):after,
.is-tooltip-top-tablet-only:focus:not(.is-loading):after,
.is-tooltip-top-tablet-only:hover:not(.is-loading):after {
top: 0 !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-top-tablet-only.is-tooltip-active:before,
.is-tooltip-top-tablet-only:focus:before,
.is-tooltip-top-tablet-only:hover:before {
transform: translate(-50%, -0.5rem) !important;
}
}
@media screen and (max-width: 1023px) {
.is-tooltip-top-touch:before {
top: auto !important;
bottom: 100% !important;
left: 50% !important;
right: auto !important;
}
.is-tooltip-top-touch.is-tooltip-active:not(.is-loading):after,
.is-tooltip-top-touch:focus:not(.is-loading):after,
.is-tooltip-top-touch:hover:not(.is-loading):after {
top: 0 !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-top-touch.is-tooltip-active:before,
.is-tooltip-top-touch:focus:before,
.is-tooltip-top-touch:hover:before {
transform: translate(-50%, -0.5rem) !important;
}
}
@media screen and (min-width: 1024px) {
.is-tooltip-top-desktop:before {
top: auto !important;
bottom: 100% !important;
left: 50% !important;
right: auto !important;
}
.is-tooltip-top-desktop.is-tooltip-active:not(.is-loading):after,
.is-tooltip-top-desktop:focus:not(.is-loading):after,
.is-tooltip-top-desktop:hover:not(.is-loading):after {
top: 0 !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-top-desktop.is-tooltip-active:before,
.is-tooltip-top-desktop:focus:before,
.is-tooltip-top-desktop:hover:before {
transform: translate(-50%, -0.5rem) !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-tooltip-top-desktop-only:before {
top: auto !important;
bottom: 100% !important;
left: 50% !important;
right: auto !important;
}
.is-tooltip-top-desktop-only.is-tooltip-active:not(.is-loading):after,
.is-tooltip-top-desktop-only:focus:not(.is-loading):after,
.is-tooltip-top-desktop-only:hover:not(.is-loading):after {
top: 0 !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-top-desktop-only.is-tooltip-active:before,
.is-tooltip-top-desktop-only:focus:before,
.is-tooltip-top-desktop-only:hover:before {
transform: translate(-50%, -0.5rem) !important;
}
}
@media screen and (min-width: 1216px) {
.is-tooltip-top-widescreen:before {
top: auto !important;
bottom: 100% !important;
left: 50% !important;
right: auto !important;
}
.is-tooltip-top-widescreen.is-tooltip-active:not(.is-loading):after,
.is-tooltip-top-widescreen:focus:not(.is-loading):after,
.is-tooltip-top-widescreen:hover:not(.is-loading):after {
top: 0 !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-top-widescreen.is-tooltip-active:before,
.is-tooltip-top-widescreen:focus:before,
.is-tooltip-top-widescreen:hover:before {
transform: translate(-50%, -0.5rem) !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-tooltip-top-widescreen-only:before {
top: auto !important;
bottom: 100% !important;
left: 50% !important;
right: auto !important;
}
.is-tooltip-top-widescreen-only.is-tooltip-active:not(.is-loading):after,
.is-tooltip-top-widescreen-only:focus:not(.is-loading):after,
.is-tooltip-top-widescreen-only:hover:not(.is-loading):after {
top: 0 !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-top-widescreen-only.is-tooltip-active:before,
.is-tooltip-top-widescreen-only:focus:before,
.is-tooltip-top-widescreen-only:hover:before {
transform: translate(-50%, -0.5rem) !important;
}
}
@media screen and (min-width: 1408px) {
.is-tooltip-top-fullhd:before {
top: auto !important;
bottom: 100% !important;
left: 50% !important;
right: auto !important;
}
.is-tooltip-top-fullhd.is-tooltip-active:not(.is-loading):after,
.is-tooltip-top-fullhd:focus:not(.is-loading):after,
.is-tooltip-top-fullhd:hover:not(.is-loading):after {
top: 0 !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-top-fullhd.is-tooltip-active:before,
.is-tooltip-top-fullhd:focus:before,
.is-tooltip-top-fullhd:hover:before {
transform: translate(-50%, -0.5rem) !important;
}
}
@media screen and (max-width: 768px) {
.is-tooltip-right-mobile:before {
top: auto !important;
bottom: 50% !important;
left: 100% !important;
right: auto !important;
transform: translate(-1rem, 50%) !important;
}
.is-tooltip-right-mobile.is-tooltip-active:not(.is-loading):after,
.is-tooltip-right-mobile:focus:not(.is-loading):after,
.is-tooltip-right-mobile:hover:not(.is-loading):after {
top: 50% !important;
left: 100% !important;
right: auto !important;
border-color: transparent rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-right-mobile.is-tooltip-active:before,
.is-tooltip-right-mobile:focus:before,
.is-tooltip-right-mobile:hover:before {
transform: translate(0.5rem, 50%) !important;
}
}
@media print, screen and (min-width: 769px) {
.is-tooltip-right-tablet:before {
top: auto !important;
bottom: 50% !important;
left: 100% !important;
right: auto !important;
transform: translate(-1rem, 50%) !important;
}
.is-tooltip-right-tablet.is-tooltip-active:not(.is-loading):after,
.is-tooltip-right-tablet:focus:not(.is-loading):after,
.is-tooltip-right-tablet:hover:not(.is-loading):after {
top: 50% !important;
left: 100% !important;
right: auto !important;
border-color: transparent rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-right-tablet.is-tooltip-active:before,
.is-tooltip-right-tablet:focus:before,
.is-tooltip-right-tablet:hover:before {
transform: translate(0.5rem, 50%) !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.is-tooltip-right-tablet-only:before {
top: auto !important;
bottom: 50% !important;
left: 100% !important;
right: auto !important;
transform: translate(-1rem, 50%) !important;
}
.is-tooltip-right-tablet-only.is-tooltip-active:not(.is-loading):after,
.is-tooltip-right-tablet-only:focus:not(.is-loading):after,
.is-tooltip-right-tablet-only:hover:not(.is-loading):after {
top: 50% !important;
left: 100% !important;
right: auto !important;
border-color: transparent rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-right-tablet-only.is-tooltip-active:before,
.is-tooltip-right-tablet-only:focus:before,
.is-tooltip-right-tablet-only:hover:before {
transform: translate(0.5rem, 50%) !important;
}
}
@media screen and (max-width: 1023px) {
.is-tooltip-right-touch:before {
top: auto !important;
bottom: 50% !important;
left: 100% !important;
right: auto !important;
transform: translate(-1rem, 50%) !important;
}
.is-tooltip-right-touch.is-tooltip-active:not(.is-loading):after,
.is-tooltip-right-touch:focus:not(.is-loading):after,
.is-tooltip-right-touch:hover:not(.is-loading):after {
top: 50% !important;
left: 100% !important;
right: auto !important;
border-color: transparent rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-right-touch.is-tooltip-active:before,
.is-tooltip-right-touch:focus:before,
.is-tooltip-right-touch:hover:before {
transform: translate(0.5rem, 50%) !important;
}
}
@media screen and (min-width: 1024px) {
.is-tooltip-right-desktop:before {
top: auto !important;
bottom: 50% !important;
left: 100% !important;
right: auto !important;
transform: translate(-1rem, 50%) !important;
}
.is-tooltip-right-desktop.is-tooltip-active:not(.is-loading):after,
.is-tooltip-right-desktop:focus:not(.is-loading):after,
.is-tooltip-right-desktop:hover:not(.is-loading):after {
top: 50% !important;
left: 100% !important;
right: auto !important;
border-color: transparent rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-right-desktop.is-tooltip-active:before,
.is-tooltip-right-desktop:focus:before,
.is-tooltip-right-desktop:hover:before {
transform: translate(0.5rem, 50%) !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-tooltip-right-desktop-only:before {
top: auto !important;
bottom: 50% !important;
left: 100% !important;
right: auto !important;
transform: translate(-1rem, 50%) !important;
}
.is-tooltip-right-desktop-only.is-tooltip-active:not(.is-loading):after,
.is-tooltip-right-desktop-only:focus:not(.is-loading):after,
.is-tooltip-right-desktop-only:hover:not(.is-loading):after {
top: 50% !important;
left: 100% !important;
right: auto !important;
border-color: transparent rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-right-desktop-only.is-tooltip-active:before,
.is-tooltip-right-desktop-only:focus:before,
.is-tooltip-right-desktop-only:hover:before {
transform: translate(0.5rem, 50%) !important;
}
}
@media screen and (min-width: 1216px) {
.is-tooltip-right-widescreen:before {
top: auto !important;
bottom: 50% !important;
left: 100% !important;
right: auto !important;
transform: translate(-1rem, 50%) !important;
}
.is-tooltip-right-widescreen.is-tooltip-active:not(.is-loading):after,
.is-tooltip-right-widescreen:focus:not(.is-loading):after,
.is-tooltip-right-widescreen:hover:not(.is-loading):after {
top: 50% !important;
left: 100% !important;
right: auto !important;
border-color: transparent rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-right-widescreen.is-tooltip-active:before,
.is-tooltip-right-widescreen:focus:before,
.is-tooltip-right-widescreen:hover:before {
transform: translate(0.5rem, 50%) !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-tooltip-right-widescreen-only:before {
top: auto !important;
bottom: 50% !important;
left: 100% !important;
right: auto !important;
transform: translate(-1rem, 50%) !important;
}
.is-tooltip-right-widescreen-only.is-tooltip-active:not(.is-loading):after,
.is-tooltip-right-widescreen-only:focus:not(.is-loading):after,
.is-tooltip-right-widescreen-only:hover:not(.is-loading):after {
top: 50% !important;
left: 100% !important;
right: auto !important;
border-color: transparent rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-right-widescreen-only.is-tooltip-active:before,
.is-tooltip-right-widescreen-only:focus:before,
.is-tooltip-right-widescreen-only:hover:before {
transform: translate(0.5rem, 50%) !important;
}
}
@media screen and (min-width: 1408px) {
.is-tooltip-right-fullhd:before {
top: auto !important;
bottom: 50% !important;
left: 100% !important;
right: auto !important;
transform: translate(-1rem, 50%) !important;
}
.is-tooltip-right-fullhd.is-tooltip-active:not(.is-loading):after,
.is-tooltip-right-fullhd:focus:not(.is-loading):after,
.is-tooltip-right-fullhd:hover:not(.is-loading):after {
top: 50% !important;
left: 100% !important;
right: auto !important;
border-color: transparent rgba(72, 72, 72, 0.9) transparent transparent !important;
}
.is-tooltip-right-fullhd.is-tooltip-active:before,
.is-tooltip-right-fullhd:focus:before,
.is-tooltip-right-fullhd:hover:before {
transform: translate(0.5rem, 50%) !important;
}
}
@media screen and (max-width: 768px) {
.is-tooltip-bottom-mobile:before {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
transform: translate(-50%, -1rem) !important;
}
.is-tooltip-bottom-mobile.is-tooltip-active:not(.is-loading):after,
.is-tooltip-bottom-mobile:focus:not(.is-loading):after,
.is-tooltip-bottom-mobile:hover:not(.is-loading):after {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-bottom-mobile.is-tooltip-active:before,
.is-tooltip-bottom-mobile:focus:before,
.is-tooltip-bottom-mobile:hover:before {
transform: translate(-50%, 0.5rem) !important;
}
}
@media print, screen and (min-width: 769px) {
.is-tooltip-bottom-tablet:before {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
transform: translate(-50%, -1rem) !important;
}
.is-tooltip-bottom-tablet.is-tooltip-active:not(.is-loading):after,
.is-tooltip-bottom-tablet:focus:not(.is-loading):after,
.is-tooltip-bottom-tablet:hover:not(.is-loading):after {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-bottom-tablet.is-tooltip-active:before,
.is-tooltip-bottom-tablet:focus:before,
.is-tooltip-bottom-tablet:hover:before {
transform: translate(-50%, 0.5rem) !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.is-tooltip-bottom-tablet-only:before {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
transform: translate(-50%, -1rem) !important;
}
.is-tooltip-bottom-tablet-only.is-tooltip-active:not(.is-loading):after,
.is-tooltip-bottom-tablet-only:focus:not(.is-loading):after,
.is-tooltip-bottom-tablet-only:hover:not(.is-loading):after {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-bottom-tablet-only.is-tooltip-active:before,
.is-tooltip-bottom-tablet-only:focus:before,
.is-tooltip-bottom-tablet-only:hover:before {
transform: translate(-50%, 0.5rem) !important;
}
}
@media screen and (max-width: 1023px) {
.is-tooltip-bottom-touch:before {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
transform: translate(-50%, -1rem) !important;
}
.is-tooltip-bottom-touch.is-tooltip-active:not(.is-loading):after,
.is-tooltip-bottom-touch:focus:not(.is-loading):after,
.is-tooltip-bottom-touch:hover:not(.is-loading):after {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-bottom-touch.is-tooltip-active:before,
.is-tooltip-bottom-touch:focus:before,
.is-tooltip-bottom-touch:hover:before {
transform: translate(-50%, 0.5rem) !important;
}
}
@media screen and (min-width: 1024px) {
.is-tooltip-bottom-desktop:before {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
transform: translate(-50%, -1rem) !important;
}
.is-tooltip-bottom-desktop.is-tooltip-active:not(.is-loading):after,
.is-tooltip-bottom-desktop:focus:not(.is-loading):after,
.is-tooltip-bottom-desktop:hover:not(.is-loading):after {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-bottom-desktop.is-tooltip-active:before,
.is-tooltip-bottom-desktop:focus:before,
.is-tooltip-bottom-desktop:hover:before {
transform: translate(-50%, 0.5rem) !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-tooltip-bottom-desktop-only:before {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
transform: translate(-50%, -1rem) !important;
}
.is-tooltip-bottom-desktop-only.is-tooltip-active:not(.is-loading):after,
.is-tooltip-bottom-desktop-only:focus:not(.is-loading):after,
.is-tooltip-bottom-desktop-only:hover:not(.is-loading):after {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-bottom-desktop-only.is-tooltip-active:before,
.is-tooltip-bottom-desktop-only:focus:before,
.is-tooltip-bottom-desktop-only:hover:before {
transform: translate(-50%, 0.5rem) !important;
}
}
@media screen and (min-width: 1216px) {
.is-tooltip-bottom-widescreen:before {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
transform: translate(-50%, -1rem) !important;
}
.is-tooltip-bottom-widescreen.is-tooltip-active:not(.is-loading):after,
.is-tooltip-bottom-widescreen:focus:not(.is-loading):after,
.is-tooltip-bottom-widescreen:hover:not(.is-loading):after {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-bottom-widescreen.is-tooltip-active:before,
.is-tooltip-bottom-widescreen:focus:before,
.is-tooltip-bottom-widescreen:hover:before {
transform: translate(-50%, 0.5rem) !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-tooltip-bottom-widescreen-only:before {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
transform: translate(-50%, -1rem) !important;
}
.is-tooltip-bottom-widescreen-only.is-tooltip-active:not(.is-loading):after,
.is-tooltip-bottom-widescreen-only:focus:not(.is-loading):after,
.is-tooltip-bottom-widescreen-only:hover:not(.is-loading):after {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-bottom-widescreen-only.is-tooltip-active:before,
.is-tooltip-bottom-widescreen-only:focus:before,
.is-tooltip-bottom-widescreen-only:hover:before {
transform: translate(-50%, 0.5rem) !important;
}
}
@media screen and (min-width: 1408px) {
.is-tooltip-bottom-fullhd:before {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
transform: translate(-50%, -1rem) !important;
}
.is-tooltip-bottom-fullhd.is-tooltip-active:not(.is-loading):after,
.is-tooltip-bottom-fullhd:focus:not(.is-loading):after,
.is-tooltip-bottom-fullhd:hover:not(.is-loading):after {
top: 100% !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
border-color: transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-bottom-fullhd.is-tooltip-active:before,
.is-tooltip-bottom-fullhd:focus:before,
.is-tooltip-bottom-fullhd:hover:before {
transform: translate(-50%, 0.5rem) !important;
}
}
@media screen and (max-width: 768px) {
.is-tooltip-left-mobile:before {
top: auto !important;
bottom: 50% !important;
left: auto !important;
right: 100% !important;
transform: translate(1rem, 50%) !important;
}
.is-tooltip-left-mobile.is-tooltip-active:not(.is-loading):after,
.is-tooltip-left-mobile:focus:not(.is-loading):after,
.is-tooltip-left-mobile:hover:not(.is-loading):after {
top: 50% !important;
bottom: auto !important;
left: auto !important;
right: calc(100% - 0.5rem) !important;
border-color: transparent transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-left-mobile.is-tooltip-active:before,
.is-tooltip-left-mobile:focus:before,
.is-tooltip-left-mobile:hover:before {
transform: translate(-0.5rem, 50%) !important;
}
}
@media print, screen and (min-width: 769px) {
.is-tooltip-left-tablet:before {
top: auto !important;
bottom: 50% !important;
left: auto !important;
right: 100% !important;
transform: translate(1rem, 50%) !important;
}
.is-tooltip-left-tablet.is-tooltip-active:not(.is-loading):after,
.is-tooltip-left-tablet:focus:not(.is-loading):after,
.is-tooltip-left-tablet:hover:not(.is-loading):after {
top: 50% !important;
bottom: auto !important;
left: auto !important;
right: calc(100% - 0.5rem) !important;
border-color: transparent transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-left-tablet.is-tooltip-active:before,
.is-tooltip-left-tablet:focus:before,
.is-tooltip-left-tablet:hover:before {
transform: translate(-0.5rem, 50%) !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.is-tooltip-left-tablet-only:before {
top: auto !important;
bottom: 50% !important;
left: auto !important;
right: 100% !important;
transform: translate(1rem, 50%) !important;
}
.is-tooltip-left-tablet-only.is-tooltip-active:not(.is-loading):after,
.is-tooltip-left-tablet-only:focus:not(.is-loading):after,
.is-tooltip-left-tablet-only:hover:not(.is-loading):after {
top: 50% !important;
bottom: auto !important;
left: auto !important;
right: calc(100% - 0.5rem) !important;
border-color: transparent transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-left-tablet-only.is-tooltip-active:before,
.is-tooltip-left-tablet-only:focus:before,
.is-tooltip-left-tablet-only:hover:before {
transform: translate(-0.5rem, 50%) !important;
}
}
@media screen and (max-width: 1023px) {
.is-tooltip-left-touch:before {
top: auto !important;
bottom: 50% !important;
left: auto !important;
right: 100% !important;
transform: translate(1rem, 50%) !important;
}
.is-tooltip-left-touch.is-tooltip-active:not(.is-loading):after,
.is-tooltip-left-touch:focus:not(.is-loading):after,
.is-tooltip-left-touch:hover:not(.is-loading):after {
top: 50% !important;
bottom: auto !important;
left: auto !important;
right: calc(100% - 0.5rem) !important;
border-color: transparent transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-left-touch.is-tooltip-active:before,
.is-tooltip-left-touch:focus:before,
.is-tooltip-left-touch:hover:before {
transform: translate(-0.5rem, 50%) !important;
}
}
@media screen and (min-width: 1024px) {
.is-tooltip-left-desktop:before {
top: auto !important;
bottom: 50% !important;
left: auto !important;
right: 100% !important;
transform: translate(1rem, 50%) !important;
}
.is-tooltip-left-desktop.is-tooltip-active:not(.is-loading):after,
.is-tooltip-left-desktop:focus:not(.is-loading):after,
.is-tooltip-left-desktop:hover:not(.is-loading):after {
top: 50% !important;
bottom: auto !important;
left: auto !important;
right: calc(100% - 0.5rem) !important;
border-color: transparent transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-left-desktop.is-tooltip-active:before,
.is-tooltip-left-desktop:focus:before,
.is-tooltip-left-desktop:hover:before {
transform: translate(-0.5rem, 50%) !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.is-tooltip-left-desktop-only:before {
top: auto !important;
bottom: 50% !important;
left: auto !important;
right: 100% !important;
transform: translate(1rem, 50%) !important;
}
.is-tooltip-left-desktop-only.is-tooltip-active:not(.is-loading):after,
.is-tooltip-left-desktop-only:focus:not(.is-loading):after,
.is-tooltip-left-desktop-only:hover:not(.is-loading):after {
top: 50% !important;
bottom: auto !important;
left: auto !important;
right: calc(100% - 0.5rem) !important;
border-color: transparent transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-left-desktop-only.is-tooltip-active:before,
.is-tooltip-left-desktop-only:focus:before,
.is-tooltip-left-desktop-only:hover:before {
transform: translate(-0.5rem, 50%) !important;
}
}
@media screen and (min-width: 1216px) {
.is-tooltip-left-widescreen:before {
top: auto !important;
bottom: 50% !important;
left: auto !important;
right: 100% !important;
transform: translate(1rem, 50%) !important;
}
.is-tooltip-left-widescreen.is-tooltip-active:not(.is-loading):after,
.is-tooltip-left-widescreen:focus:not(.is-loading):after,
.is-tooltip-left-widescreen:hover:not(.is-loading):after {
top: 50% !important;
bottom: auto !important;
left: auto !important;
right: calc(100% - 0.5rem) !important;
border-color: transparent transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-left-widescreen.is-tooltip-active:before,
.is-tooltip-left-widescreen:focus:before,
.is-tooltip-left-widescreen:hover:before {
transform: translate(-0.5rem, 50%) !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.is-tooltip-left-widescreen-only:before {
top: auto !important;
bottom: 50% !important;
left: auto !important;
right: 100% !important;
transform: translate(1rem, 50%) !important;
}
.is-tooltip-left-widescreen-only.is-tooltip-active:not(.is-loading):after,
.is-tooltip-left-widescreen-only:focus:not(.is-loading):after,
.is-tooltip-left-widescreen-only:hover:not(.is-loading):after {
top: 50% !important;
bottom: auto !important;
left: auto !important;
right: calc(100% - 0.5rem) !important;
border-color: transparent transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-left-widescreen-only.is-tooltip-active:before,
.is-tooltip-left-widescreen-only:focus:before,
.is-tooltip-left-widescreen-only:hover:before {
transform: translate(-0.5rem, 50%) !important;
}
}
@media screen and (min-width: 1408px) {
.is-tooltip-left-fullhd:before {
top: auto !important;
bottom: 50% !important;
left: auto !important;
right: 100% !important;
transform: translate(1rem, 50%) !important;
}
.is-tooltip-left-fullhd.is-tooltip-active:not(.is-loading):after,
.is-tooltip-left-fullhd:focus:not(.is-loading):after,
.is-tooltip-left-fullhd:hover:not(.is-loading):after {
top: 50% !important;
bottom: auto !important;
left: auto !important;
right: calc(100% - 0.5rem) !important;
border-color: transparent transparent transparent rgba(72, 72, 72, 0.9) !important;
}
.is-tooltip-left-fullhd.is-tooltip-active:before,
.is-tooltip-left-fullhd:focus:before,
.is-tooltip-left-fullhd:hover:before {
transform: translate(-0.5rem, 50%) !important;
}
}
.is-vh-10 {
height: 10vh;
}
.is-vh-20 {
height: 20vh;
}
.is-vh-30 {
height: 30vh;
}
.is-vh-40 {
height: 40vh;
}
.is-vh-50 {
height: 50vh;
}
.is-vh-60 {
height: 60vh;
}
.is-vh-70 {
height: 70vh;
}
.is-vh-80 {
height: 80vh;
}
.is-vh-90 {
height: 90vh;
}
.is-vh-100 {
height: 100vh;
}
.no-margin {
margin: 0 !important;
}
.margin {
margin: 1rem !important;
}
.margin--xs {
margin: 0.25rem !important;
}
.margin--sm {
margin: 0.5rem !important;
}
.margin--lg {
margin: 2rem !important;
}
.margin--xl {
margin: 4rem !important;
}
.margin--none {
margin: 0 !important;
}
.margin--top {
margin-top: 1rem !important;
}
.margin--top--xs {
margin-top: 0.25rem !important;
}
.margin--top--sm {
margin-top: 0.5rem !important;
}
.content hr,
.margin--top--lg {
margin-top: 2rem !important;
}
.margin--top--xl {
margin-top: 4rem !important;
}
.margin--top--none {
margin-top: 0 !important;
}
.margin--right {
margin-right: 1rem !important;
}
.margin--right--xs {
margin-right: 0.25rem !important;
}
.margin--right--sm {
margin-right: 0.5rem !important;
}
.margin--right--lg {
margin-right: 2rem !important;
}
.margin--right--xl {
margin-right: 4rem !important;
}
.margin--right--none {
margin-right: 0 !important;
}
.margin--bottom {
margin-bottom: 1rem !important;
}
.margin--bottom--xs {
margin-bottom: 0.25rem !important;
}
.margin--bottom--sm {
margin-bottom: 0.5rem !important;
}
.content hr,
.margin--bottom--lg {
margin-bottom: 2rem !important;
}
.margin--bottom--xl {
margin-bottom: 4rem !important;
}
.margin--bottom--none {
margin-bottom: 0 !important;
}
.margin--left {
margin-left: 1rem !important;
}
.margin--left--xs {
margin-left: 0.25rem !important;
}
.margin--left--sm {
margin-left: 0.5rem !important;
}
.margin--left--lg {
margin-left: 2rem !important;
}
.margin--left--xl {
margin-left: 4rem !important;
}
.margin--left--none {
margin-left: 0 !important;
}
.padding {
padding: 1rem !important;
}
.padding--xs {
padding: 0.25rem !important;
}
.padding--sm {
padding: 0.5rem !important;
}
.padding--lg {
padding: 2rem !important;
}
.padding--xl {
padding: 4rem !important;
}
.padding--none {
padding: 0 !important;
}
.padding--top {
padding-top: 1rem !important;
}
.padding--top--xs {
padding-top: 0.25rem !important;
}
.padding--top--sm {
padding-top: 0.5rem !important;
}
.padding--top--lg {
padding-top: 2rem !important;
}
.padding--top--xl {
padding-top: 4rem !important;
}
.padding--top--none {
padding-top: 0 !important;
}
.padding--right {
padding-right: 1rem !important;
}
.padding--right--xs {
padding-right: 0.25rem !important;
}
.padding--right--sm {
padding-right: 0.5rem !important;
}
.padding--right--lg {
padding-right: 2rem !important;
}
.padding--right--xl {
padding-right: 4rem !important;
}
.padding--right--none {
padding-right: 0 !important;
}
.padding--bottom {
padding-bottom: 1rem !important;
}
.padding--bottom--xs {
padding-bottom: 0.25rem !important;
}
.padding--bottom--sm {
padding-bottom: 0.5rem !important;
}
.padding--bottom--lg {
padding-bottom: 2rem !important;
}
.padding--bottom--xl {
padding-bottom: 4rem !important;
}
.padding--bottom--none {
padding-bottom: 0 !important;
}
.padding--left {
padding-left: 1rem !important;
}
.padding--left--xs {
padding-left: 0.25rem !important;
}
.padding--left--sm {
padding-left: 0.5rem !important;
}
.padding--left--lg {
padding-left: 2rem !important;
}
.padding--left--xl {
padding-left: 4rem !important;
}
.padding--left--none {
padding-left: 0 !important;
}
.is-offset-sidenav {
position: fixed;
width: 22%;
top: 40px;
}
.touch .is-offset-sidenav {
width: 100%;
}
.col {
display: block;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
padding: 0.75rem;
}
.col.is-boxed {
border: 1px solid #f0f0f0;
}
.col.has-carousel {
min-width: 0;
}
.row.is-mobile > .col.is-narrow {
flex: none;
}
.row.is-mobile > .col.is-full {
flex: none;
width: 100%;
}
.row.is-mobile > .col.is-three-quarters {
flex: none;
width: 75%;
}
.row.is-mobile > .col.is-two-thirds {
flex: none;
width: 66.6666%;
}
.row.is-mobile > .col.is-half {
flex: none;
width: 50%;
}
.row.is-mobile > .col.is-one-third {
flex: none;
width: 33.3333%;
}
.row.is-mobile > .col.is-one-quarter {
flex: none;
width: 25%;
}
.row.is-mobile > .col.is-one-fifth {
flex: none;
width: 20%;
}
.row.is-mobile > .col.is-two-fifths {
flex: none;
width: 40%;
}
.row.is-mobile > .col.is-three-fifths {
flex: none;
width: 60%;
}
.row.is-mobile > .col.is-four-fifths {
flex: none;
width: 80%;
}
.row.is-mobile > .col.is-offset-three-quarters {
margin-left: 75%;
}
.row.is-mobile > .col.is-offset-two-thirds {
margin-left: 66.6666%;
}
.row.is-mobile > .col.is-offset-half {
margin-left: 50%;
}
.row.is-mobile > .col.is-offset-one-third {
margin-left: 33.3333%;
}
.row.is-mobile > .col.is-offset-one-quarter {
margin-left: 25%;
}
.row.is-mobile > .col.is-offset-one-fifth {
margin-left: 20%;
}
.row.is-mobile > .col.is-offset-two-fifths {
margin-left: 40%;
}
.row.is-mobile > .col.is-offset-three-fifths {
margin-left: 60%;
}
.row.is-mobile > .col.is-offset-four-fifths {
margin-left: 80%;
}
.row.is-mobile > .col.is-1 {
flex: none;
width: 8.33333%;
}
.row.is-mobile > .col.is-offset-1 {
margin-left: 8.33333%;
}
.row.is-mobile > .col.is-2 {
flex: none;
width: 16.66667%;
}
.row.is-mobile > .col.is-offset-2 {
margin-left: 16.66667%;
}
.row.is-mobile > .col.is-3 {
flex: none;
width: 25%;
}
.row.is-mobile > .col.is-offset-3 {
margin-left: 25%;
}
.row.is-mobile > .col.is-4 {
flex: none;
width: 33.33333%;
}
.row.is-mobile > .col.is-offset-4 {
margin-left: 33.33333%;
}
.row.is-mobile > .col.is-5 {
flex: none;
width: 41.66667%;
}
.row.is-mobile > .col.is-offset-5 {
margin-left: 41.66667%;
}
.row.is-mobile > .col.is-6 {
flex: none;
width: 50%;
}
.row.is-mobile > .col.is-offset-6 {
margin-left: 50%;
}
.row.is-mobile > .col.is-7 {
flex: none;
width: 58.33333%;
}
.row.is-mobile > .col.is-offset-7 {
margin-left: 58.33333%;
}
.row.is-mobile > .col.is-8 {
flex: none;
width: 66.66667%;
}
.row.is-mobile > .col.is-offset-8 {
margin-left: 66.66667%;
}
.row.is-mobile > .col.is-9 {
flex: none;
width: 75%;
}
.row.is-mobile > .col.is-offset-9 {
margin-left: 75%;
}
.row.is-mobile > .col.is-10 {
flex: none;
width: 83.33333%;
}
.row.is-mobile > .col.is-offset-10 {
margin-left: 83.33333%;
}
.row.is-mobile > .col.is-11 {
flex: none;
width: 91.66667%;
}
.row.is-mobile > .col.is-offset-11 {
margin-left: 91.66667%;
}
.row.is-mobile > .col.is-12 {
flex: none;
width: 100%;
}
.row.is-mobile > .col.is-offset-12 {
margin-left: 100%;
}
@media screen and (max-width: 768px) {
.col.is-narrow-mobile {
flex: none;
}
.col.is-full-mobile {
flex: none;
width: 100%;
}
.col.is-three-quarters-mobile {
flex: none;
width: 75%;
}
.col.is-two-thirds-mobile {
flex: none;
width: 66.6666%;
}
.col.is-half-mobile {
flex: none;
width: 50%;
}
.col.is-one-third-mobile {
flex: none;
width: 33.3333%;
}
.col.is-one-quarter-mobile {
flex: none;
width: 25%;
}
.col.is-one-fifth-mobile {
flex: none;
width: 20%;
}
.col.is-two-fifths-mobile {
flex: none;
width: 40%;
}
.col.is-three-fifths-mobile {
flex: none;
width: 60%;
}
.col.is-four-fifths-mobile {
flex: none;
width: 80%;
}
.col.is-offset-three-quarters-mobile {
margin-left: 75%;
}
.col.is-offset-two-thirds-mobile {
margin-left: 66.6666%;
}
.col.is-offset-half-mobile {
margin-left: 50%;
}
.col.is-offset-one-third-mobile {
margin-left: 33.3333%;
}
.col.is-offset-one-quarter-mobile {
margin-left: 25%;
}
.col.is-offset-one-fifth-mobile {
margin-left: 20%;
}
.col.is-offset-two-fifths-mobile {
margin-left: 40%;
}
.col.is-offset-three-fifths-mobile {
margin-left: 60%;
}
.col.is-offset-four-fifths-mobile {
margin-left: 80%;
}
.col.is-1-mobile {
flex: none;
width: 8.33333%;
}
.col.is-offset-1-mobile {
margin-left: 8.33333%;
}
.col.is-2-mobile {
flex: none;
width: 16.66667%;
}
.col.is-offset-2-mobile {
margin-left: 16.66667%;
}
.col.is-3-mobile {
flex: none;
width: 25%;
}
.col.is-offset-3-mobile {
margin-left: 25%;
}
.col.is-4-mobile {
flex: none;
width: 33.33333%;
}
.col.is-offset-4-mobile {
margin-left: 33.33333%;
}
.col.is-5-mobile {
flex: none;
width: 41.66667%;
}
.col.is-offset-5-mobile {
margin-left: 41.66667%;
}
.col.is-6-mobile {
flex: none;
width: 50%;
}
.col.is-offset-6-mobile {
margin-left: 50%;
}
.col.is-7-mobile {
flex: none;
width: 58.33333%;
}
.col.is-offset-7-mobile {
margin-left: 58.33333%;
}
.col.is-8-mobile {
flex: none;
width: 66.66667%;
}
.col.is-offset-8-mobile {
margin-left: 66.66667%;
}
.col.is-9-mobile {
flex: none;
width: 75%;
}
.col.is-offset-9-mobile {
margin-left: 75%;
}
.col.is-10-mobile {
flex: none;
width: 83.33333%;
}
.col.is-offset-10-mobile {
margin-left: 83.33333%;
}
.col.is-11-mobile {
flex: none;
width: 91.66667%;
}
.col.is-offset-11-mobile {
margin-left: 91.66667%;
}
.col.is-12-mobile {
flex: none;
width: 100%;
}
.col.is-offset-12-mobile {
margin-left: 100%;
}
}
@media print, screen and (min-width: 769px) {
.col.is-narrow,
.col.is-narrow-tablet {
flex: none;
}
.col.is-full,
.col.is-full-tablet {
flex: none;
width: 100%;
}
.col.is-three-quarters,
.col.is-three-quarters-tablet {
flex: none;
width: 75%;
}
.col.is-two-thirds,
.col.is-two-thirds-tablet {
flex: none;
width: 66.6666%;
}
.col.is-half,
.col.is-half-tablet {
flex: none;
width: 50%;
}
.col.is-one-third,
.col.is-one-third-tablet {
flex: none;
width: 33.3333%;
}
.col.is-one-quarter,
.col.is-one-quarter-tablet {
flex: none;
width: 25%;
}
.col.is-one-fifth,
.col.is-one-fifth-tablet {
flex: none;
width: 20%;
}
.col.is-two-fifths,
.col.is-two-fifths-tablet {
flex: none;
width: 40%;
}
.col.is-three-fifths,
.col.is-three-fifths-tablet {
flex: none;
width: 60%;
}
.col.is-four-fifths,
.col.is-four-fifths-tablet {
flex: none;
width: 80%;
}
.col.is-offset-three-quarters,
.col.is-offset-three-quarters-tablet {
margin-left: 75%;
}
.col.is-offset-two-thirds,
.col.is-offset-two-thirds-tablet {
margin-left: 66.6666%;
}
.col.is-offset-half,
.col.is-offset-half-tablet {
margin-left: 50%;
}
.col.is-offset-one-third,
.col.is-offset-one-third-tablet {
margin-left: 33.3333%;
}
.col.is-offset-one-quarter,
.col.is-offset-one-quarter-tablet {
margin-left: 25%;
}
.col.is-offset-one-fifth,
.col.is-offset-one-fifth-tablet {
margin-left: 20%;
}
.col.is-offset-two-fifths,
.col.is-offset-two-fifths-tablet {
margin-left: 40%;
}
.col.is-offset-three-fifths,
.col.is-offset-three-fifths-tablet {
margin-left: 60%;
}
.col.is-offset-four-fifths,
.col.is-offset-four-fifths-tablet {
margin-left: 80%;
}
.col.is-1,
.col.is-1-tablet {
flex: none;
width: 8.33333%;
}
.col.is-offset-1,
.col.is-offset-1-tablet {
margin-left: 8.33333%;
}
.col.is-2,
.col.is-2-tablet {
flex: none;
width: 16.66667%;
}
.col.is-offset-2,
.col.is-offset-2-tablet {
margin-left: 16.66667%;
}
.col.is-3,
.col.is-3-tablet {
flex: none;
width: 25%;
}
.col.is-offset-3,
.col.is-offset-3-tablet {
margin-left: 25%;
}
.col.is-4,
.col.is-4-tablet {
flex: none;
width: 33.33333%;
}
.col.is-offset-4,
.col.is-offset-4-tablet {
margin-left: 33.33333%;
}
.col.is-5,
.col.is-5-tablet {
flex: none;
width: 41.66667%;
}
.col.is-offset-5,
.col.is-offset-5-tablet {
margin-left: 41.66667%;
}
.col.is-6,
.col.is-6-tablet {
flex: none;
width: 50%;
}
.col.is-offset-6,
.col.is-offset-6-tablet {
margin-left: 50%;
}
.col.is-7,
.col.is-7-tablet {
flex: none;
width: 58.33333%;
}
.col.is-offset-7,
.col.is-offset-7-tablet {
margin-left: 58.33333%;
}
.col.is-8,
.col.is-8-tablet {
flex: none;
width: 66.66667%;
}
.col.is-offset-8,
.col.is-offset-8-tablet {
margin-left: 66.66667%;
}
.col.is-9,
.col.is-9-tablet {
flex: none;
width: 75%;
}
.col.is-offset-9,
.col.is-offset-9-tablet {
margin-left: 75%;
}
.col.is-10,
.col.is-10-tablet {
flex: none;
width: 83.33333%;
}
.col.is-offset-10,
.col.is-offset-10-tablet {
margin-left: 83.33333%;
}
.col.is-11,
.col.is-11-tablet {
flex: none;
width: 91.66667%;
}
.col.is-offset-11,
.col.is-offset-11-tablet {
margin-left: 91.66667%;
}
.col.is-12,
.col.is-12-tablet {
flex: none;
width: 100%;
}
.col.is-offset-12,
.col.is-offset-12-tablet {
margin-left: 100%;
}
}
@media screen and (max-width: 1023px) {
.col.is-narrow-touch {
flex: none;
}
.col.is-full-touch {
flex: none;
width: 100%;
}
.col.is-three-quarters-touch {
flex: none;
width: 75%;
}
.col.is-two-thirds-touch {
flex: none;
width: 66.6666%;
}
.col.is-half-touch {
flex: none;
width: 50%;
}
.col.is-one-third-touch {
flex: none;
width: 33.3333%;
}
.col.is-one-quarter-touch {
flex: none;
width: 25%;
}
.col.is-one-fifth-touch {
flex: none;
width: 20%;
}
.col.is-two-fifths-touch {
flex: none;
width: 40%;
}
.col.is-three-fifths-touch {
flex: none;
width: 60%;
}
.col.is-four-fifths-touch {
flex: none;
width: 80%;
}
.col.is-offset-three-quarters-touch {
margin-left: 75%;
}
.col.is-offset-two-thirds-touch {
margin-left: 66.6666%;
}
.col.is-offset-half-touch {
margin-left: 50%;
}
.col.is-offset-one-third-touch {
margin-left: 33.3333%;
}
.col.is-offset-one-quarter-touch {
margin-left: 25%;
}
.col.is-offset-one-fifth-touch {
margin-left: 20%;
}
.col.is-offset-two-fifths-touch {
margin-left: 40%;
}
.col.is-offset-three-fifths-touch {
margin-left: 60%;
}
.col.is-offset-four-fifths-touch {
margin-left: 80%;
}
.col.is-1-touch {
flex: none;
width: 8.33333%;
}
.col.is-offset-1-touch {
margin-left: 8.33333%;
}
.col.is-2-touch {
flex: none;
width: 16.66667%;
}
.col.is-offset-2-touch {
margin-left: 16.66667%;
}
.col.is-3-touch {
flex: none;
width: 25%;
}
.col.is-offset-3-touch {
margin-left: 25%;
}
.col.is-4-touch {
flex: none;
width: 33.33333%;
}
.col.is-offset-4-touch {
margin-left: 33.33333%;
}
.col.is-5-touch {
flex: none;
width: 41.66667%;
}
.col.is-offset-5-touch {
margin-left: 41.66667%;
}
.col.is-6-touch {
flex: none;
width: 50%;
}
.col.is-offset-6-touch {
margin-left: 50%;
}
.col.is-7-touch {
flex: none;
width: 58.33333%;
}
.col.is-offset-7-touch {
margin-left: 58.33333%;
}
.col.is-8-touch {
flex: none;
width: 66.66667%;
}
.col.is-offset-8-touch {
margin-left: 66.66667%;
}
.col.is-9-touch {
flex: none;
width: 75%;
}
.col.is-offset-9-touch {
margin-left: 75%;
}
.col.is-10-touch {
flex: none;
width: 83.33333%;
}
.col.is-offset-10-touch {
margin-left: 83.33333%;
}
.col.is-11-touch {
flex: none;
width: 91.66667%;
}
.col.is-offset-11-touch {
margin-left: 91.66667%;
}
.col.is-12-touch {
flex: none;
width: 100%;
}
.col.is-offset-12-touch {
margin-left: 100%;
}
}
@media screen and (min-width: 1024px) {
.col.is-narrow-desktop {
flex: none;
}
.col.is-full-desktop {
flex: none;
width: 100%;
}
.col.is-three-quarters-desktop {
flex: none;
width: 75%;
}
.col.is-two-thirds-desktop {
flex: none;
width: 66.6666%;
}
.col.is-half-desktop {
flex: none;
width: 50%;
}
.col.is-one-third-desktop {
flex: none;
width: 33.3333%;
}
.col.is-one-quarter-desktop {
flex: none;
width: 25%;
}
.col.is-one-fifth-desktop {
flex: none;
width: 20%;
}
.col.is-two-fifths-desktop {
flex: none;
width: 40%;
}
.col.is-three-fifths-desktop {
flex: none;
width: 60%;
}
.col.is-four-fifths-desktop {
flex: none;
width: 80%;
}
.col.is-offset-three-quarters-desktop {
margin-left: 75%;
}
.col.is-offset-two-thirds-desktop {
margin-left: 66.6666%;
}
.col.is-offset-half-desktop {
margin-left: 50%;
}
.col.is-offset-one-third-desktop {
margin-left: 33.3333%;
}
.col.is-offset-one-quarter-desktop {
margin-left: 25%;
}
.col.is-offset-one-fifth-desktop {
margin-left: 20%;
}
.col.is-offset-two-fifths-desktop {
margin-left: 40%;
}
.col.is-offset-three-fifths-desktop {
margin-left: 60%;
}
.col.is-offset-four-fifths-desktop {
margin-left: 80%;
}
.col.is-1-desktop {
flex: none;
width: 8.33333%;
}
.col.is-offset-1-desktop {
margin-left: 8.33333%;
}
.col.is-2-desktop {
flex: none;
width: 16.66667%;
}
.col.is-offset-2-desktop {
margin-left: 16.66667%;
}
.col.is-3-desktop {
flex: none;
width: 25%;
}
.col.is-offset-3-desktop {
margin-left: 25%;
}
.col.is-4-desktop {
flex: none;
width: 33.33333%;
}
.col.is-offset-4-desktop {
margin-left: 33.33333%;
}
.col.is-5-desktop {
flex: none;
width: 41.66667%;
}
.col.is-offset-5-desktop {
margin-left: 41.66667%;
}
.col.is-6-desktop {
flex: none;
width: 50%;
}
.col.is-offset-6-desktop {
margin-left: 50%;
}
.col.is-7-desktop {
flex: none;
width: 58.33333%;
}
.col.is-offset-7-desktop {
margin-left: 58.33333%;
}
.col.is-8-desktop {
flex: none;
width: 66.66667%;
}
.col.is-offset-8-desktop {
margin-left: 66.66667%;
}
.col.is-9-desktop {
flex: none;
width: 75%;
}
.col.is-offset-9-desktop {
margin-left: 75%;
}
.col.is-10-desktop {
flex: none;
width: 83.33333%;
}
.col.is-offset-10-desktop {
margin-left: 83.33333%;
}
.col.is-11-desktop {
flex: none;
width: 91.66667%;
}
.col.is-offset-11-desktop {
margin-left: 91.66667%;
}
.col.is-12-desktop {
flex: none;
width: 100%;
}
.col.is-offset-12-desktop {
margin-left: 100%;
}
}
@media screen and (min-width: 1216px) {
.col.is-narrow-widescreen {
flex: none;
}
.col.is-full-widescreen {
flex: none;
width: 100%;
}
.col.is-three-quarters-widescreen {
flex: none;
width: 75%;
}
.col.is-two-thirds-widescreen {
flex: none;
width: 66.6666%;
}
.col.is-half-widescreen {
flex: none;
width: 50%;
}
.col.is-one-third-widescreen {
flex: none;
width: 33.3333%;
}
.col.is-one-quarter-widescreen {
flex: none;
width: 25%;
}
.col.is-one-fifth-widescreen {
flex: none;
width: 20%;
}
.col.is-two-fifths-widescreen {
flex: none;
width: 40%;
}
.col.is-three-fifths-widescreen {
flex: none;
width: 60%;
}
.col.is-four-fifths-widescreen {
flex: none;
width: 80%;
}
.col.is-offset-three-quarters-widescreen {
margin-left: 75%;
}
.col.is-offset-two-thirds-widescreen {
margin-left: 66.6666%;
}
.col.is-offset-half-widescreen {
margin-left: 50%;
}
.col.is-offset-one-third-widescreen {
margin-left: 33.3333%;
}
.col.is-offset-one-quarter-widescreen {
margin-left: 25%;
}
.col.is-offset-one-fifth-widescreen {
margin-left: 20%;
}
.col.is-offset-two-fifths-widescreen {
margin-left: 40%;
}
.col.is-offset-three-fifths-widescreen {
margin-left: 60%;
}
.col.is-offset-four-fifths-widescreen {
margin-left: 80%;
}
.col.is-1-widescreen {
flex: none;
width: 8.33333%;
}
.col.is-offset-1-widescreen {
margin-left: 8.33333%;
}
.col.is-2-widescreen {
flex: none;
width: 16.66667%;
}
.col.is-offset-2-widescreen {
margin-left: 16.66667%;
}
.col.is-3-widescreen {
flex: none;
width: 25%;
}
.col.is-offset-3-widescreen {
margin-left: 25%;
}
.col.is-4-widescreen {
flex: none;
width: 33.33333%;
}
.col.is-offset-4-widescreen {
margin-left: 33.33333%;
}
.col.is-5-widescreen {
flex: none;
width: 41.66667%;
}
.col.is-offset-5-widescreen {
margin-left: 41.66667%;
}
.col.is-6-widescreen {
flex: none;
width: 50%;
}
.col.is-offset-6-widescreen {
margin-left: 50%;
}
.col.is-7-widescreen {
flex: none;
width: 58.33333%;
}
.col.is-offset-7-widescreen {
margin-left: 58.33333%;
}
.col.is-8-widescreen {
flex: none;
width: 66.66667%;
}
.col.is-offset-8-widescreen {
margin-left: 66.66667%;
}
.col.is-9-widescreen {
flex: none;
width: 75%;
}
.col.is-offset-9-widescreen {
margin-left: 75%;
}
.col.is-10-widescreen {
flex: none;
width: 83.33333%;
}
.col.is-offset-10-widescreen {
margin-left: 83.33333%;
}
.col.is-11-widescreen {
flex: none;
width: 91.66667%;
}
.col.is-offset-11-widescreen {
margin-left: 91.66667%;
}
.col.is-12-widescreen {
flex: none;
width: 100%;
}
.col.is-offset-12-widescreen {
margin-left: 100%;
}
}
@media screen and (min-width: 1408px) {
.col.is-narrow-fullhd {
flex: none;
}
.col.is-full-fullhd {
flex: none;
width: 100%;
}
.col.is-three-quarters-fullhd {
flex: none;
width: 75%;
}
.col.is-two-thirds-fullhd {
flex: none;
width: 66.6666%;
}
.col.is-half-fullhd {
flex: none;
width: 50%;
}
.col.is-one-third-fullhd {
flex: none;
width: 33.3333%;
}
.col.is-one-quarter-fullhd {
flex: none;
width: 25%;
}
.col.is-one-fifth-fullhd {
flex: none;
width: 20%;
}
.col.is-two-fifths-fullhd {
flex: none;
width: 40%;
}
.col.is-three-fifths-fullhd {
flex: none;
width: 60%;
}
.col.is-four-fifths-fullhd {
flex: none;
width: 80%;
}
.col.is-offset-three-quarters-fullhd {
margin-left: 75%;
}
.col.is-offset-two-thirds-fullhd {
margin-left: 66.6666%;
}
.col.is-offset-half-fullhd {
margin-left: 50%;
}
.col.is-offset-one-third-fullhd {
margin-left: 33.3333%;
}
.col.is-offset-one-quarter-fullhd {
margin-left: 25%;
}
.col.is-offset-one-fifth-fullhd {
margin-left: 20%;
}
.col.is-offset-two-fifths-fullhd {
margin-left: 40%;
}
.col.is-offset-three-fifths-fullhd {
margin-left: 60%;
}
.col.is-offset-four-fifths-fullhd {
margin-left: 80%;
}
.col.is-1-fullhd {
flex: none;
width: 8.33333%;
}
.col.is-offset-1-fullhd {
margin-left: 8.33333%;
}
.col.is-2-fullhd {
flex: none;
width: 16.66667%;
}
.col.is-offset-2-fullhd {
margin-left: 16.66667%;
}
.col.is-3-fullhd {
flex: none;
width: 25%;
}
.col.is-offset-3-fullhd {
margin-left: 25%;
}
.col.is-4-fullhd {
flex: none;
width: 33.33333%;
}
.col.is-offset-4-fullhd {
margin-left: 33.33333%;
}
.col.is-5-fullhd {
flex: none;
width: 41.66667%;
}
.col.is-offset-5-fullhd {
margin-left: 41.66667%;
}
.col.is-6-fullhd {
flex: none;
width: 50%;
}
.col.is-offset-6-fullhd {
margin-left: 50%;
}
.col.is-7-fullhd {
flex: none;
width: 58.33333%;
}
.col.is-offset-7-fullhd {
margin-left: 58.33333%;
}
.col.is-8-fullhd {
flex: none;
width: 66.66667%;
}
.col.is-offset-8-fullhd {
margin-left: 66.66667%;
}
.col.is-9-fullhd {
flex: none;
width: 75%;
}
.col.is-offset-9-fullhd {
margin-left: 75%;
}
.col.is-10-fullhd {
flex: none;
width: 83.33333%;
}
.col.is-offset-10-fullhd {
margin-left: 83.33333%;
}
.col.is-11-fullhd {
flex: none;
width: 91.66667%;
}
.col.is-offset-11-fullhd {
margin-left: 91.66667%;
}
.col.is-12-fullhd {
flex: none;
width: 100%;
}
.col.is-offset-12-fullhd {
margin-left: 100%;
}
}
.row {
margin-left: -0.75rem;
margin-right: -0.75rem;
margin-top: -0.75rem;
}
.row:last-child {
margin-bottom: -0.75rem;
}
.row:not(:last-child) {
margin-bottom: 0.75rem;
}
.row.is-centered {
justify-content: center;
}
.row.is-gapless {
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
.row.is-gapless > .col {
margin: 0;
padding: 0 !important;
}
.row.is-gapless:not(:last-child) {
margin-bottom: 1.5rem;
}
.row.is-gapless:last-child {
margin-bottom: 0;
}
.row.is-mobile {
display: flex;
}
.row.is-multiline {
flex-wrap: wrap;
}
.row.is-vcentered {
align-items: center;
}
.row.is-variable {
--columnGap: 0.75rem;
margin-left: calc(-1 * var(--columnGap));
margin-right: calc(-1 * var(--columnGap));
}
.row.is-variable .col {
padding-left: var(--columnGap);
padding-right: var(--columnGap);
}
.row.is-variable.is-0 {
--columnGap: 0rem;
}
.row.is-variable.is-1 {
--columnGap: 0.25rem;
}
.row.is-variable.is-2 {
--columnGap: 0.5rem;
}
.row.is-variable.is-3 {
--columnGap: 0.75rem;
}
.row.is-variable.is-4 {
--columnGap: 1rem;
}
.row.is-variable.is-5 {
--columnGap: 1.25rem;
}
.row.is-variable.is-6 {
--columnGap: 1.5rem;
}
.row.is-variable.is-7 {
--columnGap: 1.75rem;
}
.row.is-variable.is-8 {
--columnGap: 2rem;
}
.sgds-container {
flex-grow: 1;
margin: 0 auto;
position: relative;
width: auto;
}
.sgds-container.is-fluid {
max-width: none;
padding-left: 32px;
padding-right: 32px;
width: 100%;
}
.sgds-container.is-full {
margin: 0;
}
@media screen and (min-width: 1024px) {
.sgds-container {
max-width: 960px;
}
}
@media screen and (max-width: 1215px) {
.sgds-container.is-widescreen {
max-width: 1152px;
}
}
@media screen and (max-width: 1407px) {
.sgds-container.is-fullhd {
max-width: 1344px;
}
}
@media screen and (min-width: 1216px) {
.sgds-container {
max-width: 1152px;
}
}
@media screen and (min-width: 1408px) {
.sgds-container {
max-width: 1344px;
}
}
.sgds-container.is-boxed {
border: 1px solid #d6d6d6;
}
.sgds-section {
padding: 3rem 1.5rem;
}
@media screen and (min-width: 1024px) {
.sgds-section.is-small {
padding: 1.5rem;
}
.sgds-section.is-xsmall {
padding: 1rem 1.5rem;
}
.sgds-section.is-medium {
padding: 9rem 1.5rem;
}
.sgds-section.is-large {
padding: 18rem 1.5rem;
}
.sgds-section.is-full {
padding: 0;
}
}
@media screen and (max-width: 768px) {
.sgds-section.is-small {
padding: 1.5rem;
}
}
.sgds-tile {
align-items: stretch;
display: block;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
min-height: min-content;
}
.sgds-tile.is-ancestor {
margin-left: -0.75rem;
margin-right: -0.75rem;
margin-top: -0.75rem;
}
.sgds-tile.is-ancestor:last-child {
margin-bottom: -0.75rem;
}
.sgds-tile.is-ancestor:not(:last-child) {
margin-bottom: 0.75rem;
}
.sgds-tile.is-child {
margin: 0 !important;
}
.sgds-tile.is-parent {
padding: 0.75rem;
}
.sgds-tile.is-vertical {
flex-direction: column;
}
.sgds-tile.is-vertical > .sgds-tile.is-child:not(:last-child) {
margin-bottom: 1.5rem !important;
}
@media print, screen and (min-width: 769px) {
.sgds-tile:not(.is-child) {
display: flex;
}
.sgds-tile.is-1 {
flex: none;
width: 8.33333%;
}
.sgds-tile.is-2 {
flex: none;
width: 16.66667%;
}
.sgds-tile.is-3 {
flex: none;
width: 25%;
}
.sgds-tile.is-4 {
flex: none;
width: 33.33333%;
}
.sgds-tile.is-5 {
flex: none;
width: 41.66667%;
}
.sgds-tile.is-6 {
flex: none;
width: 50%;
}
.sgds-tile.is-7 {
flex: none;
width: 58.33333%;
}
.sgds-tile.is-8 {
flex: none;
width: 66.66667%;
}
.sgds-tile.is-9 {
flex: none;
width: 75%;
}
.sgds-tile.is-10 {
flex: none;
width: 83.33333%;
}
.sgds-tile.is-11 {
flex: none;
width: 91.66667%;
}
.sgds-tile.is-12 {
flex: none;
width: 100%;
}
}
/*------------------------------------*\
TAPESTRY.CSS
\*------------------------------------*/
/**
* Atomic Design
*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
/*float: left;
width: 100%;*/
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
/* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*------------------------------------*\
RESET.CSS
\*------------------------------------*/
/**
* Let�s make the box model all nice, shall we...?
*/
*,
*:before,
*:after {
box-sizing: border-box;
}
/**
* The usual...
*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
table,
th,
td,
caption,
hr {
margin: 0;
padding: 0;
}
/**
* Give a help cursor to elements that give extra info on `:hover`.
*/
abbr[title],
dfn[title] {
cursor: help;
}
/**
* Remove underlines from potentially troublesome elements.
*/
u,
ins {
text-decoration: none;
}
/**
* Apply faux underline via `border-bottom`.
*/
ins {
border-bottom: 1px solid;
}
/**
* So that `alt` text is visually offset if images don�t load.
*/
img {
font-style: italic;
}
/**
* Give form elements some cursor interactions...
*/
label,
input,
textarea,
button,
select,
option {
cursor: pointer;
}
.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
cursor: text;
outline: none;
}
.text-grey-instruction {
color: #6a6a6a;
margin-top: -20px;
}
/*------------------------------------*\
$SHARED
\*------------------------------------*/
/**
* Where `margin-bottom` is concerned, this value will be the same as the
* base line-height. This allows us to keep a consistent vertical rhythm.
* As per: csswizardry.com/2012/06/single-direction-margin-declarations
*/
/**
* Base elements
*/
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
ul,
ol,
dl,
blockquote,
p,
address,
table,
fieldset,
figure,
pre {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
.islet h1,
.islet h2,
.islet h3,
.islet h4,
.islet h5,
.islet h6,
.islet hgroup,
.islet ul,
.islet ol,
.islet dl,
.islet blockquote,
.islet p,
.islet address,
.islet table,
.islet fieldset,
.islet figure,
.islet pre {
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
/**
* Doubled up `margin-bottom` helper class.
*/
.landmark {
margin-bottom: 48px;
margin-bottom: 3rem;
}
/**
* `hr` elements only take up a few pixels, so we need to give them special
* treatment regarding vertical rhythm.
*/
hr {
margin-bottom: 22px;
margin-bottom: 1.375rem;
}
/**
* Where `margin-left` is concerned we want to try and indent certain elements
* by a consistent amount. Define that amount once, here.
*/
ul,
ol,
dd {
margin-left: 48px;
margin-left: 3rem;
}
/**
* Import Modules
*/
/*------------------------------------*\
MIXINS
\*------------------------------------*/
/**
* Clearfix
*/
/**
* Style any number of headings in one fell swoop, e.g.:
*
.foo{
@include headings(1, 3){
color:#BADA55;
}
}
*
* With thanks to @lar_zzz, @paranoida, @rowanmanning and ultimately
* @thierrylemoulec for refining and improving my initial mixin.
*/
/**
* Create a fully formed type style (sizing and vertical rhythm) by passing in a
* single value, e.g.:
*
`@include font-size(10px);`
*
* Thanks to @redclov3r for the `line-height` Sass:
* twitter.com/redclov3r/status/250301539321798657
*/
/**
* Font size mixin
*/
/**
* Media Query Mixin
*/
/**
* Box Shadow Base
*/
/**
* Light Links
*/
/**
* Link Colors: Part of Compass
*/
/**
* Focus Styles
*/
.text-input:focus,
textarea:focus,
.btn:focus,
.link-filter-toggle:focus,
.introjs-search .introjs-skipbutton:focus,
.trip-close:focus,
.trip-next:focus,
.trip-prev:focus,
.search-active {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5);
border-color: #51A7E8;
}
/**
* Rem Units
* Converts properties to both REM and Pixel Values. Based on line-height
* @include rem(margin-bottom, 0.5)
* @include rem(padding, 1, 20px);
*/
/**
* Helper function for REM
* @include rem-full(padding, 10px 20px 10px 30px);
*/
/**
* Grids
*/
/**
* Calculates Percentage for each column
*/
/**
* Convert numbers to words
* 1 => 'one'
*/
/**
* Dark Module
*/
/**
* Inline List
*/
/* Mixin for Bordered Blocks */
/* Mixin for Box Shadow */
.media-grid--blocks>li:hover {
box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.4);
}
/* Mixin for Box Shadow - Normal */
/**
* Bright Module
*/
/* Darker Inputs */
/**
* Links for MOM Website. Icon + Text
*/
.link--form,
.category-forms,
.link--service,
.category-eservice,
.link--smartform,
.link--page,
.link--legal,
.link--print,
.link--kb,
.link--question,
.link--location,
.link--phone,
.link--fax,
.link--news,
.link--edit,
.rate-mom a,
.link--mail,
.link--download,
.link-download-ical,
.link--newsroom,
.link--legislation,
.link--apps,
.link--enter,
.link--exit,
.link--contact,
.link--feedback,
.link--sitemap {
padding-left: 1.6em;
display: inline-block;
}
.link--form:before,
.category-forms:before,
.link--service:before,
.category-eservice:before,
.link--smartform:before,
.link--page:before,
.link--legal:before,
.link--print:before,
.link--kb:before,
.link--question:before,
.link--location:before,
.link--phone:before,
.link--fax:before,
.link--news:before,
.link--edit:before,
.rate-mom a:before,
.link--mail:before,
.link--download:before,
.link-download-ical:before,
.link--newsroom:before,
.link--legislation:before,
.link--apps:before,
.link--enter:before,
.link--exit:before,
.link--contact:before,
.link--feedback:before,
.link--sitemap:before {
margin-left: -1.5em;
margin-top: 3px;
margin-right: 0.2em;
font-style: normal;
font-weight: normal;
width: 1.28571em;
text-align: center;
}
/**
* Media query
* $breakpoints defined in variables.scss
*/
/**
* Mobile button
*/
.link--form:before,
.category-forms:before,
.link--service:before,
.category-eservice:before,
.link--smartform:before,
.link--page:before,
.link--legal:before,
.link--print:before,
.link--kb:before,
.link--question:before,
.link--location:before,
.link--phone:before,
.link--fax:before,
.link--news:before,
.link--edit:before,
.rate-mom a:before,
.link--mail:before,
.link--download:before,
.link-download-ical:before,
.link--newsroom:before,
.link--legislation:before,
.link--apps:before,
.link--enter:before,
.link--exit:before,
.link--contact:before,
.link--feedback:before,
.link--sitemap:before,
.list--arrow>li:before,
.footable-last-column .footable-toggle:after,
.table-dbapp .footable-toggle:before,
.link--close:before,
.alert__close:before,
.notification .notification-close:before,
.link--close-rounded:before,
.link--external:after,
.link-pdf:after,
.link-doc:after,
.link-docx:after,
.link-xls:after,
.link-xlsx:after,
.link-csv .link-external:after,
.link-filter-toggle:before,
.link--arrow:before,
.link--minus:before,
.link--plus:before,
.link--lock:before,
.link--unlock:before,
.link--back:before,
.input-wrap .btn-search:before,
.btn-calendar:before,
.btn-calculator:before,
.btn-download:before,
.link-menu:before,
.ui-breadcrumbs .crumb-dropdown-link:before,
.ui-breadcrumbs>a:after,
.breadcrumbs-home:before,
.breadcrumbs-mobile:before,
.link-search:before,
.tab__handle--mobile:after,
.accordion__header:after,
.tab__handle--mobile:after,
.toggle__header:before,
.toggle-enhanced>.toggle__header:before,
.toggle__link>span:after,
.tooltip-close:before,
.alert:after,
.pages .previous:before,
.pages .next:after,
.ui-related h2:before,
.list-pane a:after,
.search-zone-text:after,
.search-zone-submit .btn:before,
.search-zone-submit .link-filter-toggle:before,
.search-zone-submit .introjs-search .introjs-skipbutton:before,
.introjs-search .search-zone-submit .introjs-skipbutton:before,
.search-zone-submit .trip-close:before,
.search-zone-submit .trip-next:before,
.search-zone-submit .trip-prev:before,
.search-clear:before,
.arrow-return,
.notification .notification-text:before,
.dataTables_filter label:after,
.dataTable.dtr-inline.collapsed tbody td:first-child:before,
.dataTable.dtr-inline.collapsed tbody th:first-child:before,
.icon-social-facebook:before,
.icon-social-twitter:before,
.icon-social-blogger:before,
.icon-social-youtube:before,
.icon-share-fb:before,
.icon-share-tw:before,
.icon-share-email:before,
.item-top-hit:before,
.combo-arrow:before,
.quota-result:before,
.step-status:before {
font-family: 'Linearicons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
}
/*------------------------------------*\
BASE.CSS
\*------------------------------------*/
/**
* HTML
*/
html {
font: 1em/1.5 "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333;
text-rendering: optimizeLegibility;
}
/**
* Image
*/
img[width] {
max-width: none;
}
/**
* Ifrmae
*/
iframe {
border: none;
vertical-align: top;
}
.t-container {
width: auto;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
.t-container .container,
.t-container .page-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
/*------------------------------------*\
$HELPER
\*------------------------------------*/
/**
* A series of helper classes to use arbitrarily. Only use a helper class if an
* element/component doesn�t already have a class to which you could apply this
* styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
* that ruleset as opposed to adding the `.float--left` class to the markup.
*
* A lot of these classes carry `!important` as you will always want them to win
* out over other selectors.
*/
/**
* Add/remove floats
*/
.float--right {
float: right !important;
}
.float--left {
float: left !important;
}
.float--none {
float: none !important;
}
/**
* Text alignment
*/
.text--left {
text-align: left !important;
}
.text--center {
text-align: center !important;
}
.text--right {
text-align: right !important;
}
/**
* Font weights
*/
.weight--light {
font-weight: 300 !important;
}
.weight--normal {
font-weight: 400 !important;
}
.weight--semibold {
font-weight: 600 !important;
}
/**
* Add/remove margins
*/
.push {
margin: 24px !important;
}
.push--top {
margin-top: 24px !important;
}
.push--right {
margin-right: 24px !important;
}
.push--bottom {
margin-bottom: 24px !important;
}
.push--left {
margin-left: 24px !important;
}
.push--ends {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.push--sides {
margin-right: 24px !important;
margin-left: 24px !important;
}
.push-half {
margin: 12px !important;
}
.push-half--top {
margin-top: 12px !important;
}
.push-half--right {
margin-right: 12px !important;
}
.push-half--bottom {
margin-bottom: 12px !important;
}
.push-half--left {
margin-left: 12px !important;
}
.push-half--ends {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.push-half--sides {
margin-right: 12px !important;
margin-left: 12px !important;
}
.flush {
margin: 0 !important;
}
.flush--top {
margin-top: 0 !important;
}
.flush--right {
margin-right: 0 !important;
}
.flush--bottom {
margin-bottom: 0 !important;
}
.flush--left {
margin-left: 0 !important;
}
.flush--ends {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.flush--sides {
margin-right: 0 !important;
margin-left: 0 !important;
}
/**
* Add/remove paddings
*/
.soft {
padding: 24px !important;
}
.soft--top {
padding-top: 24px !important;
}
.soft--right {
padding-right: 24px !important;
}
.soft--bottom {
padding-bottom: 24px !important;
}
.soft--left {
padding-left: 24px !important;
}
.soft--ends {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.soft--sides {
padding-right: 24px !important;
padding-left: 24px !important;
}
.soft-half {
padding: 12px !important;
}
.soft-half--top {
padding-top: 12px !important;
}
.soft-half--right {
padding-right: 12px !important;
}
.soft-half--bottom {
padding-bottom: 12px !important;
}
.soft-half--left {
padding-left: 12px !important;
}
.soft-half--ends {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.soft-half--sides {
padding-right: 12px !important;
padding-left: 12px !important;
}
.hard {
padding: 0 !important;
}
.hard--top {
padding-top: 0 !important;
}
.hard--right {
padding-right: 0 !important;
}
.hard--bottom {
padding-bottom: 0 !important;
}
.hard--left {
padding-left: 0 !important;
}
.hard--ends {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.hard--sides {
padding-right: 0 !important;
padding-left: 0 !important;
}
/**
* Pull items full width of `.island` parents.
*/
.full-bleed {
margin-right: -24px !important;
margin-left: -24px !important;
}
.islet .full-bleed {
margin-right: -12px !important;
margin-left: -12px !important;
}
/**
* Add a help cursor to any element that gives the user extra information on
* `:hover`.
*/
.informative {
cursor: help !important;
}
/**
* Mute an object by reducing its opacity.
*/
.muted {
opacity: 0.5 !important;
filter: alpha(opacity=50) !important;
}
/**
* Align items to the right where they imply progression/movement forward, e.g.:
*
Read more...
*
*/
.proceed {
text-align: right !important;
}
/**
* Add a right-angled quote to links that imply movement, e.g.:
*
Read more
*
*/
.go:after {
content: "\00A0" "\00BB" !important;
}
/**
* Apply capital case to an element (usually a `strong`).
*/
.caps {
text-transform: uppercase !important;
}
/**
* Hide content off-screen without resorting to `display:none;`, also provide
* breakpoint specific hidden elements.
*/
.accessibility,
.visuallyhidden,
.panel--criteria legend {
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;
top: 0;
left: 0;
width: 1px !important;
}
/**
* JS Hide class
*/
.js-hide {
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;
top: 0;
left: 0;
width: 1px !important;
visibility: hidden;
}
/**
* Show in print
*/
.show-in-print {
display: none;
}
/**
* Phone number helper
*/
@media only screen and (min-width: 960px) {
a[href^="tel:"] {
font-weight: normal !important;
cursor: text;
}
a[href^="tel:"],
a[href^="tel:"]:hover,
a[href^="tel:"]:visited {
color: #333;
text-decoration: none;
}
}
/*------------------------------------*\
ELEMENTS.CSS
\*------------------------------------*/
/*------------------------------------*\
TYPOGRAPHY.CSS
\*------------------------------------*/
/**
* Headings 1 to 6
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
}
/**
* Headings
*/
/* Increase font weight for specific headings */
h3,
h4,
h5,
h6 {
line-height: 1.5;
margin-bottom: 6px;
margin-bottom: 0.375rem;
}
@media only screen and (min-width: 600px) {}
p+h3,
p+h4,
p+h5,
p+h6 {
padding-top: 12px;
padding-top: 0.75rem;
}
@media only screen and (min-width: 600px) {}
/* Headings after paragraph */
p+h2,
ul+h2,
ol+h2,
.alert+h2,
.ui-alert+h2,
.ui-toggle+h2,
.ui-accordion+h2,
.ui-panel+h2,
.panel+h2,
.ui-tabs+h2,
.ui-media+h2,
button+h2 {
padding-top: 12px;
padding-top: 0.75rem;
}
@media only screen and (min-width: 600px) {}
/**
* Top padding after summary
*/
.text--lead+h2 {
padding-top: 0;
}
/* Top padding for lists */
/*
* Paragraph
*/
.text--lead {
letter-spacing: -0.5px;
font-weight: 600;
}
.text--secondary {
font-size: 14.4px;
font-size: 0.9rem;
font-size: 14px;
font-size: 0.875rem;
}
.text--tertiary {
font-size: 12.8px;
font-size: 0.8rem;
}
.text--base {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
/**
* Block Text
*/
.text--block {
display: block;
padding-bottom: 5px;
}
.text--block:last-child {
padding-bottom: 0;
}
/**
* Color Variations
*/
.text--light {
color: #6a6a6a;
}
.text--brand {
color: #e57200;
}
/**
* Text strike
*/
.text--strike {
text-decoration: line-through;
}
/**
* Text Hint
*
*/
.text--hint {
font-size: 14px;
font-size: 0.875rem;
color: #6a6a6a;
}
/**
* Required Text
*/
.text--required {
color: #D0021B;
font-size: 12px;
padding-left: 5px;
vertical-align: top;
}
/**
* Large Text
*/
.text--callout {
display: block;
line-height: 1;
margin: 0 0 5px 0;
}
/**
* Nowrap Text
*/
.text--nowrap {
white-space: nowrap;
}
/*------------------------------------*\
LIST.CSS
\*------------------------------------*/
/**
* List
*/
ul,
ol {
margin-left: 2em;
margin-bottom: 16.00008px;
margin-bottom: 1.00001rem;
/* List items with p */
}
@media only screen and (min-width: 600px) {}
p+ul,
p+ol {
margin-top: -12px;
margin-top: -0.75rem;
}
@media only screen and (min-width: 600px) {}
/**
* Unordered List Style
*/
ul {
list-style-type: disc;
}
/**
* Nested List
*/
li>ul,
li>ol {
margin-top: 12px;
margin-top: 0.75rem;
margin-bottom: 0px;
margin-bottom: 0rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {}
/**
* List item
*/
li {
margin-bottom: 7.992px;
margin-bottom: 0.4995rem;
}
@media only screen and (min-width: 600px) {}
/**
* Definition List
*/
dl {
margin-bottom: 0px !important;
/* margin-bottom: 1.5rem; */
}
@media only screen and (min-width: 600px) {}
dd {
margin-left: 0;
}
/**
* Defintion Title
*/
dt {
font-weight: bold;
margin-top: 24px;
margin-top: 1.5rem;
}
@media only screen and (min-width: 600px) {}
dt:first-child {
margin-top: 0;
}
dt+dt {
margin-top: 24px;
margin-top: 1.5rem;
}
@media only screen and (min-width: 600px) {}
/**
* Definition list
*/
.list--dl {
padding-bottom: 12px;
padding-bottom: 0.75rem;
margin: 0;
}
@media only screen and (min-width: 600px) {}
.list--dl dd {
padding-bottom: 10px;
}
/**
* List With Bottom Borders
*
*/
.list--bordered {
list-style: none;
margin-left: 0;
}
.list--bordered>li {
border-bottom: 1px #7c7f81 solid;
padding-bottom: 12px;
padding-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
/**
* Inline List
*/
.list--inline {
list-style: none;
margin-left: 0;
}
.list--inline>li {
display: inline;
margin-right: 24px;
margin-right: 1.5rem;
}
@media only screen and (min-width: 600px) {}
/**
* Unstyled List
*/
.list--unstyled {
list-style: none;
margin-left: 0;
}
/**
* Block List
*/
.list--block {
list-style: none;
margin-left: 0;
/* headings */
/* paragraphs */
/* Meta information */
}
.list--block>li {
border-bottom: 1px #d8d8d8 solid;
padding: 1em 0;
margin-bottom: 0;
}
.list--block>li:last-child {
border-bottom: none;
}
.list--block h3 {
margin-bottom: 6px;
margin-bottom: 0.375rem;
}
@media only screen and (min-width: 600px) {}
.list--block p {
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
.list--block p+p {
padding-top: 12px;
padding-top: 0.75rem;
}
@media only screen and (min-width: 600px) {}
.list--block .meta-info {
margin-top: 0;
}
/**
* Lists inside page content
*/
.page-content ul,
.page-content ol {
*zoom: 1;
}
.page-content ul:before,
.page-content ul:after,
.page-content ol:before,
.page-content ol:after {
content: " ";
display: table;
}
.page-content ul:after,
.page-content ol:after {
clear: both;
}
/**
* Pass map
*/
.pass-map {
list-style: none;
margin-left: 0;
border: 1px #ACB3BF solid;
display: table;
width: 100%;
clear: both;
background: #D6DBE5;
/* ul */
}
@media only screen and (min-width: 600px) {
.pass-map {
border-bottom-width: 0;
}
}
.pass-map li {
margin: 0;
}
.pass-map>li {
border-top: 1px #b3c1ca solid;
margin: 0;
position: relative;
font-weight: 600;
}
@media only screen and (min-width: 600px) {
.pass-map>li {
display: table-row;
}
}
.pass-map>li:first-child {
border-top: none;
}
.pass-map>li>span {
display: table-cell;
vertical-align: top;
padding: 15px;
border-bottom: 1px #ACB3BF solid;
}
@media only screen and (min-width: 600px) {
.pass-map>li>span {
border-right: 1px #ACB3BF solid;
min-width: 130px;
}
}
.pass-map ul {
margin: 0;
list-style: none;
padding: 0;
top: 0;
width: 100%;
color: #333;
vertical-align: top;
background: #fff;
}
@media only screen and (min-width: 600px) {
.pass-map ul {
border-bottom: 1px #ACB3BF solid;
display: table-cell;
width: 100%;
padding-bottom: 10px;
}
}
.pass-map ul>li {
padding: 10px;
font-size: 15px;
font-size: 0.9375rem;
max-width: 100%;
border-top: 1px #c8cfdc solid;
}
@media only screen and (min-width: 600px) {
.pass-map ul>li {
border: 1px #c8cfdc solid;
background: #E7EAF0;
border-radius: 4px;
display: inline-block;
float: left;
vertical-align: top;
max-width: 115px;
min-height: 105px;
margin: 10px 0 0px 10px;
}
}
.pass-map ul>li:first-child {
border-top-color: transparent;
}
@media only screen and (min-width: 600px) {
.pass-map ul>li:first-child {
border-top-color: #c8cfdc;
}
}
/**
* Rounded list
*/
.list-rounded {
border-radius: 4px;
list-style: none;
margin-left: 8px;
font-weight: 600;
}
.list-rounded>li:last-child {
margin-bottom: 0;
}
/**
* List faq
*/
.list--faq {
padding-bottom: 48px;
padding-bottom: 3rem;
}
@media only screen and (min-width: 600px) {}
/**
* List arrow
*/
.list--arrow {
list-style: none;
margin-bottom: 0;
margin-left: 0;
padding-bottom: 24px;
padding-bottom: 1.5rem;
font-size: 14px;
font-size: 0.875rem;
}
@media only screen and (min-width: 600px) {}
.list--arrow>li {
padding-left: 25px;
display: block;
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
.list--arrow>li:before {
/* content: "\e766"; */
color: #98C1D7;
margin-left: -25px;
margin-top: 5px;
font-size: 14px;
float: left;
}
.list--arrow.arrow-dark>li:before {
color: #7c7f81;
}
/*------------------------------------*\
TABLE STYLES
\*------------------------------------*/
/**
* Table
* Prevents conflicts with CMS
*/
.table {
margin-bottom: 36px;
margin-bottom: 2.25rem;
width: 100%;
text-align: left;
/**
* Table Cells
*/
/* Theader */
/**
* List item margin
*/
/* Center align */
}
@media only screen and (min-width: 600px) {}
.table th,
.table td {
vertical-align: top;
padding: 0.5em;
}
@media only screen and (min-width: 600px) {
.table th,
.table td {
padding: 0.7em 1em;
}
}
.table th,
.table thead td {
font-weight: 600;
}
.table ul:last-child,
.table p:last-child {
margin-bottom: 0;
}
.table ul:last-child>li:last-of-type {
margin-bottom: 0;
}
.table .vmiddle {
vertical-align: middle;
}
/**
* Colspan Override
*/
[colspan] {
text-align: left;
}
/**
* Condensed Table
*/
.table--condensed td,
.table--condensed th {
padding: 5px;
}
/**
* Zebra Table
*/
.table--zebra tr:nth-child(even) {
background: #eee;
}
/**
* Table Hover
*/
.table--hover tr:hover>td {
background: #ffc;
}
/**
* Bordered Table
*/
.table--bordered {
border-collapse: collapse;
}
.table--bordered td,
.table--bordered th {
border: 1px #b3c1ca solid;
}
.table--bordered th {
border-color: #ACB3BF;
}
.table--bordered th,
.table--bordered thead th,
.table--bordered thead td {
background: #D6DBE5;
border-color: #ACB3BF;
}
/* Responsive Table */
/* Foo table */
.footable-row-detail-name {
font-weight: 600;
padding-bottom: 0.5em;
}
/* Cell */
.phone .footable-last-column,
.phone .footable-first-column {
padding-right: 25px;
}
.footable-row-detail>td {
border-top: none;
padding-top: 0;
}
.footable-last-column .footable-toggle {
position: relative;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.footable-last-column .footable-toggle:after {
content: "\e760";
position: absolute;
right: -15px;
top: 8px;
font-size: 12px;
}
.footable-detail-show .footable-toggle:after {
content: "\e75f";
}
.footable-detail-show>.footable-first-column {
border-bottom: none;
}
/* Row */
.footable-row-detail-row+.footable-row-detail-row {
padding-top: 15px;
}
/**
* Pass table
*/
.table--passes {
/* For collapsed table */
}
.table--passes thead>tr>th:first-child {
width: 280px;
}
.table--passes.phone h3 {
margin-bottom: 0;
}
.table--passes th,
.table--passes td {
padding: 0.7em;
}
/**
* col glance
*/
.col-glance {
width: 150px;
}
@media only screen and (min-width: 600px) {
.col-glance {
width: 200px;
}
}
/**
* Holidays
*/
.table--holiday {
border: 1px #b3c1ca solid;
border-top-width: 0;
border-collapse: separate;
margin-bottom: 36px;
margin-bottom: 2.25rem;
/* Holiday alert */
/**
* Past holiday
*/
}
@media only screen and (min-width: 600px) {}
.table--holiday td,
.table--holiday th {
border-right: none;
border-left: none;
border-bottom: none;
vertical-align: middle;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.table--holiday .has-no-border td {
border-top-width: 0;
padding-top: 0;
}
.table--holiday .cell-holiday-alert {
font-weight: normal;
display: block;
font-size: 14px;
font-size: 0.875rem;
}
@media only screen and (max-width: 599px) {
.table--holiday .cell-holiday-alert {
padding: 5px 0;
}
}
.table--holiday .text-date-mobile {
display: none;
font-weight: normal;
}
@media only screen and (max-width: 500px) {
.table--holiday .text-date-mobile {
display: block;
}
}
.table--holiday .cell-holiday-name {
font-weight: bold;
}
.table--holiday .footable-first-column {
padding-right: 0.1em;
width: 55px;
}
.table--holiday .row-next-holiday>th,
.table--holiday .row-next-holiday>td {
background-color: #eee;
}
.col-holiday-date {
width: 180px;
}
.col-holiday-day {
width: 120px;
}
/**
* Table with scope row
*/
.table-row-scope th {
width: 100px;
}
@media only screen and (min-width: 600px) {
.table-row-scope th {
width: 160px;
}
}
/**
* Modified table
*/
.d-table {
margin-bottom: 24px;
margin-bottom: 1.5rem;
*zoom: 1;
}
@media only screen and (min-width: 600px) {}
.d-table:before,
.d-table:after {
content: " ";
display: table;
}
.d-table:after {
clear: both;
}
@media only screen and (min-width: 600px) {
.d-table .link--arrow {
float: left;
width: 50%;
padding-right: 1em;
}
}
@media only screen and (min-width: 960px) {
.d-table .link--arrow {
float: none;
width: 33.333%;
}
}
@media only screen and (min-width: 960px) {
.d-table {
display: table;
width: 100%;
}
.d-table-row {
display: table-row;
}
.d-table-row>a {
display: table-cell;
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
}
}
/**
* Simple table
*/
.table-simple th {
border-bottom: 3px #333 solid;
vertical-align: top;
}
.table-simple td:first-child,
.table-simple th:first-child {
padding-left: 0;
}
.table-simple td {
vertical-align: middle;
}
.table-simple tbody td {
border-bottom: 1px #b3c1ca solid;
}
.smartform-guided .table-simple .text-input {
margin-bottom: 0;
}
.table-simple .text-input {
min-width: 120px;
}
/**
* Table with no border
*/
.table-noborder {
margin-bottom: 0;
}
.table-noborder tbody th,
.table-noborder tbody td {
border: none;
}
/**
* Sub head
*/
.table .sub-head th {
border-bottom: 3px #333 solid;
vertical-align: top;
background: transparent;
}
.table .main-head th {
padding-top: 1em;
padding-bottom: 1em;
}
.table .cell-title {
width: 180px;
}
/**
* Table inside panel
*/
.table-panel {
margin-bottom: 1em;
font-size: 14px;
}
@media only screen and (min-width: 600px) {
.table-panel {
font-size: 16px;
}
}
.table-panel th,
.table-panel td {
text-align: left;
vertical-align: middle;
padding: 1.2em 1em;
}
.table-panel td {
vertical-align: top;
}
@media only screen and (min-width: 600px) {
.table-panel td {
vertical-align: middle;
}
}
.table-panel td:first-child {
padding-top: 1.5em;
}
.table-panel thead th,
.table-panel thead td {
border-bottom: 3px #333 solid;
}
.table-panel tbody th {
vertical-align: top;
}
@media only screen and (min-width: 600px) {
.table-panel tbody th {
vertical-align: middle;
}
}
@media only screen and (min-width: 960px) {
.table-panel tbody th {
padding-right: 40px;
width: 360px;
}
}
.table-panel tbody th,
.table-panel tbody td {
border-top: 1px #B3C1CA solid;
}
.table-panel select {
margin: 0;
}
.table-panel .spacer {
width: 60px;
}
/**
* DB App responsive
*/
.table-dbapp .footable-row-detail>td {
padding-top: 1em;
border-top: 1px #b3c1ca solid;
}
.table-dbapp .footable-toggle:before {
content: "\e772";
margin-right: 5px;
}
.table-dbapp .footable-toggle:after {
display: none;
}
.table-dbapp .footable-detail-show .footable-toggle:before {
content: "\e773";
}
.table-dbapp.breakpoint td.footable-first-column {
position: relative;
padding-left: 28px;
}
.table-dbapp.breakpoint td.footable-first-column .footable-toggle {
position: absolute;
left: 8px;
top: 8px;
}
/*------------------------------------*\
LINKS.CSS
\*------------------------------------*/
a {
color: #0067a1;
text-decoration: none;
}
a:visited {
color: #663399;
}
a:hover {
color: #0067a1;
}
a:active {
color: #0067a1;
}
a:hover {
text-decoration: underline;
}
/**
* Focus color
*/
a:focus {
background-color: #E2F1FE;
}
a:focus>img {
outline: 1px #E2F1FE dotted;
}
/**
* Active State
*/
a:active {
background-color: inherit;
}
/**
* Light Links
*/
.light--links a {
color: #fff;
}
.light--links a:visited {
color: #fff;
}
.light--links a:hover {
color: #fff;
}
.light--links a:active {
color: #fff;
}
/**
* Light Links
*/
.link--body {
color: #333;
}
.link--body:visited {
color: #333;
}
.link--body:hover {
color: #333;
}
.link--body:active {
color: #333;
}
/**
* Underline Links
*/
.link--uline {
text-decoration: underline;
}
/**
* Latest Link
*/
.link--latest {
font-weight: 400;
display: none;
}
.link--latest:hover {
text-decoration: none;
}
.link--latest .fa {
display: block;
font-size: 24px;
}
/*------------------------------------*\
MOM LINK STYLES
\*------------------------------------*/
/**
* Link SG Gov
*/
.link--gov {
float: right;
}
.link--gov>img {
height: 22px;
vertical-align: bottom;
}
.branding--home .link--gov {
display: inline-block;
padding: 5px;
padding-right: 12px;
background: rgba(255, 255, 255, 0.9);
border-radius: 0 0 5px 5px;
margin-top: -20px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.branding--home .link--gov>img {
height: 20px;
}
/**
* Link Close
*/
.link--close,
.alert__close,
.notification .notification-close {
position: absolute;
right: 8px;
top: 8px;
}
.link--close,
.alert__close,
.notification .notification-close,
.link--close:hover,
.alert__close:hover,
.notification .notification-close:hover,
.link--close:visited,
.alert__close:visited,
.notification .notification-close:visited {
color: #333;
}
.link--close:before,
.alert__close:before,
.notification .notification-close:before {
content: "\e75e";
font-size: 16px;
}
/**
* Link Close
*/
.link--close-rounded {
position: absolute;
right: -34px;
top: 10px;
cursor: pointer;
}
.link--close-rounded,
.link--close-rounded:hover,
.link--close-rounded:visited {
color: #333;
}
.link--close-rounded:before {
content: "\e771";
font-size: 22px;
}
/**
* Forms
*/
.link--form:before,
.category-forms:before {
content: "\e654";
}
/**
* Services
*/
.link--service:before,
.category-eservice:before {
content: "\e631";
}
/**
* External Site
*/
.link--external:after {
margin-left: 0.4em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e7b0";
font-size: 0.8em;
}
/**
* Smart Form
*/
.link--smartform:before {
content: "\e800";
}
/**
* Page
*/
.link--page:before {
content: "\e64d";
}
/**
* Legal
*/
.link--legal:before {
content: "\e6e1";
}
/**
* print
*/
.link--print:before {
content: "\e64c";
}
/**
* Read more
*/
.link--more:after,
.btn-search-viewall:after {
font-family: 'LinearIcons';
content: "\e801";
display: inline-block;
font-size: 18px;
vertical-align: middle;
margin-left: 0.5em;
}
/**
* Knowledge Base kb
*/
.link--kb:before {
content: "\e6aa";
}
/**
* Question Link
*/
.link--question:before {
content: "\e76f";
}
/**
* Location Link
*/
.link--location:before {
content: "\e68b";
}
/**
* Phone Link
*/
.link--phone:before {
content: "\e689";
}
/**
* Fax Link
*/
.link--fax:before {
content: "\e64c";
}
/**
* News Link
*/
.link--news:before {
content: "\e657";
}
/**
* Edit Link
*/
.link--edit:before,
.rate-mom a:before {
content: "\e608";
}
/**
* Contact Link
*/
.link--mail:before {
content: "\e641";
}
/**
* Download Link
*/
.link--download:before,
.link-download-ical:before {
content: "\e72e";
}
/**
* newsroom Link
*/
.link--newsroom:before {
content: "\e658";
}
/**
* legislation Link
*/
.link--legislation:before {
content: "\e6e1";
}
/**
* legislation Link
*/
.link--apps:before {
content: "\e69a";
}
/**
* Link more
*/
.link-section-more {
margin-bottom: 30px;
}
@media only screen and (min-width: 600px) {
.link-section-more {
margin-top: 10px;
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
}
/**
* File extension icons
*/
.link-pdf:after,
.link-doc:after,
.link-docx:after,
.link-xls:after,
.link-xlsx:after,
.link-csv .link-external:after {
color: #D0021B;
content: "\e804";
margin-left: 0.4em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.link-pdf.btn:after,
.link-pdf.link-filter-toggle:after,
.introjs-search .link-pdf.introjs-skipbutton:after,
.link-pdf.trip-close:after,
.link-pdf.trip-next:after,
.link-pdf.trip-prev:after,
.link-doc.btn:after,
.link-doc.link-filter-toggle:after,
.introjs-search .link-doc.introjs-skipbutton:after,
.link-doc.trip-close:after,
.link-doc.trip-next:after,
.link-doc.trip-prev:after,
.link-docx.btn:after,
.link-docx.link-filter-toggle:after,
.introjs-search .link-docx.introjs-skipbutton:after,
.link-docx.trip-close:after,
.link-docx.trip-next:after,
.link-docx.trip-prev:after,
.link-xls.btn:after,
.link-xls.link-filter-toggle:after,
.introjs-search .link-xls.introjs-skipbutton:after,
.link-xls.trip-close:after,
.link-xls.trip-next:after,
.link-xls.trip-prev:after,
.link-xlsx.btn:after,
.link-xlsx.link-filter-toggle:after,
.introjs-search .link-xlsx.introjs-skipbutton:after,
.link-xlsx.trip-close:after,
.link-xlsx.trip-next:after,
.link-xlsx.trip-prev:after,
.link-csv .link-external.btn:after,
.link-csv .link-external.link-filter-toggle:after,
.link-csv .introjs-search .link-external.introjs-skipbutton:after,
.introjs-search .link-csv .link-external.introjs-skipbutton:after,
.link-csv .link-external.trip-close:after,
.link-csv .link-external.trip-next:after,
.link-csv .link-external.trip-prev:after {
display: none;
}
/* Word */
.link-doc:after,
.link-docx:after {
color: #006eab;
content: "\e803";
}
/**
* Excel
*/
.link-xls:after,
.link-xlsx:after,
.link-csv:after {
content: "\e60a";
color: #1d7044;
}
/**
* Has Image
*/
.link-has-image {
display: inline-block;
}
.link-has-image:after {
vertical-align: bottom;
}
/**
* Link enter
*/
.link--enter:before {
/* content: "\e655"; */
vertical-align: -1px;
}
/**
* Link exit
*/
.link--exit:before {
content: "\f08b";
}
/**
* Global
*/
.page-content a,
.ui-module a {
font-weight: 600;
}
.page-content .btn,
.page-content .link-filter-toggle,
.page-content .introjs-search .introjs-skipbutton,
.introjs-search .page-content .introjs-skipbutton,
.page-content .trip-close,
.page-content .trip-next,
.page-content .trip-prev,
.ui-module .btn,
.ui-module .link-filter-toggle,
.ui-module .introjs-search .introjs-skipbutton,
.introjs-search .ui-module .introjs-skipbutton,
.ui-module .trip-close,
.ui-module .trip-next,
.ui-module .trip-prev {
font-weight: normal;
}
/**
* Ical download
*/
@media only screen and (max-width: 599px) {
.link-download-ical {
display: block;
}
}
/**
* Link Filter toggle
*/
.link-filter-toggle {
font-weight: normal;
margin-bottom: 15px;
}
.link-filter-toggle:before {
content: "\e789";
margin-right: 0.3em;
}
@media only screen and (min-width: 600px) {
.link-filter-toggle {
display: none;
}
}
.link-filter-toggle.active,
.link-filter-toggle.active:visited {
background-color: #ffa01a;
}
/**
* Link arrow
*/
.link--arrow {
padding-left: 25px;
display: block;
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
.link--arrow:before {
content: "\e766";
color: #98C1D7;
margin-left: -25px;
margin-top: 5px;
font-size: 14px;
float: left;
}
/**
* Link contact
*/
.link--contact:before {
content: "\e641";
}
/**
* Link feedback
*/
.link--feedback:before {
content: "\e654";
}
/**
* Link sitemap
*/
.link--sitemap:before {
content: "\e6f7";
}
/**
* Link minus
*/
.link--minus,
.link--plus,
.link--lock,
.link--unlock {
font-size: 18px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.link--minus:before,
.link--plus:before,
.link--lock:before,
.link--unlock:before {
content: "\e60c";
vertical-align: middle;
}
/**
* Link minus
*/
.link--plus:before {
content: "\e60b";
}
/**
* Link unlock
*/
.link--unlock:before {
content: "\e62e";
}
/**
* Link lock
*/
.link--lock:before {
content: "\e62d";
}
/**
* Link - bacl
*/
.link--back:before {
content: "\e765";
margin-right: 0.5em;
}
/*------------------------------------*\
FORM ELEMENT STYLES
\*------------------------------------*/
/**
* Forms
*/
form {
margin: 0;
}
/**
* Remove Clear icon on IE 11
*/
.text-input::-ms-clear {
display: none;
}
::-ms-reveal {
width: 0;
height: 0;
}
/**
* Add border box for input search
*/
input[type="search"] {
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/**
* Help Block
*/
.hint-box,
.smartform-description {
display: block;
font-weight: normal;
color: #6c6c6c;
font-size: 14px;
font-size: 0.875rem;
}
.hint-box strong,
.hint-box .smartform-description {
font-weight: 600;
}
/**
* Input Elements
*/
.text-input,
textarea {
border: 2px #b3c1ca solid;
padding: 0.6em 1em;
transition: all 0.1s ease-in;
vertical-align: middle;
color: #333;
width: 100%;
border-radius: 4px;
}
.text-input-tiny {
width: 20%;
}
.text-input-small {
width: 40%;
}
.text-input-medium {
width: 70%;
}
/**
* Labels
*/
label,
.label {
margin-bottom: 6px;
margin-bottom: 0.375rem;
display: block;
}
@media only screen and (min-width: 600px) {}
/**
* Labels
*/
.label {
display: block;
font-weight: 600;
}
/**
* Margins for Select, File
*/
.text-input,
textarea,
select,
input[type="file"],
input[type="color"],
input[type="range"],
.label-checkbox,
.label-radio {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
/**
* Checkbox, Radio
*/
input[type="checkbox"],
input[type="radio"] {
margin-right: 0.5em;
vertical-align: top;
margin-top: 0.3em;
}
/**
* Checkbox Radio and Inline labels
*/
.label-checkbox,
.label-radio {
margin-bottom: 6px;
margin-bottom: 0.375rem;
}
@media only screen and (min-width: 600px) {}
.label-checkbox.label-inline,
.label-radio.label-inline {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
/**
* Checkbox Display
*/
.label-checkbox,
.label-radio {
position: relative;
display: block;
padding-left: 20px;
}
.label-checkbox input[type="radio"],
.label-checkbox input[type="checkbox"],
.label-radio input[type="radio"],
.label-radio input[type="checkbox"] {
float: left;
margin-top: 0.3125em;
margin-right: 0;
position: absolute;
left: 0;
}
/**
* Label With Text Input
*/
.label-with-input .text-input {
margin: 0.5em 0;
width: 100%;
}
/**
* Inline Input
*/
.input-inline {
width: auto;
margin-bottom: 0;
}
/**
* Inline Label
*/
.label-inline {
width: auto;
display: inline-block;
vertical-align: middle;
margin-right: 24px;
margin-right: 1.5rem;
}
@media only screen and (min-width: 600px) {}
.label-inline.push-right {
margin-right: 1em;
}
/**
* Vertically Align Labels
*/
/**
* Align Label
*/
.label-align {
padding-top: 14.4px;
padding-top: 0.9rem;
}
@media only screen and (min-width: 600px) {}
/**
* Select
*/
@-moz-document url-prefix() {
select {
font-size: 14px;
}
}
/**
* Wide Select
*/
.select-wide {
width: 100%;
}
/**
* Fieldset
*/
fieldset {
border: none;
padding: 0;
margin: 0;
}
/**
* Feedback Fieldset
*/
/**
* Error Input
*/
.field-error,
.field-error:focus {
border-color: #CC3123;
}
/**
* Error Label
*/
label.field-error {
color: #D0021B;
border: none;
display: block;
clear: both;
text-transform: none;
margin-bottom: 24px;
margin-bottom: 1.5rem;
margin-top: -10px;
/* Error Top */
}
@media only screen and (min-width: 600px) {}
label.field-error.field-error--top {
display: block;
}
/**
* PostFix
*/
.postfix,
.prefix {
background: #eee;
display: block;
padding: 0;
margin-left: -4px;
height: 2.45em;
line-height: 2.4em;
border: 1px #b3c1ca solid;
text-align: center;
border-radius: 0 4px 4px 0;
}
/* Prefix */
.prefix {
border-radius: 4px 0 0 4px;
margin-left: 0;
margin-right: -4px;
position: relative;
z-index: 1;
}
/**
* Small Text
*/
.input--small {
padding: 8px 10px;
font-size: 14px;
font-size: 0.875rem;
}
/**
* Button Search
*/
.btn-search,
.btn-calendar {
border: none;
background: none;
text-align: center;
padding: 0;
width: 20px;
height: 20px;
height: 100%;
line-height: 20px;
}
/* Search Wrap */
.input-wrap {
position: relative;
margin-bottom: 24px;
margin-bottom: 1.5rem;
clear: both;
/* Absolute Elements */
/* Icon */
/* Spinner */
}
@media only screen and (min-width: 600px) {}
.input-wrap .text-input {
padding-right: 40px;
margin-bottom: 0;
}
.input-wrap .btn-search,
.input-wrap .btn-calendar,
.input-wrap .ui-spinner {
position: absolute;
z-index: 1;
right: 10px;
top: 50%;
transition: all 0.2s ease-in;
}
.input-wrap .btn-search,
.input-wrap .btn-calendar {
top: 0;
right: 0;
width: 40px;
line-height: 48px;
}
.input-wrap .btn-search:before {
content: "\e759";
}
.input-wrap .btn-calendar:before {
content: "\e690";
}
.input-wrap .icon,
.input-wrap .link-before:before,
.input-wrap .section-next a:after,
.section-next .input-wrap a:after {
border: none;
color: #006eab;
margin: 0;
}
.input-wrap .ui-spinner {
width: 35px;
height: 35px;
margin-top: -17px;
display: none;
}
.input-wrap .search-clear {
width: 40px;
}
/**
* Date fields
*/
.date-field {
margin-bottom: 24px;
margin-bottom: 1.5rem;
display: table;
width: 100%;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {
.date-field {
width: auto;
}
}
.day-field,
.month-field,
.year-field {
display: table-cell;
padding-right: 5px;
}
@media only screen and (min-width: 600px) {
.day-field,
.month-field,
.year-field {
padding-right: 10px;
}
}
.day-field .scombobox,
.day-field .combo-select,
.month-field .scombobox,
.month-field .combo-select,
.year-field .scombobox,
.year-field .combo-select {
margin-bottom: 0px;
}
@media only screen and (min-width: 600px) {}
/* Day */
.day-field {
width: 27%;
}
@media only screen and (min-width: 600px) {
.day-field {
width: 100px;
}
}
/* Month */
.month-field {
width: 43%;
}
@media only screen and (min-width: 600px) {
.month-field {
width: 190px;
}
}
/* Year field */
@media only screen and (min-width: 600px) {
.year-field {
width: 120px;
}
}
/**
* Required field
*/
.field-required,
.field-required[title] {
border: none;
outline: none;
padding: 0 0.5em;
color: #D0021B;
}
/**
* Form submission
*/
.form-submit {
padding-top: 24px;
padding-top: 1.5rem;
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
.input-control[readonly] {
border-bottom: 0px;
}
.form-control-mds .form-field-required.form-field-readonly {
top: -1em !important;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {}
/*------------------------------------*\
$COMPONENT - BUTTONS
\*------------------------------------*/
/**
* Base button extend
*/
.btn,
.link-filter-toggle,
.introjs-search .introjs-skipbutton,
.trip-close,
.trip-next,
.trip-prev {
line-height: normal;
padding: 0.6em 1.2em;
background: #d8d8d8;
border: none;
/* [6] */
border: 1px #cbcbcb solid;
white-space: normal;
display: inline-block;
display: inline-block;
/* [1] */
vertical-align: middle;
/* [2] */
font-family: inherit;
/* [4] */
font-size: 100%;
/* [4] */
cursor: pointer;
/* [5] */
margin: 0;
/* [6] */
padding-right: 1em;
/* [7] */
padding-left: 1em;
/* [7] */
border-radius: 4px;
/* [8] */
margin-bottom: 24px;
margin-bottom: 1.5rem;
/* Icons inside Buttons */
/* Last child */
}
@media only screen and (min-width: 600px) {}
.btn:hover,
.link-filter-toggle:hover,
.introjs-search .introjs-skipbutton:hover,
.trip-close:hover,
.trip-next:hover,
.trip-prev:hover {
background: #cbcbcb;
}
.btn:hover,
.link-filter-toggle:hover,
.introjs-search .introjs-skipbutton:hover,
.trip-close:hover,
.trip-next:hover,
.trip-prev:hover,
.btn,
.link-filter-toggle,
.introjs-search .introjs-skipbutton,
.trip-close,
.trip-next,
.trip-prev {
color: #333;
}
.btn .fa,
.btn .link-filter-toggle,
.btn .introjs-search .introjs-skipbutton,
.introjs-search .btn .introjs-skipbutton,
.btn .trip-close,
.btn .trip-next,
.btn .trip-prev {
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
}
.btn,
.link-filter-toggle,
.introjs-search .introjs-skipbutton,
.trip-close,
.trip-next,
.trip-prev,
.btn:hover,
.link-filter-toggle:hover,
.introjs-search .introjs-skipbutton:hover,
.trip-close:hover,
.trip-next:hover,
.trip-prev:hover {
text-decoration: none;
/* [9] */
}
/*------------------------------------*\
$FUNCTIONS
\*------------------------------------*/
/**
* Primary Button
*/
.btn--primary,
.link-filter-toggle,
.btn-calculator,
.btn-download,
.introjs-search .introjs-skipbutton,
.trip-next,
.btn--primary:visited,
.link-filter-toggle:visited,
.btn-calculator:visited,
.btn-download:visited,
.introjs-search .introjs-skipbutton:visited,
.trip-next:visited {
background-color: #ffb74d;
border-color: #D38D27;
}
.btn--primary:hover,
.link-filter-toggle:hover,
.btn-calculator:hover,
.btn-download:hover,
.introjs-search .introjs-skipbutton:hover,
.trip-next:hover,
.btn--primary,
.link-filter-toggle,
.btn-calculator,
.btn-download,
.introjs-search .introjs-skipbutton,
.trip-next,
.btn--primary:visited,
.link-filter-toggle:visited,
.btn-calculator:visited,
.btn-download:visited,
.introjs-search .introjs-skipbutton:visited,
.trip-next:visited,
.btn--primary:visited:hover,
.link-filter-toggle:visited:hover,
.btn-calculator:visited:hover,
.btn-download:visited:hover,
.introjs-search .introjs-skipbutton:visited:hover,
.trip-next:visited:hover,
.btn--primary:visited,
.link-filter-toggle:visited,
.btn-calculator:visited,
.btn-download:visited,
.introjs-search .introjs-skipbutton:visited,
.trip-next:visited,
.btn--primary:visited:visited,
.link-filter-toggle:visited:visited,
.btn-calculator:visited:visited,
.btn-download:visited:visited,
.introjs-search .introjs-skipbutton:visited:visited,
.trip-next:visited:visited {
color: #333;
}
.btn--primary:active,
.link-filter-toggle:active,
.btn-calculator:active,
.btn-download:active,
.introjs-search .introjs-skipbutton:active,
.trip-next:active,
.btn--primary:visited:active,
.link-filter-toggle:visited:active,
.btn-calculator:visited:active,
.btn-download:visited:active,
.introjs-search .introjs-skipbutton:visited:active,
.trip-next:visited:active {
background: #e68600;
}
.btn--primary:hover,
.link-filter-toggle:hover,
.btn-calculator:hover,
.btn-download:hover,
.introjs-search .introjs-skipbutton:hover,
.trip-next:hover,
.btn--primary:focus,
.link-filter-toggle:focus,
.btn-calculator:focus,
.btn-download:focus,
.introjs-search .introjs-skipbutton:focus,
.trip-next:focus,
.btn--primary:visited:hover,
.link-filter-toggle:visited:hover,
.btn-calculator:visited:hover,
.btn-download:visited:hover,
.introjs-search .introjs-skipbutton:visited:hover,
.trip-next:visited:hover,
.btn--primary:visited:focus,
.link-filter-toggle:visited:focus,
.btn-calculator:visited:focus,
.btn-download:visited:focus,
.introjs-search .introjs-skipbutton:visited:focus,
.trip-next:visited:focus {
background: #ffa01a;
}
.btn--fixed {
width: 200px;
}
@media only screen and (max-width: 599px) {
.btn--fixed {
width: 100%;
}
}
/**
* Light button
*/
.btn--light,
.section-services-more .btn,
.link-filter-toggle,
.introjs-search .introjs-skipbutton,
.trip-close,
.trip-next,
.trip-prev,
.btn--light:hover,
.section-services-more .btn:hover,
.link-filter-toggle:hover,
.introjs-search .introjs-skipbutton:hover,
.trip-close:hover,
.trip-next:hover,
.trip-prev:hover,
.btn--light:visited,
.section-services-more .btn:visited,
.link-filter-toggle:visited,
.introjs-search .introjs-skipbutton:visited,
.trip-close:visited,
.trip-next:visited,
.trip-prev:visited {
color: #333;
font-weight: normal !important;
}
/**
* Secondary Buttton
*/
.btn--secondary {
background-color: #006eab;
border-color: #005f91;
}
.btn--secondary:hover,
.btn--secondary,
.btn--secondary:visited {
color: #fff;
}
.btn--secondary:hover,
.btn--secondary:focus {
background: #0080c4;
}
/**
* Inverted Button
*/
.btn--inverted,
.btn--inverted:visited {
background-color: #000;
border-color: black;
color: #fff;
}
.btn--inverted:hover,
.btn--inverted,
.btn--inverted:visited {
color: #fff;
}
.btn--inverted:hover,
.btn--inverted:focus {
background: #333333;
}
/**
* Inactive, disabled buttons.
*
* 1. Make the button look like normal text when hovered.
*/
button[disabled],
button[disabled]:hover,
input[disabled],
input[disabled]:hover,
.btn--inactive,
.btn-offline,
.btn--inactive:hover,
.btn-offline:hover,
.btn--inactive:active,
.btn-offline:active,
.btn--inactive:focus,
.btn-offline:focus,
.btn--inactive:visited,
.btn-offline:visited {
background-color: #ddd;
border-color: #c4c4c4;
color: #666 !important;
cursor: text;
/* [1] */
}
/**
* Block Buttons
*/
.btn--block {
display: block;
text-align: center;
}
/**
* Small Button
*/
.btn--small,
.section-services-more .btn,
.link-filter-toggle,
.introjs-search .introjs-skipbutton,
.trip-close,
.trip-next,
.trip-prev {
padding: 0.3em 0.6em;
}
/**
* Button Large
*/
.btn--large {
font-size: 18px;
font-size: 1.125rem;
/* Icon */
}
.btn--large .fa {
font-size: 30px;
}
/**
* Button view all
*/
.btn-view-all {
margin-bottom: 0;
padding: 0.5em 1em;
margin-top: 24px;
margin-top: 1.5rem;
}
@media only screen and (min-width: 600px) {}
/**
* Login button
*/
.btn-eservice {
display: block;
text-align: center;
}
/**
* Buttomn offline
*/
.btn-offline {
color: #666;
}
/**
* Button calculate
*/
.btn-calculator {
padding-left: 40px;
}
.btn-calculator:before {
content: "\e800";
margin-right: 5px;
font-size: 20px;
vertical-align: top;
float: left;
margin-left: -26px;
margin-top: 1px;
}
/**
* Button unstyled
*/
.btn--unstyled,
.trip-close,
.trip-prev,
.btn--unstyled:hover,
.trip-close:hover,
.trip-prev:hover {
color: #006eab;
background: none;
border: none;
}
.btn--unstyled:hover,
.trip-close:hover,
.trip-prev:hover {
text-decoration: underline;
}
/**
* Button download
*/
.btn-download {
display: block;
text-align: center;
}
@media only screen and (min-width: 600px) {
.btn-download {
display: inline-block;
text-align: left;
}
}
.btn-download:before {
content: "\e72e";
margin-right: 0.5em;
}
/**
* Link download ical
*/
.link-download-ical {
padding-left: 40px;
}
/*------------------------------------*\
RULE
\*------------------------------------*/
hr {
border: none;
height: 0;
border-bottom: 1px #d8d8d8 solid;
margin-bottom: 15px;
}
@media only screen and (min-width: 960px) {
hr {
margin-bottom: 48px;
margin-bottom: 3rem;
}
@media only screen and (min-width: 600px) {}
}
/**
* Seperator Rule
*/
.rule--seperator {
margin-top: 24px;
margin-top: 1.5rem;
border-bottom-width: 4px;
}
@media only screen and (min-width: 600px) {}
p+.rule--seperator {
margin-top: 48px;
margin-top: 3rem;
}
@media only screen and (min-width: 600px) {}
/*------------------------------------*\
$COMPONENTS
\*------------------------------------*/
/*------------------------------------*\
MENU HOLDER
\*------------------------------------*/
.menu-holder {
position: relative;
z-index: 11;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.menu-holder .container,
.menu-holder .page-container {
position: relative;
}
.menu-wrapper {
background: #006eab;
color: #fff;
position: relative;
z-index: 12;
min-height: 50px;
}
.menu-wrapper .container,
.menu-wrapper .page-container {
*zoom: 1;
}
.menu-wrapper .container:before,
.menu-wrapper .page-container:before,
.menu-wrapper .container:after,
.menu-wrapper .page-container:after {
content: " ";
display: table;
}
.menu-wrapper .container:after,
.menu-wrapper .page-container:after {
clear: both;
}
.menu-wrapper a {
color: #fff;
}
.menu-wrapper a:visited {
color: #fff;
}
.menu-wrapper a:hover {
color: #fff;
}
.menu-wrapper a:active {
color: #fff;
}
/* Breadcrumb fixed */
@media only screen and (min-width: 960px) {
.menu-bar-pinned {
padding-top: 50px;
/* Height of the breadcrumb */
}
.menu-bar-pinned .menu-holder {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 12;
}
.menu-bar-offscreen {
padding-top: 50px;
}
.menu-bar-offscreen .menu-holder {
position: fixed;
top: -50px;
left: 0;
width: 100%;
z-index: 11;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
opacity: 0;
}
.menu-bar-slide-up .menu-holder {
top: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
transition: -webkit-transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.no-csstransforms .menu-bar-slide-up .menu-holder {
top: -100%;
}
.no-csstransforms .menu-bar-pinned .menu-holder {
top: 0;
}
.menu-bar-slide-reset .menu-holder {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.menu-bar-pinned .menu-holder {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.6);
opacity: 1;
top: 0;
}
}
/**
* Link menu
*/
.link-menu {
float: left;
padding-top: 13px;
padding-bottom: 13px;
vertical-align: top;
text-transform: uppercase;
border-right: 1px #1483bf solid;
border-left: 1px #1483bf solid;
text-align: center;
margin-right: 15px;
width: 40px;
background-color: #1F253D;
}
@media only screen and (min-width: 600px) {
.link-menu {
width: 130px;
margin-right: 1.8em;
}
.link-menu:before {
width: 34px;
margin-left: 12px;
}
}
.link-menu span {
display: none;
}
@media only screen and (min-width: 600px) {
.link-menu span {
display: inline;
margin-right: 1.5em;
margin-left: 0.5em;
}
}
.link-menu:before {
content: "\e756";
font-size: 24px;
vertical-align: top;
}
.site-navigation-opened .link-menu,
.link-menu:hover,
.link-menu:focus {
text-decoration: none;
background-color: #1F253D;
}
/**
* Primary navigation
*/
.menu-holder .main-navigation {
position: absolute;
left: 0;
top: 100%;
z-index: 1;
border-top-width: 0;
background-color: #1F253D;
border-radius: 0 0 4px 4px;
display: none;
}
@media only screen and (min-width: 600px) {
.menu-holder .main-navigation {
left: 17px;
padding-bottom: 0;
}
}
@media only screen and (min-width: 960px) {
.menu-holder .main-navigation {
left: 1px;
}
}
@media only screen and (max-width: 599px) {
.menu-holder .main-navigation {
clear: both;
border: none;
width: 100%;
background-color: #005787;
}
}
@media only screen and (min-width: 600px) {
.menu-holder .main-navigation {
max-width: 320px;
}
}
.menu-holder .nav-main {
display: block;
width: auto;
font-weight: normal;
}
@media only screen and (min-width: 600px) {
.menu-holder .nav-main {
padding-left: 0;
padding-right: 0;
}
.menu-holder .nav-main>a {
display: block;
width: auto;
background: none;
border-bottom-width: 1px;
border-radius: 0;
padding-left: 10px;
padding-right: 10px;
text-align: left;
}
.menu-holder .nav-main>a:hover {
background: #111522;
}
.menu-holder .nav-main>a>span {
padding-left: 5px;
display: table-cell;
padding-top: 0;
}
.menu-holder .nav-main>a:last-child {
border-bottom-width: 1px;
border-radius: 0;
}
}
.menu-holder .nav-main br {
display: none;
}
.menu-holder .nav-main .nav-desc {
display: none;
}
@media only screen and (min-width: 600px) {
.menu-holder .nav-icon {
background-size: 30px auto;
width: 30px;
height: 30px;
max-width: 30px;
display: table-cell;
}
.menu-holder .nav-icon img {
width: 30px;
}
.menu-holder .nav-secondary {
text-align: left;
padding-bottom: 1em;
}
.menu-holder .nav-secondary>a {
display: block;
margin: 0 0 0.5em 0;
}
.menu-holder .nav-secondary>a:before {
margin-right: 8px;
}
}
/**
* When navigation is opened
*/
.site-navigation-opened .main-navigation {
display: block;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.4), 0 0px 5px 0 rgba(0, 0, 0, 0.2) inset;
}
@media only screen and (min-width: 600px) {
.site-navigation-opened .main-navigation {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.4);
}
}
/**
* Fixed menu
*/
.nav-fixed .main-content {
padding-top: 50px;
}
.nav-fixed .menu-holder {
position: fixed;
left: 0;
top: 0;
width: 100%;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
/**
* Nav secondary images
*/
.nav-secondary img {
vertical-align: -6px;
max-width: 30px;
margin-right: 0.5em;
margin-top: 6px;
}
/*------------------------------------*\
BREADCRUMBS.CSS
\*------------------------------------*/
/**
* Dropdown
*/
.crumb-dropdown {
position: absolute;
margin-top: 12px;
left: 48px;
top: 100%;
background: #1F253D;
color: #fff;
padding: 0.8em 0;
display: none;
width: 240px;
font-size: 14px;
font-size: 0.875rem;
border-radius: 4px;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.4);
}
.crumb-dropdown a {
padding: 0.7em 15px;
border-bottom: 1px #2b3355 solid;
}
.crumb-dropdown a:last-child {
border-bottom: none;
}
.crumb-dropdown a:hover {
background: #111522;
text-decoration: none;
}
.crumb-dropdown:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 10px 9px;
border-color: transparent transparent #1F253D transparent;
position: absolute;
top: -10px;
left: 20px;
content: " ";
}
.crumb-dropdown a {
display: block;
}
.dropdown-is-shown .crumb-dropdown {
display: block;
}
.ui-breadcrumbs {
max-height: 50px;
float: left;
position: relative;
transition: opacity 0.1s ease-in;
/* Home */
/**
* Current page
*/
/* Breadcrumbs trim */
/**
* If the item count is > 4
*/
}
@media only screen and (min-width: 960px) {
.ui-breadcrumbs {
max-width: 700px;
}
}
.ui-breadcrumbs .crumb-dropdown-link {
line-height: 50px;
padding-top: 0;
padding-bottom: 0;
}
.ui-breadcrumbs .crumb-dropdown-link:before {
content: "\e604";
font-size: 20px;
vertical-align: middle;
padding: 7px 10px;
border-radius: 4px;
}
.ui-breadcrumbs.dropdown-is-shown .crumb-dropdown-link:before,
.ui-breadcrumbs .crumb-dropdown-link:hover:before {
background: #005889;
}
.ui-breadcrumbs>a {
padding-top: 14px;
padding-bottom: 14px;
vertical-align: top;
font-size: 14px;
font-size: 0.875rem;
display: none;
}
.ui-breadcrumbs a:focus {
background: transparent;
}
@media only screen and (min-width: 960px) {
.ui-breadcrumbs>a {
margin-right: 10px;
padding-right: 30px;
position: relative;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 180px;
}
.ui-breadcrumbs>a:after {
content: "\e762";
position: absolute;
line-height: 50px;
right: 0;
top: 0;
padding-right: 3px;
}
.ui-breadcrumbs>a:focus {
background: transparent;
color: #fff;
text-decoration: underline;
}
.ui-breadcrumbs>a:first-child {
padding-left: 5px;
}
.ui-breadcrumbs>a:nth-child(2) {
max-width: none;
}
.ui-breadcrumbs a:first-child:before {
padding-right: 0;
}
}
@media only screen and (min-width: 960px) {}
.ui-breadcrumbs .breadcrumbs-home {
padding-top: 0;
padding-bottom: 0;
}
.ui-breadcrumbs .breadcrumbs-current {
padding-right: 0;
margin-right: 0;
/*display: none;*/
}
.ui-breadcrumbs .breadcrumbs-current:after {
display: none;
}
@media only screen and (min-width: 960px) {}
.ui-breadcrumbs.breadcrumbs-length-5 .breadcrumbs-current {
display: none;
}
/**
* Show full
*/
@media only screen and (min-width: 960px) {
.breadcrumbs-show-full>a {
max-width: 300px;
}
}
/**
* Menu Pinned
*/
@media only screen and (min-width: 960px) {
.menu-bar-pinned .breadcrumbs-current {
display: inline-block;
}
}
/**
* Home
*/
.breadcrumbs-home {
padding-top: 0;
padding-bottom: 0;
}
.breadcrumbs-home:before {
content: "\e601";
position: static;
line-height: 50px;
vertical-align: top;
margin-right: 0.2em;
text-indent: 0;
}
/* Icons */
.breadcrumbs-mobile {
display: inline-block;
float: left;
line-height: 50px;
font-size: 14px;
font-size: 0.875rem;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 0;
white-space: nowrap;
max-width: 190px;
}
@media only screen and (min-width: 375px) {
.breadcrumbs-mobile {
max-width: 240px;
}
}
@media only screen and (min-width: 600px) {
.breadcrumbs-mobile {
max-width: none;
}
}
@media only screen and (min-width: 960px) {
.breadcrumbs-mobile {
display: none;
}
}
.breadcrumbs-mobile:before {
content: "\e761";
margin-right: 0.3em;
position: relative;
top: 1px;
}
.breadcrumbs-mobile:focus {
background-color: transparent;
}
/**
* Link search
*/
.link-search {
padding: 6px 10px;
padding-top: 8px;
padding-bottom: 8px;
vertical-align: top;
margin-top: 7px;
line-height: normal;
font-size: 14px;
font-size: 0.875rem;
display: block;
float: right;
z-index: 1;
width: 40px;
text-align: center;
border-radius: 4px;
background-color: #ffb74d;
border-color: #D38D27;
transition: all 0.2s ease-out;
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
/* Active */
}
.site-search-opened .link-search {
-webkit-transform: translateY(50%);
transform: translateY(50%);
opacity: 0;
}
.link-search:before {
content: "\e759";
position: relative;
line-height: normal;
text-decoration: none;
vertical-align: middle;
font-size: 18px;
color: #000;
}
@media only screen and (min-width: 600px) {
.link-search:before {
margin-right: 0.3em;
}
}
.link-search:after {
display: none;
}
.link-search span {
display: none;
padding-left: 5px;
color: #000;
}
@media only screen and (min-width: 600px) {
.link-search span {
display: inline;
}
}
@media only screen and (min-width: 600px) {
.link-search {
position: relative;
right: auto;
top: auto;
width: auto;
text-align: left;
}
}
@media only screen and (min-width: 600px) {
.link-search {
right: 0;
}
}
.site-search-opened .link-search,
.link-search:hover,
.link-search:focus {
background-color: #ffb74d;
text-decoration: none;
}
/**
* For IE
*/
.no-csstransitions .site-search-opened .link-search {
display: none;
}
/* Link before */
.link-before {
margin-right: 40px;
}
.link-before:before {
content: "\e601";
font-family: 'Linearicons';
display: inline-block;
text-decoration: none;
}
/*------------------------------------*\
TABS.CSS
\*------------------------------------*/
/**
* Variables
*/
/**
* Tabs
*/
.ui-tabs {
list-style: none;
margin-left: 0;
margin-bottom: 24px;
margin-bottom: 1.5rem;
/* Adjacent */
/* Last child */
/* Preserve mobile */
/* Active tab */
/* Hide tabs */
/* Handle */
/**
* List block
*/
}
@media only screen and (min-width: 600px) {}
ul+.ui-tabs,
ol+.ui-tabs,
div+.ui-tabs {
padding-top: 12px;
padding-top: 0.75rem;
}
@media only screen and (min-width: 600px) {}
.ui-tabs:last-child {
margin-bottom: 0;
}
.ui-tabs nav {
border-bottom: 2px #b1dafc solid;
display: none;
}
@media only screen and (min-width: 600px) {
.ui-tabs nav {
display: block;
}
}
.ui-tabs.tabs-preserve-mobile nav {
display: block;
}
.ui-tabs.tabs-preserve-mobile .tab__handle--mobile {
display: none;
}
.ui-tabs .active {
border-bottom-color: #fff;
background: #fff;
}
.ui-tabs .tab.active {
display: block;
}
.ui-tabs .tab__handle {
font-weight: normal;
font-size: 18px;
font-size: 1.125rem;
}
.ui-tabs .list--block>li:first-child {
padding-top: 0;
}
/**
* Compressed tab
*/
.tabs-compress .tab {
padding-left: 0;
padding-right: 0;
}
/* Tab Handle */
.tab__handle {
display: inline-block;
vertical-align: bottom;
text-decoration: none;
font-size: 16px;
font-size: 1rem;
border: 2px #b1dafc solid;
border-radius: 4px 4px 0 0;
border-bottom-color: #b1dafc;
margin-right: 2px;
margin-bottom: -2px;
position: relative;
background: #EDF4FA;
padding: 0.8em 1em;
}
.tab__handle:hover {
text-decoration: none;
}
/* Mobile */
.tab__handle--mobile {
display: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Arrow */
/*
Active
*/
}
@media only screen and (max-width: 599px) {
.tab__handle--mobile {
display: block;
}
}
.tab__handle--mobile.active {
color: #D0021B;
background: #FFF7F0;
border-bottom: 1px #F0CDAC solid;
}
.tab__handle--mobile:first-of-type {
border-top: 1px #b3c1ca solid;
}
.tab__handle--mobile:first-of-type.active {
border-top: 1px #F0CDAC solid;
}
/**
* Tab
*/
.tab {
background: #fff;
padding: 1em 0;
*zoom: 1;
}
.tab:before,
.tab:after {
content: " ";
display: table;
}
.tab:after {
clear: both;
}
/*------------------------------------*\
MODULES.CSS
\*------------------------------------*/
.ui-module {
padding: 1em 0;
*zoom: 1;
/* Desktop */
}
.ui-module:before,
.ui-module:after {
content: " ";
display: table;
}
.ui-module:after {
clear: both;
}
@media only screen and (min-width: 960px) {
.ui-module {
padding-top: 2em;
padding-bottom: 2em;
}
}
.ui-module .module-content {
position: relative;
}
/**
* Light module
*/
.module-light,
.module-eservices {
background: #E2F1FE;
}
/**
* Module grey
*/
.module-grey,
.module-more,
.module-kb,
.module-in-page {
background: #f6f6f6;
}
.module-grey .link--arrow:before,
.module-grey .module-more,
.module-grey .module-kb,
.module-grey .module-in-page {
color: #7c7f81;
}
/**
* Bright module
*/
.module-bright,
.module-feedback {
background: #006eab;
color: #fff;
}
.module-bright a,
.module-bright .module-feedback {
color: #fff;
}
.module-bright a:hover,
.module-bright .module-feedback {
color: #fff;
}
.module-bright a:active,
.module-bright .module-feedback {
color: #fff;
}
/**
* Module more
*/
.module-more {
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (max-width: 599px) {
.module-more ul {
margin-bottom: 0;
}
}
.module-more .link--more,
.module-more .btn-search-viewall {
margin-top: 18px;
margin-top: 1.125rem;
display: inline-block;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {
.module-more .link--more {
margin-top: 12px;
margin-top: 0.75rem;
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {}
}
/**
* Module KB
*/
/**
* Module footer
*/
.module-footer {
background: #1F253D;
color: #fff;
float: left;
width: 100%;
}
.module-footer a {
color: #fff;
}
.module-footer a:hover {
color: #fff;
}
.module-footer a:active {
color: #fff;
}
.module-footer a:focus {
background-color: transparent;
}
/**
* Module sidebar
*/
.module-aside {
margin-bottom: 12px;
margin-bottom: 0.75rem;
padding-bottom: 0;
padding-top: 0;
font-size: 14px;
font-size: 0.875rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {
.module-aside {
margin-top: 12px;
margin-top: 0.75rem;
}
@media only screen and (min-width: 600px) {}
}
.module-aside a {
font-weight: normal;
}
.module-aside select,
.module-aside input[type="text"],
.module-aside .combo-select {
font-size: 16px;
font-size: 1rem;
}
@media only screen and (max-width: 599px) {
.module-aside select,
.module-aside .input-wrap,
.module-aside .combo-select {
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
}
.is-expanded .module-aside {
padding-top: 0;
}
.module-aside:last-child {
margin-bottom: 0;
}
/**
* Feedback module
*/
.module-feedback {
/* Pills */
}
.module-feedback .pill {
margin-left: 0;
margin-right: 6px;
}
@media only screen and (min-width: 960px) {
.module-feedback {
text-align: center;
}
.module-feedback .pill {
display: inline-block;
}
}
/**
* Share block
*/
.module-share {
font-size: 14px;
font-size: 0.875rem;
padding-top: 16.00008px;
padding-top: 1.00001rem;
}
.module-share .module-share-inner {
border-top: 1px #d8d8d8 solid;
padding-top: 16.00008px;
padding-top: 1.00001rem;
padding-bottom: 16.00008px;
padding-bottom: 1.00001rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 960px) {
.module-share {
padding-top: 24px;
padding-top: 1.5rem;
}
@media only screen and (min-width: 600px) {}
}
.page-content .module-share,
.ui-module .module-share {
padding-bottom: 0;
}
/**
* Module holiday
*/
.module-holiday {
background: #006eab;
background-repeat: repeat;
color: #fff;
padding: 0;
padding: 1em;
margin-bottom: 24px;
margin-bottom: 1.5rem;
position: relative;
/* Heading */
/* Holiday icon */
}
@media only screen and (min-width: 600px) {}
.module-holiday h2 {
font-weight: normal;
font-size: 16px;
font-size: 1rem;
letter-spacing: normal;
line-height: 1.2;
margin: 0;
}
.module-holiday span {
display: table-cell;
vertical-align: top;
margin: 0 0.5em;
text-align: left;
font-weight: 600;
}
.module-holiday .holiday-icon {
background-color: #fff;
width: 70px;
height: 70px;
padding-top: 10px;
margin-top: 0px;
border-radius: 50%;
text-align: center;
display: none;
margin-right: 15px;
}
@media only screen and (min-width: 600px) {
.module-holiday .holiday-icon {
display: inline-block;
vertical-align: top;
}
}
.module-holiday strong {
font-weight: 600;
}
.module-holiday .holiday-date {
display: block;
font-weight: 600;
}
@media only screen and (min-width: 600px) {
.module-holiday .holiday-date {
text-align: left;
}
}
.module-holiday .substitute-holiday {
margin-bottom: 0;
padding-top: 5px;
font-size: 14px;
}
/**
* Module table
*/
.module-table {
display: table;
}
.module-table .module-cell {
display: table-cell;
vertical-align: middle;
}
/**
* Page module
*/
.module-page-section {
font-size: 14px;
font-size: 0.875rem;
}
@media only screen and (min-width: 960px) {
.module-page-section {
padding-bottom: 24px;
padding-bottom: 1.5rem;
padding-top: 24px;
padding-top: 1.5rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {}
}
@media only screen and (min-width: 960px) {
.module-page-section+.module-page-section {
margin-top: -20px;
}
}
.module-page-section a {
font-weight: normal;
}
.module-page-section ol {
margin-bottom: 0;
}
/**
* In page module
*/
.module-in-page {
padding: 15px;
border-radius: 4px;
margin-bottom: 1em;
}
@media only screen and (min-width: 600px) {
.module-in-page {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
}
.module-in-page .link--arrow:before {
color: #7c7f81;
}
/**
* Module eservices
*/
.module-eservices {
/* Desktop */
}
@media only screen and (min-width: 960px) {
.module-eservices {
padding-top: 24px;
padding-top: 1.5rem;
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {}
}
@media only screen and (min-width: 960px) {
.module-eservices .link--arrow {
width: auto;
}
}
/**
* Figure
*/
.ui-figure {
margin: 0;
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
.ui-figure figcaption {
text-align: center;
margin: 0;
font-style: italic;
}
/*------------------------------------*\
ACCORDION.CSS
\*------------------------------------*/
.tab__handle--mobile:after,
.accordion__header:after,
.tab__handle--mobile:after {
content: "\e772";
position: absolute;
left: 10px;
top: 13px;
border-radius: 50%;
width: 24px;
height: 24px;
font-size: 22px;
line-height: 21px;
text-align: center;
}
.tab__handle--mobile.active:after,
.accordion__active:after {
content: "\e773";
color: #b25a00;
}
.ui-accordion {
list-style: none;
margin-bottom: 24px;
margin-bottom: 1.5rem;
-webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 600px) {}
div+.ui-accordion,
p+.ui-accordion {
margin-top: 48px;
margin-top: 3rem;
}
@media only screen and (min-width: 600px) {}
/* Header */
.accordion__header,
.tab__handle--mobile {
border-bottom: 1px #b3c1ca solid;
position: relative;
padding: 10px 15px 10px 40px;
line-height: 1.5;
background: #E2F1FE;
color: #006eab;
cursor: pointer;
margin: 0;
font-size: 18px;
font-size: 1.125rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 600;
}
.accordion__header:first-child,
.tab__handle--mobile:first-child {
border-top: 1px #b3c1ca solid;
}
/* Active Content */
.accordion__active {
color: #b25a00;
background: #FFF7F0;
}
/* Content */
.accordion__content {
padding: 1em;
display: none;
background: #fff;
}
/**
* Bordered Accordion
*/
.ui-accordion--bordered {
border-bottom-width: 0;
/* First child */
}
.ui-accordion--bordered .accordion__header,
.ui-accordion--bordered .tab__handle--mobile,
.ui-accordion--bordered .accordion__content {
padding-left: 1em;
}
.ui-accordion--bordered .accordion__header:first-child,
.ui-accordion--bordered .tab__handle--mobile:first-child {
border-top-style: none;
}
/*------------------------------------*\
TOGGLE ENHANCED CSS
\*------------------------------------*/
/**
* Toggle
*/
.ui-toggle {
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
.ui-toggle .toggle__link {
display: none;
}
.toggle__header {
font-weight: 600;
color: #006eab;
background: #E2F1FE;
padding: 10px 15px 10px 40px;
font-size: 18px;
font-size: 1.125rem;
cursor: pointer;
line-height: 1.3;
margin: 0;
position: relative;
border-bottom: 1px #b3c1ca solid;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media only screen and (min-width: 600px) {
.toggle__header {
line-height: 1.5;
}
}
.toggle__header:before {
content: "\e772";
font-size: 22px;
width: 24px;
height: 24px;
display: inline-block;
text-align: center;
position: absolute;
left: 10px;
top: 10px;
}
@media only screen and (min-width: 600px) {
.toggle__header:before {
top: 12px;
}
}
.toggle__header.toggle__active {
background: #FFF7F0;
color: #D0021B;
border-bottom-color: #F0CDAC;
}
.toggle__header.toggle__active:before {
content: "\e773";
color: #D0021B;
}
.toggle__header:first-child {
border-top: 1px #b3c1ca solid;
}
.toggle__header:first-child.toggle__active {
border-top-color: #F0CDAC;
}
/**
* Content
*/
.toggle__content {
padding: 1em;
}
.toggle-enhanced {
padding-top: 24px;
padding-top: 1.5rem;
/* Link */
/**
* Content
*/
/**
* Step header
*/
/**
* Active
*/
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {
.toggle-enhanced .toggle__link {
display: block;
}
}
.toggle-enhanced>.toggle__content {
padding: 0;
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
.toggle-enhanced>.toggle__header {
font-weight: bold;
color: #333;
padding: 0;
margin-bottom: 24px;
margin-bottom: 1.5rem;
padding-left: 40px;
position: relative;
z-index: 1;
background: #fff;
line-height: 1.2;
border: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
font-size: 20px;
font-size: 1.25rem;
/**
* Span
*/
/**
* Icon
*/
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {
.toggle-enhanced>.toggle__header {
margin-bottom: 30px;
margin-bottom: 1.875rem;
padding-right: 80px;
font-size: 28px;
font-size: 1.75rem;
}
@media only screen and (min-width: 600px) {}
}
@media only screen and (min-width: 960px) {
.toggle-enhanced>.toggle__header {
padding-left: 0;
background: #fff;
}
}
.toggle-enhanced>.toggle__header>span {
background: #fff;
display: inline-block;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 600px) {
.toggle-enhanced>.toggle__header>span {
padding-left: 10px;
padding-right: 20px;
}
}
@media only screen and (min-width: 960px) {
.toggle-enhanced>.toggle__header>span {
padding-left: 0;
}
}
.toggle-enhanced>.toggle__header:before {
font-size: 30px;
display: inline-block;
vertical-align: top;
background: #fff;
position: absolute;
background: #fff;
z-index: 2;
left: 0;
top: -8px;
width: 30px;
height: 30px;
line-height: 38px;
color: #006eab;
text-align: center;
}
@media only screen and (min-width: 600px) {
.toggle-enhanced>.toggle__header:before {
top: -4px;
font-size: 34px;
width: 40px;
height: 40px;
}
}
@media only screen and (min-width: 960px) {
.toggle-enhanced>.toggle__header:before {
left: -50px;
}
}
.toggle-enhanced>.toggle__active {
background: #fff;
color: #b25a00;
}
.toggle-enhanced>.toggle__active:before {
color: #b25a00;
border-color: #b25a00;
}
.toggle-enhanced>.toggle__active .toggle__link>span {
box-shadow: 0 0 5px 2px rgba(178, 90, 0, 0.5);
color: #b25a00;
border-color: #b25a00;
}
.toggle-enhanced>.toggle__active .toggle__link>span:after {
content: "\e75f";
}
/**
* Step link
*/
.toggle__link {
position: absolute;
border-top: 1px #7c7f81 dotted;
display: block;
width: 100%;
top: 20px;
left: 0;
display: none;
}
@media only screen and (min-width: 600px) {
.toggle__link {
display: block;
}
}
.toggle__link>span {
position: absolute;
right: 0;
top: 0;
background: #fff;
border: 2px #d8d8d8 solid;
border-radius: 4px;
padding: 5px;
line-height: 1;
height: 24px;
top: -12px;
text-transform: uppercase;
font-size: 12px;
}
.toggle__link>span:after {
margin-left: 5px;
content: "\e760";
font-size: 10px;
}
/*------------------------------------*\
TOOLTIP.CSS
\*------------------------------------*/
.ui-tooltip {
background: #fff;
border: 2px #333 solid;
position: absolute;
z-index: 100;
padding: 1em 2em 1em 1em;
border-radius: 5px;
font-size: 14px;
font-size: 0.875rem;
box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.6);
max-width: 340px;
display: none;
}
@media only screen and (min-width: 960px) {
.ui-tooltip {
padding: 0.5em 1em;
}
}
.ui-tooltip p {
margin-bottom: 1em;
}
/**
* Close button
*/
.tooltip-close {
position: absolute;
top: 5px;
right: 5px;
color: #333;
}
.tooltip-close:before {
content: "\e75e";
font-size: 12px;
}
@media only screen and (min-width: 960px) {
.tooltip-close {
display: none;
}
}
.ui-tooltip:after,
.ui-tooltip:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.ui-tooltip:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 10px;
margin-left: -10px;
}
.ui-tooltip:before {
border-color: rgba(45, 54, 66, 0);
border-top-color: #333;
border-width: 13px;
margin-left: -13px;
}
.ui-tooltip.left:after,
.ui-tooltip.left:before {
left: 20px;
}
.ui-tooltip.right:after {
right: 10px;
left: auto;
margin: 0;
}
/**
* North Pointing Tooltip
*/
.ui-tooltip.tooltip-n:after,
.ui-tooltip.tooltip-n:before {
bottom: 100%;
top: auto;
}
.ui-tooltip.tooltip-n:after {
border-color: transparent;
border-bottom-color: #ffffff;
border-width: 10px;
margin-left: -10px;
}
.ui-tooltip.tooltip-n:before {
border-color: transparent;
border-bottom-color: #2D3642;
border-width: 13px;
margin-left: -13px;
}
.ui-tooltip.tooltip-n.right:before,
.ui-tooltip.right:before {
right: 7px;
left: auto;
}
/*------------------------------------*\
MEDIA.CSS
\*------------------------------------*/
/**
* Media grid
* Default: 3 columns
*/
.media-grid {
list-style: none;
margin-left: 0;
margin-bottom: 0;
/* Remove bold face */
}
@media only screen and (min-width: 600px) {
.media-grid {
margin-bottom: 1em;
}
}
.media-grid>li {
margin-bottom: 16.00008px;
margin-bottom: 1.00001rem;
}
@media only screen and (min-width: 600px) {}
.media-grid p {
font-weight: normal;
}
/**
* Media Blocks
*/
.media-grid--blocks {
/* Typography */
/* Hover */
/* Section expand */
}
.media-grid--blocks>li {
font-size: 14px;
font-size: 0.875rem;
}
.media-grid--blocks p {
margin: 0;
color: #333;
}
.media-grid--blocks p+.row,
.media-grid--blocks p+.content-row,
.media-grid--blocks p+ul {
padding-top: 20px;
}
.media-grid--blocks>li {
border: 1px #b3c1ca solid;
border-radius: 4px;
display: block;
padding: 12px 16px 16px;
background: #fff;
text-decoration: none;
/*height: 100%; */
}
.media-grid--blocks>li:hover {
border-color: #006eab;
border-width: 1px;
}
.media-grid--blocks ul {
color: #006eab;
}
.media-grid--blocks h2 {
margin-bottom: 0px;
font-weight: 600;
}
.media-grid--blocks>li>a:hover {
text-decoration: none;
}
.media-grid--blocks .section-expand {
padding-top: 24px;
padding-top: 1.5rem;
}
@media only screen and (min-width: 600px) {}
/**
* Media block
*/
.media-block {
list-style: none;
margin-left: 0;
font-size: 0;
padding-bottom: 12px;
padding-bottom: 0.75rem;
*zoom: 1;
/* Meta */
}
@media only screen and (min-width: 600px) {}
.media-block:before,
.media-block:after {
content: " ";
display: table;
}
.media-block:after {
clear: both;
}
@media only screen and (min-width: 600px) {
.media-block {
margin-left: -8px;
margin-right: -8px;
}
}
@media only screen and (min-width: 960px) {
.media-block {
margin-left: -10px;
margin-right: -10px;
}
}
.media-block>li {
font-size: 14px;
margin: 0;
padding-bottom: 16.00008px;
padding-bottom: 1.00001rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {
.media-block>li {
display: inline-block;
vertical-align: top;
width: 33.33333%;
padding: 0 8px 16px 8px;
}
}
@media only screen and (min-width: 960px) {
.media-block>li {
padding: 0 10px;
padding-bottom: 20px;
}
}
.media-block .media-content {
border: 1px #b3c1ca solid;
border-radius: 4px;
padding: 16.00008px;
padding: 1.00001rem;
*zoom: 1;
background: #fff;
/*min-height: 100%; */
}
@media only screen and (min-width: 600px) {}
.media-block .media-content:before,
.media-block .media-content:after {
content: " ";
display: table;
}
.media-block .media-content:after {
clear: both;
}
.media-block a {
font-weight: normal;
}
.media-block .media-title {
line-height: 1.4;
border-bottom: 1px #b3c1ca solid;
padding-bottom: 1em;
margin-bottom: 20px;
}
@media only screen and (min-width: 960px) {
.media-block .media-title {
height: 60px;
}
}
.media-block .media-title>a {
font-weight: 600;
}
.media-block h3 {
padding-top: 0;
}
.media-block p {
margin-bottom: 16.00008px;
margin-bottom: 1.00001rem;
}
@media only screen and (min-width: 600px) {}
.media-block h3+p {
margin-top: -7.9992px;
margin-top: -0.49995rem;
}
@media only screen and (min-width: 600px) {}
.media-block .article-meta {
padding-bottom: 0;
font-size: 13px;
}
/**
* Figure
*/
figure {
display: inline-block;
margin: 0 0 2em 0;
padding: 0;
*zoom: 1;
}
figure:before,
figure:after {
content: " ";
display: table;
}
figure:after {
clear: both;
}
figure .figure-image {
position: relative;
}
figure .icon-play-video {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 40px;
height: 40px;
margin: auto;
}
figure figcaption {
padding: 1em 0 0 0;
font-size: 14px;
font-size: 0.875rem;
}
figure img {
border-radius: 4px;
}
figure p {
margin-bottom: 0.5em;
}
/**
* Image left
*/
@media only screen and (min-width: 600px) {
.figure-img-left .figure-image {
float: left;
max-width: 40%;
}
.figure-img-left figcaption {
overflow: auto;
padding: 1em 1em 1em 1.5em;
}
}
/**
* Caption title
*/
/**
* Play icon
*/
.icon-play-video {
width: 40px;
height: 40px;
display: block;
text-align: center;
line-height: 30px;
background-color: #e57200;
color: #fff;
border-radius: 100%;
}
.icon-play-video:hover {
background-color: #b25600;
}
.icon-play-video:before {
width: 0;
font-size: 0;
height: 0;
border-style: solid;
border-width: 10px 0px 10px 17.3px;
border-color: transparent transparent transparent #fff;
content: " ";
line-height: 10px;
margin-left: 5px;
}
/*------------------------------------*\
$COMPONENT - PANELS
\*------------------------------------*/
/**
* Panel
*/
.panel {
margin-bottom: 24px;
margin-bottom: 1.5rem;
border: 1px #d8d8d8 solid;
background: #eee;
/**
* Last child
*/
/**
* table
*/
}
@media only screen and (min-width: 600px) {}
.panel p:last-child,
.panel ul:last-child,
.panel ol:last-child {
margin-bottom: 0;
}
.panel .table:last-child {
margin-bottom: 0;
}
/**
* Panel Body
*/
.panel__body {
padding: 1em;
}
/**
* Panel Criteria
*/
.panel--criteria {
margin-bottom: 1em;
}
.panel--criteria label {
display: block;
}
.panel--criteria p {
margin-bottom: 1em;
}
/**
* Filter text
*/
.filter-current {
font-weight: bold;
display: block;
padding-top: 0;
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
/**
* Plain panel
*/
.panel-plain {
background: transparent;
border-radius: 4px;
padding: 1em;
}
.panel-plain .panel-title {
font-weight: 600;
padding-bottom: 1em;
}
/**
* Panel blue
*/
.panel-blue {
background: #006eab;
border-radius: 4px;
color: #fff;
border: none;
box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.6);
padding: 1em;
}
@media only screen and (min-width: 600px) {
.panel-blue {
padding: 1.5em;
}
}
.panel-blue a {
color: #fff;
}
.panel-blue a:hover {
color: #fff;
}
.panel-blue a:active {
color: #fff;
}
.panel-blue .form-submit {
padding-bottom: 0;
padding-top: 0;
}
.panel-blue .form-submit>.btn,
.panel-blue .form-submit>.link-filter-toggle,
.panel-blue .form-submit>.introjs-search .introjs-skipbutton,
.introjs-search .panel-blue .form-submit>.introjs-skipbutton,
.panel-blue .form-submit>.trip-close,
.panel-blue .form-submit>.trip-next,
.panel-blue .form-submit>.trip-prev {
margin-bottom: 0;
}
/*------------------------------------*\
$COMPONENT - ALERTS
\*------------------------------------*/
.alert {
padding: 0.5em 1em;
margin-bottom: 24px;
margin-bottom: 1.5rem;
position: relative;
padding-right: 1em;
border-left: 5px #7c7f81 solid;
border-color: #C3E0D3;
/*float: left;
width: 100%;*/
/* Last Child */
/* Alert adjacent */
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 960px) {
.alert {
margin-left: 2em;
}
}
.alert:after {
content: "\e802";
position: absolute;
top: 6px;
left: 15px;
font-size: 26px;
color: #666;
width: 1.28571em;
text-align: center;
}
.alert:before {
/* content: "Tip"; */
display: block;
font-weight: 600;
padding-bottom: 0.5em;
color: #666;
padding-left: 35px;
}
.alert ul,
.alert ol {
margin-bottom: 0;
}
.alert ul:last-child,
.alert ol:last-child,
.alert p:last-child,
.alert table:last-child {
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
/**
* Alert Heading
* Use only h3.gamma for alert__heading
*/
.alert__heading {
display: block;
line-height: 1.2;
font-weight: 600;
padding-bottom: 12px;
padding-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
/**
* Alert Close
*/
/**
* Alert Success
*/
.alert--success:after {
content: "\e770";
color: #468847;
}
.alert--success:before {
content: "Success";
color: #468847;
}
/**
* Alert Example
*/
.alert--example {
border-color: #DCCCE3;
}
.alert--example:after {
content: "\e805";
color: #713D7D;
}
.alert--example:before {
content: "Example";
color: #713D7D;
}
/**
* Alert Error
*/
.alert--error {
background-color: #F2DEDE;
border-color: #e8bfc8;
border-left: 0;
margin-left: 0;
padding: 1em;
border: 1px #e8bfc8 solid;
}
.alert--error:after {
content: " ";
}
.alert--error:before {
content: " ";
padding: 0;
}
/**
* Alert Warning
*/
.alert--warning,
.alert--tips {
border-color: #ffc700;
}
.alert--warning:after,
.alert--tips:after {
content: "\f06a";
color: #C09853;
}
/**
* Alert Warning
*/
.alert--tip,
.alert--tips {
border-color: #F9DCA3;
}
.alert--tip:after,
.alert--tips:after {
content: "\e6a3";
color: #C88906;
left: 14px;
}
.alert--tip:before,
.alert--tips:before {
color: #C88906;
}
/**
* Alert Info
*/
.alert--info,
.alert--note,
.alert--service {
border-color: #CDE3F3;
}
/**
* Alert info
*/
.alert--info:after,
.alert--note:after {
color: #2B6896;
}
.alert--info:before,
.alert--note:before {
content: "Note";
color: #2B6896;
}
/**
* Alert Tips
*/
.alert--tips:before {
color: #9D6C00;
}
.alert--tips:after {
content: "\e6a3";
}
/**
* Alert Services
*/
.alert--service:after {
content: "\f013";
}
/**
* Beta alert
*/
.beta-alert {
max-width: 500px;
background: #fff;
margin: 20px auto;
padding: 1em;
border-radius: 4px;
position: relative;
}
.beta-alert img {
display: block;
margin-bottom: 10px;
}
@media only screen and (min-width: 600px) {
.beta-alert img {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 599px) {
.beta-alert {
font-size: 14px;
}
}
.beta-alert .btn,
.beta-alert .link-filter-toggle,
.beta-alert .introjs-search .introjs-skipbutton,
.introjs-search .beta-alert .introjs-skipbutton,
.beta-alert .trip-close,
.beta-alert .trip-next,
.beta-alert .trip-prev {
margin-bottom: 0.5em;
}
/**
* Related
*/
.alert--related {
padding: 1.5em;
margin-top: 3em;
display: block;
background: #E2F1FE;
border: 1px #b1dafc solid;
clear: both;
width: 100%;
margin-left: 0;
}
.alert--related:before {
display: none;
}
.alert--related:after {
display: none;
}
/**
* Unstyled Alert
*/
.alert--unstyled {
margin-left: 0;
margin-bottom: 0;
}
.alert--unstyled:after,
.alert--unstyled:before {
display: none;
}
.alert--myinfo:before {
content: " ";
display: block;
font-weight: 600;
padding-bottom: 0.5em;
color: #2B6896;
padding-left: 35px;
}
.alert--myinfo .alert__title {
font-weight: 600;
padding-bottom: 0.5em;
color: #2B6896;
padding-left: 35px;
margin-top: -0.5em;
}
/*------------------------------------*\
$COMPONENT - PAGINATION
\*------------------------------------*/
/**
* nav pagination
*/
.nav-pagination {
text-align: center;
background: #f6f6f6;
border-radius: 4px;
padding: 1em;
margin-bottom: 24px;
margin-bottom: 1.5rem;
/* Page Next */
}
@media only screen and (min-width: 600px) {}
.nav-pagination a {
padding: 0 0.5em;
font-weight: normal;
display: none;
}
@media only screen and (min-width: 600px) {
.nav-pagination a {
display: inline;
}
}
.nav-pagination .page-prev,
.nav-pagination .page-next {
display: inline;
}
.nav-pagination .page-active {
color: #333;
font-weight: bold;
}
.nav-pagination .page-disabled {
color: #6a6a6a;
}
@media only screen and (max-width: 599px) {
.nav-pagination {
/* Page Next */
}
.nav-pagination .page-next {
float: right;
padding-right: 0;
}
.nav-pagination .page-prev {
float: left;
padding-left: 0;
}
}
/* Mobile indicator */
.page-indicator-mobile {
display: inline;
color: #6a6a6a;
font-size: 14px;
}
@media only screen and (min-width: 600px) {
.page-indicator-mobile {
display: none;
}
}
/*------------------------------------*\
$COMPONENT - Search Autocomplete
\*------------------------------------*/
/*------------------------------------*\
BRANDING.CSS
\*------------------------------------*/
/**
* Logo
*/
.mom-logo {
display: inline-block;
background: url(../../images/branding/mom-logo-color.svg);
background-repeat: no-repeat;
background-size: auto 60px;
text-indent: -2000em;
width: 130px;
height: 60px;
}
.no-svg .mom-logo {
background-image: url(../../images/branding/mom-logo-color-ie.png);
float: left
}
@media only screen and (min-width: 600px) {
.mom-logo {
float: left;
}
}
_:-ms-input-placeholder,
:root .mom-logo {
background-size: 123px auto;
}
/**
* Government logo
*/
.gov-logo {
float: right;
background: url(../images/branding/sing-gov.svg) top left no-repeat;
width: 194px;
height: 31px;
background-size: cover;
text-indent: -2000em;
margin: 3px 0 0 0;
display: none;
}
@media only screen and (min-width: 600px) {
.gov-logo {
display: block;
}
}
.no-svg .gov-logo {
background-image: url(../images/branding/sing-gov-ie.png);
width: 190px;
height: 25px;
display: block;
}
/**
* Top bar
*/
.topbar {
padding: 10px 0;
text-align: center;
position: relative;
z-index: 12;
*zoom: 1;
background: #fff;
}
.topbar:before,
.topbar:after {
content: " ";
display: table;
}
.topbar:after {
clear: both;
}
@media only screen and (min-width: 600px) {
.topbar {
text-align: left;
}
}
/*------------------------------------*\
NAVIGATION.CSS
\*------------------------------------*/
/* Site links */
.nav-site-links {
font-size: 12px;
font-size: 0.75rem;
}
@media only screen and (min-width: 600px) {
.nav-site-links {
clear: right;
float: right;
text-align: right;
font-size: 14px;
font-size: 0.875rem;
}
}
.nav-site-links a {
border-left: 1px #b3c1ca solid;
padding: 0 4px;
display: inline-block;
line-height: 1;
}
@media only screen and (min-width: 375px) {
.nav-site-links a {
padding: 0 0.8em;
}
}
@media only screen and (min-width: 600px) {
.nav-site-links a {
padding: 0 0.8em;
}
}
.nav-site-links a:first-child {
border-left: none;
}
.nav-site-links a:last-child {
padding-right: 0;
}
.nav-site-links a:first-child {
padding-left: 0;
}
/**
* Support Links
*/
.support-links {
float: right;
clear: right;
margin: 12px 0 0 0;
font-size: 12px;
font-size: 0.75rem;
display: none;
line-height: 1;
}
@media only screen and (min-width: 600px) {
.support-links {
display: block;
}
}
.support-links>a {
border-left: 1px #b3c1ca solid;
padding: 0 8px;
display: inline-block;
line-height: 1.2;
}
.support-links>a:last-child {
padding-right: 0;
}
.support-links>a:first-child {
border-left: none;
margin-left: 0;
}
/**
* Feed and Alerts
*/
.nav-feed-alerts {
list-style: none;
margin-bottom: 1em;
}
@media only screen and (min-width: 600px) {
.nav-feed-alerts {
display: block;
margin-left: 1em;
}
}
.nav-feed-alerts a {
display: inline;
padding: 0 1em;
border-left: 1px #d8d8d8 solid;
}
.nav-feed-alerts>a:first-child {
border-left: none;
padding-left: 0;
}
.nav-feed-alerts>a:last-child {
padding-right: 0;
}
@media only screen and (min-width: 600px) {
.nav-feed-alerts {
border: none;
padding: 0;
margin-bottom: 0;
float: right;
}
}
/**
* Nav sidemenu
*/
.nav-sidemenu {
padding-bottom: 12px;
padding-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
.nav-sidemenu a {
display: block;
margin-bottom: 8px;
}
.nav-sidemenu .active {
font-weight: bold;
color: #333;
}
.nav-sidemenu .full-list {
display: none;
}
.nav-sidemenu .full-list.list-opened {
display: block;
}
/**
* Nav site help
*/
@media only screen and (min-width: 600px) {
.nav-site-help {
display: none;
}
}
/**
* Pagination
*/
.pages {
margin-bottom: 12px;
margin-bottom: 0.75rem;
text-align: center;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {
.pages {
text-align: right;
}
}
.pages a {
font-weight: normal;
padding: 0 5px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: none;
}
@media only screen and (min-width: 600px) {
.pages a {
display: inline;
}
}
.pages a.previous,
.pages a.next {
display: inline;
padding-right: 1em;
padding-left: 1em;
}
@media only screen and (min-width: 600px) {
.pages a.previous,
.pages a.next {
padding-left: 5px;
padding-right: 5px;
}
}
.pages .page-ellipsis {
display: none;
}
@media only screen and (min-width: 600px) {
.pages .page-ellipsis {
display: inline;
}
}
.pages .page-current {
color: #333;
font-weight: bold;
}
.pages .previous:before {
content: "\e761";
margin-right: 0.3em;
font-size: 20px;
vertical-align: -2px;
}
.pages .next:after {
content: "\e762";
margin-left: 0.3em;
margin-right: 0;
font-size: 20px;
vertical-align: -2px;
}
.pages .page-status {
padding: 0 1em;
}
/**
* Top pagination
*/
.pages-top {
float: right;
margin-top: 1em;
display: none;
}
@media only screen and (min-width: 600px) {
.pages-top {
display: block;
margin-top: 0;
}
}
@media only screen and (min-width: 960px) {
.pages-top {
margin-bottom: 0;
margin-top: 1em;
}
}
/**
* Bottom
*/
.pages-bottom {
padding-bottom: 1em;
}
/*------------------------------------*\
CALCULATOR.CSS
\*------------------------------------*/
/**
* MOM calculator
*/
.mom-calculator {
margin-bottom: 48px;
margin-bottom: 3rem;
}
@media only screen and (min-width: 600px) {}
/**
* Main Container
*/
.smartform-calculator {
position: relative;
padding-bottom: 2em;
/**
* label
*/
/**
* Spinner
*/
}
.smartform-calculator .smartform-label {
display: block;
}
.smartform-calculator .mom-spinner {
position: absolute;
left: 50%;
top: 1em;
}
/**
* After loading
*/
.smartform-loaded {
padding-bottom: 0;
}
/**
* Flat calculator
*/
.smartform-flat {
padding-top: 24px;
padding-top: 1.5rem;
background: #f6f6f6;
border: 1px #b3c1ca solid;
border-top-width: 4px;
border-radius: 4px;
padding-left: 1em;
padding-right: 1em;
}
@media only screen and (min-width: 600px) {}
.smartform-guided {
background: none;
border: none;
margin-bottom: 36px;
margin-bottom: 2.25rem;
}
@media only screen and (min-width: 600px) {}
.smartform-guided .smartform-question {
margin-bottom: 1em;
}
.smartform-guided label.field-error {
margin-bottom: 0;
}
/**
* Description
*/
.smartform-description {
color: #6a6a6a;
}
label+.smartform-description {
margin-top: 0px;
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
.smartform-guided .smartform-description {
margin-bottom: 0;
}
.smartform-description span {
font-weight: 600;
}
/**
* Question
*/
.smartform__question {
position: relative;
padding: 1em;
border-bottom: 1px #b1dafc solid;
border-radius: 4px 4px 0 0;
}
.smartform-question-active .smartform__question {
border-color: #F0CDAC;
}
/**
* Answer
*/
.smartform__answer {
padding: 1em;
background: #fff;
border-radius: 0 0 4px 4px;
}
@media only screen and (min-width: 600px) {
.smartform__answer {
padding-left: 65px;
}
}
/**
* Number
*/
.smartform__number {
background: #006eab;
width: 30px;
height: 30px;
display: inline-block;
line-height: 30px;
color: #fff;
text-align: center;
border-radius: 50%;
position: absolute;
left: 10px;
top: 12px;
}
.smartform-question-active .smartform__number {
background-color: #b25a00;
font-weight: 400;
}
@media only screen and (min-width: 600px) {
.smartform__number {
left: 1em;
top: 0.9em;
}
}
/**
* Results
*/
.smartform-result {
padding-top: 0px;
padding-top: 0rem;
margin-bottom: 16px;
display: none;
/*panel */
}
@media only screen and (min-width: 600px) {}
.smartform .smartform-result {
display: none;
}
.smartform-result .panel {
border-radius: 4px;
background: #fff;
padding: 20px 15px;
}
.smartform-result .panel:last-child {
margin-bottom: 0;
}
.smartform-result .panel {
border: none;
padding: 0;
padding: 16px;
background: #fff;
border: 1px #d8d8d8 solid;
border-radius: 4px;
}
.smartform-guided .smartform-result .panel {
border: 1px #F0CDAC solid;
border-top-width: 4px;
border-radius: 4px;
padding: 16px;
}
/**
* Answer
*/
.question__answer {
margin: 0;
font-weight: 600;
}
/**
* Hide negative result
*/
.result__negative {
display: none;
}
/**
* Progress Bar
*/
.smartform__progress {
background: #95a9b5;
height: 15px;
width: 200px;
position: relative;
margin-bottom: 24px;
margin-bottom: 1.5rem;
border-radius: 3px;
position: absolute;
top: -30px;
left: 0;
}
@media only screen and (min-width: 600px) {}
.smartform__progress>span {
display: block;
height: 100%;
width: 5%;
background: #5FC600;
left: 0;
top: 0;
border-right: 3px #fff solid;
border-radius: 3px 0 0 3px;
transition: width 0.3s ease-in;
}
/**
* Calculator Steps
*/
.smartform__steps {
margin-bottom: 24px;
margin-bottom: 1.5rem;
display: inline;
vertical-align: middle;
margin-left: 1em;
}
@media only screen and (min-width: 600px) {}
/**
* Submit
*/
.form__submit {
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
.form__submit .btn,
.form__submit .link-filter-toggle,
.form__submit .introjs-search .introjs-skipbutton,
.introjs-search .form__submit .introjs-skipbutton,
.form__submit .trip-close,
.form__submit .trip-next,
.form__submit .trip-prev {
margin-bottom: 0;
}
/**
* Result Highlight
*/
.result-highlight {
font-size: 22px;
font-size: 1.375rem;
line-height: 1;
font-weight: bold;
}
@media only screen and (min-width: 600px) {
.result-highlight {
font-size: 28px;
font-size: 1.75rem;
}
}
/**
* Smart Calculator
*/
.smart-calculator {
padding-top: 24px;
padding-top: 1.5rem;
}
@media only screen and (min-width: 600px) {}
/**
* Overrides
*/
.smartform-question {
position: relative;
/* Edit Link */
}
.smartform-question .smartform__question {
padding-left: 50px;
}
@media only screen and (min-width: 600px) {
.smartform-question .smartform__question {
padding-left: 65px;
}
}
.smartform-question label {
font-weight: 600;
}
.smartform-guided .smartform-question label {
font-weight: normal;
}
.smartform-question .label-radio,
.smartform-question .label-checkbox {
font-weight: normal;
}
.smartform-question .field-error {
font-weight: normal;
}
.smartform-question .link--edit,
.smartform-question .rate-mom a,
.rate-mom .smartform-question a {
float: right;
margin: 0 1em 0 1em;
display: none;
}
/**
* Guided calculator
*/
.smartform-guided .smartform-question {
border: 1px #b1dafc solid;
border-radius: 4px;
background: #E2F1FE;
}
.smartform-guided .smartform-question-active {
border-color: #F0CDAC;
background: #FFF7F0;
}
.smartform-guided .smartform__options {
display: none;
}
.smartform-guided .question__answer {
display: block;
}
.smartform-guided .link--edit,
.smartform-guided .rate-mom a,
.rate-mom .smartform-guided a {
display: block;
}
.smartform-question-active .smartform__options {
display: block;
}
.smartform-question-active .question__answer {
display: none;
}
.smartform-question-active .link--edit,
.smartform-question-active .rate-mom a,
.rate-mom .smartform-question-active a {
display: none;
}
/**
* Prefix
*/
.smartform__prefix {
padding-right: 0.2em;
display: inline-block;
}
.smartform__options .smartform__prefix {
vertical-align: middle;
margin-bottom: 12px;
margin-bottom: 0.75rem;
font-size: 18px;
font-size: 1.125rem;
padding-right: 0.3em;
}
@media only screen and (min-width: 600px) {}
.smartform-guided .date-field,
.smartform-guided .label-inline,
.smartform-guided .text-input {
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
.smartform-guided label.field-error {
margin-top: 0;
}
/**
* Terms of use
*/
.mom-calculator-terms {
border-radius: 4px;
padding: 1em 0;
font-size: 14px;
margin-top: -35px;
}
.smartform-guided .mom-calculator-terms {
margin-top: 0;
}
/**
* Date support
*/
.smartform-date-not-supported .smartform-date-input {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
overflow: hidden;
}
.smartform-date-supported .date-field {
display: none;
}
.smartform-date-supported .smartform-date-input {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
/*------------------------------------*\
FOOTER CSS
\*------------------------------------*/
.module-footer {
font-size: 14px;
font-size: 0.875rem;
/* Links */
/* Hover link */
}
.module-footer a {
color: #BADBFD;
font-weight: normal;
}
.module-footer a:hover {
color: #BADBFD;
}
.module-footer a:active {
color: #BADBFD;
}
.module-footer a:hover {
color: #fff;
}
/**
* Copyright
*/
.module-copyright a {
padding: 0 1em;
font-weight: normal;
}
/* Copyright Text */
.text--copyright {
font-size: 12px;
font-size: 0.75rem;
margin-bottom: 1em;
}
.text--copyright span {
display: block;
padding: 0 0 1em 0;
}
.text--copyright span+a {
padding-left: 0;
}
@media only screen and (min-width: 600px) {
.text--copyright span {
display: inline;
}
}
@media only screen and (min-width: 600px) {
.text--copyright {
float: left;
}
.text--copyright span+a {
padding-left: 2em;
}
}
/**
* MOM Footer logo
*/
.mom-logo-footer {
display: block;
background: url(../images/branding/mom-logo-white.svg) top left no-repeat;
width: 146px;
height: 72px;
text-indent: -2000em;
margin-bottom: 19.9992px;
margin-bottom: 1.24995rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {
.mom-logo-footer {
float: left;
margin-bottom: 0;
}
}
.no-svg .mom-logo-footer {
background-image: url(../images/branding/mom-logo-white-ie.png);
}
/**
* Rate MOM
*/
.rate-mom {
font-size: 12px;
font-size: 0.75rem;
margin-bottom: 1em;
}
@media only screen and (min-width: 600px) {
.rate-mom {
float: right;
display: inline;
}
}
.rate-mom a {
margin-right: 2em;
padding-right: 0;
margin-left: 0.4em;
}
@media only screen and (min-width: 600px) {
.rate-mom a {
margin-left: 2em;
margin-right: 0;
}
}
/*------------------------------------*\
ANIMATION.CSS
\*------------------------------------*/
.animation-flash {
-moz-animation: flash 1s ease-out;
-moz-animation-iteration-count: 1;
-webkit-animation: flash 1s ease-out;
-webkit-animation-iteration-count: 1;
-ms-animation: flash 1s ease-out;
-ms-animation-iteration-count: 1;
}
@-webkit-keyframes flash {
0% {
background-color: none;
}
50% {
background-color: #fbf8b2;
}
100% {
background-color: none;
}
}
@-ms-keyframes flash {
0% {
background-color: none;
}
50% {
background-color: #fbf8b2;
}
100% {
background-color: none;
}
}
/*------------------------------------*\
$COMPONENT - RELATED
\*------------------------------------*/
.ui-related {
padding-top: 24px;
padding-top: 1.5rem;
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {}
.ui-related h2 {
border-top: 5px #d8d8d8 solid;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0;
padding-top: 1em;
}
.ui-related h2:before {
content: "\e748";
margin-right: 0.5em;
}
/*------------------------------------*\
FEEDBACK.CSS
\*------------------------------------*/
.module-feedback {
/* Page content */
}
.module-feedback .page-content {
padding: 0;
}
.module-feedback p {
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (max-width: 599px) {
.module-feedback .beta {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.2;
}
}
@media only screen and (min-width: 600px) and (max-width: 960px) {
.module-feedback .beta {
font-size: 24px;
font-size: 1.5rem;
line-height: 1;
}
}
.feedback-response {
text-align: left;
padding-top: 24px;
padding-top: 1.5rem;
}
@media only screen and (min-width: 600px) {}
.feedback-response .btn,
.feedback-response .link-filter-toggle,
.feedback-response .introjs-search .introjs-skipbutton,
.introjs-search .feedback-response .introjs-skipbutton,
.feedback-response .trip-close,
.feedback-response .trip-next,
.feedback-response .trip-prev {
margin-bottom: 1em;
}
/**
* Feedback options
*/
.fieldset--feedback {
padding-bottom: 12px;
padding-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
/*------------------------------------*\
KB.CSS
\*------------------------------------*/
.browse-panes {
*zoom: 1;
padding-bottom: 12px;
padding-bottom: 0.75rem;
}
.browse-panes:before,
.browse-panes:after {
content: " ";
display: table;
}
.browse-panes:after {
clear: both;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 960px) {
.browse-panes {
padding-top: 12px;
padding-top: 0.75rem;
}
@media only screen and (min-width: 600px) {}
}
.browse-panes:focus {
outline: none;
}
/**
* Pane
*/
.pane {
position: relative;
background: #fff;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
/* Td */
/* Faq */
}
@media only screen and (min-width: 600px) {
.pane {
float: right;
width: 25%;
min-height: 20px;
}
}
.pane .list--faq {
padding-bottom: 0;
}
/**
* Pane section
*/
.pane-section {
z-index: 2;
}
.pane-inner {
*zoom: 1;
min-height: 500px;
}
.pane-inner:before,
.pane-inner:after {
content: " ";
display: table;
}
.pane-inner:after {
clear: both;
}
@media only screen and (min-width: 600px) {
.pane-inner {
border-left: 1px #d8d8d8 solid;
padding-left: 15px;
}
}
.pane-subsection {
z-index: 3;
}
/**
* Subsection active
*/
@media only screen and (min-width: 600px) {
/**
* Section pane
*/
/**
* Sub section
*/
.pane-section {
width: 32%;
}
.pane-subsection {
width: 41%;
}
.sub-section-active .pane-section {
margin-left: -12%;
}
.sub-section-active .pane-subsection {
width: 53%;
}
}
/**
* List pane
*/
.list-pane {
list-style: none;
margin-left: -15px;
}
.list-pane .spin {
position: absolute;
right: 23px;
top: 50%;
margin-top: 0px;
}
.list-pane .spin-json {
position: absolute;
left: 10px;
top: 50px;
}
.list-pane>li {
margin: 0;
position: relative;
border-bottom: 1px #d8d8d8 solid;
}
@media only screen and (min-width: 600px) {
.list-pane>li {
border-bottom: none;
}
}
.list-pane>li:last-child {
border-bottom: none;
}
@media only screen and (min-width: 600px) {
.list-pane>li:first-child {
border-top: none;
}
}
.list-pane a {
padding: 1em 0.625em;
padding-right: 40px;
display: block;
position: relative;
}
@media only screen and (min-width: 600px) {
.list-pane a {
padding-left: 15px;
}
}
.list-pane a:after {
content: "\e762";
position: absolute;
right: 15px;
top: 50%;
margin-top: -8px;
}
.list-pane a:hover {
text-decoration: none;
background-color: #E2F1FE;
}
.list-pane .loading:after {
display: none;
}
.list-pane .active>a {
background-color: #006eab;
color: #fff;
}
/**
* Mobile
*/
@media only screen and (max-width: 599px) {
.list-pane {
margin-left: 0;
}
.pane {
border-left: none;
padding-left: 0;
}
.section-active .pane {
display: none;
}
.section-active .pane-section {
display: block;
}
.sub-section-active .pane {
display: none;
}
.sub-section-active .pane-subsection {
display: block;
}
}
/*------------------------------------*\
RELATED QUESTIONS
\*------------------------------------*/
.ui-related-questions {
padding-top: 24px;
padding-top: 1.5rem;
}
@media only screen and (min-width: 600px) {}
/*------------------------------------*\
SEARCH CSS
\*------------------------------------*/
/**
* Top bar, Search and breadcrumbs
*/
/* Inner page search */
.mom-search {
background: #fff;
position: relative;
z-index: 11;
display: none;
color: #333;
*zoom: 1;
clear: both;
/* Close link */
}
.mom-search:before,
.mom-search:after {
content: " ";
display: table;
}
.mom-search:after {
clear: both;
}
.mom-search .mom-search-inner {
padding: 0;
margin: 1em 0;
}
.mom-search .link--close-rounded {
display: none;
}
@media only screen and (min-width: 1040px) {
.mom-search .link--close-rounded {
display: block;
}
}
.mom-search-inner {
position: relative;
padding-bottom: 1em;
}
@media only screen and (min-width: 600px) {
.mom-search-inner {
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
}
.mom-masthead .mom-search-inner {
padding-bottom: 0;
color: #333;
background: #fff;
border-radius: 4px;
}
/**
* Search zoning
*/
.search-zone-select {
position: absolute;
left: 0;
top: 0px;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
background: transparent;
height: 45px;
border-right: 1px #7c7f81 solid;
border-radius: 0;
opacity: 0;
min-width: 300px;
margin: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
/* Zone select text */
.search-zone-text {
padding: 0 15px 0 15px;
margin: 0;
white-space: nowrap;
display: block;
color: #333;
}
.search-zone-text:after {
content: "\e760";
margin-left: 8px;
margin-right: 0;
font-size: 10px;
}
/* focus */
.search-zone-focus .search-zone-text {
opacity: 0.7;
}
.search-zoning {
display: table;
width: 100%;
border: 2px #b3c1ca solid;
border-radius: 4px;
background: #fff;
}
.search-zoning .text-input {
border: none;
margin-bottom: 0;
padding-right: 50px;
}
.search-zoning .text-input:focus {
box-shadow: none;
}
.search-zoning .search-zone-selection,
.search-zoning .search-zone-query,
.search-zoning .search-zone-submit {
display: table-cell;
}
.search-zoning .search-zone-selection {
background: #E2F1FE;
border-right: 1px #b3c1ca solid;
font-size: 14px;
border-radius: 2px 0 0 2px;
display: none;
}
@media only screen and (min-width: 600px) {
.search-zoning .search-zone-selection {
display: table-cell;
}
}
.search-zoning .search-zone-selection:hover {
background-color: #E2F1FE;
}
.search-zone-query {
width: 100%;
position: relative;
}
.search-active {
border-color: #51A7E8;
}
/**
* Submit button
*/
.search-zone-submit .btn,
.search-zone-submit .link-filter-toggle,
.search-zone-submit .introjs-search .introjs-skipbutton,
.introjs-search .search-zone-submit .introjs-skipbutton,
.search-zone-submit .trip-close,
.search-zone-submit .trip-next,
.search-zone-submit .trip-prev {
margin: -1px -1px -1px 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
font-size: 0;
}
.search-zone-submit .btn:before,
.search-zone-submit .link-filter-toggle:before,
.search-zone-submit .introjs-search .introjs-skipbutton:before,
.introjs-search .search-zone-submit .introjs-skipbutton:before,
.search-zone-submit .trip-close:before,
.search-zone-submit .trip-next:before,
.search-zone-submit .trip-prev:before {
content: "\e759";
font-size: 16px;
padding: 0.8em 0em;
width: 38px;
display: none;
/* Fixes an IE 8 error where buttons with font-size: 0 doesnt work */
}
@media only screen and (min-width: 0px) {
.search-zone-submit .btn:before {
display: inline-block;
}
}
@media only screen and (min-width: 600px) {
.search-zone-submit .btn {
width: 92px;
font-size: 16px;
font-size: 1rem;
}
.search-zone-submit .btn:before,
.search-zone-submit .link-filter-toggle:before,
.search-zone-submit .introjs-search .introjs-skipbutton:before,
.introjs-search .search-zone-submit .introjs-skipbutton:before,
.search-zone-submit .trip-close:before,
.search-zone-submit .trip-next:before,
.search-zone-submit .trip-prev:before {
display: none;
}
}
/* Modernizr */
.csstransitions .main-content {
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.csstransitions .mom-search {
display: block;
position: absolute;
left: 0;
top: 100%;
width: 100%;
transition: -webkit-transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.csstransitions .menu-wrapper {
transition: box-shadow 0.3s ease-in-out;
}
.csstransitions .site-search-opened .mom-search {
-webkit-transform: translateY(0px);
transform: translateY(0px);
box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.6);
}
.csstransitions .site-search-opened .main-content {
-webkit-transform: translateY(75px);
transform: translateY(75px);
}
.csstransitions .site-search-opened .menu-wrapper {
box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.6);
}
.csstransitions .site-search-opened.menu-bar-pinned .main-content {
-webkit-transform: translateY(0);
transform: translateY(0);
}
/**
* Search spinner
*/
.search-spinner {
right: 0;
top: 0;
width: 50px;
text-align: center;
height: 100%;
display: block;
position: absolute;
}
/**
* Overlay
*/
.search-overlay {
content: " ";
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg==');
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: none;
z-index: 10;
-webkit-tap-highlight-color: transparent;
}
/* Modernizr */
.csstransitions .search-overlay {
display: block;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s, visibility 0.5s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.csstransitions .site-search-opened .search-overlay {
visibility: visible;
opacity: 1;
}
/**
* Search suggestion
*/
/**
* Search remove
*/
.search-clear {
position: absolute;
z-index: 1;
top: 2px;
right: 0;
bottom: 2px;
width: 50px;
text-align: center;
cursor: pointer;
}
.search-clear,
.search-clear:visited,
.search-clear:hover {
color: #333;
}
.search-clear:before {
content: "\e75e";
font-size: 12px;
vertical-align: middle;
position: absolute;
top: 50%;
margin-top: -6px;
left: 50%;
margin-left: -6px;
}
/**
* Facet count
*/
.facet-term-count {
color: #6c6c6c;
text-decoration: none;
display: inline-block;
white-space: nowrap;
}
/**
* Module current selection
*/
.module-current-selection {
background: #1F253D;
border-radius: 4px;
color: #fff;
margin-bottom: 24px;
margin-bottom: 1.5rem;
/* Links */
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {
.module-current-selection {
margin-bottom: 30px;
margin-bottom: 1.875rem;
}
@media only screen and (min-width: 600px) {}
}
.module-current-selection a {
color: #fff;
font-weight: normal;
}
.module-current-selection a:visited {
color: #fff;
}
.module-current-selection a:hover {
color: #fff;
}
.module-current-selection a:active {
color: #fff;
}
.module-current-selection .text-subtitle {
padding: 10px 15px;
border-color: #575E67;
}
.module-current-selection .module-content {
padding: 0px 10px 10px 15px;
}
.module-current-selection .facet-selection {
padding-bottom: 10px;
padding-right: 25px;
position: relative;
}
.module-current-selection .link--close-rounded {
right: 0;
top: 1px;
width: 20px;
text-align: center;
}
.module-current-selection .link--close-rounded:hover {
opacity: 0.8;
}
.module-current-selection .link--close-rounded:before {
font-size: 14px;
}
.module-current-selection .facet-selection-name {
color: #BADBFD;
}
/*------------------------------------*\
SEARCH RESULTS
\*------------------------------------*/
.mom-search-inner .search-results {
position: absolute;
z-index: 2;
top: 100%;
width: 100%;
}
.search-zoning {
position: relative;
z-index: 3;
}
/**
* Inner container
*/
.search-results-inner {
background: #fff;
border: 2px #b3c1ca solid;
border-radius: 0 0 4px 4px;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
}
/**
* Results rows
*/
.result-row {
width: 100%;
/* Paragraph */
/* Search suggestion */
/* Remove bold */
/* Small */
}
.result-row .result-category {
font-size: 14px;
font-size: 0.875rem;
color: #6a6a6a;
background: #f6f6f6;
border-bottom: 1px #d8d8d8 solid;
padding: 2px 15px;
}
.result-row .result-category-empty {
display: none;
}
.result-row:last-child .result-items {
border-bottom: none;
}
.result-row .result-items {
padding: 10px;
border-bottom: 1px #d8d8d8 solid;
}
@media only screen and (min-width: 600px) {
.result-row .result-items {
padding: 15px 14px;
}
}
.result-row p {
margin-bottom: 8px;
}
.result-row .search-suggestion {
padding-top: 0;
margin-bottom: 0;
}
.result-row strong,
.result-row b {
font-weight: 600;
}
.result-row small {
font-size: 14px;
font-size: 0.875rem;
}
/* Top hit */
.result-set-tophit .result-category {
border: none;
background: none;
padding-top: 5px;
padding-bottom: 0;
}
.result-set-tophit .result-items {
padding-top: 10px;
}
/**
* Search results
*/
.search-results-listing {
max-height: 300px;
overflow-y: auto;
/* Links */
}
@media only screen and (min-height: 0) {
.search-results-listing {
max-height: 120px;
}
}
@media only screen and (min-height: 375px) {
.search-results-listing {
max-height: 180px;
}
}
@media only screen and (min-height: 480px) {
.search-results-listing {
max-height: 280px;
}
}
@media only screen and (min-height: 600px) {
.search-results-listing {
max-height: 360px;
}
}
@media only screen and (min-height: 650px) {
.search-results-listing {
max-height: 420px;
}
}
@media only screen and (min-height: 800px) {
.search-results-listing {
max-height: 500px;
}
}
.search-results-listing a {
font-weight: 600;
}
/**
* When the site search is opened
*/
.site-search-opened .search-results-listing {
max-height: 100px;
}
@media only screen and (min-height: 375px) {
.site-search-opened .search-results-listing {
max-height: 140px;
}
}
@media only screen and (min-height: 480px) {
.site-search-opened .search-results-listing {
max-height: 240px;
}
}
@media only screen and (min-height: 500px) {
.site-search-opened .search-results-listing {
max-height: 280px;
}
}
@media only screen and (min-height: 560px) {
.site-search-opened .search-results-listing {
max-height: 300px;
}
}
@media only screen and (min-height: 600px) {
.site-search-opened .search-results-listing {
max-height: 360px;
}
}
@media only screen and (min-height: 640px) {
.site-search-opened .search-results-listing {
max-height: 400px;
}
}
@media only screen and (min-height: 800px) {
.site-search-opened .search-results-listing {
max-height: 500px;
}
}
/**
* Result list
*/
.list-result-items {
list-style: none;
margin: 0;
}
.list-result-items>li {
margin: 0;
}
.list-result-items a {
display: block;
padding: 1px 5px;
margin-left: -5px;
margin-right: -5px;
}
.list-result-items a:hover,
.list-result-items a:focus,
.list-result-items a.selected {
background-color: #E2F1FE;
text-decoration: none;
}
.list-result-items .subtitles {
font-size: 13px;
}
.list-result-items .subtitles a {
display: inline-block;
font-weight: 400;
}
/**
* View all button
*/
.btn-search-viewall {
display: block;
text-align: center;
margin: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.result-summary {
margin-bottom: 4px;
}
.result-last-updated {
font-size: 12px;
color: #6c6c6c;
}
.h2-subtitles {
font-size: 13px;
margin-bottom: 16px;
}
.h2-subtitles .divider {
color: #d8d8d8;
}
.h2-subtitles a {
padding: 0 8px;
font-weight: 400;
border-right: 1px solid #d8d8d8;
}
.h2-subtitles a:last-child {
border-right: none;
}
.arrow-return {
display: inline-block;
}
.arrow-return::before {
content: "\e94a";
font-size: 13px;
}
.snippet-phone {
padding-bottom: 1em;
}
.loc-snippet {
*zoom: 1;
}
.loc-snippet:before,
.loc-snippet:after {
content: " ";
display: table;
}
.loc-snippet:after {
clear: both;
}
.loc-snippet-img {
width: 100px;
float: left;
margin: 0 10px 10px 0;
}
.loc-snippet-content {
overflow: hidden;
}
/**
* Location snippet
*/
.list-result-items .snippet-location {
padding-bottom: 1em;
}
.list-result-items .snippet-location:last-child {
padding-bottom: 0.5em;
}
/*------------------------------------*\
$COMPONENT - NOTIFICATIONS
\*------------------------------------*/
.notification {
background: #CC3123 url(../images/stripe.png) repeat;
color: #fff;
padding: 1em;
text-align: center;
position: relative;
padding-right: 50px;
/* Make it appear above search overlay */
z-index: 11;
}
.notification a {
color: #fff;
text-decoration: underline;
}
.notification a:hover {
color: #fff;
}
.notification a:active {
color: #fff;
}
.notification .notification-text:before {
content: "\e76d";
font-size: 30px;
vertical-align: top;
margin-right: 10px;
margin-top: -4px;
}
.notification .notification-close {
padding: 1em;
top: 0;
right: 0;
}
.notification .notification-close,
.notification .notification-close:hover,
.notification .notification-close:visited {
color: #fff;
}
.notification .notification-close:focus {
background-color: transparent;
}
/**
* Content notification
*/
.local-notification {
background: #F2DEDE;
color: #333;
margin-bottom: 24px;
margin-bottom: 1.5rem;
text-align: left;
border: none;
z-index: 0;
/* Info */
}
@media only screen and (min-width: 600px) {}
.local-notification a {
color: #006eab;
text-decoration: underline;
}
.local-notification a:hover {
color: #006eab;
}
.local-notification a:active {
color: #006eab;
}
.local-notification .notification-text {
position: relative;
padding-left: 40px;
display: block;
}
.local-notification .notification-text:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
}
.local-notification .notification-close:before {
color: #333;
}
.local-notification.notification-info {
background: #FCEDAC;
}
/**
* Notification info
*/
.notification-info {
background-color: #FFD138;
border: none;
color: #333;
}
.notification-info .notification-close:before {
color: #333;
}
.notification-info .notification-text:before {
content: "\e802";
}
/*------------------------------------*\
ESERVICES.CSS
\*------------------------------------*/
@media only screen and (min-width: 600px) {
.service-login {
vertical-align: middle;
width: 66.66667%;
display: table-cell;
}
}
@media only screen and (min-width: 600px) {
.service-availability {
display: table-cell;
vertical-align: middle;
width: 33.33333%;
}
}
.service-row {
overflow: hidden;
/* Login */
}
@media only screen and (min-width: 960px) {
.service-row {
width: 66.66667%;
margin: 0 auto;
display: table;
table-layout: fixed;
}
}
@media only screen and (min-width: 600px) {
.service-row .service-login {
padding-top: 24px;
padding-top: 1.5rem;
padding-right: 30px;
}
@media only screen and (min-width: 600px) {}
}
.service-row .service-availability {
font-size: 14px;
font-size: 0.875rem;
}
@media only screen and (min-width: 600px) {
.service-row .service-availability {
padding-top: 24px;
padding-top: 1.5rem;
border-left: 1px #7c7f81 solid;
padding-left: 30px;
}
@media only screen and (min-width: 600px) {}
}
/**
* List service actions
*/
.list-service-actions {
list-style: none;
margin-left: 0;
font-size: 16px;
font-size: 1rem;
}
.list-service-actions>li {
color: #006eab;
position: relative;
margin-bottom: 12px;
}
/**
* Service status
*/
.service-status {
border-radius: 4px;
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
.service-status p {
margin-bottom: 0;
}
.service-availability .service-status {
padding-top: 0;
}
/**
* Status: Green Text
*/
.service-status {
display: block;
font-size: 14px;
font-size: 0.875rem;
}
/**
* Service text
*/
.service-status-text {
padding-bottom: 15px;
font-size: 16px;
font-size: 1rem;
}
.service-status-text:last-child {
padding-bottom: 0;
}
.service-status-text:before {
width: 16px;
height: 16px;
border-radius: 50%;
content: " ";
display: inline-block;
vertical-align: top;
margin-right: 0.3em;
margin-top: 4px;
background-color: #5FC600;
}
.service-offline .service-status-text:before {
background-color: #b25a00;
}
/**
* Service status small
*/
.service-status-small .service-status-text:before {
width: 14px;
height: 14px;
}
/**
* Eservices two column
*/
.section-services-list {
padding-top: 12px;
padding-top: 0.75rem;
padding-bottom: 12px;
padding-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {}
@media only screen and (max-width: 599px) {
.section-services-list ul {
margin-bottom: 0;
}
}
@media only screen and (min-width: 600px) {
.section-services-more {
text-align: center;
}
}
.section-services-more .btn,
.section-services-more .link-filter-toggle,
.section-services-more .introjs-search .introjs-skipbutton,
.introjs-search .section-services-more .introjs-skipbutton,
.section-services-more .trip-close,
.section-services-more .trip-next,
.section-services-more .trip-prev {
margin-bottom: 0;
}
/*------------------------------------*\
DATATABLE.CSS
\*------------------------------------*/
/* Page entries */
.dataTables_length {
display: none;
}
/* Page filter */
@media only screen and (min-width: 600px) {
.dataTables_length {
float: left;
}
}
/* Search */
.dataTables_filter {
padding-bottom: 1em;
}
@media only screen and (min-width: 600px) {
.dataTables_filter {
display: inline-block;
width: 300px;
}
}
.dataTables_filter input {
border: 2px #b3c1ca solid;
border-radius: 4px;
padding: 0.6em 1em;
width: 100%;
display: block;
appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
}
.dataTables_filter label {
position: relative;
display: block;
}
.dataTables_filter label:after {
content: "\e759";
color: #006eab;
position: absolute;
font-size: 18px;
right: 10px;
top: 14px;
z-index: 11;
}
/* Select */
.cat-select {
margin-bottom: 1em;
margin-top: 10px;
width: 100%;
}
@media only screen and (min-width: 600px) {
.cat-select {
margin-bottom: 0;
float: left;
width: auto;
}
}
/* Page select */
.dataTables_info {
text-align: center;
padding-bottom: 10px;
}
@media only screen and (min-width: 600px) {
.dataTables_info {
float: left;
}
}
.dataTables_paginate {
text-align: center;
padding-bottom: 10px;
display: none;
}
@media only screen and (min-width: 600px) {
.dataTables_paginate {
float: right;
display: block;
}
}
.dataTables_paginate a {
margin: 0 5px;
cursor: pointer;
font-weight: normal;
}
.dataTables_paginate .current {
font-weight: bold;
color: #333;
}
.dataTables_paginate .disabled {
opacity: 0.2;
}
/* Wrapper */
.dataTables_wrapper {
*zoom: 1;
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
.dataTables_wrapper:before,
.dataTables_wrapper:after {
content: " ";
display: table;
}
.dataTables_wrapper:after {
clear: both;
}
@media only screen and (min-width: 600px) {}
.dataTables_wrapper .sorting,
.dataTables_wrapper .sorting_asc,
.dataTables_wrapper .sorting_desc {
background: #D6DBE5 url("../images/datatables/sort_both.png") right no-repeat;
}
.dataTables_wrapper .sorting_asc {
background-image: url("../images/datatables/sort_asc.png");
}
.dataTables_wrapper .sorting_desc {
background-image: url("../images/datatables/sort_desc.png");
}
.dataTables_wrapper a {
font-weight: normal;
}
/* Table */
table.dataTable tbody tr:hover>td,
table.dataTable tbody tr:hover>th {
background: #E2F1FE;
}
/* Expanded */
table.dataTable.dtr-inline.collapsed tbody td:first-child,
table.dataTable.dtr-inline.collapsed tbody th:first-child {
position: relative;
padding-left: 35px;
}
table.dataTable.dtr-inline.collapsed tbody td.child {
padding-left: 0.5em;
cursor: auto;
}
table.dataTable.dtr-inline.collapsed tbody td.child,
table.dataTable.dtr-inline.collapsed tbody td.child:hover {
background-color: #fff;
}
.dataTable.dtr-inline.collapsed tbody td:first-child,
.dataTable.dtr-inline.collapsed tbody th:first-child {
cursor: pointer;
}
.dataTable.dtr-inline.collapsed tbody td:first-child:before,
.dataTable.dtr-inline.collapsed tbody th:first-child:before {
content: "\e772";
color: #006eab;
font-size: 20px;
margin-right: 0.5em;
position: absolute;
left: 10px;
top: 10px;
}
@media only screen and (min-width: 600px) and (max-width: 960px) {
.dataTable.dtr-inline.collapsed tbody td:first-child:before,
.dataTable.dtr-inline.collapsed tbody th:first-child:before {
top: 12px;
}
}
@media only screen and (min-width: 960px) {
.dataTable.dtr-inline.collapsed tbody td:first-child:before,
.dataTable.dtr-inline.collapsed tbody th:first-child:before {
top: 14px;
}
}
.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty,
.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty {
padding-left: 0.5em;
}
.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty:before,
.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty:before {
display: none;
}
.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child,
.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child {
background: #E2F1FE;
}
.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
content: "\e773";
}
.dataTable.dtr-inline.collapsed tbody tr.child td:before {
display: none;
}
/**
* Child list
*/
.dataTable tr.child ul {
display: table;
margin-left: 0;
}
.dataTable tr.child ul li {
display: block;
}
.dataTable tr.child ul li:last-child {
border-bottom: none;
}
.dtr-title,
.dtr-data {
display: block;
}
.dtr-data {
padding-bottom: 10px;
}
.dtr-title {
font-weight: 600;
}
/**
* Zebra
*/
/*------------------------------------*\
HOME.CSS
\*------------------------------------*/
.mom-masthead {
background: #006eab;
color: #fff;
padding: 1em 0;
}
/**
* Main navigation
*/
.main-navigation {
padding: 1em 0;
background: #005787;
color: #fff;
}
@media only screen and (min-width: 600px) {
.main-navigation {
padding-top: 11px;
}
}
/**
* Wrapper
*/
.nav-main {
border-radius: 4px;
margin: 0 1em 0 1em;
line-height: 1.4;
background-color: #1F253D;
/* Links */
/* Active */
}
@media only screen and (min-width: 600px) {
.nav-main {
padding: 0 10px;
margin: 0;
background: transparent;
display: table;
border-spacing: 5px;
width: 100%;
font-weight: 600;
}
}
@media only screen and (min-width: 960px) {
.nav-main {
width: 970px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
border-spacing: 5px;
}
}
.nav-main>a {
color: #fff;
display: block;
padding: 0.625em 1em;
position: relative;
vertical-align: top;
border-bottom: 1px #2b3355 solid;
}
.nav-main>a:last-child {
border-radius: 0 0 4px 4px;
border-bottom-width: 0;
}
.nav-main>a:first-child {
border-radius: 4px 4px 0 0;
}
@media only screen and (min-width: 600px) {
.nav-main>a:last-child,
.nav-main>a:first-child {
border-radius: 4px;
}
}
@media only screen and (min-width: 600px) {
.nav-main>a {
display: table-cell;
text-align: center;
width: 25%;
padding: 0.5em;
border-radius: 4px;
border-bottom-width: 0;
background: url(../images/nav-gradient.png) bottom no-repeat;
}
}
@media only screen and (min-width: 960px) {}
.nav-main>a:hover,
.nav-main>a:focus,
.nav-main>a.trip-exposed {
background: #111522;
text-decoration: none;
}
@media only screen and (min-width: 600px) {
.nav-main>a:hover,
.nav-main>a:focus,
.nav-main>a.trip-exposed {
background: #00476e;
}
}
.nav-main>a>span {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
}
@media only screen and (min-width: 600px) {
.nav-main>a>span {
display: block;
padding-left: 0;
padding-top: 10px;
padding-bottom: 0px;
}
}
.nav-main .nav-desc {
color: rgba(255, 255, 255, 0.8);
padding-bottom: 20px;
padding-top: 10px;
display: none;
}
@media only screen and (min-width: 600px) {
.nav-main .nav-desc {
display: block;
}
}
.nav-main .nav-active,
.nav-main .nav-active:hover,
.nav-main .nav-active:focus {
background-color: #1F253D;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
@media only screen and (min-width: 600px) {
.nav-main .nav-active:after,
.nav-main .nav-active:hover:after,
.nav-main .nav-active:focus:after {
position: absolute;
left: 0;
bottom: -12px;
width: 100%;
content: " ";
background: #1F253D;
height: 15px;
box-sizing: content-box;
}
}
/**
* Nav content
*/
.nav-content {
background: #1F253D;
color: #fff;
margin-top: 0;
color: #fff;
overflow: hidden;
display: none;
padding-top: 24px;
padding-top: 1.5rem;
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
.nav-content a {
color: #fff;
}
.nav-content a:hover {
color: #fff;
}
.nav-content a:active {
color: #fff;
}
.nav-content a:focus {
background-color: transparent;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {
.nav-content.nav-content-active {
display: block;
}
}
.nav-icon {
display: inline-block;
vertical-align: middle;
background-size: 30px auto;
width: 30px;
height: 30px;
max-width: 30px;
display: table-cell;
text-align: left;
}
.nav-icon img {
width: 30px;
}
@media only screen and (min-width: 600px) {
.nav-icon {
width: 60px;
height: 60px;
max-width: 60px;
background-size: auto;
display: block;
margin: 0 auto;
}
.nav-icon img {
width: 60px;
}
}
/**
* Secondary nav
*/
.nav-secondary {
padding: 0.625em 1em 0.625em 1em;
}
@media only screen and (min-width: 600px) {
.nav-secondary {
text-align: center;
padding-top: 1em;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 960px) {
.nav-secondary {
font-size: 16px;
font-size: 1rem;
}
}
.nav-secondary a {
color: #fff;
display: block;
padding: 0.5em 0;
margin-left: 0;
border-bottom: 1px #0068a1 solid;
}
@media only screen and (min-width: 600px) {
.nav-secondary a {
display: inline-block;
border: none;
padding: 0;
margin: 0 1em;
}
}
.nav-secondary a:before {
color: #F7C796;
font-size: 24px;
margin-right: 5px;
margin-left: 0;
}
.nav-secondary a:focus {
background: transparent;
}
/**
* description
*/
.nav-desc {
display: none;
font-size: 13px;
font-weight: 400;
}
@media only screen and (min-width: 600px) {
.nav-desc {
display: block;
}
}
/*------------------------------------*\
BANNER.CSS
\*------------------------------------*/
.ui-banner {
position: relative;
display: block;
height: 150px;
overflow: hidden;
transition: all 0.2s ease-in;
margin-bottom: 1em;
background: #333;
color: #fff;
}
.ui-banner:visited {
color: #fff;
}
.ui-banner:hover {
color: #fff;
}
.ui-banner:active {
color: #fff;
}
@media only screen and (min-width: 600px) {
.ui-banner {
height: auto;
}
}
@media only screen and (min-width: 960px) {
.ui-banner {
margin-bottom: 30px;
}
}
.ui-banner img {
vertical-align: top;
}
.ui-banner .banner-text {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
font-weight: 600;
line-height: 1.2;
color: #fff;
background: #000;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgqAcAAIIAgLO2btEAAAAASUVORK5CYII=');
}
.ui-banner:before {
content: " ";
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
transition: all 0.2s ease-in;
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 12+ */
/* IE10+ */
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
/* W3C */
}
.ui-banner:hover:before {
opacity: 0.5;
}
.ui-banner span {
padding: 15px;
display: block;
}
/* Large banner */
@media only screen and (max-width: 599px) {
.banner-spotlight img {
height: 150px;
max-width: none;
width: auto;
}
.hopscotch-bubble-close {
display: block !important;
}
}
@media only screen and (min-width: 600px) {
.banner-spotlight .banner-text {
font-size: 20px;
font-size: 1.25rem;
padding-right: 40px;
left: auto;
right: 15px;
bottom: 15px;
max-width: 400px;
}
@media only screen and (min-width: 600px) {
.banner-spotlight .banner-text {
font-size: 20px;
font-size: 1.25rem;
}
}
@media only screen and (min-width: 960px) {
.banner-spotlight .banner-text {
font-size: 28px;
font-size: 1.75rem;
}
}
}
/*------------------------------------*\
FILTERS.CSS
\*------------------------------------*/
@media only screen and (min-width: 600px) {
.link-filter-toggle {
display: none;
}
}
.is-mobile-collapsible {
display: none;
}
@media only screen and (min-width: 600px) {
.is-mobile-collapsible {
display: block;
}
}
.is-mobile-collapsible.is-expanded {
display: block;
}
.is-mobile-collapsible:last-child {
margin-bottom: 0;
}
/*------------------------------------*\
SOCIAL.CSS
\*------------------------------------*/
/**
* Nav social
*/
.nav-social {
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {
.nav-social {
clear: right;
float: right;
text-align: right;
padding-bottom: 12px;
padding-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
}
.nav-social a {
margin-right: 8px;
margin-left: 0;
width: 40px;
display: inline-block;
}
.nav-social a:hover {
opacity: 0.8;
}
@media only screen and (min-width: 600px) {
.nav-social a {
margin-left: 1em;
margin-right: 0;
}
}
/* Icons */
.icon-social-facebook,
.icon-social-twitter,
.icon-social-blogger,
.icon-social-youtube {
text-align: center;
line-height: 40px;
}
.icon-social-facebook:before,
.icon-social-twitter:before,
.icon-social-blogger:before,
.icon-social-youtube:before {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
background: #3b5999;
border-radius: 50%;
content: "\e79c";
font-size: 20px;
vertical-align: middle;
color: #fff;
text-align: center;
}
/* Twitter */
.icon-social-twitter:before {
content: "\e79d";
background-color: #55acee;
}
/* blogger */
.icon-social-blogger:before {
content: "\e799";
background-color: #FF8E33;
}
/* youtube */
.icon-social-youtube:before {
content: "\e798";
font-size: 24px;
margin-left: 0;
background-color: #CC181E;
}
/**
* Share this
*/
.share-widget {
padding-bottom: 10px;
}
@media only screen and (min-width: 600px) {
.share-widget {
float: right;
}
}
/* Facebook */
.icon-share-fb,
.icon-share-tw,
.icon-share-email {
display: inline-block;
vertical-align: middle;
min-width: 40px;
text-align: center;
}
.icon-share-fb:before,
.icon-share-tw:before,
.icon-share-email:before {
content: "\e79c";
color: #3b5999;
font-size: 20px;
}
.icon-share-tw:before {
content: "\e79d";
color: #55acee;
}
.icon-share-email:before {
content: "\e641";
font-size: 22px;
position: relative;
top: -3px;
}
/* Last updated */
.mom-last-updated {
display: inline-block;
}
/*------------------------------------*\
ITEM CSS
\*------------------------------------*/
/**
* Articles
*/
.item {
border-bottom: 1px #d8d8d8 solid;
margin-bottom: 1em;
padding-bottom: 1em;
}
.item:last-child,
.item:last-of-type {
border-bottom: none;
padding-bottom: 5px;
}
.item:first-child {
padding-top: 0;
}
.item h3 {
font-weight: normal;
line-height: 1.5;
margin-bottom: 5px;
}
.item h3>a {
font-weight: normal;
}
.item p {
margin-bottom: 0;
}
/* Meta */
.item-meta {
color: #6a6a6a;
font-size: 14px;
font-weight: 100;
}
/**
* Item listing
*/
.item-listing {
padding-bottom: 12px;
padding-bottom: 0.75rem;
clear: both;
}
@media only screen and (min-width: 600px) {}
.item-listing article,
.item-listing .item {
border: 1px #d8d8d8 solid;
padding: 1em;
margin-bottom: 1em;
border-radius: 4px;
position: relative;
}
.item-listing p:last-child {
margin-bottom: 0;
}
.item-listing .service-status {
color: #6a6a6a;
margin: 0;
padding-bottom: 1em;
float: none;
}
@media only screen and (min-width: 600px) {
.item-listing .service-status {
float: right;
margin-left: 1em;
}
}
.item-listing .service-status-text {
font-size: 14px;
font-size: 0.875rem;
}
.item-listing .item-top-hit {
float: right;
margin-left: 1em;
}
.item-listing .item-summary {
display: block;
padding-bottom: 1em;
}
/**
* Item title
*/
.item-title {
margin-bottom: 5px;
}
@media only screen and (min-width: 600px) {
.search-listing .item-title {
padding-right: 150px;
}
}
/**
* Item url
*/
.item-url {
font-size: 14px;
font-size: 0.875rem;
word-break: break-word;
margin-bottom: 16px;
}
.item-url a {
font-weight: normal;
color: #6c6c6c;
}
/**
* item category
*/
.item-category {
color: #6a6a6a;
font-weight: 600;
}
/**
* Top hit
*/
.item-top-hit {
background: #ffe9a0;
font-size: 11px;
font-size: 0.6875rem;
text-transform: uppercase;
padding: 5px 10px;
line-height: 1;
border-radius: 4px;
display: inline-block;
}
.item-top-hit:before {
content: "\e74d";
margin-right: 0.3em;
}
/**
* Article meta
*/
.article-meta {
color: #6a6a6a;
padding-bottom: 12px;
padding-bottom: 0.75rem;
font-size: 14px;
font-size: 0.875rem;
}
@media only screen and (min-width: 600px) {}
.page-content .article-meta {
padding-bottom: 30px;
padding-bottom: 1.875rem;
}
@media only screen and (min-width: 600px) {}
.article-meta a {
font-weight: normal;
}
.article-meta>a,
.article-meta>span,
.article-meta>time {
border-left: 1px #d8d8d8 solid;
padding: 0 0.7em;
}
.article-meta>a:first-child,
.article-meta>span:first-child,
.article-meta>time:first-child {
padding-left: 0;
border-left: 0;
}
.article-meta .category-eservice,
.article-meta .category-eservice:first-child,
.article-meta .category-forms,
.article-meta .category-forms:first-child {
padding-left: 1.6em;
}
/**
* Search categories
*/
.item-category:before {
color: #e57200;
}
/*------------------------------------*\
DB APP.CSS
\*------------------------------------*/
.mom-db-app {
padding-bottom: 24px;
padding-bottom: 1.5rem;
padding-top: 12px;
padding-top: 0.75rem;
position: relative;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {}
.mom-db-app table {
table-layout: fixed;
font-size: 14px;
}
.mom-db-app td,
.mom-db-app th {
/* Be VERY careful with this, breaks normal words wh_erever */
/* Non standard for webkit */
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
/**
* Spinner
*/
.dbapp-spinner {
position: absolute;
left: 50%;
margin-left: 0px;
}
/**
* Card view
*/
@media only screen and (min-width: 960px) {
.db-app-type-card {
width: 83.33333%;
}
}
/**
* Filters
*/
.db-app-filters {
*zoom: 1;
padding-bottom: 20px;
}
.db-app-filters:before,
.db-app-filters:after {
content: " ";
display: table;
}
.db-app-filters:after {
clear: both;
}
/**
* Filter
*/
.db-app-filter {
padding-bottom: 15px;
}
.db-app-filter:last-child {
padding-bottom: 0;
}
@media only screen and (min-width: 600px) {
.db-app-filter {
display: inline-block;
text-align: left;
margin-right: 15px;
padding-bottom: 0;
}
}
.db-app-filter select,
.db-app-filter .text-input,
.db-app-filter .combo-select,
.db-app-filter .input-wrap {
margin-bottom: 0;
}
/**
* Status
*/
.db-app-status {
*zoom: 1;
}
.db-app-status:before,
.db-app-status:after {
content: " ";
display: table;
}
.db-app-status:after {
clear: both;
}
.db-app-status .db-app-showing {
display: none;
}
@media only screen and (min-width: 960px) {
.db-app-status .db-app-showing {
float: left;
display: block;
}
}
.db-app-status .nav-pagination {
background: none;
padding: 0;
}
@media only screen and (min-width: 960px) {
.db-app-status .nav-pagination {
float: right;
}
}
/**
* Db app title
*/
.mom-db-app .item-title {
font-weight: bold;
}
.mom-db-app {
clear: both;
position: relative;
}
/**
* Fields
*/
.search-filter {
padding-bottom: 1em;
/**
* Spinner
*/
}
@media only screen and (min-width: 600px) {
.search-filter {
display: table;
width: 100%;
table-layout: fixed;
}
}
@media only screen and (min-width: 960px) {
.search-filter {
display: block;
float: left;
width: auto;
}
}
@media only screen and (min-width: 600px) {
.search-filter .input-wrap,
.search-filter .facet-select {
display: table-cell;
}
}
@media only screen and (min-width: 960px) {
.search-filter>.input-wrap,
.search-filter>.facet-select {
display: inline-block;
padding-right: 1em;
max-width: 300px;
}
}
@media only screen and (min-width: 600px) {
.search-filter>.facet-select {
padding-left: 1em;
}
}
@media only screen and (min-width: 960px) {
.search-filter>.facet-select {
padding-left: 0;
}
}
.search-filter .search-query {
margin: 0;
}
@media only screen and (min-width: 960px) {
.search-filter .search-query {
width: 360px;
max-width: 100%;
}
}
.search-filter>.facet-select {
max-width: 100%;
}
@media only screen and (min-width: 600px) {}
.search-filter .combo-select {
max-width: 100%;
}
@media only screen and (min-width: 960px) {
.search-filter .combo-select {
max-width: 400px;
min-width: 300px;
}
}
.search-filter select,
.search-filter .btn,
.search-filter .link-filter-toggle,
.search-filter .introjs-search .introjs-skipbutton,
.introjs-search .search-filter .introjs-skipbutton,
.search-filter .trip-close,
.search-filter .trip-next,
.search-filter .trip-prev {
margin-bottom: 0;
}
.search-filter .input-wrap,
.search-filter .combo-select {
margin-bottom: 0.5em;
}
@media only screen and (min-width: 600px) {
.search-filter .input-wrap,
.search-filter .combo-select {
margin-bottom: 0;
}
}
.search-filter .input-wrap {
/* Absolute Elements */
}
.search-filter .input-wrap .text-input {
padding-left: 40px;
}
.search-filter .input-wrap .icon,
.search-filter .input-wrap .link-before:before,
.search-filter .input-wrap .section-next a:after,
.section-next .search-filter .input-wrap a:after {
position: absolute;
z-index: 1;
left: 10px;
top: 50%;
margin-top: -11px;
transition: all 0.2s ease-in;
color: #6a6a6a;
vertical-align: top;
}
.search-filter .btn,
.search-filter .link-filter-toggle,
.search-filter .introjs-search .introjs-skipbutton,
.introjs-search .search-filter .introjs-skipbutton,
.search-filter .trip-close,
.search-filter .trip-next,
.search-filter .trip-prev {
margin-left: 1em;
}
.search-filter .search-spinner {
background: url("../images/spinner.gif") right no-repeat;
background-color: #fff;
text-indent: -2000em;
top: 2px;
bottom: 2px;
right: 10px;
height: auto;
background-size: 22px auto;
z-index: 2;
}
/**
* Page actions
*/
.page-actions {
float: right;
margin-bottom: 1em;
}
.page-actions .btn,
.page-actions .link-filter-toggle,
.page-actions .introjs-search .introjs-skipbutton,
.introjs-search .page-actions .introjs-skipbutton,
.page-actions .trip-close,
.page-actions .trip-next,
.page-actions .trip-prev {
margin-bottom: 0;
}
/**
* Small
*/
.action-small {
margin-bottom: 0.5em;
}
.action-small .btn,
.action-small .link-filter-toggle,
.action-small .introjs-search .introjs-skipbutton,
.introjs-search .action-small .introjs-skipbutton,
.action-small .trip-close,
.action-small .trip-next,
.action-small .trip-prev {
padding-top: 7px;
padding-bottom: 7px;
font-size: 14px;
}
/**
* Table DB APP
*/
.table-dbapp tr:hover>td {
background: #E2F1FE;
}
/**
* Table wrap
*/
.db-app-wrap {
position: relative;
clear: both;
}
.app-loader {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.75);
text-align: center;
font-size: 12px;
padding: 1em;
}
/**
* Card item
*/
.card-item {
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
.card-item.item-url {
color: #6a6a6a;
}
/**
* Detail page
*/
.db-app-detail .link--back {
float: right;
margin-left: 1em;
}
.db-app-detail .app-loader {
position: relative;
clear: both;
text-align: center;
display: block;
}
/**
* Content
*/
.db-app-item-content {
padding-bottom: 2em;
}
/**
* Cell heading
*/
.cell-heading-mobile {
display: none;
}
@media only screen and (max-width: 599px) {
.cell-heading-mobile {
display: table-cell;
font-weight: 600;
width: 100px;
line-height: 1.2;
padding: 0.5em;
}
.cell-content-mobile {
display: table-cell;
padding: 0.5em;
border-right: 1px #b3c1ca solid;
}
.table-dbapp thead {
display: none;
}
.table-dbapp tbody tr,
.table-dbapp tbody td {
display: block;
width: 100%;
}
.table-dbapp tbody td {
border-bottom-width: 0;
border-top-width: 0;
display: table;
width: 100%;
table-layout: fixed;
padding: 0;
}
.table-dbapp tbody td:first-child {
border-top-width: 1px;
}
.table-dbapp tbody tr:last-child td:last-child {
border-bottom-width: 1px;
}
}
/**
* Content row
*/
.content-row {
clear: both;
}
/**
* Db App items
*/
.db-app-item {
font-size: 14px;
font-size: 0.875rem;
}
.db-app-item:last-child {
padding-bottom: 0;
}
/**
* Label
*/
.db-app-item-label {
color: #888;
}
.db-app-item-text {
padding-bottom: 1em;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
/**
* Remove facet link
*/
.link-facet-remove {
cursor: pointer;
margin-left: 0.5em;
}
/**
* No results
*/
/*------------------------------------*\
COMBO SELECT
\*------------------------------------*/
/**
* Wrapper
*/
.combo-select {
position: relative;
max-width: 400px;
border: #fff;
border-radius: 4px;
margin-bottom: 15px;
}
.combo-select .combo-input {
margin-bottom: 0;
}
/**
* Input field
*/
.combo-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 40px;
padding-left: 8px;
padding-right: 30px;
}
@media only screen and (min-width: 600px) {
.combo-input {
padding-left: 1em;
padding-right: 40px;
}
}
.combo-input:focus {
outline: none;
box-shadow: none;
}
/**
* Arrow
*/
.combo-arrow {
position: absolute;
right: 0;
top: 0;
height: 100%;
cursor: pointer;
text-align: center;
font-size: 14px;
width: 34px;
font-size: 10px;
color: #6a6a6a;
}
@media only screen and (min-width: 600px) {
.combo-arrow {
width: 40px;
font-size: 14px;
}
}
.combo-arrow:before {
content: "\e760";
display: inline-block;
vertical-align: top;
margin: 0;
line-height: 48px;
}
/**
* When opened
*/
.combo-open .combo-arrow {
border-color: #51A7E8;
}
.combo-open .combo-arrow:before {
content: "\e75f";
}
/**
* When focused
*/
.combo-focus {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5);
border-color: #51A7E8;
}
.combo-focus input {
border-color: #51A7E8;
}
/**
* Hide native select
*/
.combo-select select,
.combo-mobile select {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-appearance: none;
opacity: 0;
filter: alpha(opacity=0);
}
@media only screen and (min-width: 960px) {
.combo-select select {
left: -1px;
top: -1px;
width: 0;
height: 0;
margin: 0;
}
.combo-mobile select {
width: 100%;
height: 100%;
}
}
/**
* Selected option
*/
.option-selected {
background-color: #eee;
}
/**
* Hovered option
*/
.option-hover {
background-color: #eee;
}
/**
* Option item
*/
.option-item {
cursor: pointer;
}
/**
* Disabled and optgroups
*/
.option-group,
.option-disabled {
background: #eee;
cursor: text;
}
/**
* Dropdown
*/
.combo-dropdown {
position: absolute;
z-index: 2;
top: 100%;
left: 0;
min-width: 100%;
max-width: 300px;
max-height: 300px;
margin: 0;
padding: 0;
display: none;
overflow-y: auto;
background: #fff;
border: 1px solid #8b8b8b;
border-radius: 4px;
box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.6);
}
.combo-dropdown li {
list-style: none;
padding: 8px 1em;
margin: 0;
border-bottom: 1px #d8d8d8 solid;
}
.combo-dropdown li:hover {
background-color: #eee;
}
/**
* On Active
*/
.combo-open .combo-dropdown {
display: block;
}
/**
* Search marker
*/
.combo-marker {
font-weight: 600;
}
/*------------------------------------*\
QUOTA CALCULATOR
\*------------------------------------*/
/**
* Quota calculator
*/
.quota-calculator .link--minus,
.quota-calculator .link--plus {
display: none;
}
.quota-calculator .cell-error>td {
padding-top: 0;
padding-left: 0;
}
@media only screen and (min-width: 600px) {
.quota-calculator .cell-error>td {
padding-left: 1em;
}
}
.quota-calculator .question {
padding-bottom: 1em;
}
.quota-calculator .question:last-child {
padding-bottom: 0;
}
.quota-calculator h4 {
font-weight: 600;
}
.quota-calculator .combo-select {
max-width: 260px;
}
.quota-calculator .form-submit {
padding-bottom: 0;
}
.quota-calculator a.disabled {
opacity: 0.5;
}
/**
* Result
*/
.quota-result {
padding: 1em;
margin-bottom: 24px;
margin-bottom: 1.5rem;
position: relative;
border: 4px #5FC600 solid;
border-radius: 4px;
}
@media only screen and (min-width: 600px) {}
.quota-result:before {
font-size: 26px;
position: absolute;
left: 18px;
top: 50%;
margin-top: -12px;
}
/**
* Positive
*/
.result-positive {
padding-left: 3.5em;
}
.result-positive:before {
content: "\e75d";
color: #5FC600;
}
/**
* Negative
*/
.result-negative {
padding-left: 3.5em;
border-color: #b25a00;
}
.result-negative:before {
content: "\e75e";
color: #b25a00;
}
/**
* Input box
*/
.input-box {
border: 2px #b3c1ca solid;
border-radius: 4px;
background: #fff;
display: block;
border-collapse: separate;
}
@media only screen and (min-width: 600px) {
.input-box {
max-width: 180px;
}
}
.input-box .text-input {
border-radius: 0;
border: none;
margin: 0;
height: 36px;
padding-left: 8px;
padding-right: 0.5em;
}
@media only screen and (min-width: 375px) {}
@media only screen and (min-width: 600px) {
.input-box .text-input {
height: auto;
width: 100%;
}
}
.input-box .text-input:focus {
box-shadow: none;
}
.input-box>a {
border-width: 2px 0 2px 2px;
border-radius: 4px 0 0 4px;
display: table-cell;
vertical-align: top;
width: 34px;
text-align: center;
background: #E2F1FE;
}
.input-box>a:before {
font-size: 22px;
color: #333;
margin-top: 8px;
}
.input-box>a:last-child {
border-radius: 0 4px 4px 0;
}
.input-box>a:hover {
text-decoration: none;
}
/* Error */
.input-box-error {
border-color: #D0021B;
}
.input-box-error .text-input {
background: #fea0ac;
}
.input-box-error .text-input[disabled] {
background: #ddd;
}
/**
* Note
*/
.app-note {
padding-top: 0.5em;
font-size: 14px;
margin-bottom: 0;
color: #6a6a6a;
}
/**
* Quota numbers
*/
.quota-numbers {
list-style: none;
margin: 0;
padding: 0;
}
@media only screen and (min-width: 600px) {
.quota-numbers {
width: 100%;
display: table;
}
}
.quota-numbers>li {
display: table;
width: 100%;
margin: 0;
}
.quota-numbers>li:last-child {
border-top: 1px #d8d8d8 solid;
margin-top: 1em;
padding-top: 0.5em;
}
@media only screen and (min-width: 600px) {
.quota-numbers>li {
display: table-cell;
width: 120px;
}
.quota-numbers>li:last-child {
border-left: 1px #d8d8d8 solid;
padding-left: 20px;
width: 180px;
margin-top: 0;
padding-top: 0;
border-top: none;
}
}
.quota-numbers .q-head {
color: #6a6a6a;
text-transform: uppercase;
font-weight: normal;
font-size: 12px;
display: table-cell;
}
@media only screen and (min-width: 600px) {
.quota-numbers .q-head {
display: block;
}
}
.quota-numbers .q-count {
display: table-cell;
text-align: right;
font-weight: 100;
font-size: 20px;
}
@media only screen and (min-width: 600px) {
.quota-numbers .q-count {
display: block;
font-size: 28px;
text-align: left;
}
}
/**
* Balance text for phone
*/
.balance-text-for-phone {
padding-top: 5px;
display: block;
clear: both;
}
@media only screen and (min-width: 600px) {
.balance-text-for-phone {
display: none;
}
}
/* Error */
.balance-text-error,
.text-exceeded,
.quota-label-error {
color: #D0021B;
}
.quota-label-error {
font-size: 14px;
display: block;
clear: both;
padding-top: 10px;
margin: 0;
line-height: 1;
}
/**
* Exceed message
*/
.text-exceeded {
display: block;
font-size: 14px;
position: absolute;
}
/**
* Card
*/
.card {
box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.5);
padding: 1em;
*zoom: 1;
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
.card:before,
.card:after {
content: " ";
display: table;
}
.card:after {
clear: both;
}
@media only screen and (min-width: 600px) {}
/**
* Quota card
*/
.card-quota {
padding: 0;
margin-bottom: 0.6em;
}
.card-quota table {
table-layout: fixed;
margin-bottom: 0;
}
.card-quota th {
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.card-quota .cell-description {
display: block;
font-size: 14px;
color: #6A6A6A;
font-weight: normal;
display: none;
}
@media only screen and (min-width: 600px) {
.card-quota .cell-description {
display: block;
}
}
.card-quota .pill,
.card-quota .pill:hover {
background-color: #eee;
font-size: 16px;
margin-bottom: 0;
margin-left: 0;
}
.card-quota td.cell-adjust {
background: #FFF7F0;
}
.card-quota .cell-adjust {
width: 140px;
}
@media only screen and (min-width: 375px) {
.card-quota .cell-adjust {
width: 210px;
}
}
@media only screen and (min-width: 600px) {
.card-quota .cell-adjust {
width: 180px;
}
}
@media only screen and (min-width: 960px) {
.card-quota .cell-adjust {
width: 240px;
}
}
.card-quota .cell-balance {
width: 160px;
}
@media only screen and (min-width: 960px) {
.card-quota .cell-balance {
width: 260px;
}
}
.card-quota .select-wrap {
display: inline;
margin-left: 5px;
}
.card-quota .link--unlock,
.card-quota .link--unlock:visited,
.card-quota .link--unlock:hover {
color: #e57200;
vertical-align: top;
font-size: 22px;
margin-left: 10px;
display: inline-block;
text-decoration: none;
}
@media only screen and (min-width: 960px) {
.card-quota .link--unlock,
.card-quota .link--unlock:visited,
.card-quota .link--unlock:hover {
margin-left: 15px;
}
}
.card-quota .cell-tier {
display: none;
}
@media only screen and (min-width: 600px) {
.card-quota .cell-tier {
display: table-cell;
}
}
.card-quota tbody .cell-tier,
.card-quota tbody .cell-tier-empty {
border-left: 1px #b3c1ca solid;
}
.card-quota tbody .cell-tier-empty {
border-top: none;
}
/**
* Info tooltip
*/
.quota-calculator .icon-info {
margin-left: 0.5em;
margin-right: 0;
position: relative;
top: 2px;
}
/**
* List tiers
*/
.list-tiers {
list-style: none;
margin-left: 0;
margin-bottom: 0;
}
.list-tiers>li {
padding-bottom: 0.5em;
}
.list-tiers>li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.list-tiers .name {
vertical-align: middle;
display: inline-block;
min-width: 80px;
}
.list-tiers .pill {
margin-bottom: 0;
vertical-align: middle;
}
/*------------------------------------*\
MODAL.CSS
\*------------------------------------*/
/**
* Default
*/
.ui-modal {
position: relative;
background: #FFF;
margin: 20px auto;
border-radius: 4px;
padding: 1em;
}
@media only screen and (min-width: 375px) {
.ui-modal {
width: 800px;
}
}
/**
* Video modal
*/
.modal-video {
padding: 1em 3em 1em 1em;
background: transparent;
}
@media only screen and (min-width: 375px) {
.modal-video {
width: 560px;
}
}
.modal-video .mfp-close {
color: #fff;
}
/*------------------------------------*\
TIMELINE.CSS
\*------------------------------------*/
.ui-timeline {
border-left: 1px #7c7f81 dashed;
list-style: none;
margin-left: 0;
padding-left: 1em;
margin-left: 1em;
margin-top: 2em;
/* Inner list */
}
@media only screen and (min-width: 600px) {
.ui-timeline {
margin-left: 30%;
padding-left: 1.5em;
}
}
.ui-timeline>li {
position: relative;
margin-top: -0.5em;
}
.ui-timeline>li:before {
position: absolute;
left: 0%;
top: 0.5em;
width: 12px;
height: 12px;
background: #6a6a6a;
content: " ";
border-radius: 50%;
margin-left: -23px;
top: 0.4em;
}
@media only screen and (min-width: 600px) {
.ui-timeline>li:before {
margin-left: -30px;
}
}
.ui-timeline time {
display: block;
margin-bottom: 0.5em;
}
@media only screen and (min-width: 600px) {
.ui-timeline time {
position: absolute;
left: -35%;
top: 0;
}
}
.ui-timeline ul {
margin-left: 0;
list-style: none;
}
.ui-timeline ul>li {
padding-bottom: 0.5em;
}
.ui-timeline p {
margin-bottom: 1em;
}
/**
* Pills
*/
.pill-label {
font-size: 14px;
font-size: 0.875rem;
display: inline-block;
background-color: #159818;
color: #fff;
padding: 5px 0.5em;
line-height: 1;
border-radius: 4px;
margin-bottom: 0.5em;
margin-right: 1em;
}
/* Colors */
.pill-label--new {
background-color: #468847;
}
.pill-label--removed {
background-color: #D0021B;
}
.pill-label--changed {
background-color: #e57200;
}
.pill-label--fixed {
background-color: #006eab;
}
.pill-label--upcoming {
background-color: #713D7D;
}
/**
* Vendor
* Third party libraries
*/
/*------------------------------------*\
$VENDOR
\*------------------------------------*/
.introjs-overlay {
position: absolute;
z-index: 999999;
background-color: #000;
opacity: 0;
background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#e6000000', GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
transition: all 0.3s ease-out;
}
.introjs-showElement {
z-index: 9999999 !important;
}
.introjs-relativePosition {
position: relative;
}
.introjs-helperLayer {
position: absolute;
z-index: 9999998;
}
.introjs-helperNumberLayer {
position: absolute;
top: -16px;
left: -16px;
z-index: 9999999999 !important;
padding: 2px;
font-size: 13px;
color: white;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
background: #CC3123;
/* Old browsers */
width: 24px;
height: 24px;
line-height: 24px;
border: 2px solid white;
border-radius: 50%;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
/* IE6-9 */
filter: progid: DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000);
/* IE10 text shadows */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.introjs-arrow {
border: 5px solid white;
content: '';
position: absolute;
}
.introjs-arrow.top {
top: -10px;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: white;
border-left-color: transparent;
}
.introjs-arrow.right {
right: -10px;
top: 10px;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: white;
}
.introjs-arrow.bottom {
bottom: -10px;
border-top-color: white;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
.introjs-arrow.left {
left: -10px;
top: 10px;
border-top-color: transparent;
border-right-color: white;
border-bottom-color: transparent;
border-left-color: transparent;
}
.introjs-tooltip {
position: absolute;
padding: 10px;
background-color: white;
min-width: 200px;
max-width: 300px;
border-radius: 3px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
transition: opacity 0.1s ease-out;
}
.introjs-tooltipbuttons {
text-align: right;
}
/*
Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
Changed by Afshin Mehrabani
*/
.introjs-button {
position: relative;
overflow: visible;
display: inline-block;
padding: 0.3em 0.8em;
border: 1px solid #d4d4d4;
margin: 0;
text-decoration: none;
text-shadow: 1px 1px 0 #fff;
font-size: 11px;
color: #333;
white-space: nowrap;
cursor: pointer;
outline: none;
background-color: #ececec;
background-image: linear-gradient(#f4f4f4, #ececec);
-webkit-background-clip: padding;
-moz-background-clip: padding;
-o-background-clip: padding-box;
/*background-clip: padding-box;*/
/* commented out due to Opera 11.10 bug */
border-radius: 0.2em;
/* IE hacks */
zoom: 1;
*display: inline;
margin-top: 10px;
}
.introjs-button:hover {
border-color: #bcbcbc;
text-decoration: none;
box-shadow: 0px 1px 1px #e3e3e3;
}
.introjs-button:focus,
.introjs-button:active {
background-image: linear-gradient(#ececec, #f4f4f4);
}
/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
padding: 0;
border: 0;
}
.introjs-skipbutton {
margin-right: 5px;
color: #7a7a7a;
}
.introjs-search .introjs-skipbutton {
margin-bottom: 0;
text-shadow: none;
padding: 0.4em 1.2em;
}
.introjs-search .introjs-skipbutton:hover {
border-color: #D38D27;
}
.introjs-prevbutton {
border-radius: 0.2em 0 0 0.2em;
border-right: none;
}
.introjs-nextbutton {
border-radius: 0 0.2em 0.2em 0;
}
.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
color: #9a9a9a;
border-color: #d4d4d4;
box-shadow: none;
cursor: default;
background-color: #f4f4f4;
background-image: none;
text-decoration: none;
}
.introjs-bullets {
text-align: center;
}
.introjs-bullets ul {
clear: both;
margin: 15px auto 0;
padding: 0;
display: inline-block;
}
.introjs-bullets ul li {
list-style: none;
float: left;
margin: 0 2px;
}
.introjs-bullets ul li a {
display: block;
width: 6px;
height: 6px;
background: #ccc;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
text-decoration: none;
}
.introjs-bullets ul li a:hover {
background: #999;
}
.introjs-bullets ul li a.active {
background: #999;
}
.introjsFloatingElement {
position: absolute;
height: 0;
width: 0;
left: 50%;
top: 50%;
}
/**
* Intro JS
*/
.introjs-helperNumberLayer {
line-height: 20px;
padding: 0;
font-size: 12px;
}
.introjs-tooltiptext {
font-size: 14px;
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
.js-tooltip-instruction {
margin-top: -20px;
float: left;
}
@media only screen and (min-width: 600px) {}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1041;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
width: 32px;
height: 32px;
color: #fff;
position: absolute;
top: 50%;
text-align: center;
margin-top: -0.8em;
left: 50%;
margin-left: -32px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
color: #333;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
font-style: normal;
font-size: 28px;
border: none;
background: none;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 15px;
padding-right: 15px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
/* overlay at start */
.mfp-fade.mfp-bg {
opacity: 0;
transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.trip-block {
display: none;
position: absolute;
padding: 12px;
min-width: 100px;
border-radius: 3px;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
min-width: 200px;
max-width: 300px;
}
.trip-block p {
margin-bottom: 10px;
}
.trip-block p:last-child {
margin-bottom: 0;
}
.trip-block:before {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
}
.trip-block.n:before,
.trip-block.s:before,
.trip-block.sw:before,
.trip-block.se:before {
border-width: 8px;
left: 50%;
margin-left: -8px;
}
.trip-block.sw:before {
left: 30px;
}
.trip-block.se:before {
left: auto;
right: 30px;
}
.trip-block.e:before,
.trip-block.w:before {
border-width: 8px;
top: 50%;
margin-top: -8px;
}
.trip-block.n:before {
top: 100%;
}
.trip-block.s:before {
bottom: 100%;
}
.trip-block.sw:before,
.trip-block.se:before {
bottom: 100%;
}
.trip-block.e:before {
right: 100%;
}
.trip-block.w:before {
left: 100%;
}
.trip-block.screen-ne,
.trip-block.screen-se,
.trip-block.screen-sw,
.trip-block.screen-nw,
.trip-block.screen-center {
position: fixed;
}
.trip-block.animated.fadeIn {
-webkit-animation: fadeIn 0.5s 0s ease both;
animation: fadeIn 0.5s 0s ease both;
}
.trip-close {
float: left;
margin-bottom: 0;
margin-left: 0;
margin-top: 6px;
font-size: 80%;
}
.trip-close,
.trip-close:visited {
color: #333;
}
.trip-close:hover {
text-decoration: none;
}
.trip-content {
clear: right;
padding-bottom: 1em;
font-size: 14px;
font-size: 0.875rem;
}
.trip-progress-bar {
height: 1px;
background-color: #444;
width: 0;
}
.trip-overlay {
display: none;
position: fixed;
left: 0;
top: 0;
background: black;
width: 100%;
height: 100%;
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.5;
}
.trip-next {
padding: 0.4em 1.2em;
margin-bottom: 0;
}
.trip-prev {
margin-bottom: 0;
}
.trip-prev,
.trip-prev:visited {
color: #006eab;
}
/*
* TODO:
* implement with more details later
*/
.trip-block.black {
background: #333;
color: #DDD;
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0;
}
.trip-block.black .trip-close {
color: #ddd;
}
.trip-block.black.n:before {
border-top-color: #333;
}
.trip-block.black.s:before {
border-bottom-color: #333;
}
.trip-block.black.e:before {
border-right-color: #333;
}
.trip-block.black.w:before {
border-left-color: #333;
}
.trip-block.white {
background: #fff;
color: #333;
}
.trip-block.white.n:before {
border-top-color: #fff;
}
.trip-block.white.s:before,
.trip-block.white.sw:before,
.trip-block.white.se:before {
border-bottom-color: #fff;
}
.trip-block.white.e:before {
border-right-color: #fff;
}
.trip-block.white.w:before {
border-left-color: #fff;
}
/**
* Progress
*/
.trip-progress-wrapper {
text-align: right;
}
.trip-progress-wrapper>a {
margin-left: 1em;
}
.trip-progress-wrapper .trip-close {
margin-left: 0;
}
/**
* Presentation Mobile First Approach
*/
/*------------------------------------*\
PRESENTATION.CSS
\*------------------------------------*/
/*------------------------------------*\
FONTS.CSS
\*------------------------------------*/
/*------------------------------------*\
SITE.CSS
\*------------------------------------*/
/**
* Base
*/
.container,
.page-container {
padding-left: 1em;
padding-right: 1em;
}
/**
* Page Container
*/
.page-container {
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
/**
* Page container
*/
.page-container {
padding-top: 48px;
padding-top: 3rem;
}
@media only screen and (min-width: 600px) {}
/**
* Main Content Area
*/
.main-content {
position: relative;
}
.main-content.trip-exposed {
background-color: #fff;
}
/**
* Page header
*/
.page-header {
padding: 1em 0;
background: #E2F1FE;
}
@media only screen and (min-width: 960px) {
.page-header {
padding-top: 1.5em;
padding-bottom: 1.5em;
}
}
.page-header .row,
.page-header .content-row {
text-align: center;
}
/**
* Header
*/
@media only screen and (min-width: 600px) and (max-width: 960px) {
.ui-header {
text-align: left;
}
}
@media only screen and (min-width: 960px) {
.ui-header {
text-align: center;
width: 83.33333%;
margin: 0 auto;
}
}
/**
* Page content
*/
.page-content {
padding-top: 1em;
padding-bottom: 1em;
transition: padding 0.1s ease-in;
/* Inside modules */
}
@media only screen and (min-width: 960px) {
.page-content {
padding-top: 2em;
padding-bottom: 2em;
}
}
@media only screen and (min-width: 960px) {
.page-content {
width: 66.66667%;
margin: 0 auto;
}
}
.ui-module .page-content {
padding-top: 0;
padding-bottom: 0;
}
/**
* Content row
*/
.content-row {
padding-top: 0.75em;
}
/**
* Content highlights in homepage
*/
.content-highlights {
padding-top: 0.5em;
}
@media only screen and (min-width: 960px) {
.content-highlights {
padding-top: 0;
}
}
/**
* Section Next
*/
.section-next {
padding-top: 24px;
padding-top: 1.5rem;
padding-bottom: 1em;
text-align: right;
position: relative;
padding-right: 1.625em;
*zoom: 1;
/* Icon */
/* Title */
}
@media only screen and (min-width: 600px) {}
.section-next:before,
.section-next:after {
content: " ";
display: table;
}
.section-next:after {
clear: both;
}
.section-next .fa {
display: none;
}
.section-next p {
margin-bottom: 0;
}
.section-next a:after {
content: "\e762";
color: #006eab;
position: absolute;
right: -5px;
margin: 0;
top: 10px;
font-size: 30px;
margin-top: -10px;
top: 50%;
line-height: 1;
text-decoration: none;
}
.section-next .next-title {
text-transform: uppercase;
color: #000;
font-weight: normal;
display: inline-block;
}
.section-next a:hover .next-title {
text-decoration: none;
}
/**
* Full page content
*/
@media only screen and (min-width: 600px) {
.mom-sidebar {
width: 25%;
}
}
.mom-sidebar .module-page:first-child {
padding-top: 12px;
padding-top: 0.75rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {
.mom-page-content {
width: 75%;
}
}
/**
* Is Expanded
*/
@media only screen and (max-width: 599px) {
.is-expanded {
background: #eee;
/* padding: 15px; */
margin-bottom: 15px;
border-radius: 4px;
/* border: 1px #d8d8d8 solid; */
}
}
/**
* Location
*/
.location-info {
padding-bottom: 24px;
padding-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {
.location-info {
display: table;
table-layout: fixed;
width: 100%;
}
}
/* Map */
.location-map {
border: 1px #b3c1ca solid;
overflow: hidden;
margin-bottom: 15px;
}
@media only screen and (min-width: 600px) {
.location-map {
display: table-cell;
vertical-align: top;
width: 372px;
min-width: 372px;
max-width: 100%;
}
}
/* Image */
.location-image img {
border: 1px #b3c1ca solid;
}
@media only screen and (min-width: 600px) {
.location-image {
padding-left: 20px;
display: table-cell;
vertical-align: top;
}
}
/**
* Mom Logo Print
*/
.mom-logo-print {
display: none;
}
/**
* List items
*/
.list-items {
*zoom: 1;
}
.list-items:before,
.list-items:after {
content: " ";
display: table;
}
.list-items:after {
clear: both;
}
.list-items ul {
margin-bottom: 0;
padding-bottom: 0;
}
@media only screen and (min-width: 600px) {
.list-items {
padding-bottom: 12px;
padding-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
}
@media only screen and (min-width: 960px) {
.list-items {
margin-left: -15px;
margin-right: -15px;
}
}
@media only screen and (min-width: 960px) {
.list-items .item-column {
float: left;
padding: 0 15px;
width: 33.33333%;
}
}
/*------------------------------------*\
SHARED CSS
\*------------------------------------*/
/**
* Clearfix
*/
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
float: left;
width: 100%;
}
/**
* Float left
*/
.pull-left {
float: left;
margin-right: 1em;
}
/**
* Push right
*/
.push-right {
float: right;
margin-left: 1em;
}
/**
* Hidden
*/
.hidden,
.js-hide {
position: absolute;
top: -20000px !important;
left: -20000px !important;
}
/**
* WCAG Visually Hidden : Focusable
*/
.visuallyhidden,
.panel--criteria legend {
text-decoration: none !important;
}
.visuallyhidden.focusable:active,
.panel--criteria legend.focusable:active,
.visuallyhidden.focusable:focus,
.panel--criteria legend.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/**
* Skip navigation
*/
.skip-navigation {
text-align: left;
}
.skip-navigation a {
position: absolute;
left: -10000px;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip-navigation a:focus,
.skip-navigation a:active {
position: static;
left: 0;
width: auto;
height: auto;
overflow: visible;
text-decoration: underline;
}
/**
* Aria Rules
*/
/**
* Images, Videos
*/
img,
video,
embed,
object {
max-width: 100%;
vertical-align: top;
}
/**
* Grid Clearing
*/
.row,
.content-row,
.clearfix,
.media-floated,
.media-grid {
*zoom: 1;
}
.row:before,
.content-row:before,
.row:after,
.content-row:after,
.clearfix:before,
.clearfix:after,
.media-floated:before,
.media-floated:after,
.media-grid:before,
.media-grid:after {
content: " ";
display: table;
}
.row:after,
.content-row:after,
.clearfix:after,
.media-floated:after,
.media-grid:after {
clear: both;
}
/**
* Padded row with a bottom padding
*/
.row--push {
padding-bottom: 48px;
padding-bottom: 3rem;
}
@media only screen and (min-width: 600px) {}
/**
* Layout
*/
section,
article {
margin: 0;
}
/**
* Aside
*/
aside {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 600px) {}
/**
* Article
*/
/**
* Animations
*/
.ui-hide {
opacity: 0;
}
/**
* Pills
*/
.pill {
background-color: #E2F1FE;
color: #333;
border-radius: 4px;
font-size: 14px;
font-size: 0.875rem;
padding: 8px 25px;
margin: 0 5px;
margin-bottom: 6px;
margin-bottom: 0.375rem;
position: relative;
overflow: hidden;
}
@media only screen and (min-width: 600px) {}
.pill input {
top: -40px;
position: absolute;
}
.pill:hover,
.pill:focus,
.pill.active,
.pill.focus {
background-color: #ffb74d;
}
/**
* Rounded pill
*/
.pill-rounded {
border-radius: 20px;
padding: 2px 1em;
min-width: 70px;
display: inline-block;
text-align: center;
}
.pill-rounded:hover {
background-color: #E2F1FE;
}
/**
* Pill error
*/
.pill-error {
color: #D0021B;
}
/**
* Glossarizer
*/
.glossarizer_replaced {
border-bottom: 1px #7c7f81 dotted;
cursor: help;
}
.table--dark .glossarizer_replaced {
border-color: #ccc;
}
/**
* Footnote
*/
.reference {
color: #006eab;
}
.reference a:before {
content: "[";
}
.reference a:after {
content: "]";
}
/**
* Equal height
*/
@media only screen and (max-width: 599px) {
.eq-height-content {
height: auto !important;
}
}
/**
* Webengage
*/
#webengage-error-messages {
display: none !important;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/opensans/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
/* IE9 Compat Modes */
src: local('Open Sans'), local('OpenSans'), url('../fonts/opensans/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/opensans/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/opensans/opensans_regular_macroman/OpenSans-Regular-webfont.svg#svgFontName') format('svg');
/* Legacy iOS */
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url('../fonts/opensans/opensans_italic_macroman/OpenSans-Italic-webfont.eot');
/* IE9 Compat Modes */
src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/opensans/opensans_italic_macroman/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/opensans_italic_macroman/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/opensans/opensans_italic_macroman/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/opensans/opensans_italic_macroman/OpenSans-Italic-webfont.svg#svgFontName') format('svg');
/* Legacy iOS */
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 100;
src: url('../fonts/opensans/opensans_light_macroman/OpenSans-Light-webfont.eot');
/* IE9 Compat Modes */
src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/opensans/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/opensans_light_macroman/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/opensans/opensans_light_macroman/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/opensans/opensans_light_macroman/OpenSans-Light-webfont.svg#svgFontName') format('svg');
/* Legacy iOS */
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url('../fonts/opensans/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot');
/* IE9 Compat Modes */
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/opensans/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/opensans/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/opensans/opensans_semibold_macroman/OpenSans-Semibold-webfont.svg#svgFontName') format('svg');
/* Legacy iOS */
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
src: url('../fonts/opensans/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.eot');
/* IE9 Compat Modes */
src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('../fonts/opensans/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../fonts/opensans/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../fonts/opensans/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.svg#svgFontName') format('svg');
/* Legacy iOS */
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/opensans/opensans_bold_macroman/OpenSans-Bold-webfont.eot');
/* IE9 Compat Modes */
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/opensans/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/opensans_bold_macroman/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/opensans/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/opensans/opensans_bold_macroman/OpenSans-Bold-webfont.svg#svgFontName') format('svg');
/* Legacy iOS */
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: url('../fonts/opensans/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.eot');
/* IE9 Compat Modes */
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/opensans/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.woff') format('woff'), url('../fonts/opensans/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/opensans/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.svg#svgFontName') format('svg');
/* Legacy iOS */
}
@font-face {
font-family: 'Linearicons';
src: url('../fonts/linearicons/icomoon.eot');
src: url('../fonts/linearicons/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/linearicons/icomoon.woff') format('woff'), url('../fonts/linearicons/icomoon.ttf') format('truetype'), url('../fonts/linearicons/icomoon.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*------------------------------------*\
ANIMATION.CSS
\*------------------------------------*/
@-webkit-keyframes flash {
0% {
background-color: none;
}
50% {
background-color: #fbf8b2;
}
100% {
background-color: none;
}
}
@-ms-keyframes flash {
0% {
background-color: none;
}
50% {
background-color: #fbf8b2;
}
100% {
background-color: none;
}
}
.flash {
-moz-animation: flash 1s ease-out;
-moz-animation-iteration-count: 1;
-webkit-animation: flash 1s ease-out;
-webkit-animation-iteration-count: 1;
-ms-animation: flash 1s ease-out;
-ms-animation-iteration-count: 1;
}
/*------------------------------------*\
LINEAR ICONS
\*------------------------------------*/
.icon,
.link-before:before,
.section-next a:after {
font-family: 'Linearicons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
text-decoration: none !important;
line-height: 1;
display: inline-block;
/* Enable Ligatures ================ */
-webkit-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
font-size: 20px;
margin-right: 0.3em;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-launch:before {
content: "\e7b0";
}
.icon-plus:before {
content: "\e60b";
}
.icon-minus:before {
content: "\e60c";
}
.icon-lamp:before {
content: "\e6a3";
}
.icon-excel:before {
content: "\e60a";
}
.icon-dots:before {
content: "\e604";
}
.icon-youtube:before {
content: "\e798";
}
.icon-blogger:before {
content: "\e799";
}
.icon-facebook:before {
content: "\e79c";
}
.icon-twitter:before {
content: "\e79d";
}
.icon-example:before {
content: "\e805";
}
.icon-circle-right-alt:before {
content: "\e801";
}
.icon-calculator:before {
content: "\e800";
}
.icon-info:before {
content: "\e802";
}
.icon-word:before {
content: "\e803";
}
.icon-pdf:before {
content: "\e804";
}
.icon-home:before {
content: "\e600";
}
.icon-home2:before {
content: "\e601";
}
.icon-home3:before {
content: "\e602";
}
.icon-home4:before {
content: "\e603";
}
.icon-home6:before {
content: "\e605";
}
.icon-pencil:before {
content: "\e606";
}
.icon-pencil2:before {
content: "\e607";
}
.icon-edit:before {
content: "\e608";
}
.icon-edit2:before {
content: "\e609";
}
.icon-aim:before {
content: "\e614";
}
.icon-cloud-upload:before {
content: "\e621";
}
.icon-cloud-download:before {
content: "\e622";
}
.icon-cloud-gear:before {
content: "\e629";
}
.icon-cloud-database:before {
content: "\e62a";
}
.icon-database:before {
content: "\e62b";
}
.icon-shield:before {
content: "\e62c";
}
.icon-lock:before {
content: "\e62d";
}
.icon-unlock:before {
content: "\e62e";
}
.icon-key:before {
content: "\e62f";
}
.icon-gear:before {
content: "\e631";
}
.icon-gear2:before {
content: "\e632";
}
.icon-wrench:before {
content: "\e633";
}
.icon-tools:before {
content: "\e634";
}
.icon-hammer:before {
content: "\e635";
}
.icon-recycle:before {
content: "\e638";
}
.icon-trash:before {
content: "\e639";
}
.icon-trash2:before {
content: "\e63a";
}
.icon-heart:before {
content: "\e63b";
}
.icon-flag:before {
content: "\e63d";
}
.icon-flag2:before {
content: "\e63e";
}
.icon-flag3:before {
content: "\e63f";
}
.icon-at-sign:before {
content: "\e640";
}
.icon-envelope:before {
content: "\e641";
}
.icon-inbox:before {
content: "\e642";
}
.icon-paperclip:before {
content: "\e643";
}
.icon-reply:before {
content: "\e644";
}
.icon-reply-all:before {
content: "\e645";
}
.icon-eye:before {
content: "\e647";
}
.icon-eye2:before {
content: "\e648";
}
.icon-floppy-disk:before {
content: "\e64b";
}
.icon-printer:before {
content: "\e64c";
}
.icon-file:before {
content: "\e64d";
}
.icon-folder:before {
content: "\e64e";
}
.icon-copy:before {
content: "\e64f";
}
.icon-scissors:before {
content: "\e650";
}
.icon-paste:before {
content: "\e651";
}
.icon-clipboard:before {
content: "\e652";
}
.icon-clipboard-check:before {
content: "\e653";
}
.icon-register:before {
content: "\e654";
}
.icon-enter:before {
content: "\e655";
}
.icon-exit:before {
content: "\e656";
}
.icon-papers:before {
content: "\e657";
}
.icon-news:before {
content: "\e658";
}
.icon-document:before {
content: "\e659";
}
.icon-document2:before {
content: "\e65a";
}
.icon-license:before {
content: "\e65b";
}
.icon-graduation-hat:before {
content: "\e65c";
}
.icon-license2:before {
content: "\e65d";
}
.icon-presentation:before {
content: "\e66a";
}
.icon-play:before {
content: "\e66b";
}
.icon-film-play:before {
content: "\e66c";
}
.icon-camera:before {
content: "\e66d";
}
.icon-photo:before {
content: "\e66e";
}
.icon-picture:before {
content: "\e66f";
}
.icon-book:before {
content: "\e670";
}
.icon-book-closed:before {
content: "\e671";
}
.icon-bookmark:before {
content: "\e672";
}
.icon-bookmark2:before {
content: "\e673";
}
.icon-books:before {
content: "\e674";
}
.icon-library:before {
content: "\e675";
}
.icon-contacts:before {
content: "\e676";
}
.icon-profile:before {
content: "\e677";
}
.icon-user:before {
content: "\e678";
}
.icon-users:before {
content: "\e679";
}
.icon-users2:before {
content: "\e67a";
}
.icon-woman:before {
content: "\e67b";
}
.icon-man:before {
content: "\e67c";
}
.icon-shirt:before {
content: "\e67d";
}
.icon-tag:before {
content: "\e681";
}
.icon-tags:before {
content: "\e682";
}
.icon-cash:before {
content: "\e683";
}
.icon-credit-card:before {
content: "\e684";
}
.icon-phone:before {
content: "\e688";
}
.icon-phone2:before {
content: "\e689";
}
.icon-pin:before {
content: "\e68a";
}
.icon-map-marker:before {
content: "\e68b";
}
.icon-compass:before {
content: "\e68c";
}
.icon-map:before {
content: "\e68d";
}
.icon-location:before {
content: "\e68e";
}
.icon-calendar:before {
content: "\e690";
}
.icon-calendar2:before {
content: "\e691";
}
.icon-calendar3:before {
content: "\e692";
}
.icon-keyboard:before {
content: "\e694";
}
.icon-delete:before {
content: "\e695";
}
.icon-screen:before {
content: "\e697";
}
.icon-signal:before {
content: "\e698";
}
.icon-iphone:before {
content: "\e699";
}
.icon-smartphone:before {
content: "\e69a";
}
.icon-ipad:before {
content: "\e69b";
}
.icon-tablet:before {
content: "\e69c";
}
.icon-laptop:before {
content: "\e69d";
}
.icon-desktop:before {
content: "\e69e";
}
.icon-power:before {
content: "\e6a1";
}
.icon-drawer:before {
content: "\e6a6";
}
.icon-drawer2:before {
content: "\e6a7";
}
.icon-drawer3:before {
content: "\e6a8";
}
.icon-archive:before {
content: "\e6a9";
}
.icon-archive2:before {
content: "\e6aa";
}
.icon-comment:before {
content: "\e6ab";
}
.icon-pulse:before {
content: "\e6b0";
}
.icon-construction-cone:before {
content: "\e6b9";
}
.icon-pie-chart:before {
content: "\e6ba";
}
.icon-pie-chart2:before {
content: "\e6bb";
}
.icon-graph:before {
content: "\e6bc";
}
.icon-chart-growth:before {
content: "\e6bd";
}
.icon-rank:before {
content: "\e6c1";
}
.icon-rank2:before {
content: "\e6c2";
}
.icon-rank3:before {
content: "\e6c3";
}
.icon-hammer2:before {
content: "\e6e1";
}
.icon-balance:before {
content: "\e6e2";
}
.icon-briefcase:before {
content: "\e6e3";
}
.icon-icons:before {
content: "\e6f5";
}
.icon-icons2:before {
content: "\e6f6";
}
.icon-sitemap:before {
content: "\e6f7";
}
.icon-bell:before {
content: "\e70e";
}
.icon-bullhorn:before {
content: "\e70f";
}
.icon-volume-high:before {
content: "\e710";
}
.icon-volume-medium:before {
content: "\e711";
}
.icon-volume-low:before {
content: "\e712";
}
.icon-volume:before {
content: "\e713";
}
.icon-mute:before {
content: "\e714";
}
.icon-wifi:before {
content: "\e715";
}
.icon-wifi2:before {
content: "\e716";
}
.icon-wifi3:before {
content: "\e717";
}
.icon-mic:before {
content: "\e718";
}
.icon-mic2:before {
content: "\e719";
}
.icon-mic-mute:before {
content: "\e71a";
}
.icon-hourglass:before {
content: "\e71b";
}
.icon-loading:before {
content: "\e71c";
}
.icon-loading2:before {
content: "\e71d";
}
.icon-loading3:before {
content: "\e71e";
}
.icon-undo:before {
content: "\e71f";
}
.icon-redo:before {
content: "\e720";
}
.icon-sync:before {
content: "\e721";
}
.icon-sync2:before {
content: "\e722";
}
.icon-refresh:before {
content: "\e723";
}
.icon-refresh2:before {
content: "\e724";
}
.icon-history:before {
content: "\e725";
}
.icon-history2:before {
content: "\e726";
}
.icon-clock:before {
content: "\e727";
}
.icon-clock2:before {
content: "\e728";
}
.icon-clock3:before {
content: "\e729";
}
.icon-clock4:before {
content: "\e72a";
}
.icon-clock5:before {
content: "\e72b";
}
.icon-timer:before {
content: "\e72c";
}
.icon-timer2:before {
content: "\e72d";
}
.icon-download:before {
content: "\e72e";
}
.icon-upload:before {
content: "\e72f";
}
.icon-arrow-up:before {
content: "\e730";
}
.icon-arrow-down:before {
content: "\e731";
}
.icon-arrow-left:before {
content: "\e732";
}
.icon-arrow-right:before {
content: "\e733";
}
.icon-arrow-up2:before {
content: "\e734";
}
.icon-arrow-down2:before {
content: "\e735";
}
.icon-arrow-left2:before {
content: "\e736";
}
.icon-arrow-right2:before {
content: "\e737";
}
.icon-arrow-up3:before {
content: "\e738";
}
.icon-arrow-down3:before {
content: "\e739";
}
.icon-arrow-left3:before {
content: "\e73a";
}
.icon-arrow-right3:before {
content: "\e73b";
}
.icon-arrow-up4:before {
content: "\e73c";
}
.icon-arrow-down4:before {
content: "\e73d";
}
.icon-arrow-left4:before {
content: "\e73e";
}
.icon-arrow-right4:before {
content: "\e73f";
}
.icon-terminal:before {
content: "\e740";
}
.icon-bug:before {
content: "\e741";
}
.icon-code:before {
content: "\e742";
}
.icon-file-code:before {
content: "\e743";
}
.icon-file-image:before {
content: "\e744";
}
.icon-file-zip:before {
content: "\e745";
}
.icon-file-audio:before {
content: "\e746";
}
.icon-file-video:before {
content: "\e747";
}
.icon-link:before {
content: "\e748";
}
.icon-link2:before {
content: "\e749";
}
.icon-unlink:before {
content: "\e74a";
}
.icon-link3:before {
content: "\e74b";
}
.icon-unlink2:before {
content: "\e74c";
}
.icon-thumbs-up:before {
content: "\e74d";
}
.icon-thumbs-down:before {
content: "\e74e";
}
.icon-thumbs-up2:before {
content: "\e74f";
}
.icon-thumbs-down2:before {
content: "\e750";
}
.icon-thumbs-up3:before {
content: "\e751";
}
.icon-thumbs-down3:before {
content: "\e752";
}
.icon-share:before {
content: "\e753";
}
.icon-share2:before {
content: "\e754";
}
.icon-share3:before {
content: "\e755";
}
.icon-options:before {
content: "\e756";
}
.icon-list:before {
content: "\e757";
}
.icon-list2:before {
content: "\e758";
}
.icon-magnifier:before {
content: "\e759";
}
.icon-zoom-in:before {
content: "\e75a";
}
.icon-zoom-out:before {
content: "\e75b";
}
.icon-question:before {
content: "\e75c";
}
.icon-checkmark:before {
content: "\e75d";
}
.icon-cross:before {
content: "\e75e";
}
.icon-chevron-up:before {
content: "\e75f";
}
.icon-chevron-down:before {
content: "\e760";
}
.icon-chevron-left:before {
content: "\e761";
}
.icon-chevron-right:before {
content: "\e762";
}
.icon-arrow-up5:before {
content: "\e763";
}
.icon-arrow-down5:before {
content: "\e764";
}
.icon-arrow-left5:before {
content: "\e765";
}
.icon-arrow-right5:before {
content: "\e766";
}
.icon-warning:before {
content: "\e76d";
}
.icon-circle-exclamation:before {
content: "\e76e";
}
.icon-circle-question:before {
content: "\e76f";
}
.icon-circle-checkmark:before {
content: "\e770";
}
.icon-circle-cross:before {
content: "\e771";
}
.icon-circle-plus:before {
content: "\e772";
}
.icon-circle-minus:before {
content: "\e773";
}
.icon-circle-up:before {
content: "\e774";
}
.icon-circle-down:before {
content: "\e775";
}
.icon-circle-left:before {
content: "\e776";
}
.icon-circle-right:before {
content: "\e777";
}
.icon-circle-up2:before {
content: "\e778";
}
.icon-circle-down2:before {
content: "\e779";
}
.icon-circle-left2:before {
content: "\e77a";
}
.icon-circle-right2:before {
content: "\e77b";
}
.icon-funnel:before {
content: "\e789";
}
.icon-square:before {
content: "\e796";
}
.icon-circle:before {
content: "\e797";
}
/**
* Responsive
*/
/*------------------------------------*\
RESPONSIVE.CSS
\*------------------------------------*/
/**
* Mobile First
* Base Width: 320px
*/
/**
* 600px
*/
@media only screen and (min-width: 600px) {
/*------------------------------------*\
TABLET-DESKTOPS.CSS
For tablets and desktops and Up
\*------------------------------------*/
/*
* Add Grids for tablets and desktops
*/
/*------------------------------------*\
GRIDS
\*------------------------------------*/
/**
* Nested Row
*/
/**
* Collapsed Row
*/
/**
* Grid Clearing
*/
/* Columns */
/**
* Row Center
*/
/**
* Column aligned centrally
*/
/**
* Generates grids columns
* .one, .two....
*/
/**
* Creates Push Pull classes for alignment in mobile
*/
/*
* Show Hide Sections
*/
/* Rows inside container */
/**
* Responsive table
*/
.row .row,
.row .content-row,
.row .content-row,
.row--wide {
width: auto;
max-width: none;
min-width: 0;
margin-left: -15px;
margin-right: -15px;
}
.row--collapse .columns,
.row--collapse .mom-sidebar,
.row--collapse .mom-page-content {
padding-left: 0;
padding-right: 0;
}
.row .row--collapse,
.row .content-row {
margin-left: 0;
margin-right: 0;
}
.row,
.content-row {
*zoom: 1;
}
.row:before,
.content-row:before,
.row:after,
.content-row:after {
content: " ";
display: table;
}
.row:after,
.content-row:after {
clear: both;
}
.columns,
.mom-sidebar,
.mom-page-content {
float: left;
min-height: 1px;
padding: 0 15px;
position: relative;
}
.row--center .columns,
.row--center .mom-sidebar,
.row--center .mom-page-content {
float: none;
margin: 0 auto;
}
.column--center {
float: none;
margin: 0 auto;
}
.one {
width: 8.33333%;
}
.two {
width: 16.66667%;
}
.three {
width: 25%;
}
.four {
width: 33.33333%;
}
.five {
width: 41.66667%;
}
.six {
width: 50%;
}
.seven {
width: 58.33333%;
}
.eight {
width: 66.66667%;
}
.nine {
width: 75%;
}
.ten {
width: 83.33333%;
}
.eleven {
width: 91.66667%;
}
.twelve {
width: 100%;
}
.push--one {
left: 8.33333%;
}
.pull--one {
right: 8.33333%;
}
.push--two {
left: 16.66667%;
}
.pull--two {
right: 16.66667%;
}
.push--three {
left: 25%;
}
.pull--three {
right: 25%;
}
.push--four {
left: 33.33333%;
}
.pull--four {
right: 33.33333%;
}
.push--five {
left: 41.66667%;
}
.pull--five {
right: 41.66667%;
}
.push--six {
left: 50%;
}
.pull--six {
right: 50%;
}
.push--seven {
left: 58.33333%;
}
.pull--seven {
right: 58.33333%;
}
.push--eight {
left: 66.66667%;
}
.pull--eight {
right: 66.66667%;
}
.push--nine {
left: 75%;
}
.pull--nine {
right: 75%;
}
.push--ten {
left: 83.33333%;
}
.pull--ten {
right: 83.33333%;
}
.push--eleven {
left: 91.66667%;
}
.pull--eleven {
right: 91.66667%;
}
.show-for-desktop-above {
display: inherit;
}
.hide-for-tablet-above {
display: none !important;
}
.container .row,
.container .page-container,
.container .content-row {
margin-left: -15px;
margin-right: -15px;
}
.footable-toggle {
display: none;
}
}
/**
* 992px
*/
@media only screen and (min-width: 960px) {
/*------------------------------------*\
DESKTOP.CSS
\*------------------------------------*/
/*
* Show Hide Sections
*/
/*
* Container
*/
/* Container */
/**
* Wide Container
*/
/**
* Latest Link
*/
/**
* Sticky Block
*/
/**
* Carousel
*/
/* Control */
/**
* Calculator
*/
.show-for-desktop {
display: inherit;
}
.hide-for-desktop {
display: none;
}
/*
* Container
*/
/* Container */
.container,
.page-container {
width: 960px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.container--wide {
width: auto;
max-width: 1200px;
padding-left: 15px;
padding-right: 15px;
}
.link--latest {
display: inline-block;
}
.is-sticky {
position: fixed;
top: 20px;
-webkit-transform: translate3d(0, 0, 0);
}
.is-sticky-bottom {
position: absolute;
}
.carousel__indicators {
top: auto;
bottom: -35px;
}
.carousel__control {
display: block;
}
.smartform {
min-height: 20em;
}
}
/**
* Target Specific Devices Only
*/
@media only screen and (max-width: 599px) {
/*------------------------------------*\
PHONE ONLY
\*------------------------------------*/
/*
* Show Hide Sections
*/
/*
* Add Grids for Phones only
*/
/*------------------------------------*\
Grids for Phones Only
\*------------------------------------*/
/**
* Phone - Specify number of columns
* => Two phone in tablet
*/
.hide-for-phone {
display: none;
}
.one--phone {
float: left;
padding: 0 15px;
width: 8.33333%;
}
.two--phone {
float: left;
padding: 0 15px;
width: 16.66667%;
}
.three--phone {
float: left;
padding: 0 15px;
width: 25%;
}
.four--phone {
float: left;
padding: 0 15px;
width: 33.33333%;
}
.five--phone {
float: left;
padding: 0 15px;
width: 41.66667%;
}
.six--phone {
float: left;
padding: 0 15px;
width: 50%;
}
.seven--phone {
float: left;
padding: 0 15px;
width: 58.33333%;
}
.eight--phone {
float: left;
padding: 0 15px;
width: 66.66667%;
}
.nine--phone {
float: left;
padding: 0 15px;
width: 75%;
}
.ten--phone {
float: left;
padding: 0 15px;
width: 83.33333%;
}
.eleven--phone {
float: left;
padding: 0 15px;
width: 91.66667%;
}
.twelve--phone {
float: left;
padding: 0 15px;
width: 100%;
}
}
/**
* Iphone Landscape
*/
@media only screen and (min-width: 480px) and (orientation: landscape) {
/*------------------------------------*\
IPHONE LANDSCAPE
All portable devices
\*------------------------------------*/
}
/**
* 768px : For Ipad
*/
@media only screen and (min-width: 600px) and (max-width: 960px) {
/*------------------------------------*\
IPAD.CSS
\*------------------------------------*/
/*
* Import grids for tablet only
*/
/*------------------------------------*\
Grids for Tablet Only
\*------------------------------------*/
/**
* Tablet - Specify number of columns
* => Two phone in tablet
*/
/*
* Show Hide Sections
*/
/**
* Remove Fixed header
*/
.one--tablet {
float: left;
padding: 0 15px;
width: 8.33333%;
}
.two--tablet {
float: left;
padding: 0 15px;
width: 16.66667%;
}
.three--tablet {
float: left;
padding: 0 15px;
width: 25%;
}
.four--tablet {
float: left;
padding: 0 15px;
width: 33.33333%;
}
.five--tablet {
float: left;
padding: 0 15px;
width: 41.66667%;
}
.six--tablet {
float: left;
padding: 0 15px;
width: 50%;
}
.seven--tablet {
float: left;
padding: 0 15px;
width: 58.33333%;
}
.eight--tablet {
float: left;
padding: 0 15px;
width: 66.66667%;
}
.nine--tablet {
float: left;
padding: 0 15px;
width: 75%;
}
.ten--tablet {
float: left;
padding: 0 15px;
width: 83.33333%;
}
.eleven--tablet {
float: left;
padding: 0 15px;
width: 91.66667%;
}
.twelve--tablet {
float: left;
padding: 0 15px;
width: 100%;
}
.hide-for-tablet {
display: none;
}
.header-fixed {
display: none !important;
}
}
/**
* iPads (landscape)
*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/*------------------------------------*\
TABLET LANDSCAPE
All portable devices
\*------------------------------------*/
}
/**
* Short screen
*/
@media only screen and (max-height: 700px) and (min-width: 960px) {
/*------------------------------------*\
SHORT SCREEN
\*------------------------------------*/
/**
* Holiday table
*/
/**
* Module holiday
*/
.page-content {
padding-top: 36px;
padding-top: 2.25rem;
}
@media only screen and (min-width: 600px) {}
.table--holiday th,
.table--holiday td {
padding-top: 0.3em;
padding-bottom: 0.3em;
}
.module-holiday .holiday-icon {
margin-top: 0;
}
}
/**
* 1382px: Wide Screen
*/
@media only screen and (min-width: 1300px) {}
/**
* Retina
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {}
/*------------------------------------*\
RESPONSIVE.CSS
\*------------------------------------*/
/**
* Mobile First
* Base Width: 320px
*/
/*------------------------------------*\
PHONE.CSS
\*------------------------------------*/
/**
* Headings
*/
h1,
.alpha {
font-size: 30px;
font-size: 1.875rem;
margin-bottom: 10px;
margin-bottom: 0.625rem;
}
@media only screen and (min-width: 600px) {}
h1 {
line-height: 1.25;
}
h2,
.beta,
.module-holiday .holiday-date,
.filter-current {
font-size: 26px;
font-size: 1.625rem;
}
h2 {
line-height: 31.9992px;
line-height: 1.99995rem;
}
@media only screen and (min-width: 600px) {}
h2 {
margin-bottom: 13.99999px;
margin-bottom: 0.875rem;
}
@media only screen and (min-width: 600px) {}
h3,
.gamma {
font-size: 20px;
font-size: 1.25rem;
}
h3,
.gamma {
line-height: 24px;
line-height: 1.5rem;
}
@media only screen and (min-width: 600px) {}
h3 {
margin-bottom: 7.9992px;
margin-bottom: 0.49995rem;
}
@media only screen and (min-width: 600px) {}
h4,
.delta,
.media-block .media-title,
.item-title {
font-size: 16px;
font-size: 1rem;
}
h4,
.delta,
.media-block .media-title,
.item-title {
line-height: 24px;
line-height: 1.5rem;
}
@media only screen and (min-width: 600px) {}
h4 {
margin-bottom: 4.00001px;
margin-bottom: 0.25rem;
}
@media only screen and (min-width: 600px) {}
h5,
.epsilon,
.caption-title,
.text-subtitle {
font-size: 16px;
font-size: 1rem;
}
/*
Common styles
*/
h1,
h2 {
letter-spacing: -0.5px;
}
/*
* Lead text
*/
.text--lead {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.2;
line-height: 30px;
line-height: 1.875rem;
margin-bottom: 36px;
margin-bottom: 2.25rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {}
.page-header .text--lead {
margin-bottom: 0;
}
/**
* Thin text
*/
.text-thin,
.media-block h3,
.section-title,
.text-thin>a,
.text-thin>.media-block h3,
.media-block .text-thin>h3,
.text-thin>.section-title {
font-weight: 300;
}
/**
* Subtitle
*/
.text-subtitle {
font-weight: 600;
border-bottom: 1px #d8d8d8 solid;
padding-bottom: 10px;
line-height: normal;
padding-top: 0;
margin-bottom: 18px;
margin-bottom: 1.125rem;
}
@media only screen and (min-width: 600px) {}
/**
* Small
*/
.text-small,
.media-block h3 {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5;
}
/**
* Normal font
*/
.text-normal {
font-size: 16px;
font-size: 1rem;
}
/**
* Section title
*/
.section-title {
display: table;
border-spacing: 5px;
margin: 0 -5px;
margin-bottom: 12px;
margin-bottom: 0.75rem;
padding-top: 0;
line-height: 1.2;
}
@media only screen and (min-width: 600px) {}
.section-title .icon,
.section-title .link-before:before,
.section-title .section-next a:after,
.section-next .section-title a:after {
display: table-cell;
vertical-align: middle;
color: #e57200;
margin: 0;
text-align: center;
font-size: 26px;
min-width: 30px;
border-bottom: 2px #e57200 solid;
}
.section-title .text {
padding-left: 5px;
display: table-cell;
vertical-align: middle;
width: 100%;
padding-bottom: 5px;
border-bottom: 2px #006eab solid;
}
/**
* Text error
*/
.text-red {
color: #D0021B;
}
/**
* 480 - 600px
* Tablet small
*/
@media only screen and (min-width: 375px) {}
/**
* 600 - 960
* Tablet large
*/
@media only screen and (min-width: 600px) {
/*------------------------------------*\
DESKTOP.CSS
\*------------------------------------*/
h1,
.alpha {
font-size: 38px;
font-size: 2.375rem;
}
h1 {
line-height: 45.6px;
line-height: 2.85rem;
}
@media only screen and (min-width: 600px) {}
h1 {
margin-bottom: 16.00008px;
margin-bottom: 1.00001rem;
}
@media only screen and (min-width: 600px) {}
h2,
.beta,
.module-holiday .holiday-date,
.filter-current {
font-size: 28px;
font-size: 1.625rem;
}
h2 {
line-height: 36px;
line-height: 2.25rem;
}
@media only screen and (min-width: 600px) {}
h2 {
margin-bottom: 16.00008px;
margin-bottom: 1.00001rem;
}
@media only screen and (min-width: 600px) {}
h3,
.gamma {
font-size: 22px;
font-size: 1.375rem;
}
h3,
.gamma {
line-height: 28.00008px;
line-height: 1.75001rem;
}
@media only screen and (min-width: 600px) {}
h3 {
margin-bottom: 12px;
margin-bottom: 0.75rem;
}
@media only screen and (min-width: 600px) {}
h4,
.delta,
.media-block .media-title,
.item-title {
font-size: 18px;
font-size: 1.125rem;
}
h4,
.delta,
.media-block .media-title,
.item-title {
line-height: 28.00008px;
line-height: 1.75001rem;
}
@media only screen and (min-width: 600px) {}
h4 {
margin-bottom: 9px;
margin-bottom: 0.5625rem;
}
@media only screen and (min-width: 600px) {}
h5,
.epsilon,
.caption-title,
.text-subtitle {
font-size: 16px;
font-size: 1rem;
}
h5 {
line-height: 42px;
line-height: 2.625rem;
}
@media only screen and (min-width: 600px) {}
.text--lead {
font-size: 20px;
font-size: 1.25rem;
line-height: 28.8px;
line-height: 1.8rem;
}
@media only screen and (min-width: 600px) {}
}
/**
* Desktop
*/
@media only screen and (min-width: 960px) {}
/**
* Desktop
*/
@media only screen and (max-height: 700px) and (min-width: 960px) {
/*------------------------------------*\
PHONE.CSS
\*------------------------------------*/
/**
* Headings
*/
/*
* Lead text
*/
/**
* Modules
*/
/**
* Reset for module asides
*/
/**
* Page header
*/
h1,
.alpha {
font-size: 30px;
font-size: 1.875rem;
margin-bottom: 10px;
margin-bottom: 0.625rem;
}
@media only screen and (min-width: 600px) {}
h1 {
line-height: 36px;
line-height: 2.25rem;
}
@media only screen and (min-width: 600px) {}
h2,
.beta,
.module-holiday .holiday-date,
.filter-current {
font-size: 26px;
font-size: 1.625rem;
}
h2 {
line-height: 31.9992px;
line-height: 1.99995rem;
}
@media only screen and (min-width: 600px) {}
h2 {
margin-bottom: 13.99999px;
margin-bottom: 0.875rem;
}
@media only screen and (min-width: 600px) {}
h3,
.gamma {
font-size: 19px;
font-size: 1.1875rem;
}
h3,
.gamma {
line-height: 24px;
line-height: 1.5rem;
}
@media only screen and (min-width: 600px) {}
h3 {
margin-bottom: 7.9992px;
margin-bottom: 0.49995rem;
}
@media only screen and (min-width: 600px) {}
h4,
.delta,
.media-block .media-title,
.item-title {
font-size: 16px;
font-size: 1rem;
}
h4,
.delta,
.media-block .media-title,
.item-title {
line-height: 24px;
line-height: 1.5rem;
}
@media only screen and (min-width: 600px) {}
h4 {
margin-bottom: 4.00001px;
margin-bottom: 0.25rem;
}
@media only screen and (min-width: 600px) {}
.text--lead {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.2;
line-height: 30px;
line-height: 1.875rem;
}
@media only screen and (min-width: 600px) {}
.page-content,
.ui-module {
padding-top: 1em;
padding-bottom: 1em;
}
.module-aside {
padding-top: 0;
padding-bottom: 0;
margin-top: 0.4375em;
}
.page-header {
padding-top: 1em;
padding-bottom: 1em;
}
}
/**
* Widescreen
* Tablet small
*/
@media only screen and (min-width: 1300px) {}
/*------------------------------------* PAGE
\*------------------------------------*/
/**
* user actions
*/
.user-actions {
float: right;
font-size: 14px;
font-size: 0.875rem;
}
.user-actions a {
line-height: 50px;
}
.user-actions a:focus {
background-color: transparent;
}
.user-actions .icon,
.user-actions .link-before:before {
font-size: 1.2em;
}
/**
* Page title
*/
.page-section-title {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
overflow: hidden;
margin: 0;
line-height: 50px;
font-size: 20px;
font-size: 1.25rem;
}
/**
* Page Container
*/
.page-container {
padding-bottom: 24px;
padding-bottom: 1.5rem;
/*background: #fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);*/
padding-top: 1em;
padding-bottom: 1em;
}
@media only screen and (min-width: 600px) {
.page-container {
padding-top: 2em;
padding-bottom: 2em;
/*min-height: 500px; */
}
}
/**
* Page container
*/
.page-container a {
font-weight: 600;
}
.page-container .btn,
.page-container .link-filter-toggle,
.page-container .btn-upload,
.page-container .btn-download {
font-weight: normal;
}
/**
* Form container
*/
@media only screen and (min-width: 600px) {
.form-container {
width: 420px;
margin-top: 3em;
margin-bottom: 3em;
}
}
.form-container .form-submit {
padding-bottom: 0;
}
/** page specific styles
* Start Page
*/
.service-intro {
background-color: #e2f1fe;
/* float: left; */
width: 100%;
margin-top: 1.5em;
}
.service-intro button {
margin: 20px 20px;
}
/*.no-trips{
float: left;
width: 100%;
}*/
.service-highlights {
clear: both;
}
.quick-facts .badge {
border-radius: 25px;
font-size: 1em;
text-align: center;
margin: 1em 0 0.5em 0;
padding: 6px 20px;
display: inline-block;
float: none;
}
.right-pad-none {
padding-right: 0px;
}
.online {
background: #58C459;
color: #ffffff;
}
.quick-facts {
background: #FAFAFA;
border: 1px solid #B3C1CA;
border-radius: 2px;
padding: 20px;
margin: 20px auto;
clear: both;
float: left;
/*width: 100%;*/
}
.quick-facts-header {
margin-bottom: 20px;
}
/*.quick-facts-content{
float: left;
width: 100%;
}*/
.quick-facts-item-info {
text-align: center;
padding-left: 0px;
padding-bottom: 1em;
}
.quick-facts-info-metric-name {
border-top: #ddd 1px solid;
padding: 20px 20px 0px 0px;
font-size: 1em;
width: 100%;
float: left;
}
.quick-facts-item-info-metric-value {
font-size: 3em;
width: 100%;
float: left;
}
.quick-facts-item-info-metric-info {
font-size: 1em;
color: #999;
width: 100%;
float: left;
}
.service-more-details {
clear: both;
}
.service-more-details .container {
width: auto;
margin-left: auto;
margin-right: auto;
max-width: 960px;
}
@media only screen and (max-width: 599px) {
.service-intro button {
margin: 15px 0px 0px 0px;
}
.quick-facts-item-info {
margin-bottom: 20px;
}
}
/**
/* badge component-usage
*/
.badge {
height: 3em;
width: 140px;
border-radius: 25px;
font-size: 1em;
text-align: center;
line-height: 2em;
}
.draft {
background: #FFDE4E;
color: #333333;
}
.submitted {
background: #58C459;
color: #FFFFFF;
}
.rejected {
background: #D0021B;
color: #FFFFFF;
}
@media only screen and (max-width: 599px) {}
/******************************************
*common-styles.css - Begin
******************************************/
.t-container .section-title {
border: none;
border-left: 6px solid #a36818;
padding: 5px 0px 5px 0.7em;
height: 1.5em;
vertical-align: middle;
color: #333333;
display: inline-block;
margin-left: 0px;
max-width: 100%;
margin: 1.5em 0 1em 0;
position: relative;
width: 100%;
}
.section-title h3 {
margin-bottom: 0;
line-height: 0.7em;
padding-left: 0px;
margin: 0px;
font-size: 1.5em;
font-weight: 600;
white-space: nowrap;
}
@media only screen and (max-device-width: 600px),
only screen and (max-width: 600px) {
.t-container .section-title {
display: inline-block;
position: relative;
height: auto;
}
.section-title h3 {
line-height: 1.5em;
white-space: normal;
}
}
.t-container .section-title .paging {
line-height: 1em;
position: absolute;
top: 5px;
right: 0;
font-weight: normal;
}
.paging .icon {
display: inline-block;
vertical-align: middle;
color: #006eab;
margin: 0 0;
text-align: center;
font-size: 0.8em;
min-width: 1em;
border-bottom: none;
}
.paging .paging-icon:hover {
text-decoration: none !important;
}
.paging .icon:hover {
text-decoration: underline !important;
}
.header-links {
display: inline-block;
float: right;
padding-top: 1.7em;
}
.section-edit-links {
position: absolute;
float: right;
top: 1.5em;
width: 100%;
}
.section-edit-links a {
float: right;
}
.header-links a {
float: right;
}
.t-container .page-section {
border-top: 1px solid #e2e2e2;
padding-top: 2em;
margin-bottom: 5em;
}
.service-header {
margin-bottom: 0px;
width: 100%;
display: inline-block;
}
.service-header .service-name {
float: left;
display: inline-block;
width: 100%;
margin-top: 1em;
margin-bottom: 0em;
margin-left: -5px;
padding-left: 0;
}
.dl-inline {
width: 100%;
}
.indented-list {
padding-left: 1em;
margin-bottom: 0em;
}
.dl-inline>dt {
float: left;
overflow: hidden;
font-weight: normal;
margin-top: 1em;
text-overflow: ellipsis;
min-width: 20%;
display: inline-block;
clear: left;
margin: 1em 2em 0em 0;
}
.dl-inline>dd {
font-weight: bold;
margin: 1em 2em 0em 0;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
clear: right;
float: left;
}
.dl-inline dt:last-child {
margin-bottom: 1.5em;
}
.dl-inline dd:last-child {
margin-bottom: 1.5em;
}
@media only screen and (max-device-width: 900px),
only screen and (max-width: 900px) {
.dl-inline>dt {
overflow: hidden;
font-weight: normal;
margin-top: 1em;
text-overflow: ellipsis;
width: 100%;
margin: 1em 0 0.5em 0;
}
.dl-inline>dd {
font-weight: bold;
margin: 0.5em 0 1em 0;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.dl-inline dt:last-child {
margin-bottom: 0.5em;
}
.dl-inline dd:last-child {
margin-bottom: 1.5em;
}
.indented-list {
padding-left: 0em;
}
.t-container .section-title .paging {
line-height: 2em;
position: relative;
display: inline-block;
font-weight: normal;
left: 0;
}
.t-container .section-title .header-links {
line-height: 2em;
position: relative;
display: inline-block;
width: 100%;
text-align: left;
font-weight: normal;
}
.section-edit-links {
position: relative;
top: 0em;
margin-bottom: 1em;
width: 100%;
text-align: left;
}
.section-edit-links a {
float: none;
}
}
.btn-container a {
margin-right: 1.5em;
padding: 0.5em;
min-width: 10em;
text-align: center;
margin-bottom: 2em;
}
.social-links {
display: inline-block;
line-height: 1em;
position: relative;
bottom: 1em;
vertical-align: middle;
margin-right: 0em;
margin-top: 0.5em;
text-align: left;
}
.social-links a {
margin-right: 0.7em;
padding: 0px;
text-decoration: none;
cursor: pointer;
}
.link-facebook:after {
content: "\e79c";
font-size: 1.5em;
background-color: #3b5998;
color: #fff;
font-family: "Linearicons";
padding: 0.2em 0.3em 0 0.5em;
border-radius: 4px;
}
.link-twitter:after {
content: "\e79d";
font-size: 1.7em;
color: #4099ff;
font-family: "Linearicons";
}
.shaded-container {
background-color: #e2efff;
border: 1px solid #006eab;
border-radius: 5px;
margin: 1em 0 2em 0;
display: inline-block;
clear: both;
width: 100%;
}
.shaded-container>div {
display: inline;
float: left;
max-width: 50%;
padding: 1em;
line-height: 2em;
}
.multicolumn-form-menu-container {
display: inline-block;
clear: both;
}
.multicolumn-form-container {
box-shadow: 0 5px 5px #aaa;
padding: 0.5em 1.5em 1em 2em;
margin-bottom: 1em;
display: inline-block;
width: 100%
}
@media only screen and (max-device-width: 900px),
only screen and (max-width: 900px) {
.shaded-container {
padding-bottom: 1em;
margin: 2em 0;
}
.shaded-container>div {
display: block;
float: none;
max-width: 100%;
padding: 0 1em;
line-height: 2em;
margin-bottom: 1em;
}
.shaded-container>div h3 {
margin: 1em 0 0.5em 0;
}
.btn-container a {
width: 100%;
}
.social-links {
width: 100%;
margin-top: 1em;
}
}
.form-column-left {
float: left;
display: inline-block;
}
.form-column-right {
float: right;
display: inline-block;
}
.top-section-border {
border-top: 1px solid #999;
padding: 2em 0;
display: inline-block;
clear: both;
width: 100%
}
.a-z-index a:before {
content: "|";
pointer-events: none;
padding: 0 0.1em;
text-decoration: none;
display: inline-block;
}
.a-z-index a:first-child:before {
content: " ";
}
.header-links .paging {
float: right;
}
.header-links .paging a {
float: none;
}
.text-small {
font-size: 0.8em;
}
.text-bold {
font-weight: bold;
}
table tr.footer td {
background-color: transparent !important;
border-bottom: none;
}
table tr.footer {
background-color: none;
border-bottom: none;
}
table tr td.sum {
border: none;
border-top: 4px solid #333;
border-bottom: none;
}
table tr .num {
text-align: right;
}
.text-indented-one {
padding-left: 1em;
}
.text-indented-two {
padding-left: 2em;
}
.text-indented-three {
padding-left: 3em;
}
.no-border {
border: none !important;
box-shadow: none !important;
}
.all-borders {
border: 1px solid #eee;
padding: 25px;
}
.top-border {
border-top: 1px solid #eee;
margin-top: 1em;
padding-top: 0em;
display: inline-block;
width: 100%;
position: relative;
}
.side-menu {
padding: 0px 1em 0 0em;
}
.side-menu ul {
list-style: none;
margin-left: 0;
}
.side-menu ul li.side-menu-item {
padding: 1em 1em;
background-color: #fff;
cursor: pointer;
}
.side-menu ul li.active {
background-color: #e2e2e2;
cursor: default;
}
.side-menu ul li a {
text-decoration: none;
color: #333;
}
.side-menu ul li {
text-decoration: none;
color: #333;
position: relative;
overflow: hidden;
display: inline-block;
outline: none !important;
width: 100%;
transition: all 0.2s;
}
.side-menu ul li:after {
content: " ";
background: rgba(0, 0, 0, 0.3);
display: block;
position: absolute;
border-radius: 50%;
padding-top: 240%;
padding-left: 240%;
margin-top: -120%;
margin-left: -120%;
opacity: 0;
transition: all 0.5s;
}
.side-menu ul li:active:after {
padding-top: 0;
padding-left: 0;
margin-top: 0;
margin-left: 0;
opacity: 1;
transition: 0s;
}
.side-menu ul li:not(.active):hover {
background-color: rgba(100, 100, 100, 0.1);
}
.side-menu ul li a:hover {
background-color: rgba(255, 255, 255, 0);
}
.side-menu ul li.active a {
cursor: default;
}
.side-menu ul li a:visited {
background: rgba(255, 255, 255, 0);
}
.multi-col-form-section {
box-shadow: 0 1px 1px #eee;
padding-bottom: 0.5em;
margin: 1em -1.5em 0 -2em;
}
.multi-col-form-section h1 {
font-size: 2em;
font-weight: 600;
padding-left: 1em;
}
.circle-div {
width: 2em;
height: 2em;
border-radius: 2em;
font-size: 4em;
text-align: center;
line-height: 2em;
color: #333;
}
.icon-bold {
-webkit-text-stroke: 1px;
}
.icon-1-em {
font-size: 1em;
}
.icon-small {
font-size: 0.8em;
}
.icon-users:before {
font-family: 'Linearicons-free';
content: "\e82b";
}
.icon-store:before {
font-family: 'Linearicons-free';
content: "\e82d";
}
.icon-apartment:before {
font-family: 'Linearicons-free';
content: "\e801";
}
.icon-apartment:before {
font-family: 'Linearicons-free';
content: "\e801";
}
.icon-chevron-right-double:before {
content: "\e762\e762";
letter-spacing: -10px;
margin-left: -10px;
}
.icon-chevron-left-double:before {
content: "\e761\e761";
letter-spacing: -10px;
margin-left: -10px;
}
.paging {
display: inline-block;
line-height: 50px;
float: right;
}
.paging a {
cursor: pointer;
margin: 0 0.25em;
}
.paging .paging-itemcount {
display: inline-block;
line-height: 25px;
}
.paging-itemcount ul {
background: #fff;
}
.paging-itemcount li {
display: block;
position: relative;
text-align: left;
}
.paging-itemcount li a {
display: block;
text-decoration: none;
text-align: center;
width: 35px;
background: #fff;
margin: 0px;
}
.paging-itemcount li a:hover {
color: #000;
background: #A2A2A2;
}
.paging-itemcount li ul.itemcount {
display: none;
position: absolute;
z-index: 999;
left: -35px;
top: 10px;
padding: 0px;
background: #fff;
width: 38px;
text-align: center;
border: 1px solid #A2A2A2;
}
.paging-itemcount li ul.itemcount li {
background: #fff;
margin: 0px;
}
.paging-itemcount li:hover ul.itemcount {
display: block;
}
.paging-itemcount li ul.dropdown li {
display: block;
background: #fff;
}
.paging .phone-only {
display: none;
}
@media only screen and (max-device-width: 900px),
only screen and (max-width: 900px) {
table tr .num {
text-align: left;
}
.side-menu ul li {
display: block;
}
.paging {
float: none;
width: 100%;
}
.paging :not(.phone) {
display: none;
}
.paging .page-list {
float: right;
}
.paging .phone-only {
display: inline;
}
}
.push-top-2 {
margin-top: 3em !important;
}
.container-no-indent {
padding-right: 1em;
padding-left: 1em;
}
.container-no-indent .container {
padding-right: 0em;
padding-left: 0em;
padding-bottom: 1em;
}
.container-no-indent .row {
margin-left: 0px;
margin-right: 0px;
}
.accordion__header {
display: inline-block;
width: 100%;
}
/******************************************
*common-styles.css - End
******************************************/
/******************************************
*form-fields.css - Begin
******************************************/
/* Material styles */
.combo-material {
border: none;
}
.combo-material *:invalid {
box-shadow: none;
;
}
.combo-material .combo-dropdown {
border-radius: 0;
z-index: 2;
border: none;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.combo-material .combo-arrow {
width: 20px;
}
.combo-material .combo-arrow:before {
line-height: 40px;
content: " ";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #666;
display: block;
width: 0;
height: 0;
top: 0;
right: 5px;
bottom: 0;
position: absolute;
margin: auto 0;
}
.combo-material.combo-open .combo-arrow:before {
border-top: none;
border-bottom: 5px solid #666;
}
.combo-2x {
max-width: 200px;
}
.combo-small {
max-width: 30%;
}
.combo-medium {
max-width: 60%;
}
.combo-full {
max-width: 100%;
}
.combo-material .text-input::-webkit-input-placeholder {
color: #666;
}
.form-control-mds textarea {
margin-bottom: 0px;
}
/* Multi select drop down */
.form-control-mds .chosen-container-multi {
font-size: 1em;
line-height: 1.5em;
}
.form-control-mds .chosen-container-multi .chosen-choices {
border: none;
padding: 0.1em 0.5em 0.1em 0.1em;
width: 100%;
border-radius: 0;
-webkit-transition: border 0.2s ease-in;
transition: border 0.2s ease-in;
}
.chosen-container-single .chosen-search input[type="text"] {
border: none !important;
font-size: 1em;
line-height: 1.5em;
}
.form-control-mds .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
color: #666;
}
.multi-select-label {
left: 0;
top: 0.5em;
color: #666;
-webkit-transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1);
transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1);
margin: 0;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.form-control-mds .chosen-container .chosen-choices {
border: none;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px #D6DBE5 solid;
border-radius: 0;
transition: border 0.2s ease-in;
-webkit-transition: border 0.2s ease-in;
}
.form-control-mds .chosen-container-active .chosen-choices {
border-color: #777;
}
.form-control-mds .chosen-container .chosen-choices:after {
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #666;
display: block;
width: 0;
height: 0;
top: 5px;
right: 5px;
bottom: 0;
position: absolute;
margin: auto 0;
}
.form-control-mds .chosen-with-drop .chosen-choices:after {
border-top: none;
border-bottom: 5px solid #666;
}
.form-control-mds .chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto !important;
height: 1%;
background-color: transparent;
background-image: none;
cursor: text;
line-height: 40px;
}
.chosen-container .chosen-drop {
top: 100%;
left: -9999px;
z-index: 1010;
width: 100%;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.form-control-mds .chosen-container .chosen-results {
position: relative;
/* z-index: 1; */
top: 100%;
left: 0;
min-width: 100%;
max-width: 300px;
max-height: 300px;
margin: 0;
padding: 0;
/* display: none; */
overflow-y: auto;
background: #fff;
border-radius: 0;
border: none;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.form-control-mds .chosen-container .chosen-results li {
line-height: 1.5em;
list-style: none;
padding: 8px 1em;
margin: 0;
border-bottom: 1px #e3e3e3 solid;
}
.form-control-mds .chosen-container .chosen-results li.highlighted {
background-color: #eee;
background-image: none;
color: #333;
}
.form-control-mds .chosen-container-multi .chosen-choices li.search-choice {
border: #D38D27 1px solid;
background: #eeeeee !important;
}
.form-control-mds .chosen-container-multi .chosen-choices li.search-choice {
background: #EEEEEE;
border-radius: 4px;
line-height: 1.5em;
margin: 3px 10px 3px -5px;
padding: 3px 35px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-image: none;
color: #333;
cursor: default;
}
.form-control-mds .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
right: 10px;
display: block;
width: 12px;
height: 12px;
color: #666;
background: none !important;
font-size: 0.8em;
}
.form-control-mds .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
content: "\e75e";
font-family: linearicons;
font-size: 8px;
-webkit-text-stroke: 2px;
}
.form-control-mds .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
color: #333;
text-decoration: none;
}
/* chosen single for multiple dropdown */
.chosen-container-single .chosen-single {
position: relative;
overflow: hidden;
margin: 0;
padding: 10px 5px;
width: 100%;
height: auto !important;
height: 1%;
background-color: transparent;
background-image: none;
cursor: text;
line-height: 40px;
}
.chosen-container-active.chosen-with-drop .chosen-single {
background: transparent !important;
background-image: none !important;
}
.chosen-container-active.chosen-with-drop>a {
height: 0px !important;
padding: 0px !important;
}
.chosen-container-single .chosen-single span {
white-space: pre-wrap;
line-height: 1.3em;
}
.form-control-mds .chosen-container .chosen-single {
border: none;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px #D6DBE5 solid;
border-radius: 0;
transition: border 0.2s ease-in;
-webkit-transition: border 0.2s ease-in;
}
.chosen-container-single .chosen-search {
background: transparent;
}
.chosen-container-single .chosen-search input[type="text"] {
background: none !important;
}
.chosen-container-single .chosen-single div b {
background: none !important;
}
.form-control-mds .chosen-container .chosen-single:after {
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #666;
display: block;
width: 0;
height: 0;
top: 5px;
right: 5px;
bottom: 0;
position: absolute;
margin: auto 0;
}
.chosen-container-single .chosen-search:after {
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
/* border-top: 5px solid #666; */
display: block;
width: 0;
height: 0;
top: 5px;
right: 5px;
bottom: 0;
position: absolute;
margin: auto 0;
border-top: none;
border-bottom: 5px solid #666;
}
/* Ripple */
.mds-ripple,
.btn {
position: relative;
overflow: hidden;
outline: none !important;
/* remove dotted border */
}
.mds-ripple:after,
.btn:after {
content: "";
background: rgba(255, 255, 255, 0.3);
display: block;
position: absolute;
border-radius: 50%;
padding-top: 240%;
padding-left: 240%;
margin-top: -120%;
margin-left: -120%;
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
pointer-events: none;
}
.mds-ripple:after,
.btn:active:after {
padding-top: 0;
padding-left: 0;
margin-top: 0;
margin-left: 0;
opacity: 1;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-ms-transition: all 0s;
transition: all 0s;
pointer-events: none;
}
/* Input fields */
.input-control,
.combo-material .text-input {
border-style: solid;
border: none;
border-bottom: 1px #D6DBE5 solid;
padding: 0.1em 0.5em 0.1em 0.1em;
width: 100%;
border-radius: 0;
-webkit-transition: border 0.2s ease-in;
transition: border 0.2s ease-in;
height: 40px;
}
.input-control:focus,
.combo-material .text-input:focus {
outline: none;
box-shadow: none;
border-color: #D0021B;
}
.input-control {
background: transparent;
z-index: 1;
position: relative;
overflow: auto;
}
.input-control::-webkit-input-placeholder {
color: #666;
opacity: 0.5;
}
.form-control-mds .field-error {
font-size: 0.8em;
color: #D0021B;
display: none;
}
.combo-selected~.field-error {
display: block;
}
.input-control:focus,
.combo-material .text-input:focus,
.input-control.invalid,
.invalid~.combo-input,
.search-field>.invalid {
outline: none;
box-shadow: none;
border-color: #777 !important;
}
.label-checkbox,
.label-radio {
display: block;
font-weight: normal;
color: #555555;
padding-left: 0;
}
.checkbox,
.radio {
margin-top: 0px;
/*height: 2em;*/
color: #666;
}
.checkbox-inline,
.radio-inline {
padding-left: 0;
display: inline-block;
white-space: nowrap;
}
.wrappable {
white-space: normal;
}
input[type=checkbox]+label {
display: inline-block;
}
input[type=radio]+label {
display: inline-block;
}
.checkbox label,
.radio label {
padding-left: 0px;
padding-right: 3em;
line-height: 1;
}
.auto-expand {
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
margin-top: 5px;
}
.form-control-mds {
position: relative;
margin-top: 2.5em;
margin-bottom: 1.5em;
padding: 0;
}
.form-control-mds .form-field-required {
position: absolute;
left: -0.8em;
top: 0.7em;
color: #D0021B;
-webkit-user-select: none;
/* Chrome/Safari */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE10+ */
-o-user-select: none;
user-select: none;
}
.form-control-mds .form-error {
margin-top: 1em;
}
.has-value~label,
.combo-selected~label.label-control {
-webkit-transform: translateY(-1.3em) scale(0.9);
-ms-transform: translateY(-1.3em) scale(0.9);
transform: translateY(-1.3em) scale(0.9);
color: #666;
}
.chosen-with-children>label.label-control {
-webkit-transform: translateY(-2em) scale(0.9);
-ms-transform: translateY(-2em) scale(0.9);
transform: translateY(-2em) scale(0.9);
color: #666;
}
.has-value~label.label-control {
-webkit-transform: translateY(-1.7em) scale(0.9);
-ms-transform: translateY(-1.7em) scale(0.9);
transform: translateY(-1.7em) scale(0.9);
color: #666;
}
.input-control:focus~label.label-control,
.combo-open label.label-control,
.chosen-container-active~label.label-control,
.has-value~label,
.combo-selected~label.label-control {
-webkit-transform: translateY(-1.3em) scale(0.9);
-ms-transform: translateY(-1.3em) scale(0.9);
transform: translateY(-1.3em) scale(0.9);
color: #666;
}
.chosen-container-active~label.label-control {
-webkit-transform: translateY(-2em) scale(0.9);
-ms-transform: translateY(-2em) scale(0.9);
transform: translateY(-2em) scale(0.9);
color: #666;
}
.label-control {
position: absolute;
left: 0;
top: 0.5em;
color: #666;
-webkit-transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1);
transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1);
margin: 0;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
font-size: 1em;
font-weight: normal;
}
.label-up .label-control {
color: #666;
}
.no-csstransforms .label-up .label-control,
.no-csstransitions .label-up .label-control {
font-size: 12px;
color: #D0021B;
top: -1.3em;
}
.no-csstransforms .label-blur .label-control,
.no-csstransitions .label-blur .label-control {
color: #666;
}
.no-csstransitions .label-up .input-control,
.no-csstransitions .label-up .combo-input {
height: 2em;
}
.label-blur .label-control {
color: #666;
}
/* Drop down control */
.combo-select {
position: relative;
margin-bottom: 0px;
border: none;
min-width: 100%;
}
.combo-select .combo-input {
margin: 0;
margin-bottom: 0;
border-style: solid;
border: none;
border-bottom: 1px #D6DBE5 solid;
width: 100%;
border-radius: 0;
-webkit-transition: border 0.2s ease-in;
transition: border 0.2s ease-in;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
box-sizing: border-box;
padding: 0px;
padding-right: 20px;
z-index: 2;
background-color: transparent;
}
.combo-input:focus {
outline: none;
box-shadow: none;
border-color: #D0021B;
}
.combo-select .combo-arrow {
position: absolute;
right: 0;
top: 0;
height: 100%;
cursor: pointer;
text-align: center;
font-size: 14px;
width: 100%;
font-size: 12px;
color: #999999;
}
.combo-select .combo-arrow:before {
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #666;
display: block;
width: 0;
height: 0;
top: 0;
right: 5px;
bottom: 0;
position: absolute;
margin: auto 0;
}
.combo-open .combo-arrow {
border-color: #51A7E8;
}
.combo-open .combo-arrow:before {
content: "" !important;
border-top: none;
border-bottom: 5px solid #cccccc;
}
.combo-focus {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
border-color: #51A7E8;
}
.combo-focus input {
border-color: #51A7E8;
}
.combo-select select {
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-appearance: none;
opacity: 0;
pointer-events: none;
}
.combo-select .input-control:focus::-moz-placeholder,
.combo-select .input-control:focus::-webkit-input-placeholder,
.combo-select .input-control:-ms-input-placeholder {
opacity: 0;
}
@media only screen and (max-device-width: 900px),
only screen and (max-width: 900px) {
.combo-select select {
left: -1px;
top: -1px;
width: 0;
height: 0;
margin: 0;
}
}
.option-selected {
background-color: #eee;
}
.option-hover {
background-color: #eee;
}
.option-item {
cursor: pointer;
}
.option-group,
.option-disabled {
background: #eee;
cursor: text;
color: #333;
}
.combo-dropdown {
position: absolute;
z-index: 1;
top: 100%;
left: 0;
min-width: 100%;
max-height: 300px;
margin: 1px;
padding: 0;
display: none;
overflow-y: auto;
background: #fff;
border: 1px solid #8b8b8b;
border-radius: 3px;
box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.6);
}
.combo-dropdown li {
list-style: none;
padding: 8px 1em;
margin: 0;
border-bottom: 1px #e3e3e3 solid;
}
.combo-open .combo-dropdown {
display: block;
}
.combo-marker {
text-decoration: underline;
}
.date-picker {}
.date-picker:before {
content: attr(date-helper-message);
color: #CCC;
position: absolute;
left: 0;
display: block;
bottom: -1.5em;
;
}
.date-picker.show-error:before {
display: none;
}
.date-picker:after {
content: "\e690";
font-weight: bold;
position: absolute;
right: 0;
top: 0.5em;
font-family: 'Linearicons';
}
/* Overrid main.css */
.pika-table abbr {
border-bottom: none;
}
.pika-table thead tr {
border-bottom: 1px solid #FFE6BE;
}
.pika-table .is-today .pika-button {
color: #33aaff;
font-weight: bold;
box-shadow: none;
border-radius: 3px;
}
.pika-table .is-selected .pika-button {
color: #fff;
font-weight: bold;
background: #33aaff;
box-shadow: none;
border-radius: 3px;
}
.file-upload-title {
border: none;
border-left: 6px solid #a36818;
margin: 25px 0px;
padding: 0px 14px;
height: 26px;
vertical-align: middle;
color: #333333;
}
.file-upload-title h3 {
margin: 0px;
padding: 0px;
font-size: 1.5 rem;
color: #333333;
}
.file-upload-control {
background: #CCE4FF;
border: 1px solid #006EAB;
border-radius: 4px;
min-height: 110px;
display: inline-block;
width: 100%;
vertical-align: middle;
position: relative;
overflow: hidden;
margin: 1em 0;
}
.file-upload-button {
height: 110px;
width: 20%;
float: left;
display: inline;
text-align: center;
position: absolute;
margin-top: 30px;
}
.file-upload-button i {
color: #006EAB;
font-size: 2.5em;
border: none;
width: 1.2em;
padding: 3px;
}
.file-drop-area {
width: 80%;
margin: 0 20px;
}
.browse-files {
margin: 0 20%;
min-width: 100%;
display: block;
position: relative;
}
.browse-files input[type="file"] {
position: absolute;
top: -9999px;
visibility: hidden;
}
.upload-status {
display: none;
margin: 0 20%;
width: 80%;
position: relative;
padding: 10px 0px;
border-radius: 0px;
line-height: 2em;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.file-info {
max-width: 60%;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
height: 1.6em;
color: #006EAB;
}
.file-size {
color: #999999;
}
.file-progress {
min-width: 25%;
max-width: 25%;
display: inline-block;
margin: 0 0;
position: absolute;
top: 10px;
right: -5px;
padding-right: 2em;
}
.file-progress .progress {
width: 100%;
height: 15px;
margin: 0;
}
.file-upload-status {
position: relative;
}
.file-progress .progress-wrap {
background: #006EAB;
margin: 0 0;
overflow: hidden;
position: relative;
max-height: 20px;
max-width: 100%;
}
.file-progress .progress-wrap .progress-bar {
background: #ddd;
left: 0;
position: absolute;
top: 0;
overflow: hidden;
}
.file-progress .delete-file {
position: absolute;
right: 5px;
top: -8px;
}
.file-progress .delete-file[disabled] {
color: #999999;
}
.computer-message {
padding: 25px 0px 10px 0px;
}
.phone-message {
width: 100%;
display: none;
}
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 50%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
}
.img-zone h2 {
margin-top: 0;
}
.progress,
#img-preview {
margin-top: 15px;
}
.accordion__content {
background: none !important;
}
@media only screen and (max-device-width: 900px),
only screen and (max-width: 900px) {
.combo-small {
max-width: 50%;
}
.combo-medium {
max-width: 100%;
}
.combo-full {
max-width: 100%;
}
.twelve--phone {
width: 100%;
}
.btn {
padding: 0.5em;
min-height: 3em;
}
.checkbox-inline,
.radio-inline {
display: block;
margin-bottom: 0.6rem;
}
.upload-status {
display: none;
margin: 0 0%;
width: 100%;
position: relative;
padding: 10px 0px;
border-radius: 0px;
line-height: 2em;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.browse-files {
max-width: 80%;
}
.file-upload-status {
position: relative;
}
.file-upload-button {
margin-top: 10px;
}
.file-progress .progress-wrap {
background: #006EAB;
margin: 0 0;
overflow: hidden;
position: relative;
max-height: 20px;
max-width: 100%;
}
.file-progress .progress-wrap .progress-bar {
background: #ddd;
left: 0;
position: relative;
top: 0;
overflow: hidden;
}
.file-progress .delete-file {
position: absolute;
right: 5px;
top: -8px;
}
.file-progress .delete-file[disabled] {
color: #999999;
}
.computer-message {
padding: 25px 0px 10px 0px;
display: none;
}
.phone-message {
width: 100%;
display: block;
margin-top: 10px;
}
.file-progress {
min-width: 100%;
max-width: 100%;
display: inline-block;
margin: 0 0;
position: relative;
top: 10px;
right: -5px;
padding-right: 2em;
word-break: break-all;
}
.file-info {
max-width: 60%;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
height: 1.6em;
color: #006EAB;
word-break: break-all;
}
.file-size {
font-size: 0.8em;
}
}
/***
* Drop Down
***/
.ui-dropdown {
position: relative;
display: inline-block;
vertical-align: top;
/* Para */
}
.ui-dropdown>.btn,
.ui-dropdown>.link-filter-toggle,
.ui-dropdown>.btn-upload,
.ui-dropdown>.btn-download {
margin-bottom: 0;
}
.ui-dropdown p {
margin-bottom: 10px;
}
/**
* Dropdown container
*/
.ui-dropdown-item {
position: absolute;
left: 0;
font-size: 0.8em;
text-align: left;
top: 100%;
z-index: 2;
width: 160px;
padding-top: 0;
display: none;
/* Type */
/* Form */
/* Buttons */
}
.is-active .ui-dropdown-item {
display: block;
}
.ui-dropdown-item .separator {
padding: 0;
border-top: 1px #d8d8d8 solid;
height: 1px;
margin: 8px 0;
}
.ui-dropdown-item h4 {
font-size: 16px;
font-weight: bold;
}
.ui-dropdown-item form {
margin-bottom: 24px;
margin-bottom: 1.5 rem;
}
.ui-dropdown-item .btn,
.ui-dropdown-item .link-filter-toggle,
.ui-dropdown-item .btn-upload,
.ui-dropdown-item .btn-download {
font-size: 0.8em;
}
/**
* Dropdown arrow
*/
.dropdown-arrow {
position: absolute;
top: 13px;
left: 50%;
}
.dropdown-arrow:after,
.dropdown-arrow:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.dropdown-arrow:after {
border-color: transparent;
border-bottom-color: #fff;
border-width: 10px;
margin-left: -10px;
}
.dropdown-arrow:before {
border-color: transparent;
border-bottom-color: #bfbfbf;
border-width: 11px;
margin-left: -11px;
}
/**
* Dropdown inner
*/
.dropdown-inner {
background: #fff;
border: 1px #d8d8d8 solid;
padding: 8px 0;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
/* Alert */
}
.dropdown-inner .delete-form>button,
.dropdown-inner>a {
padding: 5px 10px;
display: block;
border-radius: 0;
text-decoration: none;
}
.dropdown-inner>a {
color: #006eab;
font-weight: 600;
}
.dropdown-inner>a:hover {
background-color: #006eab;
color: #fff;
}
.dropdown-inner>a .icon,
.dropdown-inner>a .link-before:before {
font-size: 1em;
vertical-align: -2px;
}
.dropdown-inner .ui-alert:last-child {
margin-bottom: 0;
}
/**
* Arrow right
*/
.on-top .ui-dropdown-item {
padding-top: 0;
padding-bottom: 12px;
bottom: 100%;
top: auto;
}
.on-top .dropdown-arrow {
bottom: -10px;
top: auto;
}
.on-top .dropdown-arrow:after {
border-color: transparent;
border-top-color: #fff;
bottom: 3px;
}
.on-top .dropdown-arrow:before {
border-color: transparent;
border-top-color: #d8d8d8;
bottom: 0px;
}
/**
* On left
*/
.on-left .ui-dropdown-item {
left: 0;
}
/**
* On right
*/
.on-right .ui-dropdown-item {
right: 0;
left: auto;
}
.on-right.dropdown-action .ui-dropdown-item {
right: -10px;
}
/**
* Dropdown action
*/
.dropdown-action .ui-dropdown-item {
min-width: 130px;
max-width: 150px;
}
/**
* Carets
*/
.toggle-dropdown {
position: relative;
padding-right: 1.3em;
display: inline-block;
font-weight: normal;
font-size: 0.8em;
font-weight: bold;
}
.toggle-dropdown:focus {
background-color: transparent;
}
.toggle-dropdown:after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
display: block;
width: 0;
height: 0;
content: " ";
top: 0;
right: 5px;
bottom: 0;
position: absolute;
margin: auto 0;
}
.is-active .toggle-dropdown:after {
border-top: none;
border-bottom: 5px solid;
}
.label-text {
color: #666;
font-weight: normal;
}
/******************************************
*form-fields.css - End
******************************************/
/******************************************
*modal-popup.css - Begin
******************************************/
.disable-mouse {
pointer-events: none;
}
.modal {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 40px;
background: #EA006F;
color: white;
z-index: 1;
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: 200ms ease;
}
.modal-close-btn {
display: block;
position: absolute;
top: 0;
right: 0;
background: url(close.png) no-repeat center;
background-color: #eee;
width: 22px;
height: 22px;
padding: 20px;
opacity: 0.8;
cursor: pointer;
transition: 0.3s ease;
}
.modal-close-btn:hover {
opacity: 1;
}
.modal--2 {
background: #4A90E2;
}
.modal--3 {
background: #FFD200;
}
.modal--4 {
background: #4CBB47;
}
.modal--5 {
background: #362A6C;
}
.modal.show {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.dialog {
background: #fff;
min-width: 90%;
left: 50%;
right: auto;
top: 30%;
bottom: auto;
box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.4);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #333;
font-family: "Open Sans";
font-size: 1em;
}
/******************************************
*modal-popup.css - End
******************************************/
/******************************************
*tooltip.css - Begin
******************************************/
.toolTip2 {
font-size: 13px;
font-weight: normal;
color: #333;
text-decoration: none;
vertical-align: middle !important;
line-height: 14px;
background-color: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 14px !important;
border: 2px #333 solid;
box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.6);
position: relative;
}
.toolTip2:after,
.toolTip2:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.toolTip2:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 10px;
margin-top: -10px;
}
.toolTip2:before {
border-color: rgba(51, 51, 51, 0);
border-right-color: #333;
border-width: 13px;
margin-top: -13px;
}
.toolTipIcon {
margin-top: 0.5em;
cursor: default;
}
.toolTip {
position: absolute;
margin-top: -8px;
margin-left: 45px;
border: 0px !important;
display: none;
}
.toolTipLink {
float: left;
margin-top: -20px;
}
.toolTipLink:after {
font-family: 'Linearicons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
display: inline-block;
}
.toolTipLink:after {
content: "\e802";
position: absolute;
font-size: 26px;
color: #0C6CAD;
width: 1.28571em;
text-align: center;
}
/*.toolTip td{
border:0px !important;
}
.toolTip1{
padding:0px !important;
vertical-align:middle !important;
width:12px !important;
}
.toolTip1 img{
vertical-align:top;
}
.toolTip2{
font-size:13px; font-weight:normal; color:#333;
text-decoration: none;
vertical-align:middle !important;
line-height:14px;
background-color:#fff;
border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
padding:14px !important;
border: 2px #333 solid;
box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.6);
}*/
.toolTipLink:hover .toolTip {
display: inline-block;
}
/*.errorTip{
position:absolute;
margin-top:-10px; margin-left:5px;
border:none !important;
display:inline-block;
width:25%;
}
/*.errorTip td{
border:none !important;
}*/
/*.errorTip1{
padding:3px !important;
vertical-align:middle !important;
width:12px !important;
}
.errorTip1 img{
vertical-align:top;
}
.errorTip2{
font-size:13px; font-weight:500;
vertical-align:middle !important;
line-height:14px;
color:#ce1e1a;
background-color:#f2dede;
border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
padding:14px !important;
}*/
/* these arrows will point left */
/* before arrow */
/*.errorTip2:before {
content: ' ';
height: 0;
width: 0;
border: 15px solid transparent;
}*/
/* arrow direction */
/*.errorTip2:before {
border-right-color: #f2dede; */
/* positioning */
/*position: absolute;
top: 50%;
margin-top: -15px;
margin-left: -43px;
z-index: 2;
}*/
/******************************************
*tooltip.css - End
******************************************/
/******************************************
*progress-button.css - Begin
******************************************/
/* General styles for all types of buttons */
.progress-button {
position: relative;
display: inline-block;
/*added border radius and change bg color */
background: #ffb74d;
border-radius: 4px;
}
.progress-button[disabled],
.progress-button[disabled].state-loading {
cursor: default;
}
.progress-button .content {
position: relative;
display: block;
margin-top: 0px !important;
}
.progress-button .content::before,
.progress-button .content::after {
position: absolute;
right: 20px;
color: #0e7138;
font-family: "Linearicons";
opacity: 0;
-webkit-transition: opacity 0.3s 0.3s;
transition: opacity 0.3s 0.3s;
}
.progress-button .content::before {
content: "\e75d";
/* Checkmark for success */
}
.progress-button .content::after {
content: "\e75e";
/* Cross for error */
}
.progress-button.state-success .content::before,
.progress-button.state-error .content::after {
opacity: 1;
}
.notransition {
-webkit-transition: none !important;
transition: none !important;
}
.progress-button .progress {
/*change bg color and added border radius */
background: #D38D27;
border-radius: 4px;
}
.progress-button .progress-inner {
/*change bg color and added border radius */
position: absolute;
left: 0;
background: #0e7138;
border-radius: 4px;
}
.progress-button[data-horizontal] .progress-inner {
top: 0;
width: 0;
height: 100%;
-webkit-transition: width 0.3s, opacity 0.3s;
transition: width 0.3s, opacity 0.3s;
}
.progress-button[data-vertical] .progress-inner {
bottom: 0;
width: 100%;
height: 0;
-webkit-transition: height 0.3s, opacity 0.3s;
transition: height 0.3s, opacity 0.3s;
}
/* Necessary 3d styles for buttons with perspective */
.progress-button[data-perspective] {
position: relative;
display: inline-block;
padding: 0;
background: transparent;
-webkit-perspective: 900px;
perspective: 900px;
}
.progress-button[data-perspective] .content {
padding: 10px 60px;
/*change bg color and added border; added border radius*/
border-radius: 4px;
background: #ffb74d;
border: #D38D27 1px solid;
}
.progress-button[data-perspective] .progress-wrap {
display: block;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.progress-button .progress-wrap {
display: block;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.progress-button[data-perspective] .content,
.progress-button[data-perspective] .progress {
outline: 1px solid rgba(0, 0, 0, 0);
/* Smoothen jagged edges in FF */
}
.progress-button {
position: relative;
display: inline-block;
padding: 0;
background: transparent;
-webkit-perspective: 900px;
perspective: 900px;
}
.progress-button .content {
padding: 10px 60px;
/*change bg color and added border; added border radius*/
border-radius: 4px;
background: #ffb74d;
border: #D38D27 1px solid;
}
.progress-button .progress-wrap {
display: block;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.progress-button .content,
.progress-button .progress {
outline: 1px solid rgba(0, 0, 0, 0);
/* Smoothen jagged edges in FF */
}
/* Individual styles */
/* Choose the effect(s) you want, delete the rest */
/* Fill horizontal */
/* ====================== */
.progress-button[data-style="fill"][data-horizontal] {
overflow: hidden;
}
.progress-button[data-style="fill"][data-horizontal] .content {
z-index: 10;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.progress-button[data-style="fill"][data-horizontal] .content::before,
.progress-button[data-style="fill"][data-horizontal] .content::after {
top: 100%;
right: auto;
left: 50%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress-button[data-style="fill"][data-horizontal].state-success .content,
.progress-button[data-style="fill"][data-horizontal].state-error .content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
/* Fill vertical */
/* ====================== */
.progress-button[data-style="fill"][data-vertical] {
overflow: hidden;
}
.progress-button[data-style="fill"][data-vertical] .content {
z-index: 10;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.progress-button[data-style="fill"][data-vertical] .content::before,
.progress-button[data-style="fill"][data-vertical] .content::after {
top: 100%;
right: auto;
left: 50%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress-button[data-style="fill"][data-vertical].state-success .content,
.progress-button[data-style="fill"][data-vertical].state-error .content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
/* Shrink horizontal */
/* ====================== */
.progress-button[data-style="shrink"] {
/* common for horizontal and vertical */
overflow: hidden;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.progress-button[data-style="shrink"][data-horizontal] .content {
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.progress-button[data-style="shrink"][data-horizontal] .content::before,
.progress-button[data-style="shrink"][data-horizontal] .content::after {
top: 100%;
right: auto;
left: 50%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress-button[data-style="shrink"][data-horizontal].state-loading {
-webkit-transform: scaleY(0.3);
transform: scaleY(0.3);
}
.progress-button[data-style="shrink"][data-horizontal].state-loading .content {
opacity: 0;
}
.progress-button[data-style="shrink"][data-horizontal].state-success .content,
.progress-button[data-style="shrink"][data-horizontal].state-error .content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
/* Shrink vertical */
/* ====================== */
.progress-button[data-style="shrink"][data-vertical] .content {
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.progress-button[data-style="shrink"][data-vertical] .content::before,
.progress-button[data-style="shrink"][data-vertical] .content::after {
top: 100%;
right: auto;
left: 50%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress-button[data-style="shrink"][data-vertical].state-loading {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
.progress-button[data-style="shrink"][data-vertical].state-loading .content {
opacity: 0;
}
.progress-button[data-style="shrink"][data-vertical].state-success .content,
.progress-button[data-style="shrink"][data-vertical].state-error .content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
/* Rotate bottom 3d */
/* ====================== */
.progress-button[data-style="rotate-angle-bottom"] .progress {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 20px;
box-shadow: 0 -1px 0 #148544;
/* fix the blurriness that causes a gap */
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.progress-button[data-style="rotate-angle-bottom"].state-loading .progress-wrap {
-webkit-transform: rotateX(45deg);
transform: rotateX(45deg);
}
/* Rotate top 3d */
/* ====================== */
.progress-button[data-style="rotate-angle-top"] .progress {
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 20px;
box-shadow: 0 1px 0 #148544;
/* fix the blurriness that causes a gap */
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.progress-button[data-style="rotate-angle-top"].state-loading .progress-wrap {
-webkit-transform: rotateX(-45deg);
transform: rotateX(-45deg);
}
/* Rotate left 3d */
/* ====================== */
.progress-button[data-style="rotate-angle-left"] .progress {
position: absolute;
top: 0;
right: 100%;
width: 20px;
height: 100%;
box-shadow: 1px 0 0 #148544;
/* fix the blurriness that causes a gap */
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.progress-button[data-style="rotate-angle-left"].state-loading .progress-wrap {
-webkit-transform: rotateY(45deg);
transform: rotateY(45deg);
}
/* Rotate right 3d */
/* ====================== */
.progress-button[data-style="rotate-angle-right"] .progress {
position: absolute;
top: 0;
left: 100%;
width: 20px;
height: 100%;
box-shadow: -1px 0 0 #148544;
/* fix the blurriness that causes a gap */
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.progress-button[data-style="rotate-angle-right"].state-loading .progress-wrap {
-webkit-transform: rotateY(-45deg);
transform: rotateY(-45deg);
}
/* Rotate side down 3d */
/* ====================== */
.progress-button[data-style="rotate-side-down"] .progress {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 20px;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="rotate-side-down"].state-loading .progress-wrap {
-webkit-transform: rotateX(90deg) translateZ(10px);
transform: rotateX(90deg) translateZ(10px);
}
/* Rotate side up 3d */
/* ====================== */
.progress-button[data-style="rotate-side-up"] .progress {
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 20px;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="rotate-side-up"].state-loading .progress-wrap {
-webkit-transform: rotateX(-90deg) translateZ(10px);
transform: rotateX(-90deg) translateZ(10px);
}
/* Rotate side left 3d */
/* ====================== */
.progress-button[data-style="rotate-side-left"] .progress-wrap {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.progress-button[data-style="rotate-side-left"] .progress {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.progress-button[data-style="rotate-side-left"].state-loading .progress-wrap {
-webkit-transform: translateX(50%) rotateY(90deg) translateZ(10px);
transform: translateX(50%) rotateY(90deg) translateZ(10px);
}
/* Rotate side right 3d */
/* ====================== */
.progress-button[data-style="rotate-side-right"] .progress-wrap {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.progress-button[data-style="rotate-side-right"] .progress {
position: absolute;
top: 0;
left: 100%;
width: 20px;
height: 100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.progress-button[data-style="rotate-side-right"].state-loading .progress-wrap {
-webkit-transform: translateX(-50%) rotateY(-90deg) translateZ(10px);
transform: translateX(-50%) rotateY(-90deg) translateZ(10px);
}
/* Rotate back 3d */
/* ====================== */
.progress-button[data-style="rotate-back"] .progress-wrap {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.progress-button[data-style="rotate-back"] .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="rotate-back"] .progress {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="rotate-back"].state-loading .progress-wrap {
-webkit-transform: rotateX(180deg) scaleX(0.6) scaleY(0.3);
transform: rotateX(180deg) scaleX(0.6) scaleY(0.3);
}
/* flip open 3d */
/* ====================== */
.progress-button[data-style="flip-open"] .content {
z-index: 10;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.progress-button[data-style="flip-open"] .progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.progress-button[data-style="flip-open"].state-loading .content {
-webkit-transform: rotateX(45deg);
transform: rotateX(45deg);
}
/* slide down */
/* ====================== */
.progress-button[data-style="slide-down"] {
padding: 0;
overflow: visible;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="slide-down"] .content {
z-index: 10;
padding: 0 60px;
background: #1d9650;
}
.progress-button[data-style="slide-down"] .progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.progress-button[data-style="slide-down"].state-loading .progress {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
/* move-up */
/* ====================== */
.progress-button[data-style="move-up"] {
padding: 0;
overflow: visible;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="move-up"] .content {
z-index: 10;
padding: 0 60px;
background: #1d9650;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.progress-button[data-style="move-up"] .progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.progress-button[data-style="move-up"].state-loading .content {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
/* top-line */
/* ====================== */
.progress-button[data-style="top-line"] .progress-inner {
height: 3px;
}
.progress-button[data-style="top-line"] .content::before,
.progress-button[data-style="top-line"] .content::after {
right: auto;
left: 100%;
margin-left: 25px;
}
/* lateral-lines */
/* ====================== */
.progress-button[data-style="lateral-lines"] .progress-inner {
width: 100%;
border-right: 3px solid #0e7138;
border-left: 3px solid #0e7138;
background: transparent;
}
.progress-button[data-style="lateral-lines"] .content::before,
.progress-button[data-style="lateral-lines"] .content::after {
right: auto;
left: 100%;
margin-left: 25px;
}
/******************************************
*progress-button.css - End
******************************************/
/******************************************
*top-menu.css - Begin
******************************************/
#cssmenu * {
margin: 0;
padding: 0;
text-decoration: none
}
.cssmenu-container {
background-color: #006eab;
}
#cssmenu a {
background-color: rgba(0, 0, 0, 0);
}
#cssmenu .logo {
position: relative;
z-index: 123;
color: #fff;
float: left;
line-height: 2em;
font-size: 1.5em;
font-weight: bold;
width: 2em;
margin-left: 0.5em;
}
.logo a {
color: #fff;
}
#cssmenu nav {
position: relative;
width: 980px;
margin: 0 auto;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile {
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 999;
}
#cssmenu:after,
#cssmenu>ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
#cssmenu #head-mobile {
display: none
}
#cssmenu {
background: #006eab
}
.right-menu-items {
float: right;
}
#cssmenu>ul>.menu-item-container>li {
float: left;
}
#cssmenu>ul>.menu-item-container>li>a {
padding: 17px;
font-size: 1em;
text-decoration: none;
color: #fff;
}
#cssmenu>ul>.right-menu-items>li>a {
padding: 17px 0 17px 17px;
font-size: 1em;
text-decoration: none;
color: #fff;
}
#cssmenu>ul>.menu-item-container>li:hover>a,
#cssmenu ul li.active a {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
#cssmenu>ul>.menu-item-container>li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover {
background: #006eab !important;
}
#cssmenu>ul>.menu-item-container>li.has-sub>a {
padding-right: 30px
}
#cssmenu>ul>.menu-item-container>li.has-sub>a:after {}
#cssmenu>ul>.menu-item-container>.has-sub>a:before {
position: absolute;
top: 1.5em;
right: 1em;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff;
content: '';
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease
}
#cssmenu>ul>.menu-item-container>li.has-sub:hover>a:before {
height: 0;
}
#cssmenu ul ul {
position: absolute;
}
#cssmenu ul ul li {
height: 0;
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
background: #006eab;
transition: all .25s ease
}
#cssmenu ul ul li:hover {}
#cssmenu li:hover>ul {}
#cssmenu li>ul>li {
height: 35px;
}
#cssmenu ul ul ul {
margin-left: 100%;
top: 0
}
#cssmenu ul ul li a {
border-bottom: none;
width: 170px;
text-decoration: none;
color: #333;
font-weight: 400;
}
#cssmenu ul ul li:last-child>a,
#cssmenu ul ul li.last-item>a {
border-bottom: 0
}
#cssmenu ul ul li:hover>a,
#cssmenu ul ul li a:hover {
color: #006eab;
}
#cssmenu ul ul li.has-sub>a:after {
position: absolute;
top: 16px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: #ddd;
content: ''
}
#cssmenu ul ul li.has-sub>a:before {
position: absolute;
top: 13px;
right: 14px;
display: block;
content: '';
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease
}
#cssmenu .menu-item-container li a {
position: relative;
overflow: hidden;
outline: none !important;
/* remove dotted border */
}
#cssmenu .menu-item-container li a:after {
content: " ";
background: rgba(255, 255, 255, 0.3);
display: block;
position: absolute;
border-radius: 50%;
padding-top: 240%;
padding-left: 240%;
margin-top: -120%;
margin-left: -120%;
opacity: 0;
transition: all 0.5s;
z-index: 998;
}
#cssmenu .menu-item-container li a:active:after {
padding-top: 0;
padding-left: 0;
margin-top: 0;
margin-left: 0;
opacity: 1;
transition: 0s;
}
#cssmenu ul ul>li.has-sub:hover>a:before {
top: 17px;
height: 0
}
#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
color: #006eab;
}
#cssmenu ul ul ul li.active a {
border-left: 1px solid #333
}
#cssmenu>ul>.menu-item-container>li.has-sub>ul>li.active>a,
#cssmenu>ul ul>li.has-sub>ul>li.active>a {
border-top: 1px solid #333
}
#cssmenu .float-right {
float: right;
}
#cssmenu .megamenu {
padding: 5px 0;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
display: inline-block;
position: absolute;
float: left;
padding: 20px;
max-width: 1000px;
width: 90vw;
color: #333;
z-index: 9999;
}
#cssmenu .megamenu ul {
display: inline-block;
float: left;
position: static;
margin: 20px;
}
#cssmenu .megamenu ul li {
height: 35px;
background-color: #fff;
}
#cssmenu .submenu {
padding: 5px 0;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
display: none;
}
#cssmenu .submenu ul li {
height: 35px;
background-color: #fff;
}
#cssmenu .submenu>li {
padding: 7px 14px;
text-align: left;
background-color: #fff;
-webkit-background-clip: padding-box;
}
#cssmenu .right-seperator a:after {
content: "|";
color: #fff;
margin-left: 1em;
}
#cssmenu .icon {
line-height: 0.5em;
}
@media screen and (max-width: 900px) {
#cssmenu .logo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2em;
font-size: 1em;
line-height: 1.5em;
text-align: left;
padding: 10px 0 0 0;
float: none;
}
.logo2 {
display: none
}
#cssmenu {
width: 100%
}
#cssmenu ul {
width: 100%;
display: none
}
#cssmenu ul li {
width: 100%;
border-top: 1px solid #444
}
#cssmenu .submenu li {
border-top: none;
}
#cssmenu ul li:hover {
background: #006eab;
}
#cssmenu ul ul li,
#cssmenu li:hover>ul>li {
height: auto
}
#cssmenu ul li a,
#cssmenu ul ul li a {
width: 100%;
border-bottom: 0
}
#cssmenu>ul>.menu-item-container>li {
float: none;
}
.right-menu-items {
float: none;
display: block;
}
#cssmenu ul ul li {
padding-left: 25px;
}
#cssmenu ul ul li a {
padding-left: 0px;
}
#cssmenu ul ul li {
background: #006eab !important;
}
#cssmenu ul ul li:hover {
background: #006eab !important;
}
#cssmenu ul ul ul li {
padding-left: 35px
}
#cssmenu ul ul ul li a {
padding-left: 0px
}
#cssmenu ul ul li a {
color: #fff;
background: none;
}
#cssmenu ul ul li:hover>a,
#cssmenu ul ul li.active>a {
color: #fff;
}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu ul .megamenu {
position: relative;
left: 0;
width: 100%;
margin: 0 0 10px 0 !important;
text-align: left;
background-color: #006eab;
padding: 0px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 9999;
}
#cssmenu ul .submenu {
margin: 0;
background-color: #006eab;
border: none;
box-shadow: none;
margin: -10px 0 0 0;
}
#cssmenu .megamenu ul,
#cssmenu .submenu ul {
margin: 0px;
}
#cssmenu .megamenu li:hover a {
color: #006eab;
}
#cssmenu .megamenu ul li,
#cssmenu .submenu li {
padding: 7px 35px;
color: #fff;
}
#cssmenu .megamenu ul:last-child li:last-child {
border-bottom: 1px solid #333;
;
}
#cssmenu>ul>.menu-item-container>li.has-sub>a:after,
#cssmenu>ul>.menu-item-container>li.has-sub>a:before,
#cssmenu ul ul>li.has-sub>a:after,
#cssmenu ul ul>li.has-sub>a:before {
display: none;
}
#cssmenu #head-mobile {
display: block;
padding: 23px;
color: #fff;
font-size: 1em;
font-weight: 700
}
.button {
width: 55px;
height: 46px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
z-index: 12399994;
}
.button:after {
position: absolute;
top: 22px;
right: 20px;
display: block;
height: 8px;
width: 20px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
content: ''
}
.button:before {
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
position: absolute;
top: 16px;
right: 20px;
display: block;
height: 2px;
width: 20px;
background: #fff;
content: ''
}
.button.menu-opened:after {
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
top: 23px;
border: 0;
height: 2px;
width: 19px;
background: #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.button.menu-opened:before {
top: 23px;
background: #fff;
width: 19px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
#cssmenu .: {
position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
border-left: 1px solid #444;
height: 46px;
width: 46px;
cursor: pointer
}
#cssmenu .submenu-button {
background: #fff
}
#cssmenu ul ul .submenu-button {
height: 34px;
width: 34px
}
#cssmenu .submenu-button:after {}
#cssmenu ul ul .submenu-button:after {
top: 15px;
right: 13px
}
#cssmenu .submenu-button.submenu-opened:after {
background: #fff;
}
#cssmenu .submenu-button:before {
position: absolute;
top: 1.5em;
right: 1em;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff;
content: '';
-webkit-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
}
#cssmenu ul ul .submenu-button:before {
top: 12px;
right: 16px
}
#cssmenu .submenu-button.submenu-opened:before {
display: none
}
#cssmenu ul ul ul li.active a {
border-left: none
}
#cssmenu>ul>.menu-item-container>li.has-sub>ul>li.active>a,
#cssmenu>ul ul>li.has-sub>ul>li.active>a {
border-top: none
}
#cssmenu .right-seperator a:after {
content: ' ';
}
}
/******************************************
*top-menu.css - End
******************************************/
/******************************************
*page-actions.css - Begin
******************************************/
.page-footer-actions {
margin-bottom: 3em;
margin-top: 1em;
display: inline-block;
width: 100%;
clear: both;
}
.page-footer-actions button {
width: 12em;
text-align: center;
}
.page-footer-actions a i {
font-size: 0.8em;
font-weight: bold;
}
.page-footer-actions-left {
float: left;
display: inline-block;
}
.page-footer-actions-left a {
vertical-align: middle;
display: inline-block;
height: 3em;
margin-right: 1em;
}
.page-footer-actions-left button {
vertical-align: middle;
display: inline-block;
height: 3em;
margin-right: 1em;
}
.page-footer-actions-right .page-footer-link-action:first-child:before {
/* content: "|";
margin-right: 10px;
margin-left: 10px;
line-height: 3em; */
}
.page-footer-actions-right {
float: right;
display: inline-block;
}
.page-footer-actions-right a {
float: right;
display: inline-block;
height: 3em;
line-height: 3em;
vertical-align: middle;
}
@media only screen and (max-device-width: 900px),
only screen and (max-width: 900px) {
.page-footer-actions {
width: 100%;
display: inline-block;
clear: both;
}
.page-footer-actions-left {
width: 100%;
display: block;
}
.page-footer-actions a,
.page-footer-actions button {
min-width: 100%;
display: block;
}
.page-footer-actions-right {
width: 100%;
display: block;
}
.page-footer-actions-right a {
width: 100%;
display: block;
}
}
/******************************************
*page-actions.css - End
******************************************/
/******************************************
*tabs.css - Begin
******************************************/
.r-tabs .r-tabs-nav {
margin: 0;
padding: 0;
border-bottom: 1px solid #d8d8d8;
}
.r-tabs .r-tabs-tab {
display: inline-block;
margin: 0;
list-style: none;
}
.r-tabs .r-tabs-panel {
padding: 0px;
display: none;
}
.r-tabs .r-tabs-accordion-title {
display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
display: block;
}
/* Accordion responsive breakpoint */
@media only screen and (max-width: 900px) {
.r-tabs .r-tabs-nav {
display: none;
}
.r-tabs .r-tabs-accordion-title {
display: block;
}
.r-tabs .r-tabs-accordion-title~.r-tabs-panel {
border-bottom: 1px solid #a36818;
}
.r-tabs .r-tabs-accordion-title {
border-bottom: 1px solid #a36818;
}
}
.r-tabs {
position: relative;
background-color: #fff;
border: none;
border-radius: 0px;
}
/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
position: relative;
background-color: #fff;
}
/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
display: inline-block;
padding: 10px 12px;
text-decoration: none;
font-size: 1em;
font-weight: normal;
color: #333;
}
.r-tabs .r-tabs-nav a:focus {
background-color: transparent;
}
/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
opacity: 0.5;
}
/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
border-bottom: 6px #a36818 solid;
color: #a36818;
text-decoration: none;
}
/* Tab panel */
.r-tabs .r-tabs-panel {}
/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
display: block;
padding: 10px;
background-color: #fff;
color: #333;
font-weight: normal;
text-decoration: none;
font-size: 1em;
border: none;
}
.r-tabs .r-tabs-accordion-title a:focus {
background-color: transparent;
}
/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
border-bottom: 6px #a36818 solid;
color: #a36818;
text-shadow: none;
}
/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:before {
content: "\e773";
font-size: 0.8em;
margin-right: 1em;
font-family: "Linearicons";
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor:before {
content: "\e772";
font-size: 0.8em;
margin-right: 0.5em;
font-family: "Linearicons";
}
/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
opacity: 0;
}
/******************************************
*tabs.css - End
******************************************/
/******************************************
*bread-crumbs.css - Begin
******************************************/
.breadcrumbs {
width: 100%;
padding-left: 10px;
}
.breadcrumbs a {
background-color: rgba(0, 0, 0, 0);
color: #0068A1;
padding-top: 0.5em;
line-height: 2em;
}
.breadcrumbs i {
font-size: 1em;
line-height: 1em;
}
.breadcrumbs a:visited {
background-color: rgba(0, 0, 0, 0);
color: #0068A1;
}
.breadcrumbs>a:not(.breadcrumbs-current):after {
content: "/";
display: inline-block;
line-height: 1em;
right: 0;
top: 0;
padding-left: 3px;
font-size: 1em;
text-decoration: none;
}
.breadcrumbs>a {
margin-left: 0em;
margin-right: 0em;
padding-right: 0em;
font-size: 1em;
line-height: 1em;
margin-bottom: 0em;
}
.breadcrumbs .breadcrumbs-current,
.breadcrumbs a.breadcrumbs-current:visited {
pointer-events: none;
cursor: default;
color: #666;
}
/******************************************
*bread-crumbs.css - End
******************************************/
/** hotspot code **/
.hotspot {
position: relative;
}
.hotspot::before {
width: 45px;
height: 45px;
border-radius: 50%;
content: "";
display: block;
/*background-color: #ffb74d;
border: 3px solid #D38D27;*/
background-image: url("../../images/icon-hotspot.png");
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
}
.hopscotch-bubble-close {
display: none !important;
}
/**
* notification badge
****/
.notification-badge {
background-color: #ffb74d;
width: 20px;
height: 20px;
float: right;
border-radius: 50%;
font-size: 14px;
font-weight: 600;
padding: 3px 6px !important;
margin-left: 5px !important;
}
/* new icons added */
@font-face {
font-family: 'Linearicons-dxd';
src: url('../fonts/linearicons-new/LineariconsNew.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.mhl [class^="icon-dxd-"],
[class*=" icon-dxd-"] {
font-family: 'Linearicons-dxd';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Enable Ligatures ================ */
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
font-feature-settings: "liga";
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-dxd-home:before {
content: "\e600";
}
.icon-dxd-home2:before {
content: "\e601";
}
.icon-dxd-home3:before {
content: "\e602";
}
.icon-dxd-home4:before {
content: "\e603";
}
.icon-dxd-home5:before {
content: "\e604";
}
.icon-dxd-home6:before {
content: "\e605";
}
.icon-dxd-bathtub:before {
content: "\e606";
}
.icon-dxd-toothbrush:before {
content: "\e607";
}
.icon-dxd-bed:before {
content: "\e608";
}
.icon-dxd-couch:before {
content: "\e609";
}
.icon-dxd-chair:before {
content: "\e60a";
}
.icon-dxd-city:before {
content: "\e60b";
}
.icon-dxd-apartment:before {
content: "\e60c";
}
.icon-dxd-pencil:before {
content: "\e60d";
}
.icon-dxd-pencil2:before {
content: "\e60e";
}
.icon-dxd-pen:before {
content: "\e60f";
}
.icon-dxd-pencil3:before {
content: "\e610";
}
.icon-dxd-eraser:before {
content: "\e611";
}
.icon-dxd-pencil4:before {
content: "\e612";
}
.icon-dxd-pencil5:before {
content: "\e613";
}
.icon-dxd-feather:before {
content: "\e614";
}
.icon-dxd-feather2:before {
content: "\e615";
}
.icon-dxd-feather3:before {
content: "\e616";
}
.icon-dxd-pen2:before {
content: "\e617";
}
.icon-dxd-pen-add:before {
content: "\e618";
}
.icon-dxd-pen-remove:before {
content: "\e619";
}
.icon-dxd-vector:before {
content: "\e61a";
}
.icon-dxd-pen3:before {
content: "\e61b";
}
.icon-dxd-blog:before {
content: "\e61c";
}
.icon-dxd-brush:before {
content: "\e61d";
}
.icon-dxd-brush2:before {
content: "\e61e";
}
.icon-dxd-spray:before {
content: "\e61f";
}
.icon-dxd-paint-roller:before {
content: "\e620";
}
.icon-dxd-stamp:before {
content: "\e621";
}
.icon-dxd-tape:before {
content: "\e622";
}
.icon-dxd-desk-tape:before {
content: "\e623";
}
.icon-dxd-texture:before {
content: "\e624";
}
.icon-dxd-eye-dropper:before {
content: "\e625";
}
.icon-dxd-palette:before {
content: "\e626";
}
.icon-dxd-color-sampler:before {
content: "\e627";
}
.icon-dxd-bucket:before {
content: "\e628";
}
.icon-dxd-gradient:before {
content: "\e629";
}
.icon-dxd-gradient2:before {
content: "\e62a";
}
.icon-dxd-magic-wand:before {
content: "\e62b";
}
.icon-dxd-magnet:before {
content: "\e62c";
}
.icon-dxd-pencil-ruler:before {
content: "\e62d";
}
.icon-dxd-pencil-ruler2:before {
content: "\e62e";
}
.icon-dxd-compass:before {
content: "\e62f";
}
.icon-dxd-aim:before {
content: "\e630";
}
.icon-dxd-gun:before {
content: "\e631";
}
.icon-dxd-bottle:before {
content: "\e632";
}
.icon-dxd-drop:before {
content: "\e633";
}
.icon-dxd-drop-crossed:before {
content: "\e634";
}
.icon-dxd-drop2:before {
content: "\e635";
}
.icon-dxd-snow:before {
content: "\e636";
}
.icon-dxd-snow2:before {
content: "\e637";
}
.icon-dxd-fire:before {
content: "\e638";
}
.icon-dxd-lighter:before {
content: "\e639";
}
.icon-dxd-knife:before {
content: "\e63a";
}
.icon-dxd-dagger:before {
content: "\e63b";
}
.icon-dxd-tissue:before {
content: "\e63c";
}
.icon-dxd-toilet-paper:before {
content: "\e63d";
}
.icon-dxd-poop:before {
content: "\e63e";
}
.icon-dxd-umbrella:before {
content: "\e63f";
}
.icon-dxd-umbrella2:before {
content: "\e640";
}
.icon-dxd-rain:before {
content: "\e641";
}
.icon-dxd-tornado:before {
content: "\e642";
}
.icon-dxd-wind:before {
content: "\e643";
}
.icon-dxd-fan:before {
content: "\e644";
}
.icon-dxd-contrast:before {
content: "\e645";
}
.icon-dxd-sun-small:before {
content: "\e646";
}
.icon-dxd-sun:before {
content: "\e647";
}
.icon-dxd-sun2:before {
content: "\e648";
}
.icon-dxd-moon:before {
content: "\e649";
}
.icon-dxd-cloud:before {
content: "\e64a";
}
.icon-dxd-cloud-upload:before {
content: "\e64b";
}
.icon-dxd-cloud-download:before {
content: "\e64c";
}
.icon-dxd-cloud-rain:before {
content: "\e64d";
}
.icon-dxd-cloud-hailstones:before {
content: "\e64e";
}
.icon-dxd-cloud-snow:before {
content: "\e64f";
}
.icon-dxd-cloud-windy:before {
content: "\e650";
}
.icon-dxd-sun-wind:before {
content: "\e651";
}
.icon-dxd-cloud-fog:before {
content: "\e652";
}
.icon-dxd-cloud-sun:before {
content: "\e653";
}
.icon-dxd-cloud-lightning:before {
content: "\e654";
}
.icon-dxd-cloud-sync:before {
content: "\e655";
}
.icon-dxd-cloud-lock:before {
content: "\e656";
}
.icon-dxd-cloud-gear:before {
content: "\e657";
}
.icon-dxd-cloud-alert:before {
content: "\e658";
}
.icon-dxd-cloud-check:before {
content: "\e659";
}
.icon-dxd-cloud-cross:before {
content: "\e65a";
}
.icon-dxd-cloud-crossed:before {
content: "\e65b";
}
.icon-dxd-cloud-database:before {
content: "\e65c";
}
.icon-dxd-database:before {
content: "\e65d";
}
.icon-dxd-database-add:before {
content: "\e65e";
}
.icon-dxd-database-remove:before {
content: "\e65f";
}
.icon-dxd-database-lock:before {
content: "\e660";
}
.icon-dxd-database-refresh:before {
content: "\e661";
}
.icon-dxd-database-check:before {
content: "\e662";
}
.icon-dxd-database-history:before {
content: "\e663";
}
.icon-dxd-database-upload:before {
content: "\e664";
}
.icon-dxd-database-download:before {
content: "\e665";
}
.icon-dxd-server:before {
content: "\e666";
}
.icon-dxd-shield:before {
content: "\e667";
}
.icon-dxd-shield-check:before {
content: "\e668";
}
.icon-dxd-shield-alert:before {
content: "\e669";
}
.icon-dxd-shield-cross:before {
content: "\e66a";
}
.icon-dxd-lock:before {
content: "\e66b";
}
.icon-dxd-rotation-lock:before {
content: "\e66c";
}
.icon-dxd-unlock:before {
content: "\e66d";
}
.icon-dxd-key:before {
content: "\e66e";
}
.icon-dxd-key-hole:before {
content: "\e66f";
}
.icon-dxd-toggle-off:before {
content: "\e670";
}
.icon-dxd-toggle-on:before {
content: "\e671";
}
.icon-dxd-cog:before {
content: "\e672";
}
.icon-dxd-cog2:before {
content: "\e673";
}
.icon-dxd-wrench:before {
content: "\e674";
}
.icon-dxd-screwdriver:before {
content: "\e675";
}
.icon-dxd-hammer-wrench:before {
content: "\e676";
}
.icon-dxd-hammer:before {
content: "\e677";
}
.icon-dxd-saw:before {
content: "\e678";
}
.icon-dxd-axe:before {
content: "\e679";
}
.icon-dxd-axe2:before {
content: "\e67a";
}
.icon-dxd-shovel:before {
content: "\e67b";
}
.icon-dxd-pickaxe:before {
content: "\e67c";
}
.icon-dxd-factory:before {
content: "\e67d";
}
.icon-dxd-factory2:before {
content: "\e67e";
}
.icon-dxd-recycle:before {
content: "\e67f";
}
.icon-dxd-trash:before {
content: "\e680";
}
.icon-dxd-trash2:before {
content: "\e681";
}
.icon-dxd-trash3:before {
content: "\e682";
}
.icon-dxd-broom:before {
content: "\e683";
}
.icon-dxd-game:before {
content: "\e684";
}
.icon-dxd-gamepad:before {
content: "\e685";
}
.icon-dxd-joystick:before {
content: "\e686";
}
.icon-dxd-dice:before {
content: "\e687";
}
.icon-dxd-spades:before {
content: "\e688";
}
.icon-dxd-diamonds:before {
content: "\e689";
}
.icon-dxd-clubs:before {
content: "\e68a";
}
.icon-dxd-hearts:before {
content: "\e68b";
}
.icon-dxd-heart:before {
content: "\e68c";
}
.icon-dxd-star:before {
content: "\e68d";
}
.icon-dxd-star-half:before {
content: "\e68e";
}
.icon-dxd-star-empty:before {
content: "\e68f";
}
.icon-dxd-flag:before {
content: "\e690";
}
.icon-dxd-flag2:before {
content: "\e691";
}
.icon-dxd-flag3:before {
content: "\e692";
}
.icon-dxd-mailbox-full:before {
content: "\e693";
}
.icon-dxd-mailbox-empty:before {
content: "\e694";
}
.icon-dxd-at-sign:before {
content: "\e695";
}
.icon-dxd-envelope:before {
content: "\e696";
}
.icon-dxd-envelope-open:before {
content: "\e697";
}
.icon-dxd-paperclip:before {
content: "\e698";
}
.icon-dxd-paper-plane:before {
content: "\e699";
}
.icon-dxd-reply:before {
content: "\e69a";
}
.icon-dxd-reply-all:before {
content: "\e69b";
}
.icon-dxd-inbox:before {
content: "\e69c";
}
.icon-dxd-inbox2:before {
content: "\e69d";
}
.icon-dxd-outbox:before {
content: "\e69e";
}
.icon-dxd-box:before {
content: "\e69f";
}
.icon-dxd-archive:before {
content: "\e6a0";
}
.icon-dxd-archive2:before {
content: "\e6a1";
}
.icon-dxd-drawers:before {
content: "\e6a2";
}
.icon-dxd-drawers2:before {
content: "\e6a3";
}
.icon-dxd-drawers3:before {
content: "\e6a4";
}
.icon-dxd-eye:before {
content: "\e6a5";
}
.icon-dxd-eye-crossed:before {
content: "\e6a6";
}
.icon-dxd-eye-plus:before {
content: "\e6a7";
}
.icon-dxd-eye-minus:before {
content: "\e6a8";
}
.icon-dxd-binoculars:before {
content: "\e6a9";
}
.icon-dxd-binoculars2:before {
content: "\e6aa";
}
.icon-dxd-hdd:before {
content: "\e6ab";
}
.icon-dxd-hdd-down:before {
content: "\e6ac";
}
.icon-dxd-hdd-up:before {
content: "\e6ad";
}
.icon-dxd-floppy-disk:before {
content: "\e6ae";
}
.icon-dxd-disc:before {
content: "\e6af";
}
.icon-dxd-tape2:before {
content: "\e6b0";
}
.icon-dxd-printer:before {
content: "\e6b1";
}
.icon-dxd-shredder:before {
content: "\e6b2";
}
.icon-dxd-file-empty:before {
content: "\e6b3";
}
.icon-dxd-file-add:before {
content: "\e6b4";
}
.icon-dxd-file-check:before {
content: "\e6b5";
}
.icon-dxd-file-lock:before {
content: "\e6b6";
}
.icon-dxd-files:before {
content: "\e6b7";
}
.icon-dxd-copy:before {
content: "\e6b8";
}
.icon-dxd-compare:before {
content: "\e6b9";
}
.icon-dxd-folder:before {
content: "\e6ba";
}
.icon-dxd-folder-search:before {
content: "\e6bb";
}
.icon-dxd-folder-plus:before {
content: "\e6bc";
}
.icon-dxd-folder-minus:before {
content: "\e6bd";
}
.icon-dxd-folder-download:before {
content: "\e6be";
}
.icon-dxd-folder-upload:before {
content: "\e6bf";
}
.icon-dxd-folder-star:before {
content: "\e6c0";
}
.icon-dxd-folder-heart:before {
content: "\e6c1";
}
.icon-dxd-folder-user:before {
content: "\e6c2";
}
.icon-dxd-folder-shared:before {
content: "\e6c3";
}
.icon-dxd-folder-music:before {
content: "\e6c4";
}
.icon-dxd-folder-picture:before {
content: "\e6c5";
}
.icon-dxd-folder-film:before {
content: "\e6c6";
}
.icon-dxd-scissors:before {
content: "\e6c7";
}
.icon-dxd-paste:before {
content: "\e6c8";
}
.icon-dxd-clipboard-empty:before {
content: "\e6c9";
}
.icon-dxd-clipboard-pencil:before {
content: "\e6ca";
}
.icon-dxd-clipboard-text:before {
content: "\e6cb";
}
.icon-dxd-clipboard-check:before {
content: "\e6cc";
}
.icon-dxd-clipboard-down:before {
content: "\e6cd";
}
.icon-dxd-clipboard-left:before {
content: "\e6ce";
}
.icon-dxd-clipboard-alert:before {
content: "\e6cf";
}
.icon-dxd-clipboard-user:before {
content: "\e6d0";
}
.icon-dxd-register:before {
content: "\e6d1";
}
.icon-dxd-enter:before {
content: "\e6d2";
}
.icon-dxd-exit:before {
content: "\e6d3";
}
.icon-dxd-papers:before {
content: "\e6d4";
}
.icon-dxd-news:before {
content: "\e6d5";
}
.icon-dxd-reading:before {
content: "\e6d6";
}
.icon-dxd-typewriter:before {
content: "\e6d7";
}
.icon-dxd-document:before {
content: "\e6d8";
}
.icon-dxd-document2:before {
content: "\e6d9";
}
.icon-dxd-graduation-hat:before {
content: "\e6da";
}
.icon-dxd-license:before {
content: "\e6db";
}
.icon-dxd-license2:before {
content: "\e6dc";
}
.icon-dxd-medal-empty:before {
content: "\e6dd";
}
.icon-dxd-medal-first:before {
content: "\e6de";
}
.icon-dxd-medal-second:before {
content: "\e6df";
}
.icon-dxd-medal-third:before {
content: "\e6e0";
}
.icon-dxd-podium:before {
content: "\e6e1";
}
.icon-dxd-trophy:before {
content: "\e6e2";
}
.icon-dxd-trophy2:before {
content: "\e6e3";
}
.icon-dxd-music-note:before {
content: "\e6e4";
}
.icon-dxd-music-note2:before {
content: "\e6e5";
}
.icon-dxd-music-note3:before {
content: "\e6e6";
}
.icon-dxd-playlist:before {
content: "\e6e7";
}
.icon-dxd-playlist-add:before {
content: "\e6e8";
}
.icon-dxd-guitar:before {
content: "\e6e9";
}
.icon-dxd-trumpet:before {
content: "\e6ea";
}
.icon-dxd-album:before {
content: "\e6eb";
}
.icon-dxd-shuffle:before {
content: "\e6ec";
}
.icon-dxd-repeat-one:before {
content: "\e6ed";
}
.icon-dxd-repeat:before {
content: "\e6ee";
}
.icon-dxd-headphones:before {
content: "\e6ef";
}
.icon-dxd-headset:before {
content: "\e6f0";
}
.icon-dxd-loudspeaker:before {
content: "\e6f1";
}
.icon-dxd-equalizer:before {
content: "\e6f2";
}
.icon-dxd-theater:before {
content: "\e6f3";
}
.icon-dxd-3d-glasses:before {
content: "\e6f4";
}
.icon-dxd-ticket:before {
content: "\e6f5";
}
.icon-dxd-presentation:before {
content: "\e6f6";
}
.icon-dxd-play:before {
content: "\e6f7";
}
.icon-dxd-film-play:before {
content: "\e6f8";
}
.icon-dxd-clapboard-play:before {
content: "\e6f9";
}
.icon-dxd-media:before {
content: "\e6fa";
}
.icon-dxd-film:before {
content: "\e6fb";
}
.icon-dxd-film2:before {
content: "\e6fc";
}
.icon-dxd-surveillance:before {
content: "\e6fd";
}
.icon-dxd-surveillance2:before {
content: "\e6fe";
}
.icon-dxd-camera:before {
content: "\e6ff";
}
.icon-dxd-camera-crossed:before {
content: "\e700";
}
.icon-dxd-camera-play:before {
content: "\e701";
}
.icon-dxd-time-lapse:before {
content: "\e702";
}
.icon-dxd-record:before {
content: "\e703";
}
.icon-dxd-camera2:before {
content: "\e704";
}
.icon-dxd-camera-flip:before {
content: "\e705";
}
.icon-dxd-panorama:before {
content: "\e706";
}
.icon-dxd-time-lapse2:before {
content: "\e707";
}
.icon-dxd-shutter:before {
content: "\e708";
}
.icon-dxd-shutter2:before {
content: "\e709";
}
.icon-dxd-face-detection:before {
content: "\e70a";
}
.icon-dxd-flare:before {
content: "\e70b";
}
.icon-dxd-convex:before {
content: "\e70c";
}
.icon-dxd-concave:before {
content: "\e70d";
}
.icon-dxd-picture:before {
content: "\e70e";
}
.icon-dxd-picture2:before {
content: "\e70f";
}
.icon-dxd-picture3:before {
content: "\e710";
}
.icon-dxd-pictures:before {
content: "\e711";
}
.icon-dxd-book:before {
content: "\e712";
}
.icon-dxd-audio-book:before {
content: "\e713";
}
.icon-dxd-book2:before {
content: "\e714";
}
.icon-dxd-bookmark:before {
content: "\e715";
}
.icon-dxd-bookmark2:before {
content: "\e716";
}
.icon-dxd-label:before {
content: "\e717";
}
.icon-dxd-library:before {
content: "\e718";
}
.icon-dxd-library2:before {
content: "\e719";
}
.icon-dxd-contacts:before {
content: "\e71a";
}
.icon-dxd-profile:before {
content: "\e71b";
}
.icon-dxd-portrait:before {
content: "\e71c";
}
.icon-dxd-portrait2:before {
content: "\e71d";
}
.icon-dxd-user:before {
content: "\e71e";
}
.icon-dxd-user-plus:before {
content: "\e71f";
}
.icon-dxd-user-minus:before {
content: "\e720";
}
.icon-dxd-user-lock:before {
content: "\e721";
}
.icon-dxd-users:before {
content: "\e722";
}
.icon-dxd-users2:before {
content: "\e723";
}
.icon-dxd-users-plus:before {
content: "\e724";
}
.icon-dxd-users-minus:before {
content: "\e725";
}
.icon-dxd-group-work:before {
content: "\e726";
}
.icon-dxd-woman:before {
content: "\e727";
}
.icon-dxd-man:before {
content: "\e728";
}
.icon-dxd-baby:before {
content: "\e729";
}
.icon-dxd-baby2:before {
content: "\e72a";
}
.icon-dxd-baby3:before {
content: "\e72b";
}
.icon-dxd-baby-bottle:before {
content: "\e72c";
}
.icon-dxd-walk:before {
content: "\e72d";
}
.icon-dxd-hand-waving:before {
content: "\e72e";
}
.icon-dxd-jump:before {
content: "\e72f";
}
.icon-dxd-run:before {
content: "\e730";
}
.icon-dxd-woman2:before {
content: "\e731";
}
.icon-dxd-man2:before {
content: "\e732";
}
.icon-dxd-man-woman:before {
content: "\e733";
}
.icon-dxd-height:before {
content: "\e734";
}
.icon-dxd-weight:before {
content: "\e735";
}
.icon-dxd-scale:before {
content: "\e736";
}
.icon-dxd-button:before {
content: "\e737";
}
.icon-dxd-bow-tie:before {
content: "\e738";
}
.icon-dxd-tie:before {
content: "\e739";
}
.icon-dxd-socks:before {
content: "\e73a";
}
.icon-dxd-shoe:before {
content: "\e73b";
}
.icon-dxd-shoes:before {
content: "\e73c";
}
.icon-dxd-hat:before {
content: "\e73d";
}
.icon-dxd-pants:before {
content: "\e73e";
}
.icon-dxd-shorts:before {
content: "\e73f";
}
.icon-dxd-flip-flops:before {
content: "\e740";
}
.icon-dxd-shirt:before {
content: "\e741";
}
.icon-dxd-hanger:before {
content: "\e742";
}
.icon-dxd-laundry:before {
content: "\e743";
}
.icon-dxd-store:before {
content: "\e744";
}
.icon-dxd-haircut:before {
content: "\e745";
}
.icon-dxd-store-24:before {
content: "\e746";
}
.icon-dxd-barcode:before {
content: "\e747";
}
.icon-dxd-barcode2:before {
content: "\e748";
}
.icon-dxd-barcode3:before {
content: "\e749";
}
.icon-dxd-cashier:before {
content: "\e74a";
}
.icon-dxd-bag:before {
content: "\e74b";
}
.icon-dxd-bag2:before {
content: "\e74c";
}
.icon-dxd-cart:before {
content: "\e74d";
}
.icon-dxd-cart-empty:before {
content: "\e74e";
}
.icon-dxd-cart-full:before {
content: "\e74f";
}
.icon-dxd-cart-plus:before {
content: "\e750";
}
.icon-dxd-cart-plus2:before {
content: "\e751";
}
.icon-dxd-cart-add:before {
content: "\e752";
}
.icon-dxd-cart-remove:before {
content: "\e753";
}
.icon-dxd-cart-exchange:before {
content: "\e754";
}
.icon-dxd-tag:before {
content: "\e755";
}
.icon-dxd-tags:before {
content: "\e756";
}
.icon-dxd-receipt:before {
content: "\e757";
}
.icon-dxd-wallet:before {
content: "\e758";
}
.icon-dxd-credit-card:before {
content: "\e759";
}
.icon-dxd-cash-dollar:before {
content: "\e75a";
}
.icon-dxd-cash-euro:before {
content: "\e75b";
}
.icon-dxd-cash-pound:before {
content: "\e75c";
}
.icon-dxd-cash-yen:before {
content: "\e75d";
}
.icon-dxd-bag-dollar:before {
content: "\e75e";
}
.icon-dxd-bag-euro:before {
content: "\e75f";
}
.icon-dxd-bag-pound:before {
content: "\e760";
}
.icon-dxd-bag-yen:before {
content: "\e761";
}
.icon-dxd-coin-dollar:before {
content: "\e762";
}
.icon-dxd-coin-euro:before {
content: "\e763";
}
.icon-dxd-coin-pound:before {
content: "\e764";
}
.icon-dxd-coin-yen:before {
content: "\e765";
}
.icon-dxd-calculator:before {
content: "\e766";
}
.icon-dxd-calculator2:before {
content: "\e767";
}
.icon-dxd-abacus:before {
content: "\e768";
}
.icon-dxd-vault:before {
content: "\e769";
}
.icon-dxd-telephone:before {
content: "\e76a";
}
.icon-dxd-phone-lock:before {
content: "\e76b";
}
.icon-dxd-phone-wave:before {
content: "\e76c";
}
.icon-dxd-phone-pause:before {
content: "\e76d";
}
.icon-dxd-phone-outgoing:before {
content: "\e76e";
}
.icon-dxd-phone-incoming:before {
content: "\e76f";
}
.icon-dxd-phone-in-out:before {
content: "\e770";
}
.icon-dxd-phone-error:before {
content: "\e771";
}
.icon-dxd-phone-sip:before {
content: "\e772";
}
.icon-dxd-phone-plus:before {
content: "\e773";
}
.icon-dxd-phone-minus:before {
content: "\e774";
}
.icon-dxd-voicemail:before {
content: "\e775";
}
.icon-dxd-dial:before {
content: "\e776";
}
.icon-dxd-telephone2:before {
content: "\e777";
}
.icon-dxd-pushpin:before {
content: "\e778";
}
.icon-dxd-pushpin2:before {
content: "\e779";
}
.icon-dxd-map-marker:before {
content: "\e77a";
}
.icon-dxd-map-marker-user:before {
content: "\e77b";
}
.icon-dxd-map-marker-down:before {
content: "\e77c";
}
.icon-dxd-map-marker-check:before {
content: "\e77d";
}
.icon-dxd-map-marker-crossed:before {
content: "\e77e";
}
.icon-dxd-radar:before {
content: "\e77f";
}
.icon-dxd-compass2:before {
content: "\e780";
}
.icon-dxd-map:before {
content: "\e781";
}
.icon-dxd-map2:before {
content: "\e782";
}
.icon-dxd-location:before {
content: "\e783";
}
.icon-dxd-road-sign:before {
content: "\e784";
}
.icon-dxd-calendar-empty:before {
content: "\e785";
}
.icon-dxd-calendar-check:before {
content: "\e786";
}
.icon-dxd-calendar-cross:before {
content: "\e787";
}
.icon-dxd-calendar-31:before {
content: "\e788";
}
.icon-dxd-calendar-full:before {
content: "\e789";
}
.icon-dxd-calendar-insert:before {
content: "\e78a";
}
.icon-dxd-calendar-text:before {
content: "\e78b";
}
.icon-dxd-calendar-user:before {
content: "\e78c";
}
.icon-dxd-mouse:before {
content: "\e78d";
}
.icon-dxd-mouse-left:before {
content: "\e78e";
}
.icon-dxd-mouse-right:before {
content: "\e78f";
}
.icon-dxd-mouse-both:before {
content: "\e790";
}
.icon-dxd-keyboard:before {
content: "\e791";
}
.icon-dxd-keyboard-up:before {
content: "\e792";
}
.icon-dxd-keyboard-down:before {
content: "\e793";
}
.icon-dxd-delete:before {
content: "\e794";
}
.icon-dxd-spell-check:before {
content: "\e795";
}
.icon-dxd-escape:before {
content: "\e796";
}
.icon-dxd-enter2:before {
content: "\e797";
}
.icon-dxd-screen:before {
content: "\e798";
}
.icon-dxd-aspect-ratio:before {
content: "\e799";
}
.icon-dxd-signal:before {
content: "\e79a";
}
.icon-dxd-signal-lock:before {
content: "\e79b";
}
.icon-dxd-signal-80:before {
content: "\e79c";
}
.icon-dxd-signal-60:before {
content: "\e79d";
}
.icon-dxd-signal-40:before {
content: "\e79e";
}
.icon-dxd-signal-20:before {
content: "\e79f";
}
.icon-dxd-signal-0:before {
content: "\e7a0";
}
.icon-dxd-signal-blocked:before {
content: "\e7a1";
}
.icon-dxd-sim:before {
content: "\e7a2";
}
.icon-dxd-flash-memory:before {
content: "\e7a3";
}
.icon-dxd-usb-drive:before {
content: "\e7a4";
}
.icon-dxd-phone:before {
content: "\e7a5";
}
.icon-dxd-smartphone:before {
content: "\e7a6";
}
.icon-dxd-smartphone-notification:before {
content: "\e7a7";
}
.icon-dxd-smartphone-vibration:before {
content: "\e7a8";
}
.icon-dxd-smartphone-embed:before {
content: "\e7a9";
}
.icon-dxd-smartphone-waves:before {
content: "\e7aa";
}
.icon-dxd-tablet:before {
content: "\e7ab";
}
.icon-dxd-tablet2:before {
content: "\e7ac";
}
.icon-dxd-laptop:before {
content: "\e7ad";
}
.icon-dxd-laptop-phone:before {
content: "\e7ae";
}
.icon-dxd-desktop:before {
content: "\e7af";
}
.icon-dxd-launch:before {
content: "\e7b0";
}
.icon-dxd-new-tab:before {
content: "\e7b1";
}
.icon-dxd-window:before {
content: "\e7b2";
}
.icon-dxd-cable:before {
content: "\e7b3";
}
.icon-dxd-cable2:before {
content: "\e7b4";
}
.icon-dxd-tv:before {
content: "\e7b5";
}
.icon-dxd-radio:before {
content: "\e7b6";
}
.icon-dxd-remote-control:before {
content: "\e7b7";
}
.icon-dxd-power-switch:before {
content: "\e7b8";
}
.icon-dxd-power:before {
content: "\e7b9";
}
.icon-dxd-power-crossed:before {
content: "\e7ba";
}
.icon-dxd-flash-auto:before {
content: "\e7bb";
}
.icon-dxd-lamp:before {
content: "\e7bc";
}
.icon-dxd-flashlight:before {
content: "\e7bd";
}
.icon-dxd-lampshade:before {
content: "\e7be";
}
.icon-dxd-cord:before {
content: "\e7bf";
}
.icon-dxd-outlet:before {
content: "\e7c0";
}
.icon-dxd-battery-power:before {
content: "\e7c1";
}
.icon-dxd-battery-empty:before {
content: "\e7c2";
}
.icon-dxd-battery-alert:before {
content: "\e7c3";
}
.icon-dxd-battery-error:before {
content: "\e7c4";
}
.icon-dxd-battery-low1:before {
content: "\e7c5";
}
.icon-dxd-battery-low2:before {
content: "\e7c6";
}
.icon-dxd-battery-low3:before {
content: "\e7c7";
}
.icon-dxd-battery-mid1:before {
content: "\e7c8";
}
.icon-dxd-battery-mid2:before {
content: "\e7c9";
}
.icon-dxd-battery-mid3:before {
content: "\e7ca";
}
.icon-dxd-battery-full:before {
content: "\e7cb";
}
.icon-dxd-battery-charging:before {
content: "\e7cc";
}
.icon-dxd-battery-charging2:before {
content: "\e7cd";
}
.icon-dxd-battery-charging3:before {
content: "\e7ce";
}
.icon-dxd-battery-charging4:before {
content: "\e7cf";
}
.icon-dxd-battery-charging5:before {
content: "\e7d0";
}
.icon-dxd-battery-charging6:before {
content: "\e7d1";
}
.icon-dxd-battery-charging7:before {
content: "\e7d2";
}
.icon-dxd-chip:before {
content: "\e7d3";
}
.icon-dxd-chip-x64:before {
content: "\e7d4";
}
.icon-dxd-chip-x86:before {
content: "\e7d5";
}
.icon-dxd-bubble:before {
content: "\e7d6";
}
.icon-dxd-bubbles:before {
content: "\e7d7";
}
.icon-dxd-bubble-dots:before {
content: "\e7d8";
}
.icon-dxd-bubble-alert:before {
content: "\e7d9";
}
.icon-dxd-bubble-question:before {
content: "\e7da";
}
.icon-dxd-bubble-text:before {
content: "\e7db";
}
.icon-dxd-bubble-pencil:before {
content: "\e7dc";
}
.icon-dxd-bubble-picture:before {
content: "\e7dd";
}
.icon-dxd-bubble-video:before {
content: "\e7de";
}
.icon-dxd-bubble-user:before {
content: "\e7df";
}
.icon-dxd-bubble-quote:before {
content: "\e7e0";
}
.icon-dxd-bubble-heart:before {
content: "\e7e1";
}
.icon-dxd-bubble-emoticon:before {
content: "\e7e2";
}
.icon-dxd-bubble-attachment:before {
content: "\e7e3";
}
.icon-dxd-phone-bubble:before {
content: "\e7e4";
}
.icon-dxd-quote-open:before {
content: "\e7e5";
}
.icon-dxd-quote-close:before {
content: "\e7e6";
}
.icon-dxd-dna:before {
content: "\e7e7";
}
.icon-dxd-heart-pulse:before {
content: "\e7e8";
}
.icon-dxd-pulse:before {
content: "\e7e9";
}
.icon-dxd-syringe:before {
content: "\e7ea";
}
.icon-dxd-pills:before {
content: "\e7eb";
}
.icon-dxd-first-aid:before {
content: "\e7ec";
}
.icon-dxd-lifebuoy:before {
content: "\e7ed";
}
.icon-dxd-bandage:before {
content: "\e7ee";
}
.icon-dxd-bandages:before {
content: "\e7ef";
}
.icon-dxd-thermometer:before {
content: "\e7f0";
}
.icon-dxd-microscope:before {
content: "\e7f1";
}
.icon-dxd-brain:before {
content: "\e7f2";
}
.icon-dxd-beaker:before {
content: "\e7f3";
}
.icon-dxd-skull:before {
content: "\e7f4";
}
.icon-dxd-bone:before {
content: "\e7f5";
}
.icon-dxd-construction:before {
content: "\e7f6";
}
.icon-dxd-construction-cone:before {
content: "\e7f7";
}
.icon-dxd-pie-chart:before {
content: "\e7f8";
}
.icon-dxd-pie-chart2:before {
content: "\e7f9";
}
.icon-dxd-graph:before {
content: "\e7fa";
}
.icon-dxd-chart-growth:before {
content: "\e7fb";
}
.icon-dxd-chart-bars:before {
content: "\e7fc";
}
.icon-dxd-chart-settings:before {
content: "\e7fd";
}
.icon-dxd-cake:before {
content: "\e7fe";
}
.icon-dxd-gift:before {
content: "\e7ff";
}
.icon-dxd-balloon:before {
content: "\e800";
}
.icon-dxd-rank:before {
content: "\e801";
}
.icon-dxd-rank2:before {
content: "\e802";
}
.icon-dxd-rank3:before {
content: "\e803";
}
.icon-dxd-crown:before {
content: "\e804";
}
.icon-dxd-lotus:before {
content: "\e805";
}
.icon-dxd-diamond:before {
content: "\e806";
}
.icon-dxd-diamond2:before {
content: "\e807";
}
.icon-dxd-diamond3:before {
content: "\e808";
}
.icon-dxd-diamond4:before {
content: "\e809";
}
.icon-dxd-linearicons:before {
content: "\e80a";
}
.icon-dxd-teacup:before {
content: "\e80b";
}
.icon-dxd-teapot:before {
content: "\e80c";
}
.icon-dxd-glass:before {
content: "\e80d";
}
.icon-dxd-bottle2:before {
content: "\e80e";
}
.icon-dxd-glass-cocktail:before {
content: "\e80f";
}
.icon-dxd-glass2:before {
content: "\e810";
}
.icon-dxd-dinner:before {
content: "\e811";
}
.icon-dxd-dinner2:before {
content: "\e812";
}
.icon-dxd-chef:before {
content: "\e813";
}
.icon-dxd-scale2:before {
content: "\e814";
}
.icon-dxd-egg:before {
content: "\e815";
}
.icon-dxd-egg2:before {
content: "\e816";
}
.icon-dxd-eggs:before {
content: "\e817";
}
.icon-dxd-platter:before {
content: "\e818";
}
.icon-dxd-steak:before {
content: "\e819";
}
.icon-dxd-hamburger:before {
content: "\e81a";
}
.icon-dxd-hotdog:before {
content: "\e81b";
}
.icon-dxd-pizza:before {
content: "\e81c";
}
.icon-dxd-sausage:before {
content: "\e81d";
}
.icon-dxd-chicken:before {
content: "\e81e";
}
.icon-dxd-fish:before {
content: "\e81f";
}
.icon-dxd-carrot:before {
content: "\e820";
}
.icon-dxd-cheese:before {
content: "\e821";
}
.icon-dxd-bread:before {
content: "\e822";
}
.icon-dxd-ice-cream:before {
content: "\e823";
}
.icon-dxd-ice-cream2:before {
content: "\e824";
}
.icon-dxd-candy:before {
content: "\e825";
}
.icon-dxd-lollipop:before {
content: "\e826";
}
.icon-dxd-coffee-bean:before {
content: "\e827";
}
.icon-dxd-coffee-cup:before {
content: "\e828";
}
.icon-dxd-cherry:before {
content: "\e829";
}
.icon-dxd-grapes:before {
content: "\e82a";
}
.icon-dxd-citrus:before {
content: "\e82b";
}
.icon-dxd-apple:before {
content: "\e82c";
}
.icon-dxd-leaf:before {
content: "\e82d";
}
.icon-dxd-landscape:before {
content: "\e82e";
}
.icon-dxd-pine-tree:before {
content: "\e82f";
}
.icon-dxd-tree:before {
content: "\e830";
}
.icon-dxd-cactus:before {
content: "\e831";
}
.icon-dxd-paw:before {
content: "\e832";
}
.icon-dxd-footprint:before {
content: "\e833";
}
.icon-dxd-speed-slow:before {
content: "\e834";
}
.icon-dxd-speed-medium:before {
content: "\e835";
}
.icon-dxd-speed-fast:before {
content: "\e836";
}
.icon-dxd-rocket:before {
content: "\e837";
}
.icon-dxd-hammer2:before {
content: "\e838";
}
.icon-dxd-balance:before {
content: "\e839";
}
.icon-dxd-briefcase:before {
content: "\e83a";
}
.icon-dxd-luggage-weight:before {
content: "\e83b";
}
.icon-dxd-dolly:before {
content: "\e83c";
}
.icon-dxd-plane:before {
content: "\e83d";
}
.icon-dxd-plane-crossed:before {
content: "\e83e";
}
.icon-dxd-helicopter:before {
content: "\e83f";
}
.icon-dxd-traffic-lights:before {
content: "\e840";
}
.icon-dxd-siren:before {
content: "\e841";
}
.icon-dxd-road:before {
content: "\e842";
}
.icon-dxd-engine:before {
content: "\e843";
}
.icon-dxd-oil-pressure:before {
content: "\e844";
}
.icon-dxd-coolant-temperature:before {
content: "\e845";
}
.icon-dxd-car-battery:before {
content: "\e846";
}
.icon-dxd-gas:before {
content: "\e847";
}
.icon-dxd-gallon:before {
content: "\e848";
}
.icon-dxd-transmission:before {
content: "\e849";
}
.icon-dxd-car:before {
content: "\e84a";
}
.icon-dxd-car-wash:before {
content: "\e84b";
}
.icon-dxd-car-wash2:before {
content: "\e84c";
}
.icon-dxd-bus:before {
content: "\e84d";
}
.icon-dxd-bus2:before {
content: "\e84e";
}
.icon-dxd-car2:before {
content: "\e84f";
}
.icon-dxd-parking:before {
content: "\e850";
}
.icon-dxd-car-lock:before {
content: "\e851";
}
.icon-dxd-taxi:before {
content: "\e852";
}
.icon-dxd-car-siren:before {
content: "\e853";
}
.icon-dxd-car-wash3:before {
content: "\e854";
}
.icon-dxd-car-wash4:before {
content: "\e855";
}
.icon-dxd-ambulance:before {
content: "\e856";
}
.icon-dxd-truck:before {
content: "\e857";
}
.icon-dxd-trailer:before {
content: "\e858";
}
.icon-dxd-scale-truck:before {
content: "\e859";
}
.icon-dxd-train:before {
content: "\e85a";
}
.icon-dxd-ship:before {
content: "\e85b";
}
.icon-dxd-ship2:before {
content: "\e85c";
}
.icon-dxd-anchor:before {
content: "\e85d";
}
.icon-dxd-boat:before {
content: "\e85e";
}
.icon-dxd-bicycle:before {
content: "\e85f";
}
.icon-dxd-bicycle2:before {
content: "\e860";
}
.icon-dxd-dumbbell:before {
content: "\e861";
}
.icon-dxd-bench-press:before {
content: "\e862";
}
.icon-dxd-swim:before {
content: "\e863";
}
.icon-dxd-football:before {
content: "\e864";
}
.icon-dxd-baseball-bat:before {
content: "\e865";
}
.icon-dxd-baseball:before {
content: "\e866";
}
.icon-dxd-tennis:before {
content: "\e867";
}
.icon-dxd-tennis2:before {
content: "\e868";
}
.icon-dxd-ping-pong:before {
content: "\e869";
}
.icon-dxd-hockey:before {
content: "\e86a";
}
.icon-dxd-8ball:before {
content: "\e86b";
}
.icon-dxd-bowling:before {
content: "\e86c";
}
.icon-dxd-bowling-pins:before {
content: "\e86d";
}
.icon-dxd-golf:before {
content: "\e86e";
}
.icon-dxd-golf2:before {
content: "\e86f";
}
.icon-dxd-archery:before {
content: "\e870";
}
.icon-dxd-slingshot:before {
content: "\e871";
}
.icon-dxd-soccer:before {
content: "\e872";
}
.icon-dxd-basketball:before {
content: "\e873";
}
.icon-dxd-cube:before {
content: "\e874";
}
.icon-dxd-3d-rotate:before {
content: "\e875";
}
.icon-dxd-puzzle:before {
content: "\e876";
}
.icon-dxd-glasses:before {
content: "\e877";
}
.icon-dxd-glasses2:before {
content: "\e878";
}
.icon-dxd-accessibility:before {
content: "\e879";
}
.icon-dxd-wheelchair:before {
content: "\e87a";
}
.icon-dxd-wall:before {
content: "\e87b";
}
.icon-dxd-fence:before {
content: "\e87c";
}
.icon-dxd-wall2:before {
content: "\e87d";
}
.icon-dxd-icons:before {
content: "\e87e";
}
.icon-dxd-resize-handle:before {
content: "\e87f";
}
.icon-dxd-icons2:before {
content: "\e880";
}
.icon-dxd-select:before {
content: "\e881";
}
.icon-dxd-select2:before {
content: "\e882";
}
.icon-dxd-site-map:before {
content: "\e883";
}
.icon-dxd-earth:before {
content: "\e884";
}
.icon-dxd-earth-lock:before {
content: "\e885";
}
.icon-dxd-network:before {
content: "\e886";
}
.icon-dxd-network-lock:before {
content: "\e887";
}
.icon-dxd-planet:before {
content: "\e888";
}
.icon-dxd-happy:before {
content: "\e889";
}
.icon-dxd-smile:before {
content: "\e88a";
}
.icon-dxd-grin:before {
content: "\e88b";
}
.icon-dxd-tongue:before {
content: "\e88c";
}
.icon-dxd-sad:before {
content: "\e88d";
}
.icon-dxd-wink:before {
content: "\e88e";
}
.icon-dxd-dream:before {
content: "\e88f";
}
.icon-dxd-shocked:before {
content: "\e890";
}
.icon-dxd-shocked2:before {
content: "\e891";
}
.icon-dxd-tongue2:before {
content: "\e892";
}
.icon-dxd-neutral:before {
content: "\e893";
}
.icon-dxd-happy-grin:before {
content: "\e894";
}
.icon-dxd-cool:before {
content: "\e895";
}
.icon-dxd-mad:before {
content: "\e896";
}
.icon-dxd-grin-evil:before {
content: "\e897";
}
.icon-dxd-evil:before {
content: "\e898";
}
.icon-dxd-wow:before {
content: "\e899";
}
.icon-dxd-annoyed:before {
content: "\e89a";
}
.icon-dxd-wondering:before {
content: "\e89b";
}
.icon-dxd-confused:before {
content: "\e89c";
}
.icon-dxd-zipped:before {
content: "\e89d";
}
.icon-dxd-grumpy:before {
content: "\e89e";
}
.icon-dxd-mustache:before {
content: "\e89f";
}
.icon-dxd-tombstone-hipster:before {
content: "\e8a0";
}
.icon-dxd-tombstone:before {
content: "\e8a1";
}
.icon-dxd-ghost:before {
content: "\e8a2";
}
.icon-dxd-ghost-hipster:before {
content: "\e8a3";
}
.icon-dxd-halloween:before {
content: "\e8a4";
}
.icon-dxd-christmas:before {
content: "\e8a5";
}
.icon-dxd-easter-egg:before {
content: "\e8a6";
}
.icon-dxd-mustache2:before {
content: "\e8a7";
}
.icon-dxd-mustache-glasses:before {
content: "\e8a8";
}
.icon-dxd-pipe:before {
content: "\e8a9";
}
.icon-dxd-alarm:before {
content: "\e8aa";
}
.icon-dxd-alarm-add:before {
content: "\e8ab";
}
.icon-dxd-alarm-snooze:before {
content: "\e8ac";
}
.icon-dxd-alarm-ringing:before {
content: "\e8ad";
}
.icon-dxd-bullhorn:before {
content: "\e8ae";
}
.icon-dxd-hearing:before {
content: "\e8af";
}
.icon-dxd-volume-high:before {
content: "\e8b0";
}
.icon-dxd-volume-medium:before {
content: "\e8b1";
}
.icon-dxd-volume-low:before {
content: "\e8b2";
}
.icon-dxd-volume:before {
content: "\e8b3";
}
.icon-dxd-mute:before {
content: "\e8b4";
}
.icon-dxd-lan:before {
content: "\e8b5";
}
.icon-dxd-lan2:before {
content: "\e8b6";
}
.icon-dxd-wifi:before {
content: "\e8b7";
}
.icon-dxd-wifi-lock:before {
content: "\e8b8";
}
.icon-dxd-wifi-blocked:before {
content: "\e8b9";
}
.icon-dxd-wifi-mid:before {
content: "\e8ba";
}
.icon-dxd-wifi-low:before {
content: "\e8bb";
}
.icon-dxd-wifi-low2:before {
content: "\e8bc";
}
.icon-dxd-wifi-alert:before {
content: "\e8bd";
}
.icon-dxd-wifi-alert-mid:before {
content: "\e8be";
}
.icon-dxd-wifi-alert-low:before {
content: "\e8bf";
}
.icon-dxd-wifi-alert-low2:before {
content: "\e8c0";
}
.icon-dxd-stream:before {
content: "\e8c1";
}
.icon-dxd-stream-check:before {
content: "\e8c2";
}
.icon-dxd-stream-error:before {
content: "\e8c3";
}
.icon-dxd-stream-alert:before {
content: "\e8c4";
}
.icon-dxd-communication:before {
content: "\e8c5";
}
.icon-dxd-communication-crossed:before {
content: "\e8c6";
}
.icon-dxd-broadcast:before {
content: "\e8c7";
}
.icon-dxd-antenna:before {
content: "\e8c8";
}
.icon-dxd-satellite:before {
content: "\e8c9";
}
.icon-dxd-satellite2:before {
content: "\e8ca";
}
.icon-dxd-mic:before {
content: "\e8cb";
}
.icon-dxd-mic-mute:before {
content: "\e8cc";
}
.icon-dxd-mic2:before {
content: "\e8cd";
}
.icon-dxd-spotlights:before {
content: "\e8ce";
}
.icon-dxd-hourglass:before {
content: "\e8cf";
}
.icon-dxd-loading:before {
content: "\e8d0";
}
.icon-dxd-loading2:before {
content: "\e8d1";
}
.icon-dxd-loading3:before {
content: "\e8d2";
}
.icon-dxd-refresh:before {
content: "\e8d3";
}
.icon-dxd-refresh2:before {
content: "\e8d4";
}
.icon-dxd-undo:before {
content: "\e8d5";
}
.icon-dxd-redo:before {
content: "\e8d6";
}
.icon-dxd-jump2:before {
content: "\e8d7";
}
.icon-dxd-undo2:before {
content: "\e8d8";
}
.icon-dxd-redo2:before {
content: "\e8d9";
}
.icon-dxd-sync:before {
content: "\e8da";
}
.icon-dxd-repeat-one2:before {
content: "\e8db";
}
.icon-dxd-sync-crossed:before {
content: "\e8dc";
}
.icon-dxd-sync2:before {
content: "\e8dd";
}
.icon-dxd-repeat-one3:before {
content: "\e8de";
}
.icon-dxd-sync-crossed2:before {
content: "\e8df";
}
.icon-dxd-return:before {
content: "\e8e0";
}
.icon-dxd-return2:before {
content: "\e8e1";
}
.icon-dxd-refund:before {
content: "\e8e2";
}
.icon-dxd-history:before {
content: "\e8e3";
}
.icon-dxd-history2:before {
content: "\e8e4";
}
.icon-dxd-self-timer:before {
content: "\e8e5";
}
.icon-dxd-clock:before {
content: "\e8e6";
}
.icon-dxd-clock2:before {
content: "\e8e7";
}
.icon-dxd-clock3:before {
content: "\e8e8";
}
.icon-dxd-watch:before {
content: "\e8e9";
}
.icon-dxd-alarm2:before {
content: "\e8ea";
}
.icon-dxd-alarm-add2:before {
content: "\e8eb";
}
.icon-dxd-alarm-remove:before {
content: "\e8ec";
}
.icon-dxd-alarm-check:before {
content: "\e8ed";
}
.icon-dxd-alarm-error:before {
content: "\e8ee";
}
.icon-dxd-timer:before {
content: "\e8ef";
}
.icon-dxd-timer-crossed:before {
content: "\e8f0";
}
.icon-dxd-timer2:before {
content: "\e8f1";
}
.icon-dxd-timer-crossed2:before {
content: "\e8f2";
}
.icon-dxd-download:before {
content: "\e8f3";
}
.icon-dxd-upload:before {
content: "\e8f4";
}
.icon-dxd-download2:before {
content: "\e8f5";
}
.icon-dxd-upload2:before {
content: "\e8f6";
}
.icon-dxd-enter-up:before {
content: "\e8f7";
}
.icon-dxd-enter-down:before {
content: "\e8f8";
}
.icon-dxd-enter-left:before {
content: "\e8f9";
}
.icon-dxd-enter-right:before {
content: "\e8fa";
}
.icon-dxd-exit-up:before {
content: "\e8fb";
}
.icon-dxd-exit-down:before {
content: "\e8fc";
}
.icon-dxd-exit-left:before {
content: "\e8fd";
}
.icon-dxd-exit-right:before {
content: "\e8fe";
}
.icon-dxd-enter-up2:before {
content: "\e8ff";
}
.icon-dxd-enter-down2:before {
content: "\e900";
}
.icon-dxd-enter-vertical:before {
content: "\e901";
}
.icon-dxd-enter-left2:before {
content: "\e902";
}
.icon-dxd-enter-right2:before {
content: "\e903";
}
.icon-dxd-enter-horizontal:before {
content: "\e904";
}
.icon-dxd-exit-up2:before {
content: "\e905";
}
.icon-dxd-exit-down2:before {
content: "\e906";
}
.icon-dxd-exit-left2:before {
content: "\e907";
}
.icon-dxd-exit-right2:before {
content: "\e908";
}
.icon-dxd-cli:before {
content: "\e909";
}
.icon-dxd-bug:before {
content: "\e90a";
}
.icon-dxd-code:before {
content: "\e90b";
}
.icon-dxd-file-code:before {
content: "\e90c";
}
.icon-dxd-file-image:before {
content: "\e90d";
}
.icon-dxd-file-zip:before {
content: "\e90e";
}
.icon-dxd-file-audio:before {
content: "\e90f";
}
.icon-dxd-file-video:before {
content: "\e910";
}
.icon-dxd-file-preview:before {
content: "\e911";
}
.icon-dxd-file-charts:before {
content: "\e912";
}
.icon-dxd-file-stats:before {
content: "\e913";
}
.icon-dxd-file-spreadsheet:before {
content: "\e914";
}
.icon-dxd-link:before {
content: "\e915";
}
.icon-dxd-unlink:before {
content: "\e916";
}
.icon-dxd-link2:before {
content: "\e917";
}
.icon-dxd-unlink2:before {
content: "\e918";
}
.icon-dxd-thumbs-up:before {
content: "\e919";
}
.icon-dxd-thumbs-down:before {
content: "\e91a";
}
.icon-dxd-thumbs-up2:before {
content: "\e91b";
}
.icon-dxd-thumbs-down2:before {
content: "\e91c";
}
.icon-dxd-thumbs-up3:before {
content: "\e91d";
}
.icon-dxd-thumbs-down3:before {
content: "\e91e";
}
.icon-dxd-share:before {
content: "\e91f";
}
.icon-dxd-share2:before {
content: "\e920";
}
.icon-dxd-share3:before {
content: "\e921";
}
.icon-dxd-magnifier:before {
content: "\e922";
}
.icon-dxd-file-search:before {
content: "\e923";
}
.icon-dxd-find-replace:before {
content: "\e924";
}
.icon-dxd-zoom-in:before {
content: "\e925";
}
.icon-dxd-zoom-out:before {
content: "\e926";
}
.icon-dxd-loupe:before {
content: "\e927";
}
.icon-dxd-loupe-zoom-in:before {
content: "\e928";
}
.icon-dxd-loupe-zoom-out:before {
content: "\e929";
}
.icon-dxd-cross:before {
content: "\e92a";
}
.icon-dxd-menu:before {
content: "\e92b";
}
.icon-dxd-list:before {
content: "\e92c";
}
.icon-dxd-list2:before {
content: "\e92d";
}
.icon-dxd-list3:before {
content: "\e92e";
}
.icon-dxd-menu2:before {
content: "\e92f";
}
.icon-dxd-list4:before {
content: "\e930";
}
.icon-dxd-menu3:before {
content: "\e931";
}
.icon-dxd-exclamation:before {
content: "\e932";
}
.icon-dxd-question:before {
content: "\e933";
}
.icon-dxd-check:before {
content: "\e934";
}
.icon-dxd-cross2:before {
content: "\e935";
}
.icon-dxd-plus:before {
content: "\e936";
}
.icon-dxd-minus:before {
content: "\e937";
}
.icon-dxd-percent:before {
content: "\e938";
}
.icon-dxd-chevron-up:before {
content: "\e939";
}
.icon-dxd-chevron-down:before {
content: "\e93a";
}
.icon-dxd-chevron-left:before {
content: "\e93b";
}
.icon-dxd-chevron-right:before {
content: "\e93c";
}
.icon-dxd-chevrons-expand-vertical:before {
content: "\e93d";
}
.icon-dxd-chevrons-expand-horizontal:before {
content: "\e93e";
}
.icon-dxd-chevrons-contract-vertical:before {
content: "\e93f";
}
.icon-dxd-chevrons-contract-horizontal:before {
content: "\e940";
}
.icon-dxd-arrow-up:before {
content: "\e941";
}
.icon-dxd-arrow-down:before {
content: "\e942";
}
.icon-dxd-arrow-left:before {
content: "\e943";
}
.icon-dxd-arrow-right:before {
content: "\e944";
}
.icon-dxd-arrow-up-right:before {
content: "\e945";
}
.icon-dxd-arrows-merge:before {
content: "\e946";
}
.icon-dxd-arrows-split:before {
content: "\e947";
}
.icon-dxd-arrow-divert:before {
content: "\e948";
}
.icon-dxd-arrow-return:before {
content: "\e949";
}
.icon-dxd-expand:before {
content: "\e94a";
}
.icon-dxd-contract:before {
content: "\e94b";
}
.icon-dxd-expand2:before {
content: "\e94c";
}
.icon-dxd-contract2:before {
content: "\e94d";
}
.icon-dxd-move:before {
content: "\e94e";
}
.icon-dxd-tab:before {
content: "\e94f";
}
.icon-dxd-arrow-wave:before {
content: "\e950";
}
.icon-dxd-expand3:before {
content: "\e951";
}
.icon-dxd-expand4:before {
content: "\e952";
}
.icon-dxd-contract3:before {
content: "\e953";
}
.icon-dxd-notification:before {
content: "\e954";
}
.icon-dxd-warning:before {
content: "\e955";
}
.icon-dxd-notification-circle:before {
content: "\e956";
}
.icon-dxd-question-circle:before {
content: "\e957";
}
.icon-dxd-menu-circle:before {
content: "\e958";
}
.icon-dxd-checkmark-circle:before {
content: "\e959";
}
.icon-dxd-cross-circle:before {
content: "\e95a";
}
.icon-dxd-plus-circle:before {
content: "\e95b";
}
.icon-dxd-circle-minus:before {
content: "\e95c";
}
.icon-dxd-percent-circle:before {
content: "\e95d";
}
.icon-dxd-arrow-up-circle:before {
content: "\e95e";
}
.icon-dxd-arrow-down-circle:before {
content: "\e95f";
}
.icon-dxd-arrow-left-circle:before {
content: "\e960";
}
.icon-dxd-arrow-right-circle:before {
content: "\e961";
}
.icon-dxd-chevron-up-circle:before {
content: "\e962";
}
.icon-dxd-chevron-down-circle:before {
content: "\e963";
}
.icon-dxd-chevron-left-circle:before {
content: "\e964";
}
.icon-dxd-chevron-right-circle:before {
content: "\e965";
}
.icon-dxd-backward-circle:before {
content: "\e966";
}
.icon-dxd-first-circle:before {
content: "\e967";
}
.icon-dxd-previous-circle:before {
content: "\e968";
}
.icon-dxd-stop-circle:before {
content: "\e969";
}
.icon-dxd-play-circle:before {
content: "\e96a";
}
.icon-dxd-pause-circle:before {
content: "\e96b";
}
.icon-dxd-next-circle:before {
content: "\e96c";
}
.icon-dxd-last-circle:before {
content: "\e96d";
}
.icon-dxd-forward-circle:before {
content: "\e96e";
}
.icon-dxd-eject-circle:before {
content: "\e96f";
}
.icon-dxd-crop:before {
content: "\e970";
}
.icon-dxd-frame-expand:before {
content: "\e971";
}
.icon-dxd-frame-contract:before {
content: "\e972";
}
.icon-dxd-focus:before {
content: "\e973";
}
.icon-dxd-transform:before {
content: "\e974";
}
.icon-dxd-grid:before {
content: "\e975";
}
.icon-dxd-grid-crossed:before {
content: "\e976";
}
.icon-dxd-layers:before {
content: "\e977";
}
.icon-dxd-layers-crossed:before {
content: "\e978";
}
.icon-dxd-toggle:before {
content: "\e979";
}
.icon-dxd-rulers:before {
content: "\e97a";
}
.icon-dxd-ruler:before {
content: "\e97b";
}
.icon-dxd-funnel:before {
content: "\e97c";
}
.icon-dxd-flip-horizontal:before {
content: "\e97d";
}
.icon-dxd-flip-vertical:before {
content: "\e97e";
}
.icon-dxd-flip-horizontal2:before {
content: "\e97f";
}
.icon-dxd-flip-vertical2:before {
content: "\e980";
}
.icon-dxd-angle:before {
content: "\e981";
}
.icon-dxd-angle2:before {
content: "\e982";
}
.icon-dxd-subtract:before {
content: "\e983";
}
.icon-dxd-combine:before {
content: "\e984";
}
.icon-dxd-intersect:before {
content: "\e985";
}
.icon-dxd-exclude:before {
content: "\e986";
}
.icon-dxd-align-center-vertical:before {
content: "\e987";
}
.icon-dxd-align-right:before {
content: "\e988";
}
.icon-dxd-align-bottom:before {
content: "\e989";
}
.icon-dxd-align-left:before {
content: "\e98a";
}
.icon-dxd-align-center-horizontal:before {
content: "\e98b";
}
.icon-dxd-align-top:before {
content: "\e98c";
}
.icon-dxd-square:before {
content: "\e98d";
}
.icon-dxd-plus-square:before {
content: "\e98e";
}
.icon-dxd-minus-square:before {
content: "\e98f";
}
.icon-dxd-percent-square:before {
content: "\e990";
}
.icon-dxd-arrow-up-square:before {
content: "\e991";
}
.icon-dxd-arrow-down-square:before {
content: "\e992";
}
.icon-dxd-arrow-left-square:before {
content: "\e993";
}
.icon-dxd-arrow-right-square:before {
content: "\e994";
}
.icon-dxd-chevron-up-square:before {
content: "\e995";
}
.icon-dxd-chevron-down-square:before {
content: "\e996";
}
.icon-dxd-chevron-left-square:before {
content: "\e997";
}
.icon-dxd-chevron-right-square:before {
content: "\e998";
}
.icon-dxd-check-square:before {
content: "\e999";
}
.icon-dxd-cross-square:before {
content: "\e99a";
}
.icon-dxd-menu-square:before {
content: "\e99b";
}
.icon-dxd-prohibited:before {
content: "\e99c";
}
.icon-dxd-circle:before {
content: "\e99d";
}
.icon-dxd-radio-button:before {
content: "\e99e";
}
.icon-dxd-ligature:before {
content: "\e99f";
}
.icon-dxd-text-format:before {
content: "\e9a0";
}
.icon-dxd-text-format-remove:before {
content: "\e9a1";
}
.icon-dxd-text-size:before {
content: "\e9a2";
}
.icon-dxd-bold:before {
content: "\e9a3";
}
.icon-dxd-italic:before {
content: "\e9a4";
}
.icon-dxd-underline:before {
content: "\e9a5";
}
.icon-dxd-strikethrough:before {
content: "\e9a6";
}
.icon-dxd-highlight:before {
content: "\e9a7";
}
.icon-dxd-text-align-left:before {
content: "\e9a8";
}
.icon-dxd-text-align-center:before {
content: "\e9a9";
}
.icon-dxd-text-align-right:before {
content: "\e9aa";
}
.icon-dxd-text-align-justify:before {
content: "\e9ab";
}
.icon-dxd-line-spacing:before {
content: "\e9ac";
}
.icon-dxd-indent-increase:before {
content: "\e9ad";
}
.icon-dxd-indent-decrease:before {
content: "\e9ae";
}
.icon-dxd-text-wrap:before {
content: "\e9af";
}
.icon-dxd-pilcrow:before {
content: "\e9b0";
}
.icon-dxd-direction-ltr:before {
content: "\e9b1";
}
.icon-dxd-direction-rtl:before {
content: "\e9b2";
}
.icon-dxd-page-break:before {
content: "\e9b3";
}
.icon-dxd-page-break2:before {
content: "\e9b4";
}
.icon-dxd-sort-alpha-asc:before {
content: "\e9b5";
}
.icon-dxd-sort-alpha-desc:before {
content: "\e9b6";
}
.icon-dxd-sort-numeric-asc:before {
content: "\e9b7";
}
.icon-dxd-sort-numeric-desc:before {
content: "\e9b8";
}
.icon-dxd-sort-amount-asc:before {
content: "\e9b9";
}
.icon-dxd-sort-amount-desc:before {
content: "\e9ba";
}
.icon-dxd-sort-time-asc:before {
content: "\e9bb";
}
.icon-dxd-sort-time-desc:before {
content: "\e9bc";
}
.icon-dxd-sigma:before {
content: "\e9bd";
}
.icon-dxd-pencil-line:before {
content: "\e9be";
}
.icon-dxd-hand:before {
content: "\e9bf";
}
.icon-dxd-pointer-up:before {
content: "\e9c0";
}
.icon-dxd-pointer-right:before {
content: "\e9c1";
}
.icon-dxd-pointer-down:before {
content: "\e9c2";
}
.icon-dxd-pointer-left:before {
content: "\e9c3";
}
.icon-dxd-finger-tap:before {
content: "\e9c4";
}
.icon-dxd-fingers-tap:before {
content: "\e9c5";
}
.icon-dxd-reminder:before {
content: "\e9c6";
}
.icon-dxd-fingers-crossed:before {
content: "\e9c7";
}
.icon-dxd-fingers-victory:before {
content: "\e9c8";
}
.icon-dxd-gesture-zoom:before {
content: "\e9c9";
}
.icon-dxd-gesture-pinch:before {
content: "\e9ca";
}
.icon-dxd-fingers-scroll-horizontal:before {
content: "\e9cb";
}
.icon-dxd-fingers-scroll-vertical:before {
content: "\e9cc";
}
.icon-dxd-fingers-scroll-left:before {
content: "\e9cd";
}
.icon-dxd-fingers-scroll-right:before {
content: "\e9ce";
}
.icon-dxd-hand2:before {
content: "\e9cf";
}
.icon-dxd-pointer-up2:before {
content: "\e9d0";
}
.icon-dxd-pointer-right2:before {
content: "\e9d1";
}
.icon-dxd-pointer-down2:before {
content: "\e9d2";
}
.icon-dxd-pointer-left2:before {
content: "\e9d3";
}
.icon-dxd-finger-tap2:before {
content: "\e9d4";
}
.icon-dxd-fingers-tap2:before {
content: "\e9d5";
}
.icon-dxd-reminder2:before {
content: "\e9d6";
}
.icon-dxd-gesture-zoom2:before {
content: "\e9d7";
}
.icon-dxd-gesture-pinch2:before {
content: "\e9d8";
}
.icon-dxd-fingers-scroll-horizontal2:before {
content: "\e9d9";
}
.icon-dxd-fingers-scroll-vertical2:before {
content: "\e9da";
}
.icon-dxd-fingers-scroll-left2:before {
content: "\e9db";
}
.icon-dxd-fingers-scroll-right2:before {
content: "\e9dc";
}
.icon-dxd-fingers-scroll-vertical3:before {
content: "\e9dd";
}
.icon-dxd-border-style:before {
content: "\e9de";
}
.icon-dxd-border-all:before {
content: "\e9df";
}
.icon-dxd-border-outer:before {
content: "\e9e0";
}
.icon-dxd-border-inner:before {
content: "\e9e1";
}
.icon-dxd-border-top:before {
content: "\e9e2";
}
.icon-dxd-border-horizontal:before {
content: "\e9e3";
}
.icon-dxd-border-bottom:before {
content: "\e9e4";
}
.icon-dxd-border-left:before {
content: "\e9e5";
}
.icon-dxd-border-vertical:before {
content: "\e9e6";
}
.icon-dxd-border-right:before {
content: "\e9e7";
}
.icon-dxd-border-none:before {
content: "\e9e8";
}
.icon-dxd-ellipsis:before {
content: "\e9e9";
}
.icon-dxd-uni21:before {
content: "\21";
}
.icon-dxd-uni22:before {
content: "\22";
}
.icon-dxd-uni23:before {
content: "\23";
}
.icon-dxd-uni24:before {
content: "\24";
}
.icon-dxd-uni25:before {
content: "\25";
}
.icon-dxd-uni26:before {
content: "\26";
}
.icon-dxd-uni27:before {
content: "\27";
}
.icon-dxd-uni28:before {
content: "\28";
}
.icon-dxd-uni29:before {
content: "\29";
}
.icon-dxd-uni2a:before {
content: "\2a";
}
.icon-dxd-uni2b:before {
content: "\2b";
}
.icon-dxd-uni2c:before {
content: "\2c";
}
.icon-dxd-uni2d:before {
content: "\2d";
}
.icon-dxd-uni2e:before {
content: "\2e";
}
.icon-dxd-uni2f:before {
content: "\2f";
}
.icon-dxd-uni30:before {
content: "\30";
}
.icon-dxd-uni31:before {
content: "\31";
}
.icon-dxd-uni32:before {
content: "\32";
}
.icon-dxd-uni33:before {
content: "\33";
}
.icon-dxd-uni34:before {
content: "\34";
}
.icon-dxd-uni35:before {
content: "\35";
}
.icon-dxd-uni36
:before {
content: "\36";
}
.icon-dxd-uni37:before {
content: "\37";
}
.icon-dxd-uni38:before {
content: "\38";
}
.icon-dxd-uni39:before {
content: "\39";
}
.icon-dxd-uni3a:before {
content: "\3a";
}
.icon-dxd-uni3b:before {
content: "\3b";
}
.icon-dxd-uni3c:before {
content: "\3c";
}
.icon-dxd-uni3d:before {
content: "\3d";
}
.icon-dxd-uni3e:before {
content: "\3e";
}
.icon-dxd-uni3f:before {
content: "\3f";
}
.icon-dxd-uni40:before {
content: "\40";
}
.icon-dxd-uni41:before {
content: "\41";
}
.icon-dxd-uni42:before {
content: "\42";
}
.icon-dxd-uni43:before {
content: "\43";
}
.icon-dxd-uni44:before {
content: "\44";
}
.icon-dxd-uni45:before {
content: "\45";
}
.icon-dxd-uni46:before {
content: "\46";
}
.icon-dxd-uni47:before {
content: "\47";
}
.icon-dxd-uni48:before {
content: "\48";
}
.icon-dxd-uni49:before {
content: "\49";
}
.icon-dxd-uni4a:before {
content: "\4a";
}
.icon-dxd-uni4b:before {
content: "\4b";
}
.icon-dxd-uni4c:before {
content: "\4c";
}
.icon-dxd-uni4d:before {
content: "\4d";
}
.icon-dxd-uni4e:before {
content: "\4e";
}
.icon-dxd-uni4f:before {
content: "\4f";
}
.icon-dxd-uni50:before {
content: "\50";
}
.icon-dxd-uni51:before {
content: "\51";
}
.icon-dxd-uni52:before {
content: "\52";
}
.icon-dxd-uni53:before {
content: "\53";
}
.icon-dxd-uni54:before {
content: "\54";
}
.icon-dxd-uni55:before {
content: "\55";
}
.icon-dxd-uni56:before {
content: "\56";
}
.icon-dxd-uni57:before {
content: "\57";
}
.icon-dxd-uni58:before {
content: "\58";
}
.icon-dxd-uni59:before {
content: "\59";
}
.icon-dxd-uni5a:before {
content: "\5a";
}
.icon-dxd-uni5b:before {
content: "\5b";
}
.icon-dxd-uni5c:before {
content: "\5c";
}
.icon-dxd-uni5d:before {
content: "\5d";
}
.icon-dxd-uni5e:before {
content: "\5e";
}
.icon-dxd-uni5f:before {
content: "\5f";
}
.icon-dxd-uni60:before {
content: "\60";
}
.icon-dxd-uni61:before {
content: "\61";
}
.icon-dxd-uni62:before {
content: "\62";
}
.icon-dxd-uni63:before {
content: "\63";
}
.icon-dxd-uni64:before {
content: "\64";
}
.icon-dxd-uni65:before {
content: "\65";
}
.icon-dxd-uni66:before {
content: "\66";
}
.icon-dxd-uni67:before {
content: "\67";
}
.icon-dxd-uni68:before {
content: "\68";
}
.icon-dxd-uni69:before {
content: "\69";
}
.icon-dxd-uni6a:before {
content: "\6a";
}
.icon-dxd-uni6b:before {
content: "\6b";
}
.icon-dxd-uni6c:before {
content: "\6c";
}
.icon-dxd-uni6d:before {
content: "\6d";
}
.icon-dxd-uni6e:before {
content: "\6e";
}
.icon-dxd-uni6f:before {
content: "\6f";
}
.icon-dxd-uni70:before {
content: "\70";
}
.icon-dxd-uni71:before {
content: "\71";
}
.icon-dxd-uni72:before {
content: "\72";
}
.icon-dxd-uni73:before {
content: "\73";
}
.icon-dxd-uni74:before {
content: "\74";
}
.icon-dxd-uni75:before {
content: "\75";
}
.icon-dxd-uni76:before {
content: "\76";
}
.icon-dxd-uni77:before {
content: "\77";
}
.icon-dxd-uni78:before {
content: "\78";
}
.icon-dxd-uni79:before {
content: "\79";
}
.icon-dxd-uni7a:before {
content: "\7a";
}
.icon-dxd-uni7b:before {
content: "\7b";
}
.icon-dxd-uni7c:before {
content: "\7c";
}
.icon-dxd-uni7d:before {
content: "\7d";
}
.icon-dxd-uni7e:before {
content: "\7e";
}
.icon-dxd-copyright:before {
content: "\a9";
}
@font-face {
font-family: 'mom-custom';
src: url('../fonts/custom-icons/icomoon.eot?3s0dn5');
src: url('../fonts/custom-icons/icomoon.eot?3s0dn5#iefix') format('embedded-opentype'), url('../fonts/custom-icons/icomoon.ttf?3s0dn5') format('truetype'), url('../fonts/custom-icons/icomoon.woff?3s0dn5') format('woff'), url('../fonts/custom-icons/icomoon.svg?3s0dn5#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/* [class^="icon-mom-"],
[class*=" icon-mom-"] {
}*/
.icon-mom-my-info-field:before {
content: "\e900";
font-size: 1.5em;
position: absolute;
top: 1.3em;
left: -0.8em;
font-family: 'mom-custom' !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;
}
/* V3 CSS changes */
/* header new SG govt banner */
.dxd-mom-sg-header{
background: rgb(240, 240, 240);
/* display: grid; */
}
.dxd-mom-sg-header a:hover{
text-decoration: none;
color: #333;
}
.dxd-mom-sg-header-container{
/* margin: 0 2%; */
padding: 5px 0px;
align-items: center;
}
.dxd-mom-sg-header a{
text-decoration: none;
color: #333;
}
.sgds-icon{
font-size: 22px;
}
.dxd-mom-sg-header-text{
margin-bottom: 5px;
align-items: center;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
font-size: 0.875rem;
vertical-align: 2px;
margin-left: -5px;
}
/* mobile positioning and styling */
@media (max-width: 700px) {
.dxd-mom-sg-header-container{
text-align: center;
}
.dxd-mom-sg-header-text{
margin-bottom: 5px;
align-items: center;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
font-size: 0.875rem;
vertical-align: 2px;
margin-left: -5px;
}
}
.dxd-mom-footer{
/* display: grid; */
background: #181C2F;
padding: 20px 0px;
width: 100%;
float: left;
}
.dxd-mom-footer-container{
/* display: grid;
grid-template-columns: 1fr 1fr; */
}
ul.dxd-mom-footer-left{
padding: 0px;
list-style: none;
margin: 0px;
display: inline;
width: 100%;
}
ul.dxd-mom-footer-right{
width: 100%;
margin: 0px;
}
.dxd-mom-footer-right li{
line-height: 1.5rem;
}
ul.dxd-mom-footer-left{
display: inline;
}
.dxd-mom-footer li a{
color: #fff;
font-family: "Open Sans" !important;
font-size: 14px;
cursor: pointer;
}
.dxd-mom-footer li a{
color: #fff;
font-family: "Open Sans" !important;
font-size: 14px;
}
.dxd-mom-footer li a:hover{
color: #fff;
text-decoration: none;
}
.dxd-mom-footer-left li{
display: inline;
padding-right: 15px;
}
.dxd-mom-footer-right li{
display: list-item;
padding-left: 0px;
margin-bottom: 0px;
list-style: none;
}
.dxd-mom-footer-right li:first-child{
display: list-item;
padding-left: 0px;
}
.dxd-mom-footer-right{
text-align: right;
float:right !important;
}
@media (max-width: 960px) {
.dxd-mom-footer-container{
width: 100%;
float: left;
padding: 0px;
}
}
/* mobile positioning and styling */
@media (max-width: 700px) {
.dxd-mom-footer-container{
width: 100%;
float: left;
padding: 0px;
}
.dxd-mom-footer-left{
width: 100%;
float: left;
}
.dxd-mom-footer-right{
width: 100%;
float: left;
margin-top: 15px !important;
text-align: left;
}
.dxd-mom-footer-container li{
width:100%;
float: left;
}
.dxd-mom-footer-right li{
padding-left: 0px;
}
}
/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
.dxd-mom-footer{
padding: 20px;
}
.dxd-mom-footer .dxd-mom-footer-left{
width: 100%;
float: left;
}
.dxd-mom-footer .dxd-mom-footer-right{
width: 100%;
float: left;
text-align: left !important;
}
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
.dxd-mom-footer{
padding: 20px;
}
.dxd-mom-footer .dxd-mom-footer-left{
width: 100%;
float: left;
}
.dxd-mom-footer .dxd-mom-footer-right{
width: 100%;
float: left;
text-align: left !important;
}
}
/* SGDS Icons */
@font-face {
font-family: 'sgds-icons';
src: url("../fonts/sgds/sgds-icons.ttf?742wbr") format("truetype"), url("../fonts/sgds/sgds-icons.woff?742wbr") format("woff"), url("../fonts/sgds/sgds-icons.svg?742wbr#sgds-icons") format("svg");
font-weight: normal;
font-style: normal; }
.sgds-icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'sgds-icons' !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; }
.sgds-icon-breadcrumb:before {
content: ""; }
.sgds-icon-callout:before {
content: ""; }
.sgds-icon-hero:before {
content: ""; }
.sgds-icon-mainnav:before {
content: ""; }
.sgds-icon-sidenav:before {
content: ""; }
.sgds-icon-table:before {
content: ""; }
.sgds-icon-typography:before {
content: ""; }
.sgds-icon-delete:before {
content: ""; }
.sgds-icon-grid-alt:before {
content: ""; }
.sgds-icon-pause-alt:before {
content: ""; }
.sgds-icon-pause:before {
content: ""; }
.sgds-icon-pencil:before {
content: ""; }
.sgds-icon-play-alt:before {
content: ""; }
.sgds-icon-play:before {
content: ""; }
.sgds-icon-privacy-alt:before {
content: ""; }
.sgds-icon-privacy:before {
content: ""; }
.sgds-icon-signal:before {
content: ""; }
.sgds-icon-stop:before {
content: ""; }
.sgds-icon-telephone:before {
content: ""; }
.sgds-icon-bookmark-alt:before {
content: ""; }
.sgds-icon-star-alt:before {
content: ""; }
.sgds-icon-guides:before {
content: ""; }
.sgds-icon-sentimeter:before {
content: ""; }
.sgds-icon-sharepoint:before {
content: ""; }
.sgds-icon-sitecore:before {
content: ""; }
.sgds-icon-sitefinity:before {
content: ""; }
.sgds-icon-swiit:before {
content: ""; }
.sgds-icon-wordpress:before {
content: ""; }
.sgds-icon-accordion:before {
content: ""; }
.sgds-icon-button:before {
content: ""; }
.sgds-icon-card:before {
content: ""; }
.sgds-icon-checklist:before {
content: ""; }
.sgds-icon-container:before {
content: ""; }
.sgds-icon-dropdown:before {
content: ""; }
.sgds-icon-footer:before {
content: ""; }
.sgds-icon-grid:before {
content: ""; }
.sgds-icon-icons:before {
content: ""; }
.sgds-icon-masthead:before {
content: ""; }
.sgds-icon-section:before {
content: ""; }
.sgds-icon-tab:before {
content: ""; }
.sgds-icon-atom:before {
content: ""; }
.sgds-icon-molecule:before {
content: ""; }
.sgds-icon-organism:before {
content: ""; }
.sgds-icon-page:before {
content: ""; }
.sgds-icon-template:before {
content: ""; }
.sgds-icon-add-image:before {
content: ""; }
.sgds-icon-attachment:before {
content: ""; }
.sgds-icon-cloud:before {
content: ""; }
.sgds-icon-contact:before {
content: ""; }
.sgds-icon-create-folder:before {
content: ""; }
.sgds-icon-delay:before {
content: ""; }
.sgds-icon-file-copy:before {
content: ""; }
.sgds-icon-file-pdf:before {
content: ""; }
.sgds-icon-folder:before {
content: ""; }
.sgds-icon-add-photo:before {
content: ""; }
.sgds-icon-browser:before {
content: ""; }
.sgds-icon-calculator:before {
content: ""; }
.sgds-icon-camera:before {
content: ""; }
.sgds-icon-clock:before {
content: ""; }
.sgds-icon-cloud-download:before {
content: ""; }
.sgds-icon-cloud-success:before {
content: ""; }
.sgds-icon-cloud-upload:before {
content: ""; }
.sgds-icon-database:before {
content: ""; }
.sgds-icon-download:before {
content: ""; }
.sgds-icon-file-add:before {
content: ""; }
.sgds-icon-file-alt:before {
content: ""; }
.sgds-icon-file:before {
content: ""; }
.sgds-icon-hdd:before {
content: ""; }
.sgds-icon-image:before {
content: ""; }
.sgds-icon-link:before {
content: ""; }
.sgds-icon-lock:before {
content: ""; }
.sgds-icon-mail:before {
content: ""; }
.sgds-icon-print:before {
content: ""; }
.sgds-icon-radar:before {
content: ""; }
.sgds-icon-save:before {
content: ""; }
.sgds-icon-share:before {
content: ""; }
.sgds-icon-unlock:before {
content: ""; }
.sgds-icon-upload:before {
content: ""; }
.sgds-icon-volume-mute:before {
content: ""; }
.sgds-icon-volume:before {
content: ""; }
.sgds-icon-docker:before {
content: ""; }
.sgds-icon-facebook-alt:before {
content: ""; }
.sgds-icon-facebook:before {
content: ""; }
.sgds-icon-google:before {
content: ""; }
.sgds-icon-instagram:before {
content: ""; }
.sgds-icon-linkedin-alt:before {
content: ""; }
.sgds-icon-linkedin:before {
content: ""; }
.sgds-icon-person-add:before {
content: ""; }
.sgds-icon-person-cancel:before {
content: ""; }
.sgds-icon-person-remove:before {
content: ""; }
.sgds-icon-person:before {
content: ""; }
.sgds-icon-rss:before {
content: ""; }
.sgds-icon-thumbs-down:before {
content: ""; }
.sgds-icon-thumbs-up:before {
content: ""; }
.sgds-icon-twitter:before {
content: ""; }
.sgds-icon-youtube:before {
content: ""; }
.sgds-icon-add-place:before {
content: ""; }
.sgds-icon-boat:before {
content: ""; }
.sgds-icon-bus:before {
content: ""; }
.sgds-icon-car:before {
content: ""; }
.sgds-icon-layers:before {
content: ""; }
.sgds-icon-map:before {
content: ""; }
.sgds-icon-my-location:before {
content: ""; }
.sgds-icon-place:before {
content: ""; }
.sgds-icon-taxi:before {
content: ""; }
.sgds-icon-traffic:before {
content: ""; }
.sgds-icon-train:before {
content: ""; }
.sgds-icon-arrow-down:before {
content: ""; }
.sgds-icon-arrow-left:before {
content: ""; }
.sgds-icon-arrow-right:before {
content: ""; }
.sgds-icon-arrow-top-left:before {
content: ""; }
.sgds-icon-arrow-top-right:before {
content: ""; }
.sgds-icon-arrow-up:before {
content: ""; }
.sgds-icon-check:before {
content: ""; }
.sgds-icon-chevron-down:before {
content: ""; }
.sgds-icon-chevron-left:before {
content: ""; }
.sgds-icon-chevron-right:before {
content: ""; }
.sgds-icon-chevron-up:before {
content: ""; }
.sgds-icon-cog:before {
content: ""; }
.sgds-icon-cross:before {
content: ""; }
.sgds-icon-ellipsis:before {
content: ""; }
.sgds-icon-home:before {
content: ""; }
.sgds-icon-menu:before {
content: ""; }
.sgds-icon-minus:before {
content: ""; }
.sgds-icon-notification:before {
content: ""; }
.sgds-icon-plus:before {
content: ""; }
.sgds-icon-sg-crest:before {
content: "";
color: #db0000; }
.sgds-icon-text-center:before {
content: ""; }
.sgds-icon-text-justify:before {
content: ""; }
.sgds-icon-text-left:before {
content: ""; }
.sgds-icon-text-right:before {
content: ""; }
.sgds-icon-add-comment:before {
content: ""; }
.sgds-icon-ban:before {
content: ""; }
.sgds-icon-bookmark:before {
content: ""; }
.sgds-icon-calendar:before {
content: ""; }
.sgds-icon-chat:before {
content: ""; }
.sgds-icon-circle-info:before {
content: ""; }
.sgds-icon-circle-minus:before {
content: ""; }
.sgds-icon-circle-plus:before {
content: ""; }
.sgds-icon-circle-question:before {
content: ""; }
.sgds-icon-circle-warning:before {
content: ""; }
.sgds-icon-compress-alt:before {
content: ""; }
.sgds-icon-compress:before {
content: ""; }
.sgds-icon-edit:before {
content: ""; }
.sgds-icon-expand-alt:before {
content: ""; }
.sgds-icon-expand:before {
content: ""; }
.sgds-icon-external:before {
content: ""; }
.sgds-icon-feedback:before {
content: ""; }
.sgds-icon-filter:before {
content: ""; }
.sgds-icon-info:before {
content: ""; }
.sgds-icon-list:before {
content: ""; }
.sgds-icon-pin:before {
content: ""; }
.sgds-icon-question:before {
content: ""; }
.sgds-icon-refresh:before {
content: ""; }
.sgds-icon-rsvp-no:before {
content: ""; }
.sgds-icon-rsvp-yes:before {
content: ""; }
.sgds-icon-search:before {
content: ""; }
.sgds-icon-slider-horizontal:before {
content: ""; }
.sgds-icon-slider-vertical:before {
content: ""; }
.sgds-icon-star:before {
content: ""; }
.sgds-icon-sync:before {
content: ""; }
.sgds-icon-toggle-minus:before {
content: ""; }
.sgds-icon-toggle-off:before {
content: ""; }
.sgds-icon-toggle-on:before {
content: ""; }
.sgds-icon-toggle-plus:before {
content: ""; }
.sgds-icon-triangle-warning:before {
content: ""; }
.sgds-icon-warning:before {
content: ""; }
.sgds-icon-zoom-in:before {
content: ""; }
.sgds-icon-zoom-out:before {
content: ""; }
.dxd-mom-container,
.dxd-mom-page-container {
width: 960px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
/**
* Top bar
*/
.dxd-mom-topbar {
padding: 10px 0;
text-align: center;
position: relative;
z-index: 12;
*zoom: 1;
background: #fff;
}
.dxd-mom-topbar:before,
.dxd-mom-topbar:after {
content: " ";
display: table;
}
.dxd-mom-topbar:after {
clear: both;
}
@media only screen and (min-width: 600px) {
.dxd-mom-topbar {
text-align: left;
}
}
.dxd-mom-mom-logo {
display: inline-block;
background: url(../images/branding/mom-logo-color.svg);
background-repeat: no-repeat;
background-size: auto 60px;
text-indent: -2000em;
width: 130px;
height: 60px;
}
.dxd-mom-no-svg .dxd-mom-mom-logo {
background-image: url(../images/branding/mom-logo-color-ie.png);
float: left
}
@media only screen and (min-width: 600px) {
.dxd-mom-mom-logo {
float: left;
}
}
/**
* MOM Footer logo
*/
.dxd-mom-mom-logo-footer {
display: block;
background: url(../images/branding/mom-logo-white.svg) top left no-repeat;
width: 146px;
height: 72px;
text-indent: -2000em;
margin-bottom: 19.9992px;
margin-bottom: 1.24995rem;
}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 600px) {
.dxd-mom-mom-logo-footer {
float: left;
margin-bottom: 0;
}
}
.dxd-mom-no-svg .dxd-mom-mom-logo-footer {
background-image: url(../images/branding/mom-logo-white-ie.png);
}
.dxd-mom-mom-logo-print {
display: none;
}
.dxd-mom-footer-panel{
/* display: grid; */
background: #002B43;
width: 100%;
float: left;
}
.dxd-mom-footer-panel-container{
float: left;
width: 100%;
align-items: right;
text-align: right;
}
.dxd-mom-footer-panel-right,
.dxd-mom-footer-social-media{
text-align: right;
list-style: none;
margin-bottom: 0px;
margin-top: 20px;
margin-bottom: 20px;
}
.dxd-mom-footer-panel-right{
float: right;
margin-top: 30px;
text-align: right;
}
.dxd-mom-footer-social-media{
float:right;
text-align: right;
}
.dxd-mom-footer-social-media li{
display: inline;
padding-left: 10px;
}
.dxd-mom-footer-panel-right li{
display: inline;
padding-right: 20px;
}
.dxd-mom-footer-panel-right li a{
cursor: pointer;
}
.dxd-mom-footer-panel-right li a:hover{
text-decoration: none;
}
.nav-social li a{
width: auto !important;
}
/* mobile positioning and styling */
@media (max-width: 700px) {
.dxd-mom-footer-link-container{
/* display: grid;
grid-template-columns: 1fr; */
width: 100%;
float: left;
}
ul.dxd-mom-footer-link-col{
width: 100% !important;
float: left;
}
.dxd-mom-footer-link-col li{
display: none;
}
.dxd-mom-footer-link-col li:first-child{
display: block;
}
.nav-social li a{
width: 100% !important;
float: left;
}
.dxd-mom-footer-panel-container{
/* grid-template-columns: 1fr; */
float: left;
width: 100%;
}
.dxd-mom-footer-panel-right, .dxd-mom-footer-social-media{
grid-column-start: 1;
margin-top: 10px;
text-align: left;
padding-left: 0px;
}
.dxd-mom-footer-social-media li{
padding-left: 0px;
padding-right: 15px;
}
}
.dxd-mom-footer-link-container{
width: 100%;
float: left;
}
ul.dxd-mom-footer-link-col{
list-style: none;
padding: 0px;
margin: 0px;
width: 25%;
padding: 0 2% 0 0;
float:left;
}
ul.dxd-mom-footer-link-col li {
padding: 0px 0px;
margin-bottom: 0px;
}
ul.dxd-mom-footer-link-col li:first-child a {
font-size: 16px;
font-weight: medium;
font-family : 'Open Sans';
}
ul.dxd-mom-footer-link-col li a{
line-height: 1 !important;
font-family : 'Open Sans';
cursor: pointer;
}
ul.dxd-mom-footer-link-col li a:hover{
text-decoration: none;
}
.dxd-mom-footer-panel a{
color: #fff !important;
font-family : 'Open Sans';
font-size: 14px;
}
.dxd-mom-footer-logo{
width: 100%;
float: left;
padding: 20px 0px;
}
@media screen and (max-width: 992px) {
.dxd-mom-footer .dxd-mom-footer-left{
width: 100%;
float: left;
}
.dxd-mom-footer .dxd-mom-footer-right{
width: 100%;
float: left;
text-align: left !important;
}
.dxd-mom-container{
width: 100%;
padding: 0px 1em;
}
.dxd-mom-footer-logo{
width: 100%;
float: left;
padding: 20px 0px;
}
.dxd-mom-footer-link-container{
/* grid-template-columns: 1fr; */
/* padding-left: 20px; */
}
.dxd-mom-footer-panel-container{
/* padding-left: 20px;
padding-right: 20px; */
}
.dxd-mom-footer-panel-container .dxd-mom-footer-panel-right, .dxd-mom-footer-panel-container .dxd-mom-footer-social-media{
margin-left: 0px;
}
.dxd-mom-footer{
padding: 20px 0px;
}
.dxd-mom-footer .dxd-mom-footer-left{
width: 100%;
float: left;
}
.dxd-mom-footer .dxd-mom-footer-right{
width: 100%;
float: left;
text-align: right !important;
}
.dxd-mom-footer .dxd-mom-footer-right li{
width: 100%;
float: right;
padding-right: 0px;
margin-bottom: 0px;
}
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
.dxd-mom-sg-header{
width: 100%;
}
.dxd-mom-footer{
padding: 20px 0px;
}
.dxd-mom-footer .dxd-mom-footer-left{
width: 100%;
float: left;
}
.dxd-mom-footer-left li {
width: 100%;
float: left;
}
.dxd-mom-footer .dxd-mom-footer-right{
width: 100%;
float: left;
text-align: left !important;
}
.dxd-mom-container{
width: 100%;
}
.dxd-mom-footer-link-container{
grid-template-columns: 1fr;
/* padding-left: 20px; */
}
.dxd-mom-footer-panel-container{
/* padding-left: 20px; */
float: left;
}
.dxd-mom-footer-logo{
width: 100%;
float: left;
padding: 20px 0px 0px;
}
.dxd-mom-footer-panel-container .dxd-mom-footer-panel-right, .dxd-mom-footer-panel-container .dxd-mom-footer-social-media{
margin-left: 0px;
width: 100%;
padding-bottom: 0px;
}
.nav-social{
padding-bottom: 0px;
}
.dxd-mom-footer-social-media li a, .dxd-mom-footer-social-media li{
width: 100%;
float: left;
}
.dxd-mom-footer{
padding: 20px 0px;
}
.dxd-mom-footer .dxd-mom-footer-left{
width: 100%;
float: left;
}
.dxd-mom-footer .dxd-mom-footer-right{
width: 100%;
float: left;
text-align: left !important;
}
}
.dxd-mom-icon-rvp:after {
content: "\e7b0";
color: white;
vertical-align: baseline;
font-size: 14px;
font-family: 'Linearicons-dxd';
margin-left: 5px;
}
.sgds-navbar .sgds-navbar-brand .sgds-navbar-item img{
height : 4rem;
max-height: 4rem;
}
.masthead-container{
margin-bottom: 0rem;
}
.control .btn{
margin-bottom: 0px !important;
}
.field.has-addons .control:not(:last-child){
margin-right: 0px !important;
}
.sgds-navbar-link:not(.is-arrowless):after{
color: #0067a1 !important;
border-color: #0067a1;
}
.sgds-navbar-link, .sgds-navbar-item{
font-size: 1.115rem;
}
.sgds-navbar-link.is-active, .sgds-navbar-link:focus, .sgds-navbar-link:focus-within, .sgds-navbar-link:hover, a.sgds-navbar-item.is-active, a.sgds-navbar-item:focus, a.sgds-navbar-item:focus-within, a.sgds-navbar-item:hover{
color: #0067a1 !important;
text-decoration: none;
}
.control.has-icons-left .icon, .control.has-icons-right .icon{
top: 13px;
}
@media screen and (max-width: 1024px) {
.sgds-navbar-dropdown{
display: none;
}
.navbar-child-open{
display: block;
}
}
.dxd-mom-search-mobile{
min-height: 2.23em !important;
height: 2.25em !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
/* govt header changes for DSS Aug 2022 */
.dxd-mom-sg-header-text{
font-size: 0.875rem;
margin-right: 8px;
vertical-align: 0px;
}
.dxd-mom-sg-header a.dxd-mom-sg-header-link{
font-size: 16px;
color: #0068A1;
}
.dxd-mom-sg-header a:focus{
background-color: rgb(240, 240, 240);
}
.dxd-mom-sg-header a.dxd-mom-sg-header-link .icon{
font-size: 16px;
}
.dxd-mom-sg-header-expand{
background: rgb(240, 240, 240);
padding: 32px 0px;
display: none;
}
.dxd-mom-sg-header-expand.dxd-mom-sg-header-expand-open{
display: block;
}
.dxd-mom-sg-header-expand h1{
font-size: 16px;
font-weight: 600;
line-height: 1.5;
margin-bottom: 8px;
color: #484848;
}
.dxd-mom-sg-header-expand p{
font-size: 16px;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0px;
color: #484848;
}
.dxd-mom-sg-header-expand .icon{
font-size: 16px;
}
.dxd-mom-sg-expand-icon{
float: left;
margin-right: 8px;
width: 24px;
}
.dxd-mom-sg-header-expand-container{
display: flex;
padding: 0px !important;
}
@media screen and (max-width: 700px) {
.dxd-mom-sg-header .sgds-icon{
font-size: 16px;
}
.dxd-mom-sg-header-container {
text-align: left;
}
.dxd-mom-sg-header-container .dxd-mom-sg-expand-content{
text-align: left !important;
}
.dxd-mom-sg-header-expand-container{
margin-bottom: 32px;
}
.dxd-mom-sg-header-expand-container:last-child{
margin-bottom: 0px;
}
.dxd-mom-sg-header-text{
font-size: 0.875rem;
margin-right: 4px;
vertical-align: 0px;
}
.dxd-mom-sg-header a.dxd-mom-sg-header-link{
font-size: 12px;
color: #0068A1;
}
.dxd-mom-sg-header a.dxd-mom-sg-header-link .icon{
font-size: 12px;
margin-right: 0px !important;
}
.dxd-mom-sg-header .dxd-mom-container-no-indent{
padding: 0px 8px;
}
}